@dmsi/wedgekit-react 0.0.417 → 0.0.418

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 (43) hide show
  1. package/dist/{chunk-CAQWLY5V.js → chunk-CANJ2YPW.js} +1 -1
  2. package/dist/chunk-ESCNCQGI.js +9 -0
  3. package/dist/{chunk-NRNWEQD7.js → chunk-IFHMGICR.js} +1 -1
  4. package/dist/components/CalendarRange.cjs +28 -25
  5. package/dist/components/CalendarRange.js +5 -4
  6. package/dist/components/CompactImagesPreview.cjs +1 -1
  7. package/dist/components/CompactImagesPreview.js +1 -1
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
  9. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -4
  10. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
  11. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -4
  12. package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
  13. package/dist/components/DataGrid/PinnedColumns.js +5 -4
  14. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
  15. package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -4
  16. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
  17. package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -4
  18. package/dist/components/DataGrid/TableBody/index.cjs +23 -20
  19. package/dist/components/DataGrid/TableBody/index.js +5 -4
  20. package/dist/components/DataGrid/index.cjs +83 -80
  21. package/dist/components/DataGrid/index.js +5 -4
  22. package/dist/components/DataGrid/utils.cjs +6 -3
  23. package/dist/components/DataGrid/utils.js +5 -4
  24. package/dist/components/DateInput.cjs +34 -31
  25. package/dist/components/DateInput.js +5 -4
  26. package/dist/components/DateRangeInput.cjs +34 -31
  27. package/dist/components/DateRangeInput.js +5 -4
  28. package/dist/components/ListGroup.cjs +1 -1
  29. package/dist/components/ListGroup.js +1 -1
  30. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
  31. package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -4
  32. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
  33. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -4
  34. package/dist/components/MobileDataGrid/index.cjs +64 -61
  35. package/dist/components/MobileDataGrid/index.js +5 -4
  36. package/dist/components/SkeletonParagraph.js +3 -6
  37. package/dist/components/index.cjs +10 -2
  38. package/dist/components/index.js +8 -4
  39. package/package.json +1 -1
  40. package/src/components/CompactImagesPreview.tsx +1 -1
  41. package/src/components/ListGroup.tsx +1 -1
  42. package/src/components/index.ts +1 -0
  43. package/dist/{chunk-HYJIDHAK.js → chunk-TQIKP534.js} +3 -3
@@ -4845,8 +4845,11 @@ var Pagination = ({
4845
4845
  };
4846
4846
  Pagination.displayName = "Pagination";
4847
4847
 
4848
- // src/components/MobileDataGrid/ColumnSelector/index.tsx
4848
+ // src/components/SkeletonParagraph.tsx
4849
4849
  var import_jsx_runtime59 = require("react/jsx-runtime");
4850
+
4851
+ // src/components/MobileDataGrid/ColumnSelector/index.tsx
4852
+ var import_jsx_runtime60 = require("react/jsx-runtime");
4850
4853
  function ColumnSelector() {
4851
4854
  const context = useGridContext();
4852
4855
  const ref = (0, import_react36.useRef)(null);
@@ -4867,7 +4870,7 @@ function ColumnSelector() {
4867
4870
  },
4868
4871
  [dispatch]
4869
4872
  );
4870
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
4873
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
4871
4874
  "div",
4872
4875
  {
4873
4876
  id: id ? `${id}-column-selector` : void 0,
@@ -4875,7 +4878,7 @@ function ColumnSelector() {
4875
4878
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
4876
4879
  ref,
4877
4880
  children: [
4878
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
4881
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
4879
4882
  Button,
4880
4883
  {
4881
4884
  id: id ? `${id}-button` : void 0,
@@ -4884,10 +4887,10 @@ function ColumnSelector() {
4884
4887
  variant: "navigation",
4885
4888
  iconOnly: true,
4886
4889
  size: 24,
4887
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "tune" })
4890
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "tune" })
4888
4891
  }
4889
4892
  ),
4890
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
4893
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
4891
4894
  Menu,
4892
4895
  {
4893
4896
  id: id ? `${id}-menu` : void 0,
@@ -4898,7 +4901,7 @@ function ColumnSelector() {
4898
4901
  setShow,
4899
4902
  calculateMinMaxHeight: true,
4900
4903
  children: [
4901
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
4904
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
4902
4905
  Button,
4903
4906
  {
4904
4907
  id: id ? `${id}-reset-button` : void 0,
@@ -4916,11 +4919,11 @@ function ColumnSelector() {
4916
4919
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
4917
4920
  }).map((column) => {
4918
4921
  var _a, _b, _c;
4919
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
4922
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
4920
4923
  MenuOption,
4921
4924
  {
4922
4925
  testid: testid ? `${testid}-option-${column.id}` : void 0,
4923
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
4926
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
4924
4927
  Checkbox,
4925
4928
  {
4926
4929
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-HYJIDHAK.js";
4
- import "../../../chunk-M7INAUAJ.js";
3
+ } from "../../../chunk-TQIKP534.js";
5
4
  import "../../../chunk-7AXHAWJX.js";
6
5
  import "../../../chunk-P3MIP2FD.js";
6
+ import "../../../chunk-M7INAUAJ.js";
7
7
  import "../../../chunk-3HBYDOYE.js";
8
8
  import "../../../chunk-IMOIZFJZ.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
@@ -23,6 +23,7 @@ import "../../../chunk-VJVY6NPF.js";
23
23
  import "../../../chunk-EWGHVZL5.js";
24
24
  import "../../../chunk-DCLNAUC4.js";
25
25
  import "../../../chunk-PQWWVBSR.js";
26
+ import "../../../chunk-ESCNCQGI.js";
26
27
  import "../../../chunk-AT4AWD6B.js";
27
28
  import "../../../chunk-J5V2JRIK.js";
28
29
  import "../../../chunk-TYAQWVIM.js";
@@ -32,13 +33,13 @@ import "../../../chunk-AG43RS4Q.js";
32
33
  import "../../../chunk-XM7IQHBU.js";
33
34
  import "../../../chunk-FRHPFACM.js";
34
35
  import "../../../chunk-T36HX6QY.js";
35
- import "../../../chunk-NRNWEQD7.js";
36
+ import "../../../chunk-IFHMGICR.js";
36
37
  import "../../../chunk-SBRRNFOP.js";
37
38
  import "../../../chunk-Y2GK27RX.js";
38
39
  import "../../../chunk-EU73QPW7.js";
39
40
  import "../../../chunk-QVWYTQKL.js";
40
41
  import "../../../chunk-NO5BIKWS.js";
41
- import "../../../chunk-CAQWLY5V.js";
42
+ import "../../../chunk-CANJ2YPW.js";
42
43
  import "../../../chunk-V47RTW7E.js";
43
44
  import "../../../chunk-22VBZWJG.js";
44
45
  import "../../../chunk-NVOZAVEX.js";
@@ -5083,8 +5083,11 @@ var Pagination = ({
5083
5083
  };
5084
5084
  Pagination.displayName = "Pagination";
5085
5085
 
5086
- // src/components/MobileDataGrid/ColumnSelector/index.tsx
5086
+ // src/components/SkeletonParagraph.tsx
5087
5087
  var import_jsx_runtime58 = require("react/jsx-runtime");
5088
+
5089
+ // src/components/MobileDataGrid/ColumnSelector/index.tsx
5090
+ var import_jsx_runtime59 = require("react/jsx-runtime");
5088
5091
  function ColumnSelector() {
5089
5092
  const context = useGridContext();
5090
5093
  const ref = (0, import_react36.useRef)(null);
@@ -5105,7 +5108,7 @@ function ColumnSelector() {
5105
5108
  },
5106
5109
  [dispatch]
5107
5110
  );
5108
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5111
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5109
5112
  "div",
5110
5113
  {
5111
5114
  id: id ? `${id}-column-selector` : void 0,
@@ -5113,7 +5116,7 @@ function ColumnSelector() {
5113
5116
  className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
5114
5117
  ref,
5115
5118
  children: [
5116
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5119
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5117
5120
  Button,
5118
5121
  {
5119
5122
  id: id ? `${id}-button` : void 0,
@@ -5122,10 +5125,10 @@ function ColumnSelector() {
5122
5125
  variant: "navigation",
5123
5126
  iconOnly: true,
5124
5127
  size: 24,
5125
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: "tune" })
5128
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "tune" })
5126
5129
  }
5127
5130
  ),
5128
- /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
5131
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5129
5132
  Menu,
5130
5133
  {
5131
5134
  id: id ? `${id}-menu` : void 0,
@@ -5136,7 +5139,7 @@ function ColumnSelector() {
5136
5139
  setShow,
5137
5140
  calculateMinMaxHeight: true,
5138
5141
  children: [
5139
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5142
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5140
5143
  Button,
5141
5144
  {
5142
5145
  id: id ? `${id}-reset-button` : void 0,
@@ -5154,11 +5157,11 @@ function ColumnSelector() {
5154
5157
  return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
5155
5158
  }).map((column) => {
5156
5159
  var _a, _b, _c;
5157
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5160
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5158
5161
  MenuOption,
5159
5162
  {
5160
5163
  testid: testid ? `${testid}-option-${column.id}` : void 0,
5161
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5164
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5162
5165
  Checkbox,
5163
5166
  {
5164
5167
  id: id ? `${id}-checkbox-${column.id}` : void 0,
@@ -5188,7 +5191,7 @@ function ColumnSelector() {
5188
5191
  }
5189
5192
 
5190
5193
  // src/components/MobileDataGrid/MobileDataGridHeader.tsx
5191
- var import_jsx_runtime59 = require("react/jsx-runtime");
5194
+ var import_jsx_runtime60 = require("react/jsx-runtime");
5192
5195
  function MobileDataGridHeader({
5193
5196
  header: Header,
5194
5197
  enableColumnSelector,
@@ -5206,15 +5209,15 @@ function MobileDataGridHeader({
5206
5209
  handleRowSelectAll
5207
5210
  } = ctx;
5208
5211
  if (typeof Header === "undefined" && !primaryKey) return null;
5209
- if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Header, __spreadValues({}, ctx));
5212
+ if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Header, __spreadValues({}, ctx));
5210
5213
  if (typeof Header === "string" || primaryKey)
5211
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5214
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5212
5215
  "div",
5213
5216
  {
5214
5217
  id: id ? `${id}-header` : void 0,
5215
5218
  "data-testid": testid ? `${testid}-header` : void 0,
5216
5219
  className: "sticky top-0",
5217
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
5220
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
5218
5221
  Stack,
5219
5222
  {
5220
5223
  horizontal: true,
@@ -5223,7 +5226,7 @@ function MobileDataGridHeader({
5223
5226
  justify: "between",
5224
5227
  backgroundColor: "background-primary-normal",
5225
5228
  children: [
5226
- enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5229
+ enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5227
5230
  Checkbox,
5228
5231
  {
5229
5232
  id: id ? `${id}-select-all-checkbox` : void 0,
@@ -5233,7 +5236,7 @@ function MobileDataGridHeader({
5233
5236
  onChange: handleRowSelectAll
5234
5237
  }
5235
5238
  ) }),
5236
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
5239
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
5237
5240
  Stack,
5238
5241
  {
5239
5242
  horizontal: true,
@@ -5241,10 +5244,10 @@ function MobileDataGridHeader({
5241
5244
  items: "center",
5242
5245
  sizing: "component",
5243
5246
  padding: true,
5244
- children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
5247
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Heading3, { as: "span", color: "text-primary-normal", children: typeof Header === "string" ? Header : (_b = (_a = columns.find((col) => col.id === primaryKey)) == null ? void 0 : _a.header) == null ? void 0 : _b.toString() })
5245
5248
  }
5246
5249
  ),
5247
- enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ColumnSelector, {})
5250
+ enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ColumnSelector, {})
5248
5251
  ]
5249
5252
  }
5250
5253
  ) })
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-HYJIDHAK.js";
4
- import "../../chunk-M7INAUAJ.js";
3
+ } from "../../chunk-TQIKP534.js";
5
4
  import "../../chunk-7AXHAWJX.js";
6
5
  import "../../chunk-P3MIP2FD.js";
6
+ import "../../chunk-M7INAUAJ.js";
7
7
  import "../../chunk-3HBYDOYE.js";
8
8
  import "../../chunk-IMOIZFJZ.js";
9
9
  import "../../chunk-MBZ55T2D.js";
@@ -23,6 +23,7 @@ import "../../chunk-VJVY6NPF.js";
23
23
  import "../../chunk-EWGHVZL5.js";
24
24
  import "../../chunk-DCLNAUC4.js";
25
25
  import "../../chunk-PQWWVBSR.js";
26
+ import "../../chunk-ESCNCQGI.js";
26
27
  import "../../chunk-AT4AWD6B.js";
27
28
  import "../../chunk-J5V2JRIK.js";
28
29
  import "../../chunk-TYAQWVIM.js";
@@ -32,13 +33,13 @@ import "../../chunk-AG43RS4Q.js";
32
33
  import "../../chunk-XM7IQHBU.js";
33
34
  import "../../chunk-FRHPFACM.js";
34
35
  import "../../chunk-T36HX6QY.js";
35
- import "../../chunk-NRNWEQD7.js";
36
+ import "../../chunk-IFHMGICR.js";
36
37
  import "../../chunk-SBRRNFOP.js";
37
38
  import "../../chunk-Y2GK27RX.js";
38
39
  import "../../chunk-EU73QPW7.js";
39
40
  import "../../chunk-QVWYTQKL.js";
40
41
  import "../../chunk-NO5BIKWS.js";
41
- import "../../chunk-CAQWLY5V.js";
42
+ import "../../chunk-CANJ2YPW.js";
42
43
  import "../../chunk-V47RTW7E.js";
43
44
  import "../../chunk-22VBZWJG.js";
44
45
  import "../../chunk-NVOZAVEX.js";