@dmsi/wedgekit-react 0.0.494 → 0.0.495
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-BYY2NTJH.js → chunk-2A7H5GVB.js} +2 -2
- package/dist/{chunk-IPAKWF2V.js → chunk-5R4C5F63.js} +13 -7
- package/dist/chunk-BTKWHCUE.js +137 -0
- package/dist/chunk-Y5GD2FJA.js +32 -0
- package/dist/{chunk-QBSEKZWX.js → chunk-ZKTHUXKS.js} +1 -1
- package/dist/components/CalendarRange.cjs +526 -398
- package/dist/components/CalendarRange.css +5 -0
- package/dist/components/CalendarRange.js +6 -4
- package/dist/components/Caption.cjs +6 -3
- package/dist/components/Caption.js +5 -129
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +517 -389
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +5 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +6 -4
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +520 -392
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +5 -0
- package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +6 -4
- package/dist/components/DataGrid/PinnedColumns.cjs +521 -393
- package/dist/components/DataGrid/PinnedColumns.css +5 -0
- package/dist/components/DataGrid/PinnedColumns.js +6 -4
- package/dist/components/DataGrid/TableBody/LoadingCell.cjs +515 -387
- package/dist/components/DataGrid/TableBody/LoadingCell.css +5 -0
- package/dist/components/DataGrid/TableBody/LoadingCell.js +6 -4
- package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +516 -388
- package/dist/components/DataGrid/TableBody/TableBodyRow.css +5 -0
- package/dist/components/DataGrid/TableBody/TableBodyRow.js +6 -4
- package/dist/components/DataGrid/TableBody/index.cjs +516 -388
- package/dist/components/DataGrid/TableBody/index.css +5 -0
- package/dist/components/DataGrid/TableBody/index.js +6 -4
- package/dist/components/DataGrid/index.cjs +536 -408
- package/dist/components/DataGrid/index.css +5 -0
- package/dist/components/DataGrid/index.js +6 -4
- package/dist/components/DataGrid/utils.cjs +515 -387
- package/dist/components/DataGrid/utils.css +5 -0
- package/dist/components/DataGrid/utils.js +6 -4
- package/dist/components/DataGridCell.cjs +212 -88
- package/dist/components/DataGridCell.js +3 -2
- package/dist/components/DateInput.cjs +508 -380
- package/dist/components/DateInput.css +5 -0
- package/dist/components/DateInput.js +6 -4
- package/dist/components/DateRangeInput.cjs +514 -386
- package/dist/components/DateRangeInput.css +5 -0
- package/dist/components/DateRangeInput.js +6 -4
- package/dist/components/MenuOption.cjs +147 -23
- package/dist/components/MenuOption.js +2 -1
- package/dist/components/MobileDataGrid/ColumnList.js +1 -1
- package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +526 -398
- package/dist/components/MobileDataGrid/ColumnSelector/index.css +5 -0
- package/dist/components/MobileDataGrid/ColumnSelector/index.js +6 -4
- package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +1 -1
- package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +505 -377
- package/dist/components/MobileDataGrid/MobileDataGridHeader.css +5 -0
- package/dist/components/MobileDataGrid/MobileDataGridHeader.js +6 -4
- package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +1 -1
- package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +1 -1
- package/dist/components/MobileDataGrid/index.cjs +560 -432
- package/dist/components/MobileDataGrid/index.css +5 -0
- package/dist/components/MobileDataGrid/index.js +6 -4
- package/dist/components/NestedMenu.cjs +170 -46
- package/dist/components/NestedMenu.js +2 -1
- package/dist/components/SearchResultImage/index.cjs +92 -0
- package/dist/components/SearchResultImage/index.js +8 -0
- package/dist/components/index.cjs +707 -556
- package/dist/components/index.css +5 -0
- package/dist/components/index.js +9 -4
- package/dist/index.css +5 -0
- package/package.json +1 -1
- package/src/components/Caption.tsx +3 -0
- package/src/components/MenuOption.tsx +16 -6
- package/src/components/SearchResultImage/index.tsx +39 -0
- package/src/components/index.ts +1 -0
|
@@ -4091,6 +4091,11 @@
|
|
|
4091
4091
|
margin-top: var(--spacing-desktop-container-padding);
|
|
4092
4092
|
}
|
|
4093
4093
|
}
|
|
4094
|
+
.desktop\:mt-px {
|
|
4095
|
+
@container root (width >= 48rem) {
|
|
4096
|
+
margin-top: 1px;
|
|
4097
|
+
}
|
|
4098
|
+
}
|
|
4094
4099
|
.desktop\:mb-desktop-container-padding {
|
|
4095
4100
|
@container root (width >= 48rem) {
|
|
4096
4101
|
margin-bottom: var(--spacing-desktop-container-padding);
|
|
@@ -2,11 +2,12 @@ import {
|
|
|
2
2
|
CalendarRange,
|
|
3
3
|
CalendarRange_default,
|
|
4
4
|
isWeekend
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-2A7H5GVB.js";
|
|
6
6
|
import "../chunk-M7INAUAJ.js";
|
|
7
7
|
import "../chunk-4Q7T4GJ2.js";
|
|
8
8
|
import "../chunk-3DEYCNUE.js";
|
|
9
9
|
import "../chunk-DYBJUTGK.js";
|
|
10
|
+
import "../chunk-Y5GD2FJA.js";
|
|
10
11
|
import "../chunk-TPBEID5X.js";
|
|
11
12
|
import "../chunk-B53XDCLO.js";
|
|
12
13
|
import "../chunk-MBZ55T2D.js";
|
|
@@ -17,8 +18,8 @@ import "../chunk-BQNPOGD5.js";
|
|
|
17
18
|
import "../chunk-QMSPTD6L.js";
|
|
18
19
|
import "../chunk-XIXQUEYC.js";
|
|
19
20
|
import "../chunk-5IFPG6TS.js";
|
|
20
|
-
import "../chunk-KW6V7O3H.js";
|
|
21
21
|
import "../chunk-AJ5M6MVX.js";
|
|
22
|
+
import "../chunk-KW6V7O3H.js";
|
|
22
23
|
import "../chunk-JUFBGNWW.js";
|
|
23
24
|
import "../chunk-YEZBNQZI.js";
|
|
24
25
|
import "../chunk-S5ZJ3Q7P.js";
|
|
@@ -39,15 +40,16 @@ import "../chunk-6TYWM26K.js";
|
|
|
39
40
|
import "../chunk-SBRRNFOP.js";
|
|
40
41
|
import "../chunk-Y2GK27RX.js";
|
|
41
42
|
import "../chunk-QVWYTQKL.js";
|
|
42
|
-
import "../chunk-
|
|
43
|
+
import "../chunk-ZKTHUXKS.js";
|
|
43
44
|
import "../chunk-TCMOGTPB.js";
|
|
44
45
|
import "../chunk-DVU5XV7L.js";
|
|
45
|
-
import "../chunk-
|
|
46
|
+
import "../chunk-5R4C5F63.js";
|
|
46
47
|
import "../chunk-RQRR4FEF.js";
|
|
47
48
|
import "../chunk-44TH3VC7.js";
|
|
48
49
|
import "../chunk-AL5QIRY3.js";
|
|
49
50
|
import "../chunk-WVUIIBRR.js";
|
|
50
51
|
import "../chunk-75USUR3I.js";
|
|
52
|
+
import "../chunk-BTKWHCUE.js";
|
|
51
53
|
import "../chunk-WEAVZEE4.js";
|
|
52
54
|
import "../chunk-OZBB6RFM.js";
|
|
53
55
|
import "../chunk-URYQ24NF.js";
|
|
@@ -247,7 +247,8 @@ var Caption = (_a) => {
|
|
|
247
247
|
color,
|
|
248
248
|
align,
|
|
249
249
|
id,
|
|
250
|
-
testid
|
|
250
|
+
testid,
|
|
251
|
+
marginTopDesktop
|
|
251
252
|
} = _b, props = __objRest(_b, [
|
|
252
253
|
"className",
|
|
253
254
|
"children",
|
|
@@ -256,7 +257,8 @@ var Caption = (_a) => {
|
|
|
256
257
|
"color",
|
|
257
258
|
"align",
|
|
258
259
|
"id",
|
|
259
|
-
"testid"
|
|
260
|
+
"testid",
|
|
261
|
+
"marginTopDesktop"
|
|
260
262
|
]);
|
|
261
263
|
const Element = as;
|
|
262
264
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
|
|
@@ -284,7 +286,8 @@ var Caption = (_a) => {
|
|
|
284
286
|
align === "left" && "text-left",
|
|
285
287
|
align === "center" && "text-center",
|
|
286
288
|
align === "right" && "text-right",
|
|
287
|
-
className
|
|
289
|
+
className,
|
|
290
|
+
marginTopDesktop && `desktop:mt-px`
|
|
288
291
|
)
|
|
289
292
|
}, props), {
|
|
290
293
|
style: {
|
|
@@ -1,133 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "../chunk-ORMEWXMH.js";
|
|
12
|
-
|
|
13
|
-
// src/components/Caption.tsx
|
|
14
|
-
import clsx from "clsx";
|
|
15
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
-
var Caption = (_a) => {
|
|
17
|
-
var _b = _a, {
|
|
18
|
-
className,
|
|
19
|
-
children,
|
|
20
|
-
as = "span",
|
|
21
|
-
style = "default",
|
|
22
|
-
color,
|
|
23
|
-
align,
|
|
24
|
-
id,
|
|
25
|
-
testid
|
|
26
|
-
} = _b, props = __objRest(_b, [
|
|
27
|
-
"className",
|
|
28
|
-
"children",
|
|
29
|
-
"as",
|
|
30
|
-
"style",
|
|
31
|
-
"color",
|
|
32
|
-
"align",
|
|
33
|
-
"id",
|
|
34
|
-
"testid"
|
|
35
|
-
]);
|
|
36
|
-
const Element = as;
|
|
37
|
-
return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, className: "flex gap-1", children: [
|
|
38
|
-
/* @__PURE__ */ jsx(
|
|
39
|
-
WhichIcon,
|
|
40
|
-
{
|
|
41
|
-
id,
|
|
42
|
-
testid,
|
|
43
|
-
style,
|
|
44
|
-
size: 16,
|
|
45
|
-
className: "mt-[3px] desktop:mt-0"
|
|
46
|
-
}
|
|
47
|
-
),
|
|
48
|
-
/* @__PURE__ */ jsx(
|
|
49
|
-
Element,
|
|
50
|
-
__spreadProps(__spreadValues({
|
|
51
|
-
id: id ? `${id}-text` : void 0,
|
|
52
|
-
"data-testid": testid ? `${testid}-text` : void 0,
|
|
53
|
-
className: clsx(
|
|
54
|
-
typography.caption.replace("text-text-primary-normal", ""),
|
|
55
|
-
(style === "default" || style === "info") && "text-text-secondary-normal",
|
|
56
|
-
style === "success" && "text-text-success-normal",
|
|
57
|
-
style === "warning" && "text-text-warning-normal",
|
|
58
|
-
style === "error" && "text-text-critical-normal",
|
|
59
|
-
align === "left" && "text-left",
|
|
60
|
-
align === "center" && "text-center",
|
|
61
|
-
align === "right" && "text-right",
|
|
62
|
-
className
|
|
63
|
-
)
|
|
64
|
-
}, props), {
|
|
65
|
-
style: {
|
|
66
|
-
color: color ? `var(--color-${color})` : void 0
|
|
67
|
-
},
|
|
68
|
-
children
|
|
69
|
-
})
|
|
70
|
-
)
|
|
71
|
-
] });
|
|
72
|
-
};
|
|
73
|
-
var WhichIcon = ({
|
|
74
|
-
style,
|
|
75
|
-
size,
|
|
76
|
-
className,
|
|
77
|
-
id,
|
|
78
|
-
testid
|
|
79
|
-
}) => {
|
|
80
|
-
if (style === "success") {
|
|
81
|
-
return /* @__PURE__ */ jsx("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ jsx(
|
|
82
|
-
Icon,
|
|
83
|
-
{
|
|
84
|
-
id: id ? `${id}-icon` : void 0,
|
|
85
|
-
testid: testid ? `${testid}-icon` : void 0,
|
|
86
|
-
className,
|
|
87
|
-
name: "check_circle",
|
|
88
|
-
size
|
|
89
|
-
}
|
|
90
|
-
) });
|
|
91
|
-
}
|
|
92
|
-
if (style === "warning") {
|
|
93
|
-
return /* @__PURE__ */ jsx("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ jsx(
|
|
94
|
-
Icon,
|
|
95
|
-
{
|
|
96
|
-
id: id ? `${id}-icon` : void 0,
|
|
97
|
-
testid: testid ? `${testid}-icon` : void 0,
|
|
98
|
-
className,
|
|
99
|
-
name: "warning",
|
|
100
|
-
size
|
|
101
|
-
}
|
|
102
|
-
) });
|
|
103
|
-
}
|
|
104
|
-
if (style === "error") {
|
|
105
|
-
return /* @__PURE__ */ jsx("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ jsx(
|
|
106
|
-
Icon,
|
|
107
|
-
{
|
|
108
|
-
id: id ? `${id}-icon` : void 0,
|
|
109
|
-
testid: testid ? `${testid}-icon` : void 0,
|
|
110
|
-
className,
|
|
111
|
-
name: "info",
|
|
112
|
-
size
|
|
113
|
-
}
|
|
114
|
-
) });
|
|
115
|
-
}
|
|
116
|
-
if (style === "info") {
|
|
117
|
-
return /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(
|
|
118
|
-
Icon,
|
|
119
|
-
{
|
|
120
|
-
id: id ? `${id}-icon` : void 0,
|
|
121
|
-
testid: testid ? `${testid}-icon` : void 0,
|
|
122
|
-
className,
|
|
123
|
-
name: "info",
|
|
124
|
-
size
|
|
125
|
-
}
|
|
126
|
-
) });
|
|
127
|
-
}
|
|
128
|
-
return null;
|
|
129
|
-
};
|
|
130
|
-
Caption.displayName = "Caption";
|
|
2
|
+
Caption
|
|
3
|
+
} from "../chunk-BTKWHCUE.js";
|
|
4
|
+
import "../chunk-NKUETCDA.js";
|
|
5
|
+
import "../chunk-IXR65MOU.js";
|
|
6
|
+
import "../chunk-ORMEWXMH.js";
|
|
131
7
|
export {
|
|
132
8
|
Caption
|
|
133
9
|
};
|