@paperless/core 1.52.1 → 1.52.2

package/dist/types/utils/index.d.ts

@@ -2,6 +2,7 @@ export * from './child-of';
 export * from './icons';
 export * from './illustrations';
 export * from './localization';
+export * from './table-helpers';
 export * from './object-get-by-path';
 export * from './transformers';
 export * from './screens';

package/dist/types/utils/table-helpers.d.ts

@@ -0,0 +1,14 @@
+import { TableColumn } from '../components';
+import { TableColumnSizes } from '../types';
+export declare const getTableCellColumnClasses: (definition: any | TableColumn, variant: 'default' | 'header' | 'loading' | 'actions', hasActions: boolean) => any;
+export declare const getTableCellSizes: ({ sizes, }: {
+  sizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;
+}, variant: 'default' | 'header' | 'loading' | 'actions') => any;
+export declare const getTableCellIsLastValues: ({ isLast, parsedSizes, }: {
+  isLast: {
+    [key: string]: boolean;
+  };
+  parsedSizes: TableColumnSizes;
+}, variant: 'default' | 'header' | 'loading' | 'actions', hasActions: boolean) => {
+  [key: string]: boolean;
+};

package/hydrate/index.js

@@ -17854,6 +17854,113 @@ const formatTranslation = (str, data) => {
   return str;
 };
 
+function isTableColumnSizesKey(x, k) {
+  return k in x;
+}
+
+const tableColumSizesOptions = [
+  'default',
+  'tablet',
+  'desktop-xs',
+  'desktop-sm',
+  'desktop',
+  'desktop-lg',
+  'desktop-xl',
+];
+
+const getTableCellColumnClasses = (definition, variant, hasActions) => {
+  const sizes = definition ? getTableCellSizes(definition, variant) : {};
+  const isLastValues = definition
+    ? getTableCellIsLastValues(definition, variant, hasActions)
+    : {};
+  return Object.assign(Object.assign({ 'justify-start': !(definition === null || definition === void 0 ? void 0 : definition.align) || (definition === null || definition === void 0 ? void 0 : definition.align) === 'start', 'justify-center': (definition === null || definition === void 0 ? void 0 : definition.align) === 'center', 'justify-end': (definition === null || definition === void 0 ? void 0 : definition.align) === 'end', 'font-semibold': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'text-storm-dark': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'group-hover:flex': variant === 'actions' && hasActions, hidden: variant === 'actions' && hasActions }, sizes), isLastValues);
+};
+const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
+  if (sizes === 'auto' || !sizes) {
+    return {
+      'w-auto': true,
+    };
+  }
+  if (sizes === 'hidden') {
+    return {
+      hidden: true,
+    };
+  }
+  if (typeof sizes === 'object') {
+    sizes = sizes;
+    const classes = {};
+    let previousSize;
+    for (let size in sizes) {
+      if (!isTableColumnSizesKey(sizes, size)) {
+        continue;
+      }
+      if (size === 'default') {
+        if (sizes.default === 'hidden') {
+          classes['hidden'] = true;
+          previousSize = size;
+          continue;
+        }
+        classes[`w-${sizes.default}/12`] = true;
+        previousSize = size;
+        continue;
+      }
+      const currentValue = sizes[size];
+      const previousValue = previousSize ? sizes[previousSize] : null;
+      if (currentValue !== 'hidden' &&
+        previousValue &&
+        previousValue === 'hidden' &&
+        variant !== 'actions') {
+        classes[`${size}:flex`] = true;
+      }
+      if (currentValue === 'hidden' && variant !== 'actions') {
+        classes[`${size}:hidden`] = true;
+        previousSize = size;
+        continue;
+      }
+      if (currentValue === 12 || currentValue === 'full') {
+        classes[`${size}:w-full`] = true;
+      }
+      classes[`${size}:w-${currentValue}/12`] = true;
+      previousSize = size;
+    }
+    return classes;
+  }
+  if (sizes === 12 || sizes === 'full') {
+    return {
+      'w-full': true,
+    };
+  }
+  // is a number.
+  return {
+    [`w-${sizes}/12`]: true,
+  };
+};
+const getTableCellIsLastValues = ({ isLast, parsedSizes, } /* Table Definition */, variant, hasActions) => {
+  const values = {};
+  for (let size of Object.keys(isLast)) {
+    let prefix = '';
+    if (size !== 'default') {
+      prefix = `${size}:`;
+    }
+    values[`${prefix}pr-4`] = !isLast[size];
+    values[`${prefix}pr-0`] = isLast[size];
+    values[`${prefix}group-hover:hidden`] =
+      (isLast[size] ||
+        parsedSizes[size] === 'hidden') &&
+        hasActions &&
+        variant === 'default';
+    values[`${prefix}group-hover:flex`] =
+      (!isLast[size] &&
+        parsedSizes[size] !== 'hidden' &&
+        variant === 'default') ||
+        variant === 'actions';
+    values[`${prefix}flex`] =
+      parsedSizes[size] !== 'hidden' &&
+        variant !== 'actions';
+  }
+  return values;
+};
+
 const objectGetByPath = (obj, path, defaultValue = undefined) => {
   const travel = (regexp) => String.prototype.split
     .call(path, regexp)
@@ -21651,16 +21758,6 @@ class TabItem {
   }; }
 }
 
-const tableColumSizesOptions = [
-  'default',
-  'tablet',
-  'desktop-xs',
-  'desktop-sm',
-  'desktop',
-  'desktop-lg',
-  'desktop-xl',
-];
-
 const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";
 
 class Table {
@@ -22266,65 +22363,9 @@ class Table {
   }; }
 }
 
-function isTableColumnSizesKey(x, k) {
-  return k in x;
-}
-
-const tableCellComponentCss = ".gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;gap:1rem}.static{position:static!important}.flex{display:flex!important}.table-cell{display:table-cell!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.pr-4{padding-right:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.group:hover .group-hover\\:flex{display:flex!important}.group:hover .group-hover\\:hidden{display:none!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:hidden{display:none!important}.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.group:hover .tablet\\:group-hover\\:flex{display:flex!important}.group:hover .tablet\\:group-hover\\:hidden{display:none!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none!important}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex!important}.desktop-sm\\:hidden{display:none!important}.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none!important}}@media (min-width:85.375rem){.desktop\\:flex{display:flex!important}.desktop\\:hidden{display:none!important}.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.group:hover .desktop\\:group-hover\\:flex{display:flex!important}.group:hover .desktop\\:group-hover\\:hidden{display:none!important}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex!important}.desktop-lg\\:hidden{display:none!important}.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none!important}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex!important}.desktop-xl\\:hidden{display:none!important}.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none!important}}";
+const tableCellComponentCss = ".gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;gap:1rem}.static{position:static!important}.flex{display:flex!important}.table-cell{display:table-cell!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.group:hover .group-hover\\:flex{display:flex!important}.group:hover .group-hover\\:hidden{display:none!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:hidden{display:none!important}.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.group:hover .tablet\\:group-hover\\:flex{display:flex!important}.group:hover .tablet\\:group-hover\\:hidden{display:none!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none!important}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex!important}.desktop-sm\\:hidden{display:none!important}.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none!important}}@media (min-width:85.375rem){.desktop\\:flex{display:flex!important}.desktop\\:hidden{display:none!important}.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.group:hover .desktop\\:group-hover\\:flex{display:flex!important}.group:hover .desktop\\:group-hover\\:hidden{display:none!important}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex!important}.desktop-lg\\:hidden{display:none!important}.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none!important}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex!important}.desktop-xl\\:hidden{display:none!important}.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none!important}}";
 
-class TableCell {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = 'default';
-    this.index = undefined;
-    this.rowIndex = undefined;
-    this.definition = undefined;
-    this.item = undefined;
-    this.value = undefined;
-    this.tableHasActions = false;
-    this.checkbox = undefined;
-    this.template = ({ value, }) => value;
-  }
-  get data() {
-    var _a;
-    if (this.variant === 'header') {
-      return {
-        value: this.value,
-      };
-    }
-    return {
-      value: (_a = this.value) !== null && _a !== void 0 ? _a : objectGetByPath(this.item, this.definition.path),
-      item: this.item,
-      index: this.index,
-      rowIndex: this.rowIndex,
-    };
-  }
-  render() {
-    return (hAsync(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this._getContent()));
-  }
-  _getContent() {
-    if (this.variant === 'loading') {
-      return (hAsync("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
-    }
-    if (this.variant === 'actions') {
-      return hAsync("slot", { name: 'actions' });
-    }
-    return (hAsync("div", { class: {
-        flex: true,
-        'justify-start': this.definition.align === 'start',
-        'justify-center': this.definition.align === 'center',
-        'justify-end': this.definition.align === 'end',
-      } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (hAsync("slot", null)) : (this.template(this.data))));
-  }
-  _getColumnClasses() {
-    var _a, _b, _c, _d, _e, _f;
-    const sizes = this.definition ? this._getSizes(this.definition) : {};
-    const isLastValues = this.definition
-      ? this._getIsLastValues(this.definition)
-      : {};
-    return Object.assign(Object.assign({ 'justify-start': !((_a = this.definition) === null || _a === void 0 ? void 0 : _a.align) || ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.align) === 'start', 'justify-center': ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.align) === 'center', 'justify-end': ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.align) === 'end', 'font-semibold': this.variant !== 'header' && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.type) === 'th', 'text-storm-dark': this.variant !== 'header' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.type) === 'th', 'group-hover:flex': this.variant === 'actions' && this.tableHasActions, hidden: this.variant === 'actions' && this.tableHasActions }, sizes), isLastValues);
-  }
-  /*
+/*
      With this, we shall hack the system in ways no one would ever have thought.
 
      <div class="w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12"></div>
@@ -22372,83 +22413,52 @@ class TableCell {
         ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
         ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
     */
-  _getSizes({ sizes }) {
-    if (sizes === 'auto' || !sizes) {
-      return {
-        'w-auto': true,
-      };
-    }
-    if (sizes === 'hidden') {
-      return {
-        hidden: true,
-      };
-    }
-    if (typeof sizes === 'object') {
-      sizes = sizes;
-      const classes = {};
-      let previousSize;
-      for (let size in sizes) {
-        if (!isTableColumnSizesKey(sizes, size)) {
-          continue;
-        }
-        if (size === 'default') {
-          if (sizes.default === 'hidden') {
-            classes['hidden'] = true;
-            previousSize = size;
-            continue;
-          }
-          classes[`w-${sizes.default}/12`] = true;
-          previousSize = size;
-          continue;
-        }
-        const currentValue = sizes[size];
-        const previousValue = previousSize ? sizes[previousSize] : null;
-        if (currentValue !== 'hidden' &&
-          previousValue &&
-          previousValue === 'hidden') {
-          classes[`${size}:flex`] = true;
-        }
-        if (currentValue === 'hidden') {
-          classes[`${size}:hidden`] = true;
-          previousSize = size;
-          continue;
-        }
-        if (currentValue === 12 || currentValue === 'full') {
-          classes[`${size}:w-full`] = true;
-        }
-        classes[`${size}:w-${currentValue}/12`] = true;
-        previousSize = size;
-      }
-      return classes;
-    }
-    if (sizes === 12 || sizes === 'full') {
+class TableCell {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.variant = 'default';
+    this.index = undefined;
+    this.rowIndex = undefined;
+    this.definition = undefined;
+    this.item = undefined;
+    this.value = undefined;
+    this.tableHasActions = false;
+    this.checkbox = undefined;
+    this.template = ({ value, }) => value;
+  }
+  get data() {
+    var _a;
+    if (this.variant === 'header') {
       return {
-        'w-full': true,
+        value: this.value,
       };
     }
-    // is a number.
     return {
-      [`w-${sizes}/12`]: true,
+      value: (_a = this.value) !== null && _a !== void 0 ? _a : objectGetByPath(this.item, this.definition.path),
+      item: this.item,
+      index: this.index,
+      rowIndex: this.rowIndex,
     };
   }
-  _getIsLastValues({ isLast, parsedSizes, } /* Table Definition */) {
-    const values = {};
-    for (let size of Object.keys(isLast)) {
-      let prefix = '';
-      if (size !== 'default') {
-        prefix = `${size}:`;
-      }
-      values[`${prefix}pr-4`] = !isLast[size];
-      values[`${prefix}group-hover:hidden`] =
-        isLast[size] && this.tableHasActions && this.variant !== 'actions';
-      values[`${prefix}group-hover:flex`] =
-        parsedSizes[size] !== 'hidden' ||
-          this.variant === 'actions';
-      values[`${prefix}flex`] =
-        parsedSizes[size] !== 'hidden' &&
-          this.variant !== 'actions';
+  render() {
+    return (hAsync(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this._getContent()));
+  }
+  _getContent() {
+    if (this.variant === 'loading') {
+      return (hAsync("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
     }
-    return values;
+    if (this.variant === 'actions') {
+      return hAsync("slot", { name: 'actions' });
+    }
+    return (hAsync("div", { class: {
+        flex: true,
+        'justify-start': this.definition.align === 'start',
+        'justify-center': this.definition.align === 'center',
+        'justify-end': this.definition.align === 'end',
+      } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (hAsync("slot", null)) : (this.template(this.data))));
+  }
+  _getColumnClasses() {
+    return getTableCellColumnClasses(this.definition, this.variant, this.tableHasActions);
   }
   static get style() { return tableCellComponentCss; }
   static get cmpMeta() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "1.52.1",
+	"version": "1.52.2",
 	"description": "Stencil Component Starter",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.js",

package/dist/build/p-8da0a7c2.js

@@ -1,2 +0,0 @@
-function n(n,e){return e in n}const e=(n,e,o=undefined)=>{const t=o=>String.prototype.split.call(e,o).filter(Boolean).reduce(((n,e)=>n!==null&&n!==undefined?n[e]:n),n);const i=t(/[,[\]]+?/)||t(/[,[\].]+?/);return i===undefined||i===n?o:i};export{n as i,e as o};
-//# sourceMappingURL=p-8da0a7c2.js.map

package/dist/build/p-8da0a7c2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isTableColumnSizesKey","x","k","objectGetByPath","obj","path","defaultValue","undefined","travel","regexp","String","prototype","split","call","filter","Boolean","reduce","res","key","result"],"sources":["src/types/table.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n    identifier: string;\n    text: string | QuickFilterTextFunction;\n    count?: number;\n    default?: boolean;\n}\n\nexport interface RowClickEvent {\n    item: any;\n    ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n    value: any;\n    item: any;\n    index: number;\n    rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n    default: number | 'hidden' | 'full';\n    tablet?: number | 'hidden' | 'full';\n    'desktop-xs'?: number | 'hidden' | 'full';\n    'desktop-sm'?: number | 'hidden' | 'full';\n    desktop?: number | 'hidden' | 'full';\n    'desktop-lg'?: number | 'hidden' | 'full';\n    'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport interface TableColumnIsLast {\n    default: boolean;\n    tablet?: boolean;\n    'desktop-xs'?: boolean;\n    'desktop-sm'?: boolean;\n    desktop?: boolean;\n    'desktop-lg'?: boolean;\n    'desktop-xl'?: boolean;\n}\n\nexport type TableColumnSizesKey =\n    | 'default'\n    | 'tablet'\n    | 'desktop-xs'\n    | 'desktop-sm'\n    | 'desktop'\n    | 'desktop-lg'\n    | 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n    x: TableColumnSizes,\n    k: PropertyKey\n): k is keyof TableColumnSizes {\n    return k in x;\n}\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"mappings":"SAoDgBA,EACZC,EACAC,GAEA,OAAOA,KAAKD,CAChB,C,MCzDaE,EAAkB,CAC3BC,EACAC,EACAC,EAAeC,aAEf,MAAMC,EAAUC,GACZC,OAAOC,UAAUC,MACZC,KAAKR,EAAMI,GACXK,OAAOC,SACPC,QACG,CAACC,EAAKC,IACFD,IAAQ,MAAQA,IAAQV,UAAYU,EAAIC,GAAOD,GACnDb,GAEZ,MAAMe,EAASX,EAAO,aAAeA,EAAO,aAC5C,OAAOW,IAAWZ,WAAaY,IAAWf,EAAME,EAAea,CAAM,S"}