@televet/kibble-ui 1.23.0 → 1.23.1

package/build/{switch.component-ccd6e8f6.js.map → switch.component-cc8d024b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"switch.component-ccd6e8f6.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n  const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n  return (\n    <CSwitch\n      colorScheme=\"teal\"\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      {...(isIndeterminate && { variant: 'indeterminate' })}\n      {...domProps}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","isIndeterminate","isFieldInline","domProps","CSwitch","__assign","colorScheme","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
+{"version":3,"file":"switch.component-cc8d024b.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Switch\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      _omitThemingProps$spa = _omitThemingProps.spacing,\n      spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n      children = _omitThemingProps.children,\n      ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useCheckbox = useCheckbox(ownProps),\n      state = _useCheckbox.state,\n      getInputProps = _useCheckbox.getInputProps,\n      getCheckboxProps = _useCheckbox.getCheckboxProps,\n      getRootProps = _useCheckbox.getRootProps,\n      getLabelProps = _useCheckbox.getLabelProps;\n\n  var containerStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-block\",\n      position: \"relative\",\n      verticalAlign: \"middle\",\n      lineHeight: 0\n    }, styles.container);\n  }, [styles.container]);\n  var trackStyles = React.useMemo(function () {\n    return _extends({\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"flex-start\",\n      boxSizing: \"content-box\",\n      cursor: \"pointer\"\n    }, styles.track);\n  }, [styles.track]);\n  var labelStyles = React.useMemo(function () {\n    return _extends({\n      userSelect: \"none\",\n      marginStart: spacing\n    }, styles.label);\n  }, [spacing, styles.label]);\n  return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n    className: cx(\"chakra-switch\", props.className),\n    __css: containerStyles\n  }), /*#__PURE__*/React.createElement(\"input\", _extends({\n    className: \"chakra-switch__input\"\n  }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n    className: \"chakra-switch__track\",\n    __css: trackStyles\n  }), /*#__PURE__*/React.createElement(chakra.span, {\n    __css: styles.thumb,\n    className: \"chakra-switch__thumb\",\n    \"data-checked\": dataAttr(state.isChecked),\n    \"data-hover\": dataAttr(state.isHovered)\n  })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n    className: \"chakra-switch__label\"\n  }, getLabelProps(), {\n    __css: labelStyles\n  }), children));\n});\n\nif (__DEV__) {\n  Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n  isFieldInline?: boolean;\n  isIndeterminate?: boolean;\n  size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n  const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n  return (\n    <CSwitch\n      colorScheme=\"teal\"\n      isChecked={isChecked}\n      display={isFieldInline ? 'inline-block' : 'block'}\n      {...(isIndeterminate && { variant: 'indeterminate' })}\n      {...domProps}\n    />\n  );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","isIndeterminate","isFieldInline","domProps","CSwitch","__assign","colorScheme","variant","WrappedSwitch","withFormControl"],"mappings":"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"}

package/build/{tab.component-4f7e8fd3.js → tab.component-cf1e1c32.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./notificationCounter.component-27fafaa0.js"),i=require("./icon.component-e34857d4.js"),a=require("react"),n=require("./chakra-ui-tabs.esm-dc1c4ea8.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(a),u={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(a){var r=a.iconName,s=a.label,f=a.showNotificationCounter,l=void 0!==f&&f,m=a.notificationCount,d=void 0===m?0:m,C=a.notificationCounterVariant,b=void 0===C?t.NotificationCounterVariant.Red:C,v=a.size,j=void 0===v?"md":v,q=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(n.Tab,e.__assign({},q),!!r&&c.default.createElement(o.Box,{pr:2},c.default.createElement(i.Icon,{name:r,size:j})),s,l&&c.default.createElement(t.NotificationCounter,{count:d,variant:b,size:u[j],ml:2}))};
-//# sourceMappingURL=tab.component-4f7e8fd3.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./notificationCounter.component-27fafaa0.js"),i=require("./icon.component-092995a3.js"),a=require("react"),n=require("./chakra-ui-tabs.esm-dc1c4ea8.js"),o=require("./chakra-ui-layout.esm-493ee04b.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(a),u={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(a){var r=a.iconName,s=a.label,f=a.showNotificationCounter,l=void 0!==f&&f,m=a.notificationCount,d=void 0===m?0:m,C=a.notificationCounterVariant,b=void 0===C?t.NotificationCounterVariant.Red:C,v=a.size,j=void 0===v?"md":v,q=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(n.Tab,e.__assign({},q),!!r&&c.default.createElement(o.Box,{pr:2},c.default.createElement(i.Icon,{name:r,size:j})),s,l&&c.default.createElement(t.NotificationCounter,{count:d,variant:b,size:u[j],ml:2}))};
+//# sourceMappingURL=tab.component-cf1e1c32.js.map

package/build/{tab.component-4f7e8fd3.js.map → tab.component-cf1e1c32.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab.component-4f7e8fd3.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from '../../../../icons';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      {label}\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","ml"],"mappings":"6VAGaA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCWa,SAACC,GAClB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA0BA,2BAACC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAA,OAAAd,EAPW,wGASlB,OACEe,EAAAA,QAAAC,cAACC,EAAAA,IAAIC,EAAAA,SAAA,GAAKL,KACLZ,GACDc,wBAACI,EAAAA,IAAG,CAACC,GAAI,GACPL,UAACC,cAAAK,EAAAA,KAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAA,QAAAC,cAACO,EAAmBA,oBAAA,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMjB,EAAwBiB,GAC9Bc,GAAI"}
+{"version":3,"file":"tab.component-cf1e1c32.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from '../../../../icons';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      {label}\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","ml"],"mappings":"6VAGaA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCWa,SAACC,GAClB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA0BA,2BAACC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAA,OAAAd,EAPW,wGASlB,OACEe,EAAAA,QAAAC,cAACC,EAAAA,IAAIC,EAAAA,SAAA,GAAKL,KACLZ,GACDc,wBAACI,EAAAA,IAAG,CAACC,GAAI,GACPL,UAACC,cAAAK,EAAAA,KAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAA,QAAAC,cAACO,EAAmBA,oBAAA,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMjB,EAAwBiB,GAC9Bc,GAAI"}

package/build/{tabs.component-a7befea0.js → tabs.component-e3def343.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./tab.component-4f7e8fd3.js"),s=require("./chakra-ui-tabs.esm-dc1c4ea8.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);exports.Tabs=function(t){var n=t.size,i=void 0===n?"md":n,u=t.tabList,l=t.tabPanels,c=t.tabPanelsStyle,b=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(s.Tabs,e.__assign({},b,{size:i}),r.default.createElement(s.TabList,null,u.map((function(t,s){return r.default.createElement(a.Tab,e.__assign({key:s,size:i},t))}))),!!l&&r.default.createElement(s.TabPanels,e.__assign({},c),l.map((function(e){return e}))))};
-//# sourceMappingURL=tabs.component-a7befea0.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./tab.component-cf1e1c32.js"),s=require("./chakra-ui-tabs.esm-dc1c4ea8.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);exports.Tabs=function(t){var n=t.size,i=void 0===n?"md":n,u=t.tabList,l=t.tabPanels,c=t.tabPanelsStyle,b=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(s.Tabs,e.__assign({},b,{size:i}),r.default.createElement(s.TabList,null,u.map((function(t,s){return r.default.createElement(a.Tab,e.__assign({key:s,size:i},t))}))),!!l&&r.default.createElement(s.TabPanels,e.__assign({},c),l.map((function(e){return e}))))};
+//# sourceMappingURL=tabs.component-e3def343.js.map

package/build/{tabs.component-a7befea0.js.map → tabs.component-e3def343.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs.component-a7befea0.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: Dict;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBoB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAA,OAAAP,EAA1D,iDACnB,OACEQ,wBAACC,EAAAA,KAAKC,EAAAA,SAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,UAAAG,cAACC,EAAOA,QAAA,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAAC,QAAAG,cAAAK,EAAAA,IAAIN,EAAAA,SAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,UAAAG,cAACO,EAAAA,UAAcR,EAAAA,SAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}
+{"version":3,"file":"tabs.component-e3def343.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n  size?: TabSize;\n  tabList: TabProps[];\n  tabPanels?: JSX.Element[];\n  tabPanelsStyle?: Dict;\n  isFitted?: boolean;\n  align?: Alignment;\n  defaultIndex?: number;\n  isLazy?: boolean;\n  isManual?: boolean;\n  index?: number;\n  onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n  return (\n    <CTabs {...rest} size={size}>\n      <TabList>\n        {tabList.map((tab, index) => (\n          <Tab key={index} size={size} {...tab} />\n        ))}\n      </TabList>\n      {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n    </CTabs>\n  );\n};\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBoB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAA,OAAAP,EAA1D,iDACnB,OACEQ,wBAACC,EAAAA,KAAKC,EAAAA,SAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,UAAAG,cAACC,EAAOA,QAAA,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAAC,QAAAG,cAAAK,EAAAA,IAAIN,EAAAA,SAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,UAAAG,cAACO,EAAAA,UAAcR,EAAAA,SAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}

package/build/{tabsLayout.component-e811f066.js → tabsLayout.component-8ec51576.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-a7befea0.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.TabsLayout=function(t){return s.default.createElement(r.Tabs,e.__assign({},t))};
-//# sourceMappingURL=tabsLayout.component-e811f066.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-e3def343.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.TabsLayout=function(t){return s.default.createElement(r.Tabs,e.__assign({},t))};
+//# sourceMappingURL=tabsLayout.component-8ec51576.js.map

package/build/{tabsLayout.component-e811f066.js.map → tabsLayout.component-8ec51576.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabsLayout.component-e811f066.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"yNAO0B,SAACA,GACzB,OAAOC,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAJ"}
+{"version":3,"file":"tabsLayout.component-8ec51576.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n  tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n  return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"yNAO0B,SAACA,GACzB,OAAOC,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAJ"}

package/build/textInput.component-0e7bd3ce.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./formControl.component-dfe743ef.js"),r=require("./icon.component-092995a3.js"),l=require("./useTheme-d7d8c3f5.js"),a=require("./chakra-ui-button.esm-32e420eb.js"),i=require("./chakra-ui-input.esm-5e794564.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(t),s={xs:5,sm:5,md:5,lg:6},c=function(e){var t=e.handleClear,n=e.size,i=void 0===n?"md":n,u=l.useTheme().colors;return o.default.createElement(a.Button,{color:u.icon.light.default,display:"inline-flex",minW:"auto",w:s[i],h:s[i],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===i?3:4,onClick:t},o.default.createElement(r.Icon,{name:"close",colorToken:"currentColor",size:"lg"===i?"sm":"xs"}))},f=n.withFormControl((function(t){var n=t.isClearable,r=void 0!==n&&n,l=t.size,a=void 0===l?"md":l,u=e.__rest(t,["isClearable","size"]),s=u.leftElement,f=u.inputRef;u.isFieldInline;var d=u.onClear,m=u.value,p=e.__rest(u,["leftElement","inputRef","isFieldInline","onClear","value"]),h=u.rightElement;return r&&m&&(h=o.default.createElement(c,{size:a,handleClear:function(){d&&d(m||"")}})),o.default.createElement(i.InputGroup,null,s?o.default.createElement(i.InputLeftElement,{children:s,h:"100%"}):null,o.default.createElement(i.Input,e.__assign({},p,{ref:f,size:a,value:m})),h?o.default.createElement(i.InputRightElement,{children:h,h:"100%"}):null)})),d=t.forwardRef((function(t,n){return o.default.createElement(f,e.__assign({inputRef:n},t))}));d.displayName="TextInput",exports.WrappedTextInput=d;
+//# sourceMappingURL=textInput.component-0e7bd3ce.js.map

package/build/{textInput.component-fb3edb25.js.map → textInput.component-0e7bd3ce.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textInput.component-fb3edb25.js","sources":["../src/components/TextInput/components/ClearButton/clearButton.records.ts","../src/components/TextInput/components/ClearButton/clearButton.component.tsx","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { FormControlSize } from '../../../FormControl/formControl.types';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n  xs: 5,\n  sm: 5,\n  md: 5,\n  lg: 6,\n};\n","import React from 'react';\nimport { Button } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { FormControlSize } from '../../../FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nexport const ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  return (\n    <Button\n      color={colors.icon.light.default}\n      display=\"inline-flex\"\n      minW=\"auto\"\n      w={closeButtonSize[size]}\n      h={closeButtonSize[size]}\n      variant=\"unstyled\"\n      opacity={0.5}\n      _hover={{ opacity: 0.8 }}\n      _active={{ opacity: 1 }}\n      mr={size === 'sm' ? 3 : 4}\n      onClick={handleClear}\n    >\n      <Icon name=\"close\" colorToken=\"currentColor\" size={size === 'lg' ? 'sm' : 'xs'} />\n    </Button>\n  );\n};\n","import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\nimport { ClearButton } from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst TextInput = withFormControl(({ isClearable = false, size = 'md', ...props }: TextInputProps): JSX.Element => {\n  const { leftElement, inputRef, isFieldInline, onClear, value, ...domProps } = props;\n  let { rightElement } = props;\n\n  const handleClear = (): void => {\n    if (onClear) {\n      onClear(value || '');\n    }\n  };\n\n  if (isClearable && !!value) {\n    rightElement = <ClearButton size={size} handleClear={handleClear} />;\n  }\n\n  return (\n    <InputGroup>\n      {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n      <CInput {...domProps} ref={inputRef} size={size} value={value} />\n      {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n    </InputGroup>\n  );\n});\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSize","xs","sm","md","lg","ClearButton","_a","handleClear","_b","size","colors","useTheme","React","createElement","Button","color","icon","light","default","display","minW","w","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","colorToken","TextInput","withFormControl","isClearable","_c","props","__rest","leftElement","inputRef","isFieldInline","onClear","value","domProps","rightElement","InputGroup","InputLeftElement","children","CInput","__assign","ref","InputRightElement","WrappedTextInput","forwardRef","displayName"],"mappings":"0XAEaA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GCMOC,EAAc,SAACC,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAC5CE,EAAWC,oBAEnB,OACEC,EAAC,QAAAC,cAAAC,SACC,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGrB,EAAgBS,GACnBa,EAAGtB,EAAgBS,GACnBc,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATlB,EAAgB,EAAI,EACxBmB,QAASrB,GAETK,EAAAA,QAACC,cAAAgB,EAAAA,KAAK,CAAAC,KAAK,QAAQC,WAAW,eAAetB,KAAe,OAATA,EAAgB,KAAO,SCE1EuB,EAAYC,EAAAA,iBAAgB,SAAC3B,GAAE,IAAAE,gBAAA0B,OAAc,IAAA1B,KAAO2B,EAAA7B,EAAAG,KAAAA,aAAO,KAAI0B,EAAKC,EAAKC,EAAAA,OAAA/B,EAA5C,wBACzBgC,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,EAAAA,OAAAD,EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIV,GAAiBQ,IACnBE,EAAehC,EAAAA,QAAAC,cAACR,EAAW,CAACI,KAAMA,EAAMF,YAPtB,WACdkC,GACFA,EAAQC,GAAS,QASnB9B,wBAACiC,EAAAA,WAAU,KACRP,EAAc1B,EAAAA,QAACC,cAAAiC,oBAAiBC,SAAUT,EAAahB,EAAE,SAAY,KACtEV,EAAAA,QAAAC,cAACmC,EAAAA,MAAMC,EAAAA,SAAA,GAAKN,EAAQ,CAAEO,IAAKX,EAAU9B,KAAMA,EAAMiC,MAAOA,KACvDE,EAAehC,EAAA,QAAAC,cAACsC,EAAAA,kBAAkB,CAAAJ,SAAUH,EAActB,EAAE,SAAY,SAKzE8B,EAAmBC,EAAUA,YAAC,SAACjB,EAAuBc,GAAwC,OAClGtC,EAAAA,QAAAC,cAACmB,EAAUiB,EAAAA,SAAA,CAAAV,SAAUW,GAASd,OAGhCgB,EAAiBE,YAAc"}
+{"version":3,"file":"textInput.component-0e7bd3ce.js","sources":["../src/components/TextInput/components/ClearButton/clearButton.records.ts","../src/components/TextInput/components/ClearButton/clearButton.component.tsx","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { FormControlSize } from '../../../FormControl/formControl.types';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n  xs: 5,\n  sm: 5,\n  md: 5,\n  lg: 6,\n};\n","import React from 'react';\nimport { Button } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { FormControlSize } from '../../../FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nexport const ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  return (\n    <Button\n      color={colors.icon.light.default}\n      display=\"inline-flex\"\n      minW=\"auto\"\n      w={closeButtonSize[size]}\n      h={closeButtonSize[size]}\n      variant=\"unstyled\"\n      opacity={0.5}\n      _hover={{ opacity: 0.8 }}\n      _active={{ opacity: 1 }}\n      mr={size === 'sm' ? 3 : 4}\n      onClick={handleClear}\n    >\n      <Icon name=\"close\" colorToken=\"currentColor\" size={size === 'lg' ? 'sm' : 'xs'} />\n    </Button>\n  );\n};\n","import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\nimport { ClearButton } from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst TextInput = withFormControl(({ isClearable = false, size = 'md', ...props }: TextInputProps): JSX.Element => {\n  const { leftElement, inputRef, isFieldInline, onClear, value, ...domProps } = props;\n  let { rightElement } = props;\n\n  const handleClear = (): void => {\n    if (onClear) {\n      onClear(value || '');\n    }\n  };\n\n  if (isClearable && !!value) {\n    rightElement = <ClearButton size={size} handleClear={handleClear} />;\n  }\n\n  return (\n    <InputGroup>\n      {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n      <CInput {...domProps} ref={inputRef} size={size} value={value} />\n      {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n    </InputGroup>\n  );\n});\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSize","xs","sm","md","lg","ClearButton","_a","handleClear","_b","size","colors","useTheme","React","createElement","Button","color","icon","light","default","display","minW","w","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","colorToken","TextInput","withFormControl","isClearable","_c","props","__rest","leftElement","inputRef","isFieldInline","onClear","value","domProps","rightElement","InputGroup","InputLeftElement","children","CInput","__assign","ref","InputRightElement","WrappedTextInput","forwardRef","displayName"],"mappings":"0XAEaA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GCMOC,EAAc,SAACC,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAC5CE,EAAWC,oBAEnB,OACEC,EAAC,QAAAC,cAAAC,SACC,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGrB,EAAgBS,GACnBa,EAAGtB,EAAgBS,GACnBc,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATlB,EAAgB,EAAI,EACxBmB,QAASrB,GAETK,EAAAA,QAACC,cAAAgB,EAAAA,KAAK,CAAAC,KAAK,QAAQC,WAAW,eAAetB,KAAe,OAATA,EAAgB,KAAO,SCE1EuB,EAAYC,EAAAA,iBAAgB,SAAC3B,GAAE,IAAAE,gBAAA0B,OAAc,IAAA1B,KAAO2B,EAAA7B,EAAAG,KAAAA,aAAO,KAAI0B,EAAKC,EAAKC,EAAAA,OAAA/B,EAA5C,wBACzBgC,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,EAAAA,OAAAD,EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIV,GAAiBQ,IACnBE,EAAehC,EAAAA,QAAAC,cAACR,EAAW,CAACI,KAAMA,EAAMF,YAPtB,WACdkC,GACFA,EAAQC,GAAS,QASnB9B,wBAACiC,EAAAA,WAAU,KACRP,EAAc1B,EAAAA,QAACC,cAAAiC,oBAAiBC,SAAUT,EAAahB,EAAE,SAAY,KACtEV,EAAAA,QAAAC,cAACmC,EAAAA,MAAMC,EAAAA,SAAA,GAAKN,EAAQ,CAAEO,IAAKX,EAAU9B,KAAMA,EAAMiC,MAAOA,KACvDE,EAAehC,EAAA,QAAAC,cAACsC,EAAAA,kBAAkB,CAAAJ,SAAUH,EAActB,EAAE,SAAY,SAKzE8B,EAAmBC,EAAUA,YAAC,SAACjB,EAAuBc,GAAwC,OAClGtC,EAAAA,QAAAC,cAACmB,EAAUiB,EAAAA,SAAA,CAAAV,SAAUW,GAASd,OAGhCgB,EAAiBE,YAAc"}

package/build/{textarea.component-4dc71b31.js → textarea.component-2925a282.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./formControl.component-f3747e02.js"),a=require("./chakra-ui-textarea.esm-cfbdac00.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r),f=t.withFormControl((function(r){r.isFieldInline;var t=r.textareaRef,n=e.__rest(r,["isFieldInline","textareaRef"]);return i.default.createElement(a.Textarea,e.__assign({},n,{ref:t}))})),s=r.forwardRef((function(r,t){return i.default.createElement(f,e.__assign({textareaRef:t},r))}));s.displayName="Textarea",exports.WrappedTextArea=s;
-//# sourceMappingURL=textarea.component-4dc71b31.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./formControl.component-dfe743ef.js"),a=require("./chakra-ui-textarea.esm-cfbdac00.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r),f=t.withFormControl((function(r){r.isFieldInline;var t=r.textareaRef,n=e.__rest(r,["isFieldInline","textareaRef"]);return i.default.createElement(a.Textarea,e.__assign({},n,{ref:t}))})),s=r.forwardRef((function(r,t){return i.default.createElement(f,e.__assign({textareaRef:t},r))}));s.displayName="Textarea",exports.WrappedTextArea=s;
+//# sourceMappingURL=textarea.component-2925a282.js.map

package/build/{textarea.component-4dc71b31.js.map → textarea.component-2925a282.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea.component-4dc71b31.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl((props: TextareaProps): JSX.Element => {\n  const { isFieldInline, textareaRef, ...domProps } = props;\n\n  return <CTextarea {...domProps} ref={textareaRef} />;\n});\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","props","isFieldInline","textareaRef","domProps","__rest","React","createElement","CTextarea","__assign","ref","WrappedTextArea","forwardRef","displayName"],"mappings":"+PAUMA,EAAWC,EAAAA,iBAAgB,SAACC,GACoBA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,EAAAA,OAAAJ,EAA9C,CAAA,gBAAA,gBAEN,OAAOK,UAAAC,cAACC,EAAST,SAAKU,WAAA,GAAAL,GAAUM,IAAKP,QAGjCQ,EAAkBC,EAAUA,YAAC,SAACX,EAAsBS,GAA2C,OACnGJ,EAAAA,QAAAC,cAACR,EAASU,EAAAA,SAAA,CAAAN,YAAaO,GAAST,OAGlCU,EAAgBE,YAAc"}
+{"version":3,"file":"textarea.component-2925a282.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n  textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n  size?: FormControlSize;\n}\n\nconst Textarea = withFormControl((props: TextareaProps): JSX.Element => {\n  const { isFieldInline, textareaRef, ...domProps } = props;\n\n  return <CTextarea {...domProps} ref={textareaRef} />;\n});\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n  <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","props","isFieldInline","textareaRef","domProps","__rest","React","createElement","CTextarea","__assign","ref","WrappedTextArea","forwardRef","displayName"],"mappings":"+PAUMA,EAAWC,EAAAA,iBAAgB,SAACC,GACoBA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,EAAAA,OAAAJ,EAA9C,CAAA,gBAAA,gBAEN,OAAOK,UAAAC,cAACC,EAAST,SAAKU,WAAA,GAAAL,GAAUM,IAAKP,QAGjCQ,EAAkBC,EAAUA,YAAC,SAACX,EAAsBS,GAA2C,OACnGJ,EAAAA,QAAAC,cAACR,EAASU,EAAAA,SAAA,CAAAN,YAAaO,GAAST,OAGlCU,EAAgBE,YAAc"}

package/build/{timePicker.component-2170a362.js → timePicker.component-582d430d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./icon.component-e34857d4.js"),n=require("./popover.component-35b520f6.js"),o=require("./index-fee8538e.js"),i=require("./textInput.component-fb3edb25.js"),u=require("./useTheme-d7d8c3f5.js"),a=require("./chakra-ui-layout.esm-493ee04b.js"),l=require("./useIconTextSizeMap-b81a72a5.js"),c=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),s=require("./chakra-ui-popover.esm-af9721a4.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m=d(t),f=function(e){var r=e.value,n=e.innerRef,o=e.isSelected,i=e.handleClick,l=u.useTheme(),c=l.colors,s=l.fontSizes,d=l.radii,p=t.useCallback((function(e){var t=e.currentTarget.textContent||"";i(t)}),[i]);return m.default.createElement(a.Box,{ref:n,onClick:p,background:o?c.background.brand:c.white,color:o?c.text.dark.default:c.text.light.subtle,fontSize:s.sm,textAlign:"center",px:3,py:1,borderRadius:d.md,cursor:"pointer",_hover:{background:o?c.background.brand:c.background.hover}},r)},v=function(e){var r=e.options,n=e.optionType,o=e.selectedValue,i=e.handleClick,u=e.isOpen,l=void 0!==u&&u,c=t.useRef(null),s=t.useRef(null);return t.useEffect((function(){var e,t;l&&s.current&&c.current&&(s.current.scrollTop=(null===(e=c.current)||void 0===e?void 0:e.offsetTop)-(null===(t=s.current)||void 0===t?void 0:t.offsetTop))}),[l]),m.default.createElement(a.Flex,{direction:"column",gap:1,ref:s,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},r.map((function(e){return m.default.createElement(f,{key:"".concat(n,"-option-").concat(e),innerRef:e===o?c:null,value:e,isSelected:e===o,handleClick:i})})))};exports.Meridiem=void 0,(p=exports.Meridiem||(exports.Meridiem={})).AM="AM",p.PM="PM";exports.TimePicker=function(u){var d=u.initialTime,p=u.minuteInterval,f=void 0===p?5:p,b=u.inputProps,x=u.placement,M=u.onTimeChange,h=c.useDisclosure(),k=h.isOpen,g=h.onOpen,T=h.onClose,C=t.useMemo((function(){return new Date(d)}),[d]),E=e.__read(t.useState(d),2),S=E[0],j=E[1],q=t.useMemo((function(){var e=C.getHours(),t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[C]),y=e.__read(t.useState(q),2),_=y[0],P=y[1],O=e.__read(t.useState(C.getMinutes().toString()),2),w=O[0],z=O[1],A=e.__read(t.useState(C.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM),2),I=A[0],R=A[1],D=t.useMemo((function(){return o.format(S,"h:mm aa")}),[S]),N=function(e){var t=e.toString();return 1===t.length?"0".concat(t):t},V=t.useMemo((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),B=t.useMemo((function(){for(var e=[],t=0;t<60;t+=f)e.push(t);return e.map(N)}),[f]),H=[exports.Meridiem.AM,exports.Meridiem.PM],F=t.useCallback((function(e,t,r){var n=0;r===exports.Meridiem.PM&&Number(e)<12&&(n=12),r===exports.Meridiem.AM&&12===Number(e)&&(n=-12);var o=Number(e)+n,i=(new Date).setHours(o,Number(t),0,0),u=new Date(i);j(u),M&&M(u)}),[M]),W=t.useCallback((function(e){P(e),F(e,w,I)}),[F,I,w]),Y=t.useCallback((function(e){z(e),F(_,e,I)}),[F,_,I]),G=t.useCallback((function(e){R(e),F(_,w,e)}),[F,_,w]);return m.default.createElement(n.Popover,{isOpen:k,onOpen:g,onClose:T,placement:x,contentProps:{width:"max-content"},popoverTrigger:m.default.createElement(a.Box,null,m.default.createElement(i.WrappedTextInput,e.__assign({rightElement:m.default.createElement(r.Icon,{size:l.useIconTextSizeMap((null==b?void 0:b.size)||"md"),name:"clock"}),value:D,isReadOnly:!0,cursor:"pointer"},b)))},m.default.createElement(s.PopoverBody,{p:3},m.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},m.default.createElement(v,{options:V,optionType:"hour",selectedValue:_,handleClick:W,isOpen:k}),m.default.createElement(v,{options:B,optionType:"minute",selectedValue:N(w),handleClick:Y,isOpen:k}),m.default.createElement(v,{options:H,optionType:"meridiem",selectedValue:I,handleClick:G,isOpen:k}))))};
-//# sourceMappingURL=timePicker.component-2170a362.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./icon.component-092995a3.js"),n=require("./popover.component-35b520f6.js"),o=require("./index-fee8538e.js"),i=require("./textInput.component-0e7bd3ce.js"),u=require("./useTheme-d7d8c3f5.js"),a=require("./chakra-ui-layout.esm-493ee04b.js"),l=require("./useIconTextSizeMap-b81a72a5.js"),c=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),s=require("./chakra-ui-popover.esm-af9721a4.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p,m=d(t),f=function(e){var r=e.value,n=e.innerRef,o=e.isSelected,i=e.handleClick,l=u.useTheme(),c=l.colors,s=l.fontSizes,d=l.radii,p=t.useCallback((function(e){var t=e.currentTarget.textContent||"";i(t)}),[i]);return m.default.createElement(a.Box,{ref:n,onClick:p,background:o?c.background.brand:c.white,color:o?c.text.dark.default:c.text.light.subtle,fontSize:s.sm,textAlign:"center",px:3,py:1,borderRadius:d.md,cursor:"pointer",_hover:{background:o?c.background.brand:c.background.hover}},r)},v=function(e){var r=e.options,n=e.optionType,o=e.selectedValue,i=e.handleClick,u=e.isOpen,l=void 0!==u&&u,c=t.useRef(null),s=t.useRef(null);return t.useEffect((function(){var e,t;l&&s.current&&c.current&&(s.current.scrollTop=(null===(e=c.current)||void 0===e?void 0:e.offsetTop)-(null===(t=s.current)||void 0===t?void 0:t.offsetTop))}),[l]),m.default.createElement(a.Flex,{direction:"column",gap:1,ref:s,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},r.map((function(e){return m.default.createElement(f,{key:"".concat(n,"-option-").concat(e),innerRef:e===o?c:null,value:e,isSelected:e===o,handleClick:i})})))};exports.Meridiem=void 0,(p=exports.Meridiem||(exports.Meridiem={})).AM="AM",p.PM="PM";exports.TimePicker=function(u){var d=u.initialTime,p=u.minuteInterval,f=void 0===p?5:p,x=u.inputProps,M=u.placement,b=u.onTimeChange,h=c.useDisclosure(),k=h.isOpen,g=h.onOpen,T=h.onClose,C=t.useMemo((function(){return new Date(d)}),[d]),E=e.__read(t.useState(d),2),S=E[0],j=E[1],q=t.useMemo((function(){var e=C.getHours(),t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[C]),y=e.__read(t.useState(q),2),_=y[0],P=y[1],O=e.__read(t.useState(C.getMinutes().toString()),2),w=O[0],z=O[1],A=e.__read(t.useState(C.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM),2),I=A[0],R=A[1],D=t.useMemo((function(){return o.format(S,"h:mm aa")}),[S]),N=function(e){var t=e.toString();return 1===t.length?"0".concat(t):t},V=t.useMemo((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),B=t.useMemo((function(){for(var e=[],t=0;t<60;t+=f)e.push(t);return e.map(N)}),[f]),H=[exports.Meridiem.AM,exports.Meridiem.PM],F=t.useCallback((function(e,t,r){var n=0;r===exports.Meridiem.PM&&Number(e)<12&&(n=12),r===exports.Meridiem.AM&&12===Number(e)&&(n=-12);var o=Number(e)+n,i=(new Date).setHours(o,Number(t),0,0),u=new Date(i);j(u),b&&b(u)}),[b]),W=t.useCallback((function(e){P(e),F(e,w,I)}),[F,I,w]),Y=t.useCallback((function(e){z(e),F(_,e,I)}),[F,_,I]),G=t.useCallback((function(e){R(e),F(_,w,e)}),[F,_,w]);return m.default.createElement(n.Popover,{isOpen:k,onOpen:g,onClose:T,placement:M,contentProps:{width:"max-content"},popoverTrigger:m.default.createElement(a.Box,null,m.default.createElement(i.WrappedTextInput,e.__assign({rightElement:m.default.createElement(r.Icon,{size:l.useIconTextSizeMap((null==x?void 0:x.size)||"md"),name:"clock"}),value:D,isReadOnly:!0,cursor:"pointer"},x)))},m.default.createElement(s.PopoverBody,{p:3},m.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},m.default.createElement(v,{options:V,optionType:"hour",selectedValue:_,handleClick:W,isOpen:k}),m.default.createElement(v,{options:B,optionType:"minute",selectedValue:N(w),handleClick:Y,isOpen:k}),m.default.createElement(v,{options:H,optionType:"meridiem",selectedValue:I,handleClick:G,isOpen:k}))))};
+//# sourceMappingURL=timePicker.component-582d430d.js.map

package/build/{timePicker.component-2170a362.js.map → timePicker.component-582d430d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timePicker.component-2170a362.js","sources":["../src/components/TimePicker/timePicker.types.ts","../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n","import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\n\ninterface TimeOptionProps {\n  value: string;\n  innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n  isSelected: boolean;\n  handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n  const { colors, fontSizes, radii } = useTheme();\n\n  const onClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const selectedValue = event.currentTarget.textContent || '';\n      handleClick(selectedValue);\n    },\n    [handleClick],\n  );\n\n  return (\n    <Box\n      ref={innerRef}\n      onClick={onClick}\n      background={isSelected ? colors.background.brand : colors.white}\n      color={isSelected ? colors.text.dark.default : colors.text.light.subtle}\n      fontSize={fontSizes.sm}\n      textAlign=\"center\"\n      px={3}\n      py={1}\n      borderRadius={radii.md}\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? colors.background.brand : colors.background.hover,\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: 'hour' | 'minute' | 'meridiem';\n  selectedValue: string;\n  handleClick: (value: string) => void;\n  isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n  options,\n  optionType,\n  selectedValue,\n  handleClick,\n  isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [isOpen]);\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      ref={containerRef}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            isSelected={option === selectedValue}\n            handleClick={handleClick}\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { PlacementWithLogical, PopoverBody, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n  initialTime: Date;\n  minuteInterval?: number;\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  placement?: PlacementWithLogical;\n  onTimeChange?: (time: Date) => void;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  minuteInterval = 5,\n  inputProps,\n  placement,\n  onTimeChange,\n}: TimePickerProps): JSX.Element => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n  const localTime = useMemo(() => new Date(initialTime), [initialTime]);\n\n  // selectedTime should always be UTC\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n\n  const initialSelectedHour = useMemo(() => {\n    const hours = localTime.getHours();\n    let adjustedHours = hours;\n\n    if (hours > 12) {\n      adjustedHours = hours - 12;\n    }\n    if (hours === 0) {\n      adjustedHours = 12;\n    }\n\n    return adjustedHours.toString();\n  }, [localTime]);\n\n  // convert to local time for display\n  const [selectedHour, setSelectedHour] = useState(initialSelectedHour);\n  const [selectedMinute, setSelectedMinute] = useState(localTime.getMinutes().toString());\n  const [selectedMeridiem, setSelectedMeridiem] = useState<string>(\n    localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n  );\n\n  const formattedTime = useMemo(() => {\n    return format(selectedTime, 'h:mm aa');\n  }, [selectedTime]);\n\n  const formatNumber = (number: number | string): string => {\n    const formattedValue = number.toString();\n    if (formattedValue.length === 1) {\n      return `0${formattedValue}`;\n    }\n\n    return formattedValue;\n  };\n\n  const hourOptions = useMemo(() => {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n  }, []);\n\n  const minuteOptions = useMemo(() => {\n    const minutes = [];\n    for (let i = 0; i < 60; i += minuteInterval) {\n      minutes.push(i);\n    }\n\n    return minutes.map(formatNumber);\n  }, [minuteInterval]);\n\n  const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n  const handleTimeChange = useCallback(\n    (hour: string, minute: string, meridiem: string) => {\n      let meridiemAdjustment = 0;\n\n      // set 1-11pm to 13-23. Don't set 12pm to 24\n      if (meridiem === Meridiem.PM && Number(hour) < 12) {\n        meridiemAdjustment = 12;\n      }\n\n      // set 12am to 00\n      if (meridiem === Meridiem.AM && Number(hour) === 12) {\n        meridiemAdjustment = -12;\n      }\n\n      const hours = Number(hour) + meridiemAdjustment;\n      const time = new Date().setHours(hours, Number(minute), 0, 0);\n      const date = new Date(time);\n      setSelectedTime(date);\n\n      if (onTimeChange) {\n        onTimeChange(date);\n      }\n    },\n    [onTimeChange],\n  );\n\n  const handleHourClick = useCallback(\n    (value: string) => {\n      setSelectedHour(value);\n      handleTimeChange(value, selectedMinute, selectedMeridiem);\n    },\n    [handleTimeChange, selectedMeridiem, selectedMinute],\n  );\n\n  const handleMinuteClick = useCallback(\n    (value: string) => {\n      setSelectedMinute(value);\n      handleTimeChange(selectedHour, value, selectedMeridiem);\n    },\n    [handleTimeChange, selectedHour, selectedMeridiem],\n  );\n\n  const handleMeridiemClick = useCallback(\n    (value: string) => {\n      setSelectedMeridiem(value);\n      handleTimeChange(selectedHour, selectedMinute, value);\n    },\n    [handleTimeChange, selectedHour, selectedMinute],\n  );\n\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      placement={placement}\n      contentProps={{ width: 'max-content' }}\n      popoverTrigger={\n        <Box>\n          <TextInput\n            rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <PopoverBody p={3}>\n        <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n          <ScrollContainer\n            options={hourOptions}\n            optionType=\"hour\"\n            selectedValue={selectedHour}\n            handleClick={handleHourClick}\n            isOpen={isOpen}\n          />\n          <ScrollContainer\n            options={minuteOptions}\n            optionType=\"minute\"\n            selectedValue={formatNumber(selectedMinute)}\n            handleClick={handleMinuteClick}\n            isOpen={isOpen}\n          />\n          <ScrollContainer\n            options={meridiemOptions}\n            optionType=\"meridiem\"\n            selectedValue={selectedMeridiem}\n            handleClick={handleMeridiemClick}\n            isOpen={isOpen}\n          />\n        </Flex>\n      </PopoverBody>\n    </Popover>\n  );\n};\n"],"names":["Meridiem","TimeOption","_a","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","borderRadius","md","cursor","_hover","hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","offsetTop","Flex","direction","gap","overflowY","sx","display","map","option","key","concat","initialTime","minuteInterval","inputProps","placement","onTimeChange","_c","useDisclosure","onOpen","onClose","localTime","useMemo","Date","_d","__read","useState","selectedTime","setSelectedTime","initialSelectedHour","hours","getHours","adjustedHours","toString","_e","selectedHour","setSelectedHour","_f","getMinutes","selectedMinute","setSelectedMinute","_g","PM","AM","selectedMeridiem","setSelectedMeridiem","formattedTime","format","formatNumber","number","formattedValue","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","popoverTrigger","TextInput","WrappedTextInput","__assign","rightElement","Icon","size","useIconTextSizeMap","name","isReadOnly","PopoverBody","p","height","overflow"],"mappings":"8hBAAYA,SCWCC,EAAa,SAACC,OAAEC,EAAKD,EAAAC,MAAEC,EAAQF,EAAAE,SAAEC,EAAUH,EAAAG,WAAEC,EAAWJ,EAAAI,YAC7DC,EAA+BC,EAAAA,WAA7BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAE1BC,EAAUC,eACd,SAACC,GACC,IAAMC,EAAgBD,EAAME,cAAcC,aAAe,GACzDX,EAAYS,KAEd,CAACT,IAGH,OACEY,EAAC,QAAAC,cAAAC,MACC,CAAAC,IAAKjB,EACLQ,QAASA,EACTU,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOe,MAC1DC,MAAOpB,EAAaI,EAAOiB,KAAKC,KAAKC,QAAUnB,EAAOiB,KAAKG,MAAMC,OACjEC,SAAUrB,EAAUsB,GACpBC,UAAU,SACVC,GAAI,EACJC,GAAI,EACJC,aAAczB,EAAM0B,GACpBC,OAAO,UACPC,OAAQ,CACNjB,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOa,WAAWkB,QAGtErC,IC1BMsC,EAAkB,SAACvC,GAC9B,IAAAwC,YACAC,EAAUzC,EAAAyC,WACV5B,EAAab,EAAAa,cACbT,EAAWJ,EAAAI,YACXC,EAAcL,EAAA0C,OAAdA,OAAM,IAAArC,GAAQA,EAERsC,EAAUC,SAAuB,MACjCC,EAAeD,SAAuB,MAQ5C,OANAE,EAAAA,WAAU,mBACJJ,GAAUG,EAAaE,SAAWJ,EAAQI,UAC5CF,EAAaE,QAAQC,mBAAYhD,EAAA2C,EAAQI,8BAASE,YAAkC,UAAtBJ,EAAaE,eAAS,IAAA1C,OAAA,EAAAA,EAAA4C,cAErF,CAACP,IAGF1B,wBAACkC,OAAI,CACHC,UAAU,SACVC,IAAK,EACLjC,IAAK0B,EACLQ,UAAU,OACVC,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZf,EAAQgB,KAAI,SAACC,GACZ,OACEzC,UAACC,cAAAlB,GACC2D,IAAK,UAAGjB,EAAU,YAAAkB,OAAWF,GAC7BvD,SAAUuD,IAAW5C,EAAgB8B,EAAU,KAC/C1C,MAAOwD,EACPtD,WAAYsD,IAAW5C,EACvBT,YAAaA,SF/CbN,QAGXA,cAAA,GAHWA,EAAAA,QAAQA,WAARA,iBAGX,KAFC,GAAA,KACAA,EAAA,GAAA,wBGgBwB,SAACE,GACzB,IAAA4D,gBACAvD,EAAAL,EAAA6D,eAAAA,aAAiB,EAACxD,EAClByD,eACAC,EAAS/D,EAAA+D,UACTC,EAAYhE,EAAAgE,aAENC,EAA8BC,EAAAA,gBAA5BxB,EAAMuB,EAAAvB,OAAEyB,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QACzBC,EAAYC,EAAAA,SAAQ,WAAM,OAAA,IAAIC,KAAKX,KAAc,CAACA,IAGlDY,EAAAC,EAAAA,OAAkCC,EAAQA,SAACd,GAAY,GAAtDe,EAAYH,EAAA,GAAEI,OAEfC,EAAsBP,EAAAA,SAAQ,WAClC,IAAMQ,EAAQT,EAAUU,WACpBC,EAAgBF,EASpB,OAPIA,EAAQ,KACVE,EAAgBF,EAAQ,IAEZ,IAAVA,IACFE,EAAgB,IAGXA,EAAcC,aACpB,CAACZ,IAGEa,EAAAT,EAAAA,OAAkCC,EAAQA,SAACG,GAAoB,GAA9DM,EAAYD,EAAA,GAAEE,OACfC,EAAAZ,EAAAA,OAAsCC,EAAQA,SAACL,EAAUiB,aAAaL,eAArEM,OAAgBC,OACjBC,EAAAhB,EAAAA,OAA0CC,WAC9CL,EAAUU,WAAa,GAAKjF,QAAQA,SAAC4F,GAAK5F,QAAAA,SAAS6F,IACpD,GAFMC,EAAgBH,EAAA,GAAEI,OAInBC,EAAgBxB,EAAAA,SAAQ,WAC5B,OAAOyB,EAAMA,OAACpB,EAAc,aAC3B,CAACA,IAEEqB,EAAe,SAACC,GACpB,IAAMC,EAAiBD,EAAOhB,WAC9B,OAA8B,IAA1BiB,EAAeC,OACV,IAAAxC,OAAIuC,GAGNA,GAGHE,EAAc9B,EAAAA,SAAQ,WAC1B,MAAO,CAAC,GAAI,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAAId,KAAI,SAAC6C,GAAS,OAAAA,EAAKpB,gBACjE,IAEGqB,EAAgBhC,EAAAA,SAAQ,WAE5B,IADA,IAAMiC,EAAU,GACPC,EAAI,EAAGA,EAAI,GAAIA,GAAK3C,EAC3B0C,EAAQE,KAAKD,GAGf,OAAOD,EAAQ/C,IAAIwC,KAClB,CAACnC,IAEE6C,EAAkB,CAAC5G,QAAQA,SAAC6F,GAAI7F,QAAQA,SAAC4F,IAEzCiB,EAAmBhG,EAAWA,aAClC,SAAC0F,EAAcO,EAAgBC,GAC7B,IAAIC,EAAqB,EAGrBD,IAAa/G,QAAAA,SAAS4F,IAAMqB,OAAOV,GAAQ,KAC7CS,EAAqB,IAInBD,IAAa/G,QAAAA,SAAS6F,IAAuB,KAAjBoB,OAAOV,KACrCS,GAAsB,IAGxB,IAAMhC,EAAQiC,OAAOV,GAAQS,EACvBE,GAAO,IAAIzC,MAAO0C,SAASnC,EAAOiC,OAAOH,GAAS,EAAG,GACrDM,EAAO,IAAI3C,KAAKyC,GACtBpC,EAAgBsC,GAEZlD,GACFA,EAAakD,KAGjB,CAAClD,IAGGmD,EAAkBxG,eACtB,SAACV,GACCmF,EAAgBnF,GAChB0G,EAAiB1G,EAAOsF,EAAgBK,KAE1C,CAACe,EAAkBf,EAAkBL,IAGjC6B,EAAoBzG,eACxB,SAACV,GACCuF,EAAkBvF,GAClB0G,EAAiBxB,EAAclF,EAAO2F,KAExC,CAACe,EAAkBxB,EAAcS,IAG7ByB,EAAsB1G,eAC1B,SAACV,GACC4F,EAAoB5F,GACpB0G,EAAiBxB,EAAcI,EAAgBtF,KAEjD,CAAC0G,EAAkBxB,EAAcI,IAGnC,OACEvE,EAAA,QAAAC,cAACqG,EAAAA,QAAO,CACN5E,OAAQA,EACRyB,OAAQA,EACRC,QAASA,EACTL,UAAWA,EACXwD,aAAc,CAAEC,MAAO,eACvBC,eACEzG,wBAACE,EAAAA,IAAG,KACFF,EAAA,QAAAC,cAACyG,EAASC,iBACRC,EAAAA,SAAA,CAAAC,aAAc7G,EAAAA,QAACC,cAAA6G,EAAIA,MAACC,KAAMC,EAAAA,oBAAmBlE,MAAAA,OAAA,EAAAA,EAAYiE,OAAQ,MAAOE,KAAK,UAC7EhI,MAAO6F,EACPoC,cACA9F,OAAQ,WACJ0B,MAKV9C,EAAAA,QAAAC,cAACkH,EAAAA,YAAW,CAACC,EAAG,GACdpH,UAAAC,cAACiC,EAAIA,KAAA,CAACmF,OAAO,QAAQjF,IAAK,IAAKkF,SAAS,UACtCtH,EAAAA,QAACC,cAAAsB,GACCC,QAAS4D,EACT3D,WAAW,OACX5B,cAAesE,EACf/E,YAAa+G,EACbzE,OAAQA,IAEV1B,EAAC,QAAAC,cAAAsB,EACC,CAAAC,QAAS8D,EACT7D,WAAW,SACX5B,cAAemF,EAAaT,GAC5BnF,YAAagH,EACb1E,OAAQA,IAEV1B,EAAC,QAAAC,cAAAsB,EACC,CAAAC,QAASkE,EACTjE,WAAW,WACX5B,cAAe+E,EACfxF,YAAaiH,EACb3E,OAAQA"}
+{"version":3,"file":"timePicker.component-582d430d.js","sources":["../src/components/TimePicker/timePicker.types.ts","../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["export enum Meridiem {\n  AM = 'AM',\n  PM = 'PM',\n}\n","import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\n\ninterface TimeOptionProps {\n  value: string;\n  innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n  isSelected: boolean;\n  handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n  const { colors, fontSizes, radii } = useTheme();\n\n  const onClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const selectedValue = event.currentTarget.textContent || '';\n      handleClick(selectedValue);\n    },\n    [handleClick],\n  );\n\n  return (\n    <Box\n      ref={innerRef}\n      onClick={onClick}\n      background={isSelected ? colors.background.brand : colors.white}\n      color={isSelected ? colors.text.dark.default : colors.text.light.subtle}\n      fontSize={fontSizes.sm}\n      textAlign=\"center\"\n      px={3}\n      py={1}\n      borderRadius={radii.md}\n      cursor=\"pointer\"\n      _hover={{\n        background: isSelected ? colors.background.brand : colors.background.hover,\n      }}\n    >\n      {value}\n    </Box>\n  );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n  options: string[];\n  optionType: 'hour' | 'minute' | 'meridiem';\n  selectedValue: string;\n  handleClick: (value: string) => void;\n  isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n  options,\n  optionType,\n  selectedValue,\n  handleClick,\n  isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n  const itemRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isOpen && containerRef.current && itemRef.current) {\n      containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n    }\n  }, [isOpen]);\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap={1}\n      ref={containerRef}\n      overflowY=\"auto\"\n      sx={{\n        '&::-webkit-scrollbar': {\n          display: 'none',\n        },\n      }}\n    >\n      {options.map((option) => {\n        return (\n          <TimeOption\n            key={`${optionType}-option-${option}`}\n            innerRef={option === selectedValue ? itemRef : null}\n            value={option}\n            isSelected={option === selectedValue}\n            handleClick={handleClick}\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { PlacementWithLogical, PopoverBody, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n  initialTime: Date;\n  minuteInterval?: number;\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  placement?: PlacementWithLogical;\n  onTimeChange?: (time: Date) => void;\n}\n\nexport const TimePicker = ({\n  initialTime,\n  minuteInterval = 5,\n  inputProps,\n  placement,\n  onTimeChange,\n}: TimePickerProps): JSX.Element => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n  const localTime = useMemo(() => new Date(initialTime), [initialTime]);\n\n  // selectedTime should always be UTC\n  const [selectedTime, setSelectedTime] = useState(initialTime);\n\n  const initialSelectedHour = useMemo(() => {\n    const hours = localTime.getHours();\n    let adjustedHours = hours;\n\n    if (hours > 12) {\n      adjustedHours = hours - 12;\n    }\n    if (hours === 0) {\n      adjustedHours = 12;\n    }\n\n    return adjustedHours.toString();\n  }, [localTime]);\n\n  // convert to local time for display\n  const [selectedHour, setSelectedHour] = useState(initialSelectedHour);\n  const [selectedMinute, setSelectedMinute] = useState(localTime.getMinutes().toString());\n  const [selectedMeridiem, setSelectedMeridiem] = useState<string>(\n    localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n  );\n\n  const formattedTime = useMemo(() => {\n    return format(selectedTime, 'h:mm aa');\n  }, [selectedTime]);\n\n  const formatNumber = (number: number | string): string => {\n    const formattedValue = number.toString();\n    if (formattedValue.length === 1) {\n      return `0${formattedValue}`;\n    }\n\n    return formattedValue;\n  };\n\n  const hourOptions = useMemo(() => {\n    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n  }, []);\n\n  const minuteOptions = useMemo(() => {\n    const minutes = [];\n    for (let i = 0; i < 60; i += minuteInterval) {\n      minutes.push(i);\n    }\n\n    return minutes.map(formatNumber);\n  }, [minuteInterval]);\n\n  const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n  const handleTimeChange = useCallback(\n    (hour: string, minute: string, meridiem: string) => {\n      let meridiemAdjustment = 0;\n\n      // set 1-11pm to 13-23. Don't set 12pm to 24\n      if (meridiem === Meridiem.PM && Number(hour) < 12) {\n        meridiemAdjustment = 12;\n      }\n\n      // set 12am to 00\n      if (meridiem === Meridiem.AM && Number(hour) === 12) {\n        meridiemAdjustment = -12;\n      }\n\n      const hours = Number(hour) + meridiemAdjustment;\n      const time = new Date().setHours(hours, Number(minute), 0, 0);\n      const date = new Date(time);\n      setSelectedTime(date);\n\n      if (onTimeChange) {\n        onTimeChange(date);\n      }\n    },\n    [onTimeChange],\n  );\n\n  const handleHourClick = useCallback(\n    (value: string) => {\n      setSelectedHour(value);\n      handleTimeChange(value, selectedMinute, selectedMeridiem);\n    },\n    [handleTimeChange, selectedMeridiem, selectedMinute],\n  );\n\n  const handleMinuteClick = useCallback(\n    (value: string) => {\n      setSelectedMinute(value);\n      handleTimeChange(selectedHour, value, selectedMeridiem);\n    },\n    [handleTimeChange, selectedHour, selectedMeridiem],\n  );\n\n  const handleMeridiemClick = useCallback(\n    (value: string) => {\n      setSelectedMeridiem(value);\n      handleTimeChange(selectedHour, selectedMinute, value);\n    },\n    [handleTimeChange, selectedHour, selectedMinute],\n  );\n\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpen={onOpen}\n      onClose={onClose}\n      placement={placement}\n      contentProps={{ width: 'max-content' }}\n      popoverTrigger={\n        <Box>\n          <TextInput\n            rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n            value={formattedTime}\n            isReadOnly\n            cursor={'pointer'}\n            {...inputProps}\n          />\n        </Box>\n      }\n    >\n      <PopoverBody p={3}>\n        <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n          <ScrollContainer\n            options={hourOptions}\n            optionType=\"hour\"\n            selectedValue={selectedHour}\n            handleClick={handleHourClick}\n            isOpen={isOpen}\n          />\n          <ScrollContainer\n            options={minuteOptions}\n            optionType=\"minute\"\n            selectedValue={formatNumber(selectedMinute)}\n            handleClick={handleMinuteClick}\n            isOpen={isOpen}\n          />\n          <ScrollContainer\n            options={meridiemOptions}\n            optionType=\"meridiem\"\n            selectedValue={selectedMeridiem}\n            handleClick={handleMeridiemClick}\n            isOpen={isOpen}\n          />\n        </Flex>\n      </PopoverBody>\n    </Popover>\n  );\n};\n"],"names":["Meridiem","TimeOption","_a","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","borderRadius","md","cursor","_hover","hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","offsetTop","Flex","direction","gap","overflowY","sx","display","map","option","key","concat","initialTime","minuteInterval","inputProps","placement","onTimeChange","_c","useDisclosure","onOpen","onClose","localTime","useMemo","Date","_d","__read","useState","selectedTime","setSelectedTime","initialSelectedHour","hours","getHours","adjustedHours","toString","_e","selectedHour","setSelectedHour","_f","getMinutes","selectedMinute","setSelectedMinute","_g","PM","AM","selectedMeridiem","setSelectedMeridiem","formattedTime","format","formatNumber","number","formattedValue","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","popoverTrigger","TextInput","WrappedTextInput","__assign","rightElement","Icon","size","useIconTextSizeMap","name","isReadOnly","PopoverBody","p","height","overflow"],"mappings":"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"}

package/build/{timeRange.component-832d7293.js → timeRange.component-c16c8431.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./timePicker.component-2170a362.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.TimeRange=function(r){var i=r.startTimePickerProps,s=r.endTimePickerProps,c=r.dashContainerProps;return n.default.createElement(a.Flex,null,n.default.createElement(t.TimePicker,e.__assign({},i)),n.default.createElement(a.Box,e.__assign({alignSelf:"center",mx:1},c),"-"),n.default.createElement(t.TimePicker,e.__assign({},s)))};
-//# sourceMappingURL=timeRange.component-832d7293.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./timePicker.component-582d430d.js"),a=require("./chakra-ui-layout.esm-493ee04b.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.TimeRange=function(r){var i=r.startTimePickerProps,s=r.endTimePickerProps,c=r.dashContainerProps;return n.default.createElement(a.Flex,null,n.default.createElement(t.TimePicker,e.__assign({},i)),n.default.createElement(a.Box,e.__assign({alignSelf:"center",mx:1},c),"-"),n.default.createElement(t.TimePicker,e.__assign({},s)))};
+//# sourceMappingURL=timeRange.component-c16c8431.js.map

package/build/{timeRange.component-832d7293.js.map → timeRange.component-c16c8431.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.component-832d7293.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n  startTimePickerProps: TimePickerProps;\n  endTimePickerProps: TimePickerProps;\n  dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n  startTimePickerProps,\n  endTimePickerProps,\n  dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n  return (\n    <Flex>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n        -\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["_a","startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","__assign","Box","alignSelf","mx"],"mappings":"8QAUyB,SAACA,GACxB,IAAAC,yBACAC,EAAkBF,EAAAE,mBAClBC,EAAkBH,EAAAG,mBAElB,OACEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,EAAUA,WAAKC,EAAAA,SAAA,GAAAP,IAChBG,EAAAA,QAACE,cAAAG,MAAID,EAAAA,SAAA,CAAAE,UAAU,SAASC,GAAI,GAAOR,GAE7B,KACNC,EAAA,QAAAE,cAACC,aAAeC,EAAAA,SAAA,GAAAN"}
+{"version":3,"file":"timeRange.component-c16c8431.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n  startTimePickerProps: TimePickerProps;\n  endTimePickerProps: TimePickerProps;\n  dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n  startTimePickerProps,\n  endTimePickerProps,\n  dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n  return (\n    <Flex>\n      <TimePicker {...startTimePickerProps} />\n      <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n        -\n      </Box>\n      <TimePicker {...endTimePickerProps} />\n    </Flex>\n  );\n};\n"],"names":["_a","startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","__assign","Box","alignSelf","mx"],"mappings":"8QAUyB,SAACA,GACxB,IAAAC,yBACAC,EAAkBF,EAAAE,mBAClBC,EAAkBH,EAAAG,mBAElB,OACEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,EAAUA,WAAKC,EAAAA,SAAA,GAAAP,IAChBG,EAAAA,QAACE,cAAAG,MAAID,EAAAA,SAAA,CAAAE,UAAU,SAASC,GAAI,GAAOR,GAE7B,KACNC,EAAA,QAAAE,cAACC,aAAeC,EAAAA,SAAA,GAAAN"}

package/build/{useToast-dffa5e79.js → useToast-4756c81e.js}

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-f01c41a6.js"),e=require("react"),n=require("./chakra-ui-system.esm-b563b97d.js"),o=require("./chakra-ui-theme.esm-cc694e08.js"),r=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),i=require("./alert.component-fcb596b3.js"),a=require("./useTheme-d7d8c3f5.js"),u=require("./withDarkMode-3fdb3990.js"),s=require("react-dom"),c=require("./index-8fecff45.js"),l=require("./index-5c563615.js"),f=require("./motion-1db106fa.js");function d(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var p=d(e);function v(){return v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},v.apply(this,arguments)}var m=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,a=void 0===i?{}:i,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,v({ref:n,style:v({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},a)},u))}));("production"!==process.env.NODE_ENV&&(m.displayName="VisuallyHidden",m.propTypes={as:c.PropTypes.any,children:c.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function h(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function y(t){return e.forwardRef(t)}function b(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function g(){return g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},g.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var E,_={polite:-1,assertive:-1},O={polite:{},assertive:{}},T={polite:null,assertive:null},j=y((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,a=t.type,u=void 0===a?"polite":a,s=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){h(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,g({},s,{ref:l,"data-reach-alert":!0}),i)}),[i,s]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),a=e.useRef(!1);e.useEffect((function(){var e=b(o.current);a.current?r!==t?(i.current&&i.current.unmount(),i.current=w(t,e),i.current.mount(n)):i.current&&i.current.update(n):(a.current=!0,i.current=w(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(u,f,c),f}));function w(t,e){var n=++_[t];return{mount:function o(r){if(T[t])O[t][n]=r,x();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),T[t]=i,e.body.appendChild(T[t]),o(r)}},update:function(e){O[t][n]=e,x()},unmount:function(){delete O[t][n],x()}}}function x(){null!=E&&window.clearTimeout(E),E=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;T[n]&&s.render(e.createElement(m,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),T[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function C(t,e){return C=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},C(t,e)}function N(t,e){var n=k(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(j.displayName="Alert",j.propTypes={children:c.PropTypes.node,type:c.PropTypes.oneOf(["assertive","polite"])});var k=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var q={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},S=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,a=t.onRequestRemove,u=t.requestClose,s=void 0!==u&&u,c=t.position,l=void 0===c?"bottom":c,d=t.duration,v=void 0===d?5e3:d,m=t.containerStyle,h=void 0===m?{}:m,y=p.useState(v),b=y[0],g=y[1],E=f.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var _=function(){E&&a()};p.useEffect((function(){E&&s&&a()}),[E,s,a]),r.useTimeout(_,b);var O=p.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(l)}),[l]);return p.createElement(f.motion.li,{layout:!0,className:"chakra-toast",variants:q,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:l},style:O},p.createElement(j,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:_}):o))};n.__DEV__&&(S.displayName="Toast");var D=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=N(o,t),i=r.position,a=r.index;return i&&-1!==a&&(o[i][a]=A({},o[i][a],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var a=null!=(o=e.id)?o:r.counter,u=null!=(i=e.position)?i:"top";return{id:a,message:t,position:u,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(a),u)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=k(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=N(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,C(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return p.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},p.createElement(l.AnimatePresence,{initial:!1},n.map((function(t){return p.createElement(S,A({key:t.id},t))}))))}))},r}(p.Component);D.counter=0;var P=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}s.render(p.createElement(D,{notify:this.bindFunctions}),e)}};function V(t,e){var n;if(t){var o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}}var R=function(e){e.position,e.duration;var n=e.id;e.onCloseComplete,e.containerStyle;var o=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return u.withDarkMode(p.createElement(i.Alert,t.__assign({id:n},o)),!0)},M={title:"",duration:5e3,position:"top"},I={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:M};exports.useToast=function(e){var o=a.useTheme(),i=r.useLatestRef(e);return function(e){var o=void 0===e?I:e,r=o.theme,i=void 0===r?I.theme:r,a=o.defaultOptions,u=void 0===a?I.defaultOptions:a,s=function(e,o){return p.createElement(n.ThemeProvider,{theme:i},p.createElement(R,t.__assign({},e,o)))},c=function(e){var n=t.__assign(t.__assign({},u),e);return n.position=V(n.position,i.direction),P.notify((function(t){return s(t,n)}),n)};return c.close=P.close,c.closeAll=P.closeAll,c.update=function(e,n){if(e){var o=t.__assign(t.__assign({},u),n);o.position=V(o.position,i.direction),P.update(e,t.__assign(t.__assign({},o),{message:function(t){return s(t,o)}}))}},c.isActive=P.isActive,c}({theme:o,defaultOptions:t.__assign(t.__assign({},M),i.current)})};
-//# sourceMappingURL=useToast-dffa5e79.js.map
+"use strict";var t=require("./tslib.es6-f01c41a6.js"),e=require("react"),n=require("./chakra-ui-system.esm-b563b97d.js"),o=require("./chakra-ui-theme.esm-cc694e08.js"),r=require("./chakra-ui-hooks.esm-c8f7aa0e.js"),i=require("./alert.component-fae00941.js"),a=require("./useTheme-d7d8c3f5.js"),u=require("./withDarkMode-3fdb3990.js"),s=require("react-dom"),c=require("./index-48417dbc.js"),l=require("./index-5c563615.js"),f=require("./motion-1db106fa.js");function d(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var p=d(e);function v(){return v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},v.apply(this,arguments)}var m=e.forwardRef((function(t,n){var o=t.as,r=void 0===o?"span":o,i=t.style,a=void 0===i?{}:i,u=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","style"]);return e.createElement(r,v({ref:n,style:v({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"},a)},u))}));("production"!==process.env.NODE_ENV&&(m.displayName="VisuallyHidden",m.propTypes={as:c.PropTypes.any,children:c.PropTypes.node}),process.env.NODE_ENV,"production"!==process.env.NODE_ENV)&&("undefined"!=typeof process?process:{env:{NODE_ENV:"development"}}).env;function h(t,e){if(null!=t)if(function(t){return!(!t||"[object Function]"!={}.toString.call(t))}(t))t(e);else try{t.current=e}catch(n){throw new Error('Cannot assign value "'+e+'" to ref "'+t+'"')}}function y(t){return e.forwardRef(t)}function b(t){return"undefined"!=typeof window&&window.document&&window.document.createElement?t?t.ownerDocument:document:null}function g(){return g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},g.apply(this,arguments)}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;var E,_={polite:-1,assertive:-1},O={polite:{},assertive:{}},T={polite:null,assertive:null},j=y((function(t,n){var o=t.as,r=void 0===o?"div":o,i=t.children,a=t.type,u=void 0===a?"polite":a,s=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,["as","children","type"]),c=e.useRef(null),l=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.useMemo((function(){return n.every((function(t){return null==t}))?null:function(t){n.forEach((function(e){h(e,t)}))}}),[].concat(n))}(n,c),f=e.useMemo((function(){return e.createElement(r,g({},s,{ref:l,"data-reach-alert":!0}),i)}),[i,s]);return function(t,n,o){var r=function(t){var n=e.useRef(null);return e.useEffect((function(){n.current=t}),[t]),n.current}(t),i=e.useRef(null),a=e.useRef(!1);e.useEffect((function(){var e=b(o.current);a.current?r!==t?(i.current&&i.current.unmount(),i.current=w(t,e),i.current.mount(n)):i.current&&i.current.update(n):(a.current=!0,i.current=w(t,e),i.current.mount(n))}),[n,t,r,o]),e.useEffect((function(){return function(){i.current&&i.current.unmount()}}),[])}(u,f,c),f}));function w(t,e){var n=++_[t];return{mount:function o(r){if(T[t])O[t][n]=r,x();else{var i=e.createElement("div");i.setAttribute("data-reach-live-"+t,"true"),T[t]=i,e.body.appendChild(T[t]),o(r)}},update:function(e){O[t][n]=e,x()},unmount:function(){delete O[t][n],x()}}}function x(){null!=E&&window.clearTimeout(E),E=window.setTimeout((function(){Object.keys(O).forEach((function(t){var n=t;T[n]&&s.render(e.createElement(m,{as:"div"},e.createElement("div",{role:"assertive"===n?"alert":"status","aria-live":n},Object.keys(O[n]).map((function(t){return e.cloneElement(O[n][t],{key:t,ref:null})})))),T[n])}))}),500)}function A(){return A=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},A.apply(this,arguments)}function C(t,e){return C=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},C(t,e)}function N(t,e){var n=k(t,e),o=n?t[n].findIndex((function(t){return t.id===e})):-1;return{position:n,index:o}}"production"!==process.env.NODE_ENV&&(j.displayName="Alert",j.propTypes={children:c.PropTypes.node,type:c.PropTypes.oneOf(["assertive","polite"])});var k=function(t,e){var n;return null==(n=Object.values(t).flat().find((function(t){return t.id===e})))?void 0:n.position};var q={initial:function(t){var e,n=t.position,o=["top","bottom"].includes(n)?"y":"x",r=["top-right","bottom-right"].includes(n)?1:-1;return"bottom"===n&&(r=1),(e={opacity:0})[o]=24*r,e},animate:{opacity:1,y:0,x:0,scale:1,transition:{duration:.4,ease:[.4,0,.2,1]}},exit:{opacity:0,scale:.85,transition:{duration:.2,ease:[.4,0,1,1]}}},S=function(t){var e=t.id,o=t.message,i=t.onCloseComplete,a=t.onRequestRemove,u=t.requestClose,s=void 0!==u&&u,c=t.position,l=void 0===c?"bottom":c,d=t.duration,v=void 0===d?5e3:d,m=t.containerStyle,h=void 0===m?{}:m,y=p.useState(v),b=y[0],g=y[1],E=f.useIsPresent();r.useUpdateEffect((function(){E||null==i||i()}),[E]),r.useUpdateEffect((function(){g(v)}),[v]);var _=function(){E&&a()};p.useEffect((function(){E&&s&&a()}),[E,s,a]),r.useTimeout(_,b);var O=p.useMemo((function(){return function(t){var e="center";return t.includes("right")&&(e="flex-end"),t.includes("left")&&(e="flex-start"),{display:"flex",flexDirection:"column",alignItems:e}}(l)}),[l]);return p.createElement(f.motion.li,{layout:!0,className:"chakra-toast",variants:q,initial:"initial",animate:"animate",exit:"exit",onHoverStart:function(){return g(null)},onHoverEnd:function(){return g(v)},custom:{position:l},style:O},p.createElement(j,{className:"chakra-toast__inner",style:A({pointerEvents:"auto",maxWidth:560,minWidth:300,margin:"0.5rem"},h)},n.isFunction(o)?o({id:e,onClose:_}):o))};n.__DEV__&&(S.displayName="Toast");var D=function(t){var e,o;function r(e){var n;(n=t.call(this,e)||this).state={top:[],"top-left":[],"top-right":[],"bottom-left":[],bottom:[],"bottom-right":[]},n.notify=function(t,e){var o=n.createToast(t,e),r=o.position,i=o.id;return n.setState((function(t){var e,n=r.includes("top")?[o].concat(t[r]):[].concat(t[r],[o]);return A({},t,((e={})[r]=n,e))})),i},n.updateToast=function(t,e){n.setState((function(n){var o=A({},n),r=N(o,t),i=r.position,a=r.index;return i&&-1!==a&&(o[i][a]=A({},o[i][a],e)),o}))},n.closeAll=function(t){var e=(void 0===t?{}:t).positions;n.setState((function(t){return(null!=e?e:["bottom","bottom-right","bottom-left","top","top-left","top-right"]).reduce((function(e,n){return e[n]=t[n].map((function(t){return A({},t,{requestClose:!0})})),e}),{})}))},n.createToast=function(t,e){var o,i;r.counter+=1;var a=null!=(o=e.id)?o:r.counter,u=null!=(i=e.position)?i:"top";return{id:a,message:t,position:u,duration:e.duration,onCloseComplete:e.onCloseComplete,onRequestRemove:function(){return n.removeToast(String(a),u)},status:e.status,requestClose:!1,containerStyle:e.containerStyle}},n.closeToast=function(t){n.setState((function(e){var n,o=k(e,t);return o?A({},e,((n={})[o]=e[o].map((function(e){return e.id==t?A({},e,{requestClose:!0}):e})),n)):e}))},n.removeToast=function(t,e){n.setState((function(n){var o;return A({},n,((o={})[e]=n[e].filter((function(e){return e.id!=t})),o))}))},n.isVisible=function(t){var e=N(n.state,t).position;return Boolean(e)},n.getStyle=function(t){return{position:"fixed",zIndex:5500,pointerEvents:"none",display:"flex",flexDirection:"column",margin:"top"===t||"bottom"===t?"0 auto":void 0,top:t.includes("top")?"env(safe-area-inset-top, 0px)":void 0,bottom:t.includes("bottom")?"env(safe-area-inset-bottom, 0px)":void 0,right:t.includes("left")?void 0:"env(safe-area-inset-right, 0px)",left:t.includes("right")?void 0:"env(safe-area-inset-left, 0px)"}};var o={notify:n.notify,closeAll:n.closeAll,close:n.closeToast,update:n.updateToast,isActive:n.isVisible};return e.notify(o),n}return o=t,(e=r).prototype=Object.create(o.prototype),e.prototype.constructor=e,C(e,o),r.prototype.render=function(){var t=this;return n.objectKeys(this.state).map((function(e){var n=t.state[e];return p.createElement("ul",{key:e,id:"chakra-toast-manager-"+e,style:t.getStyle(e)},p.createElement(l.AnimatePresence,{initial:!1},n.map((function(t){return p.createElement(S,A({key:t.id},t))}))))}))},r}(p.Component);D.counter=0;var P=new function(){var t=this;if(this.createToast=void 0,this.removeAll=void 0,this.closeToast=void 0,this.updateToast=void 0,this.isToastActive=void 0,this.bindFunctions=function(e){t.createToast=e.notify,t.removeAll=e.closeAll,t.closeToast=e.close,t.updateToast=e.update,t.isToastActive=e.isActive},this.notify=function(e,n){return void 0===n&&(n={}),null==t.createToast?void 0:t.createToast(e,n)},this.close=function(e){null==t.closeToast||t.closeToast(e)},this.closeAll=function(e){null==t.removeAll||t.removeAll(e)},this.update=function(e,n){void 0===n&&(n={}),null==t.updateToast||t.updateToast(e,n)},this.isActive=function(e){return null==t.isToastActive?void 0:t.isToastActive(e)},n.isBrowser){var e,o=document.getElementById("chakra-toast-portal");if(o)e=o;else{var r,i=document.createElement("div");i.id="chakra-toast-portal",null==(r=document.body)||r.appendChild(i),e=i}s.render(p.createElement(D,{notify:this.bindFunctions}),e)}};function V(t,e){var n;if(t){var o={"top-start":{ltr:"top-left",rtl:"top-right"},"top-end":{ltr:"top-right",rtl:"top-left"},"bottom-start":{ltr:"bottom-left",rtl:"bottom-right"},"bottom-end":{ltr:"bottom-right",rtl:"bottom-left"}}[t];return null!==(n=null==o?void 0:o[e])&&void 0!==n?n:t}}var R=function(e){e.position,e.duration;var n=e.id;e.onCloseComplete,e.containerStyle;var o=t.__rest(e,["position","duration","id","onCloseComplete","containerStyle"]);return u.withDarkMode(p.createElement(i.Alert,t.__assign({id:n},o)),!0)},M={title:"",duration:5e3,position:"top"},I={theme:o.theme,colorMode:"dark",toggleColorMode:n.noop,setColorMode:n.noop,defaultOptions:M};exports.useToast=function(e){var o=a.useTheme(),i=r.useLatestRef(e);return function(e){var o=void 0===e?I:e,r=o.theme,i=void 0===r?I.theme:r,a=o.defaultOptions,u=void 0===a?I.defaultOptions:a,s=function(e,o){return p.createElement(n.ThemeProvider,{theme:i},p.createElement(R,t.__assign({},e,o)))},c=function(e){var n=t.__assign(t.__assign({},u),e);return n.position=V(n.position,i.direction),P.notify((function(t){return s(t,n)}),n)};return c.close=P.close,c.closeAll=P.closeAll,c.update=function(e,n){if(e){var o=t.__assign(t.__assign({},u),n);o.position=V(o.position,i.direction),P.update(e,t.__assign(t.__assign({},o),{message:function(t){return s(t,o)}}))}},c.isActive=P.isActive,c}({theme:o,defaultOptions:t.__assign(t.__assign({},M),i.current)})};
+//# sourceMappingURL=useToast-4756c81e.js.map