@getflip/swirl-components 0.295.0 → 0.296.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-20T11:03:05",
+  "timestamp": "2025-02-21T14:51:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -21724,7 +21724,8 @@
       ],
       "dependents": [
         "swirl-option-list-item",
-        "swirl-resource-list-item"
+        "swirl-resource-list-item",
+        "swirl-tree-view-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -21733,6 +21734,9 @@
         ],
         "swirl-resource-list-item": [
           "swirl-icon-drag-handle"
+        ],
+        "swirl-tree-view-item": [
+          "swirl-icon-drag-handle"
         ]
       }
     },
@@ -60774,7 +60778,7 @@
     },
     {
       "filePath": "src/components/swirl-tree-view/swirl-tree-view.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "swirl-tree-view",
       "docs": "",
       "docsTags": [
@@ -60785,6 +60789,96 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "canDrop",
+          "type": "(location: { parentId: string; position: number; }) => boolean",
+          "complexType": {
+            "original": "SwirlTreeViewCanDropHandler",
+            "resolved": "(location: { parentId: string; position: number; }) => boolean",
+            "references": {
+              "SwirlTreeViewCanDropHandler": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tree-view/swirl-tree-view.tsx",
+                "id": "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewCanDropHandler"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(location: { parentId: string; position: number; }) => boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "dragDropInstructions",
+          "type": "{ cannotBeDropped: string; end: string; initial: string; moved: string; start: string; }",
+          "complexType": {
+            "original": "{ cannotBeDropped: string; end: string; initial: string; moved: string; start: string; }",
+            "resolved": "{ cannotBeDropped: string; end: string; initial: string; moved: string; start: string; }",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "defaultDragDropInstructions",
+          "values": [
+            {
+              "type": "{ cannotBeDropped: string; end: string; initial: string; moved: string; start: string; }"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "dragDropItemSelector",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "drag-drop-item-selector",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"swirl-tree-view-item\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "enableDragDrop",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "enable-drag-drop",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "initiallyExpandedItemIds",
           "type": "string[]",
@@ -60864,6 +60958,26 @@
         }
       ],
       "events": [
+        {
+          "event": "dropItem",
+          "detail": "Pick<SortableEvent, \"item\" | \"oldIndex\" | \"newIndex\"> & { itemId: string; newNextSiblingItemId: string; newPrevSiblingItemId: string; sourceParentItemId: string; targetParentItemId: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlTreeViewDropItemEvent",
+            "resolved": "Pick<SortableEvent, \"item\" | \"oldIndex\" | \"newIndex\"> & { itemId: string; newNextSiblingItemId: string; newPrevSiblingItemId: string; sourceParentItemId: string; targetParentItemId: string; }",
+            "references": {
+              "SwirlTreeViewDropItemEvent": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tree-view/swirl-tree-view.tsx",
+                "id": "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewDropItemEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "itemExpansionChanged",
           "detail": "{ itemId: string; expanded: boolean; }",
@@ -60880,6 +60994,11 @@
         }
       ],
       "listeners": [
+        {
+          "event": "dropTreeViewItem",
+          "capture": false,
+          "passive": false
+        },
         {
           "event": "keydown",
           "capture": false,
@@ -60894,6 +61013,21 @@
           "event": "expandedChange",
           "capture": false,
           "passive": false
+        },
+        {
+          "event": "endKeyboardMove",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "startKeyboardMove",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "keyboardMove",
+          "capture": false,
+          "passive": false
         }
       ],
       "styles": [],
@@ -60905,12 +61039,18 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "swirl-visually-hidden"
+      ],
+      "dependencyGraph": {
+        "swirl-tree-view": [
+          "swirl-visually-hidden"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx",
-      "encapsulation": "scoped",
+      "encapsulation": "none",
       "tag": "swirl-tree-view-item",
       "docs": "",
       "docsTags": [
@@ -60946,6 +61086,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "disableDrag",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-drag",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "expandable",
           "type": "boolean",
@@ -61232,6 +61393,46 @@
         }
       ],
       "events": [
+        {
+          "event": "dropTreeViewItem",
+          "detail": "Pick<SortableEvent, \"item\" | \"oldIndex\" | \"newIndex\"> & { itemId: string; newNextSiblingItemId: string; newPrevSiblingItemId: string; sourceParentItemId: string; targetParentItemId: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlTreeViewDropItemEvent",
+            "resolved": "Pick<SortableEvent, \"item\" | \"oldIndex\" | \"newIndex\"> & { itemId: string; newNextSiblingItemId: string; newPrevSiblingItemId: string; sourceParentItemId: string; targetParentItemId: string; }",
+            "references": {
+              "SwirlTreeViewDropItemEvent": {
+                "location": "import",
+                "path": "../swirl-tree-view/swirl-tree-view",
+                "id": "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewDropItemEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "endKeyboardMove",
+          "detail": "{ canDrop: boolean; childrenCount: number; itemLabel: string; parentLabel: string; position: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlTreeViewItemKeyboardMoveEvent",
+            "resolved": "{ canDrop: boolean; childrenCount: number; itemLabel: string; parentLabel: string; position: number; }",
+            "references": {
+              "SwirlTreeViewItemKeyboardMoveEvent": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tree-view-item/swirl-tree-view-item.tsx",
+                "id": "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx::SwirlTreeViewItemKeyboardMoveEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "expandedChange",
           "detail": "boolean",
@@ -61264,6 +61465,46 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "keyboardMove",
+          "detail": "{ canDrop: boolean; childrenCount: number; itemLabel: string; parentLabel: string; position: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlTreeViewItemKeyboardMoveEvent",
+            "resolved": "{ canDrop: boolean; childrenCount: number; itemLabel: string; parentLabel: string; position: number; }",
+            "references": {
+              "SwirlTreeViewItemKeyboardMoveEvent": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tree-view-item/swirl-tree-view-item.tsx",
+                "id": "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx::SwirlTreeViewItemKeyboardMoveEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "startKeyboardMove",
+          "detail": "{ canDrop: boolean; childrenCount: number; itemLabel: string; parentLabel: string; position: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlTreeViewItemKeyboardMoveEvent",
+            "resolved": "{ canDrop: boolean; childrenCount: number; itemLabel: string; parentLabel: string; position: number; }",
+            "references": {
+              "SwirlTreeViewItemKeyboardMoveEvent": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-tree-view-item/swirl-tree-view-item.tsx",
+                "id": "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx::SwirlTreeViewItemKeyboardMoveEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -61281,12 +61522,14 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-icon-drag-handle",
         "swirl-icon-expand-more",
         "swirl-icon-chevron-right",
         "swirl-icon"
       ],
       "dependencyGraph": {
         "swirl-tree-view-item": [
+          "swirl-icon-drag-handle",
           "swirl-icon-expand-more",
           "swirl-icon-chevron-right",
           "swirl-icon"
@@ -61430,6 +61673,7 @@
         "swirl-spinner",
         "swirl-switch",
         "swirl-table",
+        "swirl-tree-view",
         "swirl-video-thumbnail"
       ],
       "dependencies": [],
@@ -61470,6 +61714,9 @@
         "swirl-table": [
           "swirl-visually-hidden"
         ],
+        "swirl-tree-view": [
+          "swirl-visually-hidden"
+        ],
         "swirl-video-thumbnail": [
           "swirl-visually-hidden"
         ]
@@ -62082,6 +62329,21 @@
       "docstring": "",
       "path": "src/components/swirl-tooltip/swirl-tooltip.tsx"
     },
+    "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewDropItemEvent": {
+      "declaration": "export type SwirlTreeViewDropItemEvent = Pick<\n  SortableEvent,\n  \"oldIndex\" | \"newIndex\" | \"item\"\n> & {\n  itemId: string;\n  newNextSiblingItemId: string | undefined;\n  newPrevSiblingItemId: string | undefined;\n  sourceParentItemId: string;\n  targetParentItemId: string;\n};",
+      "docstring": "",
+      "path": "src/components/swirl-tree-view/swirl-tree-view.tsx"
+    },
+    "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx::SwirlTreeViewItemKeyboardMoveEvent": {
+      "declaration": "{\n  canDrop: boolean;\n  childrenCount: number;\n  itemLabel: string;\n  parentLabel: string;\n  position: number;\n}",
+      "docstring": "",
+      "path": "src/components/swirl-tree-view-item/swirl-tree-view-item.tsx"
+    },
+    "src/components/swirl-tree-view/swirl-tree-view.tsx::SwirlTreeViewCanDropHandler": {
+      "declaration": "(location: {\n  parentId: string;\n  position: number;\n}) => boolean",
+      "docstring": "",
+      "path": "src/components/swirl-tree-view/swirl-tree-view.tsx"
+    },
     "../../node_modules/wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker.d.ts::WCDatepickerLabels": {
       "declaration": "{\n  clearButton: string;\n  monthSelect: string;\n  nextMonthButton: string;\n  nextYearButton: string;\n  picker: string;\n  previousMonthButton: string;\n  previousYearButton: string;\n  todayButton: string;\n  yearSelect: string;\n}",
       "docstring": "",

package/dist/cjs/file-manager.cjs.entry.js

@@ -62,7 +62,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (index.h("swirl-icon-file", { slot: "media" })) : (index.h("swirl-icon-folder-shared", { slot: "media" })))))) : (index.h("swirl-box", { padding: "16" }, index.h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (index.h(index.Host, { key: '18b248c1fd36f3a015195c34f90e30f3d0129a25' }, index.h("swirl-app-layout", { key: '23ee44bb967041b5ee4c0044c05532de08c55e48', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: '8dd15f955dd8fc2f85022d3160eeeddb8015b227', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '2af1a886f9e1431081053cb4a1723d2f975b0516', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '8ea888d58eb9a05d41b8803f0f0fcfa0a5c34022', label: "Sort items" })), index.h("swirl-stack", { key: '670c09f8464528db314302c868dec4cbfeced464', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'dc0597dc1a5abae8ed8e403a997cca3f7796534b' }, index.h("swirl-heading", { key: 'a811da97e04b193beab8288d9012b5b54635eb06', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '44f69f2fc0ff0a7e51c94002525d41e6f4307d3e', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '0eb5c25bfdce727555615e1d4be67666af96439f', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'a7ad8f5828fd2c2b8363b94fdef058609ccb81a1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '94ba04d3a38a3b1fe0141a070dca99079abce01e', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '8e930ed7bba88057d9fe10d034b7c3a283063b53', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '2000e436742879d4b3c08262ecf86c1e793b5709', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '1311545ff3c088b1d62687a769e8595e9d2858fe', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '443503042a3a634be5b68278e5b99e4770b7e499', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'f613ac4d843282aee7e5bb61ffad3abf47d080da', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '6fbde353175945ce1b706ac1b1a3eedde30c877e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'f07f71a8482ef4aa1014acac792c87aa95065889' }, index.h("swirl-app-layout", { key: '071087d9402d0e8d36ff31dd5df600f0acf9f79a', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: 'ab306f991325be61eefd3c2c1a7a7f606fed46e6', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'dbcc751b460b5c6d0e00e52e099214b94cc0ba99', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'f02622174bd02ce62cc78426ba13d39a52b40fb9', label: "Sort items" })), index.h("swirl-stack", { key: '07b9eda2c15ee9b5e23ebdecb47c21805ada3508', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '7be067deffc92e3d4efadca7c35c7ce97763bfee' }, index.h("swirl-heading", { key: '89e7cfd1432000f74b62fd7dc35e9202b7b8647f', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'c450212a5f9aeb3b0b399297ad72cbe86c8798f5', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '6b347770944a0f6e58bbbf5dd6dde1170179a153', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '440fecb0f70b86d994fbf528d820d54eb7b0fa4e', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '0d5df914f57717ab125dee0bebcc09484925c54a', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '69c9e14adbfccd08373af6ec4d9c1caf79f54c83', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '3132c5582663180abe622ba001d561e2e3b642b7', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'eb7edd7cf4941eb80fdd988958c394bcee716a9b', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '5af8b499e3bb16214a62f9c888307242d43a4404', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'adbf0e0110bfc8597e88f6750b75ef483712997b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '5eb660a5d4e438c8181073c9f297eab59912a14c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-1a9a1551.js

@@ -2831,10 +2831,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-info.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-check-small_3.cjs':
+                case 'swirl-icon-check-small_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './swirl-icon-check-small_3.cjs.entry.js')); }).then(processMod, consoleError);
+                        './swirl-icon-check-small_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-progress-indicator.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2855,10 +2855,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-heading.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-check-strong.cjs':
+                case 'swirl-icon-check-strong_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './swirl-icon-check-strong.cjs.entry.js')); }).then(processMod, consoleError);
+                        './swirl-icon-check-strong_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-expand-more.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */