@natoora-libs/core 0.1.16-dev-doug-2 → 0.1.16-dev-doug-4
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.
|
@@ -2581,19 +2581,34 @@ var SvgIconSupplierPrices = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.
|
|
|
2581
2581
|
] });
|
|
2582
2582
|
var IconSupplierPrices_default = SvgIconSupplierPrices;
|
|
2583
2583
|
|
|
2584
|
-
// src/components/icons/
|
|
2584
|
+
// src/components/icons/IconTableEdit.tsx
|
|
2585
2585
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2586
|
-
var
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2586
|
+
var SvgIconTableEdit = (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
2587
|
+
"svg",
|
|
2588
|
+
{
|
|
2589
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2590
|
+
width: "24",
|
|
2591
|
+
height: "24",
|
|
2592
|
+
viewBox: "0 0 24 24",
|
|
2593
|
+
...props,
|
|
2594
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M21.7 13.35L20.7 14.35L18.65 12.3L19.65 11.3C19.86 11.08 20.21 11.08 20.42 11.3L21.7 12.58C21.92 12.79 21.92 13.14 21.7 13.35ZM12 18.94L18.07 12.88L20.12 14.93L14.06 21H12V18.94ZM4 2H18C18.5304 2 19.0391 2.21071 19.4142 2.58579C19.7893 2.96086 20 3.46957 20 4V8.17L16.17 12H12V16.17L10.17 18H4C3.46957 18 2.96086 17.7893 2.58579 17.4142C2.21071 17.0391 2 16.5304 2 16V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2ZM4 6V10H10V6H4ZM12 6V10H18V6H12ZM4 12V16H10V12H4Z" })
|
|
2595
|
+
}
|
|
2596
|
+
);
|
|
2597
|
+
var IconTableEdit_default = SvgIconTableEdit;
|
|
2598
|
+
|
|
2599
|
+
// src/components/icons/IconUserManagement.tsx
|
|
2600
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2601
|
+
var SvgIconUserManagement = () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 55 56.7", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("g", { id: "Layer_1", children: [
|
|
2602
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M672.6,1136.6c-1.6,0-3,1.3-3,2.9s1.4,3,3,3,3-1.4,2.9-2.9c0-1.6-1.3-3-2.9-3h0Z" }),
|
|
2603
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M683.4,1136.5c-1.7,0-3,1.4-3,3s1.4,3,3,3,3-1.4,3-3.1-1.4-2.9-3-2.9h0Z" }),
|
|
2604
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M672.4,1130.2h.9v1.2c0,1.1.9,2,2,2h6.9c-1.6.3-3,1.3-4,2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7s-2.3.3-3.3.9v-3.7h0c0,0,.2-.2.7-.3M687.2,1133.4v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4,0,.7,0,1.2-.2.2,0,.3,0,.3,0M688,1118.3c-.7,0-1.3.5-1.4,1.1v12.1c-.4,0-.7,0-.9,0-.4,0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1,0-1.6.3-1.6,1.6v8.1c-1.6.2-2.4,1-2.4,2.3v6.8c0,.2.2.7.5.7s.3,0,.5,0,.4,0,.6-.4c.8-1.6,2.1-2.4,3.8-2.4s2.9.8,3.7,2.3c0,.3.3.5.7.5h1.9c.5,0,.6-.2.8-.6.8-1.5,2.1-2.3,3.8-2.3s2.9.9,3.7,2.4c.5.9.5,1.8.2,3h5.4c.7,0,1.1-.6,1.1-1,0-.7-.3-1.1-.9-1.4-.2,0-.6,0-.8,0h-2.9v-18.7c-.3-.8-.7-1.2-1.4-1.2h0ZM672.4,1128.2v-7.2h5.5c0,0,.3,0,.3.3,1.4,3.3,2.9,6.6,4.2,9.9h0c-2.3,0-4.7,0-7.2,0v-2.3c0-.8,0-.9-.9-.9-.7,0-1.3,0-1.9,0h0Z" }),
|
|
2605
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M29.3,26.7c1-1.3,1.5-3,1.5-4.6s-.5-3.3-1.5-4.6c.9-.6,2-.9,3.1-.9,1.5,0,2.9.6,3.9,1.6,1,1,1.6,2.5,1.6,3.9s-.6,2.9-1.6,3.9-2.5,1.6-3.9,1.6c-1.1,0-2.2-.3-3.1-.9ZM17.3,22.1c0-1.1.3-2.2.9-3.1.6-.9,1.5-1.6,2.5-2,1-.4,2.1-.5,3.2-.3,1.1.2,2.1.7,2.8,1.5.8.8,1.3,1.8,1.5,2.8.2,1.1.1,2.2-.3,3.2-.4,1-1.1,1.9-2,2.5-.9.6-2,.9-3.1.9s-2.9-.6-3.9-1.6-1.6-2.5-1.6-3.9ZM20.5,22.1c0,.5.1.9.4,1.3.3.4.6.7,1.1.9.4.2.9.2,1.4.1.5,0,.9-.3,1.2-.7.3-.3.6-.8.7-1.2,0-.5,0-.9-.1-1.4-.2-.4-.5-.8-.9-1.1-.4-.3-.9-.4-1.3-.4s-1.2.3-1.7.7c-.4.4-.7,1.1-.7,1.7ZM34,37.1v3.2H11.8v-3.2s0-6.3,11.1-6.3,11.1,6.3,11.1,6.3ZM30.8,37.1c-.2-1.2-2.1-3.2-7.9-3.2s-7.8,2.1-7.9,3.2M33.9,30.8c1,.8,1.8,1.7,2.3,2.8.6,1.1.9,2.3.9,3.5v3.2h6.3v-3.2s0-5.8-9.6-6.3h0Z" })
|
|
2591
2606
|
] }) }) });
|
|
2592
2607
|
var IconUserManagement_default = SvgIconUserManagement;
|
|
2593
2608
|
|
|
2594
2609
|
// src/components/icons/IconVkc.tsx
|
|
2595
|
-
var
|
|
2596
|
-
var SvgIconVkc = (props) => /* @__PURE__ */ (0,
|
|
2610
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2611
|
+
var SvgIconVkc = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2597
2612
|
"path",
|
|
2598
2613
|
{
|
|
2599
2614
|
className: "icon-vkc_svg__st0",
|
|
@@ -2603,16 +2618,16 @@ var SvgIconVkc = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg",
|
|
|
2603
2618
|
var IconVkc_default = SvgIconVkc;
|
|
2604
2619
|
|
|
2605
2620
|
// src/components/icons/SamsaraLogo.tsx
|
|
2606
|
-
var
|
|
2607
|
-
var SvgSamsaraLogo = (props) => /* @__PURE__ */ (0,
|
|
2608
|
-
/* @__PURE__ */ (0,
|
|
2621
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2622
|
+
var SvgSamsaraLogo = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("svg", { viewBox: "0 0 36 52.4", ...props, children: [
|
|
2623
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2609
2624
|
"path",
|
|
2610
2625
|
{
|
|
2611
2626
|
className: "samsara_logo_svg__st0",
|
|
2612
2627
|
d: "M27.2 17.6c-.4.9-1 1.6-1.8 2.2-.7.5-1.5.7-2.4.7-.4 0-.7-.3-.7-.6 0-.4.3-.7.6-.7.6 0 1.2-.2 1.7-.5.6-.4 1-.9 1.3-1.6.2-.4.1-.8-.1-1.2-.2-.4-.6-.6-1-.6-.9-.1-1.6.2-2.2.8-.9 1-1.3 2.7-1.5 3.4-.1.6-1.7 7.4-2.3 10.1-.1.4-.5.7-.9.7s-.8-.3-.9-.7l-.2-1c-.7-3.1-2-8.6-2.1-9.1-.2-.7-.5-2.4-1.5-3.4-.6-.6-1.3-.9-2.2-.8-.4 0-.8.2-1 .6-.2.4-.3.8-.1 1.2.3.7.7 1.2 1.3 1.6.5.3 1.1.5 1.7.5.4 0 .7.3.6.7 0 .4-.3.7-.7.6-.9 0-1.7-.3-2.4-.7-.8-.5-1.4-1.2-1.8-2.2-.3-.8-.3-1.7.2-2.5.4-.7 1.2-1.2 2.1-1.3 1.3-.1 2.4.3 3.2 1.2 1.2 1.2 1.7 3.2 1.8 4 .1.5 1.2 5.3 2 8.4.7-3.2 1.8-7.9 2-8.4.2-.8.6-2.8 1.8-4 .8-.9 2-1.3 3.2-1.2.8 0 1.6.5 2.1 1.3s.6 1.7.2 2.5M21.3 7c-.9 0-1.8.2-2.7.5-.4.1-.9.1-1.3 0-.8-.4-1.7-.5-2.6-.5-5.1 0-9.4 5.2-9.4 11.3 0 6.8 5.1 12.8 12.5 14.6h.5c7.4-1.8 12.5-7.8 12.5-14.6C30.7 12.1 26.4 7 21.3 7"
|
|
2613
2628
|
}
|
|
2614
2629
|
),
|
|
2615
|
-
/* @__PURE__ */ (0,
|
|
2630
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2616
2631
|
"path",
|
|
2617
2632
|
{
|
|
2618
2633
|
className: "samsara_logo_svg__st0",
|
|
@@ -2660,13 +2675,14 @@ var icons = {
|
|
|
2660
2675
|
SvgIconImport: IconImport_default,
|
|
2661
2676
|
SvgIconSnail: IconSnail_default,
|
|
2662
2677
|
SvgEmptyGlassIcon: EmptyGlassIcon_default,
|
|
2663
|
-
SvgIconUserManagement: IconUserManagement_default
|
|
2678
|
+
SvgIconUserManagement: IconUserManagement_default,
|
|
2679
|
+
SvgIconTableEdit: IconTableEdit_default
|
|
2664
2680
|
};
|
|
2665
2681
|
var icons_default = icons;
|
|
2666
2682
|
|
|
2667
2683
|
// src/components/icons/IconAirplane.tsx
|
|
2668
|
-
var
|
|
2669
|
-
var SvgIconAirplane = (props) => /* @__PURE__ */ (0,
|
|
2684
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2685
|
+
var SvgIconAirplane = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2670
2686
|
"svg",
|
|
2671
2687
|
{
|
|
2672
2688
|
width: "24",
|
|
@@ -2675,7 +2691,7 @@ var SvgIconAirplane = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
|
2675
2691
|
fill: "none",
|
|
2676
2692
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2677
2693
|
...props,
|
|
2678
|
-
children: /* @__PURE__ */ (0,
|
|
2694
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
2679
2695
|
"path",
|
|
2680
2696
|
{
|
|
2681
2697
|
d: "M20.56 3.90998C21.15 4.49998 21.15 5.44998 20.56 6.02998L16.67 9.91998L18.79 19.11L17.38 20.53L13.5 13.1L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L11.37 11L3.94 7.08998L5.36 5.67998L14.55 7.79998L18.44 3.90998C19 3.32998 20 3.32998 20.56 3.90998Z",
|
|
@@ -2687,8 +2703,8 @@ var SvgIconAirplane = (props) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
|
2687
2703
|
var IconAirplane_default = SvgIconAirplane;
|
|
2688
2704
|
|
|
2689
2705
|
// src/components/icons/IconBicycle.tsx
|
|
2690
|
-
var
|
|
2691
|
-
var SvgIconBicycle = () => /* @__PURE__ */ (0,
|
|
2706
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
2707
|
+
var SvgIconBicycle = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2692
2708
|
"svg",
|
|
2693
2709
|
{
|
|
2694
2710
|
width: "24",
|
|
@@ -2696,7 +2712,7 @@ var SvgIconBicycle = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
|
2696
2712
|
viewBox: "0 0 24 24",
|
|
2697
2713
|
fill: "none",
|
|
2698
2714
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2699
|
-
children: /* @__PURE__ */ (0,
|
|
2715
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
2700
2716
|
"path",
|
|
2701
2717
|
{
|
|
2702
2718
|
d: "M19 10C18.44 10 17.91 10.11 17.41 10.28L14.46 4.5H11V6H13.54L14.42 7.72L12 13.13L10.23 8.95C10.5 8.85 10.74 8.58 10.74 8.25C10.74 7.84 10.41 7.5 10 7.5H8C7.58 7.5 7.24 7.84 7.24 8.25C7.24 8.66 7.58 9 8 9H8.61L10.86 14.25H9.92C9.56 11.85 7.5 10 5 10C2.24 10 0 12.24 0 15C0 17.76 2.24 20 5 20C7.5 20 9.56 18.15 9.92 15.75H12.5L15.29 9.43L16.08 10.96C14.82 11.87 14 13.34 14 15C14 17.76 16.24 20 19 20C21.76 20 24 17.76 24 15C24 12.24 21.76 10 19 10ZM5 18.5C3.07 18.5 1.5 16.93 1.5 15C1.5 13.07 3.07 11.5 5 11.5C6.67 11.5 8.07 12.68 8.41 14.25H4V15.75H8.41C8.07 17.32 6.67 18.5 5 18.5ZM19 18.5C17.07 18.5 15.5 16.93 15.5 15C15.5 13.92 16 12.97 16.77 12.33L18.57 15.85L19.89 15.13L18.1 11.63C18.39 11.56 18.69 11.5 19 11.5C20.93 11.5 22.5 13.07 22.5 15C22.5 16.93 20.93 18.5 19 18.5Z",
|
|
@@ -2708,8 +2724,8 @@ var SvgIconBicycle = () => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
|
2708
2724
|
var IconBicycle_default = SvgIconBicycle;
|
|
2709
2725
|
|
|
2710
2726
|
// src/components/icons/IconBus.tsx
|
|
2711
|
-
var
|
|
2712
|
-
var SvgIconBus = () => /* @__PURE__ */ (0,
|
|
2727
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
2728
|
+
var SvgIconBus = () => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2713
2729
|
"svg",
|
|
2714
2730
|
{
|
|
2715
2731
|
width: "24",
|
|
@@ -2717,7 +2733,7 @@ var SvgIconBus = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
|
2717
2733
|
viewBox: "0 0 24 24",
|
|
2718
2734
|
fill: "none",
|
|
2719
2735
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2720
|
-
children: /* @__PURE__ */ (0,
|
|
2736
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
2721
2737
|
"path",
|
|
2722
2738
|
{
|
|
2723
2739
|
d: "M3 4C1.89 4 1 4.89 1 6V17H3C3 17.7956 3.31607 18.5587 3.87868 19.1213C4.44129 19.6839 5.20435 20 6 20C6.79565 20 7.55871 19.6839 8.12132 19.1213C8.68393 18.5587 9 17.7956 9 17H15C15 17.7956 15.3161 18.5587 15.8787 19.1213C16.4413 19.6839 17.2044 20 18 20C18.7956 20 19.5587 19.6839 20.1213 19.1213C20.6839 18.5587 21 17.7956 21 17H23V14C23 12.89 22.11 12 21 12H19V9.5H23V6C23 4.89 22.11 4 21 4H3ZM2.5 5.5H6.5V8H2.5V5.5ZM8 5.5H12V8H8V5.5ZM13.5 5.5H17.5V8H13.5V5.5ZM19 5.5H21.5V8H19V5.5ZM13.5 9.5H17.5V12H13.5V9.5ZM2.5 9.5H6.5V12H2.5V9.5ZM8 9.5H12V12H8V9.5ZM6 15.5C6.39782 15.5 6.77936 15.658 7.06066 15.9393C7.34196 16.2206 7.5 16.6022 7.5 17C7.5 17.3978 7.34196 17.7794 7.06066 18.0607C6.77936 18.342 6.39782 18.5 6 18.5C5.60218 18.5 5.22064 18.342 4.93934 18.0607C4.65804 17.7794 4.5 17.3978 4.5 17C4.5 16.6022 4.65804 16.2206 4.93934 15.9393C5.22064 15.658 5.60218 15.5 6 15.5ZM18 15.5C18.3978 15.5 18.7794 15.658 19.0607 15.9393C19.342 16.2206 19.5 16.6022 19.5 17C19.5 17.3978 19.342 17.7794 19.0607 18.0607C18.7794 18.342 18.3978 18.5 18 18.5C17.6022 18.5 17.2206 18.342 16.9393 18.0607C16.658 17.7794 16.5 17.3978 16.5 17C16.5 16.6022 16.658 16.2206 16.9393 15.9393C17.2206 15.658 17.6022 15.5 18 15.5Z",
|
|
@@ -2729,8 +2745,8 @@ var SvgIconBus = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
|
2729
2745
|
var IconBus_default = SvgIconBus;
|
|
2730
2746
|
|
|
2731
2747
|
// src/components/icons/IconCar.tsx
|
|
2732
|
-
var
|
|
2733
|
-
var SvgIconCar = () => /* @__PURE__ */ (0,
|
|
2748
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
2749
|
+
var SvgIconCar = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2734
2750
|
"svg",
|
|
2735
2751
|
{
|
|
2736
2752
|
width: "24",
|
|
@@ -2738,7 +2754,7 @@ var SvgIconCar = () => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
|
2738
2754
|
viewBox: "0 0 24 24",
|
|
2739
2755
|
fill: "none",
|
|
2740
2756
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2741
|
-
children: /* @__PURE__ */ (0,
|
|
2757
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2742
2758
|
"path",
|
|
2743
2759
|
{
|
|
2744
2760
|
d: "M3 6H16L19 10H21C22.11 10 23 10.89 23 12V15H21C21 15.7956 20.6839 16.5587 20.1213 17.1213C19.5587 17.6839 18.7956 18 18 18C17.2044 18 16.4413 17.6839 15.8787 17.1213C15.3161 16.5587 15 15.7956 15 15H9C9 15.7956 8.68393 16.5587 8.12132 17.1213C7.55871 17.6839 6.79565 18 6 18C5.20435 18 4.44129 17.6839 3.87868 17.1213C3.31607 16.5587 3 15.7956 3 15H1V8C1 6.89 1.89 6 3 6ZM2.5 7.5V10H10.5V7.5H2.5ZM12 7.5V10H17.14L15.25 7.5H12ZM6 13.5C5.60218 13.5 5.22064 13.658 4.93934 13.9393C4.65804 14.2206 4.5 14.6022 4.5 15C4.5 15.3978 4.65804 15.7794 4.93934 16.0607C5.22064 16.342 5.60218 16.5 6 16.5C6.39782 16.5 6.77936 16.342 7.06066 16.0607C7.34196 15.7794 7.5 15.3978 7.5 15C7.5 14.6022 7.34196 14.2206 7.06066 13.9393C6.77936 13.658 6.39782 13.5 6 13.5ZM18 13.5C17.6022 13.5 17.2206 13.658 16.9393 13.9393C16.658 14.2206 16.5 14.6022 16.5 15C16.5 15.3978 16.658 15.7794 16.9393 16.0607C17.2206 16.342 17.6022 16.5 18 16.5C18.3978 16.5 18.7794 16.342 19.0607 16.0607C19.342 15.7794 19.5 15.3978 19.5 15C19.5 14.6022 19.342 14.2206 19.0607 13.9393C18.7794 13.658 18.3978 13.5 18 13.5Z",
|
|
@@ -2750,8 +2766,8 @@ var SvgIconCar = () => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
|
2750
2766
|
var IconCar_default = SvgIconCar;
|
|
2751
2767
|
|
|
2752
2768
|
// src/components/icons/IconFork.tsx
|
|
2753
|
-
var
|
|
2754
|
-
var SvgIconFork = () => /* @__PURE__ */ (0,
|
|
2769
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2770
|
+
var SvgIconFork = () => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2755
2771
|
"svg",
|
|
2756
2772
|
{
|
|
2757
2773
|
width: "20",
|
|
@@ -2759,7 +2775,7 @@ var SvgIconFork = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
|
2759
2775
|
viewBox: "0 0 20 20",
|
|
2760
2776
|
fill: "none",
|
|
2761
2777
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2762
|
-
children: /* @__PURE__ */ (0,
|
|
2778
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
2763
2779
|
"path",
|
|
2764
2780
|
{
|
|
2765
2781
|
d: "M2.17501 19.235L0.765015 17.825L10.415 8.16502L10.215 7.94501C9.43501 7.17501 9.43501 5.91501 10.215 5.13501L14.555 0.765015L15.485 1.68501L12.245 4.94501L13.205 5.88501L16.445 2.63501L17.365 3.55501L14.115 6.79502L15.055 7.75502L18.315 4.50501L19.235 5.44501L14.865 9.78502C14.085 10.565 12.825 10.565 12.055 9.78502L11.835 9.58502L2.17501 19.235Z",
|
|
@@ -2771,8 +2787,8 @@ var SvgIconFork = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
|
2771
2787
|
var IconFork_default = SvgIconFork;
|
|
2772
2788
|
|
|
2773
2789
|
// src/components/icons/IconHeart.tsx
|
|
2774
|
-
var
|
|
2775
|
-
var SvgIconHeart = () => /* @__PURE__ */ (0,
|
|
2790
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2791
|
+
var SvgIconHeart = () => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2776
2792
|
"svg",
|
|
2777
2793
|
{
|
|
2778
2794
|
width: "20",
|
|
@@ -2780,7 +2796,7 @@ var SvgIconHeart = () => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
|
2780
2796
|
viewBox: "0 0 20 20",
|
|
2781
2797
|
fill: "none",
|
|
2782
2798
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2783
|
-
children: /* @__PURE__ */ (0,
|
|
2799
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
2784
2800
|
"path",
|
|
2785
2801
|
{
|
|
2786
2802
|
d: "M10 19.175L8.55 17.855C3.4 13.185 0 10.095 0 6.32501C0 3.23501 2.42 0.825012 5.5 0.825012C7.24 0.825012 8.91 1.63501 10 2.90501C11.09 1.63501 12.76 0.825012 14.5 0.825012C17.58 0.825012 20 3.23501 20 6.32501C20 10.095 16.6 13.185 11.45 17.855L10 19.175Z",
|
|
@@ -2792,8 +2808,8 @@ var SvgIconHeart = () => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
|
2792
2808
|
var IconHeart_default = SvgIconHeart;
|
|
2793
2809
|
|
|
2794
2810
|
// src/components/icons/IconKnife.tsx
|
|
2795
|
-
var
|
|
2796
|
-
var SvgIconKnife = (props) => /* @__PURE__ */ (0,
|
|
2811
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2812
|
+
var SvgIconKnife = (props) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2797
2813
|
"svg",
|
|
2798
2814
|
{
|
|
2799
2815
|
width: "20",
|
|
@@ -2802,7 +2818,7 @@ var SvgIconKnife = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
|
2802
2818
|
fill: "none",
|
|
2803
2819
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2804
2820
|
...props,
|
|
2805
|
-
children: /* @__PURE__ */ (0,
|
|
2821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2806
2822
|
"path",
|
|
2807
2823
|
{
|
|
2808
2824
|
d: "M18.6191 0C21.9691 5.61 10.4691 18.15 10.4691 18.15L7.5991 15.28L2.9091 20L0.769104 17.86L18.6191 0Z",
|
|
@@ -2814,8 +2830,8 @@ var SvgIconKnife = (props) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
|
2814
2830
|
var IconKnife_default = SvgIconKnife;
|
|
2815
2831
|
|
|
2816
2832
|
// src/components/icons/IconSpoon.tsx
|
|
2817
|
-
var
|
|
2818
|
-
var SvgIconSpoon = () => /* @__PURE__ */ (0,
|
|
2833
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2834
|
+
var SvgIconSpoon = () => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2819
2835
|
"svg",
|
|
2820
2836
|
{
|
|
2821
2837
|
width: "20",
|
|
@@ -2823,7 +2839,7 @@ var SvgIconSpoon = () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
|
2823
2839
|
viewBox: "0 0 20 20",
|
|
2824
2840
|
fill: "none",
|
|
2825
2841
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2826
|
-
children: /* @__PURE__ */ (0,
|
|
2842
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2827
2843
|
"path",
|
|
2828
2844
|
{
|
|
2829
2845
|
d: "M12.093 9.31795L2.33303 19.0779L0.923035 17.6679L10.683 7.90795C9.97303 6.37795 10.473 4.22795 12.063 2.63795C13.973 0.717946 16.713 0.357947 18.173 1.81795C19.643 3.28795 19.283 6.02795 17.363 7.93795C15.773 9.52795 13.623 10.0279 12.093 9.31795Z",
|
|
@@ -2835,8 +2851,8 @@ var SvgIconSpoon = () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
|
2835
2851
|
var IconSpoon_default = SvgIconSpoon;
|
|
2836
2852
|
|
|
2837
2853
|
// src/resources/icons/BulkIcon.tsx
|
|
2838
|
-
var
|
|
2839
|
-
var BulkIcon = (props) => /* @__PURE__ */ (0,
|
|
2854
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2855
|
+
var BulkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2840
2856
|
"svg",
|
|
2841
2857
|
{
|
|
2842
2858
|
height: 24,
|
|
@@ -2844,13 +2860,13 @@ var BulkIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
|
2844
2860
|
width: 24,
|
|
2845
2861
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2846
2862
|
...props,
|
|
2847
|
-
children: /* @__PURE__ */ (0,
|
|
2863
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "M4 3h14a2 2 0 012 2v7.08a6.01 6.01 0 00-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 01-2-2V5c0-1.1.9-2 2-2zm0 4v4h6V7H4zm8 0v4h6V7h-6zm-8 6v4h6v-4H4zM18 19h-2l3 3 3-3h-2v-4h-2v4z" })
|
|
2848
2864
|
}
|
|
2849
2865
|
);
|
|
2850
2866
|
var BulkIcon_default = BulkIcon;
|
|
2851
2867
|
|
|
2852
2868
|
// src/components/Buttons/RoundButton/RoundButton.tsx
|
|
2853
|
-
var
|
|
2869
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2854
2870
|
var useStyles11 = (0, import_mui13.makeStyles)()(() => ({
|
|
2855
2871
|
base: {
|
|
2856
2872
|
backgroundColor: "transparent",
|
|
@@ -2968,48 +2984,48 @@ var RoundButton = ({
|
|
|
2968
2984
|
const { classes, cx } = useStyles11();
|
|
2969
2985
|
const iconSize = size === "small" ? "small" : "medium";
|
|
2970
2986
|
const iconComponentMap = {
|
|
2971
|
-
add: /* @__PURE__ */ (0,
|
|
2972
|
-
apps: /* @__PURE__ */ (0,
|
|
2973
|
-
arrowBack: /* @__PURE__ */ (0,
|
|
2974
|
-
arrowForward: /* @__PURE__ */ (0,
|
|
2975
|
-
avocado: /* @__PURE__ */ (0,
|
|
2976
|
-
backspaceOutlined: /* @__PURE__ */ (0,
|
|
2977
|
-
banana: /* @__PURE__ */ (0,
|
|
2978
|
-
block: /* @__PURE__ */ (0,
|
|
2979
|
-
bulk: /* @__PURE__ */ (0,
|
|
2980
|
-
callSplit: /* @__PURE__ */ (0,
|
|
2981
|
-
chevronRight: /* @__PURE__ */ (0,
|
|
2982
|
-
chevronUp: /* @__PURE__ */ (0,
|
|
2983
|
-
chevronDown: /* @__PURE__ */ (0,
|
|
2984
|
-
close: /* @__PURE__ */ (0,
|
|
2985
|
-
delete: /* @__PURE__ */ (0,
|
|
2986
|
-
done: /* @__PURE__ */ (0,
|
|
2987
|
-
edit: /* @__PURE__ */ (0,
|
|
2988
|
-
email: /* @__PURE__ */ (0,
|
|
2989
|
-
grape: /* @__PURE__ */ (0,
|
|
2990
|
-
groupAdd: /* @__PURE__ */ (0,
|
|
2991
|
-
history: /* @__PURE__ */ (0,
|
|
2992
|
-
menu: /* @__PURE__ */ (0,
|
|
2993
|
-
threeDots: /* @__PURE__ */ (0,
|
|
2994
|
-
notes: /* @__PURE__ */ (0,
|
|
2995
|
-
refresh: /* @__PURE__ */ (0,
|
|
2996
|
-
remove: /* @__PURE__ */ (0,
|
|
2997
|
-
search: /* @__PURE__ */ (0,
|
|
2998
|
-
send: /* @__PURE__ */ (0,
|
|
2999
|
-
strawberry: /* @__PURE__ */ (0,
|
|
3000
|
-
thumbDown: /* @__PURE__ */ (0,
|
|
3001
|
-
thumbUp: /* @__PURE__ */ (0,
|
|
3002
|
-
undo: /* @__PURE__ */ (0,
|
|
3003
|
-
play: /* @__PURE__ */ (0,
|
|
3004
|
-
snail: /* @__PURE__ */ (0,
|
|
3005
|
-
bus: /* @__PURE__ */ (0,
|
|
3006
|
-
spoon: /* @__PURE__ */ (0,
|
|
3007
|
-
fork: /* @__PURE__ */ (0,
|
|
3008
|
-
car: /* @__PURE__ */ (0,
|
|
3009
|
-
knife: /* @__PURE__ */ (0,
|
|
3010
|
-
bicycle: /* @__PURE__ */ (0,
|
|
3011
|
-
heart: /* @__PURE__ */ (0,
|
|
3012
|
-
airplane: /* @__PURE__ */ (0,
|
|
2987
|
+
add: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Add, { fontSize: iconSize }),
|
|
2988
|
+
apps: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Apps, { fontSize: iconSize }),
|
|
2989
|
+
arrowBack: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.ArrowBack, { fontSize: iconSize }),
|
|
2990
|
+
arrowForward: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.ArrowForward, { fontSize: iconSize }),
|
|
2991
|
+
avocado: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconAvocado_default, {}),
|
|
2992
|
+
backspaceOutlined: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.BackspaceOutlined, { fontSize: iconSize }),
|
|
2993
|
+
banana: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconBanana_default, {}),
|
|
2994
|
+
block: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Block, { fontSize: iconSize }),
|
|
2995
|
+
bulk: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BulkIcon_default, { fill: colors.contrast }),
|
|
2996
|
+
callSplit: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.CallSplit, { fontSize: iconSize }),
|
|
2997
|
+
chevronRight: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.ChevronRight, { fontSize: iconSize }),
|
|
2998
|
+
chevronUp: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.KeyboardArrowUp, { fontSize: iconSize }),
|
|
2999
|
+
chevronDown: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.KeyboardArrowDown, { fontSize: iconSize }),
|
|
3000
|
+
close: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Close, { fontSize: iconSize }),
|
|
3001
|
+
delete: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Delete, { fontSize: iconSize, fill: colors.neutral800 }),
|
|
3002
|
+
done: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Done, { fontSize: iconSize }),
|
|
3003
|
+
edit: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Edit, { fontSize: iconSize }),
|
|
3004
|
+
email: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Email, { fontSize: iconSize }),
|
|
3005
|
+
grape: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconGrape_default, {}),
|
|
3006
|
+
groupAdd: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.GroupAdd, { fontSize: iconSize }),
|
|
3007
|
+
history: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.History, { fontSize: iconSize }),
|
|
3008
|
+
menu: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Menu, { fontSize: iconSize }),
|
|
3009
|
+
threeDots: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.MoreHoriz, { fontSize: iconSize, color: iconColor }),
|
|
3010
|
+
notes: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Comment, { fontSize: iconSize }),
|
|
3011
|
+
refresh: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Refresh, { fontSize: iconSize }),
|
|
3012
|
+
remove: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Remove, { fontSize: iconSize }),
|
|
3013
|
+
search: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Search, { fontSize: iconSize }),
|
|
3014
|
+
send: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Send, { fontSize: iconSize }),
|
|
3015
|
+
strawberry: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconStrawberry_default, {}),
|
|
3016
|
+
thumbDown: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.ThumbDown, { fontSize: iconSize }),
|
|
3017
|
+
thumbUp: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.ThumbUp, { fontSize: iconSize }),
|
|
3018
|
+
undo: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.Undo, { fontSize: iconSize }),
|
|
3019
|
+
play: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons_material5.PlayArrowRounded, { fontSize: iconSize }),
|
|
3020
|
+
snail: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
|
|
3021
|
+
bus: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconBus_default, {}),
|
|
3022
|
+
spoon: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconSpoon_default, {}),
|
|
3023
|
+
fork: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconFork_default, {}),
|
|
3024
|
+
car: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconCar_default, {}),
|
|
3025
|
+
knife: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconKnife_default, {}),
|
|
3026
|
+
bicycle: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconBicycle_default, {}),
|
|
3027
|
+
heart: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconHeart_default, {}),
|
|
3028
|
+
airplane: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IconAirplane_default, {})
|
|
3013
3029
|
};
|
|
3014
3030
|
const filteredSize = size === "double" ? void 0 : size;
|
|
3015
3031
|
const handleClick = (e) => {
|
|
@@ -3017,7 +3033,7 @@ var RoundButton = ({
|
|
|
3017
3033
|
onClick(e);
|
|
3018
3034
|
}
|
|
3019
3035
|
};
|
|
3020
|
-
const
|
|
3036
|
+
const Button17 = /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3021
3037
|
import_material16.Fab,
|
|
3022
3038
|
{
|
|
3023
3039
|
className: cx(
|
|
@@ -3041,7 +3057,7 @@ var RoundButton = ({
|
|
|
3041
3057
|
children: icon ? iconComponentMap[icon] : children || ""
|
|
3042
3058
|
}
|
|
3043
3059
|
);
|
|
3044
|
-
return tooltip ? /* @__PURE__ */ (0,
|
|
3060
|
+
return tooltip ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_material16.Tooltip, { title: tooltip, children: Button17 }) : Button17;
|
|
3045
3061
|
};
|
|
3046
3062
|
var RoundButton_default = RoundButton;
|
|
3047
3063
|
|
|
@@ -3049,7 +3065,7 @@ var RoundButton_default = RoundButton;
|
|
|
3049
3065
|
var import_react10 = require("react");
|
|
3050
3066
|
var import_mdi_material_ui = require("mdi-material-ui");
|
|
3051
3067
|
var import_mui14 = require("tss-react/mui");
|
|
3052
|
-
var
|
|
3068
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3053
3069
|
var useStyles12 = (0, import_mui14.makeStyles)()(() => ({
|
|
3054
3070
|
root: {
|
|
3055
3071
|
opacity: 0.5
|
|
@@ -3060,14 +3076,14 @@ var useStyles12 = (0, import_mui14.makeStyles)()(() => ({
|
|
|
3060
3076
|
}));
|
|
3061
3077
|
var PinButton = () => {
|
|
3062
3078
|
const { classes } = useStyles12();
|
|
3063
|
-
return /* @__PURE__ */ (0,
|
|
3079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_mdi_material_ui.Pin, { className: classes.root });
|
|
3064
3080
|
};
|
|
3065
3081
|
var Pin_default = (0, import_react10.memo)(PinButton);
|
|
3066
3082
|
|
|
3067
3083
|
// src/components/Buttons/PinnedApp.tsx
|
|
3068
3084
|
var import_material17 = require("@mui/material");
|
|
3069
3085
|
var import_mui15 = require("tss-react/mui");
|
|
3070
|
-
var
|
|
3086
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
3071
3087
|
var useStyles13 = (0, import_mui15.makeStyles)()((theme) => ({
|
|
3072
3088
|
root: {
|
|
3073
3089
|
"& > *": {
|
|
@@ -3081,12 +3097,12 @@ var useStyles13 = (0, import_mui15.makeStyles)()((theme) => ({
|
|
|
3081
3097
|
function ActionButton(props) {
|
|
3082
3098
|
const { app } = props;
|
|
3083
3099
|
const { classes } = useStyles13();
|
|
3084
|
-
return /* @__PURE__ */ (0,
|
|
3100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_material17.Fab, { color: "primary", "aria-label": "add", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_material17.Icon, { children: app.icon }) }) });
|
|
3085
3101
|
}
|
|
3086
3102
|
|
|
3087
3103
|
// src/components/CompanyLogo/CompanyLogo.tsx
|
|
3088
3104
|
var import_mui16 = require("tss-react/mui");
|
|
3089
|
-
var
|
|
3105
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
3090
3106
|
var useStyles14 = (0, import_mui16.makeStyles)()((theme, { imageLogoDarkSmall, imageLogoLightSmall }) => ({
|
|
3091
3107
|
logoSmall: {
|
|
3092
3108
|
height: 46,
|
|
@@ -3119,14 +3135,14 @@ var CompanyLogo = ({
|
|
|
3119
3135
|
[classes.logoLight]: color === "light",
|
|
3120
3136
|
[classes.logoDark]: color === "dark"
|
|
3121
3137
|
});
|
|
3122
|
-
return /* @__PURE__ */ (0,
|
|
3138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className });
|
|
3123
3139
|
};
|
|
3124
3140
|
var CompanyLogo_default = CompanyLogo;
|
|
3125
3141
|
|
|
3126
3142
|
// src/components/ConfirmationDialog/ConfirmationDialog.tsx
|
|
3127
3143
|
var import_material18 = require("@mui/material");
|
|
3128
3144
|
var import_mui17 = require("tss-react/mui");
|
|
3129
|
-
var
|
|
3145
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3130
3146
|
var useStyles15 = (0, import_mui17.makeStyles)()((theme) => ({
|
|
3131
3147
|
content: {
|
|
3132
3148
|
width: "660px"
|
|
@@ -3164,14 +3180,14 @@ var ConfirmationDialog = ({
|
|
|
3164
3180
|
};
|
|
3165
3181
|
const contentComponent = () => {
|
|
3166
3182
|
if (typeof content === "string") {
|
|
3167
|
-
return /* @__PURE__ */ (0,
|
|
3183
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_material18.Typography, { variant: "body1", children: content });
|
|
3168
3184
|
}
|
|
3169
3185
|
return content;
|
|
3170
3186
|
};
|
|
3171
|
-
return /* @__PURE__ */ (0,
|
|
3172
|
-
/* @__PURE__ */ (0,
|
|
3173
|
-
/* @__PURE__ */ (0,
|
|
3174
|
-
/* @__PURE__ */ (0,
|
|
3187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_material18.Dialog, { onClose: closeModal, open: isOpen, maxWidth: "lg", children: [
|
|
3188
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_material18.Box, { className: classes.content, children: [
|
|
3189
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_material18.Typography, { className: classes.title, variant: "h6", children: title }),
|
|
3190
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3175
3191
|
import_material18.Box,
|
|
3176
3192
|
{
|
|
3177
3193
|
sx: {
|
|
@@ -3184,9 +3200,9 @@ var ConfirmationDialog = ({
|
|
|
3184
3200
|
}
|
|
3185
3201
|
)
|
|
3186
3202
|
] }),
|
|
3187
|
-
/* @__PURE__ */ (0,
|
|
3188
|
-
/* @__PURE__ */ (0,
|
|
3189
|
-
!hideCancel && /* @__PURE__ */ (0,
|
|
3203
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_material18.Divider, {}),
|
|
3204
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_material18.DialogActions, { className: classes.footer, children: [
|
|
3205
|
+
!hideCancel && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3190
3206
|
FilledButton_default,
|
|
3191
3207
|
{
|
|
3192
3208
|
className: classes.button,
|
|
@@ -3196,7 +3212,7 @@ var ConfirmationDialog = ({
|
|
|
3196
3212
|
onClick: closeModal
|
|
3197
3213
|
}
|
|
3198
3214
|
),
|
|
3199
|
-
!hideConfirm && /* @__PURE__ */ (0,
|
|
3215
|
+
!hideConfirm && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
3200
3216
|
FilledButton_default,
|
|
3201
3217
|
{
|
|
3202
3218
|
className: classes.button,
|
|
@@ -3221,7 +3237,7 @@ var ConfirmationDialog_default = ConfirmationDialog;
|
|
|
3221
3237
|
// src/components/ControlledCheckbox/ControlledCheckbox.tsx
|
|
3222
3238
|
var import_react_hook_form = require("react-hook-form");
|
|
3223
3239
|
var import_material19 = require("@mui/material");
|
|
3224
|
-
var
|
|
3240
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3225
3241
|
var ControlledCheckbox = ({
|
|
3226
3242
|
name,
|
|
3227
3243
|
label,
|
|
@@ -3233,18 +3249,18 @@ var ControlledCheckbox = ({
|
|
|
3233
3249
|
color,
|
|
3234
3250
|
handleChange,
|
|
3235
3251
|
disabled
|
|
3236
|
-
}) => /* @__PURE__ */ (0,
|
|
3252
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3237
3253
|
import_react_hook_form.Controller,
|
|
3238
3254
|
{
|
|
3239
3255
|
name,
|
|
3240
3256
|
control,
|
|
3241
3257
|
render: ({ field }) => {
|
|
3242
|
-
const checkbox = /* @__PURE__ */ (0,
|
|
3258
|
+
const checkbox = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3243
3259
|
import_material19.FormControlLabel,
|
|
3244
3260
|
{
|
|
3245
3261
|
label,
|
|
3246
3262
|
className,
|
|
3247
|
-
control: /* @__PURE__ */ (0,
|
|
3263
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3248
3264
|
import_material19.Checkbox,
|
|
3249
3265
|
{
|
|
3250
3266
|
...field,
|
|
@@ -3258,7 +3274,7 @@ var ControlledCheckbox = ({
|
|
|
3258
3274
|
)
|
|
3259
3275
|
}
|
|
3260
3276
|
);
|
|
3261
|
-
return tooltipDescription ? /* @__PURE__ */ (0,
|
|
3277
|
+
return tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_material19.Tooltip, { title: tooltipDescription, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: checkbox }) }) : checkbox;
|
|
3262
3278
|
}
|
|
3263
3279
|
}
|
|
3264
3280
|
);
|
|
@@ -3268,7 +3284,7 @@ var ControlledCheckbox_default = ControlledCheckbox;
|
|
|
3268
3284
|
var import_react_hook_form2 = require("react-hook-form");
|
|
3269
3285
|
var import_material20 = require("@mui/material");
|
|
3270
3286
|
var import_mui18 = require("tss-react/mui");
|
|
3271
|
-
var
|
|
3287
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3272
3288
|
var useStyles16 = (0, import_mui18.makeStyles)()(() => ({
|
|
3273
3289
|
selectInput: {
|
|
3274
3290
|
minWidth: 122
|
|
@@ -3301,12 +3317,12 @@ var ControlledNumberInput = ({
|
|
|
3301
3317
|
"Backspace",
|
|
3302
3318
|
"Tab"
|
|
3303
3319
|
].includes(input.key) && input.preventDefault();
|
|
3304
|
-
return /* @__PURE__ */ (0,
|
|
3320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3305
3321
|
import_react_hook_form2.Controller,
|
|
3306
3322
|
{
|
|
3307
3323
|
control,
|
|
3308
3324
|
name,
|
|
3309
|
-
render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ (0,
|
|
3325
|
+
render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3310
3326
|
import_material20.TextField,
|
|
3311
3327
|
{
|
|
3312
3328
|
variant: "standard",
|
|
@@ -3342,7 +3358,7 @@ var import_react_hook_form3 = require("react-hook-form");
|
|
|
3342
3358
|
var import_icons_material6 = require("@mui/icons-material");
|
|
3343
3359
|
var import_material21 = require("@mui/material");
|
|
3344
3360
|
var import_mui19 = require("tss-react/mui");
|
|
3345
|
-
var
|
|
3361
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
3346
3362
|
var convertUnderscoreToHyphen = (str) => str.replace(/_/g, "-");
|
|
3347
3363
|
var useStyles17 = (0, import_mui19.makeStyles)()((theme) => ({
|
|
3348
3364
|
textFieldButtons: {
|
|
@@ -3443,17 +3459,17 @@ var ControlledNumericField = ({
|
|
|
3443
3459
|
decrementValue(field)();
|
|
3444
3460
|
}
|
|
3445
3461
|
};
|
|
3446
|
-
return /* @__PURE__ */ (0,
|
|
3462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3447
3463
|
import_material21.Box,
|
|
3448
3464
|
{
|
|
3449
3465
|
className,
|
|
3450
3466
|
"data-testid": dataTestId || `${convertUnderscoreToHyphen(fieldName)}`,
|
|
3451
|
-
children: /* @__PURE__ */ (0,
|
|
3467
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3452
3468
|
import_react_hook_form3.Controller,
|
|
3453
3469
|
{
|
|
3454
3470
|
control,
|
|
3455
3471
|
name: fieldName,
|
|
3456
|
-
render: ({ field, fieldState }) => /* @__PURE__ */ (0,
|
|
3472
|
+
render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3457
3473
|
import_material21.TextField,
|
|
3458
3474
|
{
|
|
3459
3475
|
...field,
|
|
@@ -3488,25 +3504,25 @@ var ControlledNumericField = ({
|
|
|
3488
3504
|
slotProps: {
|
|
3489
3505
|
htmlInput: { min, max, step },
|
|
3490
3506
|
input: {
|
|
3491
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
3492
|
-
/* @__PURE__ */ (0,
|
|
3507
|
+
endAdornment: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_material21.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_material21.Box, { className: classes.textFieldButtons, children: [
|
|
3508
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3493
3509
|
import_material21.IconButton,
|
|
3494
3510
|
{
|
|
3495
3511
|
disableRipple: true,
|
|
3496
3512
|
className: classes.arrowButton,
|
|
3497
3513
|
onClick: incrementValue(field),
|
|
3498
3514
|
"data-testid": "arrow-up",
|
|
3499
|
-
children: /* @__PURE__ */ (0,
|
|
3515
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_icons_material6.KeyboardArrowUp, { sx: { fontSize: 15 } })
|
|
3500
3516
|
}
|
|
3501
3517
|
),
|
|
3502
|
-
/* @__PURE__ */ (0,
|
|
3518
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
3503
3519
|
import_material21.IconButton,
|
|
3504
3520
|
{
|
|
3505
3521
|
disableRipple: true,
|
|
3506
3522
|
className: classes.arrowButton,
|
|
3507
3523
|
onClick: decrementValue(field),
|
|
3508
3524
|
"data-testid": "arrow-down",
|
|
3509
|
-
children: /* @__PURE__ */ (0,
|
|
3525
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_icons_material6.KeyboardArrowDown, { sx: { fontSize: 15 } })
|
|
3510
3526
|
}
|
|
3511
3527
|
)
|
|
3512
3528
|
] }) })
|
|
@@ -3525,7 +3541,7 @@ var ControlledNumericField_default = ControlledNumericField;
|
|
|
3525
3541
|
var import_react_hook_form4 = require("react-hook-form");
|
|
3526
3542
|
var import_material22 = require("@mui/material");
|
|
3527
3543
|
var import_mui20 = require("tss-react/mui");
|
|
3528
|
-
var
|
|
3544
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
3529
3545
|
var useStyles18 = (0, import_mui20.makeStyles)()(() => ({
|
|
3530
3546
|
selectInput: {
|
|
3531
3547
|
minWidth: 122
|
|
@@ -3542,7 +3558,7 @@ var ControlledSelectWithArray = ({
|
|
|
3542
3558
|
revalidateFormFunction
|
|
3543
3559
|
}) => {
|
|
3544
3560
|
const { classes } = useStyles18();
|
|
3545
|
-
return /* @__PURE__ */ (0,
|
|
3561
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
3546
3562
|
import_react_hook_form4.Controller,
|
|
3547
3563
|
{
|
|
3548
3564
|
control,
|
|
@@ -3550,14 +3566,14 @@ var ControlledSelectWithArray = ({
|
|
|
3550
3566
|
render: ({
|
|
3551
3567
|
field: { onChange: fieldOnChange, ...field },
|
|
3552
3568
|
fieldState
|
|
3553
|
-
}) => /* @__PURE__ */ (0,
|
|
3569
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3554
3570
|
import_material22.FormControl,
|
|
3555
3571
|
{
|
|
3556
3572
|
className: className || classes.selectInput,
|
|
3557
3573
|
variant: "standard",
|
|
3558
3574
|
children: [
|
|
3559
|
-
/* @__PURE__ */ (0,
|
|
3560
|
-
/* @__PURE__ */ (0,
|
|
3575
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_material22.InputLabel, { shrink: true, error: !!fieldState.error, children: label }),
|
|
3576
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
3561
3577
|
import_material22.Select,
|
|
3562
3578
|
{
|
|
3563
3579
|
variant: "standard",
|
|
@@ -3576,12 +3592,12 @@ var ControlledSelectWithArray = ({
|
|
|
3576
3592
|
},
|
|
3577
3593
|
error: !!fieldState.error,
|
|
3578
3594
|
children: [
|
|
3579
|
-
/* @__PURE__ */ (0,
|
|
3580
|
-
options?.map((item) => /* @__PURE__ */ (0,
|
|
3595
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("option", { "aria-label": "None" }),
|
|
3596
|
+
options?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("option", { value: item, children: item }, item))
|
|
3581
3597
|
]
|
|
3582
3598
|
}
|
|
3583
3599
|
),
|
|
3584
|
-
/* @__PURE__ */ (0,
|
|
3600
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_material22.FormHelperText, { error: !!fieldState.error, children: fieldState.error?.message || error })
|
|
3585
3601
|
]
|
|
3586
3602
|
}
|
|
3587
3603
|
)
|
|
@@ -3594,7 +3610,7 @@ var ControlledSelectWithArray_default = ControlledSelectWithArray;
|
|
|
3594
3610
|
var import_react_hook_form5 = require("react-hook-form");
|
|
3595
3611
|
var import_material23 = require("@mui/material");
|
|
3596
3612
|
var import_mui21 = require("tss-react/mui");
|
|
3597
|
-
var
|
|
3613
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3598
3614
|
var useStyles19 = (0, import_mui21.makeStyles)()(() => ({
|
|
3599
3615
|
selectInput: {
|
|
3600
3616
|
minWidth: 122
|
|
@@ -3612,7 +3628,7 @@ var ControlledSelectWithObject = ({
|
|
|
3612
3628
|
revalidateFormFunction
|
|
3613
3629
|
}) => {
|
|
3614
3630
|
const { classes } = useStyles19();
|
|
3615
|
-
return /* @__PURE__ */ (0,
|
|
3631
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3616
3632
|
import_react_hook_form5.Controller,
|
|
3617
3633
|
{
|
|
3618
3634
|
control,
|
|
@@ -3620,14 +3636,14 @@ var ControlledSelectWithObject = ({
|
|
|
3620
3636
|
render: ({
|
|
3621
3637
|
field: { onChange: fieldOnChange, ...field },
|
|
3622
3638
|
fieldState
|
|
3623
|
-
}) => /* @__PURE__ */ (0,
|
|
3639
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
3624
3640
|
import_material23.FormControl,
|
|
3625
3641
|
{
|
|
3626
3642
|
className: className || classes.selectInput,
|
|
3627
3643
|
variant: "standard",
|
|
3628
3644
|
children: [
|
|
3629
|
-
/* @__PURE__ */ (0,
|
|
3630
|
-
/* @__PURE__ */ (0,
|
|
3645
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_material23.InputLabel, { error: !!fieldState.error, children: label }),
|
|
3646
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
3631
3647
|
import_material23.Select,
|
|
3632
3648
|
{
|
|
3633
3649
|
variant: "standard",
|
|
@@ -3646,8 +3662,8 @@ var ControlledSelectWithObject = ({
|
|
|
3646
3662
|
},
|
|
3647
3663
|
error: !!fieldState.error,
|
|
3648
3664
|
children: [
|
|
3649
|
-
/* @__PURE__ */ (0,
|
|
3650
|
-
options?.map((option) => /* @__PURE__ */ (0,
|
|
3665
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("option", { "aria-label": "None" }),
|
|
3666
|
+
options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
3651
3667
|
"option",
|
|
3652
3668
|
{
|
|
3653
3669
|
disabled: listToDisableFromOptions ? listToDisableFromOptions.includes(option.value) : false,
|
|
@@ -3659,7 +3675,7 @@ var ControlledSelectWithObject = ({
|
|
|
3659
3675
|
]
|
|
3660
3676
|
}
|
|
3661
3677
|
),
|
|
3662
|
-
/* @__PURE__ */ (0,
|
|
3678
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_material23.FormHelperText, { error: !!fieldState.error, children: fieldState.error?.message || error })
|
|
3663
3679
|
]
|
|
3664
3680
|
}
|
|
3665
3681
|
)
|
|
@@ -3673,7 +3689,7 @@ var import_react_hook_form6 = require("react-hook-form");
|
|
|
3673
3689
|
var import_material24 = require("@mui/material");
|
|
3674
3690
|
var import_classnames = __toESM(require("classnames"), 1);
|
|
3675
3691
|
var import_mui22 = require("tss-react/mui");
|
|
3676
|
-
var
|
|
3692
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
3677
3693
|
var useStyles20 = (0, import_mui22.makeStyles)()(() => ({
|
|
3678
3694
|
fullWidthWrapper: {
|
|
3679
3695
|
maxWidth: "100%"
|
|
@@ -3721,17 +3737,17 @@ var ControlledValidTextInput = ({
|
|
|
3721
3737
|
defaultHandleBlurValidationAndSubmit(controlledField, fieldState.isDirty);
|
|
3722
3738
|
}
|
|
3723
3739
|
};
|
|
3724
|
-
return /* @__PURE__ */ (0,
|
|
3740
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3725
3741
|
import_material24.Box,
|
|
3726
3742
|
{
|
|
3727
3743
|
className,
|
|
3728
3744
|
"data-testid": dataTestId || `${convertUnderscoreToHyphen2(fieldName)}`,
|
|
3729
|
-
children: /* @__PURE__ */ (0,
|
|
3745
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3730
3746
|
import_react_hook_form6.Controller,
|
|
3731
3747
|
{
|
|
3732
3748
|
control,
|
|
3733
3749
|
name: fieldName,
|
|
3734
|
-
render: ({ field: controlledField, fieldState }) => /* @__PURE__ */ (0,
|
|
3750
|
+
render: ({ field: controlledField, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_material24.Box, { className: classes.fullWidthWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3735
3751
|
import_material24.TextField,
|
|
3736
3752
|
{
|
|
3737
3753
|
...controlledField,
|
|
@@ -3745,7 +3761,7 @@ var ControlledValidTextInput = ({
|
|
|
3745
3761
|
autoComplete: "off",
|
|
3746
3762
|
disabled,
|
|
3747
3763
|
variant,
|
|
3748
|
-
helperText: /* @__PURE__ */ (0,
|
|
3764
|
+
helperText: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
3749
3765
|
import_material24.Box,
|
|
3750
3766
|
{
|
|
3751
3767
|
component: "span",
|
|
@@ -3755,7 +3771,7 @@ var ControlledValidTextInput = ({
|
|
|
3755
3771
|
}),
|
|
3756
3772
|
"data-testid": dataTestId ? `${dataTestId}-helper-text` : `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
|
|
3757
3773
|
children: [
|
|
3758
|
-
/* @__PURE__ */ (0,
|
|
3774
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
3759
3775
|
import_material24.Box,
|
|
3760
3776
|
{
|
|
3761
3777
|
component: "span",
|
|
@@ -3765,7 +3781,7 @@ var ControlledValidTextInput = ({
|
|
|
3765
3781
|
children: fieldState.error?.message ?? helperText
|
|
3766
3782
|
}
|
|
3767
3783
|
),
|
|
3768
|
-
!!maxLength && /* @__PURE__ */ (0,
|
|
3784
|
+
!!maxLength && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_material24.Box, { component: "span", children: `${watch(fieldName)?.length ?? 0}/${maxLength}` })
|
|
3769
3785
|
]
|
|
3770
3786
|
}
|
|
3771
3787
|
),
|
|
@@ -3784,7 +3800,7 @@ var import_react12 = require("react");
|
|
|
3784
3800
|
var import_material25 = require("@mui/material");
|
|
3785
3801
|
var import_x_data_grid = require("@mui/x-data-grid");
|
|
3786
3802
|
var import_mui23 = require("tss-react/mui");
|
|
3787
|
-
var
|
|
3803
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
3788
3804
|
var useStyles21 = (0, import_mui23.makeStyles)()(() => ({
|
|
3789
3805
|
root: {
|
|
3790
3806
|
justifyContent: "space-between",
|
|
@@ -3831,14 +3847,14 @@ var DataGrid = ({
|
|
|
3831
3847
|
]);
|
|
3832
3848
|
const rowHeight = 56;
|
|
3833
3849
|
const headerAndFooterHeight = 52 + 56;
|
|
3834
|
-
return /* @__PURE__ */ (0,
|
|
3850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3835
3851
|
"div",
|
|
3836
3852
|
{
|
|
3837
3853
|
className: classes.root,
|
|
3838
3854
|
style: {
|
|
3839
3855
|
height: height || rows.length * rowHeight + headerAndFooterHeight
|
|
3840
3856
|
},
|
|
3841
|
-
children: /* @__PURE__ */ (0,
|
|
3857
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_material25.Paper, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { children: [...Array(Math.floor(10))].map((i) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3842
3858
|
import_material25.Skeleton,
|
|
3843
3859
|
{
|
|
3844
3860
|
animation: "pulse",
|
|
@@ -3847,8 +3863,8 @@ var DataGrid = ({
|
|
|
3847
3863
|
height: rowHeight
|
|
3848
3864
|
},
|
|
3849
3865
|
i
|
|
3850
|
-
)) }) : /* @__PURE__ */ (0,
|
|
3851
|
-
/* @__PURE__ */ (0,
|
|
3866
|
+
)) }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
|
|
3867
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
3852
3868
|
import_x_data_grid.DataGrid,
|
|
3853
3869
|
{
|
|
3854
3870
|
rows,
|
|
@@ -3953,10 +3969,10 @@ localizedMoment.locale(constants_default.locale);
|
|
|
3953
3969
|
var moment_default = localizedMoment;
|
|
3954
3970
|
|
|
3955
3971
|
// src/components/Date/Date.tsx
|
|
3956
|
-
var
|
|
3972
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
3957
3973
|
var Date = ({ datetime, format = "L" }) => {
|
|
3958
3974
|
const formattedDate = moment_default(datetime).format(format);
|
|
3959
|
-
return /* @__PURE__ */ (0,
|
|
3975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: formattedDate === "Invalid date" ? "-" : formattedDate });
|
|
3960
3976
|
};
|
|
3961
3977
|
var Date_default = Date;
|
|
3962
3978
|
|
|
@@ -3964,7 +3980,7 @@ var Date_default = Date;
|
|
|
3964
3980
|
var import_react13 = require("react");
|
|
3965
3981
|
var import_material26 = require("@mui/material");
|
|
3966
3982
|
var import_mui24 = require("tss-react/mui");
|
|
3967
|
-
var
|
|
3983
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
3968
3984
|
var useStyles22 = (0, import_mui24.makeStyles)()(() => ({
|
|
3969
3985
|
alert: { marginBottom: 16 },
|
|
3970
3986
|
bottomBar: {
|
|
@@ -3982,19 +3998,19 @@ var DeleteSubstitutionDialogContent = ({
|
|
|
3982
3998
|
deleteSubstitution
|
|
3983
3999
|
}) => {
|
|
3984
4000
|
const { classes } = useStyles22();
|
|
3985
|
-
return /* @__PURE__ */ (0,
|
|
3986
|
-
/* @__PURE__ */ (0,
|
|
3987
|
-
/* @__PURE__ */ (0,
|
|
4001
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
4002
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_material26.Alert, { severity: "warning", className: classes.alert, children: [
|
|
4003
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_material26.AlertTitle, { children: [
|
|
3988
4004
|
"Are you sure you want to delete the substitution \u201C",
|
|
3989
4005
|
substitutionName,
|
|
3990
4006
|
"\u201D?"
|
|
3991
4007
|
] }),
|
|
3992
4008
|
"This action will permanently remove all data and history associated with this substitution, and it cannot be undone."
|
|
3993
4009
|
] }),
|
|
3994
|
-
/* @__PURE__ */ (0,
|
|
3995
|
-
/* @__PURE__ */ (0,
|
|
3996
|
-
/* @__PURE__ */ (0,
|
|
3997
|
-
/* @__PURE__ */ (0,
|
|
4010
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_material26.Typography, { variant: "body1", children: "Please confirm if you wish to proceed." }),
|
|
4011
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_material26.Box, { className: classes.bottomBar, children: [
|
|
4012
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ExtendedButton_default, { copy: "Cancel", onClick: closeDialog }),
|
|
4013
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
3998
4014
|
ExtendedButton_default,
|
|
3999
4015
|
{
|
|
4000
4016
|
copy: "Confirm",
|
|
@@ -4012,7 +4028,7 @@ var DeleteSubstitutionDialogContent_default = (0, import_react13.memo)(DeleteSub
|
|
|
4012
4028
|
var import_react14 = require("react");
|
|
4013
4029
|
var import_material27 = require("@mui/material");
|
|
4014
4030
|
var import_mui25 = require("tss-react/mui");
|
|
4015
|
-
var
|
|
4031
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
4016
4032
|
var useStyles23 = (0, import_mui25.makeStyles)()(() => ({
|
|
4017
4033
|
alert: { marginBottom: 16 },
|
|
4018
4034
|
bottomBar: {
|
|
@@ -4030,19 +4046,19 @@ var DeleteUserDialogContent = ({
|
|
|
4030
4046
|
deleteUser
|
|
4031
4047
|
}) => {
|
|
4032
4048
|
const { classes } = useStyles23();
|
|
4033
|
-
return /* @__PURE__ */ (0,
|
|
4034
|
-
/* @__PURE__ */ (0,
|
|
4035
|
-
/* @__PURE__ */ (0,
|
|
4049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
4050
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_material27.Alert, { severity: "warning", className: classes.alert, children: [
|
|
4051
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_material27.AlertTitle, { children: [
|
|
4036
4052
|
"Are you sure you want to delete the user ",
|
|
4037
4053
|
userName,
|
|
4038
4054
|
"?"
|
|
4039
4055
|
] }),
|
|
4040
4056
|
"This action will permanently remove all data and history associated with this user, and it cannot be undone."
|
|
4041
4057
|
] }),
|
|
4042
|
-
/* @__PURE__ */ (0,
|
|
4043
|
-
/* @__PURE__ */ (0,
|
|
4044
|
-
/* @__PURE__ */ (0,
|
|
4045
|
-
/* @__PURE__ */ (0,
|
|
4058
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_material27.Typography, { variant: "body1", children: "Please confirm if you wish to proceed." }),
|
|
4059
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_material27.Box, { className: classes.bottomBar, children: [
|
|
4060
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
|
|
4061
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
4046
4062
|
ExtendedButton_default,
|
|
4047
4063
|
{
|
|
4048
4064
|
copy: "Confirm",
|
|
@@ -4059,7 +4075,7 @@ var DeleteUserDialogContent_default = (0, import_react14.memo)(DeleteUserDialogC
|
|
|
4059
4075
|
// src/components/FileCard/FileCard.tsx
|
|
4060
4076
|
var import_icons_material7 = require("@mui/icons-material");
|
|
4061
4077
|
var import_material28 = require("@mui/material");
|
|
4062
|
-
var
|
|
4078
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
4063
4079
|
var getFileMetadata = (file) => {
|
|
4064
4080
|
const fullFilename = file.substring(file.lastIndexOf("/") + 1);
|
|
4065
4081
|
const extension = file.substring(file.lastIndexOf("."));
|
|
@@ -4071,7 +4087,7 @@ var FileCard = ({ document: document2 }) => {
|
|
|
4071
4087
|
const handleOpenDocument = () => {
|
|
4072
4088
|
window.open(document2, "_blank");
|
|
4073
4089
|
};
|
|
4074
|
-
return /* @__PURE__ */ (0,
|
|
4090
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
4075
4091
|
import_material28.Box,
|
|
4076
4092
|
{
|
|
4077
4093
|
onClick: handleOpenDocument,
|
|
@@ -4084,7 +4100,7 @@ var FileCard = ({ document: document2 }) => {
|
|
|
4084
4100
|
minWidth: "250px"
|
|
4085
4101
|
},
|
|
4086
4102
|
children: [
|
|
4087
|
-
/* @__PURE__ */ (0,
|
|
4103
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
4088
4104
|
import_material28.Box,
|
|
4089
4105
|
{
|
|
4090
4106
|
sx: {
|
|
@@ -4092,10 +4108,10 @@ var FileCard = ({ document: document2 }) => {
|
|
|
4092
4108
|
justifyContent: "center",
|
|
4093
4109
|
alignItems: "center"
|
|
4094
4110
|
},
|
|
4095
|
-
children: /* @__PURE__ */ (0,
|
|
4111
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_icons_material7.Description, { fontSize: "medium", color: "action" })
|
|
4096
4112
|
}
|
|
4097
4113
|
),
|
|
4098
|
-
/* @__PURE__ */ (0,
|
|
4114
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
4099
4115
|
import_material28.Box,
|
|
4100
4116
|
{
|
|
4101
4117
|
sx: {
|
|
@@ -4103,7 +4119,7 @@ var FileCard = ({ document: document2 }) => {
|
|
|
4103
4119
|
alignItems: "center",
|
|
4104
4120
|
width: "100%"
|
|
4105
4121
|
},
|
|
4106
|
-
children: /* @__PURE__ */ (0,
|
|
4122
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_material28.Typography, { variant: "body1", children: [
|
|
4107
4123
|
metadata.filename,
|
|
4108
4124
|
metadata.extension
|
|
4109
4125
|
] })
|
|
@@ -4121,7 +4137,7 @@ var import_material29 = require("@mui/material");
|
|
|
4121
4137
|
var import_brown = __toESM(require("@mui/material/colors/brown"), 1);
|
|
4122
4138
|
var import_teal = __toESM(require("@mui/material/colors/teal"), 1);
|
|
4123
4139
|
var import_mui26 = require("tss-react/mui");
|
|
4124
|
-
var
|
|
4140
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
4125
4141
|
var useStyles24 = (0, import_mui26.makeStyles)()((theme) => ({
|
|
4126
4142
|
siteOne: {
|
|
4127
4143
|
backgroundColor: import_teal.default["50"],
|
|
@@ -4149,7 +4165,7 @@ var useStyles24 = (0, import_mui26.makeStyles)()((theme) => ({
|
|
|
4149
4165
|
var FilledLabel = (props) => {
|
|
4150
4166
|
const { color, copy } = props;
|
|
4151
4167
|
const { classes } = useStyles24();
|
|
4152
|
-
return /* @__PURE__ */ (0,
|
|
4168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_material29.Typography, { variant: "caption", className: classes[color], children: copy });
|
|
4153
4169
|
};
|
|
4154
4170
|
var FilledLabel_default = (0, import_react15.memo)(FilledLabel);
|
|
4155
4171
|
|
|
@@ -4157,7 +4173,7 @@ var FilledLabel_default = (0, import_react15.memo)(FilledLabel);
|
|
|
4157
4173
|
var import_react16 = require("react");
|
|
4158
4174
|
var import_material30 = require("@mui/material");
|
|
4159
4175
|
var import_mui27 = require("tss-react/mui");
|
|
4160
|
-
var
|
|
4176
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
4161
4177
|
var useStyles25 = (0, import_mui27.makeStyles)()((theme) => ({
|
|
4162
4178
|
filterOptions: {
|
|
4163
4179
|
height: 450,
|
|
@@ -4204,8 +4220,8 @@ var FilterGroupSelector = ({
|
|
|
4204
4220
|
(prev) => prev.includes(option) ? prev.filter((o) => o !== option) : [...prev, option]
|
|
4205
4221
|
);
|
|
4206
4222
|
};
|
|
4207
|
-
return /* @__PURE__ */ (0,
|
|
4208
|
-
/* @__PURE__ */ (0,
|
|
4223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
|
|
4224
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4209
4225
|
ActiveFiltersIconButton_default,
|
|
4210
4226
|
{
|
|
4211
4227
|
label: name,
|
|
@@ -4213,7 +4229,7 @@ var FilterGroupSelector = ({
|
|
|
4213
4229
|
handleClick
|
|
4214
4230
|
}
|
|
4215
4231
|
),
|
|
4216
|
-
/* @__PURE__ */ (0,
|
|
4232
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
4217
4233
|
import_material30.Menu,
|
|
4218
4234
|
{
|
|
4219
4235
|
anchorEl,
|
|
@@ -4222,10 +4238,10 @@ var FilterGroupSelector = ({
|
|
|
4222
4238
|
anchorOrigin: { vertical: "bottom", horizontal: "left" },
|
|
4223
4239
|
transformOrigin: { vertical: "top", horizontal: "left" },
|
|
4224
4240
|
children: [
|
|
4225
|
-
/* @__PURE__ */ (0,
|
|
4226
|
-
/* @__PURE__ */ (0,
|
|
4227
|
-
/* @__PURE__ */ (0,
|
|
4228
|
-
/* @__PURE__ */ (0,
|
|
4241
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_material30.Box, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_material30.Typography, { variant: "button", children: `Search ${name}` }) }),
|
|
4242
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_material30.Divider, {}),
|
|
4243
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_material30.Box, { className: classes.filterOptions, children: optionsList.map(({ category, options }, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_material30.Box, { children: [
|
|
4244
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4229
4245
|
import_material30.Typography,
|
|
4230
4246
|
{
|
|
4231
4247
|
variant: "subtitle2",
|
|
@@ -4235,14 +4251,14 @@ var FilterGroupSelector = ({
|
|
|
4235
4251
|
),
|
|
4236
4252
|
options.map((value) => {
|
|
4237
4253
|
const key = `${category.replaceAll(" ", "_").toLocaleLowerCase()}${categoryIdentification ? `_${categoryIdentification}` : ""}: ${value}`;
|
|
4238
|
-
return /* @__PURE__ */ (0,
|
|
4239
|
-
/* @__PURE__ */ (0,
|
|
4240
|
-
/* @__PURE__ */ (0,
|
|
4254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_material30.MenuItem, { onClick: () => toggleOption(key), children: [
|
|
4255
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_material30.Checkbox, { checked: values.includes(key) }),
|
|
4256
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_material30.ListItemText, { primary: value })
|
|
4241
4257
|
] }, value);
|
|
4242
4258
|
})
|
|
4243
4259
|
] }, category)) }),
|
|
4244
|
-
/* @__PURE__ */ (0,
|
|
4245
|
-
/* @__PURE__ */ (0,
|
|
4260
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_material30.Box, { display: "flex", children: [
|
|
4261
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4246
4262
|
ExtendedButton_default,
|
|
4247
4263
|
{
|
|
4248
4264
|
variant: "text",
|
|
@@ -4254,7 +4270,7 @@ var FilterGroupSelector = ({
|
|
|
4254
4270
|
}
|
|
4255
4271
|
}
|
|
4256
4272
|
),
|
|
4257
|
-
/* @__PURE__ */ (0,
|
|
4273
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4258
4274
|
ExtendedButton_default,
|
|
4259
4275
|
{
|
|
4260
4276
|
color: "primary",
|
|
@@ -4278,7 +4294,7 @@ var FilterGroupSelector_default = FilterGroupSelector;
|
|
|
4278
4294
|
var import_react17 = require("react");
|
|
4279
4295
|
var import_material31 = require("@mui/material");
|
|
4280
4296
|
var import_mui28 = require("tss-react/mui");
|
|
4281
|
-
var
|
|
4297
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
4282
4298
|
var useStyles26 = (0, import_mui28.makeStyles)()((theme) => ({
|
|
4283
4299
|
filterOptions: {
|
|
4284
4300
|
height: 450,
|
|
@@ -4324,8 +4340,8 @@ var FilterSimpleSelector = ({
|
|
|
4324
4340
|
(prev) => prev.includes(option) ? prev.filter((o) => o !== option) : [...prev, option]
|
|
4325
4341
|
);
|
|
4326
4342
|
};
|
|
4327
|
-
return /* @__PURE__ */ (0,
|
|
4328
|
-
/* @__PURE__ */ (0,
|
|
4343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
4344
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4329
4345
|
ActiveFiltersIconButton_default,
|
|
4330
4346
|
{
|
|
4331
4347
|
label: name,
|
|
@@ -4333,7 +4349,7 @@ var FilterSimpleSelector = ({
|
|
|
4333
4349
|
handleClick
|
|
4334
4350
|
}
|
|
4335
4351
|
),
|
|
4336
|
-
/* @__PURE__ */ (0,
|
|
4352
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
4337
4353
|
import_material31.Menu,
|
|
4338
4354
|
{
|
|
4339
4355
|
anchorEl,
|
|
@@ -4342,15 +4358,15 @@ var FilterSimpleSelector = ({
|
|
|
4342
4358
|
anchorOrigin: { vertical: "bottom", horizontal: "left" },
|
|
4343
4359
|
transformOrigin: { vertical: "top", horizontal: "left" },
|
|
4344
4360
|
children: [
|
|
4345
|
-
/* @__PURE__ */ (0,
|
|
4346
|
-
/* @__PURE__ */ (0,
|
|
4347
|
-
/* @__PURE__ */ (0,
|
|
4348
|
-
/* @__PURE__ */ (0,
|
|
4349
|
-
/* @__PURE__ */ (0,
|
|
4361
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.Box, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.Typography, { variant: "button", children: `Search ${name}` }) }),
|
|
4362
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.Divider, {}),
|
|
4363
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.Box, { className: classes.filterOptions, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_material31.MenuItem, { onClick: () => toggleOption(option), children: [
|
|
4364
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.Checkbox, { checked: values.includes(option) }),
|
|
4365
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.ListItemText, { primary: option })
|
|
4350
4366
|
] }, option)) }),
|
|
4351
|
-
/* @__PURE__ */ (0,
|
|
4352
|
-
/* @__PURE__ */ (0,
|
|
4353
|
-
/* @__PURE__ */ (0,
|
|
4367
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_material31.Divider, {}),
|
|
4368
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_material31.Box, { display: "flex", children: [
|
|
4369
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4354
4370
|
ExtendedButton_default,
|
|
4355
4371
|
{
|
|
4356
4372
|
variant: "text",
|
|
@@ -4362,7 +4378,7 @@ var FilterSimpleSelector = ({
|
|
|
4362
4378
|
}
|
|
4363
4379
|
}
|
|
4364
4380
|
),
|
|
4365
|
-
/* @__PURE__ */ (0,
|
|
4381
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4366
4382
|
ExtendedButton_default,
|
|
4367
4383
|
{
|
|
4368
4384
|
color: "primary",
|
|
@@ -4386,7 +4402,7 @@ var FilterSimpleSelector_default = FilterSimpleSelector;
|
|
|
4386
4402
|
var React = __toESM(require("react"), 1);
|
|
4387
4403
|
var import_material32 = require("@mui/material");
|
|
4388
4404
|
var import_mui29 = require("tss-react/mui");
|
|
4389
|
-
var
|
|
4405
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
4390
4406
|
var footerHeight = "64px";
|
|
4391
4407
|
var useStyles27 = (0, import_mui29.makeStyles)()((theme) => ({
|
|
4392
4408
|
root: {
|
|
@@ -4407,9 +4423,9 @@ var useStyles27 = (0, import_mui29.makeStyles)()((theme) => ({
|
|
|
4407
4423
|
}));
|
|
4408
4424
|
var FixedFooter = ({ justifyContent, children }) => {
|
|
4409
4425
|
const { classes } = useStyles27();
|
|
4410
|
-
return /* @__PURE__ */ (0,
|
|
4411
|
-
/* @__PURE__ */ (0,
|
|
4412
|
-
/* @__PURE__ */ (0,
|
|
4426
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_material32.Box, { children: [
|
|
4427
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_material32.Box, { className: classes.fixedOffset }),
|
|
4428
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
4413
4429
|
import_material32.Box,
|
|
4414
4430
|
{
|
|
4415
4431
|
className: classes.root,
|
|
@@ -4426,7 +4442,7 @@ var FixedFooter_default = React.memo(FixedFooter);
|
|
|
4426
4442
|
// src/components/Header/Header.tsx
|
|
4427
4443
|
var import_material33 = require("@mui/material");
|
|
4428
4444
|
var import_mui30 = require("tss-react/mui");
|
|
4429
|
-
var
|
|
4445
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
4430
4446
|
var useStyles28 = (0, import_mui30.makeStyles)()((theme) => ({
|
|
4431
4447
|
container: {
|
|
4432
4448
|
margin: theme.spacing(1)
|
|
@@ -4449,16 +4465,16 @@ var Header = ({
|
|
|
4449
4465
|
wrappedHeader = false
|
|
4450
4466
|
}) => {
|
|
4451
4467
|
const { classes, cx } = useStyles28();
|
|
4452
|
-
return /* @__PURE__ */ (0,
|
|
4468
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
4453
4469
|
import_material33.Paper,
|
|
4454
4470
|
{
|
|
4455
4471
|
className: cx({
|
|
4456
4472
|
[classes.container]: !wrappedHeader
|
|
4457
4473
|
}),
|
|
4458
4474
|
elevation: wrappedHeader ? 0 : 1,
|
|
4459
|
-
children: /* @__PURE__ */ (0,
|
|
4460
|
-
/* @__PURE__ */ (0,
|
|
4461
|
-
children ? /* @__PURE__ */ (0,
|
|
4475
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("header", { className: classes.header, children: [
|
|
4476
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(AppLabel_default, { appName }),
|
|
4477
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: classes.rightContent, children }) : null
|
|
4462
4478
|
] })
|
|
4463
4479
|
}
|
|
4464
4480
|
);
|
|
@@ -4468,20 +4484,20 @@ var Header_default = Header;
|
|
|
4468
4484
|
// src/components/List/List.tsx
|
|
4469
4485
|
var import_react_window = require("react-window");
|
|
4470
4486
|
var import_material34 = require("@mui/material");
|
|
4471
|
-
var
|
|
4487
|
+
var import_jsx_runtime85 = (
|
|
4472
4488
|
// eslint-disable-next-line react/no-array-index-key
|
|
4473
4489
|
require("react/jsx-runtime")
|
|
4474
4490
|
);
|
|
4475
4491
|
var ListHeader = (props) => {
|
|
4476
4492
|
const headers = props.headers || [];
|
|
4477
|
-
return /* @__PURE__ */ (0,
|
|
4493
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_material34.ListItem, { children: headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_material34.ListItemText, { primary: header.text }, i)) });
|
|
4478
4494
|
};
|
|
4479
4495
|
function VirtualizedList(props) {
|
|
4480
4496
|
const { innerWidth, innerHeight } = window;
|
|
4481
4497
|
const { headers, items, renderItem } = props;
|
|
4482
|
-
return /* @__PURE__ */ (0,
|
|
4483
|
-
/* @__PURE__ */ (0,
|
|
4484
|
-
/* @__PURE__ */ (0,
|
|
4498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
|
|
4499
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ListHeader, { headers }),
|
|
4500
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
4485
4501
|
import_react_window.FixedSizeList,
|
|
4486
4502
|
{
|
|
4487
4503
|
height: innerHeight - 150,
|
|
@@ -4498,7 +4514,7 @@ function VirtualizedList(props) {
|
|
|
4498
4514
|
// src/components/Loading/Loading.tsx
|
|
4499
4515
|
var import_material35 = require("@mui/material");
|
|
4500
4516
|
var import_mui31 = require("tss-react/mui");
|
|
4501
|
-
var
|
|
4517
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
4502
4518
|
var useStyles29 = (0, import_mui31.makeStyles)()(() => ({
|
|
4503
4519
|
wrapper: {
|
|
4504
4520
|
/**
|
|
@@ -4510,14 +4526,14 @@ var useStyles29 = (0, import_mui31.makeStyles)()(() => ({
|
|
|
4510
4526
|
}));
|
|
4511
4527
|
var Loading = ({ isLoading }) => {
|
|
4512
4528
|
const { classes } = useStyles29();
|
|
4513
|
-
return /* @__PURE__ */ (0,
|
|
4529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
4514
4530
|
import_material35.Backdrop,
|
|
4515
4531
|
{
|
|
4516
4532
|
"aria-hidden": !isLoading,
|
|
4517
4533
|
className: classes.wrapper,
|
|
4518
4534
|
open: isLoading,
|
|
4519
4535
|
"data-testid": "backdrop-loading",
|
|
4520
|
-
children: /* @__PURE__ */ (0,
|
|
4536
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_material35.CircularProgress, { color: "primary" })
|
|
4521
4537
|
}
|
|
4522
4538
|
);
|
|
4523
4539
|
};
|
|
@@ -4529,7 +4545,7 @@ var import_material36 = require("@mui/material");
|
|
|
4529
4545
|
var import_colors31 = require("@mui/material/colors");
|
|
4530
4546
|
var import_classnames2 = __toESM(require("classnames"), 1);
|
|
4531
4547
|
var import_mui32 = require("tss-react/mui");
|
|
4532
|
-
var
|
|
4548
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
4533
4549
|
var useStyles30 = (0, import_mui32.makeStyles)()(() => ({
|
|
4534
4550
|
container: {
|
|
4535
4551
|
display: "flex",
|
|
@@ -4575,8 +4591,8 @@ var LocationsSectionInfo = ({
|
|
|
4575
4591
|
}
|
|
4576
4592
|
return "STOCK";
|
|
4577
4593
|
};
|
|
4578
|
-
return /* @__PURE__ */ (0,
|
|
4579
|
-
/* @__PURE__ */ (0,
|
|
4594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_material36.Box, { className: classes.container, children: [
|
|
4595
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
4580
4596
|
import_material36.Chip,
|
|
4581
4597
|
{
|
|
4582
4598
|
className: (0, import_classnames2.default)(classes.defaultChip, {
|
|
@@ -4587,10 +4603,10 @@ var LocationsSectionInfo = ({
|
|
|
4587
4603
|
label: getLocationLabel()
|
|
4588
4604
|
}
|
|
4589
4605
|
),
|
|
4590
|
-
/* @__PURE__ */ (0,
|
|
4591
|
-
secondaryLocation?.map((loc) => /* @__PURE__ */ (0,
|
|
4592
|
-
/* @__PURE__ */ (0,
|
|
4593
|
-
/* @__PURE__ */ (0,
|
|
4606
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material36.Typography, { className: classes.locationText, color: "primary", children: principalLocation }),
|
|
4607
|
+
secondaryLocation?.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react18.Fragment, { children: [
|
|
4608
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material36.Typography, { className: classes.smallTitle, children: "/" }),
|
|
4609
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_material36.Typography, { className: classes.locationText, children: loc })
|
|
4594
4610
|
] }, loc))
|
|
4595
4611
|
] });
|
|
4596
4612
|
};
|
|
@@ -4600,7 +4616,7 @@ var LocationsSectionInfo_default = LocationsSectionInfo;
|
|
|
4600
4616
|
var import_react19 = require("react");
|
|
4601
4617
|
var import_material37 = require("@mui/material");
|
|
4602
4618
|
var import_mui33 = require("tss-react/mui");
|
|
4603
|
-
var
|
|
4619
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
4604
4620
|
var useStyles31 = (0, import_mui33.makeStyles)()((theme) => ({
|
|
4605
4621
|
wrapper: {
|
|
4606
4622
|
padding: theme.spacing(3),
|
|
@@ -4643,13 +4659,13 @@ var Notes2 = ({
|
|
|
4643
4659
|
}
|
|
4644
4660
|
};
|
|
4645
4661
|
const { classes } = useStyles31();
|
|
4646
|
-
return /* @__PURE__ */ (0,
|
|
4647
|
-
/* @__PURE__ */ (0,
|
|
4648
|
-
/* @__PURE__ */ (0,
|
|
4662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: classes.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_material37.FormControl, { fullWidth: true, children: [
|
|
4663
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material37.InputLabel, { htmlFor: "notes", children: "Notes" }),
|
|
4664
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
4649
4665
|
import_material37.Input,
|
|
4650
4666
|
{
|
|
4651
4667
|
disabled: isDisabled || isLoading,
|
|
4652
|
-
endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ (0,
|
|
4668
|
+
endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_material37.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
4653
4669
|
RoundButton_default,
|
|
4654
4670
|
{
|
|
4655
4671
|
disabled: isLoading,
|
|
@@ -4675,8 +4691,8 @@ var Notes2 = ({
|
|
|
4675
4691
|
var Notes_default = Notes2;
|
|
4676
4692
|
|
|
4677
4693
|
// src/components/Numpad/Numpad.tsx
|
|
4678
|
-
var
|
|
4679
|
-
var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0,
|
|
4694
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
4695
|
+
var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
4680
4696
|
"div",
|
|
4681
4697
|
{
|
|
4682
4698
|
style: {
|
|
@@ -4688,9 +4704,9 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4688
4704
|
padding: 8
|
|
4689
4705
|
},
|
|
4690
4706
|
children: [
|
|
4691
|
-
/* @__PURE__ */ (0,
|
|
4692
|
-
/* @__PURE__ */ (0,
|
|
4693
|
-
/* @__PURE__ */ (0,
|
|
4707
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
|
|
4708
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
|
|
4709
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4694
4710
|
RoundButton_default,
|
|
4695
4711
|
{
|
|
4696
4712
|
onClick: () => handleClick("1"),
|
|
@@ -4699,7 +4715,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4699
4715
|
children: "1"
|
|
4700
4716
|
}
|
|
4701
4717
|
),
|
|
4702
|
-
/* @__PURE__ */ (0,
|
|
4718
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4703
4719
|
RoundButton_default,
|
|
4704
4720
|
{
|
|
4705
4721
|
onClick: () => handleClick("2"),
|
|
@@ -4708,7 +4724,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4708
4724
|
children: "2"
|
|
4709
4725
|
}
|
|
4710
4726
|
),
|
|
4711
|
-
/* @__PURE__ */ (0,
|
|
4727
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4712
4728
|
RoundButton_default,
|
|
4713
4729
|
{
|
|
4714
4730
|
onClick: () => handleClick("3"),
|
|
@@ -4718,8 +4734,8 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4718
4734
|
}
|
|
4719
4735
|
)
|
|
4720
4736
|
] }),
|
|
4721
|
-
/* @__PURE__ */ (0,
|
|
4722
|
-
/* @__PURE__ */ (0,
|
|
4737
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
|
|
4738
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4723
4739
|
RoundButton_default,
|
|
4724
4740
|
{
|
|
4725
4741
|
onClick: () => handleClick("4"),
|
|
@@ -4728,7 +4744,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4728
4744
|
children: "4"
|
|
4729
4745
|
}
|
|
4730
4746
|
),
|
|
4731
|
-
/* @__PURE__ */ (0,
|
|
4747
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4732
4748
|
RoundButton_default,
|
|
4733
4749
|
{
|
|
4734
4750
|
onClick: () => handleClick("5"),
|
|
@@ -4737,7 +4753,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4737
4753
|
children: "5"
|
|
4738
4754
|
}
|
|
4739
4755
|
),
|
|
4740
|
-
/* @__PURE__ */ (0,
|
|
4756
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4741
4757
|
RoundButton_default,
|
|
4742
4758
|
{
|
|
4743
4759
|
onClick: () => handleClick("6"),
|
|
@@ -4747,8 +4763,8 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4747
4763
|
}
|
|
4748
4764
|
)
|
|
4749
4765
|
] }),
|
|
4750
|
-
/* @__PURE__ */ (0,
|
|
4751
|
-
/* @__PURE__ */ (0,
|
|
4766
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
|
|
4767
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4752
4768
|
RoundButton_default,
|
|
4753
4769
|
{
|
|
4754
4770
|
onClick: () => handleClick("7"),
|
|
@@ -4757,7 +4773,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4757
4773
|
children: "7"
|
|
4758
4774
|
}
|
|
4759
4775
|
),
|
|
4760
|
-
/* @__PURE__ */ (0,
|
|
4776
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4761
4777
|
RoundButton_default,
|
|
4762
4778
|
{
|
|
4763
4779
|
onClick: () => handleClick("8"),
|
|
@@ -4766,7 +4782,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4766
4782
|
children: "8"
|
|
4767
4783
|
}
|
|
4768
4784
|
),
|
|
4769
|
-
/* @__PURE__ */ (0,
|
|
4785
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4770
4786
|
RoundButton_default,
|
|
4771
4787
|
{
|
|
4772
4788
|
onClick: () => handleClick("9"),
|
|
@@ -4776,8 +4792,8 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4776
4792
|
}
|
|
4777
4793
|
)
|
|
4778
4794
|
] }),
|
|
4779
|
-
/* @__PURE__ */ (0,
|
|
4780
|
-
/* @__PURE__ */ (0,
|
|
4795
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
|
|
4796
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4781
4797
|
RoundButton_default,
|
|
4782
4798
|
{
|
|
4783
4799
|
onClick: () => handleClick("0"),
|
|
@@ -4786,7 +4802,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4786
4802
|
children: "0"
|
|
4787
4803
|
}
|
|
4788
4804
|
),
|
|
4789
|
-
/* @__PURE__ */ (0,
|
|
4805
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4790
4806
|
RoundButton_default,
|
|
4791
4807
|
{
|
|
4792
4808
|
onClick: () => handleClick("."),
|
|
@@ -4797,7 +4813,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4797
4813
|
)
|
|
4798
4814
|
] })
|
|
4799
4815
|
] }),
|
|
4800
|
-
/* @__PURE__ */ (0,
|
|
4816
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4801
4817
|
"div",
|
|
4802
4818
|
{
|
|
4803
4819
|
style: {
|
|
@@ -4806,7 +4822,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
|
|
|
4806
4822
|
justifyContent: "space-between",
|
|
4807
4823
|
borderLeft: `1px solid ${colors.neutral250}`
|
|
4808
4824
|
},
|
|
4809
|
-
children: /* @__PURE__ */ (0,
|
|
4825
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
4810
4826
|
RoundButton_default,
|
|
4811
4827
|
{
|
|
4812
4828
|
icon: "backspaceOutlined",
|
|
@@ -4826,7 +4842,7 @@ var Numpad_default = Numpad;
|
|
|
4826
4842
|
var import_react20 = require("react");
|
|
4827
4843
|
var import_material38 = require("@mui/material");
|
|
4828
4844
|
var import_mui34 = require("tss-react/mui");
|
|
4829
|
-
var
|
|
4845
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
4830
4846
|
var useStyles32 = (0, import_mui34.makeStyles)()(() => ({
|
|
4831
4847
|
c_numpadinput__textfield: {
|
|
4832
4848
|
"& .MuiInputLabel-outlined.MuiInputLabel-shrink": {
|
|
@@ -4863,13 +4879,13 @@ var NumpadInput = (props) => {
|
|
|
4863
4879
|
function handleSubmit() {
|
|
4864
4880
|
handleNextClick?.(state);
|
|
4865
4881
|
}
|
|
4866
|
-
const DefaultInput = /* @__PURE__ */ (0,
|
|
4867
|
-
/* @__PURE__ */ (0,
|
|
4868
|
-
/* @__PURE__ */ (0,
|
|
4882
|
+
const DefaultInput = /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
|
|
4883
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_material38.Typography, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
|
|
4884
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
4869
4885
|
import_material38.TextField,
|
|
4870
4886
|
{
|
|
4871
4887
|
id: "outlined-basic",
|
|
4872
|
-
label: /* @__PURE__ */ (0,
|
|
4888
|
+
label: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_material38.Typography, { style: { fontSize: "1.5rem" }, children: "Insert" }),
|
|
4873
4889
|
value: state,
|
|
4874
4890
|
variant: "outlined",
|
|
4875
4891
|
autoFocus: true,
|
|
@@ -4884,19 +4900,19 @@ var NumpadInput = (props) => {
|
|
|
4884
4900
|
) }),
|
|
4885
4901
|
children
|
|
4886
4902
|
] });
|
|
4887
|
-
return /* @__PURE__ */ (0,
|
|
4888
|
-
/* @__PURE__ */ (0,
|
|
4903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
|
|
4904
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: classes.c_numpadinput__body, children: [
|
|
4889
4905
|
children || DefaultInput,
|
|
4890
|
-
/* @__PURE__ */ (0,
|
|
4906
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
|
|
4891
4907
|
] }),
|
|
4892
|
-
state ? /* @__PURE__ */ (0,
|
|
4908
|
+
state ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
4893
4909
|
FilledButtonLg_default,
|
|
4894
4910
|
{
|
|
4895
4911
|
color: "primary",
|
|
4896
4912
|
copy: "next",
|
|
4897
4913
|
handleClick: handleSubmit
|
|
4898
4914
|
}
|
|
4899
|
-
) : /* @__PURE__ */ (0,
|
|
4915
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(FilledButtonLg_default, { copy: "next", disabled: true })
|
|
4900
4916
|
] });
|
|
4901
4917
|
};
|
|
4902
4918
|
var NumpadInput_default = (0, import_react20.memo)(NumpadInput);
|
|
@@ -4904,7 +4920,7 @@ var NumpadInput_default = (0, import_react20.memo)(NumpadInput);
|
|
|
4904
4920
|
// src/components/NumpadPlus/NumpadPlus.tsx
|
|
4905
4921
|
var import_material39 = require("@mui/material");
|
|
4906
4922
|
var import_mui35 = require("tss-react/mui");
|
|
4907
|
-
var
|
|
4923
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
4908
4924
|
var useStyles33 = (0, import_mui35.makeStyles)()(() => ({
|
|
4909
4925
|
numpadContainer: {
|
|
4910
4926
|
display: "flex",
|
|
@@ -4936,10 +4952,10 @@ var useStyles33 = (0, import_mui35.makeStyles)()(() => ({
|
|
|
4936
4952
|
}));
|
|
4937
4953
|
var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
4938
4954
|
const { classes: styles } = useStyles33();
|
|
4939
|
-
return /* @__PURE__ */ (0,
|
|
4940
|
-
/* @__PURE__ */ (0,
|
|
4941
|
-
/* @__PURE__ */ (0,
|
|
4942
|
-
/* @__PURE__ */ (0,
|
|
4955
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_material39.Box, { className: styles.numpadContainer, children: [
|
|
4956
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_material39.Box, { className: styles.numpadNumbersContainer, children: [
|
|
4957
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_material39.Box, { className: styles.numpadRow, children: [
|
|
4958
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4943
4959
|
RoundButton_default,
|
|
4944
4960
|
{
|
|
4945
4961
|
onClick: () => handleClick("1"),
|
|
@@ -4948,7 +4964,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
4948
4964
|
children: "1"
|
|
4949
4965
|
}
|
|
4950
4966
|
),
|
|
4951
|
-
/* @__PURE__ */ (0,
|
|
4967
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4952
4968
|
RoundButton_default,
|
|
4953
4969
|
{
|
|
4954
4970
|
onClick: () => handleClick("2"),
|
|
@@ -4957,7 +4973,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
4957
4973
|
children: "2"
|
|
4958
4974
|
}
|
|
4959
4975
|
),
|
|
4960
|
-
/* @__PURE__ */ (0,
|
|
4976
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4961
4977
|
RoundButton_default,
|
|
4962
4978
|
{
|
|
4963
4979
|
onClick: () => handleClick("3"),
|
|
@@ -4967,8 +4983,8 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
4967
4983
|
}
|
|
4968
4984
|
)
|
|
4969
4985
|
] }),
|
|
4970
|
-
/* @__PURE__ */ (0,
|
|
4971
|
-
/* @__PURE__ */ (0,
|
|
4986
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_material39.Box, { className: styles.numpadRow, children: [
|
|
4987
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4972
4988
|
RoundButton_default,
|
|
4973
4989
|
{
|
|
4974
4990
|
onClick: () => handleClick("4"),
|
|
@@ -4977,7 +4993,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
4977
4993
|
children: "4"
|
|
4978
4994
|
}
|
|
4979
4995
|
),
|
|
4980
|
-
/* @__PURE__ */ (0,
|
|
4996
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4981
4997
|
RoundButton_default,
|
|
4982
4998
|
{
|
|
4983
4999
|
onClick: () => handleClick("5"),
|
|
@@ -4986,7 +5002,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
4986
5002
|
children: "5"
|
|
4987
5003
|
}
|
|
4988
5004
|
),
|
|
4989
|
-
/* @__PURE__ */ (0,
|
|
5005
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
4990
5006
|
RoundButton_default,
|
|
4991
5007
|
{
|
|
4992
5008
|
onClick: () => handleClick("6"),
|
|
@@ -4996,8 +5012,8 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
4996
5012
|
}
|
|
4997
5013
|
)
|
|
4998
5014
|
] }),
|
|
4999
|
-
/* @__PURE__ */ (0,
|
|
5000
|
-
/* @__PURE__ */ (0,
|
|
5015
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_material39.Box, { className: styles.numpadRow, children: [
|
|
5016
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5001
5017
|
RoundButton_default,
|
|
5002
5018
|
{
|
|
5003
5019
|
onClick: () => handleClick("7"),
|
|
@@ -5006,7 +5022,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
5006
5022
|
children: "7"
|
|
5007
5023
|
}
|
|
5008
5024
|
),
|
|
5009
|
-
/* @__PURE__ */ (0,
|
|
5025
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5010
5026
|
RoundButton_default,
|
|
5011
5027
|
{
|
|
5012
5028
|
onClick: () => handleClick("8"),
|
|
@@ -5015,7 +5031,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
5015
5031
|
children: "8"
|
|
5016
5032
|
}
|
|
5017
5033
|
),
|
|
5018
|
-
/* @__PURE__ */ (0,
|
|
5034
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5019
5035
|
RoundButton_default,
|
|
5020
5036
|
{
|
|
5021
5037
|
onClick: () => handleClick("9"),
|
|
@@ -5025,8 +5041,8 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
5025
5041
|
}
|
|
5026
5042
|
)
|
|
5027
5043
|
] }),
|
|
5028
|
-
/* @__PURE__ */ (0,
|
|
5029
|
-
/* @__PURE__ */ (0,
|
|
5044
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_material39.Box, { className: styles.numpadRow, children: [
|
|
5045
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5030
5046
|
RoundButton_default,
|
|
5031
5047
|
{
|
|
5032
5048
|
onClick: () => handleClick("0"),
|
|
@@ -5035,7 +5051,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
5035
5051
|
children: "0"
|
|
5036
5052
|
}
|
|
5037
5053
|
),
|
|
5038
|
-
/* @__PURE__ */ (0,
|
|
5054
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5039
5055
|
RoundButton_default,
|
|
5040
5056
|
{
|
|
5041
5057
|
onClick: () => handleClick("."),
|
|
@@ -5044,7 +5060,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
5044
5060
|
children: "."
|
|
5045
5061
|
}
|
|
5046
5062
|
),
|
|
5047
|
-
/* @__PURE__ */ (0,
|
|
5063
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5048
5064
|
RoundButton_default,
|
|
5049
5065
|
{
|
|
5050
5066
|
onClick: () => handleClick("-"),
|
|
@@ -5055,7 +5071,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
|
|
|
5055
5071
|
)
|
|
5056
5072
|
] })
|
|
5057
5073
|
] }),
|
|
5058
|
-
/* @__PURE__ */ (0,
|
|
5074
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_material39.Box, { className: styles.numpadBackspace, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
5059
5075
|
RoundButton_default,
|
|
5060
5076
|
{
|
|
5061
5077
|
icon: "backspaceOutlined",
|
|
@@ -5071,7 +5087,7 @@ var NumpadPlus_default = NumpadPlus;
|
|
|
5071
5087
|
// src/components/Pagination/Pagination.tsx
|
|
5072
5088
|
var import_material40 = require("@mui/material");
|
|
5073
5089
|
var import_mui36 = require("tss-react/mui");
|
|
5074
|
-
var
|
|
5090
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
5075
5091
|
var paginationHeight = "56px";
|
|
5076
5092
|
var useStyles34 = (0, import_mui36.makeStyles)()((theme) => ({
|
|
5077
5093
|
root: {
|
|
@@ -5114,7 +5130,7 @@ var PaginationForTable = ({
|
|
|
5114
5130
|
updateFilters({ ...appliedFilters, page: value });
|
|
5115
5131
|
};
|
|
5116
5132
|
const isFixed = position === "fixed";
|
|
5117
|
-
return /* @__PURE__ */ (0,
|
|
5133
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_material40.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
5118
5134
|
"div",
|
|
5119
5135
|
{
|
|
5120
5136
|
style,
|
|
@@ -5122,11 +5138,11 @@ var PaginationForTable = ({
|
|
|
5122
5138
|
[classes.fixed]: isFixed
|
|
5123
5139
|
}),
|
|
5124
5140
|
children: [
|
|
5125
|
-
/* @__PURE__ */ (0,
|
|
5141
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_material40.Typography, { variant: "body1", children: [
|
|
5126
5142
|
"Page: ",
|
|
5127
5143
|
page
|
|
5128
5144
|
] }),
|
|
5129
|
-
/* @__PURE__ */ (0,
|
|
5145
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
5130
5146
|
import_material40.Pagination,
|
|
5131
5147
|
{
|
|
5132
5148
|
count: pagination.num_pages,
|
|
@@ -5143,8 +5159,8 @@ var Pagination_default = PaginationForTable;
|
|
|
5143
5159
|
// src/components/PhoneInput/PhoneInput.tsx
|
|
5144
5160
|
var import_react_phone_input_material_ui = __toESM(require("react-phone-input-material-ui"), 1);
|
|
5145
5161
|
var import_material41 = require("@mui/material");
|
|
5146
|
-
var
|
|
5147
|
-
var TextInput = (props) => /* @__PURE__ */ (0,
|
|
5162
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
5163
|
+
var TextInput = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_material41.TextField, { ...props, variant: "standard" });
|
|
5148
5164
|
var PhoneInput = ({
|
|
5149
5165
|
value,
|
|
5150
5166
|
onChange,
|
|
@@ -5152,7 +5168,7 @@ var PhoneInput = ({
|
|
|
5152
5168
|
label = "Phone",
|
|
5153
5169
|
className,
|
|
5154
5170
|
error = false
|
|
5155
|
-
}) => /* @__PURE__ */ (0,
|
|
5171
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
5156
5172
|
import_material41.Box,
|
|
5157
5173
|
{
|
|
5158
5174
|
sx: {
|
|
@@ -5161,7 +5177,7 @@ var PhoneInput = ({
|
|
|
5161
5177
|
},
|
|
5162
5178
|
className,
|
|
5163
5179
|
children: [
|
|
5164
|
-
/* @__PURE__ */ (0,
|
|
5180
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
5165
5181
|
import_react_phone_input_material_ui.default,
|
|
5166
5182
|
{
|
|
5167
5183
|
label,
|
|
@@ -5176,7 +5192,7 @@ var PhoneInput = ({
|
|
|
5176
5192
|
}
|
|
5177
5193
|
}
|
|
5178
5194
|
),
|
|
5179
|
-
/* @__PURE__ */ (0,
|
|
5195
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
5180
5196
|
import_material41.Typography,
|
|
5181
5197
|
{
|
|
5182
5198
|
variant: "caption",
|
|
@@ -5200,7 +5216,7 @@ var import_react21 = require("react");
|
|
|
5200
5216
|
var import_react_hook_form7 = require("react-hook-form");
|
|
5201
5217
|
var import_material42 = require("@mui/material");
|
|
5202
5218
|
var import_mui37 = require("tss-react/mui");
|
|
5203
|
-
var
|
|
5219
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
5204
5220
|
var useStyles35 = (0, import_mui37.makeStyles)()((theme) => ({
|
|
5205
5221
|
container: {
|
|
5206
5222
|
position: "relative",
|
|
@@ -5343,7 +5359,7 @@ var PlusMinusInput = ({
|
|
|
5343
5359
|
updateInputValue(value);
|
|
5344
5360
|
};
|
|
5345
5361
|
const { classes, cx } = useStyles35();
|
|
5346
|
-
return /* @__PURE__ */ (0,
|
|
5362
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
5347
5363
|
import_material42.FormGroup,
|
|
5348
5364
|
{
|
|
5349
5365
|
className: cx(classes.wrapper, {
|
|
@@ -5351,7 +5367,7 @@ var PlusMinusInput = ({
|
|
|
5351
5367
|
[classes.rightButtons]: buttonsPosition === "right"
|
|
5352
5368
|
}),
|
|
5353
5369
|
children: [
|
|
5354
|
-
/* @__PURE__ */ (0,
|
|
5370
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5355
5371
|
RoundButton_default,
|
|
5356
5372
|
{
|
|
5357
5373
|
className: classes.minus,
|
|
@@ -5361,18 +5377,18 @@ var PlusMinusInput = ({
|
|
|
5361
5377
|
size: "small"
|
|
5362
5378
|
}
|
|
5363
5379
|
),
|
|
5364
|
-
/* @__PURE__ */ (0,
|
|
5365
|
-
/* @__PURE__ */ (0,
|
|
5380
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
|
|
5381
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5366
5382
|
import_react_hook_form7.Controller,
|
|
5367
5383
|
{
|
|
5368
5384
|
control,
|
|
5369
5385
|
name: "inputValue",
|
|
5370
|
-
render: ({ field }) => /* @__PURE__ */ (0,
|
|
5386
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5371
5387
|
import_material42.FormControlLabel,
|
|
5372
5388
|
{
|
|
5373
5389
|
...field,
|
|
5374
5390
|
className: classes.formControlLabel,
|
|
5375
|
-
control: /* @__PURE__ */ (0,
|
|
5391
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5376
5392
|
import_material42.TextField,
|
|
5377
5393
|
{
|
|
5378
5394
|
className: classes.input,
|
|
@@ -5389,7 +5405,7 @@ var PlusMinusInput = ({
|
|
|
5389
5405
|
)
|
|
5390
5406
|
}
|
|
5391
5407
|
),
|
|
5392
|
-
errors.inputValue && /* @__PURE__ */ (0,
|
|
5408
|
+
errors.inputValue && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5393
5409
|
import_material42.Typography,
|
|
5394
5410
|
{
|
|
5395
5411
|
className: classes.errorText,
|
|
@@ -5400,7 +5416,7 @@ var PlusMinusInput = ({
|
|
|
5400
5416
|
}
|
|
5401
5417
|
)
|
|
5402
5418
|
] }),
|
|
5403
|
-
/* @__PURE__ */ (0,
|
|
5419
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
5404
5420
|
RoundButton_default,
|
|
5405
5421
|
{
|
|
5406
5422
|
className: classes.plus,
|
|
@@ -5424,21 +5440,21 @@ var import_mui39 = require("tss-react/mui");
|
|
|
5424
5440
|
// src/components/ProductImage/ProductImage.tsx
|
|
5425
5441
|
var import_material43 = require("@mui/material");
|
|
5426
5442
|
var import_mui38 = require("tss-react/mui");
|
|
5427
|
-
var
|
|
5443
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
5428
5444
|
var PImage = ({
|
|
5429
5445
|
classes,
|
|
5430
5446
|
image,
|
|
5431
5447
|
size = "c_productbust__image_xs",
|
|
5432
5448
|
status
|
|
5433
|
-
}) => /* @__PURE__ */ (0,
|
|
5434
|
-
/* @__PURE__ */ (0,
|
|
5449
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: classes.c_productbust__image, children: [
|
|
5450
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
5435
5451
|
import_material43.CardMedia,
|
|
5436
5452
|
{
|
|
5437
5453
|
className: classes[size],
|
|
5438
5454
|
image: image || "@/resources/img/peas.jpg"
|
|
5439
5455
|
}
|
|
5440
5456
|
),
|
|
5441
|
-
status && status !== "ACTIVE" && /* @__PURE__ */ (0,
|
|
5457
|
+
status && status !== "ACTIVE" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: classes.c_productbust__label_status, children: status })
|
|
5442
5458
|
] });
|
|
5443
5459
|
var ProductImage = (0, import_mui38.withStyles)(PImage, (theme) => ({
|
|
5444
5460
|
c_productbust__label_status: {
|
|
@@ -5520,7 +5536,7 @@ var ProductImage = (0, import_mui38.withStyles)(PImage, (theme) => ({
|
|
|
5520
5536
|
var ProductImage_default = ProductImage;
|
|
5521
5537
|
|
|
5522
5538
|
// src/components/ProductBust/ProductBust.tsx
|
|
5523
|
-
var
|
|
5539
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
5524
5540
|
var PBust = ({
|
|
5525
5541
|
classes,
|
|
5526
5542
|
size,
|
|
@@ -5563,7 +5579,7 @@ var PBust = ({
|
|
|
5563
5579
|
break;
|
|
5564
5580
|
}
|
|
5565
5581
|
const [historyVisible, setHistoryVisible] = (0, import_react22.useState)(false);
|
|
5566
|
-
const historyDataIcon = () => /* @__PURE__ */ (0,
|
|
5582
|
+
const historyDataIcon = () => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5567
5583
|
RoundButton_default,
|
|
5568
5584
|
{
|
|
5569
5585
|
icon: "history",
|
|
@@ -5571,8 +5587,8 @@ var PBust = ({
|
|
|
5571
5587
|
size: "small"
|
|
5572
5588
|
}
|
|
5573
5589
|
);
|
|
5574
|
-
return /* @__PURE__ */ (0,
|
|
5575
|
-
/* @__PURE__ */ (0,
|
|
5590
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: classes.c_productbust, children: [
|
|
5591
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5576
5592
|
ProductImage_default,
|
|
5577
5593
|
{
|
|
5578
5594
|
image: product?.image,
|
|
@@ -5580,10 +5596,10 @@ var PBust = ({
|
|
|
5580
5596
|
size: imageSize
|
|
5581
5597
|
}
|
|
5582
5598
|
),
|
|
5583
|
-
/* @__PURE__ */ (0,
|
|
5584
|
-
/* @__PURE__ */ (0,
|
|
5585
|
-
/* @__PURE__ */ (0,
|
|
5586
|
-
/* @__PURE__ */ (0,
|
|
5599
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: classes.c_productbust__container, children: [
|
|
5600
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: classes.c_productbust__heading, children: [
|
|
5601
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { children: [
|
|
5602
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5587
5603
|
import_material44.Typography,
|
|
5588
5604
|
{
|
|
5589
5605
|
component: "span",
|
|
@@ -5592,10 +5608,10 @@ var PBust = ({
|
|
|
5592
5608
|
children: !!locationData && locationData
|
|
5593
5609
|
}
|
|
5594
5610
|
),
|
|
5595
|
-
/* @__PURE__ */ (0,
|
|
5596
|
-
!product && /* @__PURE__ */ (0,
|
|
5597
|
-
primaryData || /* @__PURE__ */ (0,
|
|
5598
|
-
/* @__PURE__ */ (0,
|
|
5611
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_material44.Typography, { component: "span", className: classes[titleSize], children: product?.name }),
|
|
5612
|
+
!product && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_material44.Typography, { component: "span", className: classes[titleSize], children: "Empty Position" }),
|
|
5613
|
+
primaryData || /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
|
|
5614
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5599
5615
|
import_material44.Typography,
|
|
5600
5616
|
{
|
|
5601
5617
|
style: { color: "#555" },
|
|
@@ -5603,7 +5619,7 @@ var PBust = ({
|
|
|
5603
5619
|
children: product?.category.name
|
|
5604
5620
|
}
|
|
5605
5621
|
),
|
|
5606
|
-
/* @__PURE__ */ (0,
|
|
5622
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5607
5623
|
import_material44.Typography,
|
|
5608
5624
|
{
|
|
5609
5625
|
style: { color: "#A42966", textTransform: "uppercase" },
|
|
@@ -5613,14 +5629,14 @@ var PBust = ({
|
|
|
5613
5629
|
)
|
|
5614
5630
|
] })
|
|
5615
5631
|
] }),
|
|
5616
|
-
/* @__PURE__ */ (0,
|
|
5617
|
-
/* @__PURE__ */ (0,
|
|
5618
|
-
/* @__PURE__ */ (0,
|
|
5632
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: classes.c_productbust__btns, children: [
|
|
5633
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: buttonData }),
|
|
5634
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: !!locationId && historyDataIcon() })
|
|
5619
5635
|
] })
|
|
5620
5636
|
] }),
|
|
5621
|
-
/* @__PURE__ */ (0,
|
|
5637
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: !!secondaryData && secondaryData })
|
|
5622
5638
|
] }),
|
|
5623
|
-
/* @__PURE__ */ (0,
|
|
5639
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
5624
5640
|
LocationHistoryDialog,
|
|
5625
5641
|
{
|
|
5626
5642
|
handleVisible: setHistoryVisible,
|
|
@@ -5724,7 +5740,7 @@ var ProductBust_default = ProductBust;
|
|
|
5724
5740
|
// src/components/RenderAvatar/RenderAvatar.tsx
|
|
5725
5741
|
var import_material45 = require("@mui/material");
|
|
5726
5742
|
var import_mui40 = require("tss-react/mui");
|
|
5727
|
-
var
|
|
5743
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
5728
5744
|
var RenderAvatar = ({ active }) => {
|
|
5729
5745
|
const StyledBadge = (0, import_mui40.withStyles)(import_material45.Badge, () => ({
|
|
5730
5746
|
root: {
|
|
@@ -5733,12 +5749,12 @@ var RenderAvatar = ({ active }) => {
|
|
|
5733
5749
|
}
|
|
5734
5750
|
}
|
|
5735
5751
|
}));
|
|
5736
|
-
return /* @__PURE__ */ (0,
|
|
5752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
5737
5753
|
import_material45.Box,
|
|
5738
5754
|
{
|
|
5739
5755
|
sx: { display: "flex", flexDirection: "column", alignItems: "center" },
|
|
5740
5756
|
children: [
|
|
5741
|
-
/* @__PURE__ */ (0,
|
|
5757
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
5742
5758
|
StyledBadge,
|
|
5743
5759
|
{
|
|
5744
5760
|
overlap: "circular",
|
|
@@ -5747,10 +5763,10 @@ var RenderAvatar = ({ active }) => {
|
|
|
5747
5763
|
horizontal: "right"
|
|
5748
5764
|
},
|
|
5749
5765
|
variant: "dot",
|
|
5750
|
-
children: /* @__PURE__ */ (0,
|
|
5766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_material45.Avatar, {})
|
|
5751
5767
|
}
|
|
5752
5768
|
),
|
|
5753
|
-
/* @__PURE__ */ (0,
|
|
5769
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_material45.Typography, { variant: "caption", children: active ? "Active" : "Disabled" })
|
|
5754
5770
|
]
|
|
5755
5771
|
}
|
|
5756
5772
|
);
|
|
@@ -5768,7 +5784,7 @@ var import_react23 = require("react");
|
|
|
5768
5784
|
var transformNameToID = (name) => name.replaceAll(" ", "-").toLocaleLowerCase();
|
|
5769
5785
|
|
|
5770
5786
|
// src/components/RenderContentList/RenderContentList.tsx
|
|
5771
|
-
var
|
|
5787
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
5772
5788
|
var useStyles36 = (0, import_mui41.makeStyles)()(
|
|
5773
5789
|
(_theme, _params, classes) => ({
|
|
5774
5790
|
root: {
|
|
@@ -5823,15 +5839,15 @@ var RenderContentList = ({
|
|
|
5823
5839
|
observer.current?.disconnect();
|
|
5824
5840
|
};
|
|
5825
5841
|
}, [items]);
|
|
5826
|
-
return /* @__PURE__ */ (0,
|
|
5842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
5827
5843
|
import_material46.List,
|
|
5828
5844
|
{
|
|
5829
5845
|
component: "nav",
|
|
5830
5846
|
"aria-labelledby": "nested-list-subheader",
|
|
5831
|
-
subheader: /* @__PURE__ */ (0,
|
|
5847
|
+
subheader: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_material46.ListSubheader, { component: "div", id: "nested-list-subheader", children: "Contents" }),
|
|
5832
5848
|
children: items.map((item) => {
|
|
5833
5849
|
const id = transformNameToID(item);
|
|
5834
|
-
return /* @__PURE__ */ (0,
|
|
5850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
5835
5851
|
import_material46.ListItemButton,
|
|
5836
5852
|
{
|
|
5837
5853
|
selected: active === id,
|
|
@@ -5847,8 +5863,8 @@ var RenderContentList = ({
|
|
|
5847
5863
|
}
|
|
5848
5864
|
},
|
|
5849
5865
|
children: [
|
|
5850
|
-
/* @__PURE__ */ (0,
|
|
5851
|
-
warningItems?.includes(item) && /* @__PURE__ */ (0,
|
|
5866
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_material46.ListItemText, { primary: item }),
|
|
5867
|
+
warningItems?.includes(item) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_material46.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_icons_material8.WarningAmber, { color: "warning" }) })
|
|
5852
5868
|
]
|
|
5853
5869
|
},
|
|
5854
5870
|
id
|
|
@@ -5862,7 +5878,7 @@ var RenderContentList_default = RenderContentList;
|
|
|
5862
5878
|
// src/components/RowProductCard/RowProductCard.tsx
|
|
5863
5879
|
var import_material47 = require("@mui/material");
|
|
5864
5880
|
var import_mui42 = require("tss-react/mui");
|
|
5865
|
-
var
|
|
5881
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
5866
5882
|
var useStyles37 = (0, import_mui42.makeStyles)()((theme) => ({
|
|
5867
5883
|
wrapper: {
|
|
5868
5884
|
display: "flex",
|
|
@@ -5901,8 +5917,8 @@ var RowProductCard = ({
|
|
|
5901
5917
|
medium: "c_productbust__image_md",
|
|
5902
5918
|
large: "c_productbust__image_lg"
|
|
5903
5919
|
};
|
|
5904
|
-
return /* @__PURE__ */ (0,
|
|
5905
|
-
/* @__PURE__ */ (0,
|
|
5920
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_material47.Paper, { className: classes.wrapper, children: [
|
|
5921
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
5906
5922
|
ProductImage_default,
|
|
5907
5923
|
{
|
|
5908
5924
|
image: product.image,
|
|
@@ -5910,14 +5926,14 @@ var RowProductCard = ({
|
|
|
5910
5926
|
size: imageSize[size]
|
|
5911
5927
|
}
|
|
5912
5928
|
),
|
|
5913
|
-
/* @__PURE__ */ (0,
|
|
5929
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
5914
5930
|
"div",
|
|
5915
5931
|
{
|
|
5916
5932
|
className: cx(classes.content, {
|
|
5917
5933
|
[classes.onlyProductName]: !hasColumns && !location
|
|
5918
5934
|
}),
|
|
5919
5935
|
children: [
|
|
5920
|
-
/* @__PURE__ */ (0,
|
|
5936
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
5921
5937
|
import_material47.Box,
|
|
5922
5938
|
{
|
|
5923
5939
|
className: classes.upperRow,
|
|
@@ -5927,26 +5943,26 @@ var RowProductCard = ({
|
|
|
5927
5943
|
alignItems: "center"
|
|
5928
5944
|
},
|
|
5929
5945
|
children: [
|
|
5930
|
-
/* @__PURE__ */ (0,
|
|
5931
|
-
location ? /* @__PURE__ */ (0,
|
|
5932
|
-
/* @__PURE__ */ (0,
|
|
5946
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
|
|
5947
|
+
location ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_material47.Typography, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
|
|
5948
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_material47.Typography, { variant: "h6", children: product.name })
|
|
5933
5949
|
] }),
|
|
5934
5950
|
children
|
|
5935
5951
|
]
|
|
5936
5952
|
}
|
|
5937
5953
|
),
|
|
5938
|
-
hasColumns ? /* @__PURE__ */ (0,
|
|
5939
|
-
/* @__PURE__ */ (0,
|
|
5940
|
-
/* @__PURE__ */ (0,
|
|
5954
|
+
hasColumns ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
|
|
5955
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_material47.Divider, { className: classes.divider }),
|
|
5956
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
5941
5957
|
import_material47.Box,
|
|
5942
5958
|
{
|
|
5943
5959
|
sx: {
|
|
5944
5960
|
display: "flex",
|
|
5945
5961
|
gap: "24px"
|
|
5946
5962
|
},
|
|
5947
|
-
children: columns.map((column) => /* @__PURE__ */ (0,
|
|
5948
|
-
/* @__PURE__ */ (0,
|
|
5949
|
-
typeof column.value === "string" ? /* @__PURE__ */ (0,
|
|
5963
|
+
children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
|
|
5964
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_material47.Typography, { className: classes.smallTitle, variant: "caption", children: column.title }),
|
|
5965
|
+
typeof column.value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_material47.Typography, { variant: "body1", children: column.value }) : column.value
|
|
5950
5966
|
] }, column.title))
|
|
5951
5967
|
}
|
|
5952
5968
|
)
|
|
@@ -5962,7 +5978,7 @@ var RowProductCard_default = RowProductCard;
|
|
|
5962
5978
|
var import_react25 = require("react");
|
|
5963
5979
|
var import_material48 = require("@mui/material");
|
|
5964
5980
|
var import_mui43 = require("tss-react/mui");
|
|
5965
|
-
var
|
|
5981
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
5966
5982
|
var useStyles38 = (0, import_mui43.makeStyles)()((theme) => ({
|
|
5967
5983
|
dialog: {
|
|
5968
5984
|
margin: "0 auto",
|
|
@@ -6037,17 +6053,17 @@ var ScrollableDialog = ({
|
|
|
6037
6053
|
requestAnimationFrame(measureHeights);
|
|
6038
6054
|
}
|
|
6039
6055
|
}, [isOpen, header, footer, title, maxDialogHeight]);
|
|
6040
|
-
return /* @__PURE__ */ (0,
|
|
6056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.Dialog, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
6041
6057
|
import_material48.Fade,
|
|
6042
6058
|
{
|
|
6043
6059
|
in: isOpen,
|
|
6044
6060
|
onEntered: () => {
|
|
6045
6061
|
requestAnimationFrame(measureHeights);
|
|
6046
6062
|
},
|
|
6047
|
-
children: /* @__PURE__ */ (0,
|
|
6048
|
-
header ? /* @__PURE__ */ (0,
|
|
6049
|
-
/* @__PURE__ */ (0,
|
|
6050
|
-
/* @__PURE__ */ (0,
|
|
6063
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_material48.Paper, { className: classes.wrapper, children: [
|
|
6064
|
+
header ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: classes.header, id: "dialog-header", children: header }) : null,
|
|
6065
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: classes.body, children: [
|
|
6066
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
6051
6067
|
import_material48.Typography,
|
|
6052
6068
|
{
|
|
6053
6069
|
className: classes.title,
|
|
@@ -6056,7 +6072,7 @@ var ScrollableDialog = ({
|
|
|
6056
6072
|
children: title
|
|
6057
6073
|
}
|
|
6058
6074
|
),
|
|
6059
|
-
/* @__PURE__ */ (0,
|
|
6075
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
6060
6076
|
"div",
|
|
6061
6077
|
{
|
|
6062
6078
|
className: cx(classes.scrollableContainer, {
|
|
@@ -6070,8 +6086,8 @@ var ScrollableDialog = ({
|
|
|
6070
6086
|
}
|
|
6071
6087
|
)
|
|
6072
6088
|
] }),
|
|
6073
|
-
/* @__PURE__ */ (0,
|
|
6074
|
-
footer ? /* @__PURE__ */ (0,
|
|
6089
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.Divider, {}),
|
|
6090
|
+
footer ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
6075
6091
|
import_material48.Box,
|
|
6076
6092
|
{
|
|
6077
6093
|
className: classes.footer,
|
|
@@ -6099,7 +6115,7 @@ var React3 = __toESM(require("react"), 1);
|
|
|
6099
6115
|
var import_icons_material9 = require("@mui/icons-material");
|
|
6100
6116
|
var import_material49 = require("@mui/material");
|
|
6101
6117
|
var import_mui44 = require("tss-react/mui");
|
|
6102
|
-
var
|
|
6118
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
6103
6119
|
var useStyles39 = (0, import_mui44.makeStyles)()((theme) => ({
|
|
6104
6120
|
searchContainer: {
|
|
6105
6121
|
height: 46,
|
|
@@ -6159,9 +6175,9 @@ var SearchWithFilters = ({
|
|
|
6159
6175
|
(0, import_react26.useEffect)(() => {
|
|
6160
6176
|
setSearchText(searchValue);
|
|
6161
6177
|
}, [searchValue]);
|
|
6162
|
-
return /* @__PURE__ */ (0,
|
|
6163
|
-
/* @__PURE__ */ (0,
|
|
6164
|
-
/* @__PURE__ */ (0,
|
|
6178
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_material49.Paper, { className: classes.searchContainer, children: [
|
|
6179
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons_material9.Search, { className: classes.icon, fontSize: "small" }),
|
|
6180
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
6165
6181
|
import_material49.InputBase,
|
|
6166
6182
|
{
|
|
6167
6183
|
className: classes.input,
|
|
@@ -6173,8 +6189,8 @@ var SearchWithFilters = ({
|
|
|
6173
6189
|
inputProps: { "aria-label": "search" }
|
|
6174
6190
|
}
|
|
6175
6191
|
),
|
|
6176
|
-
/* @__PURE__ */ (0,
|
|
6177
|
-
/* @__PURE__ */ (0,
|
|
6192
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_material49.Divider, { className: classes.divider, orientation: "vertical" }),
|
|
6193
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
|
|
6178
6194
|
import_material49.Button,
|
|
6179
6195
|
{
|
|
6180
6196
|
className: classes.filterButton,
|
|
@@ -6182,7 +6198,7 @@ var SearchWithFilters = ({
|
|
|
6182
6198
|
disabled,
|
|
6183
6199
|
children: [
|
|
6184
6200
|
"Filters",
|
|
6185
|
-
showFilters ? /* @__PURE__ */ (0,
|
|
6201
|
+
showFilters ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons_material9.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons_material9.ArrowDropDown, {})
|
|
6186
6202
|
]
|
|
6187
6203
|
}
|
|
6188
6204
|
)
|
|
@@ -6191,7 +6207,7 @@ var SearchWithFilters = ({
|
|
|
6191
6207
|
var SearchWithFilters_default = React3.memo(SearchWithFilters);
|
|
6192
6208
|
|
|
6193
6209
|
// src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
|
|
6194
|
-
var
|
|
6210
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
6195
6211
|
var useStyles40 = (0, import_mui45.makeStyles)()((theme) => ({
|
|
6196
6212
|
wrapper: {
|
|
6197
6213
|
display: "flex",
|
|
@@ -6227,11 +6243,11 @@ var SearchAndFilterHeader = ({
|
|
|
6227
6243
|
searchValue
|
|
6228
6244
|
}) => {
|
|
6229
6245
|
const { classes } = useStyles40();
|
|
6230
|
-
return /* @__PURE__ */ (0,
|
|
6231
|
-
/* @__PURE__ */ (0,
|
|
6232
|
-
/* @__PURE__ */ (0,
|
|
6233
|
-
/* @__PURE__ */ (0,
|
|
6234
|
-
/* @__PURE__ */ (0,
|
|
6246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material50.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_material50.Box, { className: classes.wrapper, children: [
|
|
6247
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_material50.Box, { className: classes.container, children: [
|
|
6248
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_material50.Box, { className: classes.leftSection, children: [
|
|
6249
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AppLabel_default, { appName }),
|
|
6250
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
6235
6251
|
SearchWithFilters_default,
|
|
6236
6252
|
{
|
|
6237
6253
|
searchValue,
|
|
@@ -6242,9 +6258,9 @@ var SearchAndFilterHeader = ({
|
|
|
6242
6258
|
}
|
|
6243
6259
|
)
|
|
6244
6260
|
] }),
|
|
6245
|
-
/* @__PURE__ */ (0,
|
|
6261
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material50.Box, { children: extraButton })
|
|
6246
6262
|
] }),
|
|
6247
|
-
showFilters ? /* @__PURE__ */ (0,
|
|
6263
|
+
showFilters ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material50.Box, { children: filtersComponent }) : null,
|
|
6248
6264
|
appliedFiltersComponent
|
|
6249
6265
|
] }) });
|
|
6250
6266
|
};
|
|
@@ -6260,7 +6276,7 @@ var import_react27 = require("react");
|
|
|
6260
6276
|
var import_icons_material10 = require("@mui/icons-material");
|
|
6261
6277
|
var import_material51 = require("@mui/material");
|
|
6262
6278
|
var import_mui46 = require("tss-react/mui");
|
|
6263
|
-
var
|
|
6279
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
6264
6280
|
var useStyles41 = (0, import_mui46.makeStyles)()((theme) => ({
|
|
6265
6281
|
c_search: {
|
|
6266
6282
|
height: 46,
|
|
@@ -6335,9 +6351,9 @@ var SearchWithFiltersForTable = (props) => {
|
|
|
6335
6351
|
}
|
|
6336
6352
|
};
|
|
6337
6353
|
const ArrowIcon = isOpen ? import_icons_material10.ArrowDropUp : import_icons_material10.ArrowDropDown;
|
|
6338
|
-
return /* @__PURE__ */ (0,
|
|
6339
|
-
/* @__PURE__ */ (0,
|
|
6340
|
-
/* @__PURE__ */ (0,
|
|
6354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_material51.Paper, { className: classes.c_search, children: [
|
|
6355
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material51.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_icons_material10.Search, { className: classes.icon, fontSize: "small" }) }),
|
|
6356
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
6341
6357
|
import_material51.InputBase,
|
|
6342
6358
|
{
|
|
6343
6359
|
className: classes.c_search__input,
|
|
@@ -6347,22 +6363,22 @@ var SearchWithFiltersForTable = (props) => {
|
|
|
6347
6363
|
onKeyDown: handleKeyPress
|
|
6348
6364
|
}
|
|
6349
6365
|
),
|
|
6350
|
-
showFilterButton && /* @__PURE__ */ (0,
|
|
6351
|
-
/* @__PURE__ */ (0,
|
|
6366
|
+
showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
|
|
6367
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
6352
6368
|
import_material51.Divider,
|
|
6353
6369
|
{
|
|
6354
6370
|
className: classes.c_search__divider,
|
|
6355
6371
|
orientation: "vertical"
|
|
6356
6372
|
}
|
|
6357
6373
|
),
|
|
6358
|
-
/* @__PURE__ */ (0,
|
|
6374
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
|
|
6359
6375
|
import_material51.Button,
|
|
6360
6376
|
{
|
|
6361
6377
|
className: classes.c_search__bt_filter,
|
|
6362
6378
|
onClick: handleFilterButtonClick,
|
|
6363
6379
|
children: [
|
|
6364
6380
|
"Filters",
|
|
6365
|
-
/* @__PURE__ */ (0,
|
|
6381
|
+
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ArrowIcon, { className: classes.c_search__bt_icon_filter })
|
|
6366
6382
|
]
|
|
6367
6383
|
}
|
|
6368
6384
|
)
|
|
@@ -6372,7 +6388,7 @@ var SearchWithFiltersForTable = (props) => {
|
|
|
6372
6388
|
var SearchWithFiltersForTable_default = (0, import_react27.memo)(SearchWithFiltersForTable);
|
|
6373
6389
|
|
|
6374
6390
|
// src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
|
|
6375
|
-
var
|
|
6391
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
6376
6392
|
var useStyles42 = (0, import_mui47.makeStyles)()((theme) => ({
|
|
6377
6393
|
container: {
|
|
6378
6394
|
display: "flex",
|
|
@@ -6404,10 +6420,10 @@ var SearchAndFilterHeaderForTable = (props) => {
|
|
|
6404
6420
|
searchedValue
|
|
6405
6421
|
} = props;
|
|
6406
6422
|
const { classes } = useStyles42();
|
|
6407
|
-
return /* @__PURE__ */ (0,
|
|
6408
|
-
/* @__PURE__ */ (0,
|
|
6409
|
-
/* @__PURE__ */ (0,
|
|
6410
|
-
/* @__PURE__ */ (0,
|
|
6423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material52.Box, { className: classes.container, children: [
|
|
6424
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material52.Box, { className: classes.leftSection, children: [
|
|
6425
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(AppLabel_default, { appName }),
|
|
6426
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
6411
6427
|
SearchWithFiltersForTable_default,
|
|
6412
6428
|
{
|
|
6413
6429
|
onFilterButtonClick,
|
|
@@ -6418,17 +6434,17 @@ var SearchAndFilterHeaderForTable = (props) => {
|
|
|
6418
6434
|
searchedValue
|
|
6419
6435
|
}
|
|
6420
6436
|
),
|
|
6421
|
-
copy && /* @__PURE__ */ (0,
|
|
6437
|
+
copy && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
6422
6438
|
import_material52.Box,
|
|
6423
6439
|
{
|
|
6424
6440
|
sx: {
|
|
6425
6441
|
margin: 0.5
|
|
6426
6442
|
},
|
|
6427
|
-
children: /* @__PURE__ */ (0,
|
|
6443
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(OutlinedButton_default, { copy })
|
|
6428
6444
|
}
|
|
6429
6445
|
)
|
|
6430
6446
|
] }),
|
|
6431
|
-
/* @__PURE__ */ (0,
|
|
6447
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material52.Box, { children: button })
|
|
6432
6448
|
] });
|
|
6433
6449
|
};
|
|
6434
6450
|
var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderForTable);
|
|
@@ -6437,7 +6453,7 @@ var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderFor
|
|
|
6437
6453
|
var import_react28 = require("react");
|
|
6438
6454
|
var import_material53 = require("@mui/material");
|
|
6439
6455
|
var import_Search = __toESM(require("@mui/icons-material/Search"), 1);
|
|
6440
|
-
var
|
|
6456
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
6441
6457
|
var SearchFieldDebounced = ({
|
|
6442
6458
|
onSearch,
|
|
6443
6459
|
initialValue = "",
|
|
@@ -6460,7 +6476,7 @@ var SearchFieldDebounced = ({
|
|
|
6460
6476
|
if (debounceRef.current) clearTimeout(debounceRef.current);
|
|
6461
6477
|
};
|
|
6462
6478
|
}, []);
|
|
6463
|
-
return /* @__PURE__ */ (0,
|
|
6479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material53.Box, { width: 285, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
6464
6480
|
import_material53.TextField,
|
|
6465
6481
|
{
|
|
6466
6482
|
fullWidth: true,
|
|
@@ -6475,7 +6491,7 @@ var SearchFieldDebounced = ({
|
|
|
6475
6491
|
px: 2,
|
|
6476
6492
|
py: 2.5
|
|
6477
6493
|
},
|
|
6478
|
-
startAdornment: /* @__PURE__ */ (0,
|
|
6494
|
+
startAdornment: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material53.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_Search.default, { fontSize: "small" }) })
|
|
6479
6495
|
}
|
|
6480
6496
|
}
|
|
6481
6497
|
}
|
|
@@ -6486,7 +6502,7 @@ var SearchFieldDebounced = ({
|
|
|
6486
6502
|
var import_icons_material11 = require("@mui/icons-material");
|
|
6487
6503
|
var import_material54 = require("@mui/material");
|
|
6488
6504
|
var import_mui48 = require("tss-react/mui");
|
|
6489
|
-
var
|
|
6505
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
6490
6506
|
var useStyles43 = (0, import_mui48.makeStyles)()((theme) => ({
|
|
6491
6507
|
container: {
|
|
6492
6508
|
display: "flex",
|
|
@@ -6529,9 +6545,9 @@ var SectionName = ({
|
|
|
6529
6545
|
openHistoryLog
|
|
6530
6546
|
}) => {
|
|
6531
6547
|
const { classes } = useStyles43();
|
|
6532
|
-
return /* @__PURE__ */ (0,
|
|
6533
|
-
/* @__PURE__ */ (0,
|
|
6534
|
-
/* @__PURE__ */ (0,
|
|
6548
|
+
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material54.Box, { className: classes.container, children: [
|
|
6549
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material54.Box, { className: classes.titleContainer, children: [
|
|
6550
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6535
6551
|
import_material54.Typography,
|
|
6536
6552
|
{
|
|
6537
6553
|
variant: "h5",
|
|
@@ -6541,7 +6557,7 @@ var SectionName = ({
|
|
|
6541
6557
|
children: name
|
|
6542
6558
|
}
|
|
6543
6559
|
),
|
|
6544
|
-
tooltipDescription ? /* @__PURE__ */ (0,
|
|
6560
|
+
tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material54.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6545
6561
|
import_icons_material11.Info,
|
|
6546
6562
|
{
|
|
6547
6563
|
fontSize: "small",
|
|
@@ -6550,8 +6566,8 @@ var SectionName = ({
|
|
|
6550
6566
|
}
|
|
6551
6567
|
) }) : null
|
|
6552
6568
|
] }),
|
|
6553
|
-
/* @__PURE__ */ (0,
|
|
6554
|
-
buttonText ? /* @__PURE__ */ (0,
|
|
6569
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material54.Box, { className: classes.actionButtons, children: [
|
|
6570
|
+
buttonText ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
6555
6571
|
ExtendedButton_default,
|
|
6556
6572
|
{
|
|
6557
6573
|
type: buttonType,
|
|
@@ -6564,8 +6580,8 @@ var SectionName = ({
|
|
|
6564
6580
|
variant: "text"
|
|
6565
6581
|
}
|
|
6566
6582
|
) : null,
|
|
6567
|
-
openHistoryLog && buttonText && /* @__PURE__ */ (0,
|
|
6568
|
-
openHistoryLog && /* @__PURE__ */ (0,
|
|
6583
|
+
openHistoryLog && buttonText && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material54.Divider, { orientation: "vertical", sx: { height: "24px" } }),
|
|
6584
|
+
openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material54.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_icons_material11.History, {}) })
|
|
6569
6585
|
] })
|
|
6570
6586
|
] });
|
|
6571
6587
|
};
|
|
@@ -6575,7 +6591,7 @@ var SectionName_default = SectionName;
|
|
|
6575
6591
|
var import_react29 = require("react");
|
|
6576
6592
|
var import_material55 = require("@mui/material");
|
|
6577
6593
|
var import_mui49 = require("tss-react/mui");
|
|
6578
|
-
var
|
|
6594
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
6579
6595
|
var useStyles44 = (0, import_mui49.makeStyles)()(() => ({
|
|
6580
6596
|
container: {
|
|
6581
6597
|
display: "flex",
|
|
@@ -6643,7 +6659,7 @@ var SmartSelect = (0, import_react29.forwardRef)(
|
|
|
6643
6659
|
onChange(selectedOption);
|
|
6644
6660
|
}
|
|
6645
6661
|
};
|
|
6646
|
-
return /* @__PURE__ */ (0,
|
|
6662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
6647
6663
|
import_material55.FormControl,
|
|
6648
6664
|
{
|
|
6649
6665
|
fullWidth: true,
|
|
@@ -6654,7 +6670,7 @@ var SmartSelect = (0, import_react29.forwardRef)(
|
|
|
6654
6670
|
"data-testid": dataTestId,
|
|
6655
6671
|
disabled,
|
|
6656
6672
|
children: [
|
|
6657
|
-
inputLabel && /* @__PURE__ */ (0,
|
|
6673
|
+
inputLabel && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6658
6674
|
import_material55.InputLabel,
|
|
6659
6675
|
{
|
|
6660
6676
|
id: "smart-select-label",
|
|
@@ -6662,7 +6678,7 @@ var SmartSelect = (0, import_react29.forwardRef)(
|
|
|
6662
6678
|
children: inputLabel
|
|
6663
6679
|
}
|
|
6664
6680
|
),
|
|
6665
|
-
/* @__PURE__ */ (0,
|
|
6681
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
6666
6682
|
import_material55.Select,
|
|
6667
6683
|
{
|
|
6668
6684
|
ref,
|
|
@@ -6680,17 +6696,17 @@ var SmartSelect = (0, import_react29.forwardRef)(
|
|
|
6680
6696
|
MenuProps: menuProps,
|
|
6681
6697
|
label: inputLabel,
|
|
6682
6698
|
children: [
|
|
6683
|
-
isFetching && /* @__PURE__ */ (0,
|
|
6699
|
+
isFetching && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6684
6700
|
import_material55.MenuItem,
|
|
6685
6701
|
{
|
|
6686
6702
|
disabled: true,
|
|
6687
6703
|
"data-testid": `${dataTestId}-loading`,
|
|
6688
6704
|
id: `${dataTestId}-loading`,
|
|
6689
|
-
children: /* @__PURE__ */ (0,
|
|
6705
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material55.CircularProgress, { size: 24 })
|
|
6690
6706
|
}
|
|
6691
6707
|
),
|
|
6692
|
-
(defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ (0,
|
|
6693
|
-
localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ (0,
|
|
6708
|
+
(defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material55.MenuItem, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
|
|
6709
|
+
localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6694
6710
|
import_material55.MenuItem,
|
|
6695
6711
|
{
|
|
6696
6712
|
value: defaultOption?.value,
|
|
@@ -6698,7 +6714,7 @@ var SmartSelect = (0, import_react29.forwardRef)(
|
|
|
6698
6714
|
children: defaultOption?.label
|
|
6699
6715
|
}
|
|
6700
6716
|
),
|
|
6701
|
-
!isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ (0,
|
|
6717
|
+
!isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
6702
6718
|
import_material55.MenuItem,
|
|
6703
6719
|
{
|
|
6704
6720
|
value: option?.value,
|
|
@@ -6711,7 +6727,7 @@ var SmartSelect = (0, import_react29.forwardRef)(
|
|
|
6711
6727
|
]
|
|
6712
6728
|
}
|
|
6713
6729
|
),
|
|
6714
|
-
helperText && /* @__PURE__ */ (0,
|
|
6730
|
+
helperText && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material55.FormHelperText, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
|
|
6715
6731
|
]
|
|
6716
6732
|
}
|
|
6717
6733
|
);
|
|
@@ -6724,7 +6740,7 @@ var import_react30 = require("react");
|
|
|
6724
6740
|
var import_material56 = require("@mui/material");
|
|
6725
6741
|
var import_red2 = __toESM(require("@mui/material/colors/red"), 1);
|
|
6726
6742
|
var import_mui50 = require("tss-react/mui");
|
|
6727
|
-
var
|
|
6743
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
6728
6744
|
var useStyles45 = (0, import_mui50.makeStyles)()((theme) => ({
|
|
6729
6745
|
red: {
|
|
6730
6746
|
backgroundColor: import_red2.default["50"],
|
|
@@ -6739,7 +6755,7 @@ var useStyles45 = (0, import_mui50.makeStyles)()((theme) => ({
|
|
|
6739
6755
|
}));
|
|
6740
6756
|
var SquareLabel = ({ color, copy }) => {
|
|
6741
6757
|
const { classes } = useStyles45();
|
|
6742
|
-
return /* @__PURE__ */ (0,
|
|
6758
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material56.Typography, { className: classes[color], children: copy });
|
|
6743
6759
|
};
|
|
6744
6760
|
var SquareLabel_default = (0, import_react30.memo)(SquareLabel);
|
|
6745
6761
|
|
|
@@ -6747,7 +6763,7 @@ var SquareLabel_default = (0, import_react30.memo)(SquareLabel);
|
|
|
6747
6763
|
var import_react31 = require("react");
|
|
6748
6764
|
var import_material57 = require("@mui/material");
|
|
6749
6765
|
var import_mui51 = require("tss-react/mui");
|
|
6750
|
-
var
|
|
6766
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
6751
6767
|
var LSwitch = ({
|
|
6752
6768
|
checked,
|
|
6753
6769
|
labelOn,
|
|
@@ -6755,7 +6771,7 @@ var LSwitch = ({
|
|
|
6755
6771
|
handleChange,
|
|
6756
6772
|
classes,
|
|
6757
6773
|
disabled
|
|
6758
|
-
}) => /* @__PURE__ */ (0,
|
|
6774
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
|
|
6759
6775
|
import_material57.Grid2,
|
|
6760
6776
|
{
|
|
6761
6777
|
component: "label",
|
|
@@ -6765,8 +6781,8 @@ var LSwitch = ({
|
|
|
6765
6781
|
alignItems: "center"
|
|
6766
6782
|
},
|
|
6767
6783
|
children: [
|
|
6768
|
-
labelOff && /* @__PURE__ */ (0,
|
|
6769
|
-
/* @__PURE__ */ (0,
|
|
6784
|
+
labelOff && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid2, { children: labelOff }),
|
|
6785
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid2, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
6770
6786
|
import_material57.Switch,
|
|
6771
6787
|
{
|
|
6772
6788
|
checked,
|
|
@@ -6775,7 +6791,7 @@ var LSwitch = ({
|
|
|
6775
6791
|
disabled
|
|
6776
6792
|
}
|
|
6777
6793
|
) }),
|
|
6778
|
-
labelOn && /* @__PURE__ */ (0,
|
|
6794
|
+
labelOn && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material57.Grid2, { children: labelOn })
|
|
6779
6795
|
]
|
|
6780
6796
|
}
|
|
6781
6797
|
) });
|
|
@@ -6805,7 +6821,7 @@ var import_Check = __toESM(require("@mui/icons-material/Check"), 1);
|
|
|
6805
6821
|
var import_material58 = require("@mui/material");
|
|
6806
6822
|
var import_classnames3 = __toESM(require("classnames"), 1);
|
|
6807
6823
|
var import_mui52 = require("tss-react/mui");
|
|
6808
|
-
var
|
|
6824
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
6809
6825
|
var useStyles46 = (0, import_mui52.makeStyles)()((theme) => ({
|
|
6810
6826
|
filterMenu: {
|
|
6811
6827
|
display: "flex",
|
|
@@ -6923,18 +6939,18 @@ var SmartTableHeaderFilterMenu = ({
|
|
|
6923
6939
|
const isOptionChecked = (0, import_react32.useMemo)(() => (resolvedOption) => !!selectedFilters?.some(
|
|
6924
6940
|
(value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
|
|
6925
6941
|
), [selectedFilters]);
|
|
6926
|
-
const loadingSkeletons = /* @__PURE__ */ (0,
|
|
6927
|
-
/* @__PURE__ */ (0,
|
|
6928
|
-
/* @__PURE__ */ (0,
|
|
6929
|
-
/* @__PURE__ */ (0,
|
|
6930
|
-
/* @__PURE__ */ (0,
|
|
6931
|
-
/* @__PURE__ */ (0,
|
|
6932
|
-
/* @__PURE__ */ (0,
|
|
6933
|
-
/* @__PURE__ */ (0,
|
|
6934
|
-
/* @__PURE__ */ (0,
|
|
6942
|
+
const loadingSkeletons = /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_material58.Box, { "data-testid": "loading-skeletons", width: 272, children: [
|
|
6943
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Skeleton, { variant: "rounded", className: classes.skeleton }),
|
|
6944
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Divider, {}),
|
|
6945
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Skeleton, { variant: "rounded", className: classes.skeleton }),
|
|
6946
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Skeleton, { variant: "rounded", className: classes.skeleton }),
|
|
6947
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Skeleton, { variant: "rounded", className: classes.skeleton }),
|
|
6948
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Skeleton, { variant: "rounded", className: classes.skeleton }),
|
|
6949
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Divider, {}),
|
|
6950
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Skeleton, { variant: "rounded", className: classes.skeleton })
|
|
6935
6951
|
] });
|
|
6936
|
-
return /* @__PURE__ */ (0,
|
|
6937
|
-
/* @__PURE__ */ (0,
|
|
6952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
|
|
6953
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6938
6954
|
ActiveFiltersIconButton_default,
|
|
6939
6955
|
{
|
|
6940
6956
|
numActiveFilters,
|
|
@@ -6944,7 +6960,7 @@ var SmartTableHeaderFilterMenu = ({
|
|
|
6944
6960
|
})
|
|
6945
6961
|
}
|
|
6946
6962
|
),
|
|
6947
|
-
/* @__PURE__ */ (0,
|
|
6963
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6948
6964
|
import_material58.Menu,
|
|
6949
6965
|
{
|
|
6950
6966
|
open: !!anchorEl,
|
|
@@ -6953,12 +6969,12 @@ var SmartTableHeaderFilterMenu = ({
|
|
|
6953
6969
|
"data-testid": "filter-menu",
|
|
6954
6970
|
anchorOrigin: { vertical: "bottom", horizontal: "right" },
|
|
6955
6971
|
transformOrigin: { vertical: "top", horizontal: "right" },
|
|
6956
|
-
children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ (0,
|
|
6957
|
-
/* @__PURE__ */ (0,
|
|
6972
|
+
children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_material58.Box, { className: classes.filterMenu, children: [
|
|
6973
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Box, { px: 3, mb: 0.5, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6958
6974
|
import_material58.FormControlLabel,
|
|
6959
6975
|
{
|
|
6960
6976
|
label: "Select All",
|
|
6961
|
-
control: /* @__PURE__ */ (0,
|
|
6977
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6962
6978
|
import_material58.Checkbox,
|
|
6963
6979
|
{
|
|
6964
6980
|
disableRipple: true,
|
|
@@ -6975,20 +6991,20 @@ var SmartTableHeaderFilterMenu = ({
|
|
|
6975
6991
|
)
|
|
6976
6992
|
}
|
|
6977
6993
|
) }),
|
|
6978
|
-
/* @__PURE__ */ (0,
|
|
6979
|
-
/* @__PURE__ */ (0,
|
|
6994
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Divider, { sx: { mb: 0.5 } }),
|
|
6995
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Box, { className: classes.filterOptions, children: filterOptionsData?.map(
|
|
6980
6996
|
(option) => {
|
|
6981
6997
|
const resolvedOption = resolveOptionType(option, headCell.fieldName ?? "");
|
|
6982
|
-
return /* @__PURE__ */ (0,
|
|
6998
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
|
|
6983
6999
|
import_material58.Box,
|
|
6984
7000
|
{
|
|
6985
7001
|
className: classes.filter,
|
|
6986
7002
|
children: [
|
|
6987
|
-
/* @__PURE__ */ (0,
|
|
7003
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6988
7004
|
import_material58.FormControlLabel,
|
|
6989
7005
|
{
|
|
6990
7006
|
label: resolvedOption,
|
|
6991
|
-
control: /* @__PURE__ */ (0,
|
|
7007
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
6992
7008
|
import_material58.Checkbox,
|
|
6993
7009
|
{
|
|
6994
7010
|
disableRipple: true,
|
|
@@ -6999,16 +7015,16 @@ var SmartTableHeaderFilterMenu = ({
|
|
|
6999
7015
|
},
|
|
7000
7016
|
resolvedOption
|
|
7001
7017
|
),
|
|
7002
|
-
shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ (0,
|
|
7018
|
+
shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Tooltip, { title: "This filter is saved as default", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_Check.default, { fontSize: "small", color: "action" }) }) : null
|
|
7003
7019
|
]
|
|
7004
7020
|
},
|
|
7005
7021
|
resolvedOption
|
|
7006
7022
|
);
|
|
7007
7023
|
}
|
|
7008
7024
|
) }),
|
|
7009
|
-
/* @__PURE__ */ (0,
|
|
7010
|
-
/* @__PURE__ */ (0,
|
|
7011
|
-
/* @__PURE__ */ (0,
|
|
7025
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material58.Divider, { sx: { mb: 0.5 } }),
|
|
7026
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_material58.Box, { className: classes.applyFilterButtonsContainer, children: [
|
|
7027
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
7012
7028
|
ExtendedButton_default,
|
|
7013
7029
|
{
|
|
7014
7030
|
copy: "Save as Default",
|
|
@@ -7019,7 +7035,7 @@ var SmartTableHeaderFilterMenu = ({
|
|
|
7019
7035
|
onClick: () => handleApplyFilters(true)
|
|
7020
7036
|
}
|
|
7021
7037
|
),
|
|
7022
|
-
/* @__PURE__ */ (0,
|
|
7038
|
+
/* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
|
|
7023
7039
|
ExtendedButton_default,
|
|
7024
7040
|
{
|
|
7025
7041
|
copy: "Apply",
|
|
@@ -7040,7 +7056,7 @@ var SmartTableHeaderFilterMenu_default = (0, import_react32.memo)(SmartTableHead
|
|
|
7040
7056
|
var import_react33 = require("react");
|
|
7041
7057
|
var import_material59 = require("@mui/material");
|
|
7042
7058
|
var import_mui53 = require("tss-react/mui");
|
|
7043
|
-
var
|
|
7059
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
7044
7060
|
var useStyles47 = (0, import_mui53.makeStyles)()((theme) => ({
|
|
7045
7061
|
root: {
|
|
7046
7062
|
backgroundColor: colors.neutral100,
|
|
@@ -7064,6 +7080,7 @@ var useStyles47 = (0, import_mui53.makeStyles)()((theme) => ({
|
|
|
7064
7080
|
tableHeaderContent: {
|
|
7065
7081
|
borderBottom: "1px solid",
|
|
7066
7082
|
borderBottomColor: colors.neutral300,
|
|
7083
|
+
backgroundColor: colors.neutral100,
|
|
7067
7084
|
whiteSpace: "nowrap",
|
|
7068
7085
|
"& .filter-menu-trigger": {
|
|
7069
7086
|
visibility: "hidden",
|
|
@@ -7113,8 +7130,8 @@ var SmartTableHeader = ({
|
|
|
7113
7130
|
onRequestSort(event, property);
|
|
7114
7131
|
};
|
|
7115
7132
|
const isSortActive = (headCellId) => orderBy === headCellId;
|
|
7116
|
-
return /* @__PURE__ */ (0,
|
|
7117
|
-
enableCheckboxSelection ? /* @__PURE__ */ (0,
|
|
7133
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material59.TableHead, { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_material59.TableRow, { children: [
|
|
7134
|
+
enableCheckboxSelection ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material59.TableCell, { padding: "checkbox", sx: { backgroundColor: colors.neutral100 }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7118
7135
|
import_material59.Checkbox,
|
|
7119
7136
|
{
|
|
7120
7137
|
color: "primary",
|
|
@@ -7124,21 +7141,21 @@ var SmartTableHeader = ({
|
|
|
7124
7141
|
onChange: onSelectAllClick
|
|
7125
7142
|
}
|
|
7126
7143
|
) }) : null,
|
|
7127
|
-
headCells.map((headCell) => /* @__PURE__ */ (0,
|
|
7144
|
+
headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7128
7145
|
import_material59.TableCell,
|
|
7129
7146
|
{
|
|
7130
7147
|
className: classes.tableHeaderContent,
|
|
7131
7148
|
align: "left",
|
|
7132
7149
|
width: headCell.width ?? "auto",
|
|
7133
7150
|
sortDirection: orderBy === headCell.id ? order : false,
|
|
7134
|
-
children: /* @__PURE__ */ (0,
|
|
7151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7135
7152
|
import_material59.Box,
|
|
7136
7153
|
{
|
|
7137
7154
|
display: "flex",
|
|
7138
7155
|
flexDirection: "row",
|
|
7139
7156
|
gap: headCell.disableSort ? 1 : 0,
|
|
7140
7157
|
children: [
|
|
7141
|
-
headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ (0,
|
|
7158
|
+
headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material59.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material59.Typography, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material59.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7142
7159
|
import_material59.TableSortLabel,
|
|
7143
7160
|
{
|
|
7144
7161
|
"data-testid": "table-sort-label",
|
|
@@ -7147,11 +7164,11 @@ var SmartTableHeader = ({
|
|
|
7147
7164
|
onClick: createSortHandler(headCell.id),
|
|
7148
7165
|
children: [
|
|
7149
7166
|
headCell.RenderHeader ?? headCell.label,
|
|
7150
|
-
orderBy === headCell.id ? /* @__PURE__ */ (0,
|
|
7167
|
+
orderBy === headCell.id ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
|
|
7151
7168
|
]
|
|
7152
7169
|
}
|
|
7153
7170
|
) }),
|
|
7154
|
-
headCell.refetchFilterOptions ? /* @__PURE__ */ (0,
|
|
7171
|
+
headCell.refetchFilterOptions ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7155
7172
|
SmartTableHeaderFilterMenu_default,
|
|
7156
7173
|
{
|
|
7157
7174
|
headCell,
|
|
@@ -7180,11 +7197,11 @@ var import_uuid = require("uuid");
|
|
|
7180
7197
|
|
|
7181
7198
|
// src/components/TableLoading/TableLoading.tsx
|
|
7182
7199
|
var import_material60 = require("@mui/material");
|
|
7183
|
-
var
|
|
7200
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
7184
7201
|
var TableLoading = ({
|
|
7185
7202
|
rowsPerPage,
|
|
7186
7203
|
rowHeight
|
|
7187
|
-
}) => /* @__PURE__ */ (0,
|
|
7204
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material60.Box, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
7188
7205
|
import_material60.Skeleton,
|
|
7189
7206
|
{
|
|
7190
7207
|
animation: "pulse",
|
|
@@ -7233,7 +7250,7 @@ function calculateRowsPerPage(rowHeight) {
|
|
|
7233
7250
|
}
|
|
7234
7251
|
|
|
7235
7252
|
// src/components/Table/Table.tsx
|
|
7236
|
-
var
|
|
7253
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
7237
7254
|
var useStyles48 = (0, import_mui54.makeStyles)()(() => ({
|
|
7238
7255
|
root: {
|
|
7239
7256
|
height: "calc(100vh - 262px)",
|
|
@@ -7311,24 +7328,24 @@ var Table = ({
|
|
|
7311
7328
|
);
|
|
7312
7329
|
const rowsComponents = rows.map((row) => {
|
|
7313
7330
|
if (RenderItem) {
|
|
7314
|
-
return /* @__PURE__ */ (0,
|
|
7331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(RenderItem, { ...row }, row.id);
|
|
7315
7332
|
}
|
|
7316
|
-
return /* @__PURE__ */ (0,
|
|
7333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableRow, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableCell, { children: row[column.id] }, column.id)) }, row.id);
|
|
7317
7334
|
});
|
|
7318
7335
|
if (emptyRows > 0 && rowsPerPage > emptyRows) {
|
|
7319
7336
|
rowsComponents.push(
|
|
7320
|
-
/* @__PURE__ */ (0,
|
|
7337
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableCell, { colSpan: 8 }) }, (0, import_uuid.v4)())
|
|
7321
7338
|
);
|
|
7322
7339
|
}
|
|
7323
7340
|
return rowsComponents;
|
|
7324
7341
|
};
|
|
7325
|
-
return /* @__PURE__ */ (0,
|
|
7326
|
-
/* @__PURE__ */ (0,
|
|
7342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Paper, { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.Box, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material61.Table, { size: "medium", stickyHeader: true, children: [
|
|
7343
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableHead, { className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableRow, { children: headCells?.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
7327
7344
|
import_material61.TableCell,
|
|
7328
7345
|
{
|
|
7329
7346
|
align: "left",
|
|
7330
7347
|
sortDirection: orderBy === headCell.id ? order : void 0,
|
|
7331
|
-
children: /* @__PURE__ */ (0,
|
|
7348
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
7332
7349
|
import_material61.TableSortLabel,
|
|
7333
7350
|
{
|
|
7334
7351
|
active: orderBy === headCell.id,
|
|
@@ -7340,9 +7357,9 @@ var Table = ({
|
|
|
7340
7357
|
},
|
|
7341
7358
|
headCell.id
|
|
7342
7359
|
)) }) }),
|
|
7343
|
-
/* @__PURE__ */ (0,
|
|
7360
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material61.TableBody, { children: [
|
|
7344
7361
|
getTableRows(),
|
|
7345
|
-
rowsPerPage === emptyRows && /* @__PURE__ */ (0,
|
|
7362
|
+
rowsPerPage === emptyRows && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material61.TableCell, { colSpan: 8, align: "center", children: "Nothing to display" }) })
|
|
7346
7363
|
] })
|
|
7347
7364
|
] }) }) }) });
|
|
7348
7365
|
};
|
|
@@ -7350,12 +7367,12 @@ var Table_default = Table;
|
|
|
7350
7367
|
|
|
7351
7368
|
// src/components/TableDesktop/TableDesktop.tsx
|
|
7352
7369
|
var import_react35 = require("react");
|
|
7353
|
-
var
|
|
7370
|
+
var import_material67 = require("@mui/material");
|
|
7354
7371
|
|
|
7355
7372
|
// src/components/TableDesktopFooter/TableDesktopFooter.tsx
|
|
7356
7373
|
var import_Refresh = __toESM(require("@mui/icons-material/Refresh"), 1);
|
|
7357
7374
|
var import_material62 = require("@mui/material");
|
|
7358
|
-
var
|
|
7375
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
7359
7376
|
var TableDesktopFooter = ({
|
|
7360
7377
|
numPages,
|
|
7361
7378
|
page,
|
|
@@ -7366,7 +7383,7 @@ var TableDesktopFooter = ({
|
|
|
7366
7383
|
refetch,
|
|
7367
7384
|
isFetching
|
|
7368
7385
|
}) => {
|
|
7369
|
-
return /* @__PURE__ */ (0,
|
|
7386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
7370
7387
|
import_material62.Box,
|
|
7371
7388
|
{
|
|
7372
7389
|
py: 1,
|
|
@@ -7377,7 +7394,7 @@ var TableDesktopFooter = ({
|
|
|
7377
7394
|
borderTop: `1px solid ${colors.neutral300}`,
|
|
7378
7395
|
bgcolor: (theme) => theme.palette.background.default,
|
|
7379
7396
|
children: [
|
|
7380
|
-
/* @__PURE__ */ (0,
|
|
7397
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
7381
7398
|
import_material62.Button,
|
|
7382
7399
|
{
|
|
7383
7400
|
disableRipple: true,
|
|
@@ -7392,7 +7409,7 @@ var TableDesktopFooter = ({
|
|
|
7392
7409
|
borderColor: colors.neutral600
|
|
7393
7410
|
},
|
|
7394
7411
|
children: [
|
|
7395
|
-
/* @__PURE__ */ (0,
|
|
7412
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7396
7413
|
import_Refresh.default,
|
|
7397
7414
|
{
|
|
7398
7415
|
fontSize: "small",
|
|
@@ -7403,21 +7420,21 @@ var TableDesktopFooter = ({
|
|
|
7403
7420
|
]
|
|
7404
7421
|
}
|
|
7405
7422
|
),
|
|
7406
|
-
/* @__PURE__ */ (0,
|
|
7407
|
-
/* @__PURE__ */ (0,
|
|
7408
|
-
/* @__PURE__ */ (0,
|
|
7409
|
-
/* @__PURE__ */ (0,
|
|
7423
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material62.Box, { display: "flex", children: [
|
|
7424
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material62.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
|
|
7425
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material62.Typography, { children: "Rows per page:" }),
|
|
7426
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7410
7427
|
import_material62.Select,
|
|
7411
7428
|
{
|
|
7412
7429
|
value: pageSize,
|
|
7413
7430
|
onChange: onPageSizeChange,
|
|
7414
7431
|
size: "small",
|
|
7415
7432
|
variant: "standard",
|
|
7416
|
-
children: pageSizeOptions.map((size) => /* @__PURE__ */ (0,
|
|
7433
|
+
children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material62.MenuItem, { value: size, children: size }, size))
|
|
7417
7434
|
}
|
|
7418
7435
|
)
|
|
7419
7436
|
] }),
|
|
7420
|
-
/* @__PURE__ */ (0,
|
|
7437
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7421
7438
|
import_material62.Pagination,
|
|
7422
7439
|
{
|
|
7423
7440
|
color: "standard",
|
|
@@ -7437,8 +7454,36 @@ var import_TableBody = __toESM(require("@mui/material/TableBody"), 1);
|
|
|
7437
7454
|
var import_TableCell = __toESM(require("@mui/material/TableCell"), 1);
|
|
7438
7455
|
var import_TableRow = __toESM(require("@mui/material/TableRow"), 1);
|
|
7439
7456
|
var import_Typography = __toESM(require("@mui/material/Typography"), 1);
|
|
7440
|
-
|
|
7441
|
-
|
|
7457
|
+
|
|
7458
|
+
// src/components/Buttons/BaseButton/BaseIconButton.tsx
|
|
7459
|
+
var import_material63 = require("@mui/material");
|
|
7460
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
7461
|
+
var BaseIconButton = ({ icon, sx, ...props }) => {
|
|
7462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
7463
|
+
import_material63.Button,
|
|
7464
|
+
{
|
|
7465
|
+
sx: {
|
|
7466
|
+
display: "flex",
|
|
7467
|
+
gap: 1,
|
|
7468
|
+
alignItems: "center",
|
|
7469
|
+
justifyContent: "center",
|
|
7470
|
+
borderRadius: 100,
|
|
7471
|
+
...sx
|
|
7472
|
+
},
|
|
7473
|
+
...props,
|
|
7474
|
+
children: [
|
|
7475
|
+
icon,
|
|
7476
|
+
props.children
|
|
7477
|
+
]
|
|
7478
|
+
}
|
|
7479
|
+
);
|
|
7480
|
+
};
|
|
7481
|
+
|
|
7482
|
+
// src/components/TableDesktopNoColumnsMessage/TableDesktopNoColumnsMessage.tsx
|
|
7483
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
7484
|
+
var TableDesktopNoColumnsMessage = ({
|
|
7485
|
+
onClickNoColumnsMessageOpenMenu
|
|
7486
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_TableBody.default, { children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
|
|
7442
7487
|
import_TableCell.default,
|
|
7443
7488
|
{
|
|
7444
7489
|
sx: {
|
|
@@ -7451,19 +7496,43 @@ var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
7451
7496
|
alignItems: "center"
|
|
7452
7497
|
},
|
|
7453
7498
|
children: [
|
|
7454
|
-
/* @__PURE__ */ (0,
|
|
7455
|
-
/* @__PURE__ */ (0,
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
|
|
7459
|
-
|
|
7499
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_Typography.default, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
|
|
7500
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_Typography.default, { variant: "subtitle1", align: "center", color: "textSecondary", children: "Open the menu to customise your table and search." }),
|
|
7501
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
|
|
7502
|
+
import_Typography.default,
|
|
7503
|
+
{
|
|
7504
|
+
variant: "subtitle1",
|
|
7505
|
+
align: "center",
|
|
7506
|
+
color: "textSecondary",
|
|
7507
|
+
sx: {
|
|
7508
|
+
backgroundColor: colors.neutral150,
|
|
7509
|
+
padding: 1,
|
|
7510
|
+
borderRadius: 1
|
|
7511
|
+
},
|
|
7512
|
+
children: [
|
|
7513
|
+
"Tips: ",
|
|
7514
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_Typography.default, { component: "strong", children: "Save as default" }),
|
|
7515
|
+
" to keep these columns for future views"
|
|
7516
|
+
]
|
|
7517
|
+
}
|
|
7518
|
+
),
|
|
7519
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
7520
|
+
BaseIconButton,
|
|
7521
|
+
{
|
|
7522
|
+
variant: "contained",
|
|
7523
|
+
color: "primary",
|
|
7524
|
+
onClick: onClickNoColumnsMessageOpenMenu,
|
|
7525
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(IconTableEdit_default, { fill: colors.white }),
|
|
7526
|
+
children: "OPEN MENU"
|
|
7527
|
+
}
|
|
7528
|
+
)
|
|
7460
7529
|
]
|
|
7461
7530
|
}
|
|
7462
7531
|
) }) });
|
|
7463
7532
|
|
|
7464
7533
|
// src/components/TableDesktopLoadingState/TableDesktopLoadingState.tsx
|
|
7465
|
-
var
|
|
7466
|
-
var
|
|
7534
|
+
var import_material64 = require("@mui/material");
|
|
7535
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
7467
7536
|
var getRange = (n) => Array.from({ length: n }, (_, i) => i + 1);
|
|
7468
7537
|
var TableDesktopLoadingState = ({
|
|
7469
7538
|
numRows,
|
|
@@ -7471,8 +7540,8 @@ var TableDesktopLoadingState = ({
|
|
|
7471
7540
|
numColumns,
|
|
7472
7541
|
rowHeight
|
|
7473
7542
|
}) => {
|
|
7474
|
-
return getRange(Math.min(numRows, rowsPerPage)).map((rowNum) => /* @__PURE__ */ (0,
|
|
7475
|
-
|
|
7543
|
+
return getRange(Math.min(numRows, rowsPerPage)).map((rowNum) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material64.TableRow, { children: getRange(numColumns).map((colNum) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material64.TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
7544
|
+
import_material64.Skeleton,
|
|
7476
7545
|
{
|
|
7477
7546
|
animation: "pulse",
|
|
7478
7547
|
variant: "rounded",
|
|
@@ -7484,7 +7553,7 @@ var TableDesktopLoadingState = ({
|
|
|
7484
7553
|
};
|
|
7485
7554
|
|
|
7486
7555
|
// src/components/TableDesktopRows/TableDesktopRows.tsx
|
|
7487
|
-
var
|
|
7556
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
7488
7557
|
var descendingComparator2 = (a, b, orderBy) => {
|
|
7489
7558
|
const objA = a[orderBy];
|
|
7490
7559
|
const objB = b[orderBy];
|
|
@@ -7531,7 +7600,7 @@ var TableDesktopRows = ({
|
|
|
7531
7600
|
}) => {
|
|
7532
7601
|
const sortedData = disableInternalSort ? data : stableSort2(data, getComparator(order, orderBy));
|
|
7533
7602
|
if (isLoading) {
|
|
7534
|
-
return /* @__PURE__ */ (0,
|
|
7603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7535
7604
|
TableDesktopLoadingState,
|
|
7536
7605
|
{
|
|
7537
7606
|
numRows: data.length,
|
|
@@ -7543,7 +7612,7 @@ var TableDesktopRows = ({
|
|
|
7543
7612
|
}
|
|
7544
7613
|
return sortedData.map((row, index) => {
|
|
7545
7614
|
const isItemSelected = selectedRows.has(row[keyField]);
|
|
7546
|
-
return /* @__PURE__ */ (0,
|
|
7615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7547
7616
|
RenderItem,
|
|
7548
7617
|
{
|
|
7549
7618
|
...{
|
|
@@ -7565,20 +7634,32 @@ var TableDesktopRows = ({
|
|
|
7565
7634
|
};
|
|
7566
7635
|
|
|
7567
7636
|
// src/components/TableDesktopRowSelectionBar/TableDesktopRowSelectionBar.tsx
|
|
7568
|
-
var
|
|
7569
|
-
var
|
|
7637
|
+
var import_material65 = require("@mui/material");
|
|
7638
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
7570
7639
|
var TableDesktopRowSelectionBar = ({
|
|
7571
7640
|
isEveryRowInPageSelected,
|
|
7572
|
-
|
|
7641
|
+
isRowsFromAllPagesSelected,
|
|
7573
7642
|
numSelectedRows,
|
|
7574
7643
|
totalRowCount,
|
|
7575
|
-
|
|
7644
|
+
onSelectRowsFromAllPagesClick,
|
|
7645
|
+
onClearSelectionClick
|
|
7576
7646
|
}) => {
|
|
7577
|
-
|
|
7578
|
-
|
|
7647
|
+
const isAnyRowSelected = numSelectedRows > 0;
|
|
7648
|
+
const getSelectedRowsText = () => {
|
|
7649
|
+
if (isRowsFromAllPagesSelected) {
|
|
7650
|
+
return `All ${totalRowCount} rows from all pages are selected based on your filters.`;
|
|
7651
|
+
}
|
|
7652
|
+
if (isEveryRowInPageSelected) {
|
|
7653
|
+
return `All ${numSelectedRows} rows on this page are selected.`;
|
|
7654
|
+
}
|
|
7655
|
+
return `${numSelectedRows} row${numSelectedRows > 1 ? "s" : ""} selected.`;
|
|
7656
|
+
};
|
|
7657
|
+
return isAnyRowSelected ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
7658
|
+
import_material65.Box,
|
|
7579
7659
|
{
|
|
7580
7660
|
sx: {
|
|
7581
7661
|
p: 1,
|
|
7662
|
+
height: 40,
|
|
7582
7663
|
gap: 2,
|
|
7583
7664
|
display: "flex",
|
|
7584
7665
|
justifyContent: "center",
|
|
@@ -7586,17 +7667,22 @@ var TableDesktopRowSelectionBar = ({
|
|
|
7586
7667
|
backgroundColor: colors.neutral150
|
|
7587
7668
|
},
|
|
7588
7669
|
children: [
|
|
7589
|
-
/* @__PURE__ */ (0,
|
|
7590
|
-
/* @__PURE__ */ (0,
|
|
7670
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material65.Typography, { children: getSelectedRowsText() }),
|
|
7671
|
+
!isRowsFromAllPagesSelected ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_material65.Button, { onClick: onSelectRowsFromAllPagesClick, children: [
|
|
7672
|
+
"Select all ",
|
|
7673
|
+
totalRowCount,
|
|
7674
|
+
" rows from all pages based on your filters"
|
|
7675
|
+
] }) : null,
|
|
7676
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material65.Button, { onClick: onClearSelectionClick, children: "Clear Selection" })
|
|
7591
7677
|
]
|
|
7592
7678
|
}
|
|
7593
7679
|
) : null;
|
|
7594
7680
|
};
|
|
7595
7681
|
|
|
7596
7682
|
// src/components/TableEmptyResult/TableEmptyResult.tsx
|
|
7597
|
-
var
|
|
7683
|
+
var import_material66 = require("@mui/material");
|
|
7598
7684
|
var import_mui55 = require("tss-react/mui");
|
|
7599
|
-
var
|
|
7685
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
7600
7686
|
var useStyles49 = (0, import_mui55.makeStyles)()(() => ({
|
|
7601
7687
|
tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
|
|
7602
7688
|
tableCellDefault: { padding: 24 }
|
|
@@ -7608,17 +7694,17 @@ var TableEmptyResult = ({
|
|
|
7608
7694
|
}
|
|
7609
7695
|
}) => {
|
|
7610
7696
|
const { classes } = useStyles49();
|
|
7611
|
-
return showClearFilterButton ? /* @__PURE__ */ (0,
|
|
7612
|
-
|
|
7697
|
+
return showClearFilterButton ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material66.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
7698
|
+
import_material66.TableCell,
|
|
7613
7699
|
{
|
|
7614
7700
|
className: classes.tableCellIcon,
|
|
7615
7701
|
colSpan,
|
|
7616
7702
|
align: "center",
|
|
7617
7703
|
children: [
|
|
7618
|
-
/* @__PURE__ */ (0,
|
|
7619
|
-
/* @__PURE__ */ (0,
|
|
7620
|
-
/* @__PURE__ */ (0,
|
|
7621
|
-
/* @__PURE__ */ (0,
|
|
7704
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(EmptyGlassIcon_default, {}),
|
|
7705
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material66.Typography, { variant: "h6", children: "No results found." }),
|
|
7706
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material66.Typography, { variant: "subtitle1", children: "Search without applied filters?" }),
|
|
7707
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7622
7708
|
FilledButton_default,
|
|
7623
7709
|
{
|
|
7624
7710
|
copy: "Search",
|
|
@@ -7629,8 +7715,8 @@ var TableEmptyResult = ({
|
|
|
7629
7715
|
)
|
|
7630
7716
|
]
|
|
7631
7717
|
}
|
|
7632
|
-
) }) : /* @__PURE__ */ (0,
|
|
7633
|
-
|
|
7718
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material66.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7719
|
+
import_material66.TableCell,
|
|
7634
7720
|
{
|
|
7635
7721
|
className: classes.tableCellDefault,
|
|
7636
7722
|
colSpan,
|
|
@@ -7642,7 +7728,7 @@ var TableEmptyResult = ({
|
|
|
7642
7728
|
var TableEmptyResult_default = TableEmptyResult;
|
|
7643
7729
|
|
|
7644
7730
|
// src/components/TableDesktop/TableDesktop.tsx
|
|
7645
|
-
var
|
|
7731
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
7646
7732
|
var TableDesktop = ({
|
|
7647
7733
|
data,
|
|
7648
7734
|
headCells,
|
|
@@ -7674,7 +7760,7 @@ var TableDesktop = ({
|
|
|
7674
7760
|
appliedFilters?.sortField || "delivery_date"
|
|
7675
7761
|
);
|
|
7676
7762
|
const [selectedRows, setSelectedRows] = (0, import_react35.useState)(/* @__PURE__ */ new Set());
|
|
7677
|
-
const [
|
|
7763
|
+
const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react35.useState)(false);
|
|
7678
7764
|
const { toolbar: Toolbar2 } = components ?? {};
|
|
7679
7765
|
const { toolbarProps, footerProps } = componentsProps ?? {};
|
|
7680
7766
|
const numRows = (0, import_react35.useMemo)(
|
|
@@ -7702,15 +7788,18 @@ var TableDesktop = ({
|
|
|
7702
7788
|
updateSort(property, orderDir);
|
|
7703
7789
|
}
|
|
7704
7790
|
};
|
|
7791
|
+
const selectAllRowsInPage = () => {
|
|
7792
|
+
const allRowsIds = new Set(data.map((n) => n[keyField]));
|
|
7793
|
+
;
|
|
7794
|
+
setSelectedRows(allRowsIds);
|
|
7795
|
+
};
|
|
7705
7796
|
const resetSelectedRows = () => {
|
|
7706
7797
|
setSelectedRows(/* @__PURE__ */ new Set());
|
|
7707
|
-
|
|
7798
|
+
setIsRowsFromAllPagesSelected(false);
|
|
7708
7799
|
};
|
|
7709
7800
|
const handleSelectAllClick = (event) => {
|
|
7710
7801
|
if (event.target.checked) {
|
|
7711
|
-
|
|
7712
|
-
;
|
|
7713
|
-
setSelectedRows(allRowsIds);
|
|
7802
|
+
selectAllRowsInPage();
|
|
7714
7803
|
return;
|
|
7715
7804
|
}
|
|
7716
7805
|
resetSelectedRows();
|
|
@@ -7724,15 +7813,18 @@ var TableDesktop = ({
|
|
|
7724
7813
|
} else {
|
|
7725
7814
|
newSelected.add(rowId);
|
|
7726
7815
|
}
|
|
7816
|
+
if (newSelected.size < numRows) {
|
|
7817
|
+
setIsRowsFromAllPagesSelected(false);
|
|
7818
|
+
}
|
|
7727
7819
|
return newSelected;
|
|
7728
7820
|
});
|
|
7729
7821
|
};
|
|
7730
|
-
const
|
|
7731
|
-
|
|
7732
|
-
|
|
7733
|
-
|
|
7734
|
-
|
|
7735
|
-
|
|
7822
|
+
const handleSelectRowsFromAllPagesClick = () => {
|
|
7823
|
+
setIsRowsFromAllPagesSelected(true);
|
|
7824
|
+
selectAllRowsInPage();
|
|
7825
|
+
};
|
|
7826
|
+
const handleClearSelectionClick = () => {
|
|
7827
|
+
resetSelectedRows();
|
|
7736
7828
|
};
|
|
7737
7829
|
const handleApplyFilters = (updatedFilters, shouldSave) => {
|
|
7738
7830
|
resetSelectedRows();
|
|
@@ -7748,15 +7840,15 @@ var TableDesktop = ({
|
|
|
7748
7840
|
}
|
|
7749
7841
|
}, [enableCheckboxSelection]);
|
|
7750
7842
|
(0, import_react35.useEffect)(() => {
|
|
7751
|
-
if (isEveryRowInPageSelected ||
|
|
7843
|
+
if (isEveryRowInPageSelected || isRowsFromAllPagesSelected) {
|
|
7752
7844
|
const rowsIdsSet = new Set(data.map((obj) => obj[keyField]));
|
|
7753
7845
|
setSelectedRows(
|
|
7754
7846
|
(prev) => new Set([...prev].filter((value) => rowsIdsSet.has(value)))
|
|
7755
7847
|
);
|
|
7756
7848
|
}
|
|
7757
|
-
}, [data, setSelectedRows, isEveryRowInPageSelected,
|
|
7758
|
-
return /* @__PURE__ */ (0,
|
|
7759
|
-
|
|
7849
|
+
}, [data, setSelectedRows, isEveryRowInPageSelected, isRowsFromAllPagesSelected]);
|
|
7850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7851
|
+
import_material67.Box,
|
|
7760
7852
|
{
|
|
7761
7853
|
sx: {
|
|
7762
7854
|
height,
|
|
@@ -7764,8 +7856,8 @@ var TableDesktop = ({
|
|
|
7764
7856
|
justifyContent: "space-between",
|
|
7765
7857
|
justifyItems: "stretch"
|
|
7766
7858
|
},
|
|
7767
|
-
children: /* @__PURE__ */ (0,
|
|
7768
|
-
|
|
7859
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
7860
|
+
import_material67.Paper,
|
|
7769
7861
|
{
|
|
7770
7862
|
sx: {
|
|
7771
7863
|
width: "100%",
|
|
@@ -7774,26 +7866,27 @@ var TableDesktop = ({
|
|
|
7774
7866
|
justifyContent: "space-between"
|
|
7775
7867
|
},
|
|
7776
7868
|
children: [
|
|
7777
|
-
Toolbar2 ? /* @__PURE__ */ (0,
|
|
7869
|
+
Toolbar2 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7778
7870
|
Toolbar2,
|
|
7779
7871
|
{
|
|
7780
7872
|
selectedRows: [...selectedRows],
|
|
7781
|
-
isRowsInAllPagesSelected,
|
|
7873
|
+
isRowsInAllPagesSelected: isRowsFromAllPagesSelected,
|
|
7782
7874
|
...toolbarProps
|
|
7783
7875
|
}
|
|
7784
7876
|
) : null,
|
|
7785
|
-
/* @__PURE__ */ (0,
|
|
7877
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7786
7878
|
TableDesktopRowSelectionBar,
|
|
7787
7879
|
{
|
|
7788
7880
|
isEveryRowInPageSelected,
|
|
7789
|
-
|
|
7881
|
+
isRowsFromAllPagesSelected,
|
|
7790
7882
|
numSelectedRows: selectedRows.size,
|
|
7791
7883
|
totalRowCount: totalDataCount ?? 0,
|
|
7792
|
-
|
|
7884
|
+
onSelectRowsFromAllPagesClick: handleSelectRowsFromAllPagesClick,
|
|
7885
|
+
onClearSelectionClick: handleClearSelectionClick
|
|
7793
7886
|
}
|
|
7794
7887
|
),
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
|
|
7888
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7889
|
+
import_material67.TableContainer,
|
|
7797
7890
|
{
|
|
7798
7891
|
sx: {
|
|
7799
7892
|
flexGrow: 1,
|
|
@@ -7814,14 +7907,19 @@ var TableDesktop = ({
|
|
|
7814
7907
|
backgroundColor: (theme) => theme.palette.grey[500]
|
|
7815
7908
|
}
|
|
7816
7909
|
},
|
|
7817
|
-
children: /* @__PURE__ */ (0,
|
|
7818
|
-
|
|
7910
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7911
|
+
import_material67.Table,
|
|
7819
7912
|
{
|
|
7820
7913
|
stickyHeader: true,
|
|
7821
7914
|
"aria-label": "sticky-table",
|
|
7822
7915
|
sx: { tableLayout },
|
|
7823
|
-
children: visibleHeadCells.length === 0 ? /* @__PURE__ */ (0,
|
|
7824
|
-
|
|
7916
|
+
children: visibleHeadCells.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7917
|
+
TableDesktopNoColumnsMessage,
|
|
7918
|
+
{
|
|
7919
|
+
onClickNoColumnsMessageOpenMenu: toolbarProps?.onTableToolbarMenuOpen
|
|
7920
|
+
}
|
|
7921
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
|
|
7922
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7825
7923
|
SmartTableHeader_default,
|
|
7826
7924
|
{
|
|
7827
7925
|
headCells: visibleHeadCells,
|
|
@@ -7837,7 +7935,7 @@ var TableDesktop = ({
|
|
|
7837
7935
|
shouldShowCheckOnFilter
|
|
7838
7936
|
}
|
|
7839
7937
|
),
|
|
7840
|
-
/* @__PURE__ */ (0,
|
|
7938
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material67.TableBody, { children: rowsPerPage !== emptyRows ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7841
7939
|
TableDesktopRows,
|
|
7842
7940
|
{
|
|
7843
7941
|
data,
|
|
@@ -7856,7 +7954,7 @@ var TableDesktop = ({
|
|
|
7856
7954
|
rowHeight,
|
|
7857
7955
|
deleteItem
|
|
7858
7956
|
}
|
|
7859
|
-
) : /* @__PURE__ */ (0,
|
|
7957
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7860
7958
|
TableEmptyResult_default,
|
|
7861
7959
|
{
|
|
7862
7960
|
colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
|
|
@@ -7870,7 +7968,7 @@ var TableDesktop = ({
|
|
|
7870
7968
|
}
|
|
7871
7969
|
),
|
|
7872
7970
|
children,
|
|
7873
|
-
footerProps ? /* @__PURE__ */ (0,
|
|
7971
|
+
footerProps ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TableDesktopFooter, { ...footerProps, onPageChange: handlePageChange }) : null
|
|
7874
7972
|
]
|
|
7875
7973
|
}
|
|
7876
7974
|
)
|
|
@@ -7879,12 +7977,12 @@ var TableDesktop = ({
|
|
|
7879
7977
|
};
|
|
7880
7978
|
|
|
7881
7979
|
// src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
|
|
7882
|
-
var
|
|
7980
|
+
var import_material70 = require("@mui/material");
|
|
7883
7981
|
|
|
7884
7982
|
// src/components/TableDesktopEditableComponent/TableDesktopNumericField.tsx
|
|
7885
7983
|
var import_react36 = require("react");
|
|
7886
|
-
var
|
|
7887
|
-
var
|
|
7984
|
+
var import_material68 = require("@mui/material");
|
|
7985
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
7888
7986
|
var TableDesktopNumericField = ({
|
|
7889
7987
|
rowId,
|
|
7890
7988
|
initialValue,
|
|
@@ -7908,8 +8006,8 @@ var TableDesktopNumericField = ({
|
|
|
7908
8006
|
commitValue(input);
|
|
7909
8007
|
}
|
|
7910
8008
|
};
|
|
7911
|
-
return /* @__PURE__ */ (0,
|
|
7912
|
-
|
|
8009
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
8010
|
+
import_material68.TextField,
|
|
7913
8011
|
{
|
|
7914
8012
|
fullWidth: true,
|
|
7915
8013
|
variant,
|
|
@@ -7936,7 +8034,7 @@ var TableDesktopNumericField = ({
|
|
|
7936
8034
|
|
|
7937
8035
|
// src/components/TableDesktopEditableComponent/TableDesktopSmartSelect.tsx
|
|
7938
8036
|
var import_react37 = require("react");
|
|
7939
|
-
var
|
|
8037
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
7940
8038
|
var resolveOptionType2 = (option, fieldName) => {
|
|
7941
8039
|
if (!option || typeof option !== "object") {
|
|
7942
8040
|
return option;
|
|
@@ -7977,7 +8075,7 @@ var TableDesktopSmartSelect = (0, import_react37.memo)(({
|
|
|
7977
8075
|
setOptions(parsedOptions);
|
|
7978
8076
|
}
|
|
7979
8077
|
}, [filterOptions]);
|
|
7980
|
-
return /* @__PURE__ */ (0,
|
|
8078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
7981
8079
|
SmartSelect_default,
|
|
7982
8080
|
{
|
|
7983
8081
|
ref,
|
|
@@ -8009,8 +8107,8 @@ var TableDesktopSmartSelect = (0, import_react37.memo)(({
|
|
|
8009
8107
|
|
|
8010
8108
|
// src/components/TableDesktopEditableComponent/TableDesktopTextField.tsx
|
|
8011
8109
|
var import_react38 = require("react");
|
|
8012
|
-
var
|
|
8013
|
-
var
|
|
8110
|
+
var import_material69 = require("@mui/material");
|
|
8111
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
8014
8112
|
var TableDesktopTextField = ({
|
|
8015
8113
|
rowId,
|
|
8016
8114
|
initialValue,
|
|
@@ -8036,8 +8134,8 @@ var TableDesktopTextField = ({
|
|
|
8036
8134
|
commitValue(input);
|
|
8037
8135
|
}
|
|
8038
8136
|
};
|
|
8039
|
-
return /* @__PURE__ */ (0,
|
|
8040
|
-
|
|
8137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8138
|
+
import_material69.TextField,
|
|
8041
8139
|
{
|
|
8042
8140
|
fullWidth: true,
|
|
8043
8141
|
variant,
|
|
@@ -8058,7 +8156,7 @@ var TableDesktopTextField = ({
|
|
|
8058
8156
|
};
|
|
8059
8157
|
|
|
8060
8158
|
// src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
|
|
8061
|
-
var
|
|
8159
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
8062
8160
|
var TableDesktopEditableComponent = ({
|
|
8063
8161
|
editInitialValue,
|
|
8064
8162
|
rowId,
|
|
@@ -8077,7 +8175,7 @@ var TableDesktopEditableComponent = ({
|
|
|
8077
8175
|
onUpdateEditableCell
|
|
8078
8176
|
}) => {
|
|
8079
8177
|
const editableComponents = {
|
|
8080
|
-
"select": /* @__PURE__ */ (0,
|
|
8178
|
+
"select": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8081
8179
|
TableDesktopSmartSelect,
|
|
8082
8180
|
{
|
|
8083
8181
|
rowId,
|
|
@@ -8094,12 +8192,12 @@ var TableDesktopEditableComponent = ({
|
|
|
8094
8192
|
onUpdateEditableCell
|
|
8095
8193
|
}
|
|
8096
8194
|
),
|
|
8097
|
-
"checkbox": /* @__PURE__ */ (0,
|
|
8098
|
-
|
|
8195
|
+
"checkbox": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8196
|
+
import_material70.FormControlLabel,
|
|
8099
8197
|
{
|
|
8100
8198
|
label: showCheckboxLabel ? inputLabel : "",
|
|
8101
|
-
control: /* @__PURE__ */ (0,
|
|
8102
|
-
|
|
8199
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8200
|
+
import_material70.Checkbox,
|
|
8103
8201
|
{
|
|
8104
8202
|
disableRipple: true,
|
|
8105
8203
|
disabled,
|
|
@@ -8114,7 +8212,7 @@ var TableDesktopEditableComponent = ({
|
|
|
8114
8212
|
)
|
|
8115
8213
|
}
|
|
8116
8214
|
),
|
|
8117
|
-
"text": /* @__PURE__ */ (0,
|
|
8215
|
+
"text": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8118
8216
|
TableDesktopTextField,
|
|
8119
8217
|
{
|
|
8120
8218
|
rowId,
|
|
@@ -8128,7 +8226,7 @@ var TableDesktopEditableComponent = ({
|
|
|
8128
8226
|
onUpdateEditableCell
|
|
8129
8227
|
}
|
|
8130
8228
|
),
|
|
8131
|
-
"numeric": /* @__PURE__ */ (0,
|
|
8229
|
+
"numeric": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8132
8230
|
TableDesktopNumericField,
|
|
8133
8231
|
{
|
|
8134
8232
|
rowId,
|
|
@@ -8150,11 +8248,11 @@ var import_react39 = require("react");
|
|
|
8150
8248
|
var import_Check2 = __toESM(require("@mui/icons-material/Check"), 1);
|
|
8151
8249
|
var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
|
|
8152
8250
|
var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
|
|
8153
|
-
var
|
|
8154
|
-
var
|
|
8251
|
+
var import_material71 = require("@mui/material");
|
|
8252
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
8155
8253
|
var getReadOnlyBooleanIcon = (value) => {
|
|
8156
8254
|
if (value) {
|
|
8157
|
-
return /* @__PURE__ */ (0,
|
|
8255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_Check2.default, { sx: { fontSize: 16 } });
|
|
8158
8256
|
}
|
|
8159
8257
|
return "-";
|
|
8160
8258
|
};
|
|
@@ -8213,8 +8311,8 @@ var TableDesktopCell = ({
|
|
|
8213
8311
|
setIsCellInEditMode((prev) => !prev);
|
|
8214
8312
|
};
|
|
8215
8313
|
const isCellEditable = !!enableEditMode && !!editableCellType && !disabled;
|
|
8216
|
-
return /* @__PURE__ */ (0,
|
|
8217
|
-
|
|
8314
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material71.Tooltip, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8315
|
+
import_material71.TableCell,
|
|
8218
8316
|
{
|
|
8219
8317
|
align: "left",
|
|
8220
8318
|
onMouseEnter: () => isCellEditable && setIsCellHovered(true),
|
|
@@ -8229,8 +8327,8 @@ var TableDesktopCell = ({
|
|
|
8229
8327
|
":hover": isCellEditable ? getCellBackgroundColor(isCellInEditMode) : void 0,
|
|
8230
8328
|
background: enableEditMode && isCellInEditMode ? colors.lightBlueBackground : void 0
|
|
8231
8329
|
},
|
|
8232
|
-
children: /* @__PURE__ */ (0,
|
|
8233
|
-
|
|
8330
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
|
|
8331
|
+
import_material71.Box,
|
|
8234
8332
|
{
|
|
8235
8333
|
p: 1,
|
|
8236
8334
|
ref: cellRef,
|
|
@@ -8238,8 +8336,8 @@ var TableDesktopCell = ({
|
|
|
8238
8336
|
textOverflow: "ellipsis",
|
|
8239
8337
|
whiteSpace: "nowrap",
|
|
8240
8338
|
children: [
|
|
8241
|
-
enableEditMode && isCellHovered ? /* @__PURE__ */ (0,
|
|
8242
|
-
|
|
8339
|
+
enableEditMode && isCellHovered ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material71.Tooltip, { title: isCellInEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8340
|
+
import_material71.IconButton,
|
|
8243
8341
|
{
|
|
8244
8342
|
onClick: handleEditClick,
|
|
8245
8343
|
sx: {
|
|
@@ -8253,10 +8351,10 @@ var TableDesktopCell = ({
|
|
|
8253
8351
|
backgroundColor: isCellInEditMode ? colors.lightBlueBackground : colors.neutral150
|
|
8254
8352
|
}
|
|
8255
8353
|
},
|
|
8256
|
-
children: isCellInEditMode ? /* @__PURE__ */ (0,
|
|
8354
|
+
children: isCellInEditMode ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_Close.default, { fontSize: "small", color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_Edit.default, { fontSize: "small" })
|
|
8257
8355
|
}
|
|
8258
8356
|
) }) : null,
|
|
8259
|
-
enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ (0,
|
|
8357
|
+
enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8260
8358
|
TableDesktopEditableComponent,
|
|
8261
8359
|
{
|
|
8262
8360
|
editInitialValue,
|
|
@@ -8283,9 +8381,9 @@ var TableDesktopCell = ({
|
|
|
8283
8381
|
// src/components/TableHeader/TableHeader.tsx
|
|
8284
8382
|
var import_react40 = require("react");
|
|
8285
8383
|
var import_icons_material12 = require("@mui/icons-material");
|
|
8286
|
-
var
|
|
8384
|
+
var import_material72 = require("@mui/material");
|
|
8287
8385
|
var import_mui56 = require("tss-react/mui");
|
|
8288
|
-
var
|
|
8386
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
8289
8387
|
var useStyles50 = (0, import_mui56.makeStyles)()(() => ({
|
|
8290
8388
|
sortLabel: {
|
|
8291
8389
|
"& .MuiTableSortLabel-icon": {
|
|
@@ -8330,8 +8428,8 @@ var TableHeader = ({ cells, onSort = null }) => {
|
|
|
8330
8428
|
});
|
|
8331
8429
|
setSortableCells(sortedCells);
|
|
8332
8430
|
};
|
|
8333
|
-
return /* @__PURE__ */ (0,
|
|
8334
|
-
|
|
8431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material72.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material72.TableRow, { children: sortableCells.map((cell, key) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material72.TableCell, { children: cell.isSortable ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
8432
|
+
import_material72.TableSortLabel,
|
|
8335
8433
|
{
|
|
8336
8434
|
className: classes.sortLabel,
|
|
8337
8435
|
direction: cell?.direction || "asc",
|
|
@@ -8344,9 +8442,9 @@ var TableHeader = ({ cells, onSort = null }) => {
|
|
|
8344
8442
|
var TableHeader_default = (0, import_react40.memo)(TableHeader);
|
|
8345
8443
|
|
|
8346
8444
|
// src/components/TextDivider/TextDivider.tsx
|
|
8347
|
-
var
|
|
8445
|
+
var import_material73 = require("@mui/material");
|
|
8348
8446
|
var import_mui57 = require("tss-react/mui");
|
|
8349
|
-
var
|
|
8447
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
8350
8448
|
var useStyles51 = (0, import_mui57.makeStyles)()(() => ({
|
|
8351
8449
|
icon: {
|
|
8352
8450
|
fontSize: 20
|
|
@@ -8383,19 +8481,19 @@ var TextDivider = ({
|
|
|
8383
8481
|
}) => {
|
|
8384
8482
|
const { classes } = useStyles51();
|
|
8385
8483
|
const iconColor = color ?? colors.neutral900;
|
|
8386
|
-
return /* @__PURE__ */ (0,
|
|
8387
|
-
|
|
8484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
|
|
8485
|
+
import_material73.Box,
|
|
8388
8486
|
{
|
|
8389
8487
|
display: "flex",
|
|
8390
8488
|
alignItems: "center",
|
|
8391
8489
|
justifyContent: "space-between",
|
|
8392
8490
|
className: classes.container,
|
|
8393
8491
|
children: [
|
|
8394
|
-
/* @__PURE__ */ (0,
|
|
8395
|
-
/* @__PURE__ */ (0,
|
|
8396
|
-
Icon2 && iconPosition === "left" && /* @__PURE__ */ (0,
|
|
8397
|
-
/* @__PURE__ */ (0,
|
|
8398
|
-
|
|
8492
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_material73.Divider, { className: classes.leftDivider }),
|
|
8493
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_material73.Button, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_material73.Box, { className: classes.center, children: [
|
|
8494
|
+
Icon2 && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } }),
|
|
8495
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
8496
|
+
import_material73.Typography,
|
|
8399
8497
|
{
|
|
8400
8498
|
color: "textSecondary",
|
|
8401
8499
|
className: classes.title,
|
|
@@ -8403,9 +8501,9 @@ var TextDivider = ({
|
|
|
8403
8501
|
children: title
|
|
8404
8502
|
}
|
|
8405
8503
|
),
|
|
8406
|
-
Icon2 && iconPosition === "right" && /* @__PURE__ */ (0,
|
|
8504
|
+
Icon2 && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } })
|
|
8407
8505
|
] }) }),
|
|
8408
|
-
/* @__PURE__ */ (0,
|
|
8506
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_material73.Divider, { className: classes.rightDivider })
|
|
8409
8507
|
]
|
|
8410
8508
|
}
|
|
8411
8509
|
);
|
|
@@ -8417,7 +8515,7 @@ var import_react_dates = require("react-dates");
|
|
|
8417
8515
|
var import_mui58 = require("tss-react/mui");
|
|
8418
8516
|
var import_initialize = require("react-dates/initialize");
|
|
8419
8517
|
var import_datepicker = require("react-dates/lib/css/_datepicker.css");
|
|
8420
|
-
var
|
|
8518
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
8421
8519
|
var useStyles52 = (0, import_mui58.makeStyles)()((theme) => ({
|
|
8422
8520
|
wrapper: {
|
|
8423
8521
|
"& .DateRangePicker": {
|
|
@@ -8513,15 +8611,15 @@ var ThemedDateRangePicker = ({
|
|
|
8513
8611
|
...props
|
|
8514
8612
|
}) => {
|
|
8515
8613
|
const { classes, cx } = useStyles52();
|
|
8516
|
-
return /* @__PURE__ */ (0,
|
|
8614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_react_dates.DateRangePicker, { ...props }) });
|
|
8517
8615
|
};
|
|
8518
8616
|
var ThemedDateRangePicker_default = ThemedDateRangePicker;
|
|
8519
8617
|
|
|
8520
8618
|
// src/components/TheToolbar/TheToolbar.tsx
|
|
8521
8619
|
var import_react41 = require("react");
|
|
8522
|
-
var
|
|
8620
|
+
var import_material74 = require("@mui/material");
|
|
8523
8621
|
var import_mui59 = require("tss-react/mui");
|
|
8524
|
-
var
|
|
8622
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
8525
8623
|
var useStyles53 = (0, import_mui59.makeStyles)()((theme) => ({
|
|
8526
8624
|
menuButton: {
|
|
8527
8625
|
color: theme.palette.primary.contrastText
|
|
@@ -8541,9 +8639,9 @@ var TheToolbar = ({
|
|
|
8541
8639
|
rightSection
|
|
8542
8640
|
}) => {
|
|
8543
8641
|
const { classes } = useStyles53();
|
|
8544
|
-
return /* @__PURE__ */ (0,
|
|
8545
|
-
/* @__PURE__ */ (0,
|
|
8546
|
-
/* @__PURE__ */ (0,
|
|
8642
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_material74.Box, { children: [
|
|
8643
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_material74.AppBar, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_material74.Toolbar, { className: classes.topBar, children: [
|
|
8644
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
8547
8645
|
RoundButton_default,
|
|
8548
8646
|
{
|
|
8549
8647
|
className: classes.menuButton,
|
|
@@ -8552,7 +8650,7 @@ var TheToolbar = ({
|
|
|
8552
8650
|
onClick: handleOpen
|
|
8553
8651
|
}
|
|
8554
8652
|
),
|
|
8555
|
-
/* @__PURE__ */ (0,
|
|
8653
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
8556
8654
|
CompanyLogo_default,
|
|
8557
8655
|
{
|
|
8558
8656
|
size: "small",
|
|
@@ -8561,8 +8659,8 @@ var TheToolbar = ({
|
|
|
8561
8659
|
imageLogoLightSmall
|
|
8562
8660
|
}
|
|
8563
8661
|
),
|
|
8564
|
-
/* @__PURE__ */ (0,
|
|
8565
|
-
/* @__PURE__ */ (0,
|
|
8662
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_material74.Box, { ml: 2, children: leftSection }),
|
|
8663
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_material74.Box, { ml: "auto", children: rightSection })
|
|
8566
8664
|
] }) }),
|
|
8567
8665
|
LeftDrawer
|
|
8568
8666
|
] });
|
|
@@ -8570,22 +8668,22 @@ var TheToolbar = ({
|
|
|
8570
8668
|
var TheToolbar_default = (0, import_react41.memo)(TheToolbar);
|
|
8571
8669
|
|
|
8572
8670
|
// src/components/ToastMessage/ToastMessage.tsx
|
|
8573
|
-
var
|
|
8574
|
-
var
|
|
8671
|
+
var import_material75 = require("@mui/material");
|
|
8672
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
8575
8673
|
var ToastMessage = ({
|
|
8576
8674
|
toastType,
|
|
8577
8675
|
toastMessage,
|
|
8578
8676
|
open,
|
|
8579
8677
|
onClose
|
|
8580
|
-
}) => /* @__PURE__ */ (0,
|
|
8581
|
-
|
|
8678
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
8679
|
+
import_material75.Snackbar,
|
|
8582
8680
|
{
|
|
8583
8681
|
open,
|
|
8584
8682
|
autoHideDuration: 1500,
|
|
8585
8683
|
onClose,
|
|
8586
8684
|
anchorOrigin: { vertical: "top", horizontal: "right" },
|
|
8587
|
-
children: /* @__PURE__ */ (0,
|
|
8588
|
-
|
|
8685
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
8686
|
+
import_material75.Alert,
|
|
8589
8687
|
{
|
|
8590
8688
|
elevation: 6,
|
|
8591
8689
|
variant: "filled",
|
|
@@ -8611,9 +8709,9 @@ var ToastMessage = ({
|
|
|
8611
8709
|
var ToastMessage_default = ToastMessage;
|
|
8612
8710
|
|
|
8613
8711
|
// src/components/TwoButtonDialog/TwoButtonDialog.tsx
|
|
8614
|
-
var
|
|
8712
|
+
var import_material76 = require("@mui/material");
|
|
8615
8713
|
var import_mui60 = require("tss-react/mui");
|
|
8616
|
-
var
|
|
8714
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
8617
8715
|
var useStyles54 = (0, import_mui60.makeStyles)()((theme) => ({
|
|
8618
8716
|
paper: {
|
|
8619
8717
|
padding: theme.spacing(2)
|
|
@@ -8643,20 +8741,20 @@ var TwoButtonDialog = ({
|
|
|
8643
8741
|
cancelButton
|
|
8644
8742
|
}) => {
|
|
8645
8743
|
const { classes } = useStyles54();
|
|
8646
|
-
return /* @__PURE__ */ (0,
|
|
8647
|
-
|
|
8744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
8745
|
+
import_material76.Dialog,
|
|
8648
8746
|
{
|
|
8649
8747
|
open,
|
|
8650
8748
|
disableEnforceFocus: true,
|
|
8651
8749
|
maxWidth: "sm",
|
|
8652
8750
|
fullWidth: true,
|
|
8653
8751
|
closeAfterTransition: true,
|
|
8654
|
-
BackdropComponent:
|
|
8752
|
+
BackdropComponent: import_material76.Backdrop,
|
|
8655
8753
|
BackdropProps: { timeout: 500 },
|
|
8656
|
-
children: /* @__PURE__ */ (0,
|
|
8657
|
-
/* @__PURE__ */ (0,
|
|
8658
|
-
/* @__PURE__ */ (0,
|
|
8659
|
-
|
|
8754
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material76.Fade, { in: open, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material76.Paper, { className: classes.paper, children: [
|
|
8755
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material76.Box, { className: classes.mb, children: [
|
|
8756
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material76.Typography, { variant: "h5", component: "div", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
8757
|
+
import_material76.Box,
|
|
8660
8758
|
{
|
|
8661
8759
|
sx: {
|
|
8662
8760
|
fontWeight: 600
|
|
@@ -8664,23 +8762,23 @@ var TwoButtonDialog = ({
|
|
|
8664
8762
|
children: title
|
|
8665
8763
|
}
|
|
8666
8764
|
) }),
|
|
8667
|
-
/* @__PURE__ */ (0,
|
|
8668
|
-
|
|
8765
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
|
|
8766
|
+
import_material76.Box,
|
|
8669
8767
|
{
|
|
8670
8768
|
className: classes.mt,
|
|
8671
8769
|
sx: {
|
|
8672
8770
|
fontWeight: 600
|
|
8673
8771
|
},
|
|
8674
8772
|
children: [
|
|
8675
|
-
subtitle1 && /* @__PURE__ */ (0,
|
|
8676
|
-
subtitle2 && /* @__PURE__ */ (0,
|
|
8773
|
+
subtitle1 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material76.Typography, { variant: "subtitle1", children: subtitle1 }),
|
|
8774
|
+
subtitle2 && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material76.Typography, { variant: "subtitle1", children: subtitle2 })
|
|
8677
8775
|
]
|
|
8678
8776
|
}
|
|
8679
8777
|
)
|
|
8680
8778
|
] }),
|
|
8681
|
-
/* @__PURE__ */ (0,
|
|
8682
|
-
/* @__PURE__ */ (0,
|
|
8683
|
-
/* @__PURE__ */ (0,
|
|
8779
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material76.Divider, {}),
|
|
8780
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material76.Box, { className: classes.buttonContainer, children: [
|
|
8781
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
8684
8782
|
FilledButton_default,
|
|
8685
8783
|
{
|
|
8686
8784
|
copy: cancelLabel,
|
|
@@ -8693,7 +8791,7 @@ var TwoButtonDialog = ({
|
|
|
8693
8791
|
}
|
|
8694
8792
|
}
|
|
8695
8793
|
),
|
|
8696
|
-
/* @__PURE__ */ (0,
|
|
8794
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
8697
8795
|
FilledButton_default,
|
|
8698
8796
|
{
|
|
8699
8797
|
color: "primary",
|
|
@@ -8702,7 +8800,7 @@ var TwoButtonDialog = ({
|
|
|
8702
8800
|
}
|
|
8703
8801
|
)
|
|
8704
8802
|
] }),
|
|
8705
|
-
/* @__PURE__ */ (0,
|
|
8803
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Loading_default, { isLoading: dialogLoading })
|
|
8706
8804
|
] }) })
|
|
8707
8805
|
}
|
|
8708
8806
|
);
|
|
@@ -8711,29 +8809,29 @@ var TwoButtonDialog_default = TwoButtonDialog;
|
|
|
8711
8809
|
|
|
8712
8810
|
// src/components/UserBust/UserBust.tsx
|
|
8713
8811
|
var import_react42 = require("react");
|
|
8714
|
-
var
|
|
8715
|
-
var
|
|
8716
|
-
var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0,
|
|
8717
|
-
/* @__PURE__ */ (0,
|
|
8718
|
-
|
|
8812
|
+
var import_material77 = require("@mui/material");
|
|
8813
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
8814
|
+
var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { children: [
|
|
8815
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
8816
|
+
import_material77.Avatar,
|
|
8719
8817
|
{
|
|
8720
8818
|
src: user.profile_picture,
|
|
8721
8819
|
alt: "user_avatar",
|
|
8722
8820
|
style: { width: avatarProps.width, height: avatarProps.height }
|
|
8723
8821
|
}
|
|
8724
8822
|
),
|
|
8725
|
-
/* @__PURE__ */ (0,
|
|
8726
|
-
/* @__PURE__ */ (0,
|
|
8727
|
-
/* @__PURE__ */ (0,
|
|
8823
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { style: { paddingTop: 16 }, children: [
|
|
8824
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material77.Typography, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
|
|
8825
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material77.Typography, { ...typographyProps.username, children: user.username })
|
|
8728
8826
|
] })
|
|
8729
8827
|
] });
|
|
8730
8828
|
var UserBust_default = (0, import_react42.memo)(UserBust);
|
|
8731
8829
|
|
|
8732
8830
|
// src/components/icons/IconChart.tsx
|
|
8733
|
-
var
|
|
8831
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
8734
8832
|
var SvgIconChart = (props) => {
|
|
8735
8833
|
const { fill } = props;
|
|
8736
|
-
return /* @__PURE__ */ (0,
|
|
8834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
8737
8835
|
"svg",
|
|
8738
8836
|
{
|
|
8739
8837
|
width: "20",
|
|
@@ -8742,7 +8840,7 @@ var SvgIconChart = (props) => {
|
|
|
8742
8840
|
fill: "none",
|
|
8743
8841
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8744
8842
|
...props,
|
|
8745
|
-
children: /* @__PURE__ */ (0,
|
|
8843
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
8746
8844
|
"path",
|
|
8747
8845
|
{
|
|
8748
8846
|
d: "M2.49967 11.6667L2.91634 11.725L6.72467 7.91667C6.57467 7.375 6.71634 6.75833 7.15801 6.325C7.80801 5.66667 8.85801 5.66667 9.50801 6.325C9.94967 6.75833 10.0913 7.375 9.94134 7.91667L12.083 10.0583L12.4997 10C12.6497 10 12.7913 10 12.9163 10.0583L15.8913 7.08333C15.833 6.95833 15.833 6.81667 15.833 6.66667C15.833 6.22464 16.0086 5.80072 16.3212 5.48816C16.6337 5.17559 17.0576 5 17.4997 5C17.9417 5 18.3656 5.17559 18.6782 5.48816C18.9907 5.80072 19.1663 6.22464 19.1663 6.66667C19.1663 7.10869 18.9907 7.53262 18.6782 7.84518C18.3656 8.15774 17.9417 8.33333 17.4997 8.33333C17.3497 8.33333 17.208 8.33333 17.083 8.275L14.108 11.25C14.1663 11.375 14.1663 11.5167 14.1663 11.6667C14.1663 12.1087 13.9907 12.5326 13.6782 12.8452C13.3656 13.1577 12.9417 13.3333 12.4997 13.3333C12.0576 13.3333 11.6337 13.1577 11.3212 12.8452C11.0086 12.5326 10.833 12.1087 10.833 11.6667L10.8913 11.25L8.74967 9.10833C8.48301 9.16667 8.18301 9.16667 7.91634 9.10833L4.10801 12.9167L4.16634 13.3333C4.16634 13.7754 3.99075 14.1993 3.67819 14.5118C3.36563 14.8244 2.9417 15 2.49967 15C2.05765 15 1.63372 14.8244 1.32116 14.5118C1.0086 14.1993 0.833008 13.7754 0.833008 13.3333C0.833008 12.8913 1.0086 12.4674 1.32116 12.1548C1.63372 11.8423 2.05765 11.6667 2.49967 11.6667Z",
|