@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.11

package/dist/layout-picker/stories/LayoutPicker.stories.d.ts

@@ -1,873 +0,0 @@
-import { LayoutPicker } from "../index";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: typeof LayoutPicker;
-    args: {
-        label: string;
-        description: string;
-        value: "1x1";
-        onChange: import("@vitest/spy").Mock<(value: string) => void>;
-        presets: readonly [{
-            readonly id: "1x1";
-            readonly label: "1x1";
-            readonly columns: 1;
-            readonly rows: 1;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }];
-        }, {
-            readonly id: "1x2";
-            readonly label: "1x2";
-            readonly columns: 2;
-            readonly rows: 1;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "1x3";
-            readonly label: "1x3";
-            readonly columns: 3;
-            readonly rows: 1;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "2x1";
-            readonly label: "2x1";
-            readonly columns: 1;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }];
-        }, {
-            readonly id: "2x2";
-            readonly label: "2x2";
-            readonly columns: 2;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "2x3";
-            readonly label: "2x3";
-            readonly columns: 3;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "3x1";
-            readonly label: "3x1";
-            readonly columns: 1;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }];
-        }, {
-            readonly id: "3x2";
-            readonly label: "3x2";
-            readonly columns: 2;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "3x3";
-            readonly label: "3x3";
-            readonly columns: 3;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c33";
-                readonly row: 3;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "4x1";
-            readonly label: "4x1";
-            readonly columns: 1;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c41";
-                readonly row: 4;
-                readonly column: 1;
-            }];
-        }, {
-            readonly id: "4x2";
-            readonly label: "4x2";
-            readonly columns: 2;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c41";
-                readonly row: 4;
-                readonly column: 1;
-            }, {
-                readonly id: "c42";
-                readonly row: 4;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "4x3";
-            readonly label: "4x3";
-            readonly columns: 3;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c33";
-                readonly row: 3;
-                readonly column: 3;
-            }, {
-                readonly id: "c41";
-                readonly row: 4;
-                readonly column: 1;
-            }, {
-                readonly id: "c42";
-                readonly row: 4;
-                readonly column: 2;
-            }, {
-                readonly id: "c43";
-                readonly row: 4;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "2x2-l";
-            readonly label: "Большая слева + две справа";
-            readonly columns: 2;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "left";
-                readonly row: 1;
-                readonly column: 1;
-                readonly rowSpan: 2;
-            }, {
-                readonly id: "rt";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "rb";
-                readonly row: 2;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "2x2-r";
-            readonly label: "Две слева + большая справа";
-            readonly columns: 2;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "lt";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "lb";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "right";
-                readonly row: 1;
-                readonly column: 2;
-                readonly rowSpan: 2;
-            }];
-        }, {
-            readonly id: "2x2-t";
-            readonly label: "Широкая сверху + две снизу";
-            readonly columns: 2;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "top";
-                readonly row: 1;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }, {
-                readonly id: "bl";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "br";
-                readonly row: 2;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "2x2-b";
-            readonly label: "Две сверху + широкая снизу";
-            readonly columns: 2;
-            readonly rows: 2;
-            readonly cells: readonly [{
-                readonly id: "tl";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "tr";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "bottom";
-                readonly row: 2;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }];
-        }, {
-            readonly id: "3x2-t";
-            readonly label: "Широкая сверху + 2x2";
-            readonly columns: 2;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "top";
-                readonly row: 1;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "3x2-b";
-            readonly label: "2x2 + широкая снизу";
-            readonly columns: 2;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "bottom";
-                readonly row: 3;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }];
-        }, {
-            readonly id: "3x2-m";
-            readonly label: "Широкая по центру";
-            readonly columns: 2;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "tl";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "tr";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "middle";
-                readonly row: 2;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }, {
-                readonly id: "bl";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "br";
-                readonly row: 3;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "3x3-l";
-            readonly label: "Большая слева + 2x3 справа";
-            readonly columns: 3;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "left";
-                readonly row: 1;
-                readonly column: 1;
-                readonly rowSpan: 3;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c33";
-                readonly row: 3;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "3x3-r";
-            readonly label: "2x3 слева + большая справа";
-            readonly columns: 3;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "right";
-                readonly row: 1;
-                readonly column: 3;
-                readonly rowSpan: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "3x3-t";
-            readonly label: "Широкая сверху + 2x3";
-            readonly columns: 3;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "top";
-                readonly row: 1;
-                readonly column: 1;
-                readonly columnSpan: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c33";
-                readonly row: 3;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "3x3-b";
-            readonly label: "2x3 + широкая снизу";
-            readonly columns: 3;
-            readonly rows: 3;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "bottom";
-                readonly row: 3;
-                readonly column: 1;
-                readonly columnSpan: 3;
-            }];
-        }, {
-            readonly id: "4x2-t";
-            readonly label: "Широкая сверху + 3x2";
-            readonly columns: 2;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "top";
-                readonly row: 1;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c41";
-                readonly row: 4;
-                readonly column: 1;
-            }, {
-                readonly id: "c42";
-                readonly row: 4;
-                readonly column: 2;
-            }];
-        }, {
-            readonly id: "4x2-b";
-            readonly label: "3x2 + широкая снизу";
-            readonly columns: 2;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "bottom";
-                readonly row: 4;
-                readonly column: 1;
-                readonly columnSpan: 2;
-            }];
-        }, {
-            readonly id: "4x3-t";
-            readonly label: "Широкая сверху + 3x3";
-            readonly columns: 3;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "top";
-                readonly row: 1;
-                readonly column: 1;
-                readonly columnSpan: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c33";
-                readonly row: 3;
-                readonly column: 3;
-            }, {
-                readonly id: "c41";
-                readonly row: 4;
-                readonly column: 1;
-            }, {
-                readonly id: "c42";
-                readonly row: 4;
-                readonly column: 2;
-            }, {
-                readonly id: "c43";
-                readonly row: 4;
-                readonly column: 3;
-            }];
-        }, {
-            readonly id: "4x3-b";
-            readonly label: "3x3 + широкая снизу";
-            readonly columns: 3;
-            readonly rows: 4;
-            readonly cells: readonly [{
-                readonly id: "c11";
-                readonly row: 1;
-                readonly column: 1;
-            }, {
-                readonly id: "c12";
-                readonly row: 1;
-                readonly column: 2;
-            }, {
-                readonly id: "c13";
-                readonly row: 1;
-                readonly column: 3;
-            }, {
-                readonly id: "c21";
-                readonly row: 2;
-                readonly column: 1;
-            }, {
-                readonly id: "c22";
-                readonly row: 2;
-                readonly column: 2;
-            }, {
-                readonly id: "c23";
-                readonly row: 2;
-                readonly column: 3;
-            }, {
-                readonly id: "c31";
-                readonly row: 3;
-                readonly column: 1;
-            }, {
-                readonly id: "c32";
-                readonly row: 3;
-                readonly column: 2;
-            }, {
-                readonly id: "c33";
-                readonly row: 3;
-                readonly column: 3;
-            }, {
-                readonly id: "bottom";
-                readonly row: 4;
-                readonly column: 1;
-                readonly columnSpan: 3;
-            }];
-        }];
-        disabled: false;
-        placeholder: string;
-        ariaLabel: string;
-        placement: "bottom-start";
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        id: {
-            description: string;
-            control: "text";
-        };
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        value: {
-            description: string;
-            control: "text";
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        presets: {
-            description: string;
-            control: false;
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-        getPresetDisabled: {
-            description: string;
-            control: false;
-        };
-        placeholder: {
-            description: string;
-            control: "text";
-        };
-        ariaLabel: {
-            description: string;
-            control: "text";
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        className: {
-            description: string;
-            control: "text";
-        };
-        triggerClassName: {
-            description: string;
-            control: "text";
-        };
-        popupClassName: {
-            description: string;
-            control: "text";
-        };
-        placement: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Controlled: Story;
-export declare const Placeholder: Story;
-export declare const CustomPresets: Story;
-export declare const DisabledPresets: Story;
-export declare const InToolbar: Story;
-export declare const Disabled: Story;
-//# sourceMappingURL=LayoutPicker.stories.d.ts.map