design-zystem 1.0.310 → 1.0.311
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/index.css +2 -1
- package/dist/index.d.mts +55 -56
- package/dist/index.d.ts +55 -56
- package/dist/index.js +93 -85
- package/dist/index.mjs +93 -85
- package/dist/ui/index.d.mts +1177 -0
- package/dist/ui/index.d.ts +1177 -0
- package/dist/ui/index.js +5734 -0
- package/dist/ui/index.mjs +5597 -0
- package/dist/ui/style.css +1 -0
- package/package.json +57 -3
package/dist/index.js
CHANGED
|
@@ -171,7 +171,7 @@ __export(index_exports, {
|
|
|
171
171
|
});
|
|
172
172
|
module.exports = __toCommonJS(index_exports);
|
|
173
173
|
|
|
174
|
-
// src/Components/PageContainer/PageContainer.tsx
|
|
174
|
+
// src/ui-legacy/Components/PageContainer/PageContainer.tsx
|
|
175
175
|
var import_styled_components = __toESM(require("styled-components"));
|
|
176
176
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
177
177
|
var shouldForwardProp = (prop) => ![
|
|
@@ -235,10 +235,10 @@ var PageContainer = (_a) => {
|
|
|
235
235
|
);
|
|
236
236
|
};
|
|
237
237
|
|
|
238
|
-
// src/Components/Box/Box.tsx
|
|
238
|
+
// src/ui-legacy/Components/Box/Box.tsx
|
|
239
239
|
var import_styled_components2 = __toESM(require("styled-components"));
|
|
240
240
|
|
|
241
|
-
// src/data/colors.ts
|
|
241
|
+
// src/ui-legacy/data/colors.ts
|
|
242
242
|
var colors = {
|
|
243
243
|
primary: "#52bdc4",
|
|
244
244
|
secondary: "#f8af2d",
|
|
@@ -362,7 +362,7 @@ var colors = {
|
|
|
362
362
|
light_blue: "#F1F5F9"
|
|
363
363
|
};
|
|
364
364
|
|
|
365
|
-
// src/Components/Box/Box.tsx
|
|
365
|
+
// src/ui-legacy/Components/Box/Box.tsx
|
|
366
366
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
367
367
|
var shouldForwardProp2 = (prop) => ![
|
|
368
368
|
"fullWidth",
|
|
@@ -432,7 +432,7 @@ var Box = (_a) => {
|
|
|
432
432
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledBox, __spreadProps(__spreadValues({ hasShadow }, rest), { children }));
|
|
433
433
|
};
|
|
434
434
|
|
|
435
|
-
// src/Components/Grid/Grid.tsx
|
|
435
|
+
// src/ui-legacy/Components/Grid/Grid.tsx
|
|
436
436
|
var import_styled_components3 = __toESM(require("styled-components"));
|
|
437
437
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
438
438
|
var shouldForwardPropGrid = (prop) => ![
|
|
@@ -476,7 +476,7 @@ var Grid = (props) => {
|
|
|
476
476
|
);
|
|
477
477
|
};
|
|
478
478
|
|
|
479
|
-
// src/Components/Row/Row.tsx
|
|
479
|
+
// src/ui-legacy/Components/Row/Row.tsx
|
|
480
480
|
var import_react = require("react");
|
|
481
481
|
var import_styled_components4 = __toESM(require("styled-components"));
|
|
482
482
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
@@ -530,7 +530,7 @@ var Row = (0, import_react.forwardRef)((props, ref) => {
|
|
|
530
530
|
Row.displayName = "Row";
|
|
531
531
|
var Row_default = Row;
|
|
532
532
|
|
|
533
|
-
// src/Components/Col/Col.tsx
|
|
533
|
+
// src/ui-legacy/Components/Col/Col.tsx
|
|
534
534
|
var import_react2 = require("react");
|
|
535
535
|
var import_styled_components5 = __toESM(require("styled-components"));
|
|
536
536
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
@@ -606,7 +606,7 @@ var Col = (0, import_react2.forwardRef)((props, ref) => {
|
|
|
606
606
|
Col.displayName = "Col";
|
|
607
607
|
var Col_default = Col;
|
|
608
608
|
|
|
609
|
-
// src/Components/Text/Text.tsx
|
|
609
|
+
// src/ui-legacy/Components/Text/Text.tsx
|
|
610
610
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
611
611
|
var textSizes = {
|
|
612
612
|
xxs: "10px",
|
|
@@ -690,7 +690,7 @@ var Text = (props) => {
|
|
|
690
690
|
};
|
|
691
691
|
var Text_default = Text;
|
|
692
692
|
|
|
693
|
-
// src/Components/Icon/Icon.tsx
|
|
693
|
+
// src/ui-legacy/Components/Icon/Icon.tsx
|
|
694
694
|
var import_styled_components6 = __toESM(require("styled-components"));
|
|
695
695
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
696
696
|
var textSizes2 = {
|
|
@@ -763,7 +763,7 @@ var Icon = (props) => {
|
|
|
763
763
|
};
|
|
764
764
|
var Icon_default = Icon;
|
|
765
765
|
|
|
766
|
-
// src/Components/Divider/Divider.tsx
|
|
766
|
+
// src/ui-legacy/Components/Divider/Divider.tsx
|
|
767
767
|
var import_styled_components7 = __toESM(require("styled-components"));
|
|
768
768
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
769
769
|
var isColorToken = (value) => Object.prototype.hasOwnProperty.call(colors, value);
|
|
@@ -813,7 +813,7 @@ var Divider = (_a) => {
|
|
|
813
813
|
);
|
|
814
814
|
};
|
|
815
815
|
|
|
816
|
-
// src/Components/Bulk/Bulk.tsx
|
|
816
|
+
// src/ui-legacy/Components/Bulk/Bulk.tsx
|
|
817
817
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
818
818
|
var Bulk = ({
|
|
819
819
|
onClose,
|
|
@@ -908,7 +908,7 @@ var Bulk = ({
|
|
|
908
908
|
);
|
|
909
909
|
};
|
|
910
910
|
|
|
911
|
-
// src/Components/Collapse/Collapse.tsx
|
|
911
|
+
// src/ui-legacy/Components/Collapse/Collapse.tsx
|
|
912
912
|
var import_react3 = require("react");
|
|
913
913
|
var import_styled_components8 = __toESM(require("styled-components"));
|
|
914
914
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
@@ -942,7 +942,7 @@ var Collapse = ({ open, children, maxHeight }) => {
|
|
|
942
942
|
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Wrapper, { $height: height, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Inner, { ref: innerRef, $maxHeight: maxHeight, children }) });
|
|
943
943
|
};
|
|
944
944
|
|
|
945
|
-
// src/Components/Button/Button.tsx
|
|
945
|
+
// src/ui-legacy/Components/Button/Button.tsx
|
|
946
946
|
var import_react4 = require("react");
|
|
947
947
|
var import_styled_components9 = __toESM(require("styled-components"));
|
|
948
948
|
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
@@ -1166,7 +1166,7 @@ var Button = (_a) => {
|
|
|
1166
1166
|
);
|
|
1167
1167
|
};
|
|
1168
1168
|
|
|
1169
|
-
// src/Components/Modal/Modal.tsx
|
|
1169
|
+
// src/ui-legacy/Components/Modal/Modal.tsx
|
|
1170
1170
|
var import_react5 = require("react");
|
|
1171
1171
|
var import_styled_components10 = __toESM(require("styled-components"));
|
|
1172
1172
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
@@ -1275,7 +1275,7 @@ var Modal = (props) => {
|
|
|
1275
1275
|
] });
|
|
1276
1276
|
};
|
|
1277
1277
|
|
|
1278
|
-
// src/Components/ModalConfirmation/ModalConfirmation.tsx
|
|
1278
|
+
// src/ui-legacy/Components/ModalConfirmation/ModalConfirmation.tsx
|
|
1279
1279
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1280
1280
|
var ModalConfirmation = (props) => {
|
|
1281
1281
|
const { isOpen, onConfirm, onCancel, isLoading, width } = props;
|
|
@@ -1289,10 +1289,10 @@ var ModalConfirmation = (props) => {
|
|
|
1289
1289
|
] }) });
|
|
1290
1290
|
};
|
|
1291
1291
|
|
|
1292
|
-
// src/Components/NewModal/NewModal.tsx
|
|
1292
|
+
// src/ui-legacy/Components/NewModal/NewModal.tsx
|
|
1293
1293
|
var import_react7 = require("react");
|
|
1294
1294
|
|
|
1295
|
-
// src/Components/Bubble/Bubble.tsx
|
|
1295
|
+
// src/ui-legacy/Components/Bubble/Bubble.tsx
|
|
1296
1296
|
var import_styled_components11 = __toESM(require("styled-components"));
|
|
1297
1297
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1298
1298
|
var textSizes3 = {
|
|
@@ -1377,7 +1377,7 @@ var Bubble = (_a) => {
|
|
|
1377
1377
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StyledBubble, __spreadProps(__spreadValues({}, otherProps), { children }));
|
|
1378
1378
|
};
|
|
1379
1379
|
|
|
1380
|
-
// src/Components/Tooltip/Tooltip.tsx
|
|
1380
|
+
// src/ui-legacy/Components/Tooltip/Tooltip.tsx
|
|
1381
1381
|
var import_react6 = require("react");
|
|
1382
1382
|
var import_styled_components12 = __toESM(require("styled-components"));
|
|
1383
1383
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
@@ -1508,7 +1508,7 @@ var Tooltip = ({
|
|
|
1508
1508
|
);
|
|
1509
1509
|
};
|
|
1510
1510
|
|
|
1511
|
-
// src/Components/NewModal/NewModal.tsx
|
|
1511
|
+
// src/ui-legacy/Components/NewModal/NewModal.tsx
|
|
1512
1512
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1513
1513
|
var NewModal = ({
|
|
1514
1514
|
showModal,
|
|
@@ -1772,7 +1772,7 @@ var NewModal = ({
|
|
|
1772
1772
|
);
|
|
1773
1773
|
};
|
|
1774
1774
|
|
|
1775
|
-
// src/Components/Drawer/Drawer.tsx
|
|
1775
|
+
// src/ui-legacy/Components/Drawer/Drawer.tsx
|
|
1776
1776
|
var import_react8 = require("react");
|
|
1777
1777
|
var import_styled_components13 = __toESM(require("styled-components"));
|
|
1778
1778
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
@@ -1903,16 +1903,16 @@ var Drawer = ({
|
|
|
1903
1903
|
) });
|
|
1904
1904
|
};
|
|
1905
1905
|
|
|
1906
|
-
// src/Components/Toast/Toaster.tsx
|
|
1906
|
+
// src/ui-legacy/Components/Toast/Toaster.tsx
|
|
1907
1907
|
var import_react10 = require("react");
|
|
1908
1908
|
var import_react_dom = require("react-dom");
|
|
1909
1909
|
var import_styled_components15 = __toESM(require("styled-components"));
|
|
1910
1910
|
|
|
1911
|
-
// src/Components/Toast/ToastCard.tsx
|
|
1911
|
+
// src/ui-legacy/Components/Toast/ToastCard.tsx
|
|
1912
1912
|
var import_react9 = require("react");
|
|
1913
1913
|
var import_styled_components14 = __toESM(require("styled-components"));
|
|
1914
1914
|
|
|
1915
|
-
// src/Components/Toast/toastStore.ts
|
|
1915
|
+
// src/ui-legacy/Components/Toast/toastStore.ts
|
|
1916
1916
|
var DEFAULT_TIMEOUT_BY_TYPE = {
|
|
1917
1917
|
success: 2e3,
|
|
1918
1918
|
info: 2e3,
|
|
@@ -1954,7 +1954,7 @@ var dismissToast = (id) => {
|
|
|
1954
1954
|
emitChange();
|
|
1955
1955
|
};
|
|
1956
1956
|
|
|
1957
|
-
// src/Components/Toast/ToastCard.tsx
|
|
1957
|
+
// src/ui-legacy/Components/Toast/ToastCard.tsx
|
|
1958
1958
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1959
1959
|
var EXIT_DURATION = 180;
|
|
1960
1960
|
var ToastCard = ({ toastItem }) => {
|
|
@@ -2101,7 +2101,7 @@ var ProgressBar = import_styled_components14.default.div`
|
|
|
2101
2101
|
animation-play-state: ${({ $isExiting }) => $isExiting ? "paused" : "running"};
|
|
2102
2102
|
`;
|
|
2103
2103
|
|
|
2104
|
-
// src/Components/Toast/Toaster.tsx
|
|
2104
|
+
// src/ui-legacy/Components/Toast/Toaster.tsx
|
|
2105
2105
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2106
2106
|
var Toaster = () => {
|
|
2107
2107
|
const toasts2 = (0, import_react10.useSyncExternalStore)(subscribeToasts, getToastsSnapshot);
|
|
@@ -2122,7 +2122,7 @@ var Stack = import_styled_components15.default.div`
|
|
|
2122
2122
|
pointer-events: none;
|
|
2123
2123
|
`;
|
|
2124
2124
|
|
|
2125
|
-
// src/Components/Toast/toast.ts
|
|
2125
|
+
// src/ui-legacy/Components/Toast/toast.ts
|
|
2126
2126
|
var toast = {
|
|
2127
2127
|
success: (message, options) => pushToast("success", message, options),
|
|
2128
2128
|
error: (message, options) => pushToast("error", message, options),
|
|
@@ -2130,7 +2130,7 @@ var toast = {
|
|
|
2130
2130
|
info: (message, options) => pushToast("info", message, options)
|
|
2131
2131
|
};
|
|
2132
2132
|
|
|
2133
|
-
// src/Components/TagBubble/TagBubble.tsx
|
|
2133
|
+
// src/ui-legacy/Components/TagBubble/TagBubble.tsx
|
|
2134
2134
|
var import_styled_components16 = __toESM(require("styled-components"));
|
|
2135
2135
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2136
2136
|
var sizeToPx = {
|
|
@@ -2273,7 +2273,7 @@ var TagBubble = (_a) => {
|
|
|
2273
2273
|
);
|
|
2274
2274
|
};
|
|
2275
2275
|
|
|
2276
|
-
// src/Components/Link/Link.tsx
|
|
2276
|
+
// src/ui-legacy/Components/Link/Link.tsx
|
|
2277
2277
|
var import_styled_components17 = __toESM(require("styled-components"));
|
|
2278
2278
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2279
2279
|
var textSizes4 = {
|
|
@@ -2340,11 +2340,11 @@ var Link = (_a) => {
|
|
|
2340
2340
|
);
|
|
2341
2341
|
};
|
|
2342
2342
|
|
|
2343
|
-
// src/Components/Avatar/Avatar.tsx
|
|
2343
|
+
// src/ui-legacy/Components/Avatar/Avatar.tsx
|
|
2344
2344
|
var import_react11 = require("react");
|
|
2345
2345
|
var import_styled_components19 = __toESM(require("styled-components"));
|
|
2346
2346
|
|
|
2347
|
-
// src/Components/Image/Image.tsx
|
|
2347
|
+
// src/ui-legacy/Components/Image/Image.tsx
|
|
2348
2348
|
var import_styled_components18 = __toESM(require("styled-components"));
|
|
2349
2349
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2350
2350
|
var StyledImage = import_styled_components18.default.img`
|
|
@@ -2390,7 +2390,7 @@ var Image2 = (_a) => {
|
|
|
2390
2390
|
);
|
|
2391
2391
|
};
|
|
2392
2392
|
|
|
2393
|
-
// src/Components/Avatar/Avatar.tsx
|
|
2393
|
+
// src/ui-legacy/Components/Avatar/Avatar.tsx
|
|
2394
2394
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2395
2395
|
var Wrapper3 = import_styled_components19.default.div`
|
|
2396
2396
|
position: relative;
|
|
@@ -2532,7 +2532,7 @@ var Avatar = ({
|
|
|
2532
2532
|
] });
|
|
2533
2533
|
};
|
|
2534
2534
|
|
|
2535
|
-
// src/Components/Select/Select.tsx
|
|
2535
|
+
// src/ui-legacy/Components/Select/Select.tsx
|
|
2536
2536
|
var import_react12 = require("react");
|
|
2537
2537
|
var import_react_dom2 = __toESM(require("react-dom"));
|
|
2538
2538
|
var import_styled_components20 = __toESM(require("styled-components"));
|
|
@@ -2799,7 +2799,7 @@ var Select = ({
|
|
|
2799
2799
|
] });
|
|
2800
2800
|
};
|
|
2801
2801
|
|
|
2802
|
-
// src/Components/Input/Input.tsx
|
|
2802
|
+
// src/ui-legacy/Components/Input/Input.tsx
|
|
2803
2803
|
var import_react13 = require("react");
|
|
2804
2804
|
var import_styled_components21 = __toESM(require("styled-components"));
|
|
2805
2805
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
@@ -3235,7 +3235,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
|
|
|
3235
3235
|
});
|
|
3236
3236
|
Input.displayName = "Input";
|
|
3237
3237
|
|
|
3238
|
-
// src/Components/Checkbox/Checkbox.tsx
|
|
3238
|
+
// src/ui-legacy/Components/Checkbox/Checkbox.tsx
|
|
3239
3239
|
var import_react14 = require("react");
|
|
3240
3240
|
var import_styled_components22 = __toESM(require("styled-components"));
|
|
3241
3241
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
@@ -3281,7 +3281,7 @@ var Checkbox = ({
|
|
|
3281
3281
|
] });
|
|
3282
3282
|
};
|
|
3283
3283
|
|
|
3284
|
-
// src/Components/Radio/Radio.tsx
|
|
3284
|
+
// src/ui-legacy/Components/Radio/Radio.tsx
|
|
3285
3285
|
var import_react15 = require("react");
|
|
3286
3286
|
var import_styled_components23 = __toESM(require("styled-components"));
|
|
3287
3287
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
@@ -3358,7 +3358,7 @@ var Radio = ({
|
|
|
3358
3358
|
] }) });
|
|
3359
3359
|
};
|
|
3360
3360
|
|
|
3361
|
-
// src/Components/Accordion/Accordion.tsx
|
|
3361
|
+
// src/ui-legacy/Components/Accordion/Accordion.tsx
|
|
3362
3362
|
var import_react16 = require("react");
|
|
3363
3363
|
var import_styled_components24 = __toESM(require("styled-components"));
|
|
3364
3364
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
@@ -3502,7 +3502,7 @@ var Accordion = ({
|
|
|
3502
3502
|
] });
|
|
3503
3503
|
};
|
|
3504
3504
|
|
|
3505
|
-
// src/Components/ColorPicker/ColorPicker.tsx
|
|
3505
|
+
// src/ui-legacy/Components/ColorPicker/ColorPicker.tsx
|
|
3506
3506
|
var import_react17 = require("react");
|
|
3507
3507
|
var import_styled_components25 = __toESM(require("styled-components"));
|
|
3508
3508
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
@@ -3638,7 +3638,7 @@ var ColorPicker = (0, import_react17.forwardRef)(
|
|
|
3638
3638
|
);
|
|
3639
3639
|
ColorPicker.displayName = "ColorPicker";
|
|
3640
3640
|
|
|
3641
|
-
// src/Components/SliderInput/SliderInput.tsx
|
|
3641
|
+
// src/ui-legacy/Components/SliderInput/SliderInput.tsx
|
|
3642
3642
|
var import_react18 = require("react");
|
|
3643
3643
|
var import_styled_components26 = __toESM(require("styled-components"));
|
|
3644
3644
|
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
@@ -3769,7 +3769,7 @@ var SliderInput = (0, import_react18.forwardRef)(
|
|
|
3769
3769
|
);
|
|
3770
3770
|
SliderInput.displayName = "SliderInput";
|
|
3771
3771
|
|
|
3772
|
-
// src/Components/List/List.tsx
|
|
3772
|
+
// src/ui-legacy/Components/List/List.tsx
|
|
3773
3773
|
var import_styled_components27 = __toESM(require("styled-components"));
|
|
3774
3774
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
3775
3775
|
var shouldForwardProp9 = (prop) => ![
|
|
@@ -3810,7 +3810,7 @@ var List = (props) => {
|
|
|
3810
3810
|
);
|
|
3811
3811
|
};
|
|
3812
3812
|
|
|
3813
|
-
// src/Components/List/ListItem/ListItem.tsx
|
|
3813
|
+
// src/ui-legacy/Components/List/ListItem/ListItem.tsx
|
|
3814
3814
|
var import_styled_components28 = __toESM(require("styled-components"));
|
|
3815
3815
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
3816
3816
|
var shouldForwardProp10 = (prop) => ![
|
|
@@ -3855,7 +3855,7 @@ var ListItem = (props) => {
|
|
|
3855
3855
|
);
|
|
3856
3856
|
};
|
|
3857
3857
|
|
|
3858
|
-
// src/Components/Table/Table.tsx
|
|
3858
|
+
// src/ui-legacy/Components/Table/Table.tsx
|
|
3859
3859
|
var import_react19 = require("react");
|
|
3860
3860
|
var import_styled_components29 = __toESM(require("styled-components"));
|
|
3861
3861
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
@@ -3899,7 +3899,7 @@ var Table = (0, import_react19.forwardRef)((props, ref) => {
|
|
|
3899
3899
|
});
|
|
3900
3900
|
Table.displayName = "Table";
|
|
3901
3901
|
|
|
3902
|
-
// src/Components/Table/TableHeader/TableHeader.tsx
|
|
3902
|
+
// src/ui-legacy/Components/Table/TableHeader/TableHeader.tsx
|
|
3903
3903
|
var import_styled_components30 = __toESM(require("styled-components"));
|
|
3904
3904
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3905
3905
|
var shouldForwardPropTableHeader = (prop) => !["backgroundColor"].includes(prop);
|
|
@@ -3921,7 +3921,7 @@ var TableHeader = (props) => {
|
|
|
3921
3921
|
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(StyledTableHeader, __spreadProps(__spreadValues({}, otherProps), { children }));
|
|
3922
3922
|
};
|
|
3923
3923
|
|
|
3924
|
-
// src/Components/Table/TableBody/TableBody.tsx
|
|
3924
|
+
// src/ui-legacy/Components/Table/TableBody/TableBody.tsx
|
|
3925
3925
|
var import_react20 = require("react");
|
|
3926
3926
|
var import_styled_components31 = __toESM(require("styled-components"));
|
|
3927
3927
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
@@ -3950,7 +3950,7 @@ var TableBody = (0, import_react20.forwardRef)(
|
|
|
3950
3950
|
);
|
|
3951
3951
|
TableBody.displayName = "TableBody";
|
|
3952
3952
|
|
|
3953
|
-
// src/Components/Table/TableRow/TableRow.tsx
|
|
3953
|
+
// src/ui-legacy/Components/Table/TableRow/TableRow.tsx
|
|
3954
3954
|
var import_styled_components32 = __toESM(require("styled-components"));
|
|
3955
3955
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3956
3956
|
var shouldForwardPropTableRow = (prop) => ![
|
|
@@ -3981,7 +3981,7 @@ var TableRow = (props) => {
|
|
|
3981
3981
|
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StyledTableRow, __spreadProps(__spreadValues({}, otherProps), { children }));
|
|
3982
3982
|
};
|
|
3983
3983
|
|
|
3984
|
-
// src/Components/Table/TableCell/TableCell.tsx
|
|
3984
|
+
// src/ui-legacy/Components/Table/TableCell/TableCell.tsx
|
|
3985
3985
|
var import_styled_components33 = __toESM(require("styled-components"));
|
|
3986
3986
|
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3987
3987
|
var shouldForwardPropTableCell = (prop) => ![
|
|
@@ -4015,7 +4015,7 @@ var TableCell = (props) => {
|
|
|
4015
4015
|
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StyledTableCell, __spreadProps(__spreadValues({}, otherProps), { children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { style: { display: "flex", justifyContent: "center" }, children }) : children }));
|
|
4016
4016
|
};
|
|
4017
4017
|
|
|
4018
|
-
// src/Components/Table/TableHeaderCell/TableHeaderCell.tsx
|
|
4018
|
+
// src/ui-legacy/Components/Table/TableHeaderCell/TableHeaderCell.tsx
|
|
4019
4019
|
var import_react21 = require("react");
|
|
4020
4020
|
var import_styled_components34 = __toESM(require("styled-components"));
|
|
4021
4021
|
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
@@ -4087,7 +4087,7 @@ var TableHeaderCell = (props) => {
|
|
|
4087
4087
|
);
|
|
4088
4088
|
};
|
|
4089
4089
|
|
|
4090
|
-
// src/Components/Table/TableHeaderRow/TableHeaderRow.tsx
|
|
4090
|
+
// src/ui-legacy/Components/Table/TableHeaderRow/TableHeaderRow.tsx
|
|
4091
4091
|
var import_styled_components35 = __toESM(require("styled-components"));
|
|
4092
4092
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
4093
4093
|
var shouldForwardPropTableHeaderRow = (prop) => !["backgroundColor"].includes(prop);
|
|
@@ -4104,7 +4104,7 @@ var TableHeaderRow = (props) => {
|
|
|
4104
4104
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyledTableHeaderRow, __spreadProps(__spreadValues({}, otherProps), { children }));
|
|
4105
4105
|
};
|
|
4106
4106
|
|
|
4107
|
-
// src/Components/Table/TableFooter/TableFooter.tsx
|
|
4107
|
+
// src/ui-legacy/Components/Table/TableFooter/TableFooter.tsx
|
|
4108
4108
|
var import_styled_components36 = __toESM(require("styled-components"));
|
|
4109
4109
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
4110
4110
|
var shouldForwardPropTableFooter = (prop) => !["backgroundColor"].includes(prop);
|
|
@@ -4126,7 +4126,7 @@ var TableFooter = (props) => {
|
|
|
4126
4126
|
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(StyledTableFooter, __spreadProps(__spreadValues({}, otherProps), { children }));
|
|
4127
4127
|
};
|
|
4128
4128
|
|
|
4129
|
-
// src/Components/Table/TableFooterRow/TableFooterRow.tsx
|
|
4129
|
+
// src/ui-legacy/Components/Table/TableFooterRow/TableFooterRow.tsx
|
|
4130
4130
|
var import_styled_components37 = __toESM(require("styled-components"));
|
|
4131
4131
|
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
4132
4132
|
var shouldForwardPropTableFooterRow = (prop) => !["backgroundColor"].includes(prop);
|
|
@@ -4143,7 +4143,7 @@ var TableFooterRow = (props) => {
|
|
|
4143
4143
|
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StyledTableFooterRow, __spreadProps(__spreadValues({}, otherProps), { children }));
|
|
4144
4144
|
};
|
|
4145
4145
|
|
|
4146
|
-
// src/Components/Table/TableFooterCell/TableFooterCell.tsx
|
|
4146
|
+
// src/ui-legacy/Components/Table/TableFooterCell/TableFooterCell.tsx
|
|
4147
4147
|
var import_styled_components38 = __toESM(require("styled-components"));
|
|
4148
4148
|
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
4149
4149
|
var shouldForwardPropTableFooterCell = (prop) => !["useSort", "flexGrow", "flexShrink", "width"].includes(prop);
|
|
@@ -4182,7 +4182,7 @@ var TableFooterCell = (props) => {
|
|
|
4182
4182
|
);
|
|
4183
4183
|
};
|
|
4184
4184
|
|
|
4185
|
-
// src/Components/Table/SkeletonRow/SkeletonRow.tsx
|
|
4185
|
+
// src/ui-legacy/Components/Table/SkeletonRow/SkeletonRow.tsx
|
|
4186
4186
|
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
4187
4187
|
var style = `
|
|
4188
4188
|
.skeleton-loader {
|
|
@@ -4207,7 +4207,7 @@ var SkeletonRow = ({ columns = 9 }) => /* @__PURE__ */ (0, import_jsx_runtime43.
|
|
|
4207
4207
|
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "skeleton-loader" }) }, index)) })
|
|
4208
4208
|
] });
|
|
4209
4209
|
|
|
4210
|
-
// src/Components/Switch/Switch.tsx
|
|
4210
|
+
// src/ui-legacy/Components/Switch/Switch.tsx
|
|
4211
4211
|
var import_react22 = require("react");
|
|
4212
4212
|
var import_styled_components39 = __toESM(require("styled-components"));
|
|
4213
4213
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
@@ -4331,7 +4331,7 @@ var Switch = (0, import_react22.forwardRef)(
|
|
|
4331
4331
|
);
|
|
4332
4332
|
Switch.displayName = "Switch";
|
|
4333
4333
|
|
|
4334
|
-
// src/Components/CardSkeleton/CardSkeleton.tsx
|
|
4334
|
+
// src/ui-legacy/Components/CardSkeleton/CardSkeleton.tsx
|
|
4335
4335
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
4336
4336
|
var CardSkeleton = () => {
|
|
4337
4337
|
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
@@ -4344,7 +4344,7 @@ var CardSkeleton = () => {
|
|
|
4344
4344
|
);
|
|
4345
4345
|
};
|
|
4346
4346
|
|
|
4347
|
-
// src/Components/Options/Options.tsx
|
|
4347
|
+
// src/ui-legacy/Components/Options/Options.tsx
|
|
4348
4348
|
var import_react23 = require("react");
|
|
4349
4349
|
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4350
4350
|
var Options = ({
|
|
@@ -4413,7 +4413,7 @@ var Options = ({
|
|
|
4413
4413
|
);
|
|
4414
4414
|
};
|
|
4415
4415
|
|
|
4416
|
-
// src/Components/Stepper/Stepper.tsx
|
|
4416
|
+
// src/ui-legacy/Components/Stepper/Stepper.tsx
|
|
4417
4417
|
var import_react24 = require("react");
|
|
4418
4418
|
var import_styled_components40 = __toESM(require("styled-components"));
|
|
4419
4419
|
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
@@ -4469,7 +4469,7 @@ var Stepper = ({
|
|
|
4469
4469
|
}) });
|
|
4470
4470
|
};
|
|
4471
4471
|
|
|
4472
|
-
// src/Components/Tabs/Tabs.tsx
|
|
4472
|
+
// src/ui-legacy/Components/Tabs/Tabs.tsx
|
|
4473
4473
|
var import_react25 = require("react");
|
|
4474
4474
|
var import_styled_components41 = __toESM(require("styled-components"));
|
|
4475
4475
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
@@ -4799,7 +4799,7 @@ var Tabs = (_a) => {
|
|
|
4799
4799
|
);
|
|
4800
4800
|
};
|
|
4801
4801
|
|
|
4802
|
-
// src/Components/MultiSelect/MultiSelect.tsx
|
|
4802
|
+
// src/ui-legacy/Components/MultiSelect/MultiSelect.tsx
|
|
4803
4803
|
var import_react26 = require("react");
|
|
4804
4804
|
var import_styled_components42 = __toESM(require("styled-components"));
|
|
4805
4805
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
@@ -4895,7 +4895,7 @@ var MultiSelect = ({
|
|
|
4895
4895
|
] });
|
|
4896
4896
|
};
|
|
4897
4897
|
|
|
4898
|
-
// src/Components/DatePicker/DatePicker.tsx
|
|
4898
|
+
// src/ui-legacy/Components/DatePicker/DatePicker.tsx
|
|
4899
4899
|
var import_react27 = require("react");
|
|
4900
4900
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4901
4901
|
var LOCALE_MAP = {
|
|
@@ -5279,7 +5279,7 @@ var DatePicker = (props) => {
|
|
|
5279
5279
|
);
|
|
5280
5280
|
};
|
|
5281
5281
|
|
|
5282
|
-
// src/Components/IconTabs/IconTabs.tsx
|
|
5282
|
+
// src/ui-legacy/Components/IconTabs/IconTabs.tsx
|
|
5283
5283
|
var import_react28 = require("react");
|
|
5284
5284
|
var import_styled_components43 = __toESM(require("styled-components"));
|
|
5285
5285
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
@@ -5395,7 +5395,7 @@ var IconTabs = ({
|
|
|
5395
5395
|
] });
|
|
5396
5396
|
};
|
|
5397
5397
|
|
|
5398
|
-
// src/Components/Popover/Popover.tsx
|
|
5398
|
+
// src/ui-legacy/Components/Popover/Popover.tsx
|
|
5399
5399
|
var import_react29 = require("react");
|
|
5400
5400
|
var import_react_dom3 = require("react-dom");
|
|
5401
5401
|
var import_styled_components44 = __toESM(require("styled-components"));
|
|
@@ -5523,26 +5523,34 @@ var Popover = ({
|
|
|
5523
5523
|
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(PopoverWrapper, { ref, $fullWidth: fullWidth, children: [
|
|
5524
5524
|
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverTrigger, { $fullWidth: fullWidth, onClick: () => setOpen((o) => !o), children }),
|
|
5525
5525
|
open && (0, import_react_dom3.createPortal)(
|
|
5526
|
-
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5527
|
-
|
|
5526
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5527
|
+
PopoverMenu,
|
|
5528
5528
|
{
|
|
5529
|
-
|
|
5529
|
+
ref: menuRef,
|
|
5530
|
+
style: menuStyle,
|
|
5530
5531
|
$horizontal: isHorizontal,
|
|
5531
|
-
|
|
5532
|
-
|
|
5533
|
-
|
|
5534
|
-
|
|
5535
|
-
|
|
5536
|
-
|
|
5537
|
-
|
|
5538
|
-
|
|
5539
|
-
|
|
5532
|
+
children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5533
|
+
PopoverItem,
|
|
5534
|
+
{
|
|
5535
|
+
isLast: idx === items.length - 1,
|
|
5536
|
+
$horizontal: isHorizontal,
|
|
5537
|
+
onClick: () => {
|
|
5538
|
+
setOpen(false);
|
|
5539
|
+
item.action();
|
|
5540
|
+
},
|
|
5541
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
5542
|
+
children: item.label
|
|
5543
|
+
},
|
|
5544
|
+
typeof item.label === "string" ? item.label : idx
|
|
5545
|
+
))
|
|
5546
|
+
}
|
|
5547
|
+
),
|
|
5540
5548
|
document.body
|
|
5541
5549
|
)
|
|
5542
5550
|
] });
|
|
5543
5551
|
};
|
|
5544
5552
|
|
|
5545
|
-
// src/Components/MetricCard/MetricCard.tsx
|
|
5553
|
+
// src/ui-legacy/Components/MetricCard/MetricCard.tsx
|
|
5546
5554
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5547
5555
|
var MetricCard = ({
|
|
5548
5556
|
icon,
|
|
@@ -5601,7 +5609,7 @@ var MetricCard = ({
|
|
|
5601
5609
|
);
|
|
5602
5610
|
};
|
|
5603
5611
|
|
|
5604
|
-
// src/Components/Card/Card.tsx
|
|
5612
|
+
// src/ui-legacy/Components/Card/Card.tsx
|
|
5605
5613
|
var import_styled_components45 = __toESM(require("styled-components"));
|
|
5606
5614
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5607
5615
|
var StyledCard = import_styled_components45.default.div`
|
|
@@ -5639,7 +5647,7 @@ var Card2 = ({
|
|
|
5639
5647
|
}
|
|
5640
5648
|
);
|
|
5641
5649
|
|
|
5642
|
-
// src/Components/Banner/Banner.tsx
|
|
5650
|
+
// src/ui-legacy/Components/Banner/Banner.tsx
|
|
5643
5651
|
var import_styled_components46 = __toESM(require("styled-components"));
|
|
5644
5652
|
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5645
5653
|
var PRESET_STYLES = {
|
|
@@ -5825,7 +5833,7 @@ var Banner = ({
|
|
|
5825
5833
|
);
|
|
5826
5834
|
};
|
|
5827
5835
|
|
|
5828
|
-
// src/Components/Pagination/Pagination.tsx
|
|
5836
|
+
// src/ui-legacy/Components/Pagination/Pagination.tsx
|
|
5829
5837
|
var import_react30 = require("react");
|
|
5830
5838
|
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5831
5839
|
var getPageNumbers = (current, total) => {
|
|
@@ -5903,7 +5911,7 @@ var Pagination = ({
|
|
|
5903
5911
|
);
|
|
5904
5912
|
};
|
|
5905
5913
|
|
|
5906
|
-
// src/Components/FileUploadZone/FileUploadZone.tsx
|
|
5914
|
+
// src/ui-legacy/Components/FileUploadZone/FileUploadZone.tsx
|
|
5907
5915
|
var import_react31 = require("react");
|
|
5908
5916
|
var import_styled_components47 = __toESM(require("styled-components"));
|
|
5909
5917
|
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
@@ -6179,7 +6187,7 @@ var FileUploadZone = ({
|
|
|
6179
6187
|
] });
|
|
6180
6188
|
};
|
|
6181
6189
|
|
|
6182
|
-
// src/Components/Spinner/Spinner.tsx
|
|
6190
|
+
// src/ui-legacy/Components/Spinner/Spinner.tsx
|
|
6183
6191
|
var import_styled_components48 = __toESM(require("styled-components"));
|
|
6184
6192
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
6185
6193
|
var SIZES3 = {
|
|
@@ -6215,7 +6223,7 @@ var Spinner = ({ size = "m", color = "primary" }) => {
|
|
|
6215
6223
|
);
|
|
6216
6224
|
};
|
|
6217
6225
|
|
|
6218
|
-
// src/Components/EmptyState/EmptyState.tsx
|
|
6226
|
+
// src/ui-legacy/Components/EmptyState/EmptyState.tsx
|
|
6219
6227
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
6220
6228
|
var EmptyState = ({
|
|
6221
6229
|
icon = "inbox",
|
|
@@ -6244,7 +6252,7 @@ var EmptyState = ({
|
|
|
6244
6252
|
);
|
|
6245
6253
|
};
|
|
6246
6254
|
|
|
6247
|
-
// src/Components/FloatingButton/FloatingButton.tsx
|
|
6255
|
+
// src/ui-legacy/Components/FloatingButton/FloatingButton.tsx
|
|
6248
6256
|
var import_styled_components49 = __toESM(require("styled-components"));
|
|
6249
6257
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
6250
6258
|
var FloatingButton = ({
|
|
@@ -6376,7 +6384,7 @@ var CountBadge = import_styled_components49.default.span`
|
|
|
6376
6384
|
font-weight: 700;
|
|
6377
6385
|
`;
|
|
6378
6386
|
|
|
6379
|
-
// src/Components/ProgressBar/ProgressBar.tsx
|
|
6387
|
+
// src/ui-legacy/Components/ProgressBar/ProgressBar.tsx
|
|
6380
6388
|
var import_styled_components50 = __toESM(require("styled-components"));
|
|
6381
6389
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
6382
6390
|
var clampPercent = (value) => Math.max(0, Math.min(100, value));
|
|
@@ -6443,7 +6451,7 @@ var ProgressBar2 = ({
|
|
|
6443
6451
|
] });
|
|
6444
6452
|
};
|
|
6445
6453
|
|
|
6446
|
-
// src/Components/Timeline/Timeline.tsx
|
|
6454
|
+
// src/ui-legacy/Components/Timeline/Timeline.tsx
|
|
6447
6455
|
var import_styled_components51 = __toESM(require("styled-components"));
|
|
6448
6456
|
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
6449
6457
|
var List2 = import_styled_components51.default.div`
|
|
@@ -6507,7 +6515,7 @@ var Timeline = ({
|
|
|
6507
6515
|
}) });
|
|
6508
6516
|
};
|
|
6509
6517
|
|
|
6510
|
-
// src/Components/Gantt/Gantt.tsx
|
|
6518
|
+
// src/ui-legacy/Components/Gantt/Gantt.tsx
|
|
6511
6519
|
var import_styled_components52 = __toESM(require("styled-components"));
|
|
6512
6520
|
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
6513
6521
|
var Root = import_styled_components52.default.div`
|
|
@@ -6762,7 +6770,7 @@ var GanttSwatch = ({
|
|
|
6762
6770
|
filled = true
|
|
6763
6771
|
}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Swatch2, { $color: color, $filled: filled });
|
|
6764
6772
|
|
|
6765
|
-
// src/data/globalMethods.ts
|
|
6773
|
+
// src/ui-legacy/data/globalMethods.ts
|
|
6766
6774
|
var formatDate = (dateString, type = "date", language = "en") => {
|
|
6767
6775
|
if (!dateString) return "";
|
|
6768
6776
|
const date = new Date(dateString);
|
|
@@ -6904,7 +6912,7 @@ var formatName = (person, fallback = "") => {
|
|
|
6904
6912
|
return person ? `${(_a = person.firstname) != null ? _a : ""} ${(_b = person.lastname) != null ? _b : ""}`.trim() || fallback : fallback;
|
|
6905
6913
|
};
|
|
6906
6914
|
|
|
6907
|
-
// src/services/optimizeImage/optimizeImage.ts
|
|
6915
|
+
// src/ui-legacy/services/optimizeImage/optimizeImage.ts
|
|
6908
6916
|
var hasDocument = () => typeof document !== "undefined";
|
|
6909
6917
|
var hasObjectURL = () => typeof URL !== "undefined" && typeof URL.createObjectURL === "function" && typeof URL.revokeObjectURL === "function";
|
|
6910
6918
|
var readArrayBuffer = (file) => {
|