Merge pull request #444 from sugarlabs/gsoc-dmp-2025/week-4/justin

DMP 2025 Week 4: feat(Masonry): Add palette to Masonry

Author: meganindya

modules/masonry/src/brick/view/components/BrickWrapper.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useMemo } from 'react';
-import type { TBrickRenderProps } from '../../@types/brick';
+import type { TBrickRenderProps } from '../../../@types/brick';
 import { generateBrickData } from '../../utils/path';
 import type { TInputUnion } from '../../utils/path';
 import { measureLabel } from '../../utils/textMeasurement';

modules/masonry/src/brick/view/components/compound.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TBrickRenderPropsCompound } from '../../@types/brick';
+import type { TBrickRenderPropsCompound } from '../../../@types/brick';
 import { BrickWrapper } from './BrickWrapper';
 import type { TConnectionPoints } from '../utils/common';
 
@@ -11,11 +11,11 @@ export const CompoundBrickView: React.FC<PropsWithMetrics> = (props) => {
   const {
     topNotch,
     bottomNotch,
-    bboxNest,
     isFolded,
     strokeWidth,
     scale,
     bboxArgs,
+    bboxNest,
     ...commonProps
   } = props;
 

modules/masonry/src/brick/view/components/expression.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TBrickRenderPropsExpression } from '../../@types/brick';
+import type { TBrickRenderPropsExpression } from '../../../@types/brick';
 import { BrickWrapper } from './BrickWrapper';
 import type { TConnectionPoints } from '../utils/common';
 

modules/masonry/src/brick/view/components/simple.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TBrickRenderPropsSimple } from '../../@types/brick';
+import type { TBrickRenderPropsSimple } from '../../../@types/brick';
 import { BrickWrapper } from './BrickWrapper';
 import type { TConnectionPoints } from '../utils/common';
 

modules/masonry/src/brick/view/stories/compound.stories.tsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import type { Meta, StoryObj, Decorator } from '@storybook/react';
 import { CompoundBrickView } from '../components/compound';
-import type { TBrickRenderPropsCompound } from '../../@types/brick';
+import type { TBrickRenderPropsCompound } from '../../../@types/brick';
 
 const centerDecorator: Decorator<TBrickRenderPropsCompound> = (Story) => (
   <div style={{ display: 'flex', justifyContent: 'center', padding: '2rem' }}>

modules/masonry/src/brick/view/stories/expression.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Meta, StoryObj, Decorator } from '@storybook/react';
 import { ExpressionBrickView } from '../components/expression';
-import type { TBrickRenderPropsExpression } from '../../@types/brick';
+import type { TBrickRenderPropsExpression } from '../../../@types/brick';
 
 const centerDecorator: Decorator<TBrickRenderPropsExpression> = (Story) => (
   <div style={{ display: 'flex', justifyContent: 'center', padding: '2rem' }}>

modules/masonry/src/brick/view/stories/simple.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Meta, StoryFn } from '@storybook/react';
 import { SimpleBrickView } from '../components/simple';
-import type { TBrickRenderPropsSimple } from '../../@types/brick';
+import type { TBrickRenderPropsSimple } from '../../../@types/brick';
 
 export default {
   title: 'Bricks/SimpleBrick',