@caspeco/casper-ui-library 6.1.0 → 7.0.0

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 (67) hide show
  1. package/dist/components/alert/alert.js +25 -25
  2. package/dist/components/combobox/combobox-button.d.ts.map +1 -1
  3. package/dist/components/combobox/combobox-button.js +57 -57
  4. package/dist/components/combobox/combobox-menu.d.ts.map +1 -1
  5. package/dist/components/combobox/combobox-menu.js +58 -56
  6. package/dist/components/combobox/combobox.d.ts.map +1 -1
  7. package/dist/components/combobox/combobox.js +34 -34
  8. package/dist/components/combobox/types.d.ts +2 -2
  9. package/dist/components/combobox/types.d.ts.map +1 -1
  10. package/dist/components/date-picker/base-date-picker.d.ts.map +1 -1
  11. package/dist/components/date-picker/base-date-picker.js +129 -129
  12. package/dist/components/date-picker/types.d.ts +3 -2
  13. package/dist/components/date-picker/types.d.ts.map +1 -1
  14. package/dist/components/drawer/use-drawer-key-down.js +8 -6
  15. package/dist/components/icon/icon.d.ts.map +1 -1
  16. package/dist/components/icon/icon.js +13 -12
  17. package/dist/components/image-upload/image-cropper.d.ts.map +1 -1
  18. package/dist/components/image-upload/image-upload-dropzone.d.ts.map +1 -1
  19. package/dist/components/image-upload/image-upload-dropzone.js +24 -24
  20. package/dist/components/image-upload/image-upload-modal.d.ts.map +1 -1
  21. package/dist/components/image-upload/image-upload-modal.js +61 -58
  22. package/dist/components/menu/menu-item.d.ts +2 -1
  23. package/dist/components/menu/menu-item.d.ts.map +1 -1
  24. package/dist/components/menu/menu.composition.d.ts.map +1 -1
  25. package/dist/components/modal/modal-footer.d.ts.map +1 -1
  26. package/dist/components/modal/modal-footer.js +16 -13
  27. package/dist/components/table/index.d.ts +1 -0
  28. package/dist/components/table/index.d.ts.map +1 -1
  29. package/dist/components/table/table-cell.js +18 -18
  30. package/dist/components/table/table-content.d.ts.map +1 -1
  31. package/dist/components/table/table-content.js +21 -19
  32. package/dist/components/table/table-context-provider.d.ts +8 -4
  33. package/dist/components/table/table-context-provider.d.ts.map +1 -1
  34. package/dist/components/table/table-context-provider.js +96 -94
  35. package/dist/components/table/table-filter.d.ts +27 -0
  36. package/dist/components/table/table-filter.d.ts.map +1 -0
  37. package/dist/components/table/table-filter.js +140 -0
  38. package/dist/components/table/table-filter.spec.d.ts +2 -0
  39. package/dist/components/table/table-filter.spec.d.ts.map +1 -0
  40. package/dist/components/table/table-header-dropdown.d.ts +1 -1
  41. package/dist/components/table/table-header-dropdown.d.ts.map +1 -1
  42. package/dist/components/table/table-header-dropdown.js +71 -59
  43. package/dist/components/table/table-row.js +40 -40
  44. package/dist/components/table/table-toolbar.d.ts.map +1 -1
  45. package/dist/components/table/table-toolbar.js +111 -81
  46. package/dist/components/table/table.composition.d.ts +1 -1
  47. package/dist/components/table/table.composition.d.ts.map +1 -1
  48. package/dist/components/table/table.d.ts +1 -1
  49. package/dist/components/table/table.d.ts.map +1 -1
  50. package/dist/components/table/table.js +22 -24
  51. package/dist/components/table/translations.d.ts +10 -0
  52. package/dist/components/table/translations.d.ts.map +1 -1
  53. package/dist/components/table/translations.js +17 -9
  54. package/dist/components/table/types.d.ts +1 -5
  55. package/dist/components/table/types.d.ts.map +1 -1
  56. package/dist/components/tabs/tabs.composition.d.ts +1 -1
  57. package/dist/index.js +168 -165
  58. package/dist/theme/index.d.ts +2 -1
  59. package/dist/theme/index.d.ts.map +1 -1
  60. package/dist/theme/theme-context.d.ts +10 -0
  61. package/dist/theme/theme-context.d.ts.map +1 -0
  62. package/dist/theme/theme-context.js +11 -0
  63. package/dist/theme/theme-provider-context.composition.d.ts.map +1 -1
  64. package/dist/theme/theme-provider.d.ts +0 -8
  65. package/dist/theme/theme-provider.d.ts.map +1 -1
  66. package/dist/theme/theme-provider.js +21 -27
  67. package/package.json +10 -10
@@ -1,58 +1,58 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { Tr as T } from "@chakra-ui/react";
3
- import { memo as h, useMemo as c, useCallback as l } from "react";
4
- import { TableCell as x } from "./table-cell.js";
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { Tr as x } from "@chakra-ui/react";
3
+ import { memo as h, useMemo as u, useCallback as r } from "react";
4
+ import { TableCell as S } from "./table-cell.js";
5
5
  import { useTableContext as y } from "./table-context.js";
6
- import { ThemeColorVariable as n } from "../../theme/theme-types.js";
6
+ import { ThemeColorVariable as a } from "../../theme/theme-types.js";
7
7
  const A = ({
8
- row: t,
9
- visibleCells: a,
8
+ row: e,
9
+ visibleCells: i,
10
10
  onClickRow: o,
11
- showRowHoverStyle: s,
12
- onRowClickIndication: i
11
+ showRowHoverStyle: c,
12
+ onRowClickIndication: d
13
13
  }) => {
14
- const r = y(), u = c(() => ({ backgroundColor: s ? n.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), []), g = l(
15
- (e) => {
16
- o && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(t.original, e));
14
+ const n = y(), g = u(() => ({ backgroundColor: c ? a.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), [c]), m = r(
15
+ (t) => {
16
+ o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
17
17
  },
18
- [r.data, o]
19
- ), m = l(
20
- (e) => {
21
- e.stopPropagation(), t.getToggleSelectedHandler(), o && o(t.original, e), i && r.setRowSelection({ [e.currentTarget.id]: !0 });
18
+ [o, e.original]
19
+ ), p = r(
20
+ (t) => {
21
+ t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), d && n.setRowSelection({ [t.currentTarget.id]: !0 });
22
22
  },
23
- [r.data, o, i]
24
- ), p = () => t.getIsSelected() ? n.AccentHoverAlpha : "unset", b = c(() => p(), [r.rowSelection]), f = r.getRowActions?.(t.original);
25
- return /* @__PURE__ */ d(
26
- T,
23
+ [e, o, d, n]
24
+ ), l = r(() => e.getIsSelected() ? a.AccentHoverAlpha : "unset", [e]), b = u(() => l(), [l]), f = n.getRowActions?.(e.original);
25
+ return /* @__PURE__ */ s(
26
+ x,
27
27
  {
28
- id: t.id,
28
+ id: e.id,
29
29
  tabIndex: o ? 0 : void 0,
30
- onClick: m,
31
- onKeyDown: g,
32
- borderTop: t.depth > 0 ? "none" : `1px solid ${n.OnBackgroundBorder}`,
30
+ onClick: p,
31
+ onKeyDown: m,
32
+ borderTop: e.depth > 0 ? "none" : `1px solid ${a.OnBackgroundBorder}`,
33
33
  cursor: o ? "pointer" : void 0,
34
34
  backgroundColor: b,
35
- _hover: u,
36
- children: a.map((e) => {
37
- const S = e.column.getIndex() === 0;
38
- return /* @__PURE__ */ d(
39
- x,
35
+ _hover: g,
36
+ children: i.map((t) => {
37
+ const T = t.column.getIndex() === 0;
38
+ return /* @__PURE__ */ s(
39
+ S,
40
40
  {
41
- cell: e,
42
- visibleCells: a,
43
- row: t,
44
- rowIsExpanded: t.getIsExpanded(),
45
- breakingContentState: r.breakingContentState,
46
- localeString: r.localeString,
47
- actionMenu: S ? f : void 0
41
+ cell: t,
42
+ visibleCells: i,
43
+ row: e,
44
+ rowIsExpanded: e.getIsExpanded(),
45
+ breakingContentState: n.breakingContentState,
46
+ localeString: n.localeString,
47
+ actionMenu: T ? f : void 0
48
48
  },
49
- e.id
49
+ t.id
50
50
  );
51
51
  })
52
52
  },
53
- t.id
53
+ e.id
54
54
  );
55
- }, E = h(A);
55
+ }, H = h(A);
56
56
  export {
57
- E as TableRow
57
+ H as TableRow
58
58
  };
@@ -1 +1 @@
1
- {"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CAsIrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
1
+ {"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CAyJrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
@@ -1,105 +1,135 @@
1
- import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
2
- import { useMediaQuery as F, Flex as i, Box as L, Portal as j } from "@chakra-ui/react";
3
- import { memo as z, useCallback as O, useMemo as p } from "react";
1
+ import { jsx as e, jsxs as r, Fragment as L } from "react/jsx-runtime";
2
+ import { useMediaQuery as j, Flex as a, Portal as V, Box as z } from "@chakra-ui/react";
3
+ import { memo as O, useCallback as l, useMemo as S } from "react";
4
4
  import { useTableContext as v } from "./table-context.js";
5
- import { translations as A } from "./translations.js";
6
- import { Text as g } from "../text/text.js";
7
- import { Input as H } from "../input/input.js";
8
- import { Icon as f } from "../icon/icon.js";
9
- import { Icons as c } from "../icon/types.js";
5
+ import { translations as H } from "./translations.js";
6
+ import { Input as A } from "../input/input.js";
7
+ import { Icon as T } from "../icon/icon.js";
8
+ import { Icons as h } from "../icon/types.js";
10
9
  import { Menu as D } from "../menu/menu.js";
11
10
  import { MenuButton as G } from "../menu/menu-button.js";
12
11
  import { MenuList as E } from "../menu/menu-list.js";
13
- import { MenuItem as C } from "../menu/menu-item.js";
12
+ import { Text as M } from "../text/text.js";
13
+ import { MenuItem as y } from "../menu/menu-item.js";
14
14
  import { Checkbox as P } from "../checkbox/checkbox.js";
15
15
  import { MenuDivider as Q } from "../menu/menu-divider.js";
16
16
  import { Switch as W } from "../switch/switch.js";
17
17
  import { IconButton as X } from "../icon-button/icon-button.js";
18
- import { ThemeSpaceVariable as o, ThemeFontVariable as q, ThemeColorVariable as S, ThemeFontSizeVariable as J, ThemeIconSizeVariable as K } from "../../theme/theme-types.js";
19
- function N({
20
- tableName: k,
21
- onSearch: T,
22
- onAddNewItem: y,
23
- ...M
18
+ import { ThemeIconSizeVariable as q, ThemeSpaceVariable as i, ThemeColorVariable as I, ThemeFontVariable as J, ThemeFontSizeVariable as K } from "../../theme/theme-types.js";
19
+ function R({
20
+ tableName: p,
21
+ onSearch: b,
22
+ onAddNewItem: g,
23
+ ...x
24
24
  }) {
25
- const t = v(), [I] = F("(min-width: 48em)"), a = A[t.localeString], m = O(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState]), x = (n) => {
26
- const l = {};
27
- t.table.getAllColumns().forEach((b) => {
28
- l[b.id] = n.target.checked;
29
- }), t.setBreakingContentState(l), t.onBreakingContentChange?.(l);
30
- }, s = () => /* @__PURE__ */ e(
31
- H,
32
- {
33
- leftElement: /* @__PURE__ */ e(f, { icon: c.Search }),
34
- onChange: (n) => T?.(n),
35
- size: "md",
36
- type: "search",
37
- w: { base: "100%", md: "170px" },
38
- "data-testid": "filterInput"
39
- }
40
- ), d = () => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ r(D, { closeOnSelect: !1, isLazy: !0, children: [
41
- /* @__PURE__ */ e(G, { "aria-label": a.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(f, { icon: c.Sliders, size: K.Medium }) }),
42
- /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(E, { children: [
43
- /* @__PURE__ */ e(
44
- g,
45
- {
46
- color: S.OnSurfaceSubdued,
47
- py: o.Small,
48
- px: o.Medium,
49
- children: a.showColumns
50
- }
51
- ),
52
- t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(C, { itemType: "checkbox", leftIcon: c.GripMore, children: [
53
- /* @__PURE__ */ e(V, { children: n.columnDef.header }),
25
+ const t = v(), [w] = j("(min-width: 48em)"), o = H[t.localeString], f = l(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState, t.table]), C = l(
26
+ (n) => {
27
+ const u = {};
28
+ t.table.getAllColumns().forEach((k) => {
29
+ u[k.id] = n.target.checked;
30
+ }), t.setBreakingContentState(u), t.onBreakingContentChange?.(u);
31
+ },
32
+ [t]
33
+ ), s = l(
34
+ () => /* @__PURE__ */ e(
35
+ A,
36
+ {
37
+ leftElement: /* @__PURE__ */ e(T, { icon: h.Search }),
38
+ onChange: (n) => b?.(n),
39
+ size: "md",
40
+ type: "search",
41
+ w: { base: "100%", md: "170px" },
42
+ "data-testid": "filterInput"
43
+ }
44
+ ),
45
+ [b]
46
+ ), c = l(
47
+ () => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ r(D, { closeOnSelect: !1, isLazy: !0, children: [
48
+ /* @__PURE__ */ e(G, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(T, { icon: h.Sliders, size: q.Medium }) }),
49
+ /* @__PURE__ */ e(V, { children: /* @__PURE__ */ r(E, { children: [
54
50
  /* @__PURE__ */ e(
55
- P,
51
+ M,
56
52
  {
57
- isChecked: n.getIsVisible(),
58
- onChange: n.getToggleVisibilityHandler()
53
+ color: I.OnSurfaceSubdued,
54
+ py: i.Small,
55
+ px: i.Medium,
56
+ children: o.showColumns
59
57
  }
60
- )
61
- ] }, n.id)),
62
- /* @__PURE__ */ e(Q, {}),
63
- /* @__PURE__ */ r(C, { itemType: "switch", children: [
64
- a.breakingContent,
65
- /* @__PURE__ */ e(W, { onChange: x, isChecked: m() })
66
- ] })
67
- ] }) })
68
- ] }) }), u = () => /* @__PURE__ */ e(X, { "aria-label": a.new, icon: c.Increase, onClick: y, variant: "primary" }), h = () => /* @__PURE__ */ e(
69
- g,
70
- {
71
- fontSize: J.X2Large,
72
- color: S.OnBackgroundHeader,
73
- fontWeight: "bold",
74
- fontFamily: q.Header,
75
- children: k
76
- }
77
- ), w = p(
78
- () => /* @__PURE__ */ e(i, { direction: "column", gap: o.Medium, mb: o.Medium, children: /* @__PURE__ */ r(i, { justifyContent: "space-between", alignItems: "center", children: [
79
- h(),
80
- /* @__PURE__ */ r(i, { gap: o.Medium, children: [
58
+ ),
59
+ t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(y, { itemType: "checkbox", leftIcon: h.GripMore, children: [
60
+ /* @__PURE__ */ e(L, { children: n.columnDef.header }),
61
+ /* @__PURE__ */ e(
62
+ P,
63
+ {
64
+ isChecked: n.getIsVisible(),
65
+ onChange: n.getToggleVisibilityHandler()
66
+ }
67
+ )
68
+ ] }, n.id)),
69
+ /* @__PURE__ */ e(Q, {}),
70
+ /* @__PURE__ */ r(y, { itemType: "switch", children: [
71
+ o.breakingContent,
72
+ /* @__PURE__ */ e(W, { onChange: C, isChecked: f() })
73
+ ] })
74
+ ] }) })
75
+ ] }) }),
76
+ [
77
+ f,
78
+ C,
79
+ t.table,
80
+ o.breakingContent,
81
+ o.presets,
82
+ o.showColumns
83
+ ]
84
+ ), m = l(
85
+ () => /* @__PURE__ */ e(
86
+ X,
87
+ {
88
+ "aria-label": o.new,
89
+ icon: h.Increase,
90
+ onClick: g,
91
+ variant: "primary"
92
+ }
93
+ ),
94
+ [g, o.new]
95
+ ), d = l(
96
+ () => /* @__PURE__ */ e(
97
+ M,
98
+ {
99
+ fontSize: K.X2Large,
100
+ color: I.OnBackgroundHeader,
101
+ fontWeight: "bold",
102
+ fontFamily: J.Header,
103
+ children: p
104
+ }
105
+ ),
106
+ [p]
107
+ ), B = S(
108
+ () => /* @__PURE__ */ e(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: /* @__PURE__ */ r(a, { justifyContent: "space-between", alignItems: "center", children: [
109
+ d(),
110
+ /* @__PURE__ */ r(a, { gap: i.Medium, children: [
81
111
  s(),
82
- d(),
83
- u()
112
+ c(),
113
+ m()
84
114
  ] })
85
115
  ] }) }),
86
- [m, t.breakingContentState, t.columnVisibility, t.data]
87
- ), B = p(
88
- () => /* @__PURE__ */ r(i, { direction: "column", gap: o.Medium, mb: o.Medium, children: [
89
- /* @__PURE__ */ r(i, { justifyContent: "space-between", children: [
90
- h(),
91
- u()
116
+ [m, s, c, d]
117
+ ), F = S(
118
+ () => /* @__PURE__ */ r(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: [
119
+ /* @__PURE__ */ r(a, { justifyContent: "space-between", children: [
120
+ d(),
121
+ m()
92
122
  ] }),
93
- /* @__PURE__ */ r(i, { justifyContent: "space-between", gap: o.Medium, children: [
123
+ /* @__PURE__ */ r(a, { justifyContent: "space-between", gap: i.Medium, children: [
94
124
  s(),
95
- d()
125
+ c()
96
126
  ] })
97
127
  ] }),
98
- [m, t.breakingContentState, t.columnVisibility]
128
+ [m, s, c, d]
99
129
  );
100
- return /* @__PURE__ */ e(L, { id: "tableToolbar", ...M, children: I ? w : B });
130
+ return /* @__PURE__ */ e(z, { id: "tableToolbar", ...x, children: w ? B : F });
101
131
  }
102
- const ue = z(N);
132
+ const ue = O(R);
103
133
  export {
104
134
  ue as TableToolbar
105
135
  };
@@ -10,7 +10,7 @@ export declare const NestedTable: () => import("react/jsx-runtime").JSX.Element;
10
10
  export interface EditableDataType {
11
11
  name: string;
12
12
  age: number;
13
- [key: string]: any;
13
+ [key: string]: unknown;
14
14
  subRows?: EditableDataType[];
15
15
  }
16
16
  export declare const EditableTable: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,+CAgEtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,+CAgEzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAiElC,CAAC"}
1
+ {"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,+CAgEtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAyDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,+CAqEzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAmElC,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import { TableData, TableProps } from './types.js';
2
- export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, onFilterColumn, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
2
+ export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CA0BnB"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CAyBnB"}
@@ -1,6 +1,6 @@
1
- import { jsx as P } from "react/jsx-runtime";
2
- import { TableProvider as g } from "./table-context-provider.js";
3
- function q({
1
+ import { jsx as v } from "react/jsx-runtime";
2
+ import { TableProvider as P } from "./table-context-provider.js";
3
+ function k({
4
4
  columns: r,
5
5
  data: o,
6
6
  localeString: e,
@@ -12,18 +12,17 @@ function q({
12
12
  onColumnVisibilityChange: p,
13
13
  onExpandedChange: a,
14
14
  onBreakingContentChange: b,
15
- onFilterColumn: l,
16
- getRowId: u,
17
- getRowActions: x,
18
- id: T,
19
- customRowIndication: c,
20
- onSortingChange: d,
21
- initialSortingState: j,
22
- sortingState: s,
23
- children: v
15
+ getRowId: l,
16
+ getRowActions: u,
17
+ id: x,
18
+ customRowIndication: T,
19
+ onSortingChange: c,
20
+ initialSortingState: d,
21
+ sortingState: j,
22
+ children: s
24
23
  }) {
25
- return /* @__PURE__ */ P(
26
- g,
24
+ return /* @__PURE__ */ v(
25
+ P,
27
26
  {
28
27
  columns: r,
29
28
  data: o,
@@ -36,18 +35,17 @@ function q({
36
35
  onColumnVisibilityChange: p,
37
36
  onExpandedChange: a,
38
37
  onBreakingContentChange: b,
39
- onFilterColumn: l,
40
- getRowId: u,
41
- getRowActions: x,
42
- id: T,
43
- customRowIndication: c,
44
- onSortingChange: d,
45
- initialSortingState: j,
46
- sortingState: s,
47
- children: v
38
+ getRowId: l,
39
+ getRowActions: u,
40
+ id: x,
41
+ customRowIndication: T,
42
+ onSortingChange: c,
43
+ initialSortingState: d,
44
+ sortingState: j,
45
+ children: s
48
46
  }
49
47
  );
50
48
  }
51
49
  export {
52
- q as Table
50
+ k as Table
53
51
  };
@@ -18,6 +18,8 @@ export declare const translations: {
18
18
  settings: string;
19
19
  more: string;
20
20
  moreActions: string;
21
+ filterBoxReset: string;
22
+ filterReset: string;
21
23
  };
22
24
  "en-US": {
23
25
  sortUp: string;
@@ -37,6 +39,8 @@ export declare const translations: {
37
39
  settings: string;
38
40
  more: string;
39
41
  moreActions: string;
42
+ filterBoxReset: string;
43
+ filterReset: string;
40
44
  };
41
45
  "en-GB": {
42
46
  sortUp: string;
@@ -56,6 +60,8 @@ export declare const translations: {
56
60
  settings: string;
57
61
  more: string;
58
62
  moreActions: string;
63
+ filterBoxReset: string;
64
+ filterReset: string;
59
65
  };
60
66
  "nb-NO": {
61
67
  sortUp: string;
@@ -75,6 +81,8 @@ export declare const translations: {
75
81
  settings: string;
76
82
  more: string;
77
83
  moreActions: string;
84
+ filterBoxReset: string;
85
+ filterReset: string;
78
86
  };
79
87
  "da-DK": {
80
88
  sortUp: string;
@@ -94,6 +102,8 @@ export declare const translations: {
94
102
  settings: string;
95
103
  more: string;
96
104
  moreActions: string;
105
+ filterBoxReset: string;
106
+ filterReset: string;
97
107
  };
98
108
  };
99
109
  //# sourceMappingURL=translations.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAsBtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC"}
1
+ {"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAwBtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkExB,CAAC"}
@@ -1,4 +1,4 @@
1
- const n = {
1
+ const e = {
2
2
  sortUp: "Sort up",
3
3
  sortDown: "Sort down",
4
4
  filter: "Filtering",
@@ -15,8 +15,10 @@ const n = {
15
15
  rowsShowing: "Rows displayed",
16
16
  settings: "Settings",
17
17
  more: "More",
18
- moreActions: "More actions"
19
- }, e = {
18
+ moreActions: "More actions",
19
+ filterBoxReset: "Clear selection",
20
+ filterReset: "Clear filter"
21
+ }, n = {
20
22
  "sv-SE": {
21
23
  sortUp: "Sortera stigande",
22
24
  sortDown: "Sortera fallande",
@@ -34,10 +36,12 @@ const n = {
34
36
  rowsShowing: "Rader som visas",
35
37
  settings: "Inställningar",
36
38
  more: "Mer",
37
- moreActions: "Fler åtgärder"
39
+ moreActions: "Fler åtgärder",
40
+ filterBoxReset: "Rensa val",
41
+ filterReset: "Rensa filter"
38
42
  },
39
- "en-US": n,
40
- "en-GB": n,
43
+ "en-US": e,
44
+ "en-GB": e,
41
45
  "nb-NO": {
42
46
  sortUp: "Sortere stigende",
43
47
  sortDown: "Sortere synkende",
@@ -55,7 +59,9 @@ const n = {
55
59
  rowsShowing: "Rader vises",
56
60
  settings: "Innstillinger",
57
61
  more: "Flere",
58
- moreActions: "Flere handlinger"
62
+ moreActions: "Flere handlinger",
63
+ filterBoxReset: "Fjern valg",
64
+ filterReset: "Fjern filter"
59
65
  },
60
66
  "da-DK": {
61
67
  sortUp: "Sorter stigende",
@@ -74,9 +80,11 @@ const n = {
74
80
  rowsShowing: "Rækker vises",
75
81
  settings: "Indstillinger",
76
82
  more: "Mere",
77
- moreActions: "Flere handlinger"
83
+ moreActions: "Flere handlinger",
84
+ filterBoxReset: "Fjern valg",
85
+ filterReset: "Fjern filter"
78
86
  }
79
87
  };
80
88
  export {
81
- e as translations
89
+ n as translations
82
90
  };
@@ -1,4 +1,4 @@
1
- import { CellContext, Column, ColumnDef, ExpandedState, Row, RowData, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
1
+ import { CellContext, ColumnDef, ExpandedState, Row, RowData, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { MenuList } from '../menu/index.js';
4
4
  import { TableContentProps } from './table-content.js';
@@ -59,10 +59,6 @@ interface BaseTableProps<TData extends TableData> {
59
59
  * Called when the breaking content settings changes, returns the current breaking content settings state.
60
60
  */
61
61
  onBreakingContentChange?: (breakingContentState: Record<string, boolean>) => void;
62
- /**
63
- * Called when the column filter is clicked. Returns the column that was clicked.
64
- */
65
- onFilterColumn?: (clickedColumn: Column<TableRow<TData>, unknown>) => void;
66
62
  columnVisibilityState?: VisibilityState;
67
63
  /**
68
64
  * Optional function used to derive a unique ID for any given row.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}
@@ -2,6 +2,6 @@ export declare const CustomInitialSelection: () => import("react/jsx-runtime").J
2
2
  export declare const CustomSpacingInBetween: () => import("react/jsx-runtime").JSX.Element;
3
3
  export declare const DisabledTab: () => import("react/jsx-runtime").JSX.Element;
4
4
  export declare const IsFitted: () => import("react/jsx-runtime").JSX.Element;
5
- export declare const withImages: () => import("react/jsx-runtime").JSX.Element;
5
+ export declare const WithImages: () => import("react/jsx-runtime").JSX.Element;
6
6
  export declare const LineVariant: () => import("react/jsx-runtime").JSX.Element;
7
7
  //# sourceMappingURL=tabs.composition.d.ts.map