@caspeco/casper-ui-library 10.8.0 → 10.9.1
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/dist/components/phone-input/country-data.d.ts +4 -1
- package/dist/components/phone-input/country-data.d.ts.map +1 -1
- package/dist/components/phone-input/country-data.js +1 -1
- package/dist/components/phone-input/translations.js +18 -18
- package/dist/components/table/helper.d.ts +3 -0
- package/dist/components/table/helper.d.ts.map +1 -1
- package/dist/components/table/helper.js +17 -11
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/index.d.ts.map +1 -1
- package/dist/components/table/table-cell.d.ts +2 -1
- package/dist/components/table/table-cell.d.ts.map +1 -1
- package/dist/components/table/table-cell.js +62 -55
- package/dist/components/table/table-content.d.ts.map +1 -1
- package/dist/components/table/table-content.js +84 -56
- package/dist/components/table/table-context-provider.d.ts +17 -2
- package/dist/components/table/table-context-provider.d.ts.map +1 -1
- package/dist/components/table/table-context-provider.js +179 -122
- package/dist/components/table/table-drag-accessibility.d.ts +11 -0
- package/dist/components/table/table-drag-accessibility.d.ts.map +1 -0
- package/dist/components/table/table-drag-accessibility.js +22 -0
- package/dist/components/table/table-header-row.d.ts.map +1 -1
- package/dist/components/table/table-header-row.js +70 -62
- package/dist/components/table/table-recipe.d.ts.map +1 -1
- package/dist/components/table/table-recipe.js +6 -0
- package/dist/components/table/table-row-drag-handle.d.ts +6 -0
- package/dist/components/table/table-row-drag-handle.d.ts.map +1 -0
- package/dist/components/table/table-row-drag-handle.js +53 -0
- package/dist/components/table/table-row-reorder.spec.d.ts +2 -0
- package/dist/components/table/table-row-reorder.spec.d.ts.map +1 -0
- package/dist/components/table/table-row.d.ts.map +1 -1
- package/dist/components/table/table-row.js +59 -42
- package/dist/components/table/table-sorted-reorder-prompt.d.ts +8 -0
- package/dist/components/table/table-sorted-reorder-prompt.d.ts.map +1 -0
- package/dist/components/table/table-sorted-reorder-prompt.js +64 -0
- package/dist/components/table/table-toolbar-settings.js +27 -27
- package/dist/components/table/table.composition.d.ts +2 -0
- package/dist/components/table/table.composition.d.ts.map +1 -1
- package/dist/components/table/table.constants.d.ts +15 -0
- package/dist/components/table/table.constants.d.ts.map +1 -1
- package/dist/components/table/table.constants.js +2 -2
- package/dist/components/table/table.d.ts +1 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +4 -2
- package/dist/components/table/translations.d.ts +70 -0
- package/dist/components/table/translations.d.ts.map +1 -1
- package/dist/components/table/translations.js +66 -6
- package/dist/components/table/types.d.ts +37 -5
- package/dist/components/table/types.d.ts.map +1 -1
- package/dist/node_modules/@tiptap/core/dist/index.js +84 -74
- package/dist/node_modules/@tiptap/extension-list/dist/index.js +1 -1
- package/dist/node_modules/libphonenumber-js/metadata.mobile.json.js +27 -30
- package/package.json +15 -15
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { CountryCode } from 'libphonenumber-js/mobile/es6';
|
|
2
2
|
import { Locales } from './translations.js';
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Lowercases and strips diacritics for accent-insensitive search (e.g. "espana" matches "España"),
|
|
5
|
+
* and strips a leading "+" so dial codes can be searched the way they're dialed (e.g. "+46").
|
|
6
|
+
*/
|
|
4
7
|
export declare function normalizeForSearch(value: string): string;
|
|
5
8
|
/** A country row produced by {@link getLocalizedCountries}. */
|
|
6
9
|
export interface CountryItem {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"country-data.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/country-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C
|
|
1
|
+
{"version":3,"file":"country-data.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/country-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAQD,+DAA+D;AAC/D,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oFAAoF;IACpF,UAAU,EAAE,MAAM,CAAC;CACnB;AAgBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,WAAW,EAAE,CAmBpE"}
|
|
@@ -2,7 +2,7 @@ import { getCountries as e } from "../../node_modules/libphonenumber-js/mobile/e
|
|
|
2
2
|
import { getCountryCallingCode as t } from "../../node_modules/libphonenumber-js/mobile/es6/exports/getCountryCallingCode.js";
|
|
3
3
|
//#region lib/components/phone-input/country-data.ts
|
|
4
4
|
function n(e) {
|
|
5
|
-
return e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
|
|
5
|
+
return e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().replace(/^\+/, "");
|
|
6
6
|
}
|
|
7
7
|
var r = e().map((e) => {
|
|
8
8
|
let n = new Intl.Locale(`und-${e}`).maximize().language, r = new Intl.DisplayNames([n], { type: "region" }).of(e) ?? e;
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
var e = {
|
|
3
3
|
searchCountryPlaceholder: "Search country...",
|
|
4
4
|
noCountriesFound: "No countries found",
|
|
5
|
-
enterPhoneNumberPlaceholder: "Enter your
|
|
6
|
-
numberLooksIncomplete: "Please enter a valid
|
|
7
|
-
requiredFieldEmpty: "
|
|
5
|
+
enterPhoneNumberPlaceholder: "Enter your mobile number",
|
|
6
|
+
numberLooksIncomplete: "Please enter a valid mobile number",
|
|
7
|
+
requiredFieldEmpty: "Mobile number is required",
|
|
8
8
|
openCountrySelector: "Open country selector"
|
|
9
9
|
}, t = {
|
|
10
10
|
"sv-SE": {
|
|
11
11
|
searchCountryPlaceholder: "Sök land...",
|
|
12
12
|
noCountriesFound: "Inga länder hittades",
|
|
13
|
-
enterPhoneNumberPlaceholder: "Ange ditt
|
|
14
|
-
numberLooksIncomplete: "Ange ett giltigt
|
|
15
|
-
requiredFieldEmpty: "
|
|
13
|
+
enterPhoneNumberPlaceholder: "Ange ditt mobilnummer",
|
|
14
|
+
numberLooksIncomplete: "Ange ett giltigt mobilnummer",
|
|
15
|
+
requiredFieldEmpty: "Mobilnummer krävs",
|
|
16
16
|
openCountrySelector: "Öppna landsväljaren"
|
|
17
17
|
},
|
|
18
18
|
"en-US": e,
|
|
@@ -20,33 +20,33 @@ var e = {
|
|
|
20
20
|
"nb-NO": {
|
|
21
21
|
searchCountryPlaceholder: "Søk land...",
|
|
22
22
|
noCountriesFound: "Ingen land funnet",
|
|
23
|
-
enterPhoneNumberPlaceholder: "Skriv inn
|
|
24
|
-
numberLooksIncomplete: "Skriv inn et gyldig
|
|
25
|
-
requiredFieldEmpty: "
|
|
23
|
+
enterPhoneNumberPlaceholder: "Skriv inn mobilnummeret ditt",
|
|
24
|
+
numberLooksIncomplete: "Skriv inn et gyldig mobilnummer",
|
|
25
|
+
requiredFieldEmpty: "Mobilnummer er påkrevd",
|
|
26
26
|
openCountrySelector: "Åpne landvelgeren"
|
|
27
27
|
},
|
|
28
28
|
"da-DK": {
|
|
29
29
|
searchCountryPlaceholder: "Søg land...",
|
|
30
30
|
noCountriesFound: "Ingen lande fundet",
|
|
31
|
-
enterPhoneNumberPlaceholder: "Indtast dit
|
|
32
|
-
numberLooksIncomplete: "Indtast et gyldigt
|
|
33
|
-
requiredFieldEmpty: "
|
|
31
|
+
enterPhoneNumberPlaceholder: "Indtast dit mobilnummer",
|
|
32
|
+
numberLooksIncomplete: "Indtast et gyldigt mobilnummer",
|
|
33
|
+
requiredFieldEmpty: "Mobilnummer er påkrævet",
|
|
34
34
|
openCountrySelector: "Åbn landevælgeren"
|
|
35
35
|
},
|
|
36
36
|
"fr-FR": {
|
|
37
37
|
searchCountryPlaceholder: "Rechercher un pays...",
|
|
38
38
|
noCountriesFound: "Aucun pays trouvé",
|
|
39
|
-
enterPhoneNumberPlaceholder: "Entrez votre numéro de
|
|
40
|
-
numberLooksIncomplete: "Veuillez saisir un numéro de
|
|
41
|
-
requiredFieldEmpty: "Le numéro de
|
|
39
|
+
enterPhoneNumberPlaceholder: "Entrez votre numéro de mobile",
|
|
40
|
+
numberLooksIncomplete: "Veuillez saisir un numéro de mobile valide",
|
|
41
|
+
requiredFieldEmpty: "Le numéro de mobile est obligatoire",
|
|
42
42
|
openCountrySelector: "Ouvrir le sélecteur de pays"
|
|
43
43
|
},
|
|
44
44
|
"nl-BE": {
|
|
45
45
|
searchCountryPlaceholder: "Zoek land...",
|
|
46
46
|
noCountriesFound: "Geen landen gevonden",
|
|
47
|
-
enterPhoneNumberPlaceholder: "Voer uw
|
|
48
|
-
numberLooksIncomplete: "Voer een geldig
|
|
49
|
-
requiredFieldEmpty: "
|
|
47
|
+
enterPhoneNumberPlaceholder: "Voer uw mobiele nummer in",
|
|
48
|
+
numberLooksIncomplete: "Voer een geldig mobiel nummer in",
|
|
49
|
+
requiredFieldEmpty: "Mobiel nummer is verplicht",
|
|
50
50
|
openCountrySelector: "Landselector openen"
|
|
51
51
|
}
|
|
52
52
|
};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Column } from '@tanstack/react-table';
|
|
2
|
+
import { TableData, TableRow } from './types.js';
|
|
2
3
|
export declare function arrayMove<T>(array: T[], fromIndex: number, toIndex: number): T[];
|
|
4
|
+
export declare function getTopLevelRowIds<TData extends TableData>(data: TableRow<TData>[], getRowId: (originalRow: TableRow<TData>, index: number) => string): string[];
|
|
5
|
+
export declare function isSameSequence(first: readonly string[], second: readonly string[]): boolean;
|
|
3
6
|
export declare function getColumnLabel(header: unknown, columnId: string): string;
|
|
4
7
|
export declare function getColumnSizeCssVarName(columnId: string): string;
|
|
5
8
|
export declare function getColumnStartCssVarName(columnId: string): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/table/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/table/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,EAAE,CAShF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,SAAS,EACxD,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,EACvB,QAAQ,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAC/D,MAAM,EAAE,CAEV;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAE3F;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAExE;AAUD,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGlG;AAED,wBAAgB,cAAc,CAAC,KAAK,EACnC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAC9B,oBAAoB,EAAE,OAAO,GAC3B,MAAM,GAAG,MAAM,CAGjB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,oBAAoB,EAAE,OAAO,GAAG,MAAM,CAG1G"}
|
|
@@ -4,28 +4,34 @@ function e(e, t, n) {
|
|
|
4
4
|
return i !== void 0 && r.splice(n, 0, i), r;
|
|
5
5
|
}
|
|
6
6
|
function t(e, t) {
|
|
7
|
+
return e.map((e, n) => t(e, n));
|
|
8
|
+
}
|
|
9
|
+
function n(e, t) {
|
|
10
|
+
return e.length === t.length && e.every((e, n) => e === t[n]);
|
|
11
|
+
}
|
|
12
|
+
function r(e, t) {
|
|
7
13
|
return typeof e == "string" || typeof e == "number" ? String(e) : t;
|
|
8
14
|
}
|
|
9
|
-
function
|
|
15
|
+
function i(e) {
|
|
10
16
|
return e.replace(/[^a-zA-Z0-9]/g, (e) => `_${e.charCodeAt(0).toString(16)}_`);
|
|
11
17
|
}
|
|
12
|
-
function
|
|
13
|
-
return `--col-${
|
|
18
|
+
function a(e) {
|
|
19
|
+
return `--col-${i(e)}-size`;
|
|
14
20
|
}
|
|
15
|
-
function
|
|
16
|
-
return `--col-${
|
|
21
|
+
function o(e) {
|
|
22
|
+
return `--col-${i(e)}-start`;
|
|
17
23
|
}
|
|
18
|
-
function
|
|
24
|
+
function s(e, t) {
|
|
19
25
|
let { minSize: n = 80, maxSize: r = 2 ** 53 - 1 } = e.columnDef;
|
|
20
26
|
return Math.min(Math.max(t, n), r);
|
|
21
27
|
}
|
|
22
|
-
function
|
|
28
|
+
function c(e, t) {
|
|
23
29
|
let n = e.getSize();
|
|
24
|
-
return t ? `var(${
|
|
30
|
+
return t ? `var(${a(e.id)}, ${n}px)` : n;
|
|
25
31
|
}
|
|
26
|
-
function
|
|
32
|
+
function l(e, t) {
|
|
27
33
|
let n = `${e.getStart("left")}px`;
|
|
28
|
-
return t ? `var(${
|
|
34
|
+
return t ? `var(${o(e.id)}, ${n})` : n;
|
|
29
35
|
}
|
|
30
36
|
//#endregion
|
|
31
|
-
export { e as arrayMove,
|
|
37
|
+
export { e as arrayMove, s as getClampedColumnWidth, r as getColumnLabel, a as getColumnSizeCssVarName, o as getColumnStartCssVarName, c as getColumnWidth, l as getPinnedLeft, t as getTopLevelRowIds, n as isSameSequence };
|
|
@@ -9,5 +9,5 @@ export { TableToolbarAddButton } from './table-toolbar-add-button.js';
|
|
|
9
9
|
export { TableToolbarSearch } from './table-toolbar-search.js';
|
|
10
10
|
export { TableToolbarSettings } from './table-toolbar-settings.js';
|
|
11
11
|
export type { TableFilterProps } from './table-filter.js';
|
|
12
|
-
export type { CellContext, ColumnDef, ColumnSizingState, ExpandedState, Row, RowSelectionState, SortingState, TableContentProps, TableFilterBoxState, TableFilterVisibleChange, TableProps, TableRow, TableToolbarActionsProps, TableToolbarAddButtonProps, TableToolbarProps, TableToolbarSearchProps, VisibilityState, } from './types.js';
|
|
12
|
+
export type { CellContext, ColumnDef, ColumnSizingState, ExpandedState, Row, RowReorderDetails, RowSelectionState, SortingState, TableContentProps, TableFilterBoxState, TableFilterVisibleChange, TableProps, TableRow, TableToolbarActionsProps, TableToolbarAddButtonProps, TableToolbarProps, TableToolbarSearchProps, VisibilityState, } from './types.js';
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,GAAG,EACH,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,QAAQ,EACR,wBAAwB,EACxB,0BAA0B,EAC1B,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,GACf,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,GAAG,EACH,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,QAAQ,EACR,wBAAwB,EACxB,0BAA0B,EAC1B,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,GACf,MAAM,SAAS,CAAC"}
|
|
@@ -12,8 +12,9 @@ type TableCellProps<TData extends TableData> = {
|
|
|
12
12
|
actionMenu?: ReactNode;
|
|
13
13
|
canSelectRows?: boolean;
|
|
14
14
|
isCheckboxDisabled?: boolean;
|
|
15
|
+
dragHandleRef?: (element: Element | null) => void;
|
|
15
16
|
};
|
|
16
|
-
declare const TableCellComponent: <TData extends TableData>({ cell, row, rowIsExpanded, visibleCells, breakingContentState, localeString, actionMenu, canSelectRows, isCheckboxDisabled, }: TableCellProps<TData>) => import("react").JSX.Element;
|
|
17
|
+
declare const TableCellComponent: <TData extends TableData>({ cell, row, rowIsExpanded, visibleCells, breakingContentState, localeString, actionMenu, canSelectRows, isCheckboxDisabled, dragHandleRef, }: TableCellProps<TData>) => import("react").JSX.Element;
|
|
17
18
|
export declare const TableCell: typeof TableCellComponent;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=table-cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvF,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,cAAc,CAAC,KAAK,SAAS,SAAS,IAAI;IAC9C,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACrC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IAC/C,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,EAAE,+IAWlD,cAAc,CAAC,KAAK,CAAC,gCA0LvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,CAAC"}
|
|
@@ -9,24 +9,25 @@ import { flexRender as s } from "../../node_modules/@tanstack/react-table/build/
|
|
|
9
9
|
import { getColumnWidth as c, getPinnedLeft as l } from "./helper.js";
|
|
10
10
|
import { useTableContext as u } from "./table-context.js";
|
|
11
11
|
import { translations as d } from "./translations.js";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
import { TableRowDragHandle as f } from "./table-row-drag-handle.js";
|
|
13
|
+
import { TableRowExpandToggleButton as p } from "./table-row-expand-toggle-button.js";
|
|
14
|
+
import { memo as m, useCallback as h, useMemo as g } from "react";
|
|
15
|
+
import { Box as _, Flex as v, TableCell as y } from "@chakra-ui/react";
|
|
16
|
+
import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
|
|
17
|
+
var C = m(({ cell: m, row: C, rowIsExpanded: w, visibleCells: T, breakingContentState: E, localeString: D, actionMenu: O, canSelectRows: k, isCheckboxDisabled: A, dragHandleRef: j }) => {
|
|
18
|
+
let M = u(), { column: N } = m, P = d[D], F = g(() => {
|
|
18
19
|
let e = {
|
|
19
20
|
width: "100%",
|
|
20
21
|
display: "inline-flex",
|
|
21
22
|
height: "100%",
|
|
22
23
|
alignItems: "center"
|
|
23
24
|
};
|
|
24
|
-
return
|
|
25
|
-
}, [
|
|
25
|
+
return E[N.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
|
|
26
|
+
}, [E, N.id]), I = C.getCanExpand(), L = T[0]?.id === m.id, R = I && L, z = O || L && !!M.getRowActions || k, B = L && M.rowReorderMode !== "off", V = M.rowReorderMode !== "off" && L && C.depth === 0, H = B ? 24 : 0, U = z || B, W = g(() => {
|
|
26
27
|
let e = [];
|
|
27
|
-
for (let t = 0; t <
|
|
28
|
+
for (let t = 0; t < C.depth; t += 1) {
|
|
28
29
|
let n = `${t * 2 + .7}rem`;
|
|
29
|
-
|
|
30
|
+
U && (n = `calc(${n} + ${(z ? (O && k ? 2 : 1) * 24 : 0) + H}px)`), e.push(/* @__PURE__ */ x(o, {
|
|
30
31
|
orientation: "vertical",
|
|
31
32
|
position: "absolute",
|
|
32
33
|
top: "0",
|
|
@@ -35,102 +36,108 @@ var S = p(({ cell: p, row: S, rowIsExpanded: C, visibleCells: w, breakingContent
|
|
|
35
36
|
}
|
|
36
37
|
return e;
|
|
37
38
|
}, [
|
|
38
|
-
D,
|
|
39
39
|
O,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
40
|
+
k,
|
|
41
|
+
H,
|
|
42
|
+
z,
|
|
43
|
+
C.depth,
|
|
44
|
+
U
|
|
45
|
+
]), G = () => {
|
|
46
|
+
let t = N.getIsPinned(), n = c(N, M.enableColumnResizing);
|
|
44
47
|
return {
|
|
45
48
|
position: t ? "sticky" : "relative",
|
|
46
|
-
left: t ? l(
|
|
49
|
+
left: t ? l(N, M.enableColumnResizing) : void 0,
|
|
47
50
|
backgroundColor: t ? e.Background : void 0,
|
|
48
51
|
zIndex: t ? 1 : void 0,
|
|
49
52
|
width: n,
|
|
50
53
|
maxWidth: n
|
|
51
54
|
};
|
|
52
55
|
};
|
|
53
|
-
function
|
|
54
|
-
let e =
|
|
55
|
-
return
|
|
56
|
+
function K() {
|
|
57
|
+
let e = C.depth && L || R ? `${C.depth * 2}rem` : t.Small;
|
|
58
|
+
return U ? `calc(${e} + ${(z ? (O && k && C.depth === 0 ? 2 : 1) * 24 : 0) + H}px)` : e;
|
|
56
59
|
}
|
|
57
|
-
let
|
|
60
|
+
let q = h(({ checked: e }) => {
|
|
58
61
|
let t = (e) => {
|
|
59
|
-
if (
|
|
62
|
+
if (M.disableSelectionCheckbox?.(e)) return [];
|
|
60
63
|
let n = [e.id];
|
|
61
64
|
return e.subRows?.forEach((e) => {
|
|
62
65
|
n.push(...t(e));
|
|
63
66
|
}), n;
|
|
64
67
|
};
|
|
65
|
-
|
|
66
|
-
let r = t(
|
|
68
|
+
M.setSelectedRowIds((n) => {
|
|
69
|
+
let r = t(C), i = new Set(n);
|
|
67
70
|
return r.forEach((t) => {
|
|
68
71
|
e ? i.add(t) : i.delete(t);
|
|
69
72
|
}), Array.from(i);
|
|
70
73
|
});
|
|
71
|
-
}, [
|
|
72
|
-
return /* @__PURE__ */
|
|
73
|
-
id:
|
|
74
|
-
textAlign:
|
|
74
|
+
}, [C, M]), J = g(() => M.selectedRowIds?.includes(C.id) ?? !1, [C.id, M.selectedRowIds]);
|
|
75
|
+
return /* @__PURE__ */ x(y, {
|
|
76
|
+
id: m.id,
|
|
77
|
+
textAlign: N.columnDef.meta?.isNumeric ? "end" : void 0,
|
|
75
78
|
style: {
|
|
76
|
-
...
|
|
79
|
+
...G(),
|
|
77
80
|
borderBottom: 0,
|
|
78
|
-
paddingLeft:
|
|
81
|
+
paddingLeft: K()
|
|
79
82
|
},
|
|
80
|
-
children: /* @__PURE__ */
|
|
83
|
+
children: /* @__PURE__ */ S(v, {
|
|
81
84
|
w: "100%",
|
|
82
85
|
h: "100%",
|
|
83
86
|
align: "center",
|
|
84
87
|
children: [
|
|
85
|
-
|
|
88
|
+
V && /* @__PURE__ */ x(f, {
|
|
89
|
+
localeString: D,
|
|
90
|
+
handleRef: j
|
|
91
|
+
}),
|
|
92
|
+
O && /* @__PURE__ */ x(r, { children: ({ isOpen: e }) => /* @__PURE__ */ S(_, {
|
|
86
93
|
display: "contents",
|
|
87
94
|
onClick: (e) => e.stopPropagation(),
|
|
88
95
|
onKeyDown: (e) => e.stopPropagation(),
|
|
89
|
-
children: [/* @__PURE__ */
|
|
96
|
+
children: [/* @__PURE__ */ x(_, {
|
|
90
97
|
className: "action-menu-button",
|
|
91
98
|
position: "absolute",
|
|
92
|
-
left:
|
|
99
|
+
left: `${H}px`,
|
|
93
100
|
opacity: +!!e,
|
|
94
101
|
_hover: { opacity: 1 },
|
|
95
102
|
_focusVisible: { opacity: 1 },
|
|
96
103
|
css: { "&:has(:focus-visible)": { opacity: 1 } },
|
|
97
|
-
children: /* @__PURE__ */
|
|
104
|
+
children: /* @__PURE__ */ x(i, {
|
|
98
105
|
icon: n,
|
|
99
106
|
variant: "ghost",
|
|
100
107
|
size: "xs",
|
|
101
|
-
"aria-label":
|
|
108
|
+
"aria-label": P.moreActions,
|
|
102
109
|
borderRadius: "0"
|
|
103
110
|
})
|
|
104
|
-
}),
|
|
111
|
+
}), O]
|
|
105
112
|
}) }),
|
|
106
|
-
|
|
113
|
+
k && /* @__PURE__ */ x(_, {
|
|
107
114
|
display: "contents",
|
|
108
115
|
onClick: (e) => e.stopPropagation(),
|
|
109
116
|
onKeyDown: (e) => e.stopPropagation(),
|
|
110
|
-
children: /* @__PURE__ */
|
|
117
|
+
children: /* @__PURE__ */ x(_, {
|
|
111
118
|
position: "absolute",
|
|
112
|
-
left:
|
|
113
|
-
children: /* @__PURE__ */
|
|
114
|
-
isChecked:
|
|
115
|
-
onCheckedChange:
|
|
116
|
-
isDisabled:
|
|
119
|
+
left: `${H + (O ? 24 : 0)}px`,
|
|
120
|
+
children: /* @__PURE__ */ x(a, {
|
|
121
|
+
isChecked: J,
|
|
122
|
+
onCheckedChange: q,
|
|
123
|
+
isDisabled: A
|
|
117
124
|
})
|
|
118
125
|
})
|
|
119
126
|
}),
|
|
120
|
-
|
|
121
|
-
row:
|
|
122
|
-
localeString:
|
|
123
|
-
hidden: !
|
|
124
|
-
rowIsExpanded:
|
|
125
|
-
}) : /* @__PURE__ */ b
|
|
126
|
-
|
|
127
|
-
/* @__PURE__ */
|
|
128
|
-
style:
|
|
129
|
-
children: s(
|
|
127
|
+
R || C.depth > 0 && L ? /* @__PURE__ */ x(p, {
|
|
128
|
+
row: C,
|
|
129
|
+
localeString: D,
|
|
130
|
+
hidden: !I,
|
|
131
|
+
rowIsExpanded: w
|
|
132
|
+
}) : /* @__PURE__ */ x(b, {}),
|
|
133
|
+
L && W,
|
|
134
|
+
/* @__PURE__ */ x("div", {
|
|
135
|
+
style: F,
|
|
136
|
+
children: s(N.columnDef.cell, m.getContext())
|
|
130
137
|
})
|
|
131
138
|
]
|
|
132
139
|
})
|
|
133
|
-
},
|
|
140
|
+
}, m.id);
|
|
134
141
|
});
|
|
135
142
|
//#endregion
|
|
136
|
-
export {
|
|
143
|
+
export { C as TableCell };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAYnE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,KAAK,sBAAsB,CAAC,KAAK,SAAS,SAAS,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC;AAElG,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,8BAGjD,sBAAsB,CAAC,KAAK,CAAC,gCAM/B,CAAC;AAiVF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
|