@selfdecode/sd-component-library 4.0.73-vite4 → 4.0.73-vite6

package/lib/sd-component-library62.js

@@ -1,102 +1,102 @@
-import { j as e } from "./sd-component-library196.js";
-import { r } from "./sd-component-library193.js";
-import { random as B } from "lodash-es";
-import "./sd-component-library199.js";
-import { Box as t } from "./sd-component-library200.js";
-import { BaseDateInput as _ } from "./sd-component-library58.js";
-import { BaseLabel as F } from "./sd-component-library237.js";
-import { FrMaxContainer as R } from "./sd-component-library40.js";
-import { ResponsiveText as k } from "./sd-component-library145.js";
-import G from "./sd-component-library320.js";
-import { ReactComponent as I } from "./sd-component-library186.js";
-const q = (f) => {
+import { j as e } from "./sd-component-library195.js";
+import { useState as x, useRef as E, useMemo as F, useEffect as f } from "react";
+import { random as R } from "lodash-es";
+import "./sd-component-library198.js";
+import { Box as r } from "./sd-component-library199.js";
+import { BaseDateInput as k } from "./sd-component-library58.js";
+import { BaseLabel as G } from "./sd-component-library233.js";
+import { FrMaxContainer as I } from "./sd-component-library40.js";
+import { ResponsiveText as M } from "./sd-component-library145.js";
+import A from "./sd-component-library304.js";
+import { ReactComponent as L } from "./sd-component-library186.js";
+const N = (u) => {
   const {
-    label: c,
-    selectedDate: o,
-    onDateSelect: u,
-    defaultPlaceholder: h,
-    gap: g = ["12px"],
-    width: b = ["180px"],
-    alignCalendar: j = "left",
-    maxDate: y,
-    minDate: C,
-    labelVariant: w = "selectors.secondary",
-    labelMargin: D,
-    errorMessage: s,
-    errorBackground: S,
+    label: i,
+    selectedDate: t,
+    onDateSelect: h,
+    defaultPlaceholder: g,
+    gap: b = ["12px"],
+    width: j = ["180px"],
+    alignCalendar: y = "left",
+    maxDate: C,
+    minDate: w,
+    labelVariant: D = "selectors.secondary",
+    labelMargin: S,
+    errorMessage: a,
+    errorBackground: v,
     onFocus: d
-  } = f, [n, l] = r.useState(!1), E = (a) => {
-    u(a), l(!1);
-  }, [i, m] = r.useState(!1), p = r.useRef(), v = r.useMemo(() => -1 * B(1, 1e5), []), x = () => {
-    var a;
-    (a = p.current) != null && a.contains(document.activeElement) ? m(!0) : m(!1);
+  } = u, [n, s] = x(!1), B = (o) => {
+    h(o), s(!1);
+  }, [l, c] = x(!1), m = E(), _ = F(() => -1 * R(1, 1e5), []), p = () => {
+    var o;
+    (o = m.current) != null && o.contains(document.activeElement) ? c(!0) : c(!1);
   };
-  return r.useEffect(() => (document.addEventListener("focusin", x), () => {
-    document.removeEventListener("focusin", x);
-  }), []), r.useEffect(() => {
-    i || l(!1);
-  }, [i]), /* @__PURE__ */ e.jsx(
-    t,
+  return f(() => (document.addEventListener("focusin", p), () => {
+    document.removeEventListener("focusin", p);
+  }), []), f(() => {
+    l || s(!1);
+  }, [l]), /* @__PURE__ */ e.jsx(
+    r,
     {
-      ref: p,
-      tabIndex: v,
+      ref: m,
+      tabIndex: _,
       sx: {
         outline: "none"
       },
       children: /* @__PURE__ */ e.jsx(
-        _,
+        k,
         {
           "data-test": "primary-date-input",
-          showCalendar: i && n,
-          selectedDate: o,
-          onDateSelect: E,
-          alignCalendar: j,
-          maxDate: y,
-          minDate: C,
-          width: b,
+          showCalendar: l && n,
+          selectedDate: t,
+          onDateSelect: B,
+          alignCalendar: y,
+          maxDate: C,
+          minDate: w,
+          width: j,
           children: /* @__PURE__ */ e.jsxs(
-            t,
+            r,
             {
               sx: {
                 display: "grid",
                 gridTemplateColumns: "1fr",
-                rowGap: g
+                rowGap: b
               },
               children: [
-                c ? /* @__PURE__ */ e.jsx(
-                  F,
+                i ? /* @__PURE__ */ e.jsx(
+                  G,
                   {
                     "data-test": "primary-date-input-label",
-                    variant: `${w}${s ? "Error" : ""}`,
-                    label: c,
+                    variant: `${D}${a ? "Error" : ""}`,
+                    label: i,
                     height: [""],
-                    m: D
+                    m: S
                   }
                 ) : null,
                 /* @__PURE__ */ e.jsx(
-                  t,
+                  r,
                   {
                     "data-test": "primary-date-input-field",
                     onClick: () => {
-                      l(!n), n || d && d();
+                      s(!n), n || d && d();
                     },
                     width: "100%",
                     sx: {
                       cursor: "pointer",
                       width: "max-content",
-                      backgroundColor: S ? "rgba(255, 0, 0, 0.05)" : ""
+                      backgroundColor: v ? "rgba(255, 0, 0, 0.05)" : ""
                     },
-                    children: /* @__PURE__ */ e.jsxs(R, { children: [
+                    children: /* @__PURE__ */ e.jsxs(I, { children: [
                       /* @__PURE__ */ e.jsx(
-                        t,
+                        r,
                         {
                           sx: {
                             paddingY: "14px",
                             borderBottom: "solid 2px",
-                            borderColor: s ? "cl_red" : "cl_lightGrey"
+                            borderColor: a ? "cl_red" : "cl_lightGrey"
                           },
                           children: /* @__PURE__ */ e.jsx(
-                            k,
+                            M,
                             {
                               fontSizeWeight: [
                                 [16, "regular"],
@@ -104,24 +104,24 @@ const q = (f) => {
                               ],
                               textAlign: "left",
                               cursor: "pointer",
-                              color: o ? "cl_darkGrey" : "cl_grey",
-                              children: o ? G(o, "P") : h
+                              color: t ? "cl_darkGrey" : "cl_grey",
+                              children: t ? A(t, "P") : g
                             }
                           )
                         }
                       ),
                       /* @__PURE__ */ e.jsx(
-                        t,
+                        r,
                         {
                           sx: {
                             width: ["10px"],
                             height: ["50px", "52px"],
                             display: "flex",
                             borderBottom: "solid 2px",
-                            borderColor: s ? "cl_red" : "cl_lightGrey"
+                            borderColor: a ? "cl_red" : "cl_lightGrey"
                           },
                           children: /* @__PURE__ */ e.jsx(
-                            I,
+                            L,
                             {
                               style: {
                                 width: "100%",
@@ -143,6 +143,6 @@ const q = (f) => {
   );
 };
 export {
-  q as PrimaryDateInput
+  N as PrimaryDateInput
 };
 //# sourceMappingURL=sd-component-library62.js.map

package/lib/sd-component-library62.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library62.js","sources":["../src/components/inputs/date-inputs/primary-date-input/primary-date-input.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { format } from \"date-fns\";\nimport { random } from \"lodash-es\";\nimport { Box } from \"rebass\";\n\nimport { FrMaxContainer } from \"../../../containers/grid-containers/fr-max-container\";\nimport { ShortDownArrowIcon } from \"../../../icons/short-dropdown-arrow-icon\";\nimport { BaseLabel } from \"../../../labels/base-label\";\nimport { ResponsiveText } from \"../../../texts/responsive-text\";\nimport { BaseDateInput } from \"../base-date-input\";\nimport { PrimaryDateInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryDateInput: React.FC<Props> = (props) => {\n  const {\n    label,\n    selectedDate,\n    onDateSelect,\n    defaultPlaceholder,\n    gap = [\"12px\"],\n    width = [\"180px\"],\n    alignCalendar = \"left\",\n    maxDate,\n    minDate,\n    labelVariant = \"selectors.secondary\",\n    labelMargin,\n    errorMessage,\n    errorBackground,\n    onFocus,\n  } = props;\n\n  const [showCalendar, setShowCalendar] = useState(false);\n\n  const handleDateSelect = (date: Date) => {\n    onDateSelect(date);\n    setShowCalendar(false);\n  };\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const boxRef = useRef<HTMLDivElement>();\n  // Use a random negative tab index to make collisions very unlikely\n  const tabIndex = useMemo(() => -1 * random(1, 100000), []);\n\n  /**\n   * When focus changes on the document, determine if it's inside this component\n   */\n  const onFocusChange = () => {\n    if (boxRef.current?.contains(document.activeElement)) {\n      setHasFocus(true);\n    } else {\n      setHasFocus(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"focusin\", onFocusChange);\n    return () => {\n      document.removeEventListener(\"focusin\", onFocusChange);\n    };\n  }, []);\n\n  // Hide calendar if focus is lost\n  useEffect(() => {\n    if (!hasFocus) setShowCalendar(false);\n  }, [hasFocus]);\n\n  return (\n    <Box\n      ref={boxRef}\n      tabIndex={tabIndex}\n      sx={{\n        outline: \"none\",\n      }}\n    >\n      <BaseDateInput\n        data-test=\"primary-date-input\"\n        showCalendar={hasFocus && showCalendar}\n        selectedDate={selectedDate}\n        onDateSelect={handleDateSelect}\n        alignCalendar={alignCalendar}\n        maxDate={maxDate}\n        minDate={minDate}\n        width={width}\n      >\n        <Box\n          sx={{\n            display: \"grid\",\n            gridTemplateColumns: \"1fr\",\n            rowGap: gap,\n          }}\n        >\n          {label ? (\n            <BaseLabel\n              data-test=\"primary-date-input-label\"\n              variant={`${labelVariant}${errorMessage ? \"Error\" : \"\"}`}\n              label={label}\n              height={[\"\"]}\n              m={labelMargin}\n            />\n          ) : null}\n          <Box\n            data-test=\"primary-date-input-field\"\n            onClick={() => {\n              setShowCalendar(!showCalendar);\n              if (!showCalendar) {\n                !!onFocus && onFocus();\n              }\n            }}\n            width=\"100%\"\n            sx={{\n              cursor: \"pointer\",\n              width: \"max-content\",\n              backgroundColor: errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\",\n            }}\n          >\n            <FrMaxContainer>\n              <Box\n                sx={{\n                  paddingY: \"14px\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ResponsiveText\n                  fontSizeWeight={[\n                    [16, \"regular\"],\n                    [18, \"regular\"],\n                  ]}\n                  textAlign=\"left\"\n                  cursor=\"pointer\"\n                  color={selectedDate ? \"cl_darkGrey\" : \"cl_grey\"}\n                >\n                  {selectedDate\n                    ? format(selectedDate, \"P\")\n                    : defaultPlaceholder}\n                </ResponsiveText>\n              </Box>\n              <Box\n                sx={{\n                  width: [\"10px\"],\n                  height: [\"50px\", \"52px\"],\n                  display: \"flex\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ShortDownArrowIcon\n                  style={{\n                    width: \"100%\",\n                    fill: \"#434A54\",\n                  }}\n                />\n              </Box>\n            </FrMaxContainer>\n          </Box>\n        </Box>\n      </BaseDateInput>\n    </Box>\n  );\n};\n"],"names":["PrimaryDateInput","props","label","selectedDate","onDateSelect","defaultPlaceholder","gap","width","alignCalendar","maxDate","minDate","labelVariant","labelMargin","errorMessage","errorBackground","onFocus","showCalendar","setShowCalendar","useState","handleDateSelect","date","hasFocus","setHasFocus","boxRef","useRef","tabIndex","useMemo","random","onFocusChange","_a","useEffect","jsx","Box","BaseDateInput","jsxs","BaseLabel","FrMaxContainer","ResponsiveText","format","ShortDownArrowIcon"],"mappings":"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"}
+{"version":3,"file":"sd-component-library62.js","sources":["../src/components/inputs/date-inputs/primary-date-input/primary-date-input.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { format } from \"date-fns\";\nimport { random } from \"lodash-es\";\nimport { Box } from \"rebass\";\n\nimport { FrMaxContainer } from \"../../../containers/grid-containers/fr-max-container\";\nimport { ShortDownArrowIcon } from \"../../../icons/short-dropdown-arrow-icon\";\nimport { BaseLabel } from \"../../../labels/base-label\";\nimport { ResponsiveText } from \"../../../texts/responsive-text\";\nimport { BaseDateInput } from \"../base-date-input\";\nimport { PrimaryDateInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryDateInput: React.FC<Props> = (props) => {\n  const {\n    label,\n    selectedDate,\n    onDateSelect,\n    defaultPlaceholder,\n    gap = [\"12px\"],\n    width = [\"180px\"],\n    alignCalendar = \"left\",\n    maxDate,\n    minDate,\n    labelVariant = \"selectors.secondary\",\n    labelMargin,\n    errorMessage,\n    errorBackground,\n    onFocus,\n  } = props;\n\n  const [showCalendar, setShowCalendar] = useState(false);\n\n  const handleDateSelect = (date: Date) => {\n    onDateSelect(date);\n    setShowCalendar(false);\n  };\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const boxRef = useRef<HTMLDivElement>();\n  // Use a random negative tab index to make collisions very unlikely\n  const tabIndex = useMemo(() => -1 * random(1, 100000), []);\n\n  /**\n   * When focus changes on the document, determine if it's inside this component\n   */\n  const onFocusChange = () => {\n    if (boxRef.current?.contains(document.activeElement)) {\n      setHasFocus(true);\n    } else {\n      setHasFocus(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"focusin\", onFocusChange);\n    return () => {\n      document.removeEventListener(\"focusin\", onFocusChange);\n    };\n  }, []);\n\n  // Hide calendar if focus is lost\n  useEffect(() => {\n    if (!hasFocus) setShowCalendar(false);\n  }, [hasFocus]);\n\n  return (\n    <Box\n      ref={boxRef}\n      tabIndex={tabIndex}\n      sx={{\n        outline: \"none\",\n      }}\n    >\n      <BaseDateInput\n        data-test=\"primary-date-input\"\n        showCalendar={hasFocus && showCalendar}\n        selectedDate={selectedDate}\n        onDateSelect={handleDateSelect}\n        alignCalendar={alignCalendar}\n        maxDate={maxDate}\n        minDate={minDate}\n        width={width}\n      >\n        <Box\n          sx={{\n            display: \"grid\",\n            gridTemplateColumns: \"1fr\",\n            rowGap: gap,\n          }}\n        >\n          {label ? (\n            <BaseLabel\n              data-test=\"primary-date-input-label\"\n              variant={`${labelVariant}${errorMessage ? \"Error\" : \"\"}`}\n              label={label}\n              height={[\"\"]}\n              m={labelMargin}\n            />\n          ) : null}\n          <Box\n            data-test=\"primary-date-input-field\"\n            onClick={() => {\n              setShowCalendar(!showCalendar);\n              if (!showCalendar) {\n                !!onFocus && onFocus();\n              }\n            }}\n            width=\"100%\"\n            sx={{\n              cursor: \"pointer\",\n              width: \"max-content\",\n              backgroundColor: errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\",\n            }}\n          >\n            <FrMaxContainer>\n              <Box\n                sx={{\n                  paddingY: \"14px\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ResponsiveText\n                  fontSizeWeight={[\n                    [16, \"regular\"],\n                    [18, \"regular\"],\n                  ]}\n                  textAlign=\"left\"\n                  cursor=\"pointer\"\n                  color={selectedDate ? \"cl_darkGrey\" : \"cl_grey\"}\n                >\n                  {selectedDate\n                    ? format(selectedDate, \"P\")\n                    : defaultPlaceholder}\n                </ResponsiveText>\n              </Box>\n              <Box\n                sx={{\n                  width: [\"10px\"],\n                  height: [\"50px\", \"52px\"],\n                  display: \"flex\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ShortDownArrowIcon\n                  style={{\n                    width: \"100%\",\n                    fill: \"#434A54\",\n                  }}\n                />\n              </Box>\n            </FrMaxContainer>\n          </Box>\n        </Box>\n      </BaseDateInput>\n    </Box>\n  );\n};\n"],"names":["PrimaryDateInput","props","label","selectedDate","onDateSelect","defaultPlaceholder","gap","width","alignCalendar","maxDate","minDate","labelVariant","labelMargin","errorMessage","errorBackground","onFocus","showCalendar","setShowCalendar","useState","handleDateSelect","date","hasFocus","setHasFocus","boxRef","useRef","tabIndex","useMemo","random","onFocusChange","_a","useEffect","jsx","Box","BaseDateInput","jsxs","BaseLabel","FrMaxContainer","ResponsiveText","format","ShortDownArrowIcon"],"mappings":"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"}