@paperless/core 2.22.0-alpha.23 → 2.22.0-alpha.25

package/dist/collection/components/organisms/drawer/drawer.component.js

@@ -49,11 +49,9 @@ export class Drawer {
         if (!this.show) {
             return;
         }
-        const headerContent = h("slot", { name: "header" });
-        const bodyContent = h("slot", { name: "content" });
-        return (h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
-            ? headerContent
-            : this.header)), h("p-drawer-body", null, bodyContent))));
+        const headerContent = h("slot", { name: 'header' });
+        const bodyContent = h("slot", { name: 'content' });
+        return (h("p-backdrop", { variant: 'drawer', applyBlur: this.applyBlur, onClicked: ev => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-drawer-header", { "show-close": this.showClose, onClose: ev => this.close(ev.detail, 'close') }, this._hasHeaderSlot ? headerContent : this.header)), h("p-drawer-body", null, bodyContent))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
@@ -82,7 +80,7 @@ export class Drawer {
             this.closeClicked.emit({
                 event: ev,
                 canClose: this.canClose,
-                source
+                source,
             });
             if (!this.canClose) {
                 return;
@@ -273,7 +271,7 @@ export class Drawer {
                     "text": "Close click event"
                 },
                 "complexType": {
-                    "original": "{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}",
+                    "original": "{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n\t\tsource: 'unknown' | 'backdrop' | 'close' | 'event';\n\t}",
                     "resolved": "{ event: MouseEvent; canClose: boolean; source: \"close\" | \"backdrop\" | \"unknown\" | \"event\"; }",
                     "references": {
                         "MouseEvent": {

package/dist/collection/components/organisms/listing/listing.component.js

@@ -18,10 +18,10 @@ export class Listing {
         }
     }
     render() {
-        return (h("div", { key: 'e8406c5d67b32dcab48ab048604487160f905c81', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: '527b21db5684bcc5d89084b59d070982062305fa', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '5c0f01fe878536842572168f55d26660b68b8f0a', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '7cd97da5249253981f536cbf4e0515f08adcfd2a', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -44,7 +44,7 @@ const backdrop = cva(['z-navbar-backdrop layout-1280:hidden transition-opacity r
 export class Navbar {
     _show = false;
     render() {
-        return (h(ThemedHost, { key: '0c266f4492556482dbcfb9514626afccc25f48aa' }, h("p-backdrop", { key: 'c8acb2161b3555ec2ceca32fd13b0a8840a39e07', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '8f6b26d0e546e72429bb92ae4c8c0d14a8916d23', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '617f02c836923b9ee15db43d6351b252ea05366f', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '75278d6725a8acbd7639652b0b4e2f827ff6a494', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '5b9714e4ca64a5795597e598f7debaea7bbe5a1e', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '3841bb40c3c2991223a400ede5ef2ad7b291118b', name: 'company' })), h("div", { key: '950a0263aa62c7f846cdc38d74ccf60534131fd6', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '3323d582d86d321cec94823f2bcda6c97fbca937', name: 'content' })), h("div", { key: '7ccc242adc5ffa0477cb006489ef11e80be13469', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: 'bd4497a7520fcb27b07f03ec161e3e54a5182419', name: 'user' }))), h("div", { key: '46ad39e41123fb9411e6831f2cb4e0cc0a6c0f50', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'd3a478c442ddc1d536a5a887a24cdefce05f3b9a', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: 'cae9deac19b5943e9b711d60822159c7ad5851ec', name: 'topbar' }))));
+        return (h(ThemedHost, { key: 'ee599d3472ef0a332d17353d8e7f559e36d5529b' }, h("p-backdrop", { key: 'aa5b71247881e2a23998bab23f194ff6f58a6662', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '121da670f6b7dbbfbce4a018c56b56ac1352c212', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'e789b6c904b4715c271e03324d8e8643acd5d8a8', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '9d6f49157fc731f91ff34bc7e37aebe40c5d0612', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'c88909335eed7df5a93b32a65d24b1a8ff2a3f19', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'e09b2eaefb99e51502f3629c377728d298b0e8d9', name: 'company' })), h("div", { key: '2ce82f037a53e8529d834958812d74f3cdd25ef2', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'eaf615dd6f9d5b8fb260fe5a10c43b1e0b6f52c0', name: 'content' })), h("div", { key: '9b8bedc34ab2bcbe8935426007b6fd8c2d33c177', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '7a4889a2554cad25f9e8be122863fb5c2783376d', name: 'user' }))), h("div", { key: 'e9d88767781757f7fc81c772fbe750a15a03fa6c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3517c55339958c4461f20b190c220358658a71cf', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: 'b89f63dfbeba643e3f46f72e6862944ba75f1213', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/collection/components/organisms/table/table.component.js

@@ -258,7 +258,7 @@ export class Table {
         this.hasRendered.emit();
     }
     render() {
-        return (h(Host, { key: 'd5675ecf7d464628f39cf0656d152d316a3675fc', class: 'z-0 flex flex-col' }, h("p-table-container", { key: '84e69afe650c47560b62d31ad76a8cb6faae9a6e' }, this.enableHeader && (h("p-table-header", { key: 'c4b1a5c57e756d96f597b4fa7fb61dc8202a5bb5', class: 'mb-8',
+        return (h(Host, { key: '689a52bcd23a1b1c1a91a08082ef56e654978b2d', class: 'z-0 flex flex-col' }, h("p-table-container", { key: '23eb3993e303cc1c181d5be8f842088a17fe712f' }, this.enableHeader && (h("p-table-header", { key: '31a68c058c208a94aa67590ccb91ed38d3d78500', class: 'mb-8',
             // quick filters
             quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
             // search
@@ -270,7 +270,7 @@ export class Table {
             //export
             enableExport: this.enableExport, onExport: () => this.export.emit(),
             //loading
-            loading: this.headerLoading }, this._hasCustomFilterSlot && (h("slot", { key: '6fcc35dbbd37ec70a36cf8912d90f6133f4d3bf6', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (h("slot", { key: '9423bcb8027f58f984c3708221adf2f81651b07a', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), h("div", { key: 'fcf40912d68573281c8e18ee4e30b8f6c3e0c3ef', class: 'flex flex-1 flex-col' }, this._getRows(), h("slot", { key: 'b9f2eaeffd25c1f71662ab1de4985805c1c8f708', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: floatingMenuContainerClass({
+            loading: this.headerLoading }, this._hasCustomFilterSlot && (h("slot", { key: '7da22148f67c47daf3c7f0b8afe156abcdc6e5a7', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (h("slot", { key: 'c7bce57c706a2b59e7ce9e827a01cc60fc62e91e', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), h("div", { key: '9e56098788eee0b67cc4034d5e92773e3d355a31', class: 'flex flex-1 flex-col' }, this._getRows(), h("slot", { key: '56233e1d3a8ed29bc8a355523d59d78ec2b4da8a', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: floatingMenuContainerClass({
                 hasFooter: this.enableFooter && !this._footerHidden,
                 active: !!this.selectedRows?.length,
                 shown: this._floatingMenuShown,
@@ -280,7 +280,7 @@ export class Table {
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (h("p-table-footer", { key: 'b58718c15d1584296b019f554fa6d06938636b79',
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (h("p-table-footer", { key: 'c6ad42b16c755ecfd751dde0d655d5a874437fac',
             // overall
             hideOnSinglePage: this.hideOnSinglePage,
             // page size select
@@ -338,7 +338,9 @@ export class Table {
         this._resizeTimeout = setTimeout(() => {
             const mobile = isMobile();
             // we hack this to any[] to make it work..
-            const actions = Array.from(this._el.querySelectorAll(':scope > p-table-row-action'));
+            const actions = [
+                ...this._el.querySelectorAll(':scope > p-table-row-action'),
+            ];
             this._rowActionsRow = actions.filter(a => a.type === 'both' || a.type === 'single');
             this._rowActionsFloatingAll = actions
                 .filter(a => (this.enableRowSelection &&
@@ -372,13 +374,13 @@ export class Table {
     }
     _generateExtraHeaders() {
         const definitions = this._el.querySelectorAll('p-table-extra-header');
-        let definitionsArray = Array.from(definitions);
+        let definitionsArray = [...definitions];
         definitionsArray = this._parseDefinitions(definitionsArray);
         this._extraHeaders = definitionsArray;
     }
     _generateColumns() {
         const definitions = this._el.querySelectorAll('p-table-column');
-        let definitionsArray = Array.from(definitions);
+        let definitionsArray = [...definitions];
         definitionsArray = this._parseDefinitions(definitionsArray);
         this._columns = definitionsArray;
     }
@@ -386,9 +388,7 @@ export class Table {
         if (!this._extraHeaders?.length) {
             return null;
         }
-        return (h("p-table-row", { variant: 'header-secondary', isLast: true }, this._extraHeaders.map((col, index) => {
-            return (h("p-table-cell", { definition: col, variant: 'header-secondary', checkboxOffset: index === 0 && this._enableRowSelection, index: index }, h("b", null, col.name)));
-        })));
+        return (h("p-table-row", { variant: 'header-secondary', isLast: true }, this._extraHeaders.map((col, index) => (h("p-table-cell", { definition: col, variant: 'header-secondary', checkboxOffset: index === 0 && this._enableRowSelection, index: index }, h("b", null, col.name))))));
     }
     _getHeader() {
         return (h("p-table-row", { variant: 'header' }, this._columns.map((col, index) => (h("p-table-cell", { definition: col, value: col.name, variant: 'header', checkbox: index === 0 || col.hasCheckbox
@@ -401,7 +401,7 @@ export class Table {
                 length: this.amountOfLoadingRows,
             }, (_, i) => (h("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, isLast: i === this.amountOfLoadingRows - 1 }, this._getLoadingColumns(i))));
         }
-        if (!this._items.length) {
+        if (this._items.length === 0) {
             return this._getEmptyState();
         }
         return this._items.map((item, index) => (h("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, checked: this._selectionContains(index), onClick: ev => this._rowClick(ev, index), isLast: index === this._items.length - 1 }, this._getRowColumns(item, index), this._getActions(item, index))));
@@ -414,16 +414,12 @@ export class Table {
         return null;
     }
     _getRowColumns(item, index) {
-        return this._columns.map((col, colIndex) => {
-            return (h("p-table-cell", { definition: col, item: item, checkbox: colIndex === 0 || col.hasCheckbox ? this._getCheckbox(index) : null, index: colIndex, rowIndex: index }));
-        });
+        return this._columns.map((col, colIndex) => (h("p-table-cell", { definition: col, item: item, checkbox: colIndex === 0 || col.hasCheckbox ? this._getCheckbox(index) : null, index: colIndex, rowIndex: index })));
     }
     _getLoadingColumns(index) {
-        return this._columns.map((col, colIndex) => {
-            return (h("p-table-cell", { definition: col, variant: 'loading', checkbox: colIndex === 0 || col.hasCheckbox
-                    ? this._getCheckbox(index, 'loading')
-                    : null, index: colIndex, rowIndex: index }));
-        });
+        return this._columns.map((col, colIndex) => (h("p-table-cell", { definition: col, variant: 'loading', checkbox: colIndex === 0 || col.hasCheckbox
+                ? this._getCheckbox(index, 'loading')
+                : null, index: colIndex, rowIndex: index })));
     }
     _getCheckbox(rowIndex, variant = 'default') {
         if (!this._enableRowSelection ||
@@ -535,7 +531,7 @@ export class Table {
     }
     _selectionContains(index, returnIndex = false) {
         const returnValue = this.selectedRows.findIndex(item => item.index === index);
-        return !returnIndex ? returnValue >= 0 : returnValue;
+        return returnIndex ? returnValue : returnValue !== -1;
     }
     _selectionContainsAll() {
         let returnValue = true;
@@ -614,8 +610,7 @@ export class Table {
         if (!el) {
             return null;
         }
-        if (el.getAttribute('data-is-action') !== null &&
-            el.getAttribute('data-is-action') !== 'false') {
+        if (el.dataset.isAction !== null && el.dataset.isAction !== 'false') {
             return el;
         }
         if (el?.tagName?.toLowerCase() === 'p-table-row') {
@@ -626,7 +621,7 @@ export class Table {
     _showFloatingMenu() {
         let actions = this._rowActionsFloatingAll;
         if (this.rowSelectionLimit === 1 &&
-            actions.findIndex(a => (a.type === 'single' || a.type === 'both') && a.showFunction) >= 0) {
+            actions.some(a => (a.type === 'single' || a.type === 'both') && a.showFunction)) {
             actions = actions.filter(a => a.type === 'multi' ||
                 !a.showFunction ||
                 a.showFunction(this.selectedRows[0]));
@@ -1190,8 +1185,8 @@ export class Table {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../../../components",
-                            "id": "src/components.d.ts::IconVariant",
+                            "path": "../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
                             "referenceLocation": "IconVariant"
                         }
                     }

package/dist/collection/internal/themed-host.component.js

@@ -1,5 +1,3 @@
 import { h, Host } from "@stencil/core";
 import { state } from "../state";
-export const ThemedHost = (props, children) => {
-    return (h(Host, { ...props, "data-theme": state.theme }, children));
-};
+export const ThemedHost = (props, children) => (h(Host, { ...props, "data-theme": state.theme }, children));

package/dist/collection/state.js

@@ -11,22 +11,24 @@ export const initTheme = (usePreferColorScheme = true, localStorageKey = false)
         themeKey = 'paperless-theme';
     }
     let theme = localStorage.getItem(themeKey);
-    if (window.matchMedia && !theme && usePreferColorScheme) {
-        theme = window.matchMedia('prefers-color-scheme: dark') ? 'dark' : 'light';
+    if (globalThis.matchMedia && !theme && usePreferColorScheme) {
+        theme = globalThis.matchMedia('prefers-color-scheme: dark')
+            ? 'dark'
+            : 'light';
     }
     if (!theme) {
         theme = localState.theme;
     }
     if (theme !== localState.theme) {
         localState.theme = theme;
-        if (!!localStorageKey) {
+        if (localStorageKey) {
             localStorage.setItem(themeKey, theme);
         }
     }
     document.body.dataset.theme = theme;
     onChange('theme', newValue => {
         document.body.dataset.theme = newValue;
-        if (!!localStorageKey) {
+        if (localStorageKey) {
             localStorage.setItem(themeKey, newValue);
         }
     });

package/dist/collection/tailwind/paperless.js

@@ -1,4 +1,8 @@
+import aspectRatioPlugin from "@tailwindcss/aspect-ratio";
+import scrollbarHidePlugin from "tailwind-scrollbar-hide";
 import plugin from "tailwindcss/plugin";
+import hover from "./plugins/hover";
+import safeArea from "./plugins/safe-area";
 import animation from "./theme/animation";
 import colors from "./theme/colors";
 import height from "./theme/height";
@@ -10,10 +14,6 @@ import spacing from "./theme/spacing";
 import typeograhpy from "./theme/typography";
 import width from "./theme/width";
 import zIndex from "./theme/z-index";
-import hover from "./plugins/hover";
-import safeArea from "./plugins/safe-area";
-import aspectRatioPlugin from "@tailwindcss/aspect-ratio";
-import scrollbarHidePlugin from "tailwind-scrollbar-hide";
 export const paperless = plugin(pluginAPI => {
     safeArea(pluginAPI);
     hover(pluginAPI);
@@ -43,10 +43,5 @@ export const paperless = plugin(pluginAPI => {
             },
         },
     },
-    plugins: [
-        aspectRatioPlugin,
-        scrollbarHidePlugin,
-        safeArea,
-        hover,
-    ],
+    plugins: [aspectRatioPlugin, scrollbarHidePlugin, safeArea, hover],
 });

package/dist/collection/tailwind/plugins/safe-area.js

@@ -93,5 +93,4 @@ const safeArea = ({ addUtilities }) => {
     };
     addUtilities(utilities);
 };
-// eslint-disable-next-line unicorn/prefer-module
 export default safeArea;

package/dist/collection/tailwind.config.js

@@ -1,4 +1,6 @@
-import path from "path";
+/* eslint-disable @typescript-eslint/no-require-imports */
+/* eslint-disable unicorn/prefer-module */
+import path from "node:path";
 import { paperless } from "./tailwind";
 export default {
     darkMode: [

package/dist/collection/types/icon.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/illustration.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/index.js

@@ -2,3 +2,5 @@ export * from './table';
 export * from './tailwind';
 export * from './constants';
 export * from './iban';
+export * from './icon';
+export * from './illustration';

package/dist/collection/utils/child-of.js

@@ -3,6 +3,4 @@ export const childOf = (c, p) => {
         ;
     return !!c;
 };
-export const childOfComposed = (event, p) => {
-    return event?.composedPath().includes(p);
-};
+export const childOfComposed = (event, p) => event?.composedPath().includes(p);

package/dist/collection/utils/icons.js

@@ -1,21 +1,22 @@
-import caret from "../assets/icons/arrows/caret.svg";
-import doubleCaret from "../assets/icons/arrows/double-caret.svg";
 import arrow from "../assets/icons/arrows/arrow.svg";
+import caret from "../assets/icons/arrows/caret.svg";
 import doubleArrow from "../assets/icons/arrows/double-arrow.svg";
+import doubleCaret from "../assets/icons/arrows/double-caret.svg";
 import turn from "../assets/icons/arrows/turn.svg";
 import bell from "../assets/icons/communication/bell.svg";
 import chat from "../assets/icons/communication/chat.svg";
 import checkCircle from "../assets/icons/communication/check-circle.svg";
 import crossCircle from "../assets/icons/communication/cross-circle.svg";
 import errorCircle from "../assets/icons/communication/error-circle.svg";
+import headset from "../assets/icons/communication/headset.svg";
 import infoCircle from "../assets/icons/communication/info-circle.svg";
 import phone from "../assets/icons/communication/phone.svg";
 import questionCircle from "../assets/icons/communication/question-circle.svg";
-import headset from "../assets/icons/communication/headset.svg";
 import warning from "../assets/icons/communication/warning.svg";
 import apple from "../assets/icons/external/apple.svg";
 import google from "../assets/icons/external/google.svg";
 import ideal from "../assets/icons/external/ideal.svg";
+import checkmarkThick from "../assets/icons/extra/checkmark-thick.svg";
 import attachment from "../assets/icons/files/attachment.svg";
 import description from "../assets/icons/files/description.svg";
 import documentIcon from "../assets/icons/files/document.svg";
@@ -50,8 +51,8 @@ import exam from "../assets/icons/general/exam.svg";
 import filter from "../assets/icons/general/filter.svg";
 import flag from "../assets/icons/general/flag.svg";
 import flower from "../assets/icons/general/flower.svg";
-import globe from "../assets/icons/general/globe.svg";
 import globeTwo from "../assets/icons/general/globe-2.svg";
+import globe from "../assets/icons/general/globe.svg";
 import hash from "../assets/icons/general/hash.svg";
 import hat from "../assets/icons/general/hat.svg";
 import home from "../assets/icons/general/home.svg";
@@ -61,8 +62,8 @@ import laptop from "../assets/icons/general/laptop.svg";
 import location from "../assets/icons/general/location.svg";
 import mail from "../assets/icons/general/mail.svg";
 import medal from "../assets/icons/general/medal.svg";
-import menu from "../assets/icons/general/menu.svg";
 import menuArrow from "../assets/icons/general/menu-arrow.svg";
+import menu from "../assets/icons/general/menu.svg";
 import minus from "../assets/icons/general/minus.svg";
 import moon from "../assets/icons/general/moon.svg";
 import more from "../assets/icons/general/more.svg";
@@ -99,25 +100,24 @@ import trash from "../assets/icons/general/trash.svg";
 import upload from "../assets/icons/general/upload.svg";
 import wave from "../assets/icons/general/wave.svg";
 import zipcode from "../assets/icons/general/zipcode.svg";
-import eye from "../assets/icons/security/eye.svg";
 import eyeClosed from "../assets/icons/security/eye-closed.svg";
+import eye from "../assets/icons/security/eye.svg";
 import key from "../assets/icons/security/key.svg";
 import lock from "../assets/icons/security/lock.svg";
 import unlocked from "../assets/icons/security/unlocked.svg";
 import alarm from "../assets/icons/time/alarm.svg";
-import calendar from "../assets/icons/time/calendar.svg";
-import calendarMulti from "../assets/icons/time/calendar-multi.svg";
 import calendarFree from "../assets/icons/time/calendar-free.svg";
+import calendarMulti from "../assets/icons/time/calendar-multi.svg";
 import calendarNotFree from "../assets/icons/time/calendar-not-free.svg";
+import calendar from "../assets/icons/time/calendar.svg";
 import clock from "../assets/icons/time/clock.svg";
 import addressBook from "../assets/icons/users/address-book.svg";
 import female from "../assets/icons/users/female.svg";
-import id from "../assets/icons/users/id.svg";
 import idTwo from "../assets/icons/users/id-two.svg";
+import id from "../assets/icons/users/id.svg";
 import male from "../assets/icons/users/male.svg";
 import user from "../assets/icons/users/user.svg";
 import users from "../assets/icons/users/users.svg";
-import checkmarkThick from "../assets/icons/extra/checkmark-thick.svg";
 export const categorized = {
     arrows: {
         caret,

package/dist/collection/utils/illustrations.js

@@ -2,9 +2,9 @@ import calculator from "../assets/illustrations/calculator.svg";
 import calendar from "../assets/illustrations/calendar.svg";
 import clock from "../assets/illustrations/clock.svg";
 import coins from "../assets/illustrations/coins.svg";
-import file from "../assets/illustrations/file.svg";
 import fileInvoice from "../assets/illustrations/file-invoice.svg";
 import fileNotes from "../assets/illustrations/file-notes.svg";
+import file from "../assets/illustrations/file.svg";
 import folder from "../assets/illustrations/folder.svg";
 import payment from "../assets/illustrations/payment.svg";
 import search from "../assets/illustrations/search.svg";

package/dist/collection/utils/index.js

@@ -1,6 +1,5 @@
 export * from './child-of';
 export * from './icons';
-export * from './illustrations-deprecated';
 export * from './localization';
 export * from './table-helpers';
 export * from './object-get-by-path';

package/dist/collection/utils/is-mobile-browser.js

@@ -1,12 +1,12 @@
 // http://detectmobilebrowsers.com/
 const browserRegex = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i;
-const otherRegex = /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i;
+const otherRegex = /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[23]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i;
 export const isMobileBrowser = () => {
     const userAgent = navigator.userAgent || navigator.vendor || window['opera'];
     if (browserRegex.test(userAgent)) {
         return true;
     }
-    if (otherRegex.test(userAgent.substr(0, 4))) {
+    if (otherRegex.test(userAgent.slice(0, 4))) {
         return true;
     }
     return false;

package/dist/collection/utils/localization.js

@@ -1,27 +1,22 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 const getComponentClosestLanguage = (element) => {
     const closestElement = element.closest('[lang]');
     const htmlElement = document.documentElement;
-    return closestElement
-        ? closestElement.lang
-        : htmlElement?.lang
-            ? htmlElement.lang
-            : 'en';
-};
-const fetchLocaleStringsForComponent = (componentName, locale) => {
-    return new Promise((resolve, reject) => {
-        fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then((result) => {
-            if (result.ok) {
-                resolve(result.json());
-                return;
-            }
-            reject();
-        }, () => reject());
-    });
+    return closestElement ? closestElement.lang : (htmlElement?.lang ?? 'en');
 };
+const fetchLocaleStringsForComponent = (componentName, locale) => new Promise((resolve, reject) => {
+    fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then(result => {
+        if (result.ok) {
+            resolve(result.json());
+            return;
+        }
+        reject();
+    }, () => reject());
+});
 const cache = {};
 export const getLocaleComponentStrings = async (element) => {
-    let componentName = element.tagName.toLowerCase().replace('p-', '');
-    let componentLanguage = getComponentClosestLanguage(element);
+    const componentName = element.tagName.toLowerCase().replace('p-', '');
+    const componentLanguage = getComponentClosestLanguage(element);
     let strings;
     if (cache[componentName]?.[componentLanguage]) {
         return cache[componentName][componentLanguage];
@@ -29,7 +24,7 @@ export const getLocaleComponentStrings = async (element) => {
     try {
         strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
     }
-    catch (e) {
+    catch {
         console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
         strings = await fetchLocaleStringsForComponent(componentName, 'en');
     }
@@ -48,7 +43,7 @@ export const formatTranslation = (str, data) => {
     }
     for (const key of Object.keys(data)) {
         const regex = `{${key}}`;
-        str = str.replace(new RegExp(regex, 'g'), data[key]);
+        str = str.replaceAll(new RegExp(regex, 'g'), data[key]);
     }
     return str;
 };

package/dist/collection/utils/object-get-by-path.js

@@ -1,8 +1,10 @@
-export const objectGetByPath = (obj, path, defaultValue = undefined) => {
-    const travel = (regexp) => String.prototype.split
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export const objectGetByPath = (obj, path, defaultValue) => {
+    const travel = regexp => String.prototype.split
         .call(path, regexp)
         .filter(Boolean)
-        .reduce((res, key) => res !== null && res !== undefined ? res[key] : res, obj);
-    const result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/);
+        // eslint-disable-next-line unicorn/no-array-reduce
+        .reduce((res, key) => (res !== null && res !== undefined ? res[key] : res), obj);
+    const result = travel(/[,[\]]+?/) || travel(/[,.[\]]+?/);
     return result === undefined || result === obj ? defaultValue : result;
 };

package/dist/collection/utils/screens.js

@@ -2,7 +2,7 @@ import screens from "../tailwind/theme/screens";
 export const getScreenSize = (size) => screens[size];
 export const getScreenSizeInRem = (size) => {
     const screen = getScreenSize(size);
-    return parseInt(screen.replace('rem', ''), 10);
+    return Number.parseInt(screen.replace('rem', ''), 10);
 };
 export const getScreenSizeInPixels = (size) => {
     const rem = getScreenSizeInRem(size);
@@ -16,10 +16,8 @@ export const isSmallerThanScreen = (size) => {
     const pixels = getScreenSizeInPixels(size);
     return window.innerWidth < pixels;
 };
-export const isBetweenScreens = (smallSize, bigSize) => {
-    return isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
-};
-export const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
+export const isBetweenScreens = (smallSize, bigSize) => isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
+export const isTouchDevice = () => !!globalThis.matchMedia('(pointer: coarse)').matches;
 export const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
 export const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');
 export const isDesktop = () => isBiggerThanScreen('desktop-xs');

package/dist/collection/utils/table-helpers.js

@@ -1,9 +1,10 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { cva } from "class-variance-authority";
 import { isTableColumnSizesKey, } from "../types";
 export const getTableCellColumnClasses = (definition, variant, checkboxOffset = false) => {
     const sizes = definition ? getTableCellSizes(definition, variant) : {};
     const align = variant == 'header'
-        ? definition?.headerAlign ?? definition?.align
+        ? (definition?.headerAlign ?? definition?.align)
         : definition?.align;
     return {
         'flex flex-shrink items-center gap-4 pr-4 last-of-type:pr-0': true,
@@ -39,7 +40,7 @@ export const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) =>
         sizes = sizes;
         const classes = {};
         let previousSize;
-        for (let size in sizes) {
+        for (const size in sizes) {
             if (!isTableColumnSizesKey(sizes, size)) {
                 continue;
             }

package/dist/collection/utils/transformers.js

@@ -1,6 +1,6 @@
-export const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
+export const camelToSnakeCase = (str) => str.replaceAll(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
 export const snakeToCamelCase = (str) => str
     .toLowerCase()
-    .replace(/([-_][a-z])/g, group => group.toUpperCase().replace('-', '').replace('_', ''));
-export const kebabToSpaces = str => str.replace(/-/g, ' ');
-export const titleCase = (str) => str.replace(/\w\S*/g, text => text.charAt(0).toUpperCase() + text.substring(1).toLowerCase());
+    .replaceAll(/([_-][a-z])/g, group => group.toUpperCase().replace('-', '').replace('_', ''));
+export const kebabToSpaces = str => str.replaceAll('-', ' ');
+export const titleCase = (str) => str.replaceAll(/\w\S*/g, text => text.charAt(0).toUpperCase() + text.slice(1).toLowerCase());