@paperless/core 2.0.1-beta.15 → 2.0.1-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/build/{p-d8498647.entry.js → p-926d997e.entry.js} +2 -2
- package/dist/build/p-926d997e.entry.js.map +1 -0
- package/dist/build/p-a45b5776.entry.js +2 -0
- package/dist/{paperless/p-3dba9a43.entry.js.map → build/p-a45b5776.entry.js.map} +1 -1
- package/dist/build/p-feb5c8e3.entry.js +2 -0
- package/dist/build/p-feb5c8e3.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/build/paperless.esm.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-dropdown_2.cjs.entry.js +81 -8
- package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-floating-menu-container_8.cjs.entry.js +1 -1
- package/dist/cjs/p-floating-menu-container_8.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.cjs.entry.js +2 -2
- package/dist/cjs/p-select.cjs.entry.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +100 -9
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js.map +1 -1
- package/dist/collection/components/molecules/select/select.component.js +2 -2
- package/dist/collection/components/molecules/select/select.component.js.map +1 -1
- package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
- package/dist/components/dropdown-menu-item.component.js +82 -8
- package/dist/components/dropdown-menu-item.component.js.map +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-select.js.map +1 -1
- package/dist/components/table-cell.component.js +1 -1
- package/dist/components/table-cell.component.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-dropdown_2.entry.js +81 -8
- package/dist/esm/p-dropdown_2.entry.js.map +1 -1
- package/dist/esm/p-floating-menu-container_8.entry.js +1 -1
- package/dist/esm/p-floating-menu-container_8.entry.js.map +1 -1
- package/dist/esm/p-select.entry.js +2 -2
- package/dist/esm/p-select.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-d8498647.entry.js → p-926d997e.entry.js} +2 -2
- package/dist/paperless/p-926d997e.entry.js.map +1 -0
- package/dist/paperless/p-a45b5776.entry.js +2 -0
- package/dist/{build/p-3dba9a43.entry.js.map → paperless/p-a45b5776.entry.js.map} +1 -1
- package/dist/paperless/p-feb5c8e3.entry.js +2 -0
- package/dist/paperless/p-feb5c8e3.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/paperless/paperless.esm.js.map +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/atoms/dropdown-menu-item/dropdown-menu-item.component.d.ts +5 -1
- package/dist/types/components.d.ts +10 -2
- package/hydrate/index.js +85 -11
- package/package.json +1 -1
- package/dist/build/p-3dba9a43.entry.js +0 -2
- package/dist/build/p-57fd5974.entry.js +0 -2
- package/dist/build/p-57fd5974.entry.js.map +0 -1
- package/dist/build/p-d8498647.entry.js.map +0 -1
- package/dist/paperless/p-3dba9a43.entry.js +0 -2
- package/dist/paperless/p-57fd5974.entry.js +0 -2
- package/dist/paperless/p-57fd5974.entry.js.map +0 -1
- package/dist/paperless/p-d8498647.entry.js.map +0 -1
|
@@ -4,10 +4,14 @@ export declare class DropdownMenuItem {
|
|
|
4
4
|
* Wether the dropdown menu item is active
|
|
5
5
|
*/
|
|
6
6
|
active: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Wether the dropdown menu item has a checkbox
|
|
9
|
+
*/
|
|
10
|
+
checkbox: boolean;
|
|
7
11
|
/**
|
|
8
12
|
* The variant of the item
|
|
9
13
|
*/
|
|
10
|
-
variant: 'default' | '
|
|
14
|
+
variant: 'default' | 'negative';
|
|
11
15
|
/**
|
|
12
16
|
* Wether to enable the hover state
|
|
13
17
|
*/
|
|
@@ -544,6 +544,10 @@ export namespace Components {
|
|
|
544
544
|
* Wether the dropdown menu item is active
|
|
545
545
|
*/
|
|
546
546
|
"active": boolean;
|
|
547
|
+
/**
|
|
548
|
+
* Wether the dropdown menu item has a checkbox
|
|
549
|
+
*/
|
|
550
|
+
"checkbox": boolean;
|
|
547
551
|
/**
|
|
548
552
|
* Wether the item is disabled
|
|
549
553
|
*/
|
|
@@ -563,7 +567,7 @@ export namespace Components {
|
|
|
563
567
|
/**
|
|
564
568
|
* The variant of the item
|
|
565
569
|
*/
|
|
566
|
-
"variant": 'default' | '
|
|
570
|
+
"variant": 'default' | 'negative';
|
|
567
571
|
}
|
|
568
572
|
interface PFloatingMenuContainer {
|
|
569
573
|
/**
|
|
@@ -2879,6 +2883,10 @@ declare namespace LocalJSX {
|
|
|
2879
2883
|
* Wether the dropdown menu item is active
|
|
2880
2884
|
*/
|
|
2881
2885
|
"active"?: boolean;
|
|
2886
|
+
/**
|
|
2887
|
+
* Wether the dropdown menu item has a checkbox
|
|
2888
|
+
*/
|
|
2889
|
+
"checkbox"?: boolean;
|
|
2882
2890
|
/**
|
|
2883
2891
|
* Wether the item is disabled
|
|
2884
2892
|
*/
|
|
@@ -2898,7 +2906,7 @@ declare namespace LocalJSX {
|
|
|
2898
2906
|
/**
|
|
2899
2907
|
* The variant of the item
|
|
2900
2908
|
*/
|
|
2901
|
-
"variant"?: 'default' | '
|
|
2909
|
+
"variant"?: 'default' | 'negative';
|
|
2902
2910
|
}
|
|
2903
2911
|
interface PFloatingMenuContainer {
|
|
2904
2912
|
/**
|
package/hydrate/index.js
CHANGED
|
@@ -21842,19 +21842,23 @@ class DropdownMenuContainer {
|
|
|
21842
21842
|
}; }
|
|
21843
21843
|
}
|
|
21844
21844
|
|
|
21845
|
-
const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}";
|
|
21845
|
+
const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}";
|
|
21846
21846
|
|
|
21847
21847
|
const dropdownMenuItem = cva([
|
|
21848
21848
|
'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',
|
|
21849
21849
|
], {
|
|
21850
21850
|
variants: {
|
|
21851
|
+
variant: {
|
|
21852
|
+
default: null,
|
|
21853
|
+
negative: null,
|
|
21854
|
+
},
|
|
21851
21855
|
active: {
|
|
21852
21856
|
false: null,
|
|
21853
|
-
true:
|
|
21857
|
+
true: null,
|
|
21854
21858
|
},
|
|
21855
21859
|
disabled: {
|
|
21856
21860
|
false: null,
|
|
21857
|
-
true: '
|
|
21861
|
+
true: 'cursor-not-allowed',
|
|
21858
21862
|
},
|
|
21859
21863
|
enableHover: {
|
|
21860
21864
|
false: null,
|
|
@@ -21863,10 +21867,52 @@ const dropdownMenuItem = cva([
|
|
|
21863
21867
|
},
|
|
21864
21868
|
compoundVariants: [
|
|
21865
21869
|
{
|
|
21870
|
+
variant: 'default',
|
|
21866
21871
|
active: false,
|
|
21867
21872
|
enableHover: true,
|
|
21868
21873
|
disabled: false,
|
|
21869
|
-
class: 'hover:bg-supportive-lilac-50',
|
|
21874
|
+
class: 'text-black-teal hover:bg-supportive-lilac-50',
|
|
21875
|
+
},
|
|
21876
|
+
{
|
|
21877
|
+
variant: 'default',
|
|
21878
|
+
active: true,
|
|
21879
|
+
disabled: false,
|
|
21880
|
+
class: 'bg-supportive-lilac-100',
|
|
21881
|
+
},
|
|
21882
|
+
{
|
|
21883
|
+
variant: 'default',
|
|
21884
|
+
disabled: true,
|
|
21885
|
+
class: 'text-black-teal-200',
|
|
21886
|
+
},
|
|
21887
|
+
{
|
|
21888
|
+
variant: 'default',
|
|
21889
|
+
disabled: true,
|
|
21890
|
+
active: true,
|
|
21891
|
+
class: 'bg-supportive-lilac-100',
|
|
21892
|
+
},
|
|
21893
|
+
{
|
|
21894
|
+
variant: 'negative',
|
|
21895
|
+
active: false,
|
|
21896
|
+
enableHover: true,
|
|
21897
|
+
disabled: false,
|
|
21898
|
+
class: 'text-negative-red hover:bg-negative-red-50',
|
|
21899
|
+
},
|
|
21900
|
+
{
|
|
21901
|
+
variant: 'negative',
|
|
21902
|
+
active: true,
|
|
21903
|
+
disabled: false,
|
|
21904
|
+
class: 'bg-negative-red-100 text-negative-red',
|
|
21905
|
+
},
|
|
21906
|
+
{
|
|
21907
|
+
variant: 'negative',
|
|
21908
|
+
disabled: true,
|
|
21909
|
+
class: 'text-negative-red-100',
|
|
21910
|
+
},
|
|
21911
|
+
{
|
|
21912
|
+
variant: 'negative',
|
|
21913
|
+
disabled: true,
|
|
21914
|
+
active: true,
|
|
21915
|
+
class: 'bg-negative-red-50',
|
|
21870
21916
|
},
|
|
21871
21917
|
{
|
|
21872
21918
|
enableHover: true,
|
|
@@ -21877,20 +21923,45 @@ const dropdownMenuItem = cva([
|
|
|
21877
21923
|
});
|
|
21878
21924
|
const dropdownMenuItemIcon = cva(['text-base'], {
|
|
21879
21925
|
variants: {
|
|
21926
|
+
variant: {
|
|
21927
|
+
default: null,
|
|
21928
|
+
negative: null,
|
|
21929
|
+
},
|
|
21880
21930
|
active: {
|
|
21881
|
-
false:
|
|
21882
|
-
true:
|
|
21931
|
+
false: null,
|
|
21932
|
+
true: null,
|
|
21883
21933
|
},
|
|
21884
21934
|
disabled: {
|
|
21885
|
-
false:
|
|
21935
|
+
false: null,
|
|
21886
21936
|
true: 'text-black-teal-100',
|
|
21887
21937
|
},
|
|
21888
21938
|
},
|
|
21939
|
+
compoundVariants: [
|
|
21940
|
+
{
|
|
21941
|
+
variant: 'default',
|
|
21942
|
+
active: false,
|
|
21943
|
+
disabled: false,
|
|
21944
|
+
class: 'text-black-teal-300 group-hover:text-black-teal',
|
|
21945
|
+
},
|
|
21946
|
+
{
|
|
21947
|
+
variant: 'negative',
|
|
21948
|
+
active: false,
|
|
21949
|
+
disabled: false,
|
|
21950
|
+
class: 'text-negative-red group-hover:text-negative-red-800',
|
|
21951
|
+
},
|
|
21952
|
+
{
|
|
21953
|
+
variant: 'negative',
|
|
21954
|
+
active: true,
|
|
21955
|
+
disabled: false,
|
|
21956
|
+
class: 'text-negative-red-800',
|
|
21957
|
+
},
|
|
21958
|
+
],
|
|
21889
21959
|
});
|
|
21890
21960
|
class DropdownMenuItem {
|
|
21891
21961
|
constructor(hostRef) {
|
|
21892
21962
|
registerInstance(this, hostRef);
|
|
21893
21963
|
this.active = false;
|
|
21964
|
+
this.checkbox = false;
|
|
21894
21965
|
this.variant = 'default';
|
|
21895
21966
|
this.enableHover = true;
|
|
21896
21967
|
this.disabled = false;
|
|
@@ -21899,13 +21970,15 @@ class DropdownMenuItem {
|
|
|
21899
21970
|
}
|
|
21900
21971
|
render() {
|
|
21901
21972
|
return (hAsync(Host, { class: dropdownMenuItem({
|
|
21973
|
+
variant: this.variant,
|
|
21902
21974
|
active: this.active,
|
|
21903
21975
|
enableHover: this.enableHover,
|
|
21904
21976
|
disabled: this.disabled,
|
|
21905
21977
|
}) }, this.icon && (hAsync("p-icon", { class: dropdownMenuItemIcon({
|
|
21978
|
+
variant: this.variant,
|
|
21906
21979
|
active: this.active,
|
|
21907
21980
|
disabled: this.disabled,
|
|
21908
|
-
}), variant: this.icon })), this.
|
|
21981
|
+
}), variant: this.icon })), this.checkbox && (hAsync("input", { type: 'checkbox', class: 'p-input size-small flex-shrink-0', checked: this.active })), this.useContainer ? (hAsync("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, hAsync("slot", null))) : (hAsync("slot", null))));
|
|
21909
21982
|
}
|
|
21910
21983
|
static get style() { return dropdownMenuItemComponentCss; }
|
|
21911
21984
|
static get cmpMeta() { return {
|
|
@@ -21913,6 +21986,7 @@ class DropdownMenuItem {
|
|
|
21913
21986
|
"$tagName$": "p-dropdown-menu-item",
|
|
21914
21987
|
"$members$": {
|
|
21915
21988
|
"active": [4],
|
|
21989
|
+
"checkbox": [4],
|
|
21916
21990
|
"variant": [1],
|
|
21917
21991
|
"enableHover": [4, "enable-hover"],
|
|
21918
21992
|
"disabled": [4],
|
|
@@ -26492,7 +26566,7 @@ class Select {
|
|
|
26492
26566
|
Array.isArray(this._selectedItem)
|
|
26493
26567
|
? this._selectedItem.findIndex(i => i[this._identifierKey] === item[this._identifierKey]) >= 0
|
|
26494
26568
|
: item[this._identifierKey] ===
|
|
26495
|
-
((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this._identifierKey]),
|
|
26569
|
+
((_a = this._selectedItem) === null || _a === void 0 ? void 0 : _a[this._identifierKey]), checkbox: this.multi ? true : false, class: 'justify-start' }, this._getDisplay(item)));
|
|
26496
26570
|
});
|
|
26497
26571
|
if (!this._items.length) {
|
|
26498
26572
|
items = [
|
|
@@ -26500,7 +26574,7 @@ class Select {
|
|
|
26500
26574
|
];
|
|
26501
26575
|
}
|
|
26502
26576
|
if (this.enableSelectAll && this._items.length) {
|
|
26503
|
-
items.unshift(hAsync("p-dropdown-menu-item", { useContainer: false,
|
|
26577
|
+
items.unshift(hAsync("p-dropdown-menu-item", { useContainer: false, checkbox: true, onClick: () => this._selectAllChange(), active: this._allSelected }, ((_a = this.selectAllIcon) === null || _a === void 0 ? void 0 : _a.length) ? (hAsync("span", { class: 'flex items-center gap-2' }, hAsync("div", { class: 'flex w-6 justify-center text-lg' }, hAsync("p-icon", { variant: this.selectAllIcon })), ' ', this.selectAllText)) : (this.selectAllText)));
|
|
26504
26578
|
}
|
|
26505
26579
|
if (this.enableAutocomplete) {
|
|
26506
26580
|
items.unshift(this._getAutoCompleteItem());
|
|
@@ -27537,7 +27611,7 @@ class Table {
|
|
|
27537
27611
|
}; }
|
|
27538
27612
|
}
|
|
27539
27613
|
|
|
27540
|
-
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}.
|
|
27614
|
+
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}.h-6{height:1.5rem!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}";
|
|
27541
27615
|
|
|
27542
27616
|
/*
|
|
27543
27617
|
With this, we shall hack the system in ways no one would ever have thought.
|