@razorpay/blade 11.18.2 → 11.19.0

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js

@@ -0,0 +1,86 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { QuickSelectionItem } from './QuickSelectionItem.web.js';
+import '../../Box/index.js';
+import '../../../utils/index.js';
+import '../../Chip/index.js';
+import '../../Divider/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../../utils/makeAccessible/index.js';
+import '../../../tokens/global/index.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Box } from '../../Box/Box.js';
+import { Divider } from '../../Divider/Divider.js';
+import { ChipGroup } from '../../Chip/ChipGroup.js';
+import { Chip } from '../../Chip/Chip.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import { size } from '../../../tokens/global/size.js';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var isSamePreset = function isSamePreset(value1, value2) {
+  if (!(value1 !== null && value1 !== void 0 && value1[0]) || !(value1 !== null && value1 !== void 0 && value1[1])) return false;
+  if (!(value2 !== null && value2 !== void 0 && value2[0]) || !(value2 !== null && value2 !== void 0 && value2[1])) return false;
+  return value1[0].toDateString() === value2[0].toDateString() && value1[1].toDateString() === value2[1].toDateString();
+};
+var PresetSideBar = function PresetSideBar(_ref) {
+  var date = _ref.date,
+    presets = _ref.presets,
+    selectedPreset = _ref.selectedPreset,
+    onSelection = _ref.onSelection,
+    isMobile = _ref.isMobile;
+  if (!presets) return /*#__PURE__*/jsx(Fragment, {});
+  if (isMobile) {
+    return /*#__PURE__*/jsxs(Box, {
+      children: [/*#__PURE__*/jsx(Divider, {
+        marginTop: "spacing.4"
+      }), /*#__PURE__*/jsx(ChipGroup, {
+        marginTop: "spacing.7",
+        size: "small",
+        selectionType: "single",
+        accessibilityLabel: "Select Presets",
+        onChange: function onChange(_ref2) {
+          var values = _ref2.values;
+          onSelection(presets.find(function (preset) {
+            return preset.label === values[0];
+          }).value);
+        },
+        children: presets.map(function (preset, index) {
+          return /*#__PURE__*/jsx(Chip, {
+            value: preset.label,
+            children: preset.label
+          }, index);
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+    padding: "spacing.5",
+    display: "flex",
+    flexDirection: "column",
+    gap: "spacing.2",
+    backgroundColor: "surface.background.gray.moderate",
+    minWidth: makeSpace(size[160]),
+    borderRightColor: "surface.border.gray.muted",
+    borderRightStyle: "solid",
+    borderRightWidth: "thin"
+  }, makeAccessible({
+    role: 'listbox',
+    label: 'Select Presets'
+  })), {}, {
+    children: presets.map(function (preset, index) {
+      var isSelected = isSamePreset(selectedPreset, preset.value(date));
+      return /*#__PURE__*/jsx(QuickSelectionItem, {
+        isSelected: isSelected,
+        onClick: function onClick() {
+          return onSelection(preset.value);
+        },
+        children: preset.label
+      }, index);
+    })
+  }));
+};
+
+export { PresetSideBar };
+//# sourceMappingURL=PresetSideBar.web.js.map

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { CalendarProps, DatesRangeValue } from '../types';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport { makeSpace } from '~utils';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\n\nconst isSamePreset = (value1: DatesRangeValue | null, value2: DatesRangeValue | null): boolean => {\n  if (!value1?.[0] || !value1?.[1]) return false;\n  if (!value2?.[0] || !value2?.[1]) return false;\n\n  return (\n    value1[0].toDateString() === value2[0].toDateString() &&\n    value1[1].toDateString() === value2[1].toDateString()\n  );\n};\n\ntype PresetSideBarProps = {\n  isMobile?: boolean;\n  date: Date;\n  presets: CalendarProps<'single'>['presets'];\n  onSelection: (value: (date: Date) => DatesRangeValue) => void;\n  selectedPreset: DatesRangeValue | null;\n};\n\nconst PresetSideBar = ({\n  date,\n  presets,\n  selectedPreset,\n  onSelection,\n  isMobile,\n}: PresetSideBarProps): React.ReactElement => {\n  if (!presets) return <></>;\n\n  if (isMobile) {\n    return (\n      <Box>\n        <Divider marginTop=\"spacing.4\" />\n        <ChipGroup\n          marginTop=\"spacing.7\"\n          size=\"small\"\n          selectionType=\"single\"\n          accessibilityLabel=\"Select Presets\"\n          onChange={({ values }) => {\n            onSelection(presets.find((preset) => preset.label === values[0])!.value);\n          }}\n        >\n          {presets.map((preset, index) => {\n            return (\n              <Chip value={preset.label} key={index}>\n                {preset.label}\n              </Chip>\n            );\n          })}\n        </ChipGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <BaseBox\n      padding=\"spacing.5\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.2\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      minWidth={makeSpace(size[160])}\n      borderRightColor=\"surface.border.gray.muted\"\n      borderRightStyle=\"solid\"\n      borderRightWidth=\"thin\"\n      {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n    >\n      {presets.map((preset, index) => {\n        const isSelected = isSamePreset(selectedPreset, preset.value(date));\n        return (\n          <QuickSelectionItem\n            key={index}\n            isSelected={isSelected}\n            onClick={() => onSelection(preset.value)}\n          >\n            {preset.label}\n          </QuickSelectionItem>\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { PresetSideBar };\n"],"names":["isSamePreset","value1","value2","toDateString","PresetSideBar","_ref","date","presets","selectedPreset","onSelection","isMobile","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","find","preset","label","value","map","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","isSelected","QuickSelectionItem","onClick"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js

@@ -0,0 +1,43 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { StyledActionListItem } from '../../ActionList/styles/StyledActionListItem.web.js';
+import '../../Typography/index.js';
+import '../../../utils/index.js';
+import '../../../utils/makeAccessible/index.js';
+import { useIsMobile } from '../../../utils/useIsMobile.js';
+import { jsx } from 'react/jsx-runtime';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickSelectionItem = function QuickSelectionItem(_ref) {
+  var children = _ref.children,
+    onClick = _ref.onClick,
+    isSelected = _ref.isSelected;
+  var isMobile = useIsMobile();
+  return /*#__PURE__*/jsx(StyledActionListItem, _objectSpread(_objectSpread({
+    as: !isReactNative() ? 'button' : undefined,
+    selectionType: "single",
+    hasDescription: true,
+    isMobile: isMobile,
+    isKeydownPressed: false,
+    isSelected: isSelected,
+    onClick: onClick,
+    isVisible: true
+  }, makeAccessible({
+    selected: isSelected,
+    current: true,
+    role: 'option'
+  })), {}, {
+    children: /*#__PURE__*/jsx(Text, {
+      size: "small",
+      weight: "medium",
+      color: "interactive.text.gray.normal",
+      children: children
+    })
+  }));
+};
+
+export { QuickSelectionItem };
+//# sourceMappingURL=QuickSelectionItem.web.js.map

package/build/lib/web/development/components/DatePicker/QuickSelection/QuickSelectionItem.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickSelectionItem.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/QuickSelectionItem.web.tsx"],"sourcesContent":["import { StyledActionListItem } from '~components/ActionList/styles/StyledActionListItem';\nimport { Text } from '~components/Typography';\nimport { isReactNative } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\ntype QuickSelectionItemProps = {\n  children: React.ReactNode;\n  isSelected: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\nconst QuickSelectionItem = ({\n  children,\n  onClick,\n  isSelected,\n}: QuickSelectionItemProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  return (\n    <StyledActionListItem\n      as={!isReactNative() ? 'button' : undefined}\n      selectionType=\"single\"\n      hasDescription={true}\n      isMobile={isMobile}\n      isKeydownPressed={false}\n      isSelected={isSelected}\n      onClick={onClick}\n      isVisible\n      {...makeAccessible({\n        selected: isSelected,\n        current: true,\n        role: 'option',\n      })}\n    >\n      <Text size=\"small\" weight=\"medium\" color=\"interactive.text.gray.normal\">\n        {children}\n      </Text>\n    </StyledActionListItem>\n  );\n};\n\nexport { QuickSelectionItem };\n"],"names":["QuickSelectionItem","_ref","children","onClick","isSelected","isMobile","useIsMobile","_jsx","StyledActionListItem","_objectSpread","as","isReactNative","undefined","selectionType","hasDescription","isKeydownPressed","isVisible","makeAccessible","selected","current","role","Text","size","weight","color"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI2B;AAAA,EAAA,IAHjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;AAEV,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,oBACEC,GAAA,CAACC,oBAAoB,EAAAC,aAAA,CAAAA,aAAA,CAAA;IACnBC,EAAE,EAAE,CAACC,aAAa,EAAE,GAAG,QAAQ,GAAGC,SAAU;AAC5CC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,cAAc,EAAE,IAAK;AACrBT,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,gBAAgB,EAAE,KAAM;AACxBX,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,OAAO,EAAEA,OAAQ;IACjBa,SAAS,EAAA,IAAA;AAAA,GAAA,EACLC,cAAc,CAAC;AACjBC,IAAAA,QAAQ,EAAEd,UAAU;AACpBe,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,IAAI,EAAE,QAAA;AACR,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAlB,QAAA,eAEFK,GAAA,CAACc,IAAI,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,8BAA8B;AAAAtB,MAAAA,QAAA,EACpEA,QAAAA;KACG,CAAA;AAAC,GAAA,CACa,CAAC,CAAA;AAE3B;;;;"}

package/build/lib/web/development/components/DatePicker/constants.js

@@ -0,0 +1,22 @@
+var classes = {
+  levelsGroup: 'DatePicker-levelsGroup',
+  dayCell: 'DatePicker-cell',
+  monthsListControl: 'DatePicker-cell',
+  yearsListControl: 'DatePicker-cell',
+  calendarHeader: 'DatePicker-header',
+  row: 'DatePicker-row',
+  weekday: 'DatePicker-weekday'
+};
+var pickerToLevel = {
+  day: 'month',
+  month: 'year',
+  year: 'decade'
+};
+var levelToPicker = {
+  month: 'day',
+  year: 'month',
+  decade: 'year'
+};
+
+export { classes, levelToPicker, pickerToLevel };
+//# sourceMappingURL=constants.js.map

package/build/lib/web/development/components/DatePicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/DatePicker/constants.ts"],"sourcesContent":["const classes = {\n  levelsGroup: 'DatePicker-levelsGroup',\n  dayCell: 'DatePicker-cell',\n  monthsListControl: 'DatePicker-cell',\n  yearsListControl: 'DatePicker-cell',\n  calendarHeader: 'DatePicker-header',\n  row: 'DatePicker-row',\n  weekday: 'DatePicker-weekday',\n} as const;\n\nconst pickerToLevel = {\n  day: 'month',\n  month: 'year',\n  year: 'decade',\n} as const;\n\nconst levelToPicker = {\n  month: 'day',\n  year: 'month',\n  decade: 'year',\n} as const;\n\nexport { levelToPicker, pickerToLevel, classes };\n"],"names":["classes","levelsGroup","dayCell","monthsListControl","yearsListControl","calendarHeader","row","weekday","pickerToLevel","day","month","year","levelToPicker","decade"],"mappings":"AAAA,IAAMA,OAAO,GAAG;AACdC,EAAAA,WAAW,EAAE,wBAAwB;AACrCC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,iBAAiB,EAAE,iBAAiB;AACpCC,EAAAA,gBAAgB,EAAE,iBAAiB;AACnCC,EAAAA,cAAc,EAAE,mBAAmB;AACnCC,EAAAA,GAAG,EAAE,gBAAgB;AACrBC,EAAAA,OAAO,EAAE,oBAAA;AACX,EAAU;AAEV,IAAMC,aAAa,GAAG;AACpBC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,IAAI,EAAE,QAAA;AACR,EAAU;AAEV,IAAMC,aAAa,GAAG;AACpBF,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,IAAI,EAAE,OAAO;AACbE,EAAAA,MAAM,EAAE,MAAA;AACV;;;;"}

package/build/lib/web/development/components/DatePicker/index.js

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/components/DatePicker/useControlledDates.js

@@ -0,0 +1,75 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef } from 'react';
+import { useUncontrolled } from '@mantine/hooks';
+import { useDatesContext, shiftTimezone } from '@mantine/dates';
+import '../../utils/logger/index.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+
+var getEmptyValue = function getEmptyValue(type) {
+  return type === 'range' ? [null, null] : type === 'multiple' ? [] : null;
+};
+function useUncontrolledDates(_ref) {
+  var type = _ref.type,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange,
+    _ref$applyTimezone = _ref.applyTimezone,
+    applyTimezone = _ref$applyTimezone === void 0 ? true : _ref$applyTimezone;
+  var storedType = useRef(type);
+  var ctx = useDatesContext();
+  var _useUncontrolled = useUncontrolled({
+      value: shiftTimezone('add', value, ctx.getTimezone(), !applyTimezone),
+      defaultValue: shiftTimezone('add', defaultValue, ctx.getTimezone(), !applyTimezone),
+      finalValue: getEmptyValue(type),
+      onChange: function onChange(newDate) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(shiftTimezone('remove', newDate, ctx.getTimezone(), !applyTimezone));
+      }
+    }),
+    _useUncontrolled2 = _slicedToArray(_useUncontrolled, 3),
+    _value = _useUncontrolled2[0],
+    _setValue = _useUncontrolled2[1],
+    controlled = _useUncontrolled2[2];
+  var _finalValue = _value;
+  if (storedType.current !== type) {
+    // Type has changed. Do some checks or resets
+
+    storedType.current = type;
+    if (value === undefined) {
+      // Reset uncontrolled value as types aren't compatible
+      _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);
+      _setValue(_finalValue);
+    } else if (true) {
+      // Throw errors in dev mode in case type of value isn't correct
+      switch (type) {
+        case 'default':
+          if (value !== null && typeof value !== 'string') {
+            throwBladeError({
+              message: 'Value must be type of `null` or `string`',
+              moduleName: 'useControlledDates'
+            });
+          }
+          break;
+        case 'multiple':
+          if (!(value instanceof Array)) {
+            throwBladeError({
+              message: 'Value must be type of `string[]`',
+              moduleName: 'useControlledDates'
+            });
+          }
+          break;
+        case 'range':
+          if (!(value instanceof Array) || value.length !== 2) {
+            throwBladeError({
+              message: 'Value must be type of `[string, string]`',
+              moduleName: 'useControlledDates'
+            });
+          }
+          break;
+      }
+    }
+  }
+  return [_finalValue, _setValue, controlled];
+}
+
+export { useUncontrolledDates };
+//# sourceMappingURL=useControlledDates.js.map

package/build/lib/web/development/components/DatePicker/useControlledDates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledDates.js","sources":["../../../../../../src/components/DatePicker/useControlledDates.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable default-case */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport { shiftTimezone, useDatesContext } from '@mantine/dates';\nimport { throwBladeError } from '~utils/logger';\n\ninterface UseUncontrolledDates<Type extends DatePickerType = 'default'> {\n  type: Type;\n  value: DatePickerValue<Type> | undefined;\n  defaultValue: DatePickerValue<Type> | undefined;\n  onChange: ((value: DatePickerValue<Type>) => void) | undefined;\n  applyTimezone?: boolean;\n}\n\nconst getEmptyValue = <Type extends DatePickerType = 'default'>(type: Type) =>\n  type === 'range' ? [null, null] : type === 'multiple' ? [] : null;\n\nfunction useUncontrolledDates<Type extends DatePickerType = 'default'>({\n  type,\n  value,\n  defaultValue,\n  onChange,\n  applyTimezone = true,\n}: UseUncontrolledDates<Type>) {\n  const storedType = useRef<Type>(type);\n  const ctx = useDatesContext();\n  const [_value, _setValue, controlled] = useUncontrolled<any>({\n    value: shiftTimezone('add', value, ctx.getTimezone(), !applyTimezone),\n    defaultValue: shiftTimezone('add', defaultValue, ctx.getTimezone(), !applyTimezone),\n    finalValue: getEmptyValue(type),\n    onChange: (newDate) => {\n      onChange?.(shiftTimezone('remove', newDate, ctx.getTimezone(), !applyTimezone));\n    },\n  });\n\n  let _finalValue = _value;\n\n  if (storedType.current !== type) {\n    // Type has changed. Do some checks or resets\n\n    storedType.current = type;\n    if (value === undefined) {\n      // Reset uncontrolled value as types aren't compatible\n      _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);\n      _setValue(_finalValue);\n    } else if (__DEV__) {\n      // Throw errors in dev mode in case type of value isn't correct\n      switch (type) {\n        case 'default':\n          if (value !== null && typeof value !== 'string') {\n            throwBladeError({\n              message: 'Value must be type of `null` or `string`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'multiple':\n          if (!(value instanceof Array)) {\n            throwBladeError({\n              message: 'Value must be type of `string[]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'range':\n          if (!(value instanceof Array) || value.length !== 2) {\n            throwBladeError({\n              message: 'Value must be type of `[string, string]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n      }\n    }\n  }\n\n  return [_finalValue, _setValue, controlled];\n}\n\nexport { useUncontrolledDates };\n"],"names":["getEmptyValue","type","useUncontrolledDates","_ref","value","defaultValue","onChange","_ref$applyTimezone","applyTimezone","storedType","useRef","ctx","useDatesContext","_useUncontrolled","useUncontrolled","shiftTimezone","getTimezone","finalValue","newDate","_useUncontrolled2","_slicedToArray","_value","_setValue","controlled","_finalValue","current","undefined","throwBladeError","message","moduleName","Array","length"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/useDatesState.js

@@ -0,0 +1,149 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import dayjs from 'dayjs';
+import { useState, useEffect } from 'react';
+import { useUncontrolledDates } from './useControlledDates.js';
+
+function isInRange(date, range) {
+  var _range = _toConsumableArray(range).sort(function (a, b) {
+    return a.getTime() - b.getTime();
+  });
+  return dayjs(_range[0]).startOf('day').subtract(1, 'ms').isBefore(date) && dayjs(_range[1]).endOf('day').add(1, 'ms').isAfter(date);
+}
+function useDatesState(_ref) {
+  var type = _ref.type,
+    level = _ref.level,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    allowSingleDateInRange = _ref.allowSingleDateInRange,
+    allowDeselect = _ref.allowDeselect,
+    onMouseLeave = _ref.onMouseLeave,
+    _ref$applyTimezone = _ref.applyTimezone,
+    applyTimezone = _ref$applyTimezone === void 0 ? true : _ref$applyTimezone;
+  var _useUncontrolledDates = useUncontrolledDates({
+      type: type,
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange,
+      applyTimezone: applyTimezone
+    }),
+    _useUncontrolledDates2 = _slicedToArray(_useUncontrolledDates, 2),
+    _value = _useUncontrolledDates2[0],
+    setValue = _useUncontrolledDates2[1];
+  var _useState = useState(type === 'range' ? _value[0] && !_value[1] ? _value[0] : null : null),
+    _useState2 = _slicedToArray(_useState, 2),
+    pickedDate = _useState2[0],
+    setPickedDate = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoveredDate = _useState4[0],
+    setHoveredDate = _useState4[1];
+  var onDateChange = function onDateChange(date) {
+    if (type === 'range') {
+      if (pickedDate instanceof Date && !_value[1]) {
+        if (dayjs(date).isSame(pickedDate, level) && !allowSingleDateInRange) {
+          setPickedDate(null);
+          setHoveredDate(null);
+          setValue([null, null]);
+          return;
+        }
+        var result = [date, pickedDate];
+        result.sort(function (a, b) {
+          return a.getTime() - b.getTime();
+        });
+        setValue(result);
+        setHoveredDate(null);
+        setPickedDate(null);
+        return;
+      }
+      if (_value[0] && !_value[1] && dayjs(date).isSame(_value[0], level) && !allowSingleDateInRange) {
+        setPickedDate(null);
+        setHoveredDate(null);
+        setValue([null, null]);
+        return;
+      }
+      setValue([date, null]);
+      setHoveredDate(null);
+      setPickedDate(date);
+      return;
+    }
+    if (_value && allowDeselect && dayjs(date).isSame(_value, level)) {
+      setValue(null);
+    } else {
+      setValue(date);
+    }
+  };
+  var isDateInRange = function isDateInRange(date) {
+    if (pickedDate instanceof Date && hoveredDate instanceof Date) {
+      return isInRange(date, [hoveredDate, pickedDate]);
+    }
+    if (_value[0] instanceof Date && _value[1] instanceof Date) {
+      return isInRange(date, _value);
+    }
+    return false;
+  };
+  var onRootMouseLeave = type === 'range' ? function (event) {
+    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(event);
+    setHoveredDate(null);
+  } : onMouseLeave;
+  var isFirstInRange = function isFirstInRange(date) {
+    if (!(_value[0] instanceof Date)) {
+      return false;
+    }
+    if (dayjs(date).isSame(_value[0], level)) {
+      return !(hoveredDate && dayjs(hoveredDate).isBefore(_value[0]));
+    }
+    return false;
+  };
+  var isLastInRange = function isLastInRange(date) {
+    if (_value[1] instanceof Date) {
+      return dayjs(date).isSame(_value[1], level);
+    }
+    if (!(_value[0] instanceof Date) || !hoveredDate) {
+      return false;
+    }
+    return dayjs(hoveredDate).isBefore(_value[0]) && dayjs(date).isSame(_value[0], level);
+  };
+  var getControlProps = function getControlProps(date) {
+    if (type === 'range') {
+      return {
+        selected: _value.some(function (selection) {
+          return selection && dayjs(selection).isSame(date, level);
+        }),
+        inRange: isDateInRange(date),
+        firstInRange: isFirstInRange(date),
+        lastInRange: isLastInRange(date),
+        'data-autofocus': !!_value[0] && dayjs(_value[0]).isSame(date, level) || undefined,
+        'data-celltype': level,
+        'data-date': "".concat(date.getMonth(), "-").concat(date.getDate())
+      };
+    }
+    var selected = dayjs(_value).isSame(date, level);
+    return {
+      selected: selected,
+      'data-autofocus': selected || undefined,
+      'data-celltype': level,
+      'data-date': "".concat(date.getMonth(), "-").concat(date.getDate())
+    };
+  };
+  var onHoveredDateChange = type === 'range' && pickedDate ? setHoveredDate : function () {};
+  useEffect(function () {
+    if (type === 'range' && !_value[0] && !_value[1]) {
+      setPickedDate(null);
+    }
+  }, [value]);
+  return {
+    onDateChange: onDateChange,
+    onRootMouseLeave: onRootMouseLeave,
+    onHoveredDateChange: onHoveredDateChange,
+    getControlProps: getControlProps,
+    setPickedDate: setPickedDate,
+    pickedDate: pickedDate,
+    controlledValue: _value,
+    setControlledValue: setValue
+  };
+}
+
+export { useDatesState };
+//# sourceMappingURL=useDatesState.js.map

package/build/lib/web/development/components/DatePicker/useDatesState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatesState.js","sources":["../../../../../../src/components/DatePicker/useDatesState.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { DatePickerType, PickerBaseProps } from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport { useEffect, useState } from 'react';\nimport { useUncontrolledDates } from './useControlledDates';\n\ninterface UseDatesRangeInput<Type extends DatePickerType = 'default'>\n  extends PickerBaseProps<Type> {\n  level: 'year' | 'month' | 'day';\n  type: Type;\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  applyTimezone?: boolean;\n}\n\nfunction isInRange(date: Date, range: [Date, Date]) {\n  const _range = [...range].sort((a, b) => a.getTime() - b.getTime());\n  return (\n    dayjs(_range[0]).startOf('day').subtract(1, 'ms').isBefore(date) &&\n    dayjs(_range[1]).endOf('day').add(1, 'ms').isAfter(date)\n  );\n}\n\nexport function useDatesState<Type extends DatePickerType = 'default'>({\n  type,\n  level,\n  value,\n  defaultValue,\n  onChange,\n  allowSingleDateInRange,\n  allowDeselect,\n  onMouseLeave,\n  applyTimezone = true,\n}: UseDatesRangeInput<Type>) {\n  const [_value, setValue] = useUncontrolledDates({\n    type,\n    value,\n    defaultValue,\n    onChange,\n    applyTimezone,\n  });\n\n  const [pickedDate, setPickedDate] = useState<Date | null>(\n    type === 'range' ? (_value[0] && !_value[1] ? _value[0] : null) : null,\n  );\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n\n  const onDateChange = (date: Date) => {\n    if (type === 'range') {\n      if (pickedDate instanceof Date && !_value[1]) {\n        if (dayjs(date).isSame(pickedDate, level) && !allowSingleDateInRange) {\n          setPickedDate(null);\n          setHoveredDate(null);\n          setValue([null, null]);\n          return;\n        }\n\n        const result: [Date, Date] = [date, pickedDate];\n        result.sort((a, b) => a.getTime() - b.getTime());\n        setValue(result);\n        setHoveredDate(null);\n        setPickedDate(null);\n        return;\n      }\n\n      if (\n        _value[0] &&\n        !_value[1] &&\n        dayjs(date).isSame(_value[0], level) &&\n        !allowSingleDateInRange\n      ) {\n        setPickedDate(null);\n        setHoveredDate(null);\n        setValue([null, null]);\n        return;\n      }\n\n      setValue([date, null]);\n      setHoveredDate(null);\n      setPickedDate(date);\n      return;\n    }\n\n    if (_value && allowDeselect && dayjs(date).isSame(_value, level)) {\n      setValue(null);\n    } else {\n      setValue(date);\n    }\n  };\n\n  const isDateInRange = (date: Date) => {\n    if (pickedDate instanceof Date && hoveredDate instanceof Date) {\n      return isInRange(date, [hoveredDate, pickedDate]);\n    }\n\n    if (_value[0] instanceof Date && _value[1] instanceof Date) {\n      return isInRange(date, _value);\n    }\n\n    return false;\n  };\n\n  const onRootMouseLeave =\n    type === 'range'\n      ? (event: React.MouseEvent<HTMLDivElement>) => {\n          onMouseLeave?.(event);\n          setHoveredDate(null);\n        }\n      : onMouseLeave;\n\n  const isFirstInRange = (date: Date) => {\n    if (!(_value[0] instanceof Date)) {\n      return false;\n    }\n\n    if (dayjs(date).isSame(_value[0], level)) {\n      return !(hoveredDate && dayjs(hoveredDate).isBefore(_value[0]));\n    }\n\n    return false;\n  };\n\n  const isLastInRange = (date: Date) => {\n    if (_value[1] instanceof Date) {\n      return dayjs(date).isSame(_value[1], level);\n    }\n\n    if (!(_value[0] instanceof Date) || !hoveredDate) {\n      return false;\n    }\n\n    return dayjs(hoveredDate).isBefore(_value[0]) && dayjs(date).isSame(_value[0], level);\n  };\n\n  const getControlProps = (date: Date) => {\n    if (type === 'range') {\n      return {\n        selected: _value.some(\n          (selection: Date) => selection && dayjs(selection).isSame(date, level),\n        ),\n        inRange: isDateInRange(date),\n        firstInRange: isFirstInRange(date),\n        lastInRange: isLastInRange(date),\n        'data-autofocus': (!!_value[0] && dayjs(_value[0]).isSame(date, level)) || undefined,\n        'data-celltype': level,\n        'data-date': `${date.getMonth()}-${date.getDate()}`,\n      };\n    }\n\n    const selected = dayjs(_value).isSame(date, level);\n    return {\n      selected,\n      'data-autofocus': selected || undefined,\n      'data-celltype': level,\n      'data-date': `${date.getMonth()}-${date.getDate()}`,\n    };\n  };\n\n  const onHoveredDateChange = type === 'range' && pickedDate ? setHoveredDate : () => {};\n\n  useEffect(() => {\n    if (type === 'range' && !_value[0] && !_value[1]) {\n      setPickedDate(null);\n    }\n  }, [value]);\n\n  return {\n    onDateChange,\n    onRootMouseLeave,\n    onHoveredDateChange,\n    getControlProps,\n    setPickedDate,\n    pickedDate,\n    controlledValue: _value,\n    setControlledValue: setValue,\n  } as const;\n}\n"],"names":["isInRange","date","range","_range","_toConsumableArray","sort","a","b","getTime","dayjs","startOf","subtract","isBefore","endOf","add","isAfter","useDatesState","_ref","type","level","value","defaultValue","onChange","allowSingleDateInRange","allowDeselect","onMouseLeave","_ref$applyTimezone","applyTimezone","_useUncontrolledDates","useUncontrolledDates","_useUncontrolledDates2","_slicedToArray","_value","setValue","_useState","useState","_useState2","pickedDate","setPickedDate","_useState3","_useState4","hoveredDate","setHoveredDate","onDateChange","Date","isSame","result","isDateInRange","onRootMouseLeave","event","isFirstInRange","isLastInRange","getControlProps","selected","some","selection","inRange","firstInRange","lastInRange","undefined","concat","getMonth","getDate","onHoveredDateChange","useEffect","controlledValue","setControlledValue"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/usePopup.js

@@ -0,0 +1,90 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useFloating, shift, flip, offset, autoUpdate, useTransitionStyles, useClick, useDismiss, useRole, useInteractions } from '@floating-ui/react';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
+import { spacing } from '../../tokens/global/spacing.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { size } from '../../tokens/global/size.js';
+
+var usePopup = function usePopup(_ref) {
+  var _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    placement = _ref.placement,
+    open = _ref.open,
+    _onOpenChange = _ref.onOpenChange,
+    referenceRef = _ref.referenceRef;
+  var GAP = spacing[4];
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _getFloatingPlacement = getFloatingPlacementParts(placement),
+    _getFloatingPlacement2 = _slicedToArray(_getFloatingPlacement, 1),
+    side = _getFloatingPlacement2[0];
+  var isOppositeAxis = side === 'right' || side === 'bottom';
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: function onOpenChange(isOpen, event, reason) {
+        _onOpenChange === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(isOpen, event, reason);
+        if (reason === 'escape-key') {
+          var _referenceRef$current;
+          (_referenceRef$current = referenceRef.current) === null || _referenceRef$current === void 0 ? void 0 : _referenceRef$current.focus();
+        }
+      },
+      placement: placement,
+      strategy: 'fixed',
+      elements: {
+        reference: referenceRef.current
+      },
+      middleware: [shift({
+        crossAxis: false,
+        padding: GAP
+      }), flip({
+        padding: GAP,
+        fallbackAxisSideDirection: 'end'
+      }), offset(GAP)],
+      whileElementsMounted: autoUpdate
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles,
+    context = _useFloating.context,
+    computedPlacement = _useFloating.placement;
+
+  // we need to animate from the offset of the computed placement
+  // because placement can change dynamically based on available space
+  var _getFloatingPlacement3 = getFloatingPlacementParts(computedPlacement),
+    _getFloatingPlacement4 = _slicedToArray(_getFloatingPlacement3, 1),
+    computedSide = _getFloatingPlacement4[0];
+  var computedIsHorizontal = computedSide === 'left' || computedSide === 'right';
+  var animationOffset = isOppositeAxis ? -size[4] : size[4];
+  var _useTransitionStyles = useTransitionStyles(context, {
+      duration: theme.motion.duration.quick,
+      initial: {
+        opacity: 0,
+        transform: "translate".concat(computedIsHorizontal ? 'X' : 'Y', "(").concat(animationOffset, "px)")
+      }
+    }),
+    isMounted = _useTransitionStyles.isMounted,
+    animationStyles = _useTransitionStyles.styles;
+
+  // remove click handler if popover is controlled
+  var click = useClick(context);
+  var dismiss = useDismiss(context, {
+    enabled: enabled
+  });
+  var role = useRole(context);
+  var _useInteractions = useInteractions([click, dismiss, role]),
+    getReferenceProps = _useInteractions.getReferenceProps,
+    getFloatingProps = _useInteractions.getFloatingProps;
+  return {
+    refs: refs,
+    context: context,
+    isMounted: isMounted,
+    floatingStyles: floatingStyles,
+    animationStyles: animationStyles,
+    getReferenceProps: getReferenceProps,
+    getFloatingProps: getFloatingProps
+  };
+};
+
+export { usePopup };
+//# sourceMappingURL=usePopup.js.map

package/build/lib/web/development/components/DatePicker/usePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopup.js","sources":["../../../../../../src/components/DatePicker/usePopup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { UseFloatingOptions } from '@floating-ui/react';\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { size, spacing } from '~tokens/global';\nimport { useTheme } from '~utils';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\ntype UsePopupProps = {\n  enabled?: boolean;\n  open?: boolean;\n  placement: UseFloatingOptions['placement'];\n  onOpenChange?: UseFloatingOptions['onOpenChange'];\n  referenceRef: React.RefObject<HTMLButtonElement>;\n};\n\nconst usePopup = ({\n  enabled = true,\n  placement,\n  open,\n  onOpenChange,\n  referenceRef,\n}: UsePopupProps) => {\n  const GAP = spacing[4];\n  const { theme } = useTheme();\n  const [side] = getFloatingPlacementParts(placement!);\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n    open,\n    onOpenChange: (isOpen, event, reason) => {\n      onOpenChange?.(isOpen, event, reason);\n      if (reason === 'escape-key') {\n        referenceRef.current?.focus();\n      }\n    },\n    placement,\n    strategy: 'fixed',\n    elements: {\n      reference: referenceRef.current,\n    },\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // we need to animate from the offset of the computed placement\n  // because placement can change dynamically based on available space\n  const [computedSide] = getFloatingPlacementParts(computedPlacement);\n  const computedIsHorizontal = computedSide === 'left' || computedSide === 'right';\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n  const { isMounted, styles: animationStyles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: {\n      opacity: 0,\n      transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  // remove click handler if popover is controlled\n  const click = useClick(context);\n  const dismiss = useDismiss(context, { enabled });\n  const role = useRole(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n\n  return {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } as const;\n};\n\nexport { usePopup };\n"],"names":["usePopup","_ref","_ref$enabled","enabled","placement","open","onOpenChange","referenceRef","GAP","spacing","_useTheme","useTheme","theme","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isOppositeAxis","_useFloating","useFloating","isOpen","event","reason","_referenceRef$current","current","focus","strategy","elements","reference","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","opacity","transform","concat","isMounted","animationStyles","styles","click","useClick","dismiss","useDismiss","role","useRole","_useInteractions","useInteractions","getReferenceProps","getFloatingProps"],"mappings":";;;;;;;;;AA0BA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAMO;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CALnBE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;IACdE,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,aAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY,CAAA;AAEZ,EAAA,IAAMC,GAAG,GAAGC,OAAO,CAAC,CAAC,CAAC,CAAA;AACtB,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAAC,qBAAA,GAAeC,yBAAyB,CAACV,SAAU,CAAC;IAAAW,sBAAA,GAAAC,cAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,IAAI,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;EACX,IAAMG,cAAc,GAAGD,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,QAAQ,CAAA;EAE5D,IAAAE,YAAA,GAAwEC,WAAW,CAAC;AAClFf,MAAAA,IAAI,EAAJA,IAAI;MACJC,YAAY,EAAE,SAAAA,YAACe,CAAAA,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAK;QACvCjB,aAAY,KAAA,IAAA,IAAZA,aAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,aAAY,CAAGe,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC,CAAA;QACrC,IAAIA,MAAM,KAAK,YAAY,EAAE;AAAA,UAAA,IAAAC,qBAAA,CAAA;AAC3B,UAAA,CAAAA,qBAAA,GAAAjB,YAAY,CAACkB,OAAO,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBE,KAAK,EAAE,CAAA;AAC/B,SAAA;OACD;AACDtB,MAAAA,SAAS,EAATA,SAAS;AACTuB,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,QAAQ,EAAE;QACRC,SAAS,EAAEtB,YAAY,CAACkB,OAAAA;OACzB;MACDK,UAAU,EAAE,CACVC,KAAK,CAAC;AAAEC,QAAAA,SAAS,EAAE,KAAK;AAAEC,QAAAA,OAAO,EAAEzB,GAAAA;OAAK,CAAC,EACzC0B,IAAI,CAAC;AAAED,QAAAA,OAAO,EAAEzB,GAAG;AAAE2B,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EACxDC,MAAM,CAAC5B,GAAG,CAAC,CACZ;AACD6B,MAAAA,oBAAoB,EAAEC,UAAAA;AACxB,KAAC,CAAC;IAnBMC,IAAI,GAAApB,YAAA,CAAJoB,IAAI;IAAEC,cAAc,GAAArB,YAAA,CAAdqB,cAAc;IAAEC,OAAO,GAAAtB,YAAA,CAAPsB,OAAO;IAAaC,iBAAiB,GAAAvB,YAAA,CAA5Bf,SAAS,CAAA;;AAqBhD;AACA;AACA,EAAA,IAAAuC,sBAAA,GAAuB7B,yBAAyB,CAAC4B,iBAAiB,CAAC;IAAAE,sBAAA,GAAA5B,cAAA,CAAA2B,sBAAA,EAAA,CAAA,CAAA;AAA5DE,IAAAA,YAAY,GAAAD,sBAAA,CAAA,CAAA,CAAA,CAAA;EACnB,IAAME,oBAAoB,GAAGD,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAO,CAAA;AAChF,EAAA,IAAME,eAAe,GAAG7B,cAAc,GAAG,CAAC8B,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAA,IAAAC,oBAAA,GAA+CC,mBAAmB,CAACT,OAAO,EAAE;AAC1EU,MAAAA,QAAQ,EAAEvC,KAAK,CAACwC,MAAM,CAACD,QAAQ,CAACE,KAAK;AACrCC,MAAAA,OAAO,EAAE;AACPC,QAAAA,OAAO,EAAE,CAAC;QACVC,SAAS,EAAA,WAAA,CAAAC,MAAA,CAAcX,oBAAoB,GAAG,GAAG,GAAG,GAAG,EAAA,GAAA,CAAA,CAAAW,MAAA,CAAIV,eAAe,EAAA,KAAA,CAAA;AAC5E,OAAA;AACF,KAAC,CAAC;IANMW,SAAS,GAAAT,oBAAA,CAATS,SAAS;IAAUC,eAAe,GAAAV,oBAAA,CAAvBW,MAAM,CAAA;;AAQzB;AACA,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACrB,OAAO,CAAC,CAAA;AAC/B,EAAA,IAAMsB,OAAO,GAAGC,UAAU,CAACvB,OAAO,EAAE;AAAEtC,IAAAA,OAAO,EAAPA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AAChD,EAAA,IAAM8D,IAAI,GAAGC,OAAO,CAACzB,OAAO,CAAC,CAAA;EAC7B,IAAA0B,gBAAA,GAAgDC,eAAe,CAAC,CAACP,KAAK,EAAEE,OAAO,EAAEE,IAAI,CAAC,CAAC;IAA/EI,iBAAiB,GAAAF,gBAAA,CAAjBE,iBAAiB;IAAEC,gBAAgB,GAAAH,gBAAA,CAAhBG,gBAAgB,CAAA;EAE3C,OAAO;AACL/B,IAAAA,IAAI,EAAJA,IAAI;AACJE,IAAAA,OAAO,EAAPA,OAAO;AACPiB,IAAAA,SAAS,EAATA,SAAS;AACTlB,IAAAA,cAAc,EAAdA,cAAc;AACdmB,IAAAA,eAAe,EAAfA,eAAe;AACfU,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBC,IAAAA,gBAAgB,EAAhBA,gBAAAA;GACD,CAAA;AACH;;;;"}

package/build/lib/web/development/components/DatePicker/utils.js

@@ -0,0 +1,39 @@
+var dayjs_locales = ['af', 'ar', 'ar-dz', 'ar-kw', 'ar-ly', 'ar-ma', 'ar-sa', 'ar-tn', 'az', 'be', 'bg', 'bm', 'bn', 'bo', 'br', 'bs', 'ca', 'cs', 'cv', 'cy', 'da', 'de', 'de-at', 'de-ch', 'dv', 'el', 'en', 'en-au', 'en-ca', 'en-gb', 'en-ie', 'en-il', 'en-nz', 'en-SG', 'eo', 'es', 'es-do', 'es-us', 'et', 'eu', 'fa', 'fi', 'fo', 'fr', 'fr-ca', 'fr-ch', 'fy', 'ga', 'gd', 'gl', 'gom-latn', 'gu', 'he', 'hi', 'hr', 'hu', 'hy-am', 'id', 'is', 'it', 'it-ch', 'ja', 'jv', 'ka', 'kk', 'km', 'kn', 'ko', 'ku', 'ky', 'lb', 'lo', 'lt', 'lv', 'me', 'mi', 'mk', 'ml', 'mn', 'mr', 'ms', 'ms-my', 'mt', 'my', 'nb', 'ne', 'nl', 'nl-be', 'nn', 'oc-lnc', 'pa-in', 'pl', 'pt', 'pt-br', 'ro', 'ru', 'sd', 'se', 'si', 'sk', 'sl', 'sq', 'sr', 'sr-cyrl', 'ss', 'sv', 'sw', 'ta', 'te', 'tet', 'tg', 'th', 'tl-ph', 'tlh', 'tr', 'tzl', 'tzm', 'tzm-latn', 'ug-cn', 'uk', 'ur', 'uz', 'uz-latn', 'vi', 'x-pseudo', 'yo', 'zh-cn', 'zh-hk', 'zh-tw'];
+
+// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261
+function patchLocale(locale) {
+  if (['en', 'en-us'].includes(locale)) return 'en';
+  if (locale === 'zn') return 'zh-cn';
+  if (locale === 'no') return 'nb';
+  if (dayjs_locales.includes(locale)) return locale;
+  return false;
+}
+function convertIntlToDayjsLocale(lang) {
+  lang = lang.toLowerCase();
+  var locale = patchLocale(lang) || lang.includes('-') && patchLocale(lang.split('-')[0]);
+  if (!locale) return 'en';
+  return "".concat(locale);
+}
+function isScriptLoaded(src) {
+  return Boolean(document.querySelector("script[src=\"".concat(src, "\"]")));
+}
+
+/**
+ * Used to dynamically load a script
+ */
+function loadScript(src, callback) {
+  if (isScriptLoaded(src)) {
+    callback === null || callback === void 0 ? void 0 : callback();
+    return;
+  }
+  var localeScript = document.createElement('script');
+  localeScript.async = true;
+  localeScript.src = src;
+  localeScript.onload = function () {
+    return callback === null || callback === void 0 ? void 0 : callback();
+  };
+  document.head.appendChild(localeScript);
+}
+
+export { convertIntlToDayjsLocale, loadScript };
+//# sourceMappingURL=utils.js.map

package/build/lib/web/development/components/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["const dayjs_locales = [\n  'af',\n  'ar',\n  'ar-dz',\n  'ar-kw',\n  'ar-ly',\n  'ar-ma',\n  'ar-sa',\n  'ar-tn',\n  'az',\n  'be',\n  'bg',\n  'bm',\n  'bn',\n  'bo',\n  'br',\n  'bs',\n  'ca',\n  'cs',\n  'cv',\n  'cy',\n  'da',\n  'de',\n  'de-at',\n  'de-ch',\n  'dv',\n  'el',\n  'en',\n  'en-au',\n  'en-ca',\n  'en-gb',\n  'en-ie',\n  'en-il',\n  'en-nz',\n  'en-SG',\n  'eo',\n  'es',\n  'es-do',\n  'es-us',\n  'et',\n  'eu',\n  'fa',\n  'fi',\n  'fo',\n  'fr',\n  'fr-ca',\n  'fr-ch',\n  'fy',\n  'ga',\n  'gd',\n  'gl',\n  'gom-latn',\n  'gu',\n  'he',\n  'hi',\n  'hr',\n  'hu',\n  'hy-am',\n  'id',\n  'is',\n  'it',\n  'it-ch',\n  'ja',\n  'jv',\n  'ka',\n  'kk',\n  'km',\n  'kn',\n  'ko',\n  'ku',\n  'ky',\n  'lb',\n  'lo',\n  'lt',\n  'lv',\n  'me',\n  'mi',\n  'mk',\n  'ml',\n  'mn',\n  'mr',\n  'ms',\n  'ms-my',\n  'mt',\n  'my',\n  'nb',\n  'ne',\n  'nl',\n  'nl-be',\n  'nn',\n  'oc-lnc',\n  'pa-in',\n  'pl',\n  'pt',\n  'pt-br',\n  'ro',\n  'ru',\n  'sd',\n  'se',\n  'si',\n  'sk',\n  'sl',\n  'sq',\n  'sr',\n  'sr-cyrl',\n  'ss',\n  'sv',\n  'sw',\n  'ta',\n  'te',\n  'tet',\n  'tg',\n  'th',\n  'tl-ph',\n  'tlh',\n  'tr',\n  'tzl',\n  'tzm',\n  'tzm-latn',\n  'ug-cn',\n  'uk',\n  'ur',\n  'uz',\n  'uz-latn',\n  'vi',\n  'x-pseudo',\n  'yo',\n  'zh-cn',\n  'zh-hk',\n  'zh-tw',\n];\n\n// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261\nfunction patchLocale(locale: string): string | boolean {\n  if (['en', 'en-us'].includes(locale)) return 'en';\n  if (locale === 'zn') return 'zh-cn';\n  if (locale === 'no') return 'nb';\n  if (dayjs_locales.includes(locale)) return locale;\n  return false;\n}\n\nfunction convertIntlToDayjsLocale(lang: string): string {\n  lang = lang.toLowerCase();\n  const locale = patchLocale(lang) || (lang.includes('-') && patchLocale(lang.split('-')[0]));\n  if (!locale) return 'en';\n\n  return `${locale}`;\n}\n\nfunction isScriptLoaded(src: string): boolean {\n  return Boolean(document.querySelector(`script[src=\"${src}\"]`));\n}\n\n/**\n * Used to dynamically load a script\n */\nfunction loadScript(src: string, callback?: () => void): void {\n  if (isScriptLoaded(src)) {\n    callback?.();\n    return;\n  }\n  const localeScript = document.createElement('script');\n  localeScript.async = true;\n  localeScript.src = src;\n  localeScript.onload = () => callback?.();\n  document.head.appendChild(localeScript);\n}\n\nexport { convertIntlToDayjsLocale, loadScript };\n"],"names":["dayjs_locales","patchLocale","locale","includes","convertIntlToDayjsLocale","lang","toLowerCase","split","concat","isScriptLoaded","src","Boolean","document","querySelector","loadScript","callback","localeScript","createElement","async","onload","head","appendChild"],"mappings":"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"}