@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.
- package/dist/{chunk-CAQWLY5V.js → chunk-CANJ2YPW.js} +1 -1
- package/dist/chunk-ESCNCQGI.js +9 -0
- package/dist/{chunk-NRNWEQD7.js → chunk-IFHMGICR.js} +1 -1
- package/dist/components/CalendarRange.cjs +28 -25
- package/dist/components/CalendarRange.js +5 -4
- package/dist/components/CompactImagesPreview.cjs +1 -1
- package/dist/components/CompactImagesPreview.js +1 -1
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -4
- package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
- package/dist/components/DataGrid/PinnedColumns.js +5 -4
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -4
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -4
- package/dist/components/DataGrid/TableBody/index.cjs +23 -20
- package/dist/components/DataGrid/TableBody/index.js +5 -4
- package/dist/components/DataGrid/index.cjs +83 -80
- package/dist/components/DataGrid/index.js +5 -4
- package/dist/components/DataGrid/utils.cjs +6 -3
- package/dist/components/DataGrid/utils.js +5 -4
- package/dist/components/DateInput.cjs +34 -31
- package/dist/components/DateInput.js +5 -4
- package/dist/components/DateRangeInput.cjs +34 -31
- package/dist/components/DateRangeInput.js +5 -4
- package/dist/components/ListGroup.cjs +1 -1
- package/dist/components/ListGroup.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -4
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -4
- package/dist/components/MobileDataGrid/index.cjs +64 -61
- package/dist/components/MobileDataGrid/index.js +5 -4
- package/dist/components/SkeletonParagraph.js +3 -6
- package/dist/components/index.cjs +10 -2
- package/dist/components/index.js +8 -4
- package/package.json +1 -1
- package/src/components/CompactImagesPreview.tsx +1 -1
- package/src/components/ListGroup.tsx +1 -1
- package/src/components/index.ts +1 -0
- 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/
|
|
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,
|
|
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,
|
|
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,
|
|
4890
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "tune" })
|
|
4888
4891
|
}
|
|
4889
4892
|
),
|
|
4890
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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/
|
|
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,
|
|
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,
|
|
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,
|
|
5128
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: "tune" })
|
|
5126
5129
|
}
|
|
5127
5130
|
),
|
|
5128
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
42
|
+
import "../../chunk-CANJ2YPW.js";
|
|
42
43
|
import "../../chunk-V47RTW7E.js";
|
|
43
44
|
import "../../chunk-22VBZWJG.js";
|
|
44
45
|
import "../../chunk-NVOZAVEX.js";
|