@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.
Files changed (52) hide show
  1. package/dist/components/phone-input/country-data.d.ts +4 -1
  2. package/dist/components/phone-input/country-data.d.ts.map +1 -1
  3. package/dist/components/phone-input/country-data.js +1 -1
  4. package/dist/components/phone-input/translations.js +18 -18
  5. package/dist/components/table/helper.d.ts +3 -0
  6. package/dist/components/table/helper.d.ts.map +1 -1
  7. package/dist/components/table/helper.js +17 -11
  8. package/dist/components/table/index.d.ts +1 -1
  9. package/dist/components/table/index.d.ts.map +1 -1
  10. package/dist/components/table/table-cell.d.ts +2 -1
  11. package/dist/components/table/table-cell.d.ts.map +1 -1
  12. package/dist/components/table/table-cell.js +62 -55
  13. package/dist/components/table/table-content.d.ts.map +1 -1
  14. package/dist/components/table/table-content.js +84 -56
  15. package/dist/components/table/table-context-provider.d.ts +17 -2
  16. package/dist/components/table/table-context-provider.d.ts.map +1 -1
  17. package/dist/components/table/table-context-provider.js +179 -122
  18. package/dist/components/table/table-drag-accessibility.d.ts +11 -0
  19. package/dist/components/table/table-drag-accessibility.d.ts.map +1 -0
  20. package/dist/components/table/table-drag-accessibility.js +22 -0
  21. package/dist/components/table/table-header-row.d.ts.map +1 -1
  22. package/dist/components/table/table-header-row.js +70 -62
  23. package/dist/components/table/table-recipe.d.ts.map +1 -1
  24. package/dist/components/table/table-recipe.js +6 -0
  25. package/dist/components/table/table-row-drag-handle.d.ts +6 -0
  26. package/dist/components/table/table-row-drag-handle.d.ts.map +1 -0
  27. package/dist/components/table/table-row-drag-handle.js +53 -0
  28. package/dist/components/table/table-row-reorder.spec.d.ts +2 -0
  29. package/dist/components/table/table-row-reorder.spec.d.ts.map +1 -0
  30. package/dist/components/table/table-row.d.ts.map +1 -1
  31. package/dist/components/table/table-row.js +59 -42
  32. package/dist/components/table/table-sorted-reorder-prompt.d.ts +8 -0
  33. package/dist/components/table/table-sorted-reorder-prompt.d.ts.map +1 -0
  34. package/dist/components/table/table-sorted-reorder-prompt.js +64 -0
  35. package/dist/components/table/table-toolbar-settings.js +27 -27
  36. package/dist/components/table/table.composition.d.ts +2 -0
  37. package/dist/components/table/table.composition.d.ts.map +1 -1
  38. package/dist/components/table/table.constants.d.ts +15 -0
  39. package/dist/components/table/table.constants.d.ts.map +1 -1
  40. package/dist/components/table/table.constants.js +2 -2
  41. package/dist/components/table/table.d.ts +1 -1
  42. package/dist/components/table/table.d.ts.map +1 -1
  43. package/dist/components/table/table.js +4 -2
  44. package/dist/components/table/translations.d.ts +70 -0
  45. package/dist/components/table/translations.d.ts.map +1 -1
  46. package/dist/components/table/translations.js +66 -6
  47. package/dist/components/table/types.d.ts +37 -5
  48. package/dist/components/table/types.d.ts.map +1 -1
  49. package/dist/node_modules/@tiptap/core/dist/index.js +84 -74
  50. package/dist/node_modules/@tiptap/extension-list/dist/index.js +1 -1
  51. package/dist/node_modules/libphonenumber-js/metadata.mobile.json.js +27 -30
  52. 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
- /** Lowercases and strips diacritics for accent-insensitive search (e.g. "espana" matches "España"). */
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,uGAAuG;AACvG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKxD;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"}
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 phone number",
6
- numberLooksIncomplete: "Please enter a valid phone number",
7
- requiredFieldEmpty: "Phone number is required",
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 telefonnummer",
14
- numberLooksIncomplete: "Ange ett giltigt telefonnummer",
15
- requiredFieldEmpty: "Telefonnummer krävs",
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 telefonnummeret ditt",
24
- numberLooksIncomplete: "Skriv inn et gyldig telefonnummer",
25
- requiredFieldEmpty: "Telefonnummer er påkrevd",
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 telefonnummer",
32
- numberLooksIncomplete: "Indtast et gyldigt telefonnummer",
33
- requiredFieldEmpty: "Telefonnummer er påkrævet",
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 téléphone",
40
- numberLooksIncomplete: "Veuillez saisir un numéro de téléphone valide",
41
- requiredFieldEmpty: "Le numéro de téléphone est obligatoire",
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 telefoonnummer in",
48
- numberLooksIncomplete: "Voer een geldig telefoonnummer in",
49
- requiredFieldEmpty: "Telefoonnummer is verplicht",
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;AAGpD,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,EAAE,CAShF;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"}
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 n(e) {
15
+ function i(e) {
10
16
  return e.replace(/[^a-zA-Z0-9]/g, (e) => `_${e.charCodeAt(0).toString(16)}_`);
11
17
  }
12
- function r(e) {
13
- return `--col-${n(e)}-size`;
18
+ function a(e) {
19
+ return `--col-${i(e)}-size`;
14
20
  }
15
- function i(e) {
16
- return `--col-${n(e)}-start`;
21
+ function o(e) {
22
+ return `--col-${i(e)}-start`;
17
23
  }
18
- function a(e, t) {
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 o(e, t) {
28
+ function c(e, t) {
23
29
  let n = e.getSize();
24
- return t ? `var(${r(e.id)}, ${n}px)` : n;
30
+ return t ? `var(${a(e.id)}, ${n}px)` : n;
25
31
  }
26
- function s(e, t) {
32
+ function l(e, t) {
27
33
  let n = `${e.getStart("left")}px`;
28
- return t ? `var(${i(e.id)}, ${n})` : n;
34
+ return t ? `var(${o(e.id)}, ${n})` : n;
29
35
  }
30
36
  //#endregion
31
- export { e as arrayMove, a as getClampedColumnWidth, t as getColumnLabel, r as getColumnSizeCssVarName, i as getColumnStartCssVarName, o as getColumnWidth, s as getPinnedLeft };
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;AAIvF,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;CAC7B,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,KAAK,SAAS,SAAS,EAAE,gIAUlD,cAAc,CAAC,KAAK,CAAC,gCAkLvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAA+B,OAAO,kBAAkB,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 { TableRowExpandToggleButton as f } from "./table-row-expand-toggle-button.js";
13
- import { memo as p, useCallback as m, useMemo as h } from "react";
14
- import { Box as g, Flex as _, TableCell as v } from "@chakra-ui/react";
15
- import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
16
- var S = p(({ cell: p, row: S, rowIsExpanded: C, visibleCells: w, breakingContentState: T, localeString: E, actionMenu: D, canSelectRows: O, isCheckboxDisabled: k }) => {
17
- let A = u(), { column: j } = p, M = d[E], N = h(() => {
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 T[j.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
25
- }, [T, j.id]), P = h(() => j.getIndex() === 0, [j]), F = S.getCanExpand(), I = w[0]?.id === p.id, L = F && I, R = D || P && !!A.getRowActions || O, z = h(() => {
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 < S.depth; t += 1) {
28
+ for (let t = 0; t < C.depth; t += 1) {
28
29
  let n = `${t * 2 + .7}rem`;
29
- R && (n = `calc(${n} + ${D && O ? 48 : 24}px)`), e.push(/* @__PURE__ */ b(o, {
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
- S.depth,
41
- R
42
- ]), B = () => {
43
- let t = j.getIsPinned(), n = c(j, A.enableColumnResizing);
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(j, A.enableColumnResizing) : void 0,
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 V() {
54
- let e = S.depth && I || L ? `${S.depth * 2}rem` : t.Small;
55
- return R ? `calc(${e} + ${D && O && S.depth === 0 ? 48 : 24}px)` : e;
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 H = m(({ checked: e }) => {
60
+ let q = h(({ checked: e }) => {
58
61
  let t = (e) => {
59
- if (A.disableSelectionCheckbox?.(e)) return [];
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
- A.setSelectedRowIds((n) => {
66
- let r = t(S), i = new Set(n);
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
- }, [S, A]), U = h(() => A.selectedRowIds?.includes(S.id) ?? !1, [S.id, A.selectedRowIds]);
72
- return /* @__PURE__ */ b(v, {
73
- id: p.id,
74
- textAlign: j.columnDef.meta?.isNumeric ? "end" : void 0,
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
- ...B(),
79
+ ...G(),
77
80
  borderBottom: 0,
78
- paddingLeft: V()
81
+ paddingLeft: K()
79
82
  },
80
- children: /* @__PURE__ */ x(_, {
83
+ children: /* @__PURE__ */ S(v, {
81
84
  w: "100%",
82
85
  h: "100%",
83
86
  align: "center",
84
87
  children: [
85
- D && /* @__PURE__ */ b(r, { children: ({ isOpen: e }) => /* @__PURE__ */ x(g, {
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__ */ b(g, {
96
+ children: [/* @__PURE__ */ x(_, {
90
97
  className: "action-menu-button",
91
98
  position: "absolute",
92
- left: "0",
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__ */ b(i, {
104
+ children: /* @__PURE__ */ x(i, {
98
105
  icon: n,
99
106
  variant: "ghost",
100
107
  size: "xs",
101
- "aria-label": M.moreActions,
108
+ "aria-label": P.moreActions,
102
109
  borderRadius: "0"
103
110
  })
104
- }), D]
111
+ }), O]
105
112
  }) }),
106
- O && /* @__PURE__ */ b(g, {
113
+ k && /* @__PURE__ */ x(_, {
107
114
  display: "contents",
108
115
  onClick: (e) => e.stopPropagation(),
109
116
  onKeyDown: (e) => e.stopPropagation(),
110
- children: /* @__PURE__ */ b(g, {
117
+ children: /* @__PURE__ */ x(_, {
111
118
  position: "absolute",
112
- left: D ? "24px" : "0",
113
- children: /* @__PURE__ */ b(a, {
114
- isChecked: U,
115
- onCheckedChange: H,
116
- isDisabled: k
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
- L || S.depth > 0 && I ? /* @__PURE__ */ b(f, {
121
- row: S,
122
- localeString: E,
123
- hidden: !F,
124
- rowIsExpanded: C
125
- }) : /* @__PURE__ */ b(y, {}),
126
- P && z,
127
- /* @__PURE__ */ b("div", {
128
- style: N,
129
- children: s(j.columnDef.cell, p.getContext())
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
- }, p.id);
140
+ }, m.id);
134
141
  });
135
142
  //#endregion
136
- export { S as TableCell };
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;AAUnE,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;AAuSF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,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"}