@ryuzaki13/react-foundation-ui 0.1.0

package/dist/layout-picker/lib/presets.d.ts

@@ -0,0 +1,789 @@
+import { type LayoutPickerPreset } from "./types";
+/**
+ * Базовый набор layout-пресетов для первого среза выбора схемы.
+ *
+ * id формата:
+ * - "2x3" — 2 строки, 3 колонки
+ * - "2x2-l" — 2x2 с большой ячейкой слева
+ * - "3x2-b" — 3x2 с широкой нижней ячейкой
+ */
+export declare const DEFAULT_LAYOUT_PICKER_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;
+    }];
+}];
+export type DefaultLayoutPickerPresetId = (typeof DEFAULT_LAYOUT_PICKER_PRESETS)[number]["id"];
+export declare function getDefaultLayoutPickerPresetId(): DefaultLayoutPickerPresetId;
+/** Возвращает layout-пресет по id с fallback на дефолт chart-ракурса. */
+export declare function resolveLayoutPreset(layoutId: string | undefined): LayoutPickerPreset;
+export declare function resolveLayoutCellCount(layoutId: string): number;
+//# sourceMappingURL=presets.d.ts.map