@natoora-libs/core 0.1.16-dev-doug-3 → 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,
|
|
@@ -7114,8 +7130,8 @@ var SmartTableHeader = ({
|
|
|
7114
7130
|
onRequestSort(event, property);
|
|
7115
7131
|
};
|
|
7116
7132
|
const isSortActive = (headCellId) => orderBy === headCellId;
|
|
7117
|
-
return /* @__PURE__ */ (0,
|
|
7118
|
-
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)(
|
|
7119
7135
|
import_material59.Checkbox,
|
|
7120
7136
|
{
|
|
7121
7137
|
color: "primary",
|
|
@@ -7125,21 +7141,21 @@ var SmartTableHeader = ({
|
|
|
7125
7141
|
onChange: onSelectAllClick
|
|
7126
7142
|
}
|
|
7127
7143
|
) }) : null,
|
|
7128
|
-
headCells.map((headCell) => /* @__PURE__ */ (0,
|
|
7144
|
+
headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7129
7145
|
import_material59.TableCell,
|
|
7130
7146
|
{
|
|
7131
7147
|
className: classes.tableHeaderContent,
|
|
7132
7148
|
align: "left",
|
|
7133
7149
|
width: headCell.width ?? "auto",
|
|
7134
7150
|
sortDirection: orderBy === headCell.id ? order : false,
|
|
7135
|
-
children: /* @__PURE__ */ (0,
|
|
7151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
|
|
7136
7152
|
import_material59.Box,
|
|
7137
7153
|
{
|
|
7138
7154
|
display: "flex",
|
|
7139
7155
|
flexDirection: "row",
|
|
7140
7156
|
gap: headCell.disableSort ? 1 : 0,
|
|
7141
7157
|
children: [
|
|
7142
|
-
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)(
|
|
7143
7159
|
import_material59.TableSortLabel,
|
|
7144
7160
|
{
|
|
7145
7161
|
"data-testid": "table-sort-label",
|
|
@@ -7148,11 +7164,11 @@ var SmartTableHeader = ({
|
|
|
7148
7164
|
onClick: createSortHandler(headCell.id),
|
|
7149
7165
|
children: [
|
|
7150
7166
|
headCell.RenderHeader ?? headCell.label,
|
|
7151
|
-
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
|
|
7152
7168
|
]
|
|
7153
7169
|
}
|
|
7154
7170
|
) }),
|
|
7155
|
-
headCell.refetchFilterOptions ? /* @__PURE__ */ (0,
|
|
7171
|
+
headCell.refetchFilterOptions ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
7156
7172
|
SmartTableHeaderFilterMenu_default,
|
|
7157
7173
|
{
|
|
7158
7174
|
headCell,
|
|
@@ -7181,11 +7197,11 @@ var import_uuid = require("uuid");
|
|
|
7181
7197
|
|
|
7182
7198
|
// src/components/TableLoading/TableLoading.tsx
|
|
7183
7199
|
var import_material60 = require("@mui/material");
|
|
7184
|
-
var
|
|
7200
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
7185
7201
|
var TableLoading = ({
|
|
7186
7202
|
rowsPerPage,
|
|
7187
7203
|
rowHeight
|
|
7188
|
-
}) => /* @__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)(
|
|
7189
7205
|
import_material60.Skeleton,
|
|
7190
7206
|
{
|
|
7191
7207
|
animation: "pulse",
|
|
@@ -7234,7 +7250,7 @@ function calculateRowsPerPage(rowHeight) {
|
|
|
7234
7250
|
}
|
|
7235
7251
|
|
|
7236
7252
|
// src/components/Table/Table.tsx
|
|
7237
|
-
var
|
|
7253
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
7238
7254
|
var useStyles48 = (0, import_mui54.makeStyles)()(() => ({
|
|
7239
7255
|
root: {
|
|
7240
7256
|
height: "calc(100vh - 262px)",
|
|
@@ -7312,24 +7328,24 @@ var Table = ({
|
|
|
7312
7328
|
);
|
|
7313
7329
|
const rowsComponents = rows.map((row) => {
|
|
7314
7330
|
if (RenderItem) {
|
|
7315
|
-
return /* @__PURE__ */ (0,
|
|
7331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(RenderItem, { ...row }, row.id);
|
|
7316
7332
|
}
|
|
7317
|
-
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);
|
|
7318
7334
|
});
|
|
7319
7335
|
if (emptyRows > 0 && rowsPerPage > emptyRows) {
|
|
7320
7336
|
rowsComponents.push(
|
|
7321
|
-
/* @__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)())
|
|
7322
7338
|
);
|
|
7323
7339
|
}
|
|
7324
7340
|
return rowsComponents;
|
|
7325
7341
|
};
|
|
7326
|
-
return /* @__PURE__ */ (0,
|
|
7327
|
-
/* @__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)(
|
|
7328
7344
|
import_material61.TableCell,
|
|
7329
7345
|
{
|
|
7330
7346
|
align: "left",
|
|
7331
7347
|
sortDirection: orderBy === headCell.id ? order : void 0,
|
|
7332
|
-
children: /* @__PURE__ */ (0,
|
|
7348
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
7333
7349
|
import_material61.TableSortLabel,
|
|
7334
7350
|
{
|
|
7335
7351
|
active: orderBy === headCell.id,
|
|
@@ -7341,9 +7357,9 @@ var Table = ({
|
|
|
7341
7357
|
},
|
|
7342
7358
|
headCell.id
|
|
7343
7359
|
)) }) }),
|
|
7344
|
-
/* @__PURE__ */ (0,
|
|
7360
|
+
/* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material61.TableBody, { children: [
|
|
7345
7361
|
getTableRows(),
|
|
7346
|
-
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" }) })
|
|
7347
7363
|
] })
|
|
7348
7364
|
] }) }) }) });
|
|
7349
7365
|
};
|
|
@@ -7351,12 +7367,12 @@ var Table_default = Table;
|
|
|
7351
7367
|
|
|
7352
7368
|
// src/components/TableDesktop/TableDesktop.tsx
|
|
7353
7369
|
var import_react35 = require("react");
|
|
7354
|
-
var
|
|
7370
|
+
var import_material67 = require("@mui/material");
|
|
7355
7371
|
|
|
7356
7372
|
// src/components/TableDesktopFooter/TableDesktopFooter.tsx
|
|
7357
7373
|
var import_Refresh = __toESM(require("@mui/icons-material/Refresh"), 1);
|
|
7358
7374
|
var import_material62 = require("@mui/material");
|
|
7359
|
-
var
|
|
7375
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
7360
7376
|
var TableDesktopFooter = ({
|
|
7361
7377
|
numPages,
|
|
7362
7378
|
page,
|
|
@@ -7367,7 +7383,7 @@ var TableDesktopFooter = ({
|
|
|
7367
7383
|
refetch,
|
|
7368
7384
|
isFetching
|
|
7369
7385
|
}) => {
|
|
7370
|
-
return /* @__PURE__ */ (0,
|
|
7386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
7371
7387
|
import_material62.Box,
|
|
7372
7388
|
{
|
|
7373
7389
|
py: 1,
|
|
@@ -7378,7 +7394,7 @@ var TableDesktopFooter = ({
|
|
|
7378
7394
|
borderTop: `1px solid ${colors.neutral300}`,
|
|
7379
7395
|
bgcolor: (theme) => theme.palette.background.default,
|
|
7380
7396
|
children: [
|
|
7381
|
-
/* @__PURE__ */ (0,
|
|
7397
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
7382
7398
|
import_material62.Button,
|
|
7383
7399
|
{
|
|
7384
7400
|
disableRipple: true,
|
|
@@ -7393,7 +7409,7 @@ var TableDesktopFooter = ({
|
|
|
7393
7409
|
borderColor: colors.neutral600
|
|
7394
7410
|
},
|
|
7395
7411
|
children: [
|
|
7396
|
-
/* @__PURE__ */ (0,
|
|
7412
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7397
7413
|
import_Refresh.default,
|
|
7398
7414
|
{
|
|
7399
7415
|
fontSize: "small",
|
|
@@ -7404,21 +7420,21 @@ var TableDesktopFooter = ({
|
|
|
7404
7420
|
]
|
|
7405
7421
|
}
|
|
7406
7422
|
),
|
|
7407
|
-
/* @__PURE__ */ (0,
|
|
7408
|
-
/* @__PURE__ */ (0,
|
|
7409
|
-
/* @__PURE__ */ (0,
|
|
7410
|
-
/* @__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)(
|
|
7411
7427
|
import_material62.Select,
|
|
7412
7428
|
{
|
|
7413
7429
|
value: pageSize,
|
|
7414
7430
|
onChange: onPageSizeChange,
|
|
7415
7431
|
size: "small",
|
|
7416
7432
|
variant: "standard",
|
|
7417
|
-
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))
|
|
7418
7434
|
}
|
|
7419
7435
|
)
|
|
7420
7436
|
] }),
|
|
7421
|
-
/* @__PURE__ */ (0,
|
|
7437
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
7422
7438
|
import_material62.Pagination,
|
|
7423
7439
|
{
|
|
7424
7440
|
color: "standard",
|
|
@@ -7438,8 +7454,36 @@ var import_TableBody = __toESM(require("@mui/material/TableBody"), 1);
|
|
|
7438
7454
|
var import_TableCell = __toESM(require("@mui/material/TableCell"), 1);
|
|
7439
7455
|
var import_TableRow = __toESM(require("@mui/material/TableRow"), 1);
|
|
7440
7456
|
var import_Typography = __toESM(require("@mui/material/Typography"), 1);
|
|
7441
|
-
|
|
7442
|
-
|
|
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)(
|
|
7443
7487
|
import_TableCell.default,
|
|
7444
7488
|
{
|
|
7445
7489
|
sx: {
|
|
@@ -7452,19 +7496,43 @@ var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ (0, import_jsx_runtime1
|
|
|
7452
7496
|
alignItems: "center"
|
|
7453
7497
|
},
|
|
7454
7498
|
children: [
|
|
7455
|
-
/* @__PURE__ */ (0,
|
|
7456
|
-
/* @__PURE__ */ (0,
|
|
7457
|
-
|
|
7458
|
-
|
|
7459
|
-
|
|
7460
|
-
|
|
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
|
+
)
|
|
7461
7529
|
]
|
|
7462
7530
|
}
|
|
7463
7531
|
) }) });
|
|
7464
7532
|
|
|
7465
7533
|
// src/components/TableDesktopLoadingState/TableDesktopLoadingState.tsx
|
|
7466
|
-
var
|
|
7467
|
-
var
|
|
7534
|
+
var import_material64 = require("@mui/material");
|
|
7535
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
7468
7536
|
var getRange = (n) => Array.from({ length: n }, (_, i) => i + 1);
|
|
7469
7537
|
var TableDesktopLoadingState = ({
|
|
7470
7538
|
numRows,
|
|
@@ -7472,8 +7540,8 @@ var TableDesktopLoadingState = ({
|
|
|
7472
7540
|
numColumns,
|
|
7473
7541
|
rowHeight
|
|
7474
7542
|
}) => {
|
|
7475
|
-
return getRange(Math.min(numRows, rowsPerPage)).map((rowNum) => /* @__PURE__ */ (0,
|
|
7476
|
-
|
|
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,
|
|
7477
7545
|
{
|
|
7478
7546
|
animation: "pulse",
|
|
7479
7547
|
variant: "rounded",
|
|
@@ -7485,7 +7553,7 @@ var TableDesktopLoadingState = ({
|
|
|
7485
7553
|
};
|
|
7486
7554
|
|
|
7487
7555
|
// src/components/TableDesktopRows/TableDesktopRows.tsx
|
|
7488
|
-
var
|
|
7556
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
7489
7557
|
var descendingComparator2 = (a, b, orderBy) => {
|
|
7490
7558
|
const objA = a[orderBy];
|
|
7491
7559
|
const objB = b[orderBy];
|
|
@@ -7532,7 +7600,7 @@ var TableDesktopRows = ({
|
|
|
7532
7600
|
}) => {
|
|
7533
7601
|
const sortedData = disableInternalSort ? data : stableSort2(data, getComparator(order, orderBy));
|
|
7534
7602
|
if (isLoading) {
|
|
7535
|
-
return /* @__PURE__ */ (0,
|
|
7603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7536
7604
|
TableDesktopLoadingState,
|
|
7537
7605
|
{
|
|
7538
7606
|
numRows: data.length,
|
|
@@ -7544,7 +7612,7 @@ var TableDesktopRows = ({
|
|
|
7544
7612
|
}
|
|
7545
7613
|
return sortedData.map((row, index) => {
|
|
7546
7614
|
const isItemSelected = selectedRows.has(row[keyField]);
|
|
7547
|
-
return /* @__PURE__ */ (0,
|
|
7615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
7548
7616
|
RenderItem,
|
|
7549
7617
|
{
|
|
7550
7618
|
...{
|
|
@@ -7566,8 +7634,8 @@ var TableDesktopRows = ({
|
|
|
7566
7634
|
};
|
|
7567
7635
|
|
|
7568
7636
|
// src/components/TableDesktopRowSelectionBar/TableDesktopRowSelectionBar.tsx
|
|
7569
|
-
var
|
|
7570
|
-
var
|
|
7637
|
+
var import_material65 = require("@mui/material");
|
|
7638
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
7571
7639
|
var TableDesktopRowSelectionBar = ({
|
|
7572
7640
|
isEveryRowInPageSelected,
|
|
7573
7641
|
isRowsFromAllPagesSelected,
|
|
@@ -7586,8 +7654,8 @@ var TableDesktopRowSelectionBar = ({
|
|
|
7586
7654
|
}
|
|
7587
7655
|
return `${numSelectedRows} row${numSelectedRows > 1 ? "s" : ""} selected.`;
|
|
7588
7656
|
};
|
|
7589
|
-
return isAnyRowSelected ? /* @__PURE__ */ (0,
|
|
7590
|
-
|
|
7657
|
+
return isAnyRowSelected ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
|
|
7658
|
+
import_material65.Box,
|
|
7591
7659
|
{
|
|
7592
7660
|
sx: {
|
|
7593
7661
|
p: 1,
|
|
@@ -7599,22 +7667,22 @@ var TableDesktopRowSelectionBar = ({
|
|
|
7599
7667
|
backgroundColor: colors.neutral150
|
|
7600
7668
|
},
|
|
7601
7669
|
children: [
|
|
7602
|
-
/* @__PURE__ */ (0,
|
|
7603
|
-
!isRowsFromAllPagesSelected ? /* @__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: [
|
|
7604
7672
|
"Select all ",
|
|
7605
7673
|
totalRowCount,
|
|
7606
7674
|
" rows from all pages based on your filters"
|
|
7607
7675
|
] }) : null,
|
|
7608
|
-
/* @__PURE__ */ (0,
|
|
7676
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material65.Button, { onClick: onClearSelectionClick, children: "Clear Selection" })
|
|
7609
7677
|
]
|
|
7610
7678
|
}
|
|
7611
7679
|
) : null;
|
|
7612
7680
|
};
|
|
7613
7681
|
|
|
7614
7682
|
// src/components/TableEmptyResult/TableEmptyResult.tsx
|
|
7615
|
-
var
|
|
7683
|
+
var import_material66 = require("@mui/material");
|
|
7616
7684
|
var import_mui55 = require("tss-react/mui");
|
|
7617
|
-
var
|
|
7685
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
7618
7686
|
var useStyles49 = (0, import_mui55.makeStyles)()(() => ({
|
|
7619
7687
|
tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
|
|
7620
7688
|
tableCellDefault: { padding: 24 }
|
|
@@ -7626,17 +7694,17 @@ var TableEmptyResult = ({
|
|
|
7626
7694
|
}
|
|
7627
7695
|
}) => {
|
|
7628
7696
|
const { classes } = useStyles49();
|
|
7629
|
-
return showClearFilterButton ? /* @__PURE__ */ (0,
|
|
7630
|
-
|
|
7697
|
+
return showClearFilterButton ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material66.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
|
|
7698
|
+
import_material66.TableCell,
|
|
7631
7699
|
{
|
|
7632
7700
|
className: classes.tableCellIcon,
|
|
7633
7701
|
colSpan,
|
|
7634
7702
|
align: "center",
|
|
7635
7703
|
children: [
|
|
7636
|
-
/* @__PURE__ */ (0,
|
|
7637
|
-
/* @__PURE__ */ (0,
|
|
7638
|
-
/* @__PURE__ */ (0,
|
|
7639
|
-
/* @__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)(
|
|
7640
7708
|
FilledButton_default,
|
|
7641
7709
|
{
|
|
7642
7710
|
copy: "Search",
|
|
@@ -7647,8 +7715,8 @@ var TableEmptyResult = ({
|
|
|
7647
7715
|
)
|
|
7648
7716
|
]
|
|
7649
7717
|
}
|
|
7650
|
-
) }) : /* @__PURE__ */ (0,
|
|
7651
|
-
|
|
7718
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material66.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
7719
|
+
import_material66.TableCell,
|
|
7652
7720
|
{
|
|
7653
7721
|
className: classes.tableCellDefault,
|
|
7654
7722
|
colSpan,
|
|
@@ -7660,7 +7728,7 @@ var TableEmptyResult = ({
|
|
|
7660
7728
|
var TableEmptyResult_default = TableEmptyResult;
|
|
7661
7729
|
|
|
7662
7730
|
// src/components/TableDesktop/TableDesktop.tsx
|
|
7663
|
-
var
|
|
7731
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
7664
7732
|
var TableDesktop = ({
|
|
7665
7733
|
data,
|
|
7666
7734
|
headCells,
|
|
@@ -7779,8 +7847,8 @@ var TableDesktop = ({
|
|
|
7779
7847
|
);
|
|
7780
7848
|
}
|
|
7781
7849
|
}, [data, setSelectedRows, isEveryRowInPageSelected, isRowsFromAllPagesSelected]);
|
|
7782
|
-
return /* @__PURE__ */ (0,
|
|
7783
|
-
|
|
7850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7851
|
+
import_material67.Box,
|
|
7784
7852
|
{
|
|
7785
7853
|
sx: {
|
|
7786
7854
|
height,
|
|
@@ -7788,8 +7856,8 @@ var TableDesktop = ({
|
|
|
7788
7856
|
justifyContent: "space-between",
|
|
7789
7857
|
justifyItems: "stretch"
|
|
7790
7858
|
},
|
|
7791
|
-
children: /* @__PURE__ */ (0,
|
|
7792
|
-
|
|
7859
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
7860
|
+
import_material67.Paper,
|
|
7793
7861
|
{
|
|
7794
7862
|
sx: {
|
|
7795
7863
|
width: "100%",
|
|
@@ -7798,7 +7866,7 @@ var TableDesktop = ({
|
|
|
7798
7866
|
justifyContent: "space-between"
|
|
7799
7867
|
},
|
|
7800
7868
|
children: [
|
|
7801
|
-
Toolbar2 ? /* @__PURE__ */ (0,
|
|
7869
|
+
Toolbar2 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7802
7870
|
Toolbar2,
|
|
7803
7871
|
{
|
|
7804
7872
|
selectedRows: [...selectedRows],
|
|
@@ -7806,7 +7874,7 @@ var TableDesktop = ({
|
|
|
7806
7874
|
...toolbarProps
|
|
7807
7875
|
}
|
|
7808
7876
|
) : null,
|
|
7809
|
-
/* @__PURE__ */ (0,
|
|
7877
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7810
7878
|
TableDesktopRowSelectionBar,
|
|
7811
7879
|
{
|
|
7812
7880
|
isEveryRowInPageSelected,
|
|
@@ -7817,8 +7885,8 @@ var TableDesktop = ({
|
|
|
7817
7885
|
onClearSelectionClick: handleClearSelectionClick
|
|
7818
7886
|
}
|
|
7819
7887
|
),
|
|
7820
|
-
/* @__PURE__ */ (0,
|
|
7821
|
-
|
|
7888
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7889
|
+
import_material67.TableContainer,
|
|
7822
7890
|
{
|
|
7823
7891
|
sx: {
|
|
7824
7892
|
flexGrow: 1,
|
|
@@ -7839,14 +7907,19 @@ var TableDesktop = ({
|
|
|
7839
7907
|
backgroundColor: (theme) => theme.palette.grey[500]
|
|
7840
7908
|
}
|
|
7841
7909
|
},
|
|
7842
|
-
children: /* @__PURE__ */ (0,
|
|
7843
|
-
|
|
7910
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7911
|
+
import_material67.Table,
|
|
7844
7912
|
{
|
|
7845
7913
|
stickyHeader: true,
|
|
7846
7914
|
"aria-label": "sticky-table",
|
|
7847
7915
|
sx: { tableLayout },
|
|
7848
|
-
children: visibleHeadCells.length === 0 ? /* @__PURE__ */ (0,
|
|
7849
|
-
|
|
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)(
|
|
7850
7923
|
SmartTableHeader_default,
|
|
7851
7924
|
{
|
|
7852
7925
|
headCells: visibleHeadCells,
|
|
@@ -7862,7 +7935,7 @@ var TableDesktop = ({
|
|
|
7862
7935
|
shouldShowCheckOnFilter
|
|
7863
7936
|
}
|
|
7864
7937
|
),
|
|
7865
|
-
/* @__PURE__ */ (0,
|
|
7938
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material67.TableBody, { children: rowsPerPage !== emptyRows ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7866
7939
|
TableDesktopRows,
|
|
7867
7940
|
{
|
|
7868
7941
|
data,
|
|
@@ -7881,7 +7954,7 @@ var TableDesktop = ({
|
|
|
7881
7954
|
rowHeight,
|
|
7882
7955
|
deleteItem
|
|
7883
7956
|
}
|
|
7884
|
-
) : /* @__PURE__ */ (0,
|
|
7957
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
7885
7958
|
TableEmptyResult_default,
|
|
7886
7959
|
{
|
|
7887
7960
|
colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
|
|
@@ -7895,7 +7968,7 @@ var TableDesktop = ({
|
|
|
7895
7968
|
}
|
|
7896
7969
|
),
|
|
7897
7970
|
children,
|
|
7898
|
-
footerProps ? /* @__PURE__ */ (0,
|
|
7971
|
+
footerProps ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TableDesktopFooter, { ...footerProps, onPageChange: handlePageChange }) : null
|
|
7899
7972
|
]
|
|
7900
7973
|
}
|
|
7901
7974
|
)
|
|
@@ -7904,12 +7977,12 @@ var TableDesktop = ({
|
|
|
7904
7977
|
};
|
|
7905
7978
|
|
|
7906
7979
|
// src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
|
|
7907
|
-
var
|
|
7980
|
+
var import_material70 = require("@mui/material");
|
|
7908
7981
|
|
|
7909
7982
|
// src/components/TableDesktopEditableComponent/TableDesktopNumericField.tsx
|
|
7910
7983
|
var import_react36 = require("react");
|
|
7911
|
-
var
|
|
7912
|
-
var
|
|
7984
|
+
var import_material68 = require("@mui/material");
|
|
7985
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
7913
7986
|
var TableDesktopNumericField = ({
|
|
7914
7987
|
rowId,
|
|
7915
7988
|
initialValue,
|
|
@@ -7933,8 +8006,8 @@ var TableDesktopNumericField = ({
|
|
|
7933
8006
|
commitValue(input);
|
|
7934
8007
|
}
|
|
7935
8008
|
};
|
|
7936
|
-
return /* @__PURE__ */ (0,
|
|
7937
|
-
|
|
8009
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
8010
|
+
import_material68.TextField,
|
|
7938
8011
|
{
|
|
7939
8012
|
fullWidth: true,
|
|
7940
8013
|
variant,
|
|
@@ -7961,7 +8034,7 @@ var TableDesktopNumericField = ({
|
|
|
7961
8034
|
|
|
7962
8035
|
// src/components/TableDesktopEditableComponent/TableDesktopSmartSelect.tsx
|
|
7963
8036
|
var import_react37 = require("react");
|
|
7964
|
-
var
|
|
8037
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
7965
8038
|
var resolveOptionType2 = (option, fieldName) => {
|
|
7966
8039
|
if (!option || typeof option !== "object") {
|
|
7967
8040
|
return option;
|
|
@@ -8002,7 +8075,7 @@ var TableDesktopSmartSelect = (0, import_react37.memo)(({
|
|
|
8002
8075
|
setOptions(parsedOptions);
|
|
8003
8076
|
}
|
|
8004
8077
|
}, [filterOptions]);
|
|
8005
|
-
return /* @__PURE__ */ (0,
|
|
8078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
8006
8079
|
SmartSelect_default,
|
|
8007
8080
|
{
|
|
8008
8081
|
ref,
|
|
@@ -8034,8 +8107,8 @@ var TableDesktopSmartSelect = (0, import_react37.memo)(({
|
|
|
8034
8107
|
|
|
8035
8108
|
// src/components/TableDesktopEditableComponent/TableDesktopTextField.tsx
|
|
8036
8109
|
var import_react38 = require("react");
|
|
8037
|
-
var
|
|
8038
|
-
var
|
|
8110
|
+
var import_material69 = require("@mui/material");
|
|
8111
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
8039
8112
|
var TableDesktopTextField = ({
|
|
8040
8113
|
rowId,
|
|
8041
8114
|
initialValue,
|
|
@@ -8061,8 +8134,8 @@ var TableDesktopTextField = ({
|
|
|
8061
8134
|
commitValue(input);
|
|
8062
8135
|
}
|
|
8063
8136
|
};
|
|
8064
|
-
return /* @__PURE__ */ (0,
|
|
8065
|
-
|
|
8137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
8138
|
+
import_material69.TextField,
|
|
8066
8139
|
{
|
|
8067
8140
|
fullWidth: true,
|
|
8068
8141
|
variant,
|
|
@@ -8083,7 +8156,7 @@ var TableDesktopTextField = ({
|
|
|
8083
8156
|
};
|
|
8084
8157
|
|
|
8085
8158
|
// src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
|
|
8086
|
-
var
|
|
8159
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
8087
8160
|
var TableDesktopEditableComponent = ({
|
|
8088
8161
|
editInitialValue,
|
|
8089
8162
|
rowId,
|
|
@@ -8102,7 +8175,7 @@ var TableDesktopEditableComponent = ({
|
|
|
8102
8175
|
onUpdateEditableCell
|
|
8103
8176
|
}) => {
|
|
8104
8177
|
const editableComponents = {
|
|
8105
|
-
"select": /* @__PURE__ */ (0,
|
|
8178
|
+
"select": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8106
8179
|
TableDesktopSmartSelect,
|
|
8107
8180
|
{
|
|
8108
8181
|
rowId,
|
|
@@ -8119,12 +8192,12 @@ var TableDesktopEditableComponent = ({
|
|
|
8119
8192
|
onUpdateEditableCell
|
|
8120
8193
|
}
|
|
8121
8194
|
),
|
|
8122
|
-
"checkbox": /* @__PURE__ */ (0,
|
|
8123
|
-
|
|
8195
|
+
"checkbox": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8196
|
+
import_material70.FormControlLabel,
|
|
8124
8197
|
{
|
|
8125
8198
|
label: showCheckboxLabel ? inputLabel : "",
|
|
8126
|
-
control: /* @__PURE__ */ (0,
|
|
8127
|
-
|
|
8199
|
+
control: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8200
|
+
import_material70.Checkbox,
|
|
8128
8201
|
{
|
|
8129
8202
|
disableRipple: true,
|
|
8130
8203
|
disabled,
|
|
@@ -8139,7 +8212,7 @@ var TableDesktopEditableComponent = ({
|
|
|
8139
8212
|
)
|
|
8140
8213
|
}
|
|
8141
8214
|
),
|
|
8142
|
-
"text": /* @__PURE__ */ (0,
|
|
8215
|
+
"text": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8143
8216
|
TableDesktopTextField,
|
|
8144
8217
|
{
|
|
8145
8218
|
rowId,
|
|
@@ -8153,7 +8226,7 @@ var TableDesktopEditableComponent = ({
|
|
|
8153
8226
|
onUpdateEditableCell
|
|
8154
8227
|
}
|
|
8155
8228
|
),
|
|
8156
|
-
"numeric": /* @__PURE__ */ (0,
|
|
8229
|
+
"numeric": /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
8157
8230
|
TableDesktopNumericField,
|
|
8158
8231
|
{
|
|
8159
8232
|
rowId,
|
|
@@ -8175,11 +8248,11 @@ var import_react39 = require("react");
|
|
|
8175
8248
|
var import_Check2 = __toESM(require("@mui/icons-material/Check"), 1);
|
|
8176
8249
|
var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
|
|
8177
8250
|
var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
|
|
8178
|
-
var
|
|
8179
|
-
var
|
|
8251
|
+
var import_material71 = require("@mui/material");
|
|
8252
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
8180
8253
|
var getReadOnlyBooleanIcon = (value) => {
|
|
8181
8254
|
if (value) {
|
|
8182
|
-
return /* @__PURE__ */ (0,
|
|
8255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_Check2.default, { sx: { fontSize: 16 } });
|
|
8183
8256
|
}
|
|
8184
8257
|
return "-";
|
|
8185
8258
|
};
|
|
@@ -8238,8 +8311,8 @@ var TableDesktopCell = ({
|
|
|
8238
8311
|
setIsCellInEditMode((prev) => !prev);
|
|
8239
8312
|
};
|
|
8240
8313
|
const isCellEditable = !!enableEditMode && !!editableCellType && !disabled;
|
|
8241
|
-
return /* @__PURE__ */ (0,
|
|
8242
|
-
|
|
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,
|
|
8243
8316
|
{
|
|
8244
8317
|
align: "left",
|
|
8245
8318
|
onMouseEnter: () => isCellEditable && setIsCellHovered(true),
|
|
@@ -8254,8 +8327,8 @@ var TableDesktopCell = ({
|
|
|
8254
8327
|
":hover": isCellEditable ? getCellBackgroundColor(isCellInEditMode) : void 0,
|
|
8255
8328
|
background: enableEditMode && isCellInEditMode ? colors.lightBlueBackground : void 0
|
|
8256
8329
|
},
|
|
8257
|
-
children: /* @__PURE__ */ (0,
|
|
8258
|
-
|
|
8330
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
|
|
8331
|
+
import_material71.Box,
|
|
8259
8332
|
{
|
|
8260
8333
|
p: 1,
|
|
8261
8334
|
ref: cellRef,
|
|
@@ -8263,8 +8336,8 @@ var TableDesktopCell = ({
|
|
|
8263
8336
|
textOverflow: "ellipsis",
|
|
8264
8337
|
whiteSpace: "nowrap",
|
|
8265
8338
|
children: [
|
|
8266
|
-
enableEditMode && isCellHovered ? /* @__PURE__ */ (0,
|
|
8267
|
-
|
|
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,
|
|
8268
8341
|
{
|
|
8269
8342
|
onClick: handleEditClick,
|
|
8270
8343
|
sx: {
|
|
@@ -8278,10 +8351,10 @@ var TableDesktopCell = ({
|
|
|
8278
8351
|
backgroundColor: isCellInEditMode ? colors.lightBlueBackground : colors.neutral150
|
|
8279
8352
|
}
|
|
8280
8353
|
},
|
|
8281
|
-
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" })
|
|
8282
8355
|
}
|
|
8283
8356
|
) }) : null,
|
|
8284
|
-
enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ (0,
|
|
8357
|
+
enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
8285
8358
|
TableDesktopEditableComponent,
|
|
8286
8359
|
{
|
|
8287
8360
|
editInitialValue,
|
|
@@ -8308,9 +8381,9 @@ var TableDesktopCell = ({
|
|
|
8308
8381
|
// src/components/TableHeader/TableHeader.tsx
|
|
8309
8382
|
var import_react40 = require("react");
|
|
8310
8383
|
var import_icons_material12 = require("@mui/icons-material");
|
|
8311
|
-
var
|
|
8384
|
+
var import_material72 = require("@mui/material");
|
|
8312
8385
|
var import_mui56 = require("tss-react/mui");
|
|
8313
|
-
var
|
|
8386
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
8314
8387
|
var useStyles50 = (0, import_mui56.makeStyles)()(() => ({
|
|
8315
8388
|
sortLabel: {
|
|
8316
8389
|
"& .MuiTableSortLabel-icon": {
|
|
@@ -8355,8 +8428,8 @@ var TableHeader = ({ cells, onSort = null }) => {
|
|
|
8355
8428
|
});
|
|
8356
8429
|
setSortableCells(sortedCells);
|
|
8357
8430
|
};
|
|
8358
|
-
return /* @__PURE__ */ (0,
|
|
8359
|
-
|
|
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,
|
|
8360
8433
|
{
|
|
8361
8434
|
className: classes.sortLabel,
|
|
8362
8435
|
direction: cell?.direction || "asc",
|
|
@@ -8369,9 +8442,9 @@ var TableHeader = ({ cells, onSort = null }) => {
|
|
|
8369
8442
|
var TableHeader_default = (0, import_react40.memo)(TableHeader);
|
|
8370
8443
|
|
|
8371
8444
|
// src/components/TextDivider/TextDivider.tsx
|
|
8372
|
-
var
|
|
8445
|
+
var import_material73 = require("@mui/material");
|
|
8373
8446
|
var import_mui57 = require("tss-react/mui");
|
|
8374
|
-
var
|
|
8447
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
8375
8448
|
var useStyles51 = (0, import_mui57.makeStyles)()(() => ({
|
|
8376
8449
|
icon: {
|
|
8377
8450
|
fontSize: 20
|
|
@@ -8408,19 +8481,19 @@ var TextDivider = ({
|
|
|
8408
8481
|
}) => {
|
|
8409
8482
|
const { classes } = useStyles51();
|
|
8410
8483
|
const iconColor = color ?? colors.neutral900;
|
|
8411
|
-
return /* @__PURE__ */ (0,
|
|
8412
|
-
|
|
8484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
|
|
8485
|
+
import_material73.Box,
|
|
8413
8486
|
{
|
|
8414
8487
|
display: "flex",
|
|
8415
8488
|
alignItems: "center",
|
|
8416
8489
|
justifyContent: "space-between",
|
|
8417
8490
|
className: classes.container,
|
|
8418
8491
|
children: [
|
|
8419
|
-
/* @__PURE__ */ (0,
|
|
8420
|
-
/* @__PURE__ */ (0,
|
|
8421
|
-
Icon2 && iconPosition === "left" && /* @__PURE__ */ (0,
|
|
8422
|
-
/* @__PURE__ */ (0,
|
|
8423
|
-
|
|
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,
|
|
8424
8497
|
{
|
|
8425
8498
|
color: "textSecondary",
|
|
8426
8499
|
className: classes.title,
|
|
@@ -8428,9 +8501,9 @@ var TextDivider = ({
|
|
|
8428
8501
|
children: title
|
|
8429
8502
|
}
|
|
8430
8503
|
),
|
|
8431
|
-
Icon2 && iconPosition === "right" && /* @__PURE__ */ (0,
|
|
8504
|
+
Icon2 && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } })
|
|
8432
8505
|
] }) }),
|
|
8433
|
-
/* @__PURE__ */ (0,
|
|
8506
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_material73.Divider, { className: classes.rightDivider })
|
|
8434
8507
|
]
|
|
8435
8508
|
}
|
|
8436
8509
|
);
|
|
@@ -8442,7 +8515,7 @@ var import_react_dates = require("react-dates");
|
|
|
8442
8515
|
var import_mui58 = require("tss-react/mui");
|
|
8443
8516
|
var import_initialize = require("react-dates/initialize");
|
|
8444
8517
|
var import_datepicker = require("react-dates/lib/css/_datepicker.css");
|
|
8445
|
-
var
|
|
8518
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
8446
8519
|
var useStyles52 = (0, import_mui58.makeStyles)()((theme) => ({
|
|
8447
8520
|
wrapper: {
|
|
8448
8521
|
"& .DateRangePicker": {
|
|
@@ -8538,15 +8611,15 @@ var ThemedDateRangePicker = ({
|
|
|
8538
8611
|
...props
|
|
8539
8612
|
}) => {
|
|
8540
8613
|
const { classes, cx } = useStyles52();
|
|
8541
|
-
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 }) });
|
|
8542
8615
|
};
|
|
8543
8616
|
var ThemedDateRangePicker_default = ThemedDateRangePicker;
|
|
8544
8617
|
|
|
8545
8618
|
// src/components/TheToolbar/TheToolbar.tsx
|
|
8546
8619
|
var import_react41 = require("react");
|
|
8547
|
-
var
|
|
8620
|
+
var import_material74 = require("@mui/material");
|
|
8548
8621
|
var import_mui59 = require("tss-react/mui");
|
|
8549
|
-
var
|
|
8622
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
8550
8623
|
var useStyles53 = (0, import_mui59.makeStyles)()((theme) => ({
|
|
8551
8624
|
menuButton: {
|
|
8552
8625
|
color: theme.palette.primary.contrastText
|
|
@@ -8566,9 +8639,9 @@ var TheToolbar = ({
|
|
|
8566
8639
|
rightSection
|
|
8567
8640
|
}) => {
|
|
8568
8641
|
const { classes } = useStyles53();
|
|
8569
|
-
return /* @__PURE__ */ (0,
|
|
8570
|
-
/* @__PURE__ */ (0,
|
|
8571
|
-
/* @__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)(
|
|
8572
8645
|
RoundButton_default,
|
|
8573
8646
|
{
|
|
8574
8647
|
className: classes.menuButton,
|
|
@@ -8577,7 +8650,7 @@ var TheToolbar = ({
|
|
|
8577
8650
|
onClick: handleOpen
|
|
8578
8651
|
}
|
|
8579
8652
|
),
|
|
8580
|
-
/* @__PURE__ */ (0,
|
|
8653
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
8581
8654
|
CompanyLogo_default,
|
|
8582
8655
|
{
|
|
8583
8656
|
size: "small",
|
|
@@ -8586,8 +8659,8 @@ var TheToolbar = ({
|
|
|
8586
8659
|
imageLogoLightSmall
|
|
8587
8660
|
}
|
|
8588
8661
|
),
|
|
8589
|
-
/* @__PURE__ */ (0,
|
|
8590
|
-
/* @__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 })
|
|
8591
8664
|
] }) }),
|
|
8592
8665
|
LeftDrawer
|
|
8593
8666
|
] });
|
|
@@ -8595,22 +8668,22 @@ var TheToolbar = ({
|
|
|
8595
8668
|
var TheToolbar_default = (0, import_react41.memo)(TheToolbar);
|
|
8596
8669
|
|
|
8597
8670
|
// src/components/ToastMessage/ToastMessage.tsx
|
|
8598
|
-
var
|
|
8599
|
-
var
|
|
8671
|
+
var import_material75 = require("@mui/material");
|
|
8672
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
8600
8673
|
var ToastMessage = ({
|
|
8601
8674
|
toastType,
|
|
8602
8675
|
toastMessage,
|
|
8603
8676
|
open,
|
|
8604
8677
|
onClose
|
|
8605
|
-
}) => /* @__PURE__ */ (0,
|
|
8606
|
-
|
|
8678
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
8679
|
+
import_material75.Snackbar,
|
|
8607
8680
|
{
|
|
8608
8681
|
open,
|
|
8609
8682
|
autoHideDuration: 1500,
|
|
8610
8683
|
onClose,
|
|
8611
8684
|
anchorOrigin: { vertical: "top", horizontal: "right" },
|
|
8612
|
-
children: /* @__PURE__ */ (0,
|
|
8613
|
-
|
|
8685
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
8686
|
+
import_material75.Alert,
|
|
8614
8687
|
{
|
|
8615
8688
|
elevation: 6,
|
|
8616
8689
|
variant: "filled",
|
|
@@ -8636,9 +8709,9 @@ var ToastMessage = ({
|
|
|
8636
8709
|
var ToastMessage_default = ToastMessage;
|
|
8637
8710
|
|
|
8638
8711
|
// src/components/TwoButtonDialog/TwoButtonDialog.tsx
|
|
8639
|
-
var
|
|
8712
|
+
var import_material76 = require("@mui/material");
|
|
8640
8713
|
var import_mui60 = require("tss-react/mui");
|
|
8641
|
-
var
|
|
8714
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
8642
8715
|
var useStyles54 = (0, import_mui60.makeStyles)()((theme) => ({
|
|
8643
8716
|
paper: {
|
|
8644
8717
|
padding: theme.spacing(2)
|
|
@@ -8668,20 +8741,20 @@ var TwoButtonDialog = ({
|
|
|
8668
8741
|
cancelButton
|
|
8669
8742
|
}) => {
|
|
8670
8743
|
const { classes } = useStyles54();
|
|
8671
|
-
return /* @__PURE__ */ (0,
|
|
8672
|
-
|
|
8744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
8745
|
+
import_material76.Dialog,
|
|
8673
8746
|
{
|
|
8674
8747
|
open,
|
|
8675
8748
|
disableEnforceFocus: true,
|
|
8676
8749
|
maxWidth: "sm",
|
|
8677
8750
|
fullWidth: true,
|
|
8678
8751
|
closeAfterTransition: true,
|
|
8679
|
-
BackdropComponent:
|
|
8752
|
+
BackdropComponent: import_material76.Backdrop,
|
|
8680
8753
|
BackdropProps: { timeout: 500 },
|
|
8681
|
-
children: /* @__PURE__ */ (0,
|
|
8682
|
-
/* @__PURE__ */ (0,
|
|
8683
|
-
/* @__PURE__ */ (0,
|
|
8684
|
-
|
|
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,
|
|
8685
8758
|
{
|
|
8686
8759
|
sx: {
|
|
8687
8760
|
fontWeight: 600
|
|
@@ -8689,23 +8762,23 @@ var TwoButtonDialog = ({
|
|
|
8689
8762
|
children: title
|
|
8690
8763
|
}
|
|
8691
8764
|
) }),
|
|
8692
|
-
/* @__PURE__ */ (0,
|
|
8693
|
-
|
|
8765
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
|
|
8766
|
+
import_material76.Box,
|
|
8694
8767
|
{
|
|
8695
8768
|
className: classes.mt,
|
|
8696
8769
|
sx: {
|
|
8697
8770
|
fontWeight: 600
|
|
8698
8771
|
},
|
|
8699
8772
|
children: [
|
|
8700
|
-
subtitle1 && /* @__PURE__ */ (0,
|
|
8701
|
-
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 })
|
|
8702
8775
|
]
|
|
8703
8776
|
}
|
|
8704
8777
|
)
|
|
8705
8778
|
] }),
|
|
8706
|
-
/* @__PURE__ */ (0,
|
|
8707
|
-
/* @__PURE__ */ (0,
|
|
8708
|
-
/* @__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)(
|
|
8709
8782
|
FilledButton_default,
|
|
8710
8783
|
{
|
|
8711
8784
|
copy: cancelLabel,
|
|
@@ -8718,7 +8791,7 @@ var TwoButtonDialog = ({
|
|
|
8718
8791
|
}
|
|
8719
8792
|
}
|
|
8720
8793
|
),
|
|
8721
|
-
/* @__PURE__ */ (0,
|
|
8794
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
8722
8795
|
FilledButton_default,
|
|
8723
8796
|
{
|
|
8724
8797
|
color: "primary",
|
|
@@ -8727,7 +8800,7 @@ var TwoButtonDialog = ({
|
|
|
8727
8800
|
}
|
|
8728
8801
|
)
|
|
8729
8802
|
] }),
|
|
8730
|
-
/* @__PURE__ */ (0,
|
|
8803
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Loading_default, { isLoading: dialogLoading })
|
|
8731
8804
|
] }) })
|
|
8732
8805
|
}
|
|
8733
8806
|
);
|
|
@@ -8736,29 +8809,29 @@ var TwoButtonDialog_default = TwoButtonDialog;
|
|
|
8736
8809
|
|
|
8737
8810
|
// src/components/UserBust/UserBust.tsx
|
|
8738
8811
|
var import_react42 = require("react");
|
|
8739
|
-
var
|
|
8740
|
-
var
|
|
8741
|
-
var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0,
|
|
8742
|
-
/* @__PURE__ */ (0,
|
|
8743
|
-
|
|
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,
|
|
8744
8817
|
{
|
|
8745
8818
|
src: user.profile_picture,
|
|
8746
8819
|
alt: "user_avatar",
|
|
8747
8820
|
style: { width: avatarProps.width, height: avatarProps.height }
|
|
8748
8821
|
}
|
|
8749
8822
|
),
|
|
8750
|
-
/* @__PURE__ */ (0,
|
|
8751
|
-
/* @__PURE__ */ (0,
|
|
8752
|
-
/* @__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 })
|
|
8753
8826
|
] })
|
|
8754
8827
|
] });
|
|
8755
8828
|
var UserBust_default = (0, import_react42.memo)(UserBust);
|
|
8756
8829
|
|
|
8757
8830
|
// src/components/icons/IconChart.tsx
|
|
8758
|
-
var
|
|
8831
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
8759
8832
|
var SvgIconChart = (props) => {
|
|
8760
8833
|
const { fill } = props;
|
|
8761
|
-
return /* @__PURE__ */ (0,
|
|
8834
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
8762
8835
|
"svg",
|
|
8763
8836
|
{
|
|
8764
8837
|
width: "20",
|
|
@@ -8767,7 +8840,7 @@ var SvgIconChart = (props) => {
|
|
|
8767
8840
|
fill: "none",
|
|
8768
8841
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8769
8842
|
...props,
|
|
8770
|
-
children: /* @__PURE__ */ (0,
|
|
8843
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
8771
8844
|
"path",
|
|
8772
8845
|
{
|
|
8773
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",
|