@dmsi/wedgekit-react 0.0.850 → 0.0.851
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-SZ47M32R.js +13 -0
- package/dist/components/CalendarRange.cjs +29 -25
- package/dist/components/CalendarRange.css +17 -0
- package/dist/components/CalendarRange.js +5 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +6 -2
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +17 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +5 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +13 -9
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +17 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +5 -4
- package/dist/components/DataGrid/PinnedColumns.cjs +24 -20
- package/dist/components/DataGrid/PinnedColumns.css +17 -0
- package/dist/components/DataGrid/PinnedColumns.js +5 -4
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +9 -5
- package/dist/components/DataGrid/TableBody/LoadingCell.css +17 -0
- package/dist/components/DataGrid/TableBody/LoadingCell.js +5 -4
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +11 -7
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +17 -0
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +5 -4
- package/dist/components/DataGrid/TableBody/index.cjs +24 -20
- package/dist/components/DataGrid/TableBody/index.css +17 -0
- package/dist/components/DataGrid/TableBody/index.js +5 -4
- package/dist/components/DataGrid/index.cjs +84 -80
- package/dist/components/DataGrid/index.css +17 -0
- package/dist/components/DataGrid/index.js +5 -4
- package/dist/components/DataGrid/utils.cjs +7 -3
- package/dist/components/DataGrid/utils.css +17 -0
- package/dist/components/DataGrid/utils.js +5 -4
- package/dist/components/DateInput.cjs +35 -31
- package/dist/components/DateInput.css +17 -0
- package/dist/components/DateInput.js +5 -4
- package/dist/components/DateRangeInput.cjs +35 -31
- package/dist/components/DateRangeInput.css +17 -0
- package/dist/components/DateRangeInput.js +5 -4
- package/dist/components/EmblaCarousel/index.cjs +47 -0
- package/dist/components/EmblaCarousel/index.js +9 -0
- package/dist/components/MobileDataGrid/ColumnList.css +17 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +12 -8
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +17 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +5 -4
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +20 -16
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +17 -0
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +5 -4
- package/dist/components/MobileDataGrid/index.cjs +93 -89
- package/dist/components/MobileDataGrid/index.css +17 -0
- package/dist/components/MobileDataGrid/index.js +5 -4
- package/dist/components/ProductImagePreview/index.js +2 -2
- package/dist/components/index.cjs +10 -0
- package/dist/components/index.css +17 -0
- package/dist/components/index.js +8 -4
- package/dist/index.css +17 -0
- package/package.json +3 -1
- package/dist/{chunk-GQDUOL5Y.js → chunk-C5DKGJ4E.js} +3 -3
- /package/dist/{chunk-UIF3AIAT.js → chunk-ILHEM6BK.js} +0 -0
|
@@ -632,6 +632,9 @@
|
|
|
632
632
|
.m-4 {
|
|
633
633
|
margin: calc(var(--spacing) * 4);
|
|
634
634
|
}
|
|
635
|
+
.m-auto {
|
|
636
|
+
margin: auto;
|
|
637
|
+
}
|
|
635
638
|
.m-mobile-container-padding {
|
|
636
639
|
margin: var(--spacing-mobile-container-padding);
|
|
637
640
|
}
|
|
@@ -1031,6 +1034,14 @@
|
|
|
1031
1034
|
.cursor-pointer {
|
|
1032
1035
|
cursor: pointer;
|
|
1033
1036
|
}
|
|
1037
|
+
.touch-pan-y {
|
|
1038
|
+
--tw-pan-y: pan-y;
|
|
1039
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1040
|
+
}
|
|
1041
|
+
.touch-pinch-zoom {
|
|
1042
|
+
--tw-pinch-zoom: pinch-zoom;
|
|
1043
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1044
|
+
}
|
|
1034
1045
|
.resize {
|
|
1035
1046
|
resize: both;
|
|
1036
1047
|
}
|
|
@@ -5254,6 +5265,9 @@ body {
|
|
|
5254
5265
|
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
5255
5266
|
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
5256
5267
|
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
5268
|
+
@property --tw-pan-x { syntax: "*"; inherits: false; }
|
|
5269
|
+
@property --tw-pan-y { syntax: "*"; inherits: false; }
|
|
5270
|
+
@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
|
|
5257
5271
|
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5258
5272
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5259
5273
|
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
@@ -5328,6 +5342,9 @@ body {
|
|
|
5328
5342
|
--tw-rotate-z: initial;
|
|
5329
5343
|
--tw-skew-x: initial;
|
|
5330
5344
|
--tw-skew-y: initial;
|
|
5345
|
+
--tw-pan-x: initial;
|
|
5346
|
+
--tw-pan-y: initial;
|
|
5347
|
+
--tw-pinch-zoom: initial;
|
|
5331
5348
|
--tw-space-y-reverse: 0;
|
|
5332
5349
|
--tw-space-x-reverse: 0;
|
|
5333
5350
|
--tw-divide-x-reverse: 0;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CalendarRange
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-ILHEM6BK.js";
|
|
4
4
|
import "../chunk-WJJB7IJZ.js";
|
|
5
|
-
import "../chunk-M7INAUAJ.js";
|
|
6
5
|
import "../chunk-Q4YDNW7N.js";
|
|
7
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-M7INAUAJ.js";
|
|
7
|
+
import "../chunk-C5DKGJ4E.js";
|
|
8
|
+
import "../chunk-2IKT6IHB.js";
|
|
8
9
|
import "../chunk-YCDDBSVU.js";
|
|
9
10
|
import "../chunk-3X3Y4TMS.js";
|
|
10
11
|
import "../chunk-BQNPOGD5.js";
|
|
11
12
|
import "../chunk-Y5GD2FJA.js";
|
|
12
13
|
import "../chunk-MBZ55T2D.js";
|
|
13
|
-
import "../chunk-
|
|
14
|
+
import "../chunk-SZ47M32R.js";
|
|
14
15
|
import "../chunk-B4AE3DCA.js";
|
|
15
16
|
import "../chunk-FP3Y5JJN.js";
|
|
16
17
|
import "../chunk-5IFPG6TS.js";
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/components/EmblaCarousel/index.tsx
|
|
31
|
+
var EmblaCarousel_exports = {};
|
|
32
|
+
__export(EmblaCarousel_exports, {
|
|
33
|
+
EmblaCarousel: () => EmblaCarousel,
|
|
34
|
+
default: () => EmblaCarousel_default
|
|
35
|
+
});
|
|
36
|
+
module.exports = __toCommonJS(EmblaCarousel_exports);
|
|
37
|
+
var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
|
|
38
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
39
|
+
var EmblaCarousel = ({ options, children }) => {
|
|
40
|
+
const [emblaRef] = (0, import_embla_carousel_react.default)(options);
|
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "w-full m-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "embla__viewport overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "embla__container flex touch-pan-y touch-pinch-zoom gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap", children }) }) });
|
|
42
|
+
};
|
|
43
|
+
var EmblaCarousel_default = EmblaCarousel;
|
|
44
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
45
|
+
0 && (module.exports = {
|
|
46
|
+
EmblaCarousel
|
|
47
|
+
});
|
|
@@ -632,6 +632,9 @@
|
|
|
632
632
|
.m-4 {
|
|
633
633
|
margin: calc(var(--spacing) * 4);
|
|
634
634
|
}
|
|
635
|
+
.m-auto {
|
|
636
|
+
margin: auto;
|
|
637
|
+
}
|
|
635
638
|
.m-mobile-container-padding {
|
|
636
639
|
margin: var(--spacing-mobile-container-padding);
|
|
637
640
|
}
|
|
@@ -1031,6 +1034,14 @@
|
|
|
1031
1034
|
.cursor-pointer {
|
|
1032
1035
|
cursor: pointer;
|
|
1033
1036
|
}
|
|
1037
|
+
.touch-pan-y {
|
|
1038
|
+
--tw-pan-y: pan-y;
|
|
1039
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1040
|
+
}
|
|
1041
|
+
.touch-pinch-zoom {
|
|
1042
|
+
--tw-pinch-zoom: pinch-zoom;
|
|
1043
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1044
|
+
}
|
|
1034
1045
|
.resize {
|
|
1035
1046
|
resize: both;
|
|
1036
1047
|
}
|
|
@@ -5254,6 +5265,9 @@ body {
|
|
|
5254
5265
|
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
5255
5266
|
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
5256
5267
|
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
5268
|
+
@property --tw-pan-x { syntax: "*"; inherits: false; }
|
|
5269
|
+
@property --tw-pan-y { syntax: "*"; inherits: false; }
|
|
5270
|
+
@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
|
|
5257
5271
|
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5258
5272
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5259
5273
|
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
@@ -5328,6 +5342,9 @@ body {
|
|
|
5328
5342
|
--tw-rotate-z: initial;
|
|
5329
5343
|
--tw-skew-x: initial;
|
|
5330
5344
|
--tw-skew-y: initial;
|
|
5345
|
+
--tw-pan-x: initial;
|
|
5346
|
+
--tw-pan-y: initial;
|
|
5347
|
+
--tw-pinch-zoom: initial;
|
|
5331
5348
|
--tw-space-y-reverse: 0;
|
|
5332
5349
|
--tw-space-x-reverse: 0;
|
|
5333
5350
|
--tw-divide-x-reverse: 0;
|
|
@@ -6067,8 +6067,12 @@ var import_clsx42 = __toESM(require("clsx"), 1);
|
|
|
6067
6067
|
var import_react39 = require("react");
|
|
6068
6068
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6069
6069
|
|
|
6070
|
-
// src/components/
|
|
6070
|
+
// src/components/EmblaCarousel/index.tsx
|
|
6071
|
+
var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
|
|
6071
6072
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6073
|
+
|
|
6074
|
+
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
6075
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6072
6076
|
function ColumnSelector() {
|
|
6073
6077
|
const context = useGridContext();
|
|
6074
6078
|
const ref = (0, import_react40.useRef)(null);
|
|
@@ -6089,7 +6093,7 @@ function ColumnSelector() {
|
|
|
6089
6093
|
},
|
|
6090
6094
|
[dispatch]
|
|
6091
6095
|
);
|
|
6092
|
-
return /* @__PURE__ */ (0,
|
|
6096
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
6093
6097
|
"div",
|
|
6094
6098
|
{
|
|
6095
6099
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -6097,7 +6101,7 @@ function ColumnSelector() {
|
|
|
6097
6101
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
6098
6102
|
ref,
|
|
6099
6103
|
children: [
|
|
6100
|
-
/* @__PURE__ */ (0,
|
|
6104
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6101
6105
|
Button,
|
|
6102
6106
|
{
|
|
6103
6107
|
id: id ? `${id}-button` : void 0,
|
|
@@ -6106,10 +6110,10 @@ function ColumnSelector() {
|
|
|
6106
6110
|
variant: "navigation",
|
|
6107
6111
|
iconOnly: true,
|
|
6108
6112
|
size: 24,
|
|
6109
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
6113
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Icon, { name: "tune" })
|
|
6110
6114
|
}
|
|
6111
6115
|
),
|
|
6112
|
-
/* @__PURE__ */ (0,
|
|
6116
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
6113
6117
|
Menu,
|
|
6114
6118
|
{
|
|
6115
6119
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -6120,7 +6124,7 @@ function ColumnSelector() {
|
|
|
6120
6124
|
setShow,
|
|
6121
6125
|
calculateMinMaxHeight: true,
|
|
6122
6126
|
children: [
|
|
6123
|
-
/* @__PURE__ */ (0,
|
|
6127
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6124
6128
|
Button,
|
|
6125
6129
|
{
|
|
6126
6130
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -6138,11 +6142,11 @@ function ColumnSelector() {
|
|
|
6138
6142
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
6139
6143
|
}).map((column) => {
|
|
6140
6144
|
var _a, _b, _c;
|
|
6141
|
-
return /* @__PURE__ */ (0,
|
|
6145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6142
6146
|
MenuOption,
|
|
6143
6147
|
{
|
|
6144
6148
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
6145
|
-
children: /* @__PURE__ */ (0,
|
|
6149
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6146
6150
|
Checkbox,
|
|
6147
6151
|
{
|
|
6148
6152
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -632,6 +632,9 @@
|
|
|
632
632
|
.m-4 {
|
|
633
633
|
margin: calc(var(--spacing) * 4);
|
|
634
634
|
}
|
|
635
|
+
.m-auto {
|
|
636
|
+
margin: auto;
|
|
637
|
+
}
|
|
635
638
|
.m-mobile-container-padding {
|
|
636
639
|
margin: var(--spacing-mobile-container-padding);
|
|
637
640
|
}
|
|
@@ -1031,6 +1034,14 @@
|
|
|
1031
1034
|
.cursor-pointer {
|
|
1032
1035
|
cursor: pointer;
|
|
1033
1036
|
}
|
|
1037
|
+
.touch-pan-y {
|
|
1038
|
+
--tw-pan-y: pan-y;
|
|
1039
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1040
|
+
}
|
|
1041
|
+
.touch-pinch-zoom {
|
|
1042
|
+
--tw-pinch-zoom: pinch-zoom;
|
|
1043
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1044
|
+
}
|
|
1034
1045
|
.resize {
|
|
1035
1046
|
resize: both;
|
|
1036
1047
|
}
|
|
@@ -5254,6 +5265,9 @@ body {
|
|
|
5254
5265
|
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
5255
5266
|
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
5256
5267
|
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
5268
|
+
@property --tw-pan-x { syntax: "*"; inherits: false; }
|
|
5269
|
+
@property --tw-pan-y { syntax: "*"; inherits: false; }
|
|
5270
|
+
@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
|
|
5257
5271
|
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5258
5272
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5259
5273
|
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
@@ -5328,6 +5342,9 @@ body {
|
|
|
5328
5342
|
--tw-rotate-z: initial;
|
|
5329
5343
|
--tw-skew-x: initial;
|
|
5330
5344
|
--tw-skew-y: initial;
|
|
5345
|
+
--tw-pan-x: initial;
|
|
5346
|
+
--tw-pan-y: initial;
|
|
5347
|
+
--tw-pinch-zoom: initial;
|
|
5331
5348
|
--tw-space-y-reverse: 0;
|
|
5332
5349
|
--tw-space-x-reverse: 0;
|
|
5333
5350
|
--tw-divide-x-reverse: 0;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ColumnSelector
|
|
3
|
-
} from "../../../chunk-
|
|
3
|
+
} from "../../../chunk-ILHEM6BK.js";
|
|
4
4
|
import "../../../chunk-WJJB7IJZ.js";
|
|
5
|
-
import "../../../chunk-M7INAUAJ.js";
|
|
6
5
|
import "../../../chunk-Q4YDNW7N.js";
|
|
7
|
-
import "../../../chunk-
|
|
6
|
+
import "../../../chunk-M7INAUAJ.js";
|
|
7
|
+
import "../../../chunk-C5DKGJ4E.js";
|
|
8
|
+
import "../../../chunk-2IKT6IHB.js";
|
|
8
9
|
import "../../../chunk-YCDDBSVU.js";
|
|
9
10
|
import "../../../chunk-3X3Y4TMS.js";
|
|
10
11
|
import "../../../chunk-BQNPOGD5.js";
|
|
11
12
|
import "../../../chunk-Y5GD2FJA.js";
|
|
12
13
|
import "../../../chunk-MBZ55T2D.js";
|
|
13
|
-
import "../../../chunk-
|
|
14
|
+
import "../../../chunk-SZ47M32R.js";
|
|
14
15
|
import "../../../chunk-B4AE3DCA.js";
|
|
15
16
|
import "../../../chunk-FP3Y5JJN.js";
|
|
16
17
|
import "../../../chunk-5IFPG6TS.js";
|
|
@@ -6311,8 +6311,12 @@ var import_clsx42 = __toESM(require("clsx"), 1);
|
|
|
6311
6311
|
var import_react39 = require("react");
|
|
6312
6312
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6313
6313
|
|
|
6314
|
-
// src/components/
|
|
6314
|
+
// src/components/EmblaCarousel/index.tsx
|
|
6315
|
+
var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
|
|
6315
6316
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6317
|
+
|
|
6318
|
+
// src/components/MobileDataGrid/ColumnSelector/index.tsx
|
|
6319
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6316
6320
|
function ColumnSelector() {
|
|
6317
6321
|
const context = useGridContext();
|
|
6318
6322
|
const ref = (0, import_react40.useRef)(null);
|
|
@@ -6333,7 +6337,7 @@ function ColumnSelector() {
|
|
|
6333
6337
|
},
|
|
6334
6338
|
[dispatch]
|
|
6335
6339
|
);
|
|
6336
|
-
return /* @__PURE__ */ (0,
|
|
6340
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6337
6341
|
"div",
|
|
6338
6342
|
{
|
|
6339
6343
|
id: id ? `${id}-column-selector` : void 0,
|
|
@@ -6341,7 +6345,7 @@ function ColumnSelector() {
|
|
|
6341
6345
|
className: "text-text-secondary-normal border-l border-brand-200 p-mobile-container-padding",
|
|
6342
6346
|
ref,
|
|
6343
6347
|
children: [
|
|
6344
|
-
/* @__PURE__ */ (0,
|
|
6348
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6345
6349
|
Button,
|
|
6346
6350
|
{
|
|
6347
6351
|
id: id ? `${id}-button` : void 0,
|
|
@@ -6350,10 +6354,10 @@ function ColumnSelector() {
|
|
|
6350
6354
|
variant: "navigation",
|
|
6351
6355
|
iconOnly: true,
|
|
6352
6356
|
size: 24,
|
|
6353
|
-
leftIcon: /* @__PURE__ */ (0,
|
|
6357
|
+
leftIcon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { name: "tune" })
|
|
6354
6358
|
}
|
|
6355
6359
|
),
|
|
6356
|
-
/* @__PURE__ */ (0,
|
|
6360
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
6357
6361
|
Menu,
|
|
6358
6362
|
{
|
|
6359
6363
|
id: id ? `${id}-menu` : void 0,
|
|
@@ -6364,7 +6368,7 @@ function ColumnSelector() {
|
|
|
6364
6368
|
setShow,
|
|
6365
6369
|
calculateMinMaxHeight: true,
|
|
6366
6370
|
children: [
|
|
6367
|
-
/* @__PURE__ */ (0,
|
|
6371
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6368
6372
|
Button,
|
|
6369
6373
|
{
|
|
6370
6374
|
id: id ? `${id}-reset-button` : void 0,
|
|
@@ -6382,11 +6386,11 @@ function ColumnSelector() {
|
|
|
6382
6386
|
return (_a = x.meta) == null ? void 0 : _a.inVisibilityMenu;
|
|
6383
6387
|
}).map((column) => {
|
|
6384
6388
|
var _a, _b, _c;
|
|
6385
|
-
return /* @__PURE__ */ (0,
|
|
6389
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6386
6390
|
MenuOption,
|
|
6387
6391
|
{
|
|
6388
6392
|
testid: testid ? `${testid}-option-${column.id}` : void 0,
|
|
6389
|
-
children: /* @__PURE__ */ (0,
|
|
6393
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6390
6394
|
Checkbox,
|
|
6391
6395
|
{
|
|
6392
6396
|
id: id ? `${id}-checkbox-${column.id}` : void 0,
|
|
@@ -6416,7 +6420,7 @@ function ColumnSelector() {
|
|
|
6416
6420
|
}
|
|
6417
6421
|
|
|
6418
6422
|
// src/components/MobileDataGrid/MobileDataGridHeader.tsx
|
|
6419
|
-
var
|
|
6423
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6420
6424
|
function MobileDataGridHeader({
|
|
6421
6425
|
header: Header,
|
|
6422
6426
|
enableColumnSelector,
|
|
@@ -6434,15 +6438,15 @@ function MobileDataGridHeader({
|
|
|
6434
6438
|
handleRowSelectAll
|
|
6435
6439
|
} = ctx;
|
|
6436
6440
|
if (typeof Header === "undefined" && !primaryKey) return null;
|
|
6437
|
-
if (typeof Header === "function") return /* @__PURE__ */ (0,
|
|
6441
|
+
if (typeof Header === "function") return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Header, __spreadValues({}, ctx));
|
|
6438
6442
|
if (typeof Header === "string" || primaryKey)
|
|
6439
|
-
return /* @__PURE__ */ (0,
|
|
6443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6440
6444
|
"div",
|
|
6441
6445
|
{
|
|
6442
6446
|
id: id ? `${id}-header` : void 0,
|
|
6443
6447
|
"data-testid": testid ? `${testid}-header` : void 0,
|
|
6444
6448
|
className: "sticky top-0",
|
|
6445
|
-
children: /* @__PURE__ */ (0,
|
|
6449
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Theme, { theme: "brand", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
|
|
6446
6450
|
Stack,
|
|
6447
6451
|
{
|
|
6448
6452
|
horizontal: true,
|
|
@@ -6452,7 +6456,7 @@ function MobileDataGridHeader({
|
|
|
6452
6456
|
backgroundColor: "background-primary-normal",
|
|
6453
6457
|
style: { borderTopRightRadius: 4, borderTopLeftRadius: 4 },
|
|
6454
6458
|
children: [
|
|
6455
|
-
enableRowSelection && /* @__PURE__ */ (0,
|
|
6459
|
+
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)(
|
|
6456
6460
|
Checkbox,
|
|
6457
6461
|
{
|
|
6458
6462
|
id: id ? `${id}-select-all-checkbox` : void 0,
|
|
@@ -6462,7 +6466,7 @@ function MobileDataGridHeader({
|
|
|
6462
6466
|
onChange: handleRowSelectAll
|
|
6463
6467
|
}
|
|
6464
6468
|
) }),
|
|
6465
|
-
/* @__PURE__ */ (0,
|
|
6469
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
6466
6470
|
Stack,
|
|
6467
6471
|
{
|
|
6468
6472
|
horizontal: true,
|
|
@@ -6470,10 +6474,10 @@ function MobileDataGridHeader({
|
|
|
6470
6474
|
items: "center",
|
|
6471
6475
|
sizing: "component",
|
|
6472
6476
|
padding: true,
|
|
6473
|
-
children: /* @__PURE__ */ (0,
|
|
6477
|
+
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() })
|
|
6474
6478
|
}
|
|
6475
6479
|
),
|
|
6476
|
-
enableColumnSelector && /* @__PURE__ */ (0,
|
|
6480
|
+
enableColumnSelector && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ColumnSelector, {})
|
|
6477
6481
|
]
|
|
6478
6482
|
}
|
|
6479
6483
|
) })
|
|
@@ -632,6 +632,9 @@
|
|
|
632
632
|
.m-4 {
|
|
633
633
|
margin: calc(var(--spacing) * 4);
|
|
634
634
|
}
|
|
635
|
+
.m-auto {
|
|
636
|
+
margin: auto;
|
|
637
|
+
}
|
|
635
638
|
.m-mobile-container-padding {
|
|
636
639
|
margin: var(--spacing-mobile-container-padding);
|
|
637
640
|
}
|
|
@@ -1031,6 +1034,14 @@
|
|
|
1031
1034
|
.cursor-pointer {
|
|
1032
1035
|
cursor: pointer;
|
|
1033
1036
|
}
|
|
1037
|
+
.touch-pan-y {
|
|
1038
|
+
--tw-pan-y: pan-y;
|
|
1039
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1040
|
+
}
|
|
1041
|
+
.touch-pinch-zoom {
|
|
1042
|
+
--tw-pinch-zoom: pinch-zoom;
|
|
1043
|
+
touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
|
|
1044
|
+
}
|
|
1034
1045
|
.resize {
|
|
1035
1046
|
resize: both;
|
|
1036
1047
|
}
|
|
@@ -5254,6 +5265,9 @@ body {
|
|
|
5254
5265
|
@property --tw-rotate-z { syntax: "*"; inherits: false; }
|
|
5255
5266
|
@property --tw-skew-x { syntax: "*"; inherits: false; }
|
|
5256
5267
|
@property --tw-skew-y { syntax: "*"; inherits: false; }
|
|
5268
|
+
@property --tw-pan-x { syntax: "*"; inherits: false; }
|
|
5269
|
+
@property --tw-pan-y { syntax: "*"; inherits: false; }
|
|
5270
|
+
@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
|
|
5257
5271
|
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5258
5272
|
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
5259
5273
|
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
|
|
@@ -5328,6 +5342,9 @@ body {
|
|
|
5328
5342
|
--tw-rotate-z: initial;
|
|
5329
5343
|
--tw-skew-x: initial;
|
|
5330
5344
|
--tw-skew-y: initial;
|
|
5345
|
+
--tw-pan-x: initial;
|
|
5346
|
+
--tw-pan-y: initial;
|
|
5347
|
+
--tw-pinch-zoom: initial;
|
|
5331
5348
|
--tw-space-y-reverse: 0;
|
|
5332
5349
|
--tw-space-x-reverse: 0;
|
|
5333
5350
|
--tw-divide-x-reverse: 0;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MobileDataGridHeader
|
|
3
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-ILHEM6BK.js";
|
|
4
4
|
import "../../chunk-WJJB7IJZ.js";
|
|
5
|
-
import "../../chunk-M7INAUAJ.js";
|
|
6
5
|
import "../../chunk-Q4YDNW7N.js";
|
|
7
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-M7INAUAJ.js";
|
|
7
|
+
import "../../chunk-C5DKGJ4E.js";
|
|
8
|
+
import "../../chunk-2IKT6IHB.js";
|
|
8
9
|
import "../../chunk-YCDDBSVU.js";
|
|
9
10
|
import "../../chunk-3X3Y4TMS.js";
|
|
10
11
|
import "../../chunk-BQNPOGD5.js";
|
|
11
12
|
import "../../chunk-Y5GD2FJA.js";
|
|
12
13
|
import "../../chunk-MBZ55T2D.js";
|
|
13
|
-
import "../../chunk-
|
|
14
|
+
import "../../chunk-SZ47M32R.js";
|
|
14
15
|
import "../../chunk-B4AE3DCA.js";
|
|
15
16
|
import "../../chunk-FP3Y5JJN.js";
|
|
16
17
|
import "../../chunk-5IFPG6TS.js";
|