@dmsi/wedgekit-react 0.0.496 → 0.0.498
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-34VEVX5H.js +31 -0
- package/dist/components/CalendarRange.cjs +28 -25
- package/dist/components/CalendarRange.js +8 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +5 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +8 -7
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +12 -9
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +8 -7
- package/dist/components/DataGrid/PinnedColumns.cjs +23 -20
- package/dist/components/DataGrid/PinnedColumns.js +8 -7
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +8 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.js +8 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +10 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +8 -7
- package/dist/components/DataGrid/TableBody/index.cjs +23 -20
- package/dist/components/DataGrid/TableBody/index.js +8 -7
- package/dist/components/DataGrid/index.cjs +83 -80
- package/dist/components/DataGrid/index.js +8 -7
- package/dist/components/DataGrid/utils.cjs +6 -3
- package/dist/components/DataGrid/utils.js +8 -7
- package/dist/components/DateInput.cjs +34 -31
- package/dist/components/DateInput.js +8 -7
- package/dist/components/DateRangeInput.cjs +34 -31
- package/dist/components/DateRangeInput.js +8 -7
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +11 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +8 -7
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +19 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +8 -7
- package/dist/components/MobileDataGrid/index.cjs +64 -61
- package/dist/components/MobileDataGrid/index.js +8 -7
- package/dist/components/OrderCheckIcon.cjs +67 -0
- package/dist/components/OrderCheckIcon.js +7 -0
- package/dist/components/PDFViewer/index.js +3 -3
- package/dist/components/ProductImagePreview/index.js +2 -2
- package/dist/components/index.cjs +25 -0
- package/dist/components/index.js +12 -8
- package/package.json +1 -1
- package/src/components/OrderCheckIcon.tsx +19 -0
- package/src/components/index.ts +1 -0
- package/dist/{chunk-TPBEID5X.js → chunk-3WCLGTYP.js} +3 -3
- package/dist/{chunk-2A7H5GVB.js → chunk-7LKGHCVT.js} +3 -3
- package/dist/{chunk-DYBJUTGK.js → chunk-XHQOTLG6.js} +3 -3
|
@@ -5787,8 +5787,11 @@ var import_clsx40 = __toESM(require("clsx"), 1);
|
|
|
5787
5787
|
var import_react39 = require("react");
|
|
5788
5788
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5789
5789
|
|
|
5790
|
-
// src/components/
|
|
5790
|
+
// src/components/OrderCheckIcon.tsx
|
|
5791
5791
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5792
|
+
|
|
5793
|
+
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
5794
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5792
5795
|
function ColumnSelector() {
|
|
5793
5796
|
const context = useGridContext();
|
|
5794
5797
|
const ref = (0, import_react40.useRef)(null);
|
|
@@ -5809,7 +5812,7 @@ function ColumnSelector() {
|
|
|
5809
5812
|
},
|
|
5810
5813
|
[dispatch]
|
|
5811
5814
|
);
|
|
5812
|
-
return /* @__PURE__ */ (0,
|
|
5815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
5813
5816
|
"div",
|
|
5814
5817
|
{
|
|
5815
5818
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -5817,7 +5820,7 @@ function ColumnSelector() {
|
|
|
5817
5820
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
5818
5821
|
ref,
|
|
5819
5822
|
children: [
|
|
5820
|
-
/* @__PURE__ */ (0,
|
|
5823
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5821
5824
|
Button,
|
|
5822
5825
|
{
|
|
5823
5826
|
id: id ? `${id}-button` : void 0,
|
|
@@ -5826,10 +5829,10 @@ function ColumnSelector() {
|
|
|
5826
5829
|
variant: "navigation",
|
|
5827
5830
|
iconOnly: true,
|
|
5828
5831
|
size: 24,
|
|
5829
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
5832
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "tune" })
|
|
5830
5833
|
}
|
|
5831
5834
|
),
|
|
5832
|
-
/* @__PURE__ */ (0,
|
|
5835
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
5833
5836
|
Menu,
|
|
5834
5837
|
{
|
|
5835
5838
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -5840,7 +5843,7 @@ function ColumnSelector() {
|
|
|
5840
5843
|
setShow,
|
|
5841
5844
|
calculateMinMaxHeight: true,
|
|
5842
5845
|
children: [
|
|
5843
|
-
/* @__PURE__ */ (0,
|
|
5846
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5844
5847
|
Button,
|
|
5845
5848
|
{
|
|
5846
5849
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -5858,11 +5861,11 @@ function ColumnSelector() {
|
|
|
5858
5861
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
5859
5862
|
}).map((column) => {
|
|
5860
5863
|
var _a, _b, _c;
|
|
5861
|
-
return /* @__PURE__ */ (0,
|
|
5864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5862
5865
|
MenuOption,
|
|
5863
5866
|
{
|
|
5864
5867
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
5865
|
-
children: /* @__PURE__ */ (0,
|
|
5868
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5866
5869
|
Checkbox,
|
|
5867
5870
|
{
|
|
5868
5871
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelector
|
|
3
|
-
} from "../../../chunk-
|
|
3
|
+
} from "../../../chunk-7LKGHCVT.js";
|
|
4
4
|
import "../../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../../chunk-4Q7T4GJ2.js";
|
|
6
6
|
import "../../../chunk-3DEYCNUE.js";
|
|
7
|
-
import "../../../chunk-
|
|
7
|
+
import "../../../chunk-XHQOTLG6.js";
|
|
8
|
+
import "../../../chunk-BQNPOGD5.js";
|
|
8
9
|
import "../../../chunk-Y5GD2FJA.js";
|
|
9
|
-
import "../../../chunk-
|
|
10
|
+
import "../../../chunk-3WCLGTYP.js";
|
|
11
|
+
import "../../../chunk-YEZBNQZI.js";
|
|
10
12
|
import "../../../chunk-B53XDCLO.js";
|
|
13
|
+
import "../../../chunk-S5ZJ3Q7P.js";
|
|
11
14
|
import "../../../chunk-MBZ55T2D.js";
|
|
12
15
|
import "../../../chunk-2IKT6IHB.js";
|
|
13
16
|
import "../../../chunk-YCDDBSVU.js";
|
|
14
17
|
import "../../../chunk-3X3Y4TMS.js";
|
|
15
|
-
import "../../../chunk-BQNPOGD5.js";
|
|
16
18
|
import "../../../chunk-QMSPTD6L.js";
|
|
17
19
|
import "../../../chunk-XIXQUEYC.js";
|
|
18
20
|
import "../../../chunk-5IFPG6TS.js";
|
|
19
21
|
import "../../../chunk-AJ5M6MVX.js";
|
|
20
22
|
import "../../../chunk-KW6V7O3H.js";
|
|
21
23
|
import "../../../chunk-JUFBGNWW.js";
|
|
22
|
-
import "../../../chunk-
|
|
23
|
-
import "../../../chunk-S5ZJ3Q7P.js";
|
|
24
|
+
import "../../../chunk-7GHD74J3.js";
|
|
24
25
|
import "../../../chunk-AT4AWD6B.js";
|
|
25
26
|
import "../../../chunk-EWGHVZL5.js";
|
|
26
|
-
import "../../../chunk-7GHD74J3.js";
|
|
27
27
|
import "../../../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../../../chunk-L3BXRDLP.js";
|
|
29
|
+
import "../../../chunk-34VEVX5H.js";
|
|
29
30
|
import "../../../chunk-GRGDX7JC.js";
|
|
30
31
|
import "../../../chunk-HVNHTM3P.js";
|
|
31
32
|
import "../../../chunk-X67L3NZI.js";
|
|
@@ -6025,8 +6025,11 @@ var import_clsx40 = __toESM(require("clsx"), 1);
|
|
|
6025
6025
|
var import_react39 = require("react");
|
|
6026
6026
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6027
6027
|
|
|
6028
|
-
// src/components/
|
|
6028
|
+
// src/components/OrderCheckIcon.tsx
|
|
6029
6029
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6030
|
+
|
|
6031
|
+
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
6032
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6030
6033
|
function ColumnSelector() {
|
|
6031
6034
|
const context = useGridContext();
|
|
6032
6035
|
const ref = (0, import_react40.useRef)(null);
|
|
@@ -6047,7 +6050,7 @@ function ColumnSelector() {
|
|
|
6047
6050
|
},
|
|
6048
6051
|
[dispatch]
|
|
6049
6052
|
);
|
|
6050
|
-
return /* @__PURE__ */ (0,
|
|
6053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6051
6054
|
"div",
|
|
6052
6055
|
{
|
|
6053
6056
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -6055,7 +6058,7 @@ function ColumnSelector() {
|
|
|
6055
6058
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
6056
6059
|
ref,
|
|
6057
6060
|
children: [
|
|
6058
|
-
/* @__PURE__ */ (0,
|
|
6061
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6059
6062
|
Button,
|
|
6060
6063
|
{
|
|
6061
6064
|
id: id ? `${id}-button` : void 0,
|
|
@@ -6064,10 +6067,10 @@ function ColumnSelector() {
|
|
|
6064
6067
|
variant: "navigation",
|
|
6065
6068
|
iconOnly: true,
|
|
6066
6069
|
size: 24,
|
|
6067
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
6070
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
|
|
6068
6071
|
}
|
|
6069
6072
|
),
|
|
6070
|
-
/* @__PURE__ */ (0,
|
|
6073
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6071
6074
|
Menu,
|
|
6072
6075
|
{
|
|
6073
6076
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -6078,7 +6081,7 @@ function ColumnSelector() {
|
|
|
6078
6081
|
setShow,
|
|
6079
6082
|
calculateMinMaxHeight: true,
|
|
6080
6083
|
children: [
|
|
6081
|
-
/* @__PURE__ */ (0,
|
|
6084
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6082
6085
|
Button,
|
|
6083
6086
|
{
|
|
6084
6087
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -6096,11 +6099,11 @@ function ColumnSelector() {
|
|
|
6096
6099
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
6097
6100
|
}).map((column) => {
|
|
6098
6101
|
var _a, _b, _c;
|
|
6099
|
-
return /* @__PURE__ */ (0,
|
|
6102
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6100
6103
|
MenuOption,
|
|
6101
6104
|
{
|
|
6102
6105
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
6103
|
-
children: /* @__PURE__ */ (0,
|
|
6106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6104
6107
|
Checkbox,
|
|
6105
6108
|
{
|
|
6106
6109
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -6130,7 +6133,7 @@ function ColumnSelector() {
|
|
|
6130
6133
|
}
|
|
6131
6134
|
|
|
6132
6135
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
6133
|
-
var
|
|
6136
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6134
6137
|
function MobileDataGridHeader({
|
|
6135
6138
|
header: Header,
|
|
6136
6139
|
enableColumnSelector,
|
|
@@ -6148,15 +6151,15 @@ function MobileDataGridHeader({
|
|
|
6148
6151
|
handleRowSelectAll
|
|
6149
6152
|
} = ctx;
|
|
6150
6153
|
if (typeof Header === "undefined" && !primaryKey) return null;
|
|
6151
|
-
if (typeof Header === "function") return /* @__PURE__ */ (0,
|
|
6154
|
+
if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Header, __spreadValues({}, ctx));
|
|
6152
6155
|
if (typeof Header === "string" || primaryKey)
|
|
6153
|
-
return /* @__PURE__ */ (0,
|
|
6156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6154
6157
|
"div",
|
|
6155
6158
|
{
|
|
6156
6159
|
id: id ? `${id}-header` : void 0,
|
|
6157
6160
|
"data-testid": testid ? `${testid}-header` : void 0,
|
|
6158
6161
|
className: "sticky top-0",
|
|
6159
|
-
children: /* @__PURE__ */ (0,
|
|
6162
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
6160
6163
|
Stack,
|
|
6161
6164
|
{
|
|
6162
6165
|
horizontal: true,
|
|
@@ -6165,7 +6168,7 @@ function MobileDataGridHeader({
|
|
|
6165
6168
|
justify: "between",
|
|
6166
6169
|
backgroundColor: "background-primary-normal",
|
|
6167
6170
|
children: [
|
|
6168
|
-
enableRowSelection && /* @__PURE__ */ (0,
|
|
6171
|
+
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit h-full", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6169
6172
|
Checkbox,
|
|
6170
6173
|
{
|
|
6171
6174
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -6175,7 +6178,7 @@ function MobileDataGridHeader({
|
|
|
6175
6178
|
onChange: handleRowSelectAll
|
|
6176
6179
|
}
|
|
6177
6180
|
) }),
|
|
6178
|
-
/* @__PURE__ */ (0,
|
|
6181
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6179
6182
|
Stack,
|
|
6180
6183
|
{
|
|
6181
6184
|
horizontal: true,
|
|
@@ -6183,10 +6186,10 @@ function MobileDataGridHeader({
|
|
|
6183
6186
|
items: "center",
|
|
6184
6187
|
sizing: "component",
|
|
6185
6188
|
padding: true,
|
|
6186
|
-
children: /* @__PURE__ */ (0,
|
|
6189
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.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() })
|
|
6187
6190
|
}
|
|
6188
6191
|
),
|
|
6189
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
6192
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ColumnSelector, {})
|
|
6190
6193
|
]
|
|
6191
6194
|
}
|
|
6192
6195
|
) })
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MobileDataGridHeader
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-7LKGHCVT.js";
|
|
4
4
|
import "../../chunk-M7INAUAJ.js";
|
|
5
5
|
import "../../chunk-4Q7T4GJ2.js";
|
|
6
6
|
import "../../chunk-3DEYCNUE.js";
|
|
7
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-XHQOTLG6.js";
|
|
8
|
+
import "../../chunk-BQNPOGD5.js";
|
|
8
9
|
import "../../chunk-Y5GD2FJA.js";
|
|
9
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-3WCLGTYP.js";
|
|
11
|
+
import "../../chunk-YEZBNQZI.js";
|
|
10
12
|
import "../../chunk-B53XDCLO.js";
|
|
13
|
+
import "../../chunk-S5ZJ3Q7P.js";
|
|
11
14
|
import "../../chunk-MBZ55T2D.js";
|
|
12
15
|
import "../../chunk-2IKT6IHB.js";
|
|
13
16
|
import "../../chunk-YCDDBSVU.js";
|
|
14
17
|
import "../../chunk-3X3Y4TMS.js";
|
|
15
|
-
import "../../chunk-BQNPOGD5.js";
|
|
16
18
|
import "../../chunk-QMSPTD6L.js";
|
|
17
19
|
import "../../chunk-XIXQUEYC.js";
|
|
18
20
|
import "../../chunk-5IFPG6TS.js";
|
|
19
21
|
import "../../chunk-AJ5M6MVX.js";
|
|
20
22
|
import "../../chunk-KW6V7O3H.js";
|
|
21
23
|
import "../../chunk-JUFBGNWW.js";
|
|
22
|
-
import "../../chunk-
|
|
23
|
-
import "../../chunk-S5ZJ3Q7P.js";
|
|
24
|
+
import "../../chunk-7GHD74J3.js";
|
|
24
25
|
import "../../chunk-AT4AWD6B.js";
|
|
25
26
|
import "../../chunk-EWGHVZL5.js";
|
|
26
|
-
import "../../chunk-7GHD74J3.js";
|
|
27
27
|
import "../../chunk-7BVUTFZ5.js";
|
|
28
28
|
import "../../chunk-L3BXRDLP.js";
|
|
29
|
+
import "../../chunk-34VEVX5H.js";
|
|
29
30
|
import "../../chunk-GRGDX7JC.js";
|
|
30
31
|
import "../../chunk-HVNHTM3P.js";
|
|
31
32
|
import "../../chunk-X67L3NZI.js";
|