@plitzi/sdk-elements 0.33.2 → 0.34.1

package/dist/elements/structure/TabContainer/index.d.ts

@@ -2,221 +2,210 @@ declare const TabContainer: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainer').TabContainerProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {};
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
-            };
-            initialState: {
-                visibility: boolean;
-            };
-        };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: string[];
-            itemsNotAllowed: never[];
-        };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
-        };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
-                };
-            };
-            subTypes: {};
-        };
-        settings: {};
-    };
-    initialItems: string[];
     plugins: {
         tabContainerHeader: {
             (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerHeader/TabContainerHeader').TabContainerHeaderProps>): import("react").JSX.Element;
             displayName: string;
         } & {
-            type: string;
-            content: {
-                attributes: {};
-                definition: {
-                    label: string;
-                    type: string;
-                    description: string;
-                    items: never[];
-                    bindings: {};
-                    styleSelectors: {
-                        base: string;
+            readonly type: "tabContainerHeader";
+            readonly content: {
+                readonly attributes: {};
+                readonly definition: {
+                    readonly label: "Tab Container Header";
+                    readonly type: "tabContainerHeader";
+                    readonly description: "The row of tab triggers inside a tabContainer.";
+                    readonly items: readonly [];
+                    readonly bindings: {};
+                    readonly styleSelectors: {
+                        readonly base: "";
                     };
-                    initialState: {
-                        visibility: boolean;
+                    readonly initialState: {
+                        readonly visibility: true;
                     };
                 };
-                builder: {
-                    canDelete: boolean;
-                    canSelect: boolean;
-                    canDragDrop: boolean;
-                    canMove: boolean;
-                    canTemplate: boolean;
-                    itemsAllowed: string[];
-                    itemsNotAllowed: never[];
+                readonly builder: {
+                    readonly canDelete: false;
+                    readonly canSelect: true;
+                    readonly canDragDrop: false;
+                    readonly canMove: false;
+                    readonly canTemplate: false;
+                    readonly itemsAllowed: readonly ["tabContainerItem"];
+                    readonly itemsNotAllowed: readonly [];
                 };
-                market: {
-                    category: string;
-                    owner: string;
-                    verified: boolean;
-                    license: string;
-                    website: string;
-                    backgroundColor: string;
-                    icon: string;
+                readonly market: {
+                    readonly category: "structure";
+                    readonly owner: "Plitzi";
+                    readonly verified: true;
+                    readonly license: "MIT";
+                    readonly website: "https://plitzi.com";
+                    readonly backgroundColor: "#4422ee";
+                    readonly icon: "fa-solid fa-table-columns";
                 };
-                defaultStyle: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {
-                                'min-width': string;
-                                'min-height': string;
-                            };
+                readonly defaultStyle: {
+                    readonly name: "Tab Container Header";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
                     };
-                    subTypes: {};
+                    readonly subTypes: {};
                 };
-                settings: {};
+                readonly settings: {};
             };
-            initialItems: string[];
-        };
+            readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+        } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
         tabContainerBody: {
             (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerBody/TabContainerBody').TabContainerBodyProps>): import("react").JSX.Element;
             displayName: string;
         } & {
-            type: string;
-            content: {
-                attributes: {};
-                definition: {
-                    label: string;
-                    type: string;
-                    description: string;
-                    items: never[];
-                    bindings: {};
-                    styleSelectors: {
-                        base: string;
+            readonly type: "tabContainerBody";
+            readonly content: {
+                readonly attributes: {};
+                readonly definition: {
+                    readonly label: "Tab Container Body";
+                    readonly type: "tabContainerBody";
+                    readonly description: "The panel area inside a tabContainer that shows the active tab item.";
+                    readonly items: readonly [];
+                    readonly bindings: {};
+                    readonly styleSelectors: {
+                        readonly base: "";
                     };
-                    initialState: {
-                        visibility: boolean;
+                    readonly initialState: {
+                        readonly visibility: true;
                     };
                 };
-                builder: {
-                    canDelete: boolean;
-                    canSelect: boolean;
-                    canDragDrop: boolean;
-                    canMove: boolean;
-                    canTemplate: boolean;
-                    itemsAllowed: string[];
-                    itemsNotAllowed: never[];
+                readonly builder: {
+                    readonly canDelete: false;
+                    readonly canSelect: true;
+                    readonly canDragDrop: false;
+                    readonly canMove: false;
+                    readonly canTemplate: false;
+                    readonly itemsAllowed: readonly ["tabContainerItem"];
+                    readonly itemsNotAllowed: readonly [];
                 };
-                market: {
-                    category: string;
-                    owner: string;
-                    verified: boolean;
-                    license: string;
-                    website: string;
-                    backgroundColor: string;
-                    icon: string;
+                readonly market: {
+                    readonly category: "structure";
+                    readonly owner: "Plitzi";
+                    readonly verified: true;
+                    readonly license: "MIT";
+                    readonly website: "https://plitzi.com";
+                    readonly backgroundColor: "#4422ee";
+                    readonly icon: "fa-solid fa-table-columns";
                 };
-                defaultStyle: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {
-                                'min-width': string;
-                                'min-height': string;
-                            };
+                readonly defaultStyle: {
+                    readonly name: "Tab Container Body";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
                     };
-                    subTypes: {};
+                    readonly subTypes: {};
                 };
-                settings: {};
+                readonly settings: {};
             };
-            initialItems: string[];
-        };
+            readonly initialItems: readonly ["tabContainerItem", "tabContainerItem", "tabContainerItem"];
+        } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
         tabContainerItem: {
             (props: import('../../../Element/hocs/withElement').WithElementProps<import('./TabContainerItem/TabContainerItem').TabContainerItemProps>): import("react").JSX.Element;
             displayName: string;
         } & {
-            type: string;
-            content: {
-                attributes: {};
-                definition: {
-                    label: string;
-                    type: string;
-                    description: string;
-                    items: never[];
-                    bindings: {};
-                    styleSelectors: {
-                        base: string;
+            readonly type: "tabContainerItem";
+            readonly content: {
+                readonly attributes: {};
+                readonly definition: {
+                    readonly label: "Tab Container Item";
+                    readonly type: "tabContainerItem";
+                    readonly description: "One selectable tab (trigger + panel) inside a tabContainer.";
+                    readonly items: readonly [];
+                    readonly bindings: {};
+                    readonly styleSelectors: {
+                        readonly base: "";
                     };
-                    initialState: {
-                        visibility: boolean;
+                    readonly initialState: {
+                        readonly visibility: true;
                     };
                 };
-                builder: {
-                    canDelete: boolean;
-                    canSelect: boolean;
-                    canDragDrop: boolean;
-                    canMove: boolean;
-                    canTemplate: boolean;
-                    itemsAllowed: never[];
-                    itemsNotAllowed: string[];
+                readonly builder: {
+                    readonly canDelete: true;
+                    readonly canSelect: true;
+                    readonly canDragDrop: true;
+                    readonly canMove: true;
+                    readonly canTemplate: true;
+                    readonly itemsAllowed: readonly [];
+                    readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
                 };
-                market: {
-                    category: string;
-                    owner: string;
-                    verified: boolean;
-                    license: string;
-                    website: string;
-                    backgroundColor: string;
-                    icon: string;
+                readonly market: {
+                    readonly category: "structure";
+                    readonly owner: "Plitzi";
+                    readonly verified: true;
+                    readonly license: "MIT";
+                    readonly website: "https://plitzi.com";
+                    readonly backgroundColor: "#4422ee";
+                    readonly icon: "fa-solid fa-table-columns";
                 };
-                defaultStyle: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {
-                                'min-width': string;
-                                'min-height': string;
-                            };
+                readonly defaultStyle: {
+                    readonly name: "Tab Container Item";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
                     };
-                    subTypes: {};
+                    readonly subTypes: {};
+                };
+                readonly settings: {};
+            };
+        } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+    };
+    type: "tabContainer";
+    content: {
+        readonly attributes: {};
+        readonly definition: {
+            readonly label: "Tab Container";
+            readonly type: "tabContainer";
+            readonly description: "A tabbed container that switches between panels; composed of header/body/item parts.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+            };
+            readonly initialState: {
+                readonly visibility: true;
+            };
+        };
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly ["tabContainerHeader", "tabContainerBody"];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "structure";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-table-columns";
+        };
+        readonly defaultStyle: {
+            readonly name: "Tab Container";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
-                settings: {};
             };
+            readonly subTypes: {};
         };
+        readonly settings: {};
     };
+    initialItems: readonly ["tabContainerHeader", "tabContainerBody"];
+    __attributes: unknown;
 };
 export default TabContainer;

package/dist/elements/structure/TabContainer/index.mjs

@@ -1,56 +1,16 @@
-import e from "./TabContainer.mjs";
-import t from "./TabContainerBody/index.mjs";
-import n from "./TabContainerHeader/index.mjs";
-import r from "./TabContainerItem/index.mjs";
+import e from "./declaration.mjs";
+import t from "./TabContainer.mjs";
+import n from "./TabContainerBody/index.mjs";
+import r from "./TabContainerHeader/index.mjs";
+import i from "./TabContainerItem/index.mjs";
 //#region src/elements/structure/TabContainer/index.ts
-var i = Object.assign(e, {
-	type: "tabContainer",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Tab Container",
-			type: "tabContainer",
-			description: "Group things together into groups, also nestable.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: ["tabContainerHeader", "tabContainerBody"],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-table-columns"
-		},
-		defaultStyle: {
-			name: "Tab Container",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"min-width": "50px",
-				"min-height": "50px"
-			} } },
-			subTypes: {}
-		},
-		settings: {}
-	},
-	initialItems: ["tabContainerHeader", "tabContainerBody"],
+var a = Object.assign(t, {
+	...e,
 	plugins: {
-		tabContainerHeader: n,
-		tabContainerBody: t,
-		tabContainerItem: r
+		tabContainerHeader: r,
+		tabContainerBody: n,
+		tabContainerItem: i
 	}
 });
 //#endregion
-export { i as default };
+export { a as default };