@dmsi/wedgekit-react 0.0.561 → 0.0.563
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-6MGHIYMP.js +42 -0
- package/dist/components/CalendarRange.cjs +58 -49
- package/dist/components/CalendarRange.js +3 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +26 -17
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +36 -27
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -2
- package/dist/components/DataGrid/PinnedColumns.cjs +48 -39
- package/dist/components/DataGrid/PinnedColumns.js +3 -2
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +27 -18
- package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -2
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +30 -21
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -2
- package/dist/components/DataGrid/TableBody/index.cjs +43 -34
- package/dist/components/DataGrid/TableBody/index.js +3 -2
- package/dist/components/DataGrid/index.cjs +123 -114
- package/dist/components/DataGrid/index.js +3 -2
- package/dist/components/DataGrid/utils.cjs +25 -16
- package/dist/components/DataGrid/utils.js +3 -2
- package/dist/components/DateInput.cjs +77 -68
- package/dist/components/DateInput.js +3 -2
- package/dist/components/DateRangeInput.cjs +77 -68
- package/dist/components/DateRangeInput.js +3 -2
- package/dist/components/EditingContext.cjs +8 -2
- package/dist/components/EditingContext.js +7 -32
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +34 -25
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -2
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +42 -33
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -2
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
- package/dist/components/MobileDataGrid/index.cjs +136 -127
- package/dist/components/MobileDataGrid/index.js +3 -2
- package/dist/components/index.cjs +46 -31
- package/dist/components/index.js +7 -3
- package/package.json +1 -1
- /package/dist/{chunk-LKFYNRJZ.js → chunk-3JQPFWKR.js} +0 -0
|
@@ -62,7 +62,7 @@ __export(ColumnSelector_exports, {
|
|
|
62
62
|
ColumnSelector: () => ColumnSelector
|
|
63
63
|
});
|
|
64
64
|
module.exports = __toCommonJS(ColumnSelector_exports);
|
|
65
|
-
var
|
|
65
|
+
var import_react39 = require("react");
|
|
66
66
|
|
|
67
67
|
// src/components/DataGridCell.tsx
|
|
68
68
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -5860,12 +5860,21 @@ var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
|
5860
5860
|
// src/components/OrderCheckIcon.tsx
|
|
5861
5861
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5862
5862
|
|
|
5863
|
+
// src/components/EditingContext.tsx
|
|
5864
|
+
var import_react37 = require("react");
|
|
5865
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5866
|
+
var EditingContext = (0, import_react37.createContext)({
|
|
5867
|
+
data: [],
|
|
5868
|
+
setData: () => {
|
|
5869
|
+
}
|
|
5870
|
+
});
|
|
5871
|
+
|
|
5863
5872
|
// src/components/AccessCard.tsx
|
|
5864
5873
|
var import_clsx41 = __toESM(require("clsx"), 1);
|
|
5865
5874
|
|
|
5866
5875
|
// src/components/Radio.tsx
|
|
5867
5876
|
var import_clsx40 = __toESM(require("clsx"), 1);
|
|
5868
|
-
var
|
|
5877
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5869
5878
|
var Radio = (_a) => {
|
|
5870
5879
|
var _b = _a, {
|
|
5871
5880
|
className,
|
|
@@ -5900,7 +5909,7 @@ var Radio = (_a) => {
|
|
|
5900
5909
|
const readonlyClassName = (0, import_clsx40.default)(
|
|
5901
5910
|
readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
|
|
5902
5911
|
);
|
|
5903
|
-
return /* @__PURE__ */ (0,
|
|
5912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5904
5913
|
"label",
|
|
5905
5914
|
{
|
|
5906
5915
|
htmlFor: radioId,
|
|
@@ -5912,8 +5921,8 @@ var Radio = (_a) => {
|
|
|
5912
5921
|
className
|
|
5913
5922
|
),
|
|
5914
5923
|
children: [
|
|
5915
|
-
/* @__PURE__ */ (0,
|
|
5916
|
-
/* @__PURE__ */ (0,
|
|
5924
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
|
|
5925
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5917
5926
|
"input",
|
|
5918
5927
|
__spreadValues({
|
|
5919
5928
|
id: radioId,
|
|
@@ -5925,7 +5934,7 @@ var Radio = (_a) => {
|
|
|
5925
5934
|
readOnly
|
|
5926
5935
|
}, props)
|
|
5927
5936
|
),
|
|
5928
|
-
/* @__PURE__ */ (0,
|
|
5937
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5929
5938
|
"div",
|
|
5930
5939
|
{
|
|
5931
5940
|
className: (0, import_clsx40.default)(
|
|
@@ -5936,7 +5945,7 @@ var Radio = (_a) => {
|
|
|
5936
5945
|
disabledClassName,
|
|
5937
5946
|
readonlyClassName
|
|
5938
5947
|
),
|
|
5939
|
-
children: checked && /* @__PURE__ */ (0,
|
|
5948
|
+
children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5940
5949
|
RadioIcon,
|
|
5941
5950
|
{
|
|
5942
5951
|
className: (0, import_clsx40.default)(
|
|
@@ -5951,14 +5960,14 @@ var Radio = (_a) => {
|
|
|
5951
5960
|
}
|
|
5952
5961
|
)
|
|
5953
5962
|
] }),
|
|
5954
|
-
label && /* @__PURE__ */ (0,
|
|
5963
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
|
|
5955
5964
|
]
|
|
5956
5965
|
}
|
|
5957
5966
|
);
|
|
5958
5967
|
};
|
|
5959
5968
|
Radio.displayName = "Radio";
|
|
5960
5969
|
var RadioIcon = ({ className }) => {
|
|
5961
|
-
return /* @__PURE__ */ (0,
|
|
5970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
5962
5971
|
"svg",
|
|
5963
5972
|
{
|
|
5964
5973
|
className,
|
|
@@ -5968,7 +5977,7 @@ var RadioIcon = ({ className }) => {
|
|
|
5968
5977
|
viewBox: "0 0 24 24",
|
|
5969
5978
|
fill: "none",
|
|
5970
5979
|
children: [
|
|
5971
|
-
/* @__PURE__ */ (0,
|
|
5980
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5972
5981
|
"rect",
|
|
5973
5982
|
{
|
|
5974
5983
|
x: "1",
|
|
@@ -5980,7 +5989,7 @@ var RadioIcon = ({ className }) => {
|
|
|
5980
5989
|
strokeWidth: "2"
|
|
5981
5990
|
}
|
|
5982
5991
|
),
|
|
5983
|
-
/* @__PURE__ */ (0,
|
|
5992
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
|
|
5984
5993
|
]
|
|
5985
5994
|
}
|
|
5986
5995
|
);
|
|
@@ -5988,19 +5997,19 @@ var RadioIcon = ({ className }) => {
|
|
|
5988
5997
|
RadioIcon.displayName = "RadioIcon";
|
|
5989
5998
|
|
|
5990
5999
|
// src/components/AccessCard.tsx
|
|
5991
|
-
var
|
|
6000
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5992
6001
|
|
|
5993
6002
|
// src/components/AccessCardGroup.tsx
|
|
5994
6003
|
var import_clsx42 = __toESM(require("clsx"), 1);
|
|
5995
|
-
var
|
|
5996
|
-
var
|
|
6004
|
+
var import_react38 = require("react");
|
|
6005
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5997
6006
|
|
|
5998
6007
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
5999
|
-
var
|
|
6008
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6000
6009
|
function ColumnSelector() {
|
|
6001
6010
|
const context = useGridContext();
|
|
6002
|
-
const ref = (0,
|
|
6003
|
-
const [show, setShow] = (0,
|
|
6011
|
+
const ref = (0, import_react39.useRef)(null);
|
|
6012
|
+
const [show, setShow] = (0, import_react39.useState)(false);
|
|
6004
6013
|
const {
|
|
6005
6014
|
columns,
|
|
6006
6015
|
id,
|
|
@@ -6011,13 +6020,13 @@ function ColumnSelector() {
|
|
|
6011
6020
|
resetColumnVisibility,
|
|
6012
6021
|
dispatch
|
|
6013
6022
|
} = context;
|
|
6014
|
-
const toggleColumnVisibility = (0,
|
|
6023
|
+
const toggleColumnVisibility = (0, import_react39.useCallback)(
|
|
6015
6024
|
(index, visible) => {
|
|
6016
6025
|
dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
|
|
6017
6026
|
},
|
|
6018
6027
|
[dispatch]
|
|
6019
6028
|
);
|
|
6020
|
-
return /* @__PURE__ */ (0,
|
|
6029
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6021
6030
|
"div",
|
|
6022
6031
|
{
|
|
6023
6032
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -6025,7 +6034,7 @@ function ColumnSelector() {
|
|
|
6025
6034
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
6026
6035
|
ref,
|
|
6027
6036
|
children: [
|
|
6028
|
-
/* @__PURE__ */ (0,
|
|
6037
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6029
6038
|
Button,
|
|
6030
6039
|
{
|
|
6031
6040
|
id: id ? `${id}-button` : void 0,
|
|
@@ -6034,10 +6043,10 @@ function ColumnSelector() {
|
|
|
6034
6043
|
variant: "navigation",
|
|
6035
6044
|
iconOnly: true,
|
|
6036
6045
|
size: 24,
|
|
6037
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
6046
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
|
|
6038
6047
|
}
|
|
6039
6048
|
),
|
|
6040
|
-
/* @__PURE__ */ (0,
|
|
6049
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6041
6050
|
Menu,
|
|
6042
6051
|
{
|
|
6043
6052
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -6048,7 +6057,7 @@ function ColumnSelector() {
|
|
|
6048
6057
|
setShow,
|
|
6049
6058
|
calculateMinMaxHeight: true,
|
|
6050
6059
|
children: [
|
|
6051
|
-
/* @__PURE__ */ (0,
|
|
6060
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6052
6061
|
Button,
|
|
6053
6062
|
{
|
|
6054
6063
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -6066,11 +6075,11 @@ function ColumnSelector() {
|
|
|
6066
6075
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
6067
6076
|
}).map((column) => {
|
|
6068
6077
|
var _a, _b, _c;
|
|
6069
|
-
return /* @__PURE__ */ (0,
|
|
6078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6070
6079
|
MenuOption,
|
|
6071
6080
|
{
|
|
6072
6081
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
6073
|
-
children: /* @__PURE__ */ (0,
|
|
6082
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6074
6083
|
Checkbox,
|
|
6075
6084
|
{
|
|
6076
6085
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelector
|
|
3
|
-
} from "../../../chunk-
|
|
3
|
+
} from "../../../chunk-3JQPFWKR.js";
|
|
4
4
|
import "../../../chunk-CJ7V4X6B.js";
|
|
5
5
|
import "../../../chunk-M7INAUAJ.js";
|
|
6
6
|
import "../../../chunk-7ZCXZDJD.js";
|
|
@@ -14,8 +14,8 @@ import "../../../chunk-2IKT6IHB.js";
|
|
|
14
14
|
import "../../../chunk-RZ5EIDX4.js";
|
|
15
15
|
import "../../../chunk-AGHBLWDZ.js";
|
|
16
16
|
import "../../../chunk-5IFPG6TS.js";
|
|
17
|
-
import "../../../chunk-M4FM3B3R.js";
|
|
18
17
|
import "../../../chunk-AJ5M6MVX.js";
|
|
18
|
+
import "../../../chunk-M4FM3B3R.js";
|
|
19
19
|
import "../../../chunk-AT4AWD6B.js";
|
|
20
20
|
import "../../../chunk-EWGHVZL5.js";
|
|
21
21
|
import "../../../chunk-I5BV7UPG.js";
|
|
@@ -32,6 +32,7 @@ import "../../../chunk-EJOPJIRO.js";
|
|
|
32
32
|
import "../../../chunk-AG43RS4Q.js";
|
|
33
33
|
import "../../../chunk-QVWYTQKL.js";
|
|
34
34
|
import "../../../chunk-UAMI54FE.js";
|
|
35
|
+
import "../../../chunk-6MGHIYMP.js";
|
|
35
36
|
import "../../../chunk-75USUR3I.js";
|
|
36
37
|
import "../../../chunk-BWPNXY7T.js";
|
|
37
38
|
import "../../../chunk-DWKS5ZXG.js";
|
|
@@ -2,8 +2,8 @@ import {
|
|
|
2
2
|
MobileDataGridCard
|
|
3
3
|
} from "../../../chunk-AGHBLWDZ.js";
|
|
4
4
|
import "../../../chunk-5IFPG6TS.js";
|
|
5
|
-
import "../../../chunk-M4FM3B3R.js";
|
|
6
5
|
import "../../../chunk-AJ5M6MVX.js";
|
|
6
|
+
import "../../../chunk-M4FM3B3R.js";
|
|
7
7
|
import "../../../chunk-M7WHWZ2J.js";
|
|
8
8
|
import "../../../chunk-VXWSAIB5.js";
|
|
9
9
|
import "../../../chunk-DQRQZE6O.js";
|
|
@@ -721,7 +721,7 @@ function Theme({
|
|
|
721
721
|
}
|
|
722
722
|
|
|
723
723
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
724
|
-
var
|
|
724
|
+
var import_react39 = require("react");
|
|
725
725
|
|
|
726
726
|
// src/components/DataGridCell.tsx
|
|
727
727
|
var import_sortable = require("@dnd-kit/sortable");
|
|
@@ -6104,12 +6104,21 @@ var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
|
6104
6104
|
// src/components/OrderCheckIcon.tsx
|
|
6105
6105
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
6106
6106
|
|
|
6107
|
+
// src/components/EditingContext.tsx
|
|
6108
|
+
var import_react37 = require("react");
|
|
6109
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
6110
|
+
var EditingContext = (0, import_react37.createContext)({
|
|
6111
|
+
data: [],
|
|
6112
|
+
setData: () => {
|
|
6113
|
+
}
|
|
6114
|
+
});
|
|
6115
|
+
|
|
6107
6116
|
// src/components/AccessCard.tsx
|
|
6108
6117
|
var import_clsx41 = __toESM(require("clsx"), 1);
|
|
6109
6118
|
|
|
6110
6119
|
// src/components/Radio.tsx
|
|
6111
6120
|
var import_clsx40 = __toESM(require("clsx"), 1);
|
|
6112
|
-
var
|
|
6121
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
6113
6122
|
var Radio = (_a) => {
|
|
6114
6123
|
var _b = _a, {
|
|
6115
6124
|
className,
|
|
@@ -6144,7 +6153,7 @@ var Radio = (_a) => {
|
|
|
6144
6153
|
const readonlyClassName = (0, import_clsx40.default)(
|
|
6145
6154
|
readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
|
|
6146
6155
|
);
|
|
6147
|
-
return /* @__PURE__ */ (0,
|
|
6156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
6148
6157
|
"label",
|
|
6149
6158
|
{
|
|
6150
6159
|
htmlFor: radioId,
|
|
@@ -6156,8 +6165,8 @@ var Radio = (_a) => {
|
|
|
6156
6165
|
className
|
|
6157
6166
|
),
|
|
6158
6167
|
children: [
|
|
6159
|
-
/* @__PURE__ */ (0,
|
|
6160
|
-
/* @__PURE__ */ (0,
|
|
6168
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative", children: [
|
|
6169
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6161
6170
|
"input",
|
|
6162
6171
|
__spreadValues({
|
|
6163
6172
|
id: radioId,
|
|
@@ -6169,7 +6178,7 @@ var Radio = (_a) => {
|
|
|
6169
6178
|
readOnly
|
|
6170
6179
|
}, props)
|
|
6171
6180
|
),
|
|
6172
|
-
/* @__PURE__ */ (0,
|
|
6181
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6173
6182
|
"div",
|
|
6174
6183
|
{
|
|
6175
6184
|
className: (0, import_clsx40.default)(
|
|
@@ -6180,7 +6189,7 @@ var Radio = (_a) => {
|
|
|
6180
6189
|
disabledClassName,
|
|
6181
6190
|
readonlyClassName
|
|
6182
6191
|
),
|
|
6183
|
-
children: checked && /* @__PURE__ */ (0,
|
|
6192
|
+
children: checked && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6184
6193
|
RadioIcon,
|
|
6185
6194
|
{
|
|
6186
6195
|
className: (0, import_clsx40.default)(
|
|
@@ -6195,14 +6204,14 @@ var Radio = (_a) => {
|
|
|
6195
6204
|
}
|
|
6196
6205
|
)
|
|
6197
6206
|
] }),
|
|
6198
|
-
label && /* @__PURE__ */ (0,
|
|
6207
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
|
|
6199
6208
|
]
|
|
6200
6209
|
}
|
|
6201
6210
|
);
|
|
6202
6211
|
};
|
|
6203
6212
|
Radio.displayName = "Radio";
|
|
6204
6213
|
var RadioIcon = ({ className }) => {
|
|
6205
|
-
return /* @__PURE__ */ (0,
|
|
6214
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
6206
6215
|
"svg",
|
|
6207
6216
|
{
|
|
6208
6217
|
className,
|
|
@@ -6212,7 +6221,7 @@ var RadioIcon = ({ className }) => {
|
|
|
6212
6221
|
viewBox: "0 0 24 24",
|
|
6213
6222
|
fill: "none",
|
|
6214
6223
|
children: [
|
|
6215
|
-
/* @__PURE__ */ (0,
|
|
6224
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6216
6225
|
"rect",
|
|
6217
6226
|
{
|
|
6218
6227
|
x: "1",
|
|
@@ -6224,7 +6233,7 @@ var RadioIcon = ({ className }) => {
|
|
|
6224
6233
|
strokeWidth: "2"
|
|
6225
6234
|
}
|
|
6226
6235
|
),
|
|
6227
|
-
/* @__PURE__ */ (0,
|
|
6236
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
|
|
6228
6237
|
]
|
|
6229
6238
|
}
|
|
6230
6239
|
);
|
|
@@ -6232,19 +6241,19 @@ var RadioIcon = ({ className }) => {
|
|
|
6232
6241
|
RadioIcon.displayName = "RadioIcon";
|
|
6233
6242
|
|
|
6234
6243
|
// src/components/AccessCard.tsx
|
|
6235
|
-
var
|
|
6244
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
6236
6245
|
|
|
6237
6246
|
// src/components/AccessCardGroup.tsx
|
|
6238
6247
|
var import_clsx42 = __toESM(require("clsx"), 1);
|
|
6239
|
-
var
|
|
6240
|
-
var
|
|
6248
|
+
var import_react38 = require("react");
|
|
6249
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6241
6250
|
|
|
6242
6251
|
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
6243
|
-
var
|
|
6252
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6244
6253
|
function ColumnSelector() {
|
|
6245
6254
|
const context = useGridContext();
|
|
6246
|
-
const ref = (0,
|
|
6247
|
-
const [show, setShow] = (0,
|
|
6255
|
+
const ref = (0, import_react39.useRef)(null);
|
|
6256
|
+
const [show, setShow] = (0, import_react39.useState)(false);
|
|
6248
6257
|
const {
|
|
6249
6258
|
columns,
|
|
6250
6259
|
id,
|
|
@@ -6255,13 +6264,13 @@ function ColumnSelector() {
|
|
|
6255
6264
|
resetColumnVisibility,
|
|
6256
6265
|
dispatch
|
|
6257
6266
|
} = context;
|
|
6258
|
-
const toggleColumnVisibility = (0,
|
|
6267
|
+
const toggleColumnVisibility = (0, import_react39.useCallback)(
|
|
6259
6268
|
(index, visible) => {
|
|
6260
6269
|
dispatch({ type: "UPDATE", index, payload: { meta: { visible } } });
|
|
6261
6270
|
},
|
|
6262
6271
|
[dispatch]
|
|
6263
6272
|
);
|
|
6264
|
-
return /* @__PURE__ */ (0,
|
|
6273
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
6265
6274
|
"div",
|
|
6266
6275
|
{
|
|
6267
6276
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -6269,7 +6278,7 @@ function ColumnSelector() {
|
|
|
6269
6278
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
6270
6279
|
ref,
|
|
6271
6280
|
children: [
|
|
6272
|
-
/* @__PURE__ */ (0,
|
|
6281
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6273
6282
|
Button,
|
|
6274
6283
|
{
|
|
6275
6284
|
id: id ? `${id}-button` : void 0,
|
|
@@ -6278,10 +6287,10 @@ function ColumnSelector() {
|
|
|
6278
6287
|
variant: "navigation",
|
|
6279
6288
|
iconOnly: true,
|
|
6280
6289
|
size: 24,
|
|
6281
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
6290
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon, { name: "tune" })
|
|
6282
6291
|
}
|
|
6283
6292
|
),
|
|
6284
|
-
/* @__PURE__ */ (0,
|
|
6293
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
6285
6294
|
Menu,
|
|
6286
6295
|
{
|
|
6287
6296
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -6292,7 +6301,7 @@ function ColumnSelector() {
|
|
|
6292
6301
|
setShow,
|
|
6293
6302
|
calculateMinMaxHeight: true,
|
|
6294
6303
|
children: [
|
|
6295
|
-
/* @__PURE__ */ (0,
|
|
6304
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6296
6305
|
Button,
|
|
6297
6306
|
{
|
|
6298
6307
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -6310,11 +6319,11 @@ function ColumnSelector() {
|
|
|
6310
6319
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
6311
6320
|
}).map((column) => {
|
|
6312
6321
|
var _a, _b, _c;
|
|
6313
|
-
return /* @__PURE__ */ (0,
|
|
6322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6314
6323
|
MenuOption,
|
|
6315
6324
|
{
|
|
6316
6325
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
6317
|
-
children: /* @__PURE__ */ (0,
|
|
6326
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6318
6327
|
Checkbox,
|
|
6319
6328
|
{
|
|
6320
6329
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -6344,7 +6353,7 @@ function ColumnSelector() {
|
|
|
6344
6353
|
}
|
|
6345
6354
|
|
|
6346
6355
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
6347
|
-
var
|
|
6356
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6348
6357
|
function MobileDataGridHeader({
|
|
6349
6358
|
header: Header,
|
|
6350
6359
|
enableColumnSelector,
|
|
@@ -6362,15 +6371,15 @@ function MobileDataGridHeader({
|
|
|
6362
6371
|
handleRowSelectAll
|
|
6363
6372
|
} = ctx;
|
|
6364
6373
|
if (typeof Header === "undefined" && !primaryKey) return null;
|
|
6365
|
-
if (typeof Header === "function") return /* @__PURE__ */ (0,
|
|
6374
|
+
if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Header, __spreadValues({}, ctx));
|
|
6366
6375
|
if (typeof Header === "string" || primaryKey)
|
|
6367
|
-
return /* @__PURE__ */ (0,
|
|
6376
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6368
6377
|
"div",
|
|
6369
6378
|
{
|
|
6370
6379
|
id: id ? `${id}-header` : void 0,
|
|
6371
6380
|
"data-testid": testid ? `${testid}-header` : void 0,
|
|
6372
6381
|
className: "sticky top-0",
|
|
6373
|
-
children: /* @__PURE__ */ (0,
|
|
6382
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6374
6383
|
Stack,
|
|
6375
6384
|
{
|
|
6376
6385
|
horizontal: true,
|
|
@@ -6380,7 +6389,7 @@ function MobileDataGridHeader({
|
|
|
6380
6389
|
backgroundColor: "background-primary-normal",
|
|
6381
6390
|
style: { borderTopRightRadius: 4, borderTopLeftRadius: 4 },
|
|
6382
6391
|
children: [
|
|
6383
|
-
enableRowSelection && /* @__PURE__ */ (0,
|
|
6392
|
+
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6384
6393
|
Checkbox,
|
|
6385
6394
|
{
|
|
6386
6395
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -6390,7 +6399,7 @@ function MobileDataGridHeader({
|
|
|
6390
6399
|
onChange: handleRowSelectAll
|
|
6391
6400
|
}
|
|
6392
6401
|
) }),
|
|
6393
|
-
/* @__PURE__ */ (0,
|
|
6402
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6394
6403
|
Stack,
|
|
6395
6404
|
{
|
|
6396
6405
|
horizontal: true,
|
|
@@ -6398,10 +6407,10 @@ function MobileDataGridHeader({
|
|
|
6398
6407
|
items: "center",
|
|
6399
6408
|
sizing: "component",
|
|
6400
6409
|
padding: true,
|
|
6401
|
-
children: /* @__PURE__ */ (0,
|
|
6410
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.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() })
|
|
6402
6411
|
}
|
|
6403
6412
|
),
|
|
6404
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
6413
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ColumnSelector, {})
|
|
6405
6414
|
]
|
|
6406
6415
|
}
|
|
6407
6416
|
) })
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MobileDataGridHeader
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-3JQPFWKR.js";
|
|
4
4
|
import "../../chunk-CJ7V4X6B.js";
|
|
5
5
|
import "../../chunk-M7INAUAJ.js";
|
|
6
6
|
import "../../chunk-7ZCXZDJD.js";
|
|
@@ -14,8 +14,8 @@ import "../../chunk-2IKT6IHB.js";
|
|
|
14
14
|
import "../../chunk-RZ5EIDX4.js";
|
|
15
15
|
import "../../chunk-AGHBLWDZ.js";
|
|
16
16
|
import "../../chunk-5IFPG6TS.js";
|
|
17
|
-
import "../../chunk-M4FM3B3R.js";
|
|
18
17
|
import "../../chunk-AJ5M6MVX.js";
|
|
18
|
+
import "../../chunk-M4FM3B3R.js";
|
|
19
19
|
import "../../chunk-AT4AWD6B.js";
|
|
20
20
|
import "../../chunk-EWGHVZL5.js";
|
|
21
21
|
import "../../chunk-I5BV7UPG.js";
|
|
@@ -32,6 +32,7 @@ import "../../chunk-EJOPJIRO.js";
|
|
|
32
32
|
import "../../chunk-AG43RS4Q.js";
|
|
33
33
|
import "../../chunk-QVWYTQKL.js";
|
|
34
34
|
import "../../chunk-UAMI54FE.js";
|
|
35
|
+
import "../../chunk-6MGHIYMP.js";
|
|
35
36
|
import "../../chunk-75USUR3I.js";
|
|
36
37
|
import "../../chunk-BWPNXY7T.js";
|
|
37
38
|
import "../../chunk-DWKS5ZXG.js";
|
|
@@ -2,8 +2,8 @@ import {
|
|
|
2
2
|
ModalContent
|
|
3
3
|
} from "../../../chunk-7ZCXZDJD.js";
|
|
4
4
|
import "../../../chunk-5IFPG6TS.js";
|
|
5
|
-
import "../../../chunk-M4FM3B3R.js";
|
|
6
5
|
import "../../../chunk-AJ5M6MVX.js";
|
|
6
|
+
import "../../../chunk-M4FM3B3R.js";
|
|
7
7
|
import "../../../chunk-VXWSAIB5.js";
|
|
8
8
|
import "../../../chunk-DQRQZE6O.js";
|
|
9
9
|
import "../../../chunk-5UH6QUFB.js";
|
|
@@ -3,8 +3,8 @@ import {
|
|
|
3
3
|
} from "../../../chunk-CJ7V4X6B.js";
|
|
4
4
|
import "../../../chunk-7ZCXZDJD.js";
|
|
5
5
|
import "../../../chunk-5IFPG6TS.js";
|
|
6
|
-
import "../../../chunk-M4FM3B3R.js";
|
|
7
6
|
import "../../../chunk-AJ5M6MVX.js";
|
|
7
|
+
import "../../../chunk-M4FM3B3R.js";
|
|
8
8
|
import "../../../chunk-CFFSOTWX.js";
|
|
9
9
|
import "../../../chunk-4RJKB7LC.js";
|
|
10
10
|
import "../../../chunk-KV7LAH3T.js";
|