@babylonjs/shared-ui-components 5.28.0 → 5.29.0

package/stories/Button.stories.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from "../components/Button.js";
-import { Icon } from "../components/Icon.js";
-import resizeToFitIcon from "../imgs/resizeToFitIcon.svg";
-export default {
-    title: "Inputs/Button",
-    component: Button,
-};
-const Template = (args) => (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h1", { children: "Icons" }), _jsx(Button, { ...args, color: "light", title: "Foo", children: _jsx(Icon, { icon: resizeToFitIcon, color: "dark" }) }), _jsx(Button, { ...args, color: "dark", title: "Bar", children: _jsx(Icon, { icon: resizeToFitIcon, color: "light" }) })] }), _jsxs("div", { children: [_jsx("h1", { children: "Text" }), _jsx(Button, { ...args, color: "light", title: "Foo", children: "HELLO" }), _jsx(Button, { ...args, color: "dark", title: "Bar", children: "WORLD" })] })] }));
-export const Default = Template.bind({});
-Default.args = {};
-export const Wide = Template.bind({});
-Wide.args = {
-    size: "wide",
-};
-export const Small = Template.bind({});
-Small.args = {
-    size: "small",
-};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../components/Button.js";
+import { Icon } from "../components/Icon.js";
+import resizeToFitIcon from "../imgs/resizeToFitIcon.svg";
+export default {
+    title: "Inputs/Button",
+    component: Button,
+};
+const Template = (args) => (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h1", { children: "Icons" }), _jsx(Button, { ...args, color: "light", title: "Foo", children: _jsx(Icon, { icon: resizeToFitIcon, color: "dark" }) }), _jsx(Button, { ...args, color: "dark", title: "Bar", children: _jsx(Icon, { icon: resizeToFitIcon, color: "light" }) })] }), _jsxs("div", { children: [_jsx("h1", { children: "Text" }), _jsx(Button, { ...args, color: "light", title: "Foo", children: "HELLO" }), _jsx(Button, { ...args, color: "dark", title: "Bar", children: "WORLD" })] })] }));
+export const Default = Template.bind({});
+Default.args = {};
+export const Wide = Template.bind({});
+Wide.args = {
+    size: "wide",
+};
+export const Small = Template.bind({});
+Small.args = {
+    size: "small",
+};
 //# sourceMappingURL=Button.stories.js.map

package/stories/Icon.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import type { IconProps } from "../components/Icon";
-declare const _default: {
-    title: string;
-    component: import("react").FC<IconProps>;
-};
-export default _default;
-export declare const Light: any;
-export declare const Dark: any;
+/// <reference types="react" />
+import type { IconProps } from "../components/Icon";
+declare const _default: {
+    title: string;
+    component: import("react").FC<IconProps>;
+};
+export default _default;
+export declare const Light: any;
+export declare const Dark: any;

package/stories/Icon.stories.js

@@ -1,17 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "../components/Icon.js";
-import resizeToFitIcon from "../imgs/resizeToFitIcon.svg";
-export default {
-    title: "Layout/Icon",
-    component: Icon,
-};
-const Template = (args) => _jsx(Icon, { ...args, icon: resizeToFitIcon });
-export const Light = Template.bind({});
-Light.args = {
-    color: "light",
-};
-export const Dark = Template.bind({});
-Dark.args = {
-    color: "dark",
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from "../components/Icon.js";
+import resizeToFitIcon from "../imgs/resizeToFitIcon.svg";
+export default {
+    title: "Layout/Icon",
+    component: Icon,
+};
+const Template = (args) => _jsx(Icon, { ...args, icon: resizeToFitIcon });
+export const Light = Template.bind({});
+Light.args = {
+    color: "light",
+};
+export const Dark = Template.bind({});
+Dark.args = {
+    color: "dark",
+};
 //# sourceMappingURL=Icon.stories.js.map

package/stories/Label.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import type { LabelProps } from "../components/Label";
-declare const _default: {
-    title: string;
-    component: import("react").FC<LabelProps>;
-};
-export default _default;
-export declare const Default: any;
+/// <reference types="react" />
+import type { LabelProps } from "../components/Label";
+declare const _default: {
+    title: string;
+    component: import("react").FC<LabelProps>;
+};
+export default _default;
+export declare const Default: any;

package/stories/Label.stories.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Label } from "../components/Label.js";
-import { Toggle } from "../components/Toggle.js";
-export default {
-    title: "Layout/Label",
-    component: Label,
-};
-const Template = (args) => (_jsx(Label, { ...args, text: "Responsive:", children: _jsx(Toggle, { toggled: "off", color: args.color }) }));
-export const Default = Template.bind({});
-Default.args = {};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Label } from "../components/Label.js";
+import { Toggle } from "../components/Toggle.js";
+export default {
+    title: "Layout/Label",
+    component: Label,
+};
+const Template = (args) => (_jsx(Label, { ...args, text: "Responsive:", children: _jsx(Toggle, { toggled: "off", color: args.color }) }));
+export const Default = Template.bind({});
+Default.args = {};
 //# sourceMappingURL=Label.stories.js.map

package/stories/MessageDialog.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import type { MessageDialogProps } from "../components/MessageDialog";
-declare const _default: {
-    title: string;
-    component: import("react").FC<MessageDialogProps>;
-};
-export default _default;
-export declare const NoError: any;
-export declare const Error: any;
+/// <reference types="react" />
+import type { MessageDialogProps } from "../components/MessageDialog";
+declare const _default: {
+    title: string;
+    component: import("react").FC<MessageDialogProps>;
+};
+export default _default;
+export declare const NoError: any;
+export declare const Error: any;

package/stories/MessageDialog.stories.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MessageDialog } from "../components/MessageDialog.js";
-export default {
-    title: "Layout/MessageDialog",
-    component: MessageDialog,
-};
-const Template = (args) => {
-    return _jsx(MessageDialog, { ...args });
-};
-export const NoError = Template.bind({});
-NoError.args = {
-    message: "No error",
-    isError: false,
-};
-export const Error = Template.bind({});
-Error.args = {
-    message: "Error",
-    isError: true,
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageDialog } from "../components/MessageDialog.js";
+export default {
+    title: "Layout/MessageDialog",
+    component: MessageDialog,
+};
+const Template = (args) => {
+    return _jsx(MessageDialog, { ...args });
+};
+export const NoError = Template.bind({});
+NoError.args = {
+    message: "No error",
+    isError: false,
+};
+export const Error = Template.bind({});
+Error.args = {
+    message: "Error",
+    isError: true,
+};
 //# sourceMappingURL=MessageDialog.stories.js.map

package/stories/Toggle.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import type { ToggleProps } from "../components/Toggle";
-declare const _default: {
-    title: string;
-    component: import("react").FC<ToggleProps>;
-};
-export default _default;
-export declare const Default: any;
-export declare const Padded: any;
+/// <reference types="react" />
+import type { ToggleProps } from "../components/Toggle";
+declare const _default: {
+    title: string;
+    component: import("react").FC<ToggleProps>;
+};
+export default _default;
+export declare const Default: any;
+export declare const Padded: any;

package/stories/Toggle.stories.js

@@ -1,18 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toggle } from "../components/Toggle.js";
-export default {
-    title: "Inputs/Toggle",
-    component: Toggle,
-};
-const Template = (args) => _jsx(Toggle, { ...args, onToggle: () => { } });
-export const Default = Template.bind({});
-Default.args = {
-    toggled: "off",
-    padded: false,
-};
-export const Padded = Template.bind({});
-Padded.args = {
-    toggled: "off",
-    padded: true,
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle } from "../components/Toggle.js";
+export default {
+    title: "Inputs/Toggle",
+    component: Toggle,
+};
+const Template = (args) => _jsx(Toggle, { ...args, onToggle: () => { } });
+export const Default = Template.bind({});
+Default.args = {
+    toggled: "off",
+    padded: false,
+};
+export const Padded = Template.bind({});
+Padded.args = {
+    toggled: "off",
+    padded: true,
+};
 //# sourceMappingURL=Toggle.stories.js.map

package/stories/bars/CommandBarComponent.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-declare const _default: {
-    component: import("react").FC<import("../../components/bars/CommandBarComponent").ICommandBarComponentProps>;
-};
-export default _default;
-export declare const Default: {};
-export declare const WithArtboardColor: {
-    parameters: {
-        onArtboardColorChanged: (color: string) => void;
-    };
-};
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").FC<import("../../components/bars/CommandBarComponent").ICommandBarComponentProps>;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithArtboardColor: {
+    parameters: {
+        onArtboardColorChanged: (color: string) => void;
+    };
+};

package/stories/bars/CommandBarComponent.stories.js

@@ -1,13 +1,13 @@
-import { CommandBarComponent } from "../../components/bars/CommandBarComponent.js";
-export default { component: CommandBarComponent };
-// Default rendering function.
-export const Default = {};
-const artBoardColorChange = (color) => {
-    console.log("new color", color);
-};
-// With Artboard color
-export const WithArtboardColor = {
-    ...Default,
-    parameters: { onArtboardColorChanged: artBoardColorChange },
-};
+import { CommandBarComponent } from "../../components/bars/CommandBarComponent.js";
+export default { component: CommandBarComponent };
+// Default rendering function.
+export const Default = {};
+const artBoardColorChange = (color) => {
+    console.log("new color", color);
+};
+// With Artboard color
+export const WithArtboardColor = {
+    ...Default,
+    parameters: { onArtboardColorChanged: artBoardColorChange },
+};
 //# sourceMappingURL=CommandBarComponent.stories.js.map

package/stories/bars/CommandButtonComponent.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const _default: {
-    component: import("react").FC<import("../../components/bars/CommandButtonComponent").ICommandButtonComponentProps>;
-};
-export default _default;
-export declare const Default: {};
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").FC<import("../../components/bars/CommandButtonComponent").ICommandButtonComponentProps>;
+};
+export default _default;
+export declare const Default: {};

package/stories/bars/CommandButtonComponent.stories.js

@@ -1,7 +1,7 @@
-import { CommandButtonComponent } from "../../components/bars/CommandButtonComponent.js";
-export default {
-    component: CommandButtonComponent,
-};
-// Default rendering function
-export const Default = {};
+import { CommandButtonComponent } from "../../components/bars/CommandButtonComponent.js";
+export default {
+    component: CommandButtonComponent,
+};
+// Default rendering function
+export const Default = {};
 //# sourceMappingURL=CommandButtonComponent.stories.js.map

package/stories/colorPicker/ColorPicker.stories.d.ts

@@ -1,11 +1,11 @@
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import { ColorPicker } from "../../components/colorPicker/ColorPicker";
-declare const _default: {
-    component: typeof ColorPicker;
-};
-export default _default;
-export declare const Default: {
-    args: {
-        color: Color3;
-    };
-};
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { ColorPicker } from "../../components/colorPicker/ColorPicker";
+declare const _default: {
+    component: typeof ColorPicker;
+};
+export default _default;
+export declare const Default: {
+    args: {
+        color: Color3;
+    };
+};

package/stories/colorPicker/ColorPicker.stories.js

@@ -1,5 +1,5 @@
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import { ColorPicker } from "../../components/colorPicker/ColorPicker.js";
-export default { component: ColorPicker };
-export const Default = { args: { color: new Color3(1, 0, 0) } };
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { ColorPicker } from "../../components/colorPicker/ColorPicker.js";
+export default { component: ColorPicker };
+export const Default = { args: { color: new Color3(1, 0, 0) } };
 //# sourceMappingURL=ColorPicker.stories.js.map

package/stories/layout/FlexibleGridLayout.stories.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import type { IFlexibleGridLayoutProps } from "../../components/layout/FlexibleGridLayout";
+declare const _default: {
+    component: import("react").FC<IFlexibleGridLayoutProps>;
+};
+export default _default;
+export declare const Default: {
+    render: (props: IFlexibleGridLayoutProps) => JSX.Element;
+    args: {
+        layoutDefinition: {
+            columns: {
+                id: string;
+                width: string;
+                rows: {
+                    id: string;
+                    height: string;
+                    selectedTab: string;
+                    tabs: {
+                        id: string;
+                        component: JSX.Element;
+                    }[];
+                }[];
+            }[];
+        };
+    };
+};
+export declare const TwoColumn: {
+    render: (props: IFlexibleGridLayoutProps) => JSX.Element;
+    args: {
+        layoutDefinition: {
+            columns: {
+                id: string;
+                width: string;
+                rows: {
+                    id: string;
+                    height: string;
+                    selectedTab: string;
+                    tabs: {
+                        id: string;
+                        component: JSX.Element;
+                    }[];
+                }[];
+            }[];
+        };
+    };
+};

package/stories/layout/FlexibleGridLayout.stories.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlexibleGridLayout } from "../../components/layout/FlexibleGridLayout.js";
+export default { component: FlexibleGridLayout };
+export const Default = {
+    render: (props) => {
+        return (_jsx("div", { style: { width: "100%", height: "500px" }, children: _jsx(FlexibleGridLayout, { ...props }) }));
+    },
+    args: {
+        layoutDefinition: {
+            columns: [
+                {
+                    id: "column1",
+                    width: "100%",
+                    rows: [
+                        { id: "row1", height: "50%", selectedTab: "tab1", tabs: [{ id: "tab1", component: _jsx("div", { children: "Test tab 1" }) }] },
+                        { id: "row2", height: "50%", selectedTab: "tab2", tabs: [{ id: "tab2", component: _jsx("div", { children: "Test tab 2" }) }] },
+                    ],
+                },
+            ],
+        },
+    },
+};
+export const TwoColumn = {
+    render: Default.render,
+    args: {
+        layoutDefinition: {
+            columns: [
+                {
+                    id: "column1",
+                    width: "50%",
+                    rows: [
+                        { id: "row1", height: "50%", selectedTab: "tab1", tabs: [{ id: "tab1", component: _jsx("div", { children: "Test tab 1" }) }] },
+                        { id: "row2", height: "50%", selectedTab: "tab2", tabs: [{ id: "tab2", component: _jsx("div", { children: "Test tab 2" }) }] },
+                    ],
+                },
+                {
+                    id: "column2",
+                    width: "50%",
+                    rows: [
+                        { id: "row1", height: "50%", selectedTab: "tab1", tabs: [{ id: "tab1", component: _jsx("div", { children: "Test tab 1" }) }] },
+                        { id: "row2", height: "50%", selectedTab: "tab2", tabs: [{ id: "tab2", component: _jsx("div", { children: "Test tab 2" }) }] },
+                    ],
+                },
+            ],
+        },
+    },
+};
+//# sourceMappingURL=FlexibleGridLayout.stories.js.map

package/stories/layout/FlexibleGridLayout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexibleGridLayout.stories.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/stories/layout/FlexibleGridLayout.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,eAAe,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;AAEjD,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,CAAC,KAA+B,EAAE,EAAE;QACxC,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAC1C,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAC/B,CACT,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,gBAAgB,EAAE;YACd,OAAO,EAAE;gBACL;oBACI,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE;wBACF,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uCAAqB,EAAE,CAAC,EAAE;wBAC5G,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uCAAqB,EAAE,CAAC,EAAE;qBAC/G;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,IAAI,EAAE;QACF,gBAAgB,EAAE;YACd,OAAO,EAAE;gBACL;oBACI,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,KAAK;oBACZ,IAAI,EAAE;wBACF,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uCAAqB,EAAE,CAAC,EAAE;wBAC5G,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uCAAqB,EAAE,CAAC,EAAE;qBAC/G;iBACJ;gBACD;oBACI,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,KAAK;oBACZ,IAAI,EAAE;wBACF,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uCAAqB,EAAE,CAAC,EAAE;wBAC5G,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,uCAAqB,EAAE,CAAC,EAAE;qBAC/G;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import type { IFlexibleGridLayoutProps } from \"../../components/layout/FlexibleGridLayout\";\r\nimport { FlexibleGridLayout } from \"../../components/layout/FlexibleGridLayout\";\r\n\r\nexport default { component: FlexibleGridLayout };\r\n\r\nexport const Default = {\r\n    render: (props: IFlexibleGridLayoutProps) => {\r\n        return (\r\n            <div style={{ width: \"100%\", height: \"500px\" }}>\r\n                <FlexibleGridLayout {...props} />\r\n            </div>\r\n        );\r\n    },\r\n    args: {\r\n        layoutDefinition: {\r\n            columns: [\r\n                {\r\n                    id: \"column1\",\r\n                    width: \"100%\",\r\n                    rows: [\r\n                        { id: \"row1\", height: \"50%\", selectedTab: \"tab1\", tabs: [{ id: \"tab1\", component: <div>Test tab 1</div> }] },\r\n                        { id: \"row2\", height: \"50%\", selectedTab: \"tab2\", tabs: [{ id: \"tab2\", component: <div>Test tab 2</div> }] },\r\n                    ],\r\n                },\r\n            ],\r\n        },\r\n    },\r\n};\r\n\r\nexport const TwoColumn = {\r\n    render: Default.render,\r\n    args: {\r\n        layoutDefinition: {\r\n            columns: [\r\n                {\r\n                    id: \"column1\",\r\n                    width: \"50%\",\r\n                    rows: [\r\n                        { id: \"row1\", height: \"50%\", selectedTab: \"tab1\", tabs: [{ id: \"tab1\", component: <div>Test tab 1</div> }] },\r\n                        { id: \"row2\", height: \"50%\", selectedTab: \"tab2\", tabs: [{ id: \"tab2\", component: <div>Test tab 2</div> }] },\r\n                    ],\r\n                },\r\n                {\r\n                    id: \"column2\",\r\n                    width: \"50%\",\r\n                    rows: [\r\n                        { id: \"row1\", height: \"50%\", selectedTab: \"tab1\", tabs: [{ id: \"tab1\", component: <div>Test tab 1</div> }] },\r\n                        { id: \"row2\", height: \"50%\", selectedTab: \"tab2\", tabs: [{ id: \"tab2\", component: <div>Test tab 2</div> }] },\r\n                    ],\r\n                },\r\n            ],\r\n        },\r\n    },\r\n};\r\n"]}

package/stories/lines/ColorLineComponent.stories.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../propertyChangedEvent";
-import type { IColorLineComponentProps } from "../../components/lines/ColorLineComponent";
-import { ColorLineComponent } from "../../components/lines/ColorLineComponent";
-declare const _default: {
-    component: typeof ColorLineComponent;
-};
-export default _default;
-export declare const Default: {
-    render: (args: IColorLineComponentProps) => JSX.Element;
-    args: {
-        target: {};
-        label: string;
-        propertyName: string;
-        lockObject: {
-            lock: boolean;
-        };
-        onPropertyChangedObservable: Observable<PropertyChangedEvent>;
-    };
-};
+/// <reference types="react" />
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import type { PropertyChangedEvent } from "../../propertyChangedEvent";
+import type { IColorLineComponentProps } from "../../components/lines/ColorLineComponent";
+import { ColorLineComponent } from "../../components/lines/ColorLineComponent";
+declare const _default: {
+    component: typeof ColorLineComponent;
+};
+export default _default;
+export declare const Default: {
+    render: (args: IColorLineComponentProps) => JSX.Element;
+    args: {
+        target: {};
+        label: string;
+        propertyName: string;
+        lockObject: {
+            lock: boolean;
+        };
+        onPropertyChangedObservable: Observable<PropertyChangedEvent>;
+    };
+};

package/stories/lines/ColorLineComponent.stories.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { ColorLineComponent } from "../../components/lines/ColorLineComponent.js";
-export default { component: ColorLineComponent };
-const propertyChangedObservable = new Observable();
-export const Default = {
-    render: (args) => (_jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: _jsx(ColorLineComponent, { ...args }) })),
-    args: { target: {}, label: "test", propertyName: "test", lockObject: { lock: false }, onPropertyChangedObservable: propertyChangedObservable },
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { ColorLineComponent } from "../../components/lines/ColorLineComponent.js";
+export default { component: ColorLineComponent };
+const propertyChangedObservable = new Observable();
+export const Default = {
+    render: (args) => (_jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: _jsx(ColorLineComponent, { ...args }) })),
+    args: { target: {}, label: "test", propertyName: "test", lockObject: { lock: false }, onPropertyChangedObservable: propertyChangedObservable },
+};
 //# sourceMappingURL=ColorLineComponent.stories.js.map

package/stories/lines/ColorPickerLineComponent.stories.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import type { IColorPickerComponentProps } from "../../components/lines/ColorPickerLineComponent";
-import { ColorPickerLineComponent } from "../../components/lines/ColorPickerLineComponent";
-declare const _default: {
-    component: typeof ColorPickerLineComponent;
-};
-export default _default;
-export declare const Default: {
-    render: (args: IColorPickerComponentProps) => JSX.Element;
-    args: {
-        value: Color3;
-    };
-};
+/// <reference types="react" />
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import type { IColorPickerComponentProps } from "../../components/lines/ColorPickerLineComponent";
+import { ColorPickerLineComponent } from "../../components/lines/ColorPickerLineComponent";
+declare const _default: {
+    component: typeof ColorPickerLineComponent;
+};
+export default _default;
+export declare const Default: {
+    render: (args: IColorPickerComponentProps) => JSX.Element;
+    args: {
+        value: Color3;
+    };
+};

package/stories/lines/ColorPickerLineComponent.stories.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import { ColorPickerLineComponent } from "../../components/lines/ColorPickerLineComponent.js";
-export default {
-    component: ColorPickerLineComponent,
-};
-export const Default = {
-    render: (args) => (_jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: _jsx(ColorPickerLineComponent, { ...args }) })),
-    args: { value: new Color3(1, 0, 0) },
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+import { ColorPickerLineComponent } from "../../components/lines/ColorPickerLineComponent.js";
+export default {
+    component: ColorPickerLineComponent,
+};
+export const Default = {
+    render: (args) => (_jsx("div", { style: { width: "100%", display: "flex", justifyContent: "center" }, children: _jsx(ColorPickerLineComponent, { ...args }) })),
+    args: { value: new Color3(1, 0, 0) },
+};
 //# sourceMappingURL=ColorPickerLineComponent.stories.js.map

package/stories/lines/FileButtonLineComponent.stories.d.ts

@@ -1,6 +1,6 @@
-import { FileButtonLineComponent } from "../../components/lines/FileButtonLineComponent";
-declare const _default: {
-    component: typeof FileButtonLineComponent;
-};
-export default _default;
-export declare const Default: {};
+import { FileButtonLineComponent } from "../../components/lines/FileButtonLineComponent";
+declare const _default: {
+    component: typeof FileButtonLineComponent;
+};
+export default _default;
+export declare const Default: {};

package/stories/lines/FileButtonLineComponent.stories.js

@@ -1,6 +1,6 @@
-import { FileButtonLineComponent } from "../../components/lines/FileButtonLineComponent.js";
-export default {
-    component: FileButtonLineComponent,
-};
-export const Default = {};
+import { FileButtonLineComponent } from "../../components/lines/FileButtonLineComponent.js";
+export default {
+    component: FileButtonLineComponent,
+};
+export const Default = {};
 //# sourceMappingURL=FileButtonLineComponent.stories.js.map