@selfdecode/sd-component-library 4.0.73-vite1 → 4.0.73-vite11

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library615.js","sources":["../node_modules/date-fns/esm/subWeeks/index.js"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport addWeeks from \"../addWeeks/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of weeks to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the weeks subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport default function subWeeks(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addWeeks(dirtyDate, -amount);\n}"],"names":["subWeeks","dirtyDate","dirtyAmount","requiredArgs","amount","toInteger","addWeeks"],"mappings":";;;AAqBe,SAASA,EAASC,GAAWC,GAAa;AACvD,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAASC,EAAUH,CAAW;AAClC,SAAOI,EAASL,GAAW,CAACG,CAAM;AACpC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library615.js","sources":["../node_modules/date-fns/esm/_lib/requiredArgs/index.js"],"sourcesContent":["export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}"],"names":["requiredArgs","required","args"],"mappings":"AAAe,SAASA,EAAaC,GAAUC,GAAM;AACnD,MAAIA,EAAK,SAASD;AAChB,UAAM,IAAI,UAAUA,IAAW,eAAeA,IAAW,IAAI,MAAM,MAAM,yBAAyBC,EAAK,SAAS,UAAU;AAE9H;","x_google_ignoreList":[0]}

package/lib/sd-component-library616.js

@@ -1,12 +1,10 @@
-import o from "./sd-component-library641.js";
-import a from "./sd-component-library392.js";
-import m from "./sd-component-library640.js";
-function f(r, t) {
-  m(2, arguments);
-  var e = o(t);
-  return a(r, -e);
+function n(a) {
+  if (a === null || a === !0 || a === !1)
+    return NaN;
+  var e = Number(a);
+  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
 }
 export {
-  f as default
+  n as default
 };
 //# sourceMappingURL=sd-component-library616.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library616.js","sources":["../node_modules/date-fns/esm/subYears/index.js"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport addYears from \"../addYears/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name subYears\n * @category Year Helpers\n * @summary Subtract the specified number of years from the given date.\n *\n * @description\n * Subtract the specified number of years from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of years to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the years subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 5 years from 1 September 2014:\n * const result = subYears(new Date(2014, 8, 1), 5)\n * //=> Tue Sep 01 2009 00:00:00\n */\nexport default function subYears(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addYears(dirtyDate, -amount);\n}"],"names":["subYears","dirtyDate","dirtyAmount","requiredArgs","amount","toInteger","addYears"],"mappings":";;;AAqBe,SAASA,EAASC,GAAWC,GAAa;AACvD,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAASC,EAAUH,CAAW;AAClC,SAAOI,EAASL,GAAW,CAACG,CAAM;AACpC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library616.js","sources":["../node_modules/date-fns/esm/_lib/toInteger/index.js"],"sourcesContent":["export default function toInteger(dirtyNumber) {\n  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {\n    return NaN;\n  }\n  var number = Number(dirtyNumber);\n  if (isNaN(number)) {\n    return number;\n  }\n  return number < 0 ? Math.ceil(number) : Math.floor(number);\n}"],"names":["toInteger","dirtyNumber","number"],"mappings":"AAAe,SAASA,EAAUC,GAAa;AAC7C,MAAIA,MAAgB,QAAQA,MAAgB,MAAQA,MAAgB;AAClE,WAAO;AAET,MAAIC,IAAS,OAAOD,CAAW;AAC/B,SAAI,MAAMC,CAAM,IACPA,IAEFA,IAAS,IAAI,KAAK,KAAKA,CAAM,IAAI,KAAK,MAAMA,CAAM;AAC3D;","x_google_ignoreList":[0]}

package/lib/sd-component-library617.js

@@ -1,11 +1,8 @@
-import r from "./sd-component-library346.js";
-import o from "./sd-component-library640.js";
-function a(e) {
-  o(1, arguments);
-  var t = Object.prototype.toString.call(e);
-  return e instanceof Date || r(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
+function g(e) {
+  var t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()));
+  return t.setUTCFullYear(e.getFullYear()), e.getTime() - t.getTime();
 }
 export {
-  a as default
+  g as default
 };
 //# sourceMappingURL=sd-component-library617.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library617.js","sources":["../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":["toDate","argument","requiredArgs","argStr","_typeof"],"mappings":";;AAgCe,SAASA,EAAOC,GAAU;AACvC,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAS,OAAO,UAAU,SAAS,KAAKF,CAAQ;AAGpD,SAAIA,aAAoB,QAAQG,EAAQH,CAAQ,MAAM,YAAYE,MAAW,kBAEpE,IAAI,KAAKF,EAAS,QAAS,CAAA,IACzB,OAAOA,KAAa,YAAYE,MAAW,oBAC7C,IAAI,KAAKF,CAAQ,MAEnB,OAAOA,KAAa,YAAYE,MAAW,sBAAsB,OAAO,UAAY,QAEvF,QAAQ,KAAK,oNAAoN,GAEjO,QAAQ,KAAK,IAAI,MAAO,EAAC,KAAK,IAEzB,oBAAI,KAAK,GAAG;AAEvB;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library617.js","sources":["../node_modules/date-fns/esm/_lib/getTimezoneOffsetInMilliseconds/index.js"],"sourcesContent":["/**\n * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.\n * They usually appear for dates that denote time before the timezones were introduced\n * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891\n * and GMT+01:00:00 after that date)\n *\n * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,\n * which would lead to incorrect calculations.\n *\n * This function returns the timezone offset in milliseconds that takes seconds in account.\n */\nexport default function getTimezoneOffsetInMilliseconds(date) {\n  var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));\n  utcDate.setUTCFullYear(date.getFullYear());\n  return date.getTime() - utcDate.getTime();\n}"],"names":["getTimezoneOffsetInMilliseconds","date","utcDate"],"mappings":"AAWe,SAASA,EAAgCC,GAAM;AAC5D,MAAIC,IAAU,IAAI,KAAK,KAAK,IAAID,EAAK,eAAeA,EAAK,SAAQ,GAAIA,EAAK,WAAWA,EAAK,SAAQ,GAAIA,EAAK,WAAY,GAAEA,EAAK,cAAcA,EAAK,gBAAe,CAAE,CAAC;AACnK,SAAAC,EAAQ,eAAeD,EAAK,YAAa,CAAA,GAClCA,EAAK,QAAO,IAAKC,EAAQ,QAAO;AACzC;","x_google_ignoreList":[0]}

package/lib/sd-component-library618.js

@@ -1,9 +1,16 @@
-import e from "./sd-component-library640.js";
-import { daysInWeek as o } from "./sd-component-library621.js";
-function s(r) {
-  return e(1, arguments), Math.floor(r * o);
+var t = {
+  ceil: Math.ceil,
+  round: Math.round,
+  floor: Math.floor,
+  trunc: function(r) {
+    return r < 0 ? Math.ceil(r) : Math.floor(r);
+  }
+  // Math.trunc is not supported by IE
+}, o = "trunc";
+function u(n) {
+  return n ? t[n] : t[o];
 }
 export {
-  s as default
+  u as getRoundingMethod
 };
 //# sourceMappingURL=sd-component-library618.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library618.js","sources":["../node_modules/date-fns/esm/weeksToDays/index.js"],"sourcesContent":["import requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { daysInWeek } from \"../constants/index.js\";\n/**\n * @name weeksToDays\n * @category Conversion Helpers\n * @summary Convert weeks to days.\n *\n * @description\n * Convert a number of weeks to a full number of days.\n *\n * @param {number} weeks - number of weeks to be converted\n *\n * @returns {number} the number of weeks converted in days\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Convert 2 weeks into days\n * const result = weeksToDays(2)\n * //=> 14\n */\nexport default function weeksToDays(weeks) {\n  requiredArgs(1, arguments);\n  return Math.floor(weeks * daysInWeek);\n}"],"names":["weeksToDays","weeks","requiredArgs","daysInWeek"],"mappings":";;AAoBe,SAASA,EAAYC,GAAO;AACzC,SAAAC,EAAa,GAAG,SAAS,GAClB,KAAK,MAAMD,IAAQE,CAAU;AACtC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library618.js","sources":["../node_modules/date-fns/esm/_lib/roundingMethods/index.js"],"sourcesContent":["var roundingMap = {\n  ceil: Math.ceil,\n  round: Math.round,\n  floor: Math.floor,\n  trunc: function trunc(value) {\n    return value < 0 ? Math.ceil(value) : Math.floor(value);\n  } // Math.trunc is not supported by IE\n};\n\nvar defaultRoundingMethod = 'trunc';\nexport function getRoundingMethod(method) {\n  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];\n}"],"names":["roundingMap","value","defaultRoundingMethod","getRoundingMethod","method"],"mappings":"AAAA,IAAIA,IAAc;AAAA,EAChB,MAAM,KAAK;AAAA,EACX,OAAO,KAAK;AAAA,EACZ,OAAO,KAAK;AAAA,EACZ,OAAO,SAAeC,GAAO;AAC3B,WAAOA,IAAQ,IAAI,KAAK,KAAKA,CAAK,IAAI,KAAK,MAAMA,CAAK;AAAA,EACvD;AAAA;AACH,GAEIC,IAAwB;AACrB,SAASC,EAAkBC,GAAQ;AACxC,SAAOA,IAASJ,EAAYI,CAAM,IAAIJ,EAAYE,CAAqB;AACzE;","x_google_ignoreList":[0]}

package/lib/sd-component-library619.js

@@ -1,9 +1,12 @@
-import o from "./sd-component-library640.js";
-import { monthsInYear as t } from "./sd-component-library621.js";
-function a(r) {
-  return o(1, arguments), Math.floor(r * t);
+var t = {};
+function e() {
+  return t;
+}
+function o(n) {
+  t = n;
 }
 export {
-  a as default
+  e as getDefaultOptions,
+  o as setDefaultOptions
 };
 //# sourceMappingURL=sd-component-library619.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library619.js","sources":["../node_modules/date-fns/esm/yearsToMonths/index.js"],"sourcesContent":["import requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { monthsInYear } from \"../constants/index.js\";\n/**\n * @name yearsToMonths\n * @category Conversion Helpers\n * @summary Convert years to months.\n *\n * @description\n * Convert a number of years to a full number of months.\n *\n * @param {number} years - number of years to be converted\n *\n * @returns {number} the number of years converted in months\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Convert 2 years into months\n * const result = yearsToMonths(2)\n * //=> 24\n */\nexport default function yearsToMonths(years) {\n  requiredArgs(1, arguments);\n  return Math.floor(years * monthsInYear);\n}"],"names":["yearsToMonths","years","requiredArgs","monthsInYear"],"mappings":";;AAoBe,SAASA,EAAcC,GAAO;AAC3C,SAAAC,EAAa,GAAG,SAAS,GAClB,KAAK,MAAMD,IAAQE,CAAY;AACxC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library619.js","sources":["../node_modules/date-fns/esm/_lib/defaultOptions/index.js"],"sourcesContent":["var defaultOptions = {};\nexport function getDefaultOptions() {\n  return defaultOptions;\n}\nexport function setDefaultOptions(newOptions) {\n  defaultOptions = newOptions;\n}"],"names":["defaultOptions","getDefaultOptions","setDefaultOptions","newOptions"],"mappings":"AAAA,IAAIA,IAAiB,CAAA;AACd,SAASC,IAAoB;AAClC,SAAOD;AACT;AACO,SAASE,EAAkBC,GAAY;AAC5C,EAAAH,IAAiBG;AACnB;","x_google_ignoreList":[0]}

package/lib/sd-component-library62.js

@@ -1,15 +1,14 @@
 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 { useState as x, useRef as _, useMemo as F, useEffect as f } from "react";
 import { random as R } from "lodash-es";
-import "./sd-component-library196.js";
-import { Box as r } from "./sd-component-library197.js";
+import { Box as r } from "rebass";
 import { BaseDateInput as k } from "./sd-component-library58.js";
-import { BaseLabel as G } from "./sd-component-library234.js";
+import { BaseLabel as G } from "./sd-component-library228.js";
 import { FrMaxContainer as I } from "./sd-component-library40.js";
 import { ResponsiveText as M } from "./sd-component-library145.js";
-import A from "./sd-component-library313.js";
+import A from "./sd-component-library294.js";
 import { ReactComponent as L } from "./sd-component-library186.js";
-const N = (u) => {
+const K = (u) => {
   const {
     label: i,
     selectedDate: t,
@@ -27,7 +26,7 @@ const N = (u) => {
     onFocus: d
   } = u, [n, s] = x(!1), B = (o) => {
     h(o), s(!1);
-  }, [l, c] = x(!1), m = E(), _ = F(() => -1 * R(1, 1e5), []), p = () => {
+  }, [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);
   };
@@ -39,7 +38,7 @@ const N = (u) => {
     r,
     {
       ref: m,
-      tabIndex: _,
+      tabIndex: E,
       sx: {
         outline: "none"
       },
@@ -143,6 +142,6 @@ const N = (u) => {
   );
 };
 export {
-  N as PrimaryDateInput
+  K 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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"}