@corva/ui 3.75.0-2 → 3.75.0-21

package/cjs-bundle/componentsV2/DatePicker/CalendarControls/CalendarControls.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),e=require("moment"),o=require("classnames"),n=require("../../ButtonIcon/ButtonIcon.js"),c=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var i=require("../../Autocomplete/Autocomplete.js"),r=require("../../Tooltip/Tooltip.js"),t=require("../utils.js"),u=require("./CalendarControls.scss.js"),a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(e),j=l(o),d={inputContainer:u.selectInputContainer,input:u.selectInput,suffix:u.suffix},q=function(s){return s.fullTitle};exports.CalendarControls=function(e){var o=e.date,l=e.setDate,I=e.minDate,p=e.maxDate,f=e.view,h=void 0===f?"month":f,C=e.testId,g=e.className,b=s.useCallback((function(){return l((function(s){return m.default(s).startOf("month").add(1,"year"===h?"year":"month").toDate()}))}),[l,h]),O=s.useCallback((function(){return l((function(s){return m.default(s).startOf("month").subtract(1,"year"===h?"year":"month").toDate()}))}),[l,h]),v=s.useMemo((function(){return o.getMonth()+1}),[o]),x=s.useMemo((function(){return o.getFullYear()}),[o]),T=s.useMemo((function(){for(var s=(new Date).getFullYear()-10,e=(new Date).getFullYear()+10,o=[],n=s;n<=e;n+=1){var c=new Date(n,0,1);(!p||c.getTime()<=p.getTime())&&(!I||c.getTime()>=m.default(I).startOf("year").toDate().getTime())&&o.push({id:n,title:String(n)})}return o}),[p,I]),D=s.useMemo((function(){return t.MonthOptions.filter((function(s){var e=s.id,o=new Date(x,e-1,1);return(!p||o.getTime()<=p.getTime())&&(!I||o.getTime()>=m.default(I).startOf("month").toDate().getTime())}))}),[p,I,x]),F=s.useCallback((function(s){s&&l((function(e){return m.default(e).startOf("month").set("month",Number(s.id)-1).toDate()}))}),[l]),M=s.useCallback((function(s){s&&l((function(e){var o=m.default(e).startOf("month").set("year",Number(s.id)).toDate();return I&&I.getTime()>=o.getTime()?I:p&&p.getTime()<=o.getTime()?p:o}))}),[l,I,p]),y=s.useMemo((function(){return!!p&&m.default(p).startOf("month").toDate().getTime()<=o.getTime()}),[o,p]),N=s.useMemo((function(){return!!I&&m.default(I).startOf("month").toDate().getTime()>=m.default(o).startOf("month").toDate().getTime()}),[o,I]);return a.jsxs("div",{className:j.default(u.root,g),"data-testid":C,children:[a.jsx(r.Tooltip,{title:"year"===h?"Previous year":"Previous month",children:a.jsx(n.ButtonIcon,{size:"small",onClick:O,disabled:N,children:a.jsx(c.LeftSmallIcon,{})})}),a.jsxs("div",{className:u.selects,children:["year"!==h&&a.jsx(i.AutocompleteNext,{className:u.select,clearable:!1,disableFiltering:!0,options:D,value:v,onChange:F,disabled:D.length<=1,elementsClassNames:d,dropdownClassName:j.default(u.dropdown,u.monthsDropdown),renderOption:q}),a.jsx(i.AutocompleteNext,{className:u.select,clearable:!1,disableFiltering:!0,options:T,value:x,onChange:M,disabled:T.length<=1,elementsClassNames:d,dropdownClassName:u.dropdown})]}),a.jsx(r.Tooltip,{title:"year"===h?"Next year":"Next month",children:a.jsx(n.ButtonIcon,{size:"small",onClick:b,disabled:y,children:a.jsx(c.RightSmallIcon,{})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),e=require("moment"),o=require("classnames"),n=require("../../ButtonIcon/ButtonIcon.js"),t=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var i=require("../../Autocomplete/Autocomplete.js"),c=require("../../Tooltip/Tooltip.js"),r=require("../utils.js"),u=require("./CalendarControls.scss.js"),a=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=l(e),d=l(o),j={inputContainer:u.selectInputContainer,input:u.selectInput,suffix:u.suffix},I=function(s){return s.fullTitle},q={className:u.popper};exports.CalendarControls=function(e){var o=e.date,l=e.setDate,f=e.minDate,p=e.maxDate,h=e.view,C=void 0===h?"month":h,g=e.testId,O=e.className,b=s.useCallback((function(){return l((function(s){return m.default(s).startOf("month").subtract(1,"month").toDate()}))}),[l]),D=s.useCallback((function(){return l((function(s){return m.default(s).startOf("month").add(1,"month").toDate()}))}),[l]),T=s.useCallback((function(){return l((function(s){return m.default(s).startOf("month").subtract(1,"year").toDate()}))}),[l]),x=s.useCallback((function(){return l((function(s){return m.default(s).startOf("month").add(1,"year").toDate()}))}),[l]),v=s.useMemo((function(){return!!f&&m.default(f).startOf("month").toDate().getTime()>=m.default(o).startOf("month").toDate().getTime()}),[o,f]),F=s.useMemo((function(){return!!p&&m.default(p).startOf("month").toDate().getTime()<=o.getTime()}),[o,p]),M=s.useMemo((function(){return!!f&&("month"===C?m.default(f).startOf("month").toDate().getTime()>=m.default(o).subtract(1,"year").endOf("month").toDate().getTime():m.default(f).startOf("month").toDate().getTime()>=m.default(o).startOf("year").toDate().getTime())}),[o,f,C]),k=s.useMemo((function(){return!!p&&("month"===C?m.default(p).endOf("month").toDate().getTime()<=m.default(o).add(1,"year").startOf("month").toDate().getTime():m.default(p).startOf("year").toDate().getTime()<=m.default(o).startOf("year").toDate().getTime())}),[o,p,C]),y=s.useMemo((function(){return o.getMonth()+1}),[o]),N=s.useMemo((function(){return o.getFullYear()}),[o]),P=s.useMemo((function(){for(var s=(new Date).getFullYear()-10,e=(new Date).getFullYear()+10,o=[],n=s;n<=e;n+=1){var t=new Date(n,0,1);(!p||t.getTime()<=p.getTime())&&(!f||t.getTime()>=m.default(f).startOf("year").toDate().getTime())&&o.push({id:n,title:String(n)})}return o}),[p,f]),A=s.useMemo((function(){return r.MonthOptions.filter((function(s){var e=s.id,o=new Date(N,e-1,1);return(!p||o.getTime()<=p.getTime())&&(!f||o.getTime()>=m.default(f).startOf("month").toDate().getTime())}))}),[p,f,N]),w=s.useCallback((function(s){s&&l((function(e){return m.default(e).startOf("month").set("month",Number(s.id)-1).toDate()}))}),[l]),R=s.useCallback((function(s){s&&l((function(e){var o=m.default(e).startOf("month").set("year",Number(s.id)).toDate();return f&&f.getTime()>=o.getTime()?f:p&&p.getTime()<=o.getTime()?p:o}))}),[l,f,p]);return a.jsxs("div",{className:d.default(u.root,O),"data-testid":g,children:[a.jsx(c.Tooltip,{title:"Previous year",children:a.jsx(n.ButtonIcon,{size:"small",onClick:T,disabled:M,children:"month"===C?a.jsx(t.DoubleLeftIcon,{}):a.jsx(t.LeftIcon,{})})}),"month"===C&&a.jsx(c.Tooltip,{title:"Previous month",children:a.jsx(n.ButtonIcon,{size:"small",onClick:b,disabled:v,children:a.jsx(t.LeftIcon,{})})}),a.jsxs("div",{className:u.selects,children:["year"!==C&&a.jsx(i.AutocompleteNext,{className:u.select,clearable:!1,disableFiltering:!0,options:A,value:y,onChange:w,disabled:A.length<=1,elementsClassNames:j,dropdownClassName:d.default(u.dropdown,u.monthsDropdown),renderOption:I,popperProps:q}),a.jsx(i.AutocompleteNext,{className:u.select,clearable:!1,disableFiltering:!0,options:P,value:N,onChange:R,disabled:P.length<=1,elementsClassNames:j,dropdownClassName:u.dropdown,popperProps:q})]}),"month"===C&&a.jsx(c.Tooltip,{title:"Next month",children:a.jsx(n.ButtonIcon,{size:"small",onClick:D,disabled:F,children:a.jsx(t.RightIcon,{})})}),a.jsx(c.Tooltip,{title:"Next year",children:a.jsx(n.ButtonIcon,{size:"small",onClick:x,disabled:k,children:"month"===C?a.jsx(t.DoubleRightIcon,{}):a.jsx(t.RightIcon,{})})})]})};
 //# sourceMappingURL=CalendarControls.js.map

package/cjs-bundle/componentsV2/DatePicker/CalendarControls/CalendarControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarControls.js","sources":["../../../../../src/componentsV2/DatePicker/CalendarControls/CalendarControls.tsx"],"sourcesContent":["import { Dispatch, SetStateAction, useCallback, useMemo } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { LeftSmallIcon, RightSmallIcon } from '../../../icons';\nimport {\n  AutocompleteChangeHandler,\n  AutocompleteNext,\n  AutocompleteNextProps,\n} from '../../Autocomplete';\nimport { Tooltip } from '../../Tooltip';\nimport { DatePickerCalendarView, MonthOptions } from '../utils';\n\nimport styles from './CalendarControls.scss';\n\nexport type CalendarControlsProps = {\n  /**\n   * Calendar shown date\n   */\n  date: Date;\n  setDate: Dispatch<SetStateAction<Date>>;\n  minDate?: Date;\n  maxDate?: Date;\n  view?: DatePickerCalendarView;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SelectElementsClassNames: AutocompleteNextProps['elementsClassNames'] = {\n  inputContainer: styles.selectInputContainer,\n  input: styles.selectInput,\n  suffix: styles.suffix,\n};\n\nconst renderMonthOption = ({ fullTitle }: typeof MonthOptions[number]) => fullTitle;\n\n// ⚠️ Part of public API, exported as DatePicker.Controls\nexport const CalendarControls = ({\n  date,\n  setDate,\n  minDate,\n  maxDate,\n  view = 'month',\n  testId,\n  className,\n}: CalendarControlsProps) => {\n  const shiftForward = useCallback(\n    () =>\n      setDate(current =>\n        moment(current)\n          .startOf('month')\n          .add(1, view === 'year' ? 'year' : 'month')\n          .toDate()\n      ),\n    [setDate, view]\n  );\n\n  const shiftBackward = useCallback(\n    () =>\n      setDate(current =>\n        moment(current)\n          .startOf('month')\n          .subtract(1, view === 'year' ? 'year' : 'month')\n          .toDate()\n      ),\n    [setDate, view]\n  );\n\n  const currentMonth = useMemo(() => date.getMonth() + 1, [date]);\n  const currentYear = useMemo(() => date.getFullYear(), [date]);\n\n  const yearOptions = useMemo(() => {\n    const shift = 10;\n    const minYear = new Date().getFullYear() - shift;\n    const maxYear = new Date().getFullYear() + shift;\n    const result = [];\n\n    for (let i = minYear; i <= maxYear; i += 1) {\n      const yearStart = new Date(i, 0, 1);\n      if (\n        (!maxDate || yearStart.getTime() <= maxDate.getTime()) &&\n        (!minDate || yearStart.getTime() >= moment(minDate).startOf('year').toDate().getTime())\n      ) {\n        result.push({ id: i, title: String(i) });\n      }\n    }\n\n    return result;\n  }, [maxDate, minDate]);\n\n  const monthOptions = useMemo(() => {\n    return MonthOptions.filter(({ id }) => {\n      const monthStart = new Date(currentYear, id - 1, 1);\n\n      return (\n        (!maxDate || monthStart.getTime() <= maxDate.getTime()) &&\n        (!minDate || monthStart.getTime() >= moment(minDate).startOf('month').toDate().getTime())\n      );\n    });\n  }, [maxDate, minDate, currentYear]);\n\n  const onSelectMonth = useCallback<AutocompleteChangeHandler>(\n    value => {\n      if (value) {\n        setDate(current =>\n          moment(current)\n            .startOf('month')\n            .set('month', Number(value.id) - 1)\n            .toDate()\n        );\n      }\n    },\n    [setDate]\n  );\n\n  const onSelectYear = useCallback<AutocompleteChangeHandler>(\n    value => {\n      if (value) {\n        setDate(current => {\n          const possibleDate = moment(current)\n            .startOf('month')\n            .set('year', Number(value.id))\n            .toDate();\n\n          if (minDate && minDate.getTime() >= possibleDate.getTime()) {\n            return minDate;\n          }\n\n          if (maxDate && maxDate.getTime() <= possibleDate.getTime()) {\n            return maxDate;\n          }\n\n          return possibleDate;\n        });\n      }\n    },\n    [setDate, minDate, maxDate]\n  );\n\n  const isNextDisabled = useMemo(() => {\n    return !!maxDate && moment(maxDate).startOf('month').toDate().getTime() <= date.getTime();\n  }, [date, maxDate]);\n\n  const isPrevDisabled = useMemo(() => {\n    return (\n      !!minDate &&\n      moment(minDate).startOf('month').toDate().getTime() >=\n        moment(date).startOf('month').toDate().getTime()\n    );\n  }, [date, minDate]);\n\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      <Tooltip title={view === 'year' ? 'Previous year' : 'Previous month'}>\n        <ButtonIcon size=\"small\" onClick={shiftBackward} disabled={isPrevDisabled}>\n          <LeftSmallIcon />\n        </ButtonIcon>\n      </Tooltip>\n\n      <div className={styles.selects}>\n        {view !== 'year' && (\n          <AutocompleteNext\n            className={styles.select}\n            clearable={false}\n            disableFiltering\n            options={monthOptions}\n            value={currentMonth}\n            onChange={onSelectMonth}\n            disabled={monthOptions.length <= 1}\n            elementsClassNames={SelectElementsClassNames}\n            dropdownClassName={classNames(styles.dropdown, styles.monthsDropdown)}\n            renderOption={renderMonthOption}\n          />\n        )}\n\n        <AutocompleteNext\n          className={styles.select}\n          clearable={false}\n          disableFiltering\n          options={yearOptions}\n          value={currentYear}\n          onChange={onSelectYear}\n          disabled={yearOptions.length <= 1}\n          elementsClassNames={SelectElementsClassNames}\n          dropdownClassName={styles.dropdown}\n        />\n      </div>\n\n      <Tooltip title={view === 'year' ? 'Next year' : 'Next month'}>\n        <ButtonIcon size=\"small\" onClick={shiftForward} disabled={isNextDisabled}>\n          <RightSmallIcon />\n        </ButtonIcon>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["SelectElementsClassNames","inputContainer","styles","selectInputContainer","input","selectInput","suffix","renderMonthOption","_ref","fullTitle","_ref2","date","setDate","minDate","maxDate","_ref2$view","view","testId","className","shiftForward","useCallback","current","moment","startOf","add","toDate","shiftBackward","subtract","currentMonth","useMemo","getMonth","currentYear","getFullYear","yearOptions","minYear","Date","maxYear","result","i","yearStart","getTime","push","id","title","String","monthOptions","MonthOptions","filter","_ref3","monthStart","onSelectMonth","value","set","Number","onSelectYear","possibleDate","isNextDisabled","isPrevDisabled","_jsxs","classNames","root","children","_jsx","Tooltip","ButtonIcon","size","onClick","disabled","LeftSmallIcon","jsxs","selects","AutocompleteNext","select","clearable","disableFiltering","options","onChange","length","elementsClassNames","dropdownClassName","dropdown","monthsDropdown","renderOption","RightSmallIcon"],"mappings":"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"}
+{"version":3,"file":"CalendarControls.js","sources":["../../../../../src/componentsV2/DatePicker/CalendarControls/CalendarControls.tsx"],"sourcesContent":["import { Dispatch, SetStateAction, useCallback, useMemo } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DoubleLeftIcon, DoubleRightIcon, LeftIcon, RightIcon } from '../../../icons';\nimport {\n  AutocompleteChangeHandler,\n  AutocompleteNext,\n  AutocompleteNextProps,\n} from '../../Autocomplete';\nimport { Tooltip } from '../../Tooltip';\nimport { DatePickerCalendarView, MonthOptions } from '../utils';\n\nimport styles from './CalendarControls.scss';\n\nexport type CalendarControlsProps = {\n  /**\n   * Calendar shown date\n   */\n  date: Date;\n  setDate: Dispatch<SetStateAction<Date>>;\n  minDate?: Date;\n  maxDate?: Date;\n  view?: DatePickerCalendarView;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SelectElementsClassNames: AutocompleteNextProps['elementsClassNames'] = {\n  inputContainer: styles.selectInputContainer,\n  input: styles.selectInput,\n  suffix: styles.suffix,\n};\n\nconst renderMonthOption = ({ fullTitle }: typeof MonthOptions[number]) => fullTitle;\n\nconst autocompletePopperProps = { className: styles.popper };\n\n// ⚠️ Part of public API, exported as DatePicker.Controls\nexport const CalendarControls = ({\n  date,\n  setDate,\n  minDate,\n  maxDate,\n  view = 'month',\n  testId,\n  className,\n}: CalendarControlsProps) => {\n  const shiftMonthBackward = useCallback(\n    () => setDate(current => moment(current).startOf('month').subtract(1, 'month').toDate()),\n    [setDate]\n  );\n\n  const shiftMonthForward = useCallback(\n    () => setDate(current => moment(current).startOf('month').add(1, 'month').toDate()),\n    [setDate]\n  );\n\n  const shiftYearBackward = useCallback(\n    () => setDate(current => moment(current).startOf('month').subtract(1, 'year').toDate()),\n    [setDate]\n  );\n\n  const shiftYearForward = useCallback(\n    () => setDate(current => moment(current).startOf('month').add(1, 'year').toDate()),\n    [setDate]\n  );\n\n  const isPrevMonthDisabled = useMemo(() => {\n    return (\n      !!minDate &&\n      moment(minDate).startOf('month').toDate().getTime() >=\n        moment(date).startOf('month').toDate().getTime()\n    );\n  }, [date, minDate]);\n\n  const isNextMonthDisabled = useMemo(() => {\n    return !!maxDate && moment(maxDate).startOf('month').toDate().getTime() <= date.getTime();\n  }, [date, maxDate]);\n\n  const isPrevYearDisabled = useMemo(() => {\n    if (!minDate) {\n      return false;\n    }\n\n    if (view === 'month') {\n      return (\n        moment(minDate).startOf('month').toDate().getTime() >=\n        moment(date).subtract(1, 'year').endOf('month').toDate().getTime()\n      );\n    } else {\n      return (\n        moment(minDate).startOf('month').toDate().getTime() >=\n        moment(date).startOf('year').toDate().getTime()\n      );\n    }\n  }, [date, minDate, view]);\n\n  const isNextYearDisabled = useMemo(() => {\n    if (!maxDate) {\n      return false;\n    }\n\n    if (view === 'month') {\n      return (\n        moment(maxDate).endOf('month').toDate().getTime() <=\n        moment(date).add(1, 'year').startOf('month').toDate().getTime()\n      );\n    } else {\n      return (\n        moment(maxDate).startOf('year').toDate().getTime() <=\n        moment(date).startOf('year').toDate().getTime()\n      );\n    }\n  }, [date, maxDate, view]);\n\n  const currentMonth = useMemo(() => date.getMonth() + 1, [date]);\n  const currentYear = useMemo(() => date.getFullYear(), [date]);\n\n  const yearOptions = useMemo(() => {\n    const shift = 10;\n    const minYear = new Date().getFullYear() - shift;\n    const maxYear = new Date().getFullYear() + shift;\n    const result = [];\n\n    for (let i = minYear; i <= maxYear; i += 1) {\n      const yearStart = new Date(i, 0, 1);\n      if (\n        (!maxDate || yearStart.getTime() <= maxDate.getTime()) &&\n        (!minDate || yearStart.getTime() >= moment(minDate).startOf('year').toDate().getTime())\n      ) {\n        result.push({ id: i, title: String(i) });\n      }\n    }\n\n    return result;\n  }, [maxDate, minDate]);\n\n  const monthOptions = useMemo(() => {\n    return MonthOptions.filter(({ id }) => {\n      const monthStart = new Date(currentYear, id - 1, 1);\n\n      return (\n        (!maxDate || monthStart.getTime() <= maxDate.getTime()) &&\n        (!minDate || monthStart.getTime() >= moment(minDate).startOf('month').toDate().getTime())\n      );\n    });\n  }, [maxDate, minDate, currentYear]);\n\n  const onSelectMonth = useCallback<AutocompleteChangeHandler>(\n    value => {\n      if (value) {\n        setDate(current =>\n          moment(current)\n            .startOf('month')\n            .set('month', Number(value.id) - 1)\n            .toDate()\n        );\n      }\n    },\n    [setDate]\n  );\n\n  const onSelectYear = useCallback<AutocompleteChangeHandler>(\n    value => {\n      if (value) {\n        setDate(current => {\n          const possibleDate = moment(current)\n            .startOf('month')\n            .set('year', Number(value.id))\n            .toDate();\n\n          if (minDate && minDate.getTime() >= possibleDate.getTime()) {\n            return minDate;\n          }\n\n          if (maxDate && maxDate.getTime() <= possibleDate.getTime()) {\n            return maxDate;\n          }\n\n          return possibleDate;\n        });\n      }\n    },\n    [setDate, minDate, maxDate]\n  );\n\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      <Tooltip title=\"Previous year\">\n        <ButtonIcon size=\"small\" onClick={shiftYearBackward} disabled={isPrevYearDisabled}>\n          {view === 'month' ? <DoubleLeftIcon /> : <LeftIcon />}\n        </ButtonIcon>\n      </Tooltip>\n\n      {view === 'month' && (\n        <Tooltip title=\"Previous month\">\n          <ButtonIcon size=\"small\" onClick={shiftMonthBackward} disabled={isPrevMonthDisabled}>\n            <LeftIcon />\n          </ButtonIcon>\n        </Tooltip>\n      )}\n\n      <div className={styles.selects}>\n        {view !== 'year' && (\n          <AutocompleteNext\n            className={styles.select}\n            clearable={false}\n            disableFiltering\n            options={monthOptions}\n            value={currentMonth}\n            onChange={onSelectMonth}\n            disabled={monthOptions.length <= 1}\n            elementsClassNames={SelectElementsClassNames}\n            dropdownClassName={classNames(styles.dropdown, styles.monthsDropdown)}\n            renderOption={renderMonthOption}\n            popperProps={autocompletePopperProps}\n          />\n        )}\n\n        <AutocompleteNext\n          className={styles.select}\n          clearable={false}\n          disableFiltering\n          options={yearOptions}\n          value={currentYear}\n          onChange={onSelectYear}\n          disabled={yearOptions.length <= 1}\n          elementsClassNames={SelectElementsClassNames}\n          dropdownClassName={styles.dropdown}\n          popperProps={autocompletePopperProps}\n        />\n      </div>\n\n      {view === 'month' && (\n        <Tooltip title=\"Next month\">\n          <ButtonIcon size=\"small\" onClick={shiftMonthForward} disabled={isNextMonthDisabled}>\n            <RightIcon />\n          </ButtonIcon>\n        </Tooltip>\n      )}\n\n      <Tooltip title=\"Next year\">\n        <ButtonIcon size=\"small\" onClick={shiftYearForward} disabled={isNextYearDisabled}>\n          {view === 'month' ? <DoubleRightIcon /> : <RightIcon />}\n        </ButtonIcon>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["SelectElementsClassNames","inputContainer","styles","selectInputContainer","input","selectInput","suffix","renderMonthOption","_ref","fullTitle","autocompletePopperProps","className","popper","_ref2","date","setDate","minDate","maxDate","_ref2$view","view","testId","shiftMonthBackward","useCallback","current","moment","startOf","subtract","toDate","shiftMonthForward","add","shiftYearBackward","shiftYearForward","isPrevMonthDisabled","useMemo","getTime","isNextMonthDisabled","isPrevYearDisabled","endOf","isNextYearDisabled","currentMonth","getMonth","currentYear","getFullYear","yearOptions","minYear","Date","maxYear","result","i","yearStart","push","id","title","String","monthOptions","MonthOptions","filter","_ref3","monthStart","onSelectMonth","value","set","Number","onSelectYear","possibleDate","_jsxs","classNames","root","children","_jsx","Tooltip","ButtonIcon","size","onClick","disabled","DoubleLeftIcon","LeftIcon","jsxs","selects","AutocompleteNext","select","clearable","disableFiltering","options","onChange","length","elementsClassNames","dropdownClassName","dropdown","monthsDropdown","renderOption","popperProps","RightIcon","DoubleRightIcon"],"mappings":"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"}

package/cjs-bundle/componentsV2/DatePicker/CalendarControls/CalendarControls.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".CalendarControls_root__B1lzU{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:8px;width:320px}.CalendarControls_selects__gPfQ4{display:flex;flex-flow:row nowrap;gap:16px}.CalendarControls_selectInputContainer__OWUfF{background-color:transparent;border:none;cursor:pointer;padding:0}.CalendarControls_selectInput__Wv0WK{font-size:16px;font-weight:500;text-align:right;text-transform:uppercase}.CalendarControls_select__ngFto{display:inline-block;margin-top:1px;width:70px}.CalendarControls_dropdown__30C2C{max-height:300px!important;min-width:90px}.CalendarControls_monthsDropdown__lahqO{min-width:120px}.CalendarControls_suffix__TCLYb{right:0;top:50%;transform:translateY(-50%)}"),module.exports={spacing:"8",root:"CalendarControls_root__B1lzU",selects:"CalendarControls_selects__gPfQ4",selectInputContainer:"CalendarControls_selectInputContainer__OWUfF",selectInput:"CalendarControls_selectInput__Wv0WK",select:"CalendarControls_select__ngFto",dropdown:"CalendarControls_dropdown__30C2C",monthsDropdown:"CalendarControls_monthsDropdown__lahqO",suffix:"CalendarControls_suffix__TCLYb"};
+"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".CalendarControls_root__B1lzU{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:8px;width:296px}.CalendarControls_selects__gPfQ4{display:flex;flex-flow:row nowrap;gap:16px}.CalendarControls_selectInputContainer__OWUfF{background-color:transparent;border:none;cursor:pointer;padding:0}.CalendarControls_selectInput__Wv0WK{font-size:16px;font-weight:500;text-align:right;text-transform:uppercase}.CalendarControls_select__ngFto{display:inline-block;margin-top:1px;width:70px}.CalendarControls_popper__ZrO40{z-index:calc(var(--z-index-modal) + 2)!important}.CalendarControls_dropdown__30C2C{max-height:300px!important;min-width:90px}.CalendarControls_monthsDropdown__lahqO{min-width:120px}.CalendarControls_suffix__TCLYb{right:0;top:50%;transform:translateY(-50%)}"),module.exports={spacing:"8",root:"CalendarControls_root__B1lzU",selects:"CalendarControls_selects__gPfQ4",selectInputContainer:"CalendarControls_selectInputContainer__OWUfF",selectInput:"CalendarControls_selectInput__Wv0WK",select:"CalendarControls_select__ngFto",popper:"CalendarControls_popper__ZrO40",dropdown:"CalendarControls_dropdown__30C2C",monthsDropdown:"CalendarControls_monthsDropdown__lahqO",suffix:"CalendarControls_suffix__TCLYb"};
 //# sourceMappingURL=CalendarControls.scss.js.map

package/cjs-bundle/componentsV2/DatePicker/CalendarGrid/CalendarGrid.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("moment"),a=require("classnames"),n=require("../../Text/Text.js"),r=require("../utils.js"),i=require("./CalendarGrid.scss.js"),o=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),d=s(a),l=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"];exports.CalendarGrid=function(t){var a=t.activeStartDate,s=t.setHoveredDate,c=t.minDate,m=t.maxDate,f=t.tileDisabled,g=t.onChange,v=t.view,h=void 0===v?"month":v,T=t.rangeStartDate,D=t.rangeEndDate,y=t.rangeHoveredDate,M=t.selected,x=t.getTileClassName,b=t.className,j=t.testId,p="month"===h,S=u.default().startOf(p?"day":"month").toDate(),q=e.useMemo((function(){if(p){var e=u.default(a).startOf("month"),t=0===e.day()?e.subtract(6,"days"):e.startOf("week").add(1,"days");return new Array(42).fill(void 0).map((function(e,a){return t.clone().add(a,"days").toDate()}))}var n=u.default(a).startOf("year");return new Array(12).fill(void 0).map((function(e,t){return n.clone().add(t,"months").toDate()}))}),[a,p]),C=e.useCallback((function(){return null==s?void 0:s(void 0)}),[s]);return o.jsxs("div",{className:d.default(i.root,!p&&i.yearView,b),onMouseLeave:C,"data-testid":j,children:[p&&l.map((function(e){return o.jsx(n.Text,{size:14,className:i.dow,children:e},e)})),q.map((function(e){var t=p?r.isSameDay:r.isSameMonth,n={activeStartDate:a,date:e},u=c&&e.getTime()<(null==c?void 0:c.getTime())||m&&e.getTime()>(null==m?void 0:m.getTime())||!(null==f||!f(n)),l=!!p&&e.getMonth()!==a.getMonth(),v=t(S,e),b=t(e,M)||t(e,T)||t(e,D),j=r.getMaxDate(D||y,T),q=r.getMinDate(D||y,T),C=t(q,e),w=t(j,e),N=q&&j&&q.getTime()<e.getTime()&&j.getTime()>e.getTime(),O=C||w||N;return o.jsx("button",{className:d.default(i.button,!p&&i.monthButton,u&&i.disabled,l&&i.neighbourMonth,v&&i.today,b&&i.selected,O&&i.range,C&&i.rangeStart,w&&i.rangeEnd,null==x?void 0:x(n)),disabled:u,onClick:function(){return g(e)},onMouseEnter:s?function(){return s(e)}:void 0,children:o.jsx("span",{className:i.buttonContent,children:"month"===h?e.getDate():r.MonthOptions[e.getMonth()].fullTitle})},"".concat(a.getTime(),"-").concat(e.getTime()))}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("moment"),a=require("classnames"),n=require("../../Text/Text.js"),r=require("../utils.js"),i=require("./CalendarGrid.scss.js"),o=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),d=s(a),l=["Mo","Tu","We","Th","Fr","Sa","Su"];exports.CalendarGrid=function(t){var a=t.activeStartDate,s=t.setHoveredDate,c=t.minDate,m=t.maxDate,f=t.tileDisabled,g=t.onChange,v=t.view,h=void 0===v?"month":v,T=t.rangeStartDate,D=t.rangeEndDate,y=t.rangeHoveredDate,M=t.selected,x=t.getTileClassName,b=t.className,j=t.testId,p="month"===h,S=u.default().startOf(p?"day":"month").toDate(),q=e.useMemo((function(){if(p){var e=u.default(a).startOf("month"),t=0===e.day()?e.subtract(6,"days"):e.startOf("week").add(1,"days");return new Array(42).fill(void 0).map((function(e,a){return t.clone().add(a,"days").toDate()}))}var n=u.default(a).startOf("year");return new Array(12).fill(void 0).map((function(e,t){return n.clone().add(t,"months").toDate()}))}),[a,p]),C=e.useCallback((function(){return null==s?void 0:s(void 0)}),[s]);return o.jsxs("div",{className:d.default(i.root,!p&&i.yearView,b),onMouseLeave:C,"data-testid":j,children:[p&&l.map((function(e){return o.jsx(n.Text,{size:14,className:i.dow,color:"T6",children:e},e)})),q.map((function(e){var t=p?r.isSameDay:r.isSameMonth,n={activeStartDate:a,date:e},u=c&&e.getTime()<(null==c?void 0:c.getTime())||m&&e.getTime()>(null==m?void 0:m.getTime())||!(null==f||!f(n)),l=!!p&&e.getMonth()!==a.getMonth(),v=t(S,e),b=t(e,M)||t(e,T)||t(e,D),j=r.getMaxDate(D||y,T),q=r.getMinDate(D||y,T),C=t(q,e),w=t(j,e),N=q&&j&&q.getTime()<e.getTime()&&j.getTime()>e.getTime(),O=C||w||N;return o.jsx("button",{className:d.default(i.button,!p&&i.monthButton,u&&i.disabled,l&&i.neighbourMonth,v&&i.today,b&&i.selected,O&&i.range,C&&i.rangeStart,w&&i.rangeEnd,null==x?void 0:x(n)),disabled:u,onClick:function(){return g(e)},onMouseEnter:s?function(){return s(e)}:void 0,children:o.jsx("span",{className:i.buttonContent,children:"month"===h?e.getDate():r.MonthOptions[e.getMonth()].title})},"".concat(a.getTime(),"-").concat(e.getTime()))}))]})};
 //# sourceMappingURL=CalendarGrid.js.map

package/cjs-bundle/componentsV2/DatePicker/CalendarGrid/CalendarGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","sources":["../../../../../src/componentsV2/DatePicker/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport {\n  DatePickerCalendarView,\n  getMaxDate,\n  getMinDate,\n  isSameDay,\n  isSameMonth,\n  MonthOptions,\n} from '../utils';\n\nimport styles from './CalendarGrid.scss';\n\nexport type CalendarGridProps = {\n  onChange: (value: Date) => void;\n  activeStartDate: Date;\n  view?: DatePickerCalendarView;\n  setHoveredDate?: (date?: Date) => void;\n  maxDate?: Date;\n  minDate?: Date;\n  tileDisabled?: (args: { activeStartDate: Date; date: Date }) => boolean;\n  getTileClassName?: (args: { activeStartDate: Date; date: Date }) => string;\n  selected?: Date;\n  rangeStartDate?: Date;\n  rangeEndDate?: Date;\n  rangeHoveredDate?: Date;\n\n  className?: string;\n  testId?: string;\n};\n\nconst DoWs = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];\n\n// ⚠️ Part of public API, exported as DatePicker.Grid\nexport const CalendarGrid = ({\n  activeStartDate,\n  setHoveredDate,\n  minDate,\n  maxDate,\n  tileDisabled,\n  onChange,\n  view = 'month',\n  rangeStartDate,\n  rangeEndDate,\n  rangeHoveredDate,\n  selected,\n  getTileClassName,\n  className,\n  testId,\n}: CalendarGridProps) => {\n  const isMonthView = view === 'month';\n\n  const nowPeriodStart = moment()\n    .startOf(isMonthView ? 'day' : 'month')\n    .toDate();\n\n  // 4 weeks from earliest monday\n  const tiles = useMemo(() => {\n    if (isMonthView) {\n      const monthStartMoment = moment(activeStartDate).startOf('month'); // Monday\n\n      const weekStartMoment =\n        monthStartMoment.day() === 0\n          ? monthStartMoment.subtract(6, 'days')\n          : monthStartMoment\n              .startOf('week') // Sunday\n              .add(1, 'days');\n\n      return new Array(42)\n        .fill(undefined)\n        .map((_, index): Date => weekStartMoment.clone().add(index, 'days').toDate());\n    } else {\n      const yearStartMoment = moment(activeStartDate).startOf('year');\n      return new Array(12)\n        .fill(undefined)\n        .map((_, index) => yearStartMoment.clone().add(index, 'months').toDate());\n    }\n  }, [activeStartDate, isMonthView]);\n\n  const clearRangeHoveredDate = useCallback(() => setHoveredDate?.(undefined), [setHoveredDate]);\n\n  return (\n    <div\n      className={classNames(styles.root, !isMonthView && styles.yearView, className)}\n      onMouseLeave={clearRangeHoveredDate}\n      data-testid={testId}\n    >\n      {isMonthView &&\n        DoWs.map(dow => (\n          <Text key={dow} size={14} className={styles.dow}>\n            {dow}\n          </Text>\n        ))}\n\n      {tiles.map(date => {\n        const isSame = isMonthView ? isSameDay : isSameMonth;\n        const tileParams = { activeStartDate, date };\n\n        const isDisabled =\n          (minDate && date.getTime() < minDate?.getTime()) ||\n          (maxDate && date.getTime() > maxDate?.getTime()) ||\n          !!tileDisabled?.(tileParams);\n\n        const isNeighbour = isMonthView ? date.getMonth() !== activeStartDate.getMonth() : false;\n\n        const isToday = isSame(nowPeriodStart, date);\n\n        const isSelected =\n          isSame(date, selected) || isSame(date, rangeStartDate) || isSame(date, rangeEndDate);\n\n        const rangeEnd = getMaxDate(rangeEndDate || rangeHoveredDate, rangeStartDate);\n        const rangeStart = getMinDate(rangeEndDate || rangeHoveredDate, rangeStartDate);\n        const isRangeStart = isSame(rangeStart, date);\n        const isRangeEnd = isSame(rangeEnd, date);\n        const isInRange =\n          rangeStart &&\n          rangeEnd &&\n          rangeStart.getTime() < date.getTime() &&\n          rangeEnd.getTime() > date.getTime();\n        const isRange = isRangeStart || isRangeEnd || isInRange;\n\n        return (\n          <button\n            className={classNames(\n              styles.button,\n              !isMonthView && styles.monthButton,\n              isDisabled && styles.disabled,\n              isNeighbour && styles.neighbourMonth,\n              isToday && styles.today,\n              isSelected && styles.selected,\n              isRange && styles.range,\n              isRangeStart && styles.rangeStart,\n              isRangeEnd && styles.rangeEnd,\n              getTileClassName?.(tileParams)\n            )}\n            key={`${activeStartDate.getTime()}-${date.getTime()}`}\n            disabled={isDisabled}\n            onClick={() => onChange(date)}\n            onMouseEnter={setHoveredDate ? () => setHoveredDate(date) : undefined}\n          >\n            <span className={styles.buttonContent}>\n              {view === 'month' ? date.getDate() : MonthOptions[date.getMonth()].fullTitle}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["DoWs","_ref","activeStartDate","setHoveredDate","minDate","maxDate","tileDisabled","onChange","_ref$view","view","rangeStartDate","rangeEndDate","rangeHoveredDate","selected","getTileClassName","className","testId","isMonthView","nowPeriodStart","moment","startOf","toDate","tiles","useMemo","monthStartMoment","weekStartMoment","day","subtract","add","Array","fill","undefined","map","_","index","clone","yearStartMoment","clearRangeHoveredDate","useCallback","_jsxs","classNames","styles","root","yearView","onMouseLeave","children","dow","_jsx","Text","size","date","isSame","isSameDay","isSameMonth","tileParams","isDisabled","getTime","isNeighbour","getMonth","isToday","isSelected","rangeEnd","getMaxDate","rangeStart","getMinDate","isRangeStart","isRangeEnd","isInRange","isRange","button","monthButton","disabled","neighbourMonth","today","range","onClick","onMouseEnter","jsx","buttonContent","getDate","MonthOptions","fullTitle"],"mappings":"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"}
+{"version":3,"file":"CalendarGrid.js","sources":["../../../../../src/componentsV2/DatePicker/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { Text } from '../../Text';\nimport {\n  DatePickerCalendarView,\n  getMaxDate,\n  getMinDate,\n  isSameDay,\n  isSameMonth,\n  MonthOptions,\n} from '../utils';\n\nimport styles from './CalendarGrid.scss';\n\nexport type CalendarGridProps = {\n  onChange: (value: Date) => void;\n  activeStartDate: Date;\n  view?: DatePickerCalendarView;\n  setHoveredDate?: (date?: Date) => void;\n  maxDate?: Date;\n  minDate?: Date;\n  tileDisabled?: (args: { activeStartDate: Date; date: Date }) => boolean;\n  getTileClassName?: (args: { activeStartDate: Date; date: Date }) => string;\n  selected?: Date;\n  rangeStartDate?: Date;\n  rangeEndDate?: Date;\n  rangeHoveredDate?: Date;\n\n  className?: string;\n  testId?: string;\n};\n\nconst DoWs = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n\n// ⚠️ Part of public API, exported as DatePicker.Grid\nexport const CalendarGrid = ({\n  activeStartDate,\n  setHoveredDate,\n  minDate,\n  maxDate,\n  tileDisabled,\n  onChange,\n  view = 'month',\n  rangeStartDate,\n  rangeEndDate,\n  rangeHoveredDate,\n  selected,\n  getTileClassName,\n  className,\n  testId,\n}: CalendarGridProps) => {\n  const isMonthView = view === 'month';\n\n  const nowPeriodStart = moment()\n    .startOf(isMonthView ? 'day' : 'month')\n    .toDate();\n\n  // 4 weeks from earliest monday\n  const tiles = useMemo(() => {\n    if (isMonthView) {\n      const monthStartMoment = moment(activeStartDate).startOf('month'); // Monday\n\n      const weekStartMoment =\n        monthStartMoment.day() === 0\n          ? monthStartMoment.subtract(6, 'days')\n          : monthStartMoment\n              .startOf('week') // Sunday\n              .add(1, 'days');\n\n      return new Array(42)\n        .fill(undefined)\n        .map((_, index): Date => weekStartMoment.clone().add(index, 'days').toDate());\n    } else {\n      const yearStartMoment = moment(activeStartDate).startOf('year');\n      return new Array(12)\n        .fill(undefined)\n        .map((_, index) => yearStartMoment.clone().add(index, 'months').toDate());\n    }\n  }, [activeStartDate, isMonthView]);\n\n  const clearRangeHoveredDate = useCallback(() => setHoveredDate?.(undefined), [setHoveredDate]);\n\n  return (\n    <div\n      className={classNames(styles.root, !isMonthView && styles.yearView, className)}\n      onMouseLeave={clearRangeHoveredDate}\n      data-testid={testId}\n    >\n      {isMonthView &&\n        DoWs.map(dow => (\n          <Text key={dow} size={14} className={styles.dow} color=\"T6\">\n            {dow}\n          </Text>\n        ))}\n\n      {tiles.map(date => {\n        const isSame = isMonthView ? isSameDay : isSameMonth;\n        const tileParams = { activeStartDate, date };\n\n        const isDisabled =\n          (minDate && date.getTime() < minDate?.getTime()) ||\n          (maxDate && date.getTime() > maxDate?.getTime()) ||\n          !!tileDisabled?.(tileParams);\n\n        const isNeighbour = isMonthView ? date.getMonth() !== activeStartDate.getMonth() : false;\n\n        const isToday = isSame(nowPeriodStart, date);\n\n        const isSelected =\n          isSame(date, selected) || isSame(date, rangeStartDate) || isSame(date, rangeEndDate);\n\n        const rangeEnd = getMaxDate(rangeEndDate || rangeHoveredDate, rangeStartDate);\n        const rangeStart = getMinDate(rangeEndDate || rangeHoveredDate, rangeStartDate);\n        const isRangeStart = isSame(rangeStart, date);\n        const isRangeEnd = isSame(rangeEnd, date);\n        const isInRange =\n          rangeStart &&\n          rangeEnd &&\n          rangeStart.getTime() < date.getTime() &&\n          rangeEnd.getTime() > date.getTime();\n        const isRange = isRangeStart || isRangeEnd || isInRange;\n\n        return (\n          <button\n            className={classNames(\n              styles.button,\n              !isMonthView && styles.monthButton,\n              isDisabled && styles.disabled,\n              isNeighbour && styles.neighbourMonth,\n              isToday && styles.today,\n              isSelected && styles.selected,\n              isRange && styles.range,\n              isRangeStart && styles.rangeStart,\n              isRangeEnd && styles.rangeEnd,\n              getTileClassName?.(tileParams)\n            )}\n            key={`${activeStartDate.getTime()}-${date.getTime()}`}\n            disabled={isDisabled}\n            onClick={() => onChange(date)}\n            onMouseEnter={setHoveredDate ? () => setHoveredDate(date) : undefined}\n          >\n            <span className={styles.buttonContent}>\n              {view === 'month' ? date.getDate() : MonthOptions[date.getMonth()].title}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["DoWs","_ref","activeStartDate","setHoveredDate","minDate","maxDate","tileDisabled","onChange","_ref$view","view","rangeStartDate","rangeEndDate","rangeHoveredDate","selected","getTileClassName","className","testId","isMonthView","nowPeriodStart","moment","startOf","toDate","tiles","useMemo","monthStartMoment","weekStartMoment","day","subtract","add","Array","fill","undefined","map","_","index","clone","yearStartMoment","clearRangeHoveredDate","useCallback","_jsxs","classNames","styles","root","yearView","onMouseLeave","children","dow","_jsx","Text","size","color","date","isSame","isSameDay","isSameMonth","tileParams","isDisabled","getTime","isNeighbour","getMonth","isToday","isSelected","rangeEnd","getMaxDate","rangeStart","getMinDate","isRangeStart","isRangeEnd","isInRange","isRange","button","monthButton","disabled","neighbourMonth","today","range","onClick","onMouseEnter","jsx","buttonContent","getDate","MonthOptions","title"],"mappings":"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"}

package/cjs-bundle/componentsV2/DatePicker/CalendarGrid/CalendarGrid.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')('.CalendarGrid_root__fvX0f{align-content:center;display:flex;flex-flow:row wrap;font-family:Roboto,sans-serif;max-width:100%;padding:8px 0 16px;width:280px}.CalendarGrid_yearView__TSlCV{gap:16px 0;height:264px;padding:0}.CalendarGrid_button__MhWHl,.CalendarGrid_dow__59Krn{line-height:40px;text-align:center;width:40px}.CalendarGrid_button__MhWHl{background:transparent;border:none;color:var(--palette-primary-text-1);cursor:pointer;font:inherit;font-size:14px;font-weight:400;height:40px;outline:none;padding:0;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1);user-select:none}.CalendarGrid_button__MhWHl:hover{--DatePicker-tileColor:var(--palette-background-b-9)}.CalendarGrid_button__MhWHl:active{--DatePicker-tileColor:var(--palette-background-b-10)}.CalendarGrid_button__MhWHl:after{background:var(--DatePicker-tileColor);border-radius:8px;content:"";inset:4px;position:absolute;transition:background .15s cubic-bezier(.4,0,.2,1);z-index:0}.CalendarGrid_monthButton__66gNn{width:33.3333%}.CalendarGrid_disabled__n2rm2{cursor:auto;pointer-events:none}.CalendarGrid_disabled__n2rm2,.CalendarGrid_neighbourMonth__RNirJ{color:var(--palette-primary-text-9)}.CalendarGrid_today__--HqO{color:var(--palette-primary-main)}.CalendarGrid_selected__F-b13,.CalendarGrid_selected__F-b13:active,.CalendarGrid_selected__F-b13:hover{--DatePicker-tileColor:var(--palette-primary-main);color:var(--palette-background-b-4)}.CalendarGrid_range__Z17Z-:before{background:rgb(from var(--palette-primary-main) r g b/.08);content:"";inset:4px 0;position:absolute;z-index:0}.CalendarGrid_rangeStart__DOTSX:before{border-bottom-left-radius:8px;border-top-left-radius:8px;left:4px}.CalendarGrid_rangeEnd__3VzoI:before{border-bottom-right-radius:8px;border-top-right-radius:8px;right:4px}.CalendarGrid_buttonContent__eNBhK{position:relative;z-index:1}'),module.exports={spacing:"8",root:"CalendarGrid_root__fvX0f",yearView:"CalendarGrid_yearView__TSlCV",dow:"CalendarGrid_dow__59Krn",button:"CalendarGrid_button__MhWHl",monthButton:"CalendarGrid_monthButton__66gNn",disabled:"CalendarGrid_disabled__n2rm2",neighbourMonth:"CalendarGrid_neighbourMonth__RNirJ",today:"CalendarGrid_today__--HqO",selected:"CalendarGrid_selected__F-b13",range:"CalendarGrid_range__Z17Z-",rangeStart:"CalendarGrid_rangeStart__DOTSX",rangeEnd:"CalendarGrid_rangeEnd__3VzoI",buttonContent:"CalendarGrid_buttonContent__eNBhK"};
+"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')('.CalendarGrid_root__fvX0f{align-content:center;display:flex;flex-flow:row wrap;font-family:Roboto,sans-serif;max-width:100%;padding:8px 0;width:280px}.CalendarGrid_yearView__TSlCV{gap:16px 0;height:264px;padding:0}.CalendarGrid_dow__59Krn{line-height:20px;text-align:center;width:40px}.CalendarGrid_button__MhWHl{background:transparent;border:none;color:var(--palette-primary-text-1);cursor:pointer;font:inherit;font-size:14px;font-weight:400;height:40px;line-height:40px;outline:none;padding:0;position:relative;text-align:center;transition:color .15s cubic-bezier(.4,0,.2,1);user-select:none;width:40px}.CalendarGrid_button__MhWHl:hover{--DatePicker-tileColor:rgb(from var(--palette-primary-text-1) r g b/0.08)}.CalendarGrid_button__MhWHl:active{--DatePicker-tileColor:rgb(from var(--palette-primary-text-1) r g b/0.16)}.CalendarGrid_button__MhWHl:after{background:var(--DatePicker-tileColor);border-radius:8px;content:"";inset:4px;position:absolute;transition:background .15s cubic-bezier(.4,0,.2,1);z-index:0}.CalendarGrid_monthButton__66gNn{width:33.3333%}.CalendarGrid_disabled__n2rm2{cursor:auto;pointer-events:none}.CalendarGrid_disabled__n2rm2,.CalendarGrid_neighbourMonth__RNirJ{color:var(--palette-primary-text-9)}.CalendarGrid_today__--HqO{color:var(--palette-primary-main)}.CalendarGrid_selected__F-b13,.CalendarGrid_selected__F-b13:active,.CalendarGrid_selected__F-b13:hover{--DatePicker-tileColor:var(--palette-primary-main);color:var(--palette-background-b-4)}.CalendarGrid_range__Z17Z-:before{background:rgb(from var(--palette-primary-main) r g b/.08);content:"";inset:4px 0;position:absolute;z-index:0}.CalendarGrid_rangeStart__DOTSX:before{border-bottom-left-radius:8px;border-top-left-radius:8px;left:4px}.CalendarGrid_rangeEnd__3VzoI:before{border-bottom-right-radius:8px;border-top-right-radius:8px;right:4px}.CalendarGrid_buttonContent__eNBhK{position:relative;z-index:1}'),module.exports={spacing:"8",root:"CalendarGrid_root__fvX0f",yearView:"CalendarGrid_yearView__TSlCV",dow:"CalendarGrid_dow__59Krn",button:"CalendarGrid_button__MhWHl",monthButton:"CalendarGrid_monthButton__66gNn",disabled:"CalendarGrid_disabled__n2rm2",neighbourMonth:"CalendarGrid_neighbourMonth__RNirJ",today:"CalendarGrid_today__--HqO",selected:"CalendarGrid_selected__F-b13",range:"CalendarGrid_range__Z17Z-",rangeStart:"CalendarGrid_rangeStart__DOTSX",rangeEnd:"CalendarGrid_rangeEnd__3VzoI",buttonContent:"CalendarGrid_buttonContent__eNBhK"};
 //# sourceMappingURL=CalendarGrid.scss.js.map

package/cjs-bundle/componentsV2/DatePicker/DatePicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("moment"),n=require("../Popover/Popover.js"),i=require("./CalendarControls/CalendarControls.js"),l=require("./TimePicker/TimePicker.js"),s=require("./Input/Input.js"),o=require("./utils.js"),u=require("./CalendarGrid/CalendarGrid.js"),d=require("./DatePicker.scss.js"),c=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=f(e),v=f(t),p=f(a);function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){m.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=function(e){var t=e.value,r=e.minDate,a=e.maxDate,n=(Array.isArray(t)?t[0]:t)||new Date;return r&&n.getTime()<r.getTime()?r:a&&n.getTime()>a.getTime()?a:n},C=function(e){var t=e.label,a=e.value,f=e.maxDate,m=e.minDate,D=e.className,b=e.testId,C=e.onChange,j=e.readOnly,g=e.type,O=void 0===g?"date":g,h=e.range,x=e.getTileClassName,T=e.getTileDisabled,P=e.placeholder,S=e.format,k=e.focusOnClear,N=void 0===k||k,q=e.labelPlacement,A=void 0===q?"top":q,w=e.size,G=void 0===w?"small":w,E=e.elementsClassNames,I=e.isNext,M=e.clearable,z=void 0===M||M,H=r.useRef(null),R=r.useRef(null),V=r.useState(!1),_=v.default(V,2),F=_[0],B=_[1],J=r.useState(y({maxDate:f,minDate:m,value:a})),K=v.default(J,2),L=K[0],Q=K[1],U=r.useState(),W=v.default(U,2),X=W[0],Y=W[1],Z=r.useState("startDate"),$=v.default(Z,2),ee=$[0],te=$[1],re=r.useState(),ae=v.default(re,2),ne=ae[0],ie=ae[1],le=r.useState(),se=v.default(le,2),oe=se[0],ue=se[1],de="dateTime"===O&&!!h,ce=r.useState(),fe=v.default(ce,2),me=fe[0],ve=fe[1],pe=r.useCallback((function(){Y(void 0),te("startDate"),ie(void 0),ue(void 0)}),[]),De=r.useCallback((function(){return B(!0)}),[]),be=r.useCallback((function(){pe(),B(!1)}),[pe]),ye=r.useMemo((function(){return h?void 0:X||a}),[h,X,a]),Ce=r.useMemo((function(){return!de||"startTime"!==ee&&"endTime"!==ee?ye&&!Array.isArray(ye)?ye:void 0:oe||ne}),[de,ee,ye,oe,ne]),je=r.useCallback((function(e,t){var r;"startDate"===t||"startTime"===t?(te("startTime"),ie(e),ue(void 0)):"endDate"!==t&&"endTime"!==t||(te("endTime"),ue(e)),null===(r=R.current)||void 0===r||r.flash()}),[]),ge=r.useCallback((function(e,t,r,a){if("endDate"===r){var n=p.default(e).endOf("month"===a?"month":"day").toDate(),i=o.getMinDate(n,t),l=o.getMaxDate(n,t);return i&&l?[i,l]:void 0}"startDate"===r&&(ie(e),ue(void 0),te("endDate"))}),[]),Oe=r.useCallback((function(e){if(Array.isArray(e)||!e)throw new Error("Value is array or `null`, but should not be");if(de)je(e,ee);else if("dateTime"===O){var t;Y(e),null===(t=R.current)||void 0===t||t.flash()}else if(h){var r=ge(e,ne,ee,O);r&&(null==C||C(r),be())}else!h&&e&&(null==C||C(e),be())}),[de,O,h,je,ee,ge,ne,C,be]),he=r.useCallback((function(e){if(de){if("startTime"===ee)te("endDate"),ie((function(t){return t&&o.applyOffsetSeconds(t,e)}));else if("endTime"===ee&&oe&&ne){var t=o.applyOffsetSeconds(oe,e);null==C||C(ne<t?[ne,t]:[t,ne]),be()}}else if(ye&&!Array.isArray(ye)){var r=o.applyOffsetSeconds(ye,e);null==C||C(r),be()}}),[de,ye,ee,oe,ne,C,be]);return r.useEffect((function(){if(F){var e=Array.isArray(a);Q(y({maxDate:f,minDate:m,value:a})),h&&e&&a[0]&&a[1]&&(ie(a[0]),ue(a[1]),te("startDate"))}}),[F,a,m,f,h]),c.jsxs(c.Fragment,{children:[c.jsx(s.Input,{open:De,isOpen:F,className:D,testId:b,value:a,label:t,placeholder:P,ref:H,format:S,range:h,type:O,setValue:C,readOnly:j,focusOnClear:N,labelPlacement:A,size:G,elementsClassNames:E,isNext:I,clearable:z}),L&&c.jsxs(n.Popover,{anchorEl:H.current,onClose:be,open:F,className:d.popover,children:[c.jsxs("div",{children:[c.jsx(i.CalendarControls,{date:L,setDate:Q,minDate:m,maxDate:f,view:"month"===O?"year":"month",className:d.controls}),c.jsx(u.CalendarGrid,{onChange:Oe,activeStartDate:L,view:"month"===O?"year":"month",maxDate:f,minDate:m,tileDisabled:T,selected:ye,rangeStartDate:ne,rangeEndDate:oe,rangeHoveredDate:"endDate"===ee?me:void 0,setHoveredDate:ve,getTileClassName:x,className:d.grid})]}),"dateTime"===O&&c.jsx(l.TimePicker,{value:Ce,onChange:he,ref:R})]})]})},j=function(e){return C(b(b({},e),{},{isNext:!1}))};j.Controls=i.CalendarControls,j.Grid=u.CalendarGrid;var g=j,O=function(e){return C(b(b({},e),{},{isNext:!0}))};O.Controls=i.CalendarControls,O.Grid=u.CalendarGrid;var h=O;exports.DatePicker=g,exports.DatePickerNext=h,exports.getActiveStartDate=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("moment"),n=require("../Popover/Popover.js"),i=require("./CalendarControls/CalendarControls.js"),l=require("./Input/Input.js"),s=require("./utils.js"),o=require("./CalendarGrid/CalendarGrid.js"),u=require("./TimePicker/TimePicker.js"),c=require("./DatePicker.scss.js"),d=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(e),D=m(t),v=m(r);function p(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function b(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?p(Object(a),!0).forEach((function(t){f.default(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var C=function(e){var t=e.value,a=e.minDate,r=e.maxDate,n=(Array.isArray(t)?t[0]:t)||new Date;return a&&n.getTime()<a.getTime()?a:r&&n.getTime()>r.getTime()?r:n},g=function(e){var t=e.label,r=e.value,m=e.maxDate,f=e.minDate,p=e.className,b=e.testId,g=e.onChange,y=e.readOnly,j=e.type,x=void 0===j?"date":j,T=e.range,O=e.getTileClassName,h=e.getTileDisabled,P=e.placeholder,k=e.format,S=e.focusOnClear,N=void 0===S||S,q=e.labelPlacement,w=void 0===q?"top":q,A=e.size,G=void 0===A?"small":A,M=e.elementsClassNames,I=e.isNext,E=e.clearable,W=void 0===E||E,z=a.useRef(null),R=a.useState(!1),_=D.default(R,2),F=_[0],V=_[1],B=a.useState(C({maxDate:m,minDate:f,value:r})),H=D.default(B,2),J=H[0],K=H[1],L=a.useState(),Q=D.default(L,2),U=Q[0],X=Q[1],Y=a.useState("startDate"),Z=D.default(Y,2),$=Z[0],ee=Z[1],te=a.useState(Array.isArray(r)?r[0]:void 0),ae=D.default(te,2),re=ae[0],ne=ae[1],ie=a.useState(Array.isArray(r)?r[1]:void 0),le=D.default(ie,2),se=le[0],oe=le[1],ue="dateTime"===x&&!!T,ce=a.useCallback((function(){X(void 0),ee("startDate")}),[]),de=a.useCallback((function(){F||(ce(),V(!0))}),[ce,F]),me=a.useCallback((function(){ce(),V(!1)}),[ce]),fe=a.useCallback((function(){var e,t;T&&re&&se&&(re.getTime()!==(null==r||null===(e=r[0])||void 0===e?void 0:e.getTime())||se.getTime()!==(null==r||null===(t=r[1])||void 0===t?void 0:t.getTime()))?null==g||g(re<se?[re,se]:[se,re]):U&&U.getTime()!==(null==r?void 0:r.getTime())&&(null==g||g(U)),me()}),[me,g,T,se,re,U,r]),De=a.useMemo((function(){return T?"startDate"===$?re:se:U||r}),[T,se,re,$,U,r]),ve=a.useCallback((function(e){"startDate"===e&&re?K(re):se&&K(se),ee(e)}),[se,re]),pe=a.useCallback((function(e,t){"startDate"===t?ne((function(t){return s.getDateWithSameTime(e,t)})):"endDate"===t&&oe((function(t){return s.getDateWithSameTime(e,t)}))}),[]),be=a.useCallback((function(e,t,a,r){if("endDate"===a){var n=v.default(e).endOf("month"===r?"month":"day").toDate(),i=s.getMinDate(n,t),l=s.getMaxDate(n,t);return i&&l?[i,l]:void 0}"startDate"===a&&(ne(e),ve("endDate"))}),[ve]),Ce=a.useCallback((function(e){if(ue)pe(e,$);else if("dateTime"===x)X(s.getDateWithSameTime(e,De));else if(T){var t=be(e,re,$,x);t&&(null==g||g(t),me())}else T||(null==g||g(e),me())}),[ue,x,T,pe,$,De,be,re,g,me]),ge=a.useCallback((function(e){ue?"startDate"===$?ne(e):oe(e):De&&X(e)}),[ue,De,$]),ye=a.useCallback((function(){if(ue){if("startDate"===$)ve("endDate");else if(re&&se){null==g||g(re<se?[re,se]:[se,re]),me()}}else De&&(null==g||g(De),me())}),[ve,me,De,ue,g,se,re,$]),je=a.useMemo((function(){var e=new Date,t=C({maxDate:m,minDate:f,value:e});return F&&s.isSameDay(t,e)?function(){return K(t)}:void 0}),[F,m,f]),xe=a.useMemo((function(){if(("startDate"!==$||re)&&("endDate"!==$||se))return function(){"startDate"===$?ne(void 0):oe(void 0),K(C({maxDate:m,minDate:f}))}}),[m,f,se,re,$]);return a.useEffect((function(){F&&K(C({maxDate:m,minDate:f,value:r}));var e=Array.isArray(r);T&&(ne(e?r[0]:void 0),oe(e?r[1]:void 0),ee("startDate"))}),[F,r,f,m,T]),d.jsxs(d.Fragment,{children:[d.jsx(l.Input,{open:de,isOpen:F,className:p,testId:b,value:T?[re,se]:r,label:t,placeholder:P,ref:z,format:k,range:T,rangeStep:$,setRangeStep:ve,type:x,setValue:g,readOnly:y,focusOnClear:N,labelPlacement:w,size:G,elementsClassNames:M,isNext:I,clearable:W}),J&&d.jsxs(n.Popover,{anchorEl:z.current,onClose:fe,open:F,className:c.popover,popperClassName:c.popper,children:[d.jsx(i.CalendarControls,{date:J,setDate:K,minDate:f,maxDate:m,view:"month"===x?"year":"month",className:c.controls}),d.jsx(o.CalendarGrid,{onChange:Ce,activeStartDate:J,view:"month"===x?"year":"month",maxDate:m,minDate:f,tileDisabled:h,selected:De,getTileClassName:O,className:c.grid}),"dateTime"===x&&d.jsx(u.TimePicker,{value:De,onChange:ge,maxDate:m,minDate:f,clear:xe,goToToday:je,saveTime:ye})]})]})},y=function(e){return g(b(b({},e),{},{isNext:!1}))};y.Controls=i.CalendarControls,y.Grid=o.CalendarGrid;var j=y,x=function(e){return g(b(b({},e),{},{isNext:!0}))};x.Controls=i.CalendarControls,x.Grid=o.CalendarGrid;var T=x;exports.DatePicker=j,exports.DatePickerNext=T,exports.getActiveStartDate=C;
 //# sourceMappingURL=DatePicker.js.map

package/cjs-bundle/componentsV2/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/componentsV2/DatePicker/DatePicker.tsx"],"sourcesContent":["import { ReactElement, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\n\nimport { Popover } from '../Popover';\nimport { TextInputNextProps } from '../TextInputNext';\n\nimport { CalendarControls } from './CalendarControls';\nimport { TimePicker, TimePickerImperativeHandle } from './TimePicker';\nimport { Input } from './Input';\nimport {\n  applyOffsetSeconds,\n  DatePickerChangeHandler,\n  DatePickerType,\n  DatePickerValue,\n  getMaxDate,\n  getMinDate,\n  RangeSelectionStep,\n} from './utils';\nimport { CalendarGrid, CalendarGridProps } from './CalendarGrid/CalendarGrid';\n\nimport styles from './DatePicker.scss';\n\ntype DatePickerBaseProps<IsRange extends boolean | undefined = false> = {\n  label?: ReactNode;\n  placeholder?: string;\n  value?: DatePickerValue<IsRange>;\n  onChange?: DatePickerChangeHandler<IsRange>;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: Date;\n  /**\n   * maximum selectable date\n   */\n  maxDate?: Date;\n  /**\n   * Type: dates only / date + time / month\n   */\n  type?: DatePickerType;\n  range?: IsRange;\n  /**\n   * Function that returns a classname / list of classnames for custom styling of date tiles\n   */\n  getTileClassName?: (args: { activeStartDate: Date; date: Date }) => string;\n  /**\n   * Returns whether a tile should be disabled. Is ***not*** meant as an alternative method of providing `minDate` or `maxDate`\n   */\n  getTileDisabled?: (args: { activeStartDate: Date; date: Date }) => boolean;\n  /**\n   * Determines how the date will be displayed and how user's input will be parsed\n   */\n  format?: string;\n  /**\n   * If `true` - disables user input\n   */\n  readOnly?: boolean;\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  size?: TextInputNextProps['size'];\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n  className?: string;\n  testId?: string;\n\n  // TODO remove when next becomes baseline\n  isNext: boolean;\n};\n\nexport const getActiveStartDate = <IsRange extends boolean | undefined = false>({\n  value,\n  minDate,\n  maxDate,\n}: Pick<DatePickerBaseProps<IsRange>, 'value' | 'minDate' | 'maxDate'>) => {\n  const isValuesArray = Array.isArray(value);\n\n  // Setting viewed time period\n  const maybeStartDate = isValuesArray ? value[0] : (value as Date | undefined);\n  const startDate = maybeStartDate || new Date();\n\n  if (minDate && startDate.getTime() < minDate.getTime()) {\n    return minDate;\n  } else if (maxDate && startDate.getTime() > maxDate.getTime()) {\n    return maxDate;\n  }\n\n  return startDate;\n};\n\nconst DatePickerBase = <IsRange extends boolean | undefined = false>({\n  label,\n  value,\n  maxDate,\n  minDate,\n  className,\n  testId,\n  onChange,\n  readOnly,\n  type = 'date',\n  range,\n  getTileClassName,\n  getTileDisabled,\n  placeholder,\n  format,\n  focusOnClear = true,\n  labelPlacement = 'top',\n  size = 'small',\n  elementsClassNames,\n  isNext,\n  clearable = true,\n}: DatePickerBaseProps<IsRange>) => {\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const timePickerImperativeHandle = useRef<TimePickerImperativeHandle>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeStartDate, setActiveStartDate] = useState<Date>(\n    getActiveStartDate({ maxDate, minDate, value })\n  );\n\n  // Temporary inner storage for dateTime, so user can select time without triggering onChange\n  // Used only with dateTime type and no range\n  const [singleTempDate, setSingleTempDate] = useState<Date>();\n\n  // Temporary inner storage for range state.\n  const [rangeStep, setRangeStep] = useState<RangeSelectionStep>('startDate');\n  const [rangeStartDate, setRangeStartDate] = useState<Date>();\n  const [rangeEndDate, setRangeEndDate] = useState<Date>();\n\n  const isTimeRange = type === 'dateTime' && !!range;\n\n  const [rangeEndHoveredDate, setRangeEndHoveredDate] = useState<Date>();\n\n  const clearInnerState = useCallback(() => {\n    setSingleTempDate(undefined);\n    setRangeStep('startDate');\n    setRangeStartDate(undefined);\n    setRangeEndDate(undefined);\n  }, []);\n\n  const open = useCallback(() => setIsOpen(true), []);\n  const close = useCallback(() => {\n    clearInnerState();\n    setIsOpen(false);\n  }, [clearInnerState]);\n\n  const currentValue = useMemo(() => {\n    if (range) {\n      return undefined;\n    } else {\n      return singleTempDate || (value as Date);\n    }\n  }, [range, singleTempDate, value]);\n\n  const currentTimepickerValue = useMemo(() => {\n    if (isTimeRange && (rangeStep === 'startTime' || rangeStep === 'endTime')) {\n      return rangeEndDate || rangeStartDate;\n    } else if (currentValue && !Array.isArray(currentValue)) {\n      return currentValue as Date;\n    }\n\n    return undefined;\n  }, [isTimeRange, rangeStep, currentValue, rangeEndDate, rangeStartDate]);\n\n  const handleTimeRangeChange = useCallback((value: Date, step: RangeSelectionStep) => {\n    if (step === 'startDate' || step === 'startTime') {\n      setRangeStep('startTime');\n      setRangeStartDate(value);\n      setRangeEndDate(undefined);\n    } else if (step === 'endDate' || step === 'endTime') {\n      setRangeStep('endTime');\n      setRangeEndDate(value);\n    }\n\n    timePickerImperativeHandle.current?.flash();\n  }, []);\n\n  const handleRangeChange = useCallback(\n    (\n      value: Date,\n      rangeStartDate: Date | undefined,\n      step: RangeSelectionStep,\n      type: DatePickerType\n    ): [Date, Date] | undefined => {\n      if (step === 'endDate') {\n        const endOfPeriod = moment(value)\n          .endOf(type === 'month' ? 'month' : 'day')\n          .toDate();\n        const minDate = getMinDate(endOfPeriod, rangeStartDate);\n        const maxDate = getMaxDate(endOfPeriod, rangeStartDate);\n\n        return minDate && maxDate ? [minDate, maxDate] : undefined;\n      } else if (step === 'startDate') {\n        setRangeStartDate(value);\n        setRangeEndDate(undefined);\n        setRangeStep('endDate');\n      }\n\n      return undefined;\n    },\n    []\n  );\n\n  const onDateChange = useCallback<CalendarGridProps['onChange']>(\n    newValue => {\n      if (Array.isArray(newValue) || !newValue) {\n        throw new Error('Value is array or `null`, but should not be');\n      }\n\n      // dateTimeRange\n      if (isTimeRange) {\n        handleTimeRangeChange(newValue, rangeStep);\n      }\n      // Regular dateTime\n      else if (type === 'dateTime') {\n        setSingleTempDate(newValue);\n        timePickerImperativeHandle.current?.flash();\n      }\n      // Regular range\n      else if (range) {\n        const range = handleRangeChange(newValue, rangeStartDate, rangeStep, type);\n        if (range) {\n          (onChange as DatePickerChangeHandler<true>)?.(range);\n          close();\n        }\n      }\n      // Single date\n      else if (!range && newValue) {\n        (onChange as DatePickerChangeHandler<false>)?.(newValue as Date);\n        close();\n      }\n    },\n    [\n      isTimeRange,\n      type,\n      range,\n      handleTimeRangeChange,\n      rangeStep,\n      handleRangeChange,\n      rangeStartDate,\n      onChange,\n      close,\n    ]\n  );\n\n  const onTimeChange = useCallback(\n    (offsetSeconds: number) => {\n      if (isTimeRange) {\n        if (rangeStep === 'startTime') {\n          setRangeStep('endDate');\n          setRangeStartDate(prev => prev && applyOffsetSeconds(prev, offsetSeconds));\n        } else if (rangeStep === 'endTime' && rangeEndDate && rangeStartDate) {\n          const endDate = applyOffsetSeconds(rangeEndDate, offsetSeconds);\n\n          const returnValue: [Date, Date] =\n            rangeStartDate < endDate ? [rangeStartDate, endDate] : [endDate, rangeStartDate];\n\n          (onChange as DatePickerChangeHandler<true>)?.(returnValue);\n          close();\n        }\n      } else if (currentValue && !Array.isArray(currentValue)) {\n        const newValue = applyOffsetSeconds(currentValue, offsetSeconds);\n        (onChange as DatePickerChangeHandler<false>)?.(newValue);\n        close();\n      }\n    },\n    [isTimeRange, currentValue, rangeStep, rangeEndDate, rangeStartDate, onChange, close]\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      const isValuesArray = Array.isArray(value);\n\n      setActiveStartDate(getActiveStartDate({ maxDate, minDate, value }));\n\n      if (range && isValuesArray && value[0] && value[1]) {\n        setRangeStartDate(value[0]);\n        setRangeEndDate(value[1]);\n        setRangeStep('startDate');\n      }\n    }\n  }, [isOpen, value, minDate, maxDate, range]);\n\n  return (\n    <>\n      <Input\n        open={open}\n        isOpen={isOpen}\n        className={className}\n        testId={testId}\n        value={value}\n        label={label}\n        placeholder={placeholder}\n        ref={fieldRef}\n        format={format}\n        range={range}\n        type={type}\n        setValue={onChange as (value: Date | [Date, Date] | undefined) => void}\n        readOnly={readOnly}\n        focusOnClear={focusOnClear}\n        labelPlacement={labelPlacement}\n        size={size}\n        elementsClassNames={elementsClassNames}\n        isNext={isNext}\n        clearable={clearable}\n      />\n\n      {activeStartDate && (\n        <Popover\n          anchorEl={fieldRef.current}\n          onClose={close}\n          open={isOpen}\n          className={styles.popover}\n        >\n          <div>\n            <CalendarControls\n              date={activeStartDate}\n              setDate={setActiveStartDate}\n              minDate={minDate}\n              maxDate={maxDate}\n              view={type === 'month' ? 'year' : 'month'}\n              className={styles.controls}\n            />\n            <CalendarGrid\n              onChange={onDateChange}\n              activeStartDate={activeStartDate}\n              view={type === 'month' ? 'year' : 'month'}\n              maxDate={maxDate}\n              minDate={minDate}\n              tileDisabled={getTileDisabled}\n              selected={currentValue}\n              rangeStartDate={rangeStartDate}\n              rangeEndDate={rangeEndDate}\n              rangeHoveredDate={rangeStep === 'endDate' ? rangeEndHoveredDate : undefined}\n              setHoveredDate={setRangeEndHoveredDate}\n              getTileClassName={getTileClassName}\n              className={styles.grid}\n            />\n          </div>\n          {type === 'dateTime' && (\n            <TimePicker\n              value={currentTimepickerValue}\n              onChange={onTimeChange}\n              ref={timePickerImperativeHandle}\n            />\n          )}\n        </Popover>\n      )}\n    </>\n  );\n};\n\nexport type DatePickerProps<IsRange extends boolean | undefined = false> = Omit<\n  DatePickerBaseProps<IsRange>,\n  'labelPlacement' | 'size' | 'elementsClassNames' | 'isNext'\n>;\n\n// Attempting to properly type exported component by explicitly stating generic call signature\n// See https://www.typescriptlang.org/docs/handbook/2/generics.html#generic-types for details\ntype DatePickerBaseType = {\n  <IsRange extends boolean | undefined = false>(props: DatePickerProps<IsRange>): ReactElement;\n  Controls: typeof CalendarControls;\n  Grid: typeof CalendarGrid;\n};\n\nconst DatePickerOldBase = <IsRange extends boolean | undefined = false>(\n  props: DatePickerProps<IsRange>\n) => DatePickerBase({ ...props, isNext: false });\nDatePickerOldBase.Controls = CalendarControls;\nDatePickerOldBase.Grid = CalendarGrid;\n/**\n * @deprecated use `DatePickerNext`, and see migration guide for `TextInputNext` for details\n */\nexport const DatePicker = DatePickerOldBase as DatePickerBaseType;\n\nexport type DatePickerNextProps<IsRange extends boolean | undefined = false> = Omit<\n  DatePickerBaseProps<IsRange>,\n  'isNext'\n>;\n\ntype DatePickerNextBaseType = {\n  <IsRange extends boolean | undefined = false>(props: DatePickerNextProps<IsRange>): ReactElement;\n  Controls: typeof CalendarControls;\n  Grid: typeof CalendarGrid;\n};\n\nconst DatePickerNextBase = <IsRange extends boolean | undefined = false>(\n  props: DatePickerProps<IsRange>\n) => DatePickerBase({ ...props, isNext: true });\nDatePickerNextBase.Controls = CalendarControls;\nDatePickerNextBase.Grid = CalendarGrid;\nexport const DatePickerNext = DatePickerNextBase as DatePickerNextBaseType;\n"],"names":["getActiveStartDate","_ref","value","minDate","maxDate","startDate","Array","isArray","Date","getTime","DatePickerBase","_ref2","label","className","testId","onChange","readOnly","_ref2$type","type","range","getTileClassName","getTileDisabled","placeholder","format","_ref2$focusOnClear","focusOnClear","_ref2$labelPlacement","labelPlacement","_ref2$size","size","elementsClassNames","isNext","_ref2$clearable","clearable","fieldRef","useRef","timePickerImperativeHandle","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","activeStartDate","setActiveStartDate","_useState5","_useState6","singleTempDate","setSingleTempDate","_useState8","_useState7","rangeStep","setRangeStep","_useState9","_useState10","rangeStartDate","setRangeStartDate","_useState11","_useState12","rangeEndDate","setRangeEndDate","isTimeRange","_useState13","_useState14","rangeEndHoveredDate","setRangeEndHoveredDate","clearInnerState","useCallback","undefined","open","close","currentValue","useMemo","currentTimepickerValue","handleTimeRangeChange","step","_timePickerImperative","current","flash","handleRangeChange","endOfPeriod","moment","endOf","toDate","getMinDate","getMaxDate","onDateChange","newValue","Error","_timePickerImperative2","onTimeChange","offsetSeconds","prev","applyOffsetSeconds","endDate","useEffect","isValuesArray","_jsxs","_Fragment","children","_jsx","Input","ref","setValue","jsxs","Popover","anchorEl","onClose","styles","popover","CalendarControls","date","setDate","view","controls","CalendarGrid","tileDisabled","selected","rangeHoveredDate","setHoveredDate","grid","TimePicker","DatePickerOldBase","props","Controls","Grid","DatePicker","DatePickerNextBase","DatePickerNext"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/componentsV2/DatePicker/DatePicker.tsx"],"sourcesContent":["import { ReactElement, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\n\nimport { Popover } from '../Popover';\nimport { TextInputNextProps } from '../TextInputNext';\n\nimport { CalendarControls } from './CalendarControls';\nimport { Input } from './Input';\nimport {\n  DatePickerChangeHandler,\n  DatePickerType,\n  DatePickerValue,\n  getDateWithSameTime,\n  getMaxDate,\n  getMinDate,\n  isSameDay,\n  RangeSelectionStep,\n} from './utils';\nimport { CalendarGrid, CalendarGridProps } from './CalendarGrid';\nimport { TimePicker } from './TimePicker';\n\nimport styles from './DatePicker.scss';\n\ntype DatePickerBaseProps<IsRange extends boolean | undefined = false> = {\n  label?: ReactNode;\n  placeholder?: string;\n  value?: DatePickerValue<IsRange>;\n  onChange?: DatePickerChangeHandler<IsRange>;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: Date;\n  /**\n   * maximum selectable date\n   */\n  maxDate?: Date;\n  /**\n   * Type: dates only / date + time / month\n   */\n  type?: DatePickerType;\n  range?: IsRange;\n  /**\n   * Function that returns a classname / list of classnames for custom styling of date tiles\n   */\n  getTileClassName?: (args: { activeStartDate: Date; date: Date }) => string;\n  /**\n   * Returns whether a tile should be disabled. Is ***not*** meant as an alternative method of providing `minDate` or `maxDate`\n   */\n  getTileDisabled?: (args: { activeStartDate: Date; date: Date }) => boolean;\n  /**\n   * Determines how the date will be displayed and how user's input will be parsed\n   */\n  format?: string;\n  /**\n   * If `true` - disables user input\n   */\n  readOnly?: boolean;\n  clearable?: boolean;\n  /**\n   * Controls if the field should keep/gain focus after \"Clear\" button is clicked\n   */\n  focusOnClear?: boolean;\n\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  size?: TextInputNextProps['size'];\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n  className?: string;\n  testId?: string;\n\n  // TODO remove when next becomes baseline\n  isNext: boolean;\n};\n\n/**\n * Returns start date for calendar. Must return `value` if it falls into min-max range.\n */\nexport const getActiveStartDate = <IsRange extends boolean | undefined = false>({\n  value,\n  minDate,\n  maxDate,\n}: Pick<DatePickerBaseProps<IsRange>, 'value' | 'minDate' | 'maxDate'>) => {\n  const isValuesArray = Array.isArray(value);\n\n  // Setting viewed time period\n  const maybeStartDate = isValuesArray ? value[0] : (value as Date | undefined);\n  const startDate = maybeStartDate || new Date();\n\n  if (minDate && startDate.getTime() < minDate.getTime()) {\n    return minDate;\n  } else if (maxDate && startDate.getTime() > maxDate.getTime()) {\n    return maxDate;\n  }\n\n  return startDate;\n};\n\nconst DatePickerBase = <IsRange extends boolean | undefined = false>({\n  label,\n  value,\n  maxDate,\n  minDate,\n  className,\n  testId,\n  onChange,\n  readOnly,\n  type = 'date',\n  range,\n  getTileClassName,\n  getTileDisabled,\n  placeholder,\n  format,\n  focusOnClear = true,\n  labelPlacement = 'top',\n  size = 'small',\n  elementsClassNames,\n  isNext,\n  clearable = true,\n}: DatePickerBaseProps<IsRange>) => {\n  const fieldRef = useRef<HTMLDivElement>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeStartDate, setActiveStartDate] = useState<Date>(\n    getActiveStartDate({ maxDate, minDate, value })\n  );\n\n  // Temporary inner storage for dateTime, so user can select time without triggering onChange\n  // Used only with dateTime type and no range\n  const [singleTempDate, setSingleTempDate] = useState<Date>();\n\n  // Temporary inner storage for range state.\n  const [rangeStep, setRangeStep] = useState<RangeSelectionStep>('startDate');\n  const [rangeStartDate, setRangeStartDate] = useState(Array.isArray(value) ? value[0] : undefined);\n  const [rangeEndDate, setRangeEndDate] = useState(Array.isArray(value) ? value[1] : undefined);\n\n  const isTimeRange = type === 'dateTime' && !!range;\n\n  const clearInnerState = useCallback(() => {\n    setSingleTempDate(undefined);\n    setRangeStep('startDate');\n    // setRangeStartDate(undefined);\n    // setRangeEndDate(undefined);\n  }, []);\n\n  const open = useCallback(() => {\n    if (!isOpen) {\n      clearInnerState();\n      setIsOpen(true);\n    }\n  }, [clearInnerState, isOpen]);\n\n  const close = useCallback(() => {\n    clearInnerState();\n    setIsOpen(false);\n  }, [clearInnerState]);\n\n  const onPopoverClose = useCallback(() => {\n    if (\n      range &&\n      rangeStartDate &&\n      rangeEndDate &&\n      (rangeStartDate.getTime() !== (value as [Date, Date])?.[0]?.getTime() ||\n        rangeEndDate.getTime() !== (value as [Date, Date])?.[1]?.getTime())\n    ) {\n      (onChange as DatePickerChangeHandler<true>)?.(\n        rangeStartDate < rangeEndDate\n          ? [rangeStartDate, rangeEndDate]\n          : [rangeEndDate, rangeStartDate]\n      );\n    } else if (singleTempDate && singleTempDate.getTime() !== (value as Date)?.getTime()) {\n      (onChange as DatePickerChangeHandler<false>)?.(singleTempDate);\n    }\n    close();\n  }, [close, onChange, range, rangeEndDate, rangeStartDate, singleTempDate, value]);\n\n  const currentValue = useMemo(() => {\n    if (range) {\n      return rangeStep === 'startDate' ? rangeStartDate : rangeEndDate;\n    } else {\n      return singleTempDate || (value as Date);\n    }\n  }, [range, rangeEndDate, rangeStartDate, rangeStep, singleTempDate, value]);\n\n  const changeRangeStep = useCallback(\n    (step: RangeSelectionStep) => {\n      if (step === 'startDate' && rangeStartDate) {\n        setActiveStartDate(rangeStartDate);\n      } else if (rangeEndDate) {\n        setActiveStartDate(rangeEndDate);\n      }\n      setRangeStep(step);\n    },\n    [rangeEndDate, rangeStartDate]\n  );\n\n  const handleTimeRangeChange = useCallback((newValue: Date, step: RangeSelectionStep) => {\n    if (step === 'startDate') {\n      setRangeStartDate(current => getDateWithSameTime(newValue, current));\n    } else if (step === 'endDate') {\n      setRangeEndDate(current => getDateWithSameTime(newValue, current));\n    }\n  }, []);\n\n  const handleRangeChange = useCallback(\n    (\n      value: Date,\n      rangeStartDate: Date | undefined,\n      step: RangeSelectionStep,\n      type: DatePickerType\n    ): [Date, Date] | undefined => {\n      if (step === 'endDate') {\n        const endOfPeriod = moment(value)\n          .endOf(type === 'month' ? 'month' : 'day')\n          .toDate();\n        const minDate = getMinDate(endOfPeriod, rangeStartDate);\n        const maxDate = getMaxDate(endOfPeriod, rangeStartDate);\n\n        return minDate && maxDate ? [minDate, maxDate] : undefined;\n      } else if (step === 'startDate') {\n        setRangeStartDate(value);\n        changeRangeStep('endDate');\n      }\n\n      return undefined;\n    },\n    [changeRangeStep]\n  );\n\n  const onDateChange = useCallback<CalendarGridProps['onChange']>(\n    newValue => {\n      // dateTimeRange\n      if (isTimeRange) {\n        handleTimeRangeChange(newValue, rangeStep);\n      }\n      // Regular dateTime\n      else if (type === 'dateTime') {\n        setSingleTempDate(getDateWithSameTime(newValue, currentValue));\n      }\n      // Regular range\n      else if (range) {\n        const range = handleRangeChange(newValue, rangeStartDate, rangeStep, type);\n\n        if (range) {\n          (onChange as DatePickerChangeHandler<true>)?.(range);\n          close();\n        }\n      }\n      // Single date\n      else if (!range) {\n        (onChange as DatePickerChangeHandler<false>)?.(newValue as Date);\n        close();\n      }\n    },\n    [\n      isTimeRange,\n      type,\n      range,\n      handleTimeRangeChange,\n      rangeStep,\n      currentValue,\n      handleRangeChange,\n      rangeStartDate,\n      onChange,\n      close,\n    ]\n  );\n\n  const onTimeChange = useCallback(\n    (newValue: Date) => {\n      if (isTimeRange) {\n        if (rangeStep === 'startDate') {\n          setRangeStartDate(newValue);\n        } else {\n          setRangeEndDate(newValue);\n        }\n      } else if (currentValue) {\n        setSingleTempDate(newValue);\n      }\n    },\n    [isTimeRange, currentValue, rangeStep]\n  );\n\n  const saveTime = useCallback(() => {\n    if (isTimeRange) {\n      if (rangeStep === 'startDate') {\n        changeRangeStep('endDate');\n      } else if (rangeStartDate && rangeEndDate) {\n        const returnValue: [Date, Date] =\n          rangeStartDate < rangeEndDate\n            ? [rangeStartDate, rangeEndDate]\n            : [rangeEndDate, rangeStartDate];\n\n        (onChange as DatePickerChangeHandler<true>)?.(returnValue);\n        close();\n      }\n    } else if (currentValue) {\n      (onChange as DatePickerChangeHandler<false>)?.(currentValue);\n      close();\n    }\n  }, [\n    changeRangeStep,\n    close,\n    currentValue,\n    isTimeRange,\n    onChange,\n    rangeEndDate,\n    rangeStartDate,\n    rangeStep,\n  ]);\n\n  const goToToday = useMemo(() => {\n    const today = new Date();\n    const startDate = getActiveStartDate({ maxDate, minDate, value: today });\n\n    return isOpen && isSameDay(startDate, today) ? () => setActiveStartDate(startDate) : undefined;\n  }, [isOpen, maxDate, minDate]);\n\n  const clearCurrentStep = useMemo(() => {\n    if (\n      (rangeStep === 'startDate' && !rangeStartDate) ||\n      (rangeStep === 'endDate' && !rangeEndDate)\n    ) {\n      return undefined;\n    }\n\n    return () => {\n      if (rangeStep === 'startDate') {\n        setRangeStartDate(undefined);\n      } else {\n        setRangeEndDate(undefined);\n      }\n\n      setActiveStartDate(getActiveStartDate({ maxDate, minDate }));\n    };\n  }, [maxDate, minDate, rangeEndDate, rangeStartDate, rangeStep]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setActiveStartDate(getActiveStartDate({ maxDate, minDate, value }));\n    }\n\n    const isValuesArray = Array.isArray(value);\n\n    if (range /* && isValuesArray && value[0] && value[1] */) {\n      setRangeStartDate(isValuesArray ? value[0] : undefined);\n      setRangeEndDate(isValuesArray ? value[1] : undefined);\n      setRangeStep('startDate');\n    }\n  }, [isOpen, value, minDate, maxDate, range]);\n\n  return (\n    <>\n      <Input\n        open={open}\n        isOpen={isOpen}\n        className={className}\n        testId={testId}\n        value={range ? [rangeStartDate, rangeEndDate] : value}\n        label={label}\n        placeholder={placeholder}\n        ref={fieldRef}\n        format={format}\n        range={range}\n        rangeStep={rangeStep}\n        setRangeStep={changeRangeStep}\n        type={type}\n        setValue={onChange as (value: Date | [Date, Date] | undefined) => void}\n        readOnly={readOnly}\n        focusOnClear={focusOnClear}\n        labelPlacement={labelPlacement}\n        size={size}\n        elementsClassNames={elementsClassNames}\n        isNext={isNext}\n        clearable={clearable}\n      />\n\n      {activeStartDate && (\n        <Popover\n          anchorEl={fieldRef.current}\n          onClose={onPopoverClose}\n          open={isOpen}\n          className={styles.popover}\n          popperClassName={styles.popper}\n        >\n          <CalendarControls\n            date={activeStartDate}\n            setDate={setActiveStartDate}\n            minDate={minDate}\n            maxDate={maxDate}\n            view={type === 'month' ? 'year' : 'month'}\n            className={styles.controls}\n          />\n\n          <CalendarGrid\n            onChange={onDateChange}\n            activeStartDate={activeStartDate}\n            view={type === 'month' ? 'year' : 'month'}\n            maxDate={maxDate}\n            minDate={minDate}\n            tileDisabled={getTileDisabled}\n            selected={currentValue}\n            getTileClassName={getTileClassName}\n            className={styles.grid}\n          />\n\n          {type === 'dateTime' && (\n            <TimePicker\n              value={currentValue}\n              onChange={onTimeChange}\n              maxDate={maxDate}\n              minDate={minDate}\n              clear={clearCurrentStep}\n              goToToday={goToToday}\n              saveTime={saveTime}\n            />\n          )}\n        </Popover>\n      )}\n    </>\n  );\n};\n\nexport type DatePickerProps<IsRange extends boolean | undefined = false> = Omit<\n  DatePickerBaseProps<IsRange>,\n  'labelPlacement' | 'size' | 'elementsClassNames' | 'isNext'\n>;\n\n// Attempting to properly type exported component by explicitly stating generic call signature\n// See https://www.typescriptlang.org/docs/handbook/2/generics.html#generic-types for details\ntype DatePickerBaseType = {\n  <IsRange extends boolean | undefined = false>(props: DatePickerProps<IsRange>): ReactElement;\n  Controls: typeof CalendarControls;\n  Grid: typeof CalendarGrid;\n};\n\nconst DatePickerOldBase = <IsRange extends boolean | undefined = false>(\n  props: DatePickerProps<IsRange>\n) => DatePickerBase({ ...props, isNext: false });\nDatePickerOldBase.Controls = CalendarControls;\nDatePickerOldBase.Grid = CalendarGrid;\n/**\n * @deprecated use `DatePickerNext`, and see migration guide for `TextInputNext` for details\n */\nexport const DatePicker = DatePickerOldBase as DatePickerBaseType;\n\nexport type DatePickerNextProps<IsRange extends boolean | undefined = false> = Omit<\n  DatePickerBaseProps<IsRange>,\n  'isNext'\n>;\n\ntype DatePickerNextBaseType = {\n  <IsRange extends boolean | undefined = false>(props: DatePickerNextProps<IsRange>): ReactElement;\n  Controls: typeof CalendarControls;\n  Grid: typeof CalendarGrid;\n};\n\nconst DatePickerNextBase = <IsRange extends boolean | undefined = false>(\n  props: DatePickerProps<IsRange>\n) => DatePickerBase({ ...props, isNext: true });\nDatePickerNextBase.Controls = CalendarControls;\nDatePickerNextBase.Grid = CalendarGrid;\nexport const DatePickerNext = DatePickerNextBase as DatePickerNextBaseType;\n"],"names":["getActiveStartDate","_ref","value","minDate","maxDate","startDate","Array","isArray","Date","getTime","DatePickerBase","_ref2","label","className","testId","onChange","readOnly","_ref2$type","type","range","getTileClassName","getTileDisabled","placeholder","format","_ref2$focusOnClear","focusOnClear","_ref2$labelPlacement","labelPlacement","_ref2$size","size","elementsClassNames","isNext","_ref2$clearable","clearable","fieldRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","activeStartDate","setActiveStartDate","_useState5","_useState6","singleTempDate","setSingleTempDate","_useState8","_useState7","rangeStep","setRangeStep","_useState9","undefined","_useState10","rangeStartDate","setRangeStartDate","_useState11","_useState12","rangeEndDate","setRangeEndDate","isTimeRange","clearInnerState","useCallback","open","close","onPopoverClose","_","_2","currentValue","useMemo","changeRangeStep","step","handleTimeRangeChange","newValue","current","getDateWithSameTime","handleRangeChange","endOfPeriod","moment","endOf","toDate","getMinDate","getMaxDate","onDateChange","onTimeChange","saveTime","goToToday","today","isSameDay","clearCurrentStep","useEffect","isValuesArray","_jsxs","_Fragment","children","_jsx","Input","ref","setValue","jsxs","Popover","anchorEl","onClose","styles","popover","popperClassName","popper","CalendarControls","date","setDate","view","controls","CalendarGrid","tileDisabled","selected","grid","TimePicker","clear","DatePickerOldBase","props","Controls","Grid","DatePicker","DatePickerNextBase","DatePickerNext"],"mappings":"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"}

package/cjs-bundle/componentsV2/DatePicker/DatePicker.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".DatePicker_popover__sSk1S{box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:row nowrap;margin:8px 0;overflow:visible}.DatePicker_controls__Hb-Sw{border-bottom:2px solid var(--palette-background-b-4);padding-bottom:6px}.DatePicker_grid__c37ss{margin:0 auto}"),module.exports={spacing:"8",popover:"DatePicker_popover__sSk1S",controls:"DatePicker_controls__Hb-Sw",grid:"DatePicker_grid__c37ss"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".DatePicker_popover__sSk1S{box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;margin:8px 0;overflow:visible;width:296px}.DatePicker_popper__BAftf{z-index:calc(var(--z-index-modal) + 2)}.DatePicker_controls__Hb-Sw{border-bottom:2px solid var(--palette-background-b-4);padding-bottom:6px}.DatePicker_grid__c37ss{margin:0 auto}"),module.exports={spacing:"8",popover:"DatePicker_popover__sSk1S",popper:"DatePicker_popper__BAftf",controls:"DatePicker_controls__Hb-Sw",grid:"DatePicker_grid__c37ss"};
 //# sourceMappingURL=DatePicker.scss.js.map

package/cjs-bundle/componentsV2/DatePicker/Input/Input.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/toConsumableArray"),e=require("react"),c=require("moment"),n=require("../../TextInputNext/TextInputNext.js"),i=require("../../TextInput/TextInput.js"),r=require("../utils.js"),u=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var t=require("react/jsx-runtime");function a(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=a(s),m=a(o),I=a(c),j=function(s,o){return(Array.isArray(s)?s:[s]).filter((function(s){return!!s})).map((function(s){return I.default(s).format(o)})).join(" - ")},q=function(s,o,e){var c=I.default(s,[o].concat(m.default(r.FallbackInputFormats[e]||[])),!0);return c.isValid()?c.toDate():void 0},d=e.forwardRef((function(s,o){var c=s.value,a=s.label,m=s.open,I=s.className,d=s.testId,p=s.format,f=s.placeholder,C=s.range,b=s.readOnly,h=s.type,v=s.setValue,x=s.focusOnClear,O=s.labelPlacement,F=s.size,g=s.elementsClassNames,A=s.isNext,y=s.isOpen,k=s.clearable,P=p||r.getDefaultFormat(h,C),T=e.useState(j(c,P)),M=l.default(T,2),D=M[0],N=M[1],S=e.useState(c),R=l.default(S,2),z=R[0],B=R[1];z!==c&&(N(j(c,P)),B(c));var E=e.useCallback((function(s){if(""===s.trim())return null==v||v(void 0),void N("");if(N(s),C){var o=s.split(/[-–—]/).map((function(s){return q(s.trim(),P,h)})).filter((function(s){return!!s}));if(2===o.length){var e=r.getMinDate(o[0],o[1]),c=r.getMaxDate(o[0],o[1]);e&&c&&(null==v||v([e,c]))}}else{var n=q(s,P,h);n&&(null==v||v(n))}}),[P,C,v,h]),G=e.useCallback((function(){N(j(c,P))}),[c,P]),U=e.useCallback((function(){null==v||v(void 0),N("")}),[v]);return A?t.jsx(n.TextInputNext,{value:D,inputContainerRef:o,label:a,onFocus:m,onBlur:G,className:I,testId:d,suffix:t.jsx(u.CalendarThreeIcon,{}),placeholder:f,onChange:E,readOnly:b,clearable:k,focusOnClear:x,labelPlacement:O,size:F,elementsClassNames:g}):t.jsx(i.TextInput,{value:D,ref:o,label:a,onFocus:m,onBlur:G,forceLabelShrink:y,className:I,testId:d,suffix:t.jsx(u.CalendarThreeIcon,{}),placeholder:f,onChange:E,readOnly:b,onClear:k?U:void 0,focusOnClear:x})}));exports.Input=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/toConsumableArray"),o=require("react"),r=require("moment"),c=require("classnames"),i=require("../../TextInputNext/TextInputNext.js"),t=require("../../TextInput/TextInput.js"),u=require("../utils.js"),a=require("../../Popper/Popper.js"),l=require("./Input.scss.js"),m=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var j=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),I=d(s),q=d(n),f=d(r),b=d(c);function v(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?v(Object(n),!0).forEach((function(s){p.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var h={flip:{enabled:!1}},O=function(e,s){return e?f.default(e).format(s):s},g=function(e,s){return(Array.isArray(e)?e:[e]).filter((function(e){return!!e})).map((function(e){return O(e,s)})).join(" - ")},x=function(e,s,n){var o=f.default(e,[s].concat(q.default(u.InputParseFormats[n]||[])),!0);return o.isValid()?o.toDate():void 0},y={small:l.small,medium:l.medium,large:l.large},P=o.forwardRef((function(e,s){var n=e.value,r=e.label,c=e.open,d=e.className,p=e.testId,q=e.format,f=e.placeholder,v=e.range,P=e.readOnly,F=e.type,A=e.setValue,D=e.focusOnClear,S=e.labelPlacement,k=e.size,N=void 0===k?"small":k,M=e.elementsClassNames,R=e.isNext,T=e.isOpen,w=e.clearable,E=e.rangeStep,z=e.setRangeStep,B=q||u.getDefaultFormat(F,v),L=g(n,B),V=o.useState(L),G=I.default(V,2),U=G[0],W=G[1],_=o.useState(n),K=I.default(_,2),Z=K[0],H=K[1],J=o.useRef(U),Q=o.useState(0),X=I.default(Q,2),Y=X[0],$=X[1],ee=o.useState(0),se=I.default(ee,2),ne=se[0],oe=se[1],re=o.useRef(null),ce=!!v&&U===L&&T;Z!==n&&(W(L),H(n),J.current=L);var ie=o.useCallback((function(e){if(""===e.trim())return null==A||A(void 0),W(""),void(J.current="");var s=u.autocompleteValue({type:F,range:v,value:e,prevValue:J.current});if(J.current=s,W(s),v){var n=s.split(/[-–—]/).map((function(e){return x(e.trim(),B,F)})).filter((function(e){return!!e}));if(2===n.length){var o=u.getMinDate(n[0],n[1]),r=u.getMaxDate(n[0],n[1]);o&&r&&(null==A||A([o,r]))}}else{var c=x(s,B,F);c&&(null==A||A(c))}}),[B,v,A,F]),te=o.useCallback((function(e){e.target.select(),c()}),[c]),ue=o.useCallback((function(){W(g(n,B)),J.current=""}),[n,B]),ae=o.useCallback((function(){null==A||A(void 0),W("")}),[A]),le=o.useMemo((function(){return C(C({},M),{},{prefix:b.default(null==M?void 0:M.prefix,ce&&l.prefix),input:b.default(null==M?void 0:M.input,ce&&l.rangeDefaultValue),inputContainer:b.default(null==M?void 0:M.inputContainer,l.inputContainer)})}),[ce,M]),me=o.useMemo((function(){return v?{onScroll:function(e){$(e.currentTarget.scrollLeft)}}:void 0}),[v]);return o.useEffect((function(){if(v){var e=new ResizeObserver((function(e){e.forEach((function(e){var s,n;return oe((null===(s=e.borderBoxSize)||void 0===s||null===(n=s[0])||void 0===n?void 0:n.inlineSize)||0)}))}));return re.current&&e.observe(re.current),function(){e.disconnect()}}}),[v]),R?j.jsxs(j.Fragment,{children:[j.jsx(i.TextInputNext,{value:U,inputContainerRef:s,inputRef:re,label:r,onFocus:te,onBlur:ue,className:d,testId:p,suffix:j.jsx(m.CalendarThreeIcon,{}),placeholder:f,onChange:ie,readOnly:P,clearable:w,focusOnClear:D,labelPlacement:S,size:N,elementsClassNames:le,htmlAttributes:me}),j.jsx(a.Popper,{anchorEl:re.current,open:ce,placement:"top-start",className:l.popper,modifiers:h,children:j.jsx("div",{className:b.default(l.rangeOverlay,y[N]),style:{width:ne},children:j.jsx("div",{style:{marginLeft:-Y},children:Array.isArray(n)&&2===n.length&&j.jsxs(j.Fragment,{children:[j.jsx("span",{className:b.default(l.rangePart,"startDate"===E&&l.rangePartActive),onClick:function(){return z("startDate")},children:O(n[0],B)})," - ",j.jsx("span",{className:b.default(l.rangePart,"endDate"===E&&l.rangePartActive),onClick:function(){return z("endDate")},children:O(n[1],B)})]})})})})]}):j.jsx(t.TextInput,{value:U,ref:s,label:r,onFocus:c,onBlur:ue,forceLabelShrink:T,className:d,testId:p,suffix:j.jsx(m.CalendarThreeIcon,{}),placeholder:f,onChange:ie,readOnly:P,onClear:w?ae:void 0,focusOnClear:D})}));exports.Input=P;
 //# sourceMappingURL=Input.js.map

package/cjs-bundle/componentsV2/DatePicker/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/componentsV2/DatePicker/Input/Input.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useState } from 'react';\nimport moment from 'moment';\n\nimport { TextInputNext, TextInputNextProps } from '../../TextInputNext';\nimport { TextInput } from '../../TextInput';\nimport {\n  DatePickerChangeHandler,\n  DatePickerType,\n  FallbackInputFormats,\n  getDefaultFormat,\n  getMaxDate,\n  getMinDate,\n} from '../utils';\n\nimport { CalendarThreeIcon } from '~/icons';\n\nexport type InputProps = {\n  value?: Date | [Date, Date];\n  setValue?: (value: Date | [Date, Date] | undefined) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  open: () => void;\n  type: DatePickerType;\n  format?: string;\n  range?: boolean;\n  readOnly?: boolean;\n  focusOnClear?: boolean;\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  size?: TextInputNextProps['size'];\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n  clearable?: TextInputNextProps['clearable'];\n\n  className?: string;\n  testId?: string;\n\n  // Remove when next becomes baseline\n  isOpen: boolean;\n  isNext: boolean;\n};\n\nconst formatValue = (value: Date | [Date, Date] | undefined, format: string) =>\n  (Array.isArray(value) ? value : [value])\n    .filter(item => !!item)\n    .map(item => moment(item).format(format))\n    .join(' - ');\n\nconst parseStringDate = (value: string, format: string, type: DatePickerType) => {\n  const parsedMoment = moment(value, [format, ...(FallbackInputFormats[type] || [])], true);\n\n  return parsedMoment.isValid() ? parsedMoment.toDate() : undefined;\n};\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(\n  (\n    {\n      value,\n      label,\n      open,\n      className,\n      testId,\n      format,\n      placeholder,\n      range,\n      readOnly,\n      type,\n      setValue,\n      focusOnClear,\n      labelPlacement,\n      size,\n      elementsClassNames,\n      isNext,\n      isOpen,\n      clearable,\n    },\n    ref\n  ) => {\n    const actualFormat = format || getDefaultFormat(type, range);\n    const [inputValue, setInputValue] = useState(formatValue(value, actualFormat));\n    const [prevValue, setPrevValue] = useState(value);\n\n    // Value changed - reconstructing input value\n    if (prevValue !== value) {\n      setInputValue(formatValue(value, actualFormat));\n      setPrevValue(value);\n    }\n\n    const onChange = useCallback(\n      (newValue: string) => {\n        if (newValue.trim() === '') {\n          setValue?.(undefined);\n          setInputValue('');\n          return;\n        }\n\n        setInputValue(newValue);\n        if (range) {\n          // Splitting by hyphen, or en dash, or em dash\n          const dateParts = newValue\n            .split(/[-–—]/)\n            .map(part => parseStringDate(part.trim(), actualFormat, type))\n            .filter(part => !!part);\n\n          if (dateParts.length === 2) {\n            const minDate = getMinDate(dateParts[0], dateParts[1]);\n            const maxDate = getMaxDate(dateParts[0], dateParts[1]);\n\n            if (minDate && maxDate) {\n              (setValue as DatePickerChangeHandler<true>)?.([minDate, maxDate]);\n            }\n          }\n        } else {\n          const maybeDate = parseStringDate(newValue, actualFormat, type);\n\n          if (maybeDate) {\n            (setValue as DatePickerChangeHandler<false>)?.(maybeDate);\n          }\n        }\n      },\n      [actualFormat, range, setValue, type]\n    );\n\n    const onBlur = useCallback(() => {\n      setInputValue(formatValue(value, actualFormat));\n    }, [value, actualFormat]);\n\n    const onClear = useCallback(() => {\n      setValue?.(undefined);\n      setInputValue('');\n    }, [setValue]);\n\n    if (isNext) {\n      return (\n        <TextInputNext\n          value={inputValue}\n          inputContainerRef={ref}\n          label={label}\n          onFocus={open}\n          onBlur={onBlur}\n          className={className}\n          testId={testId}\n          suffix={<CalendarThreeIcon />}\n          placeholder={placeholder}\n          onChange={onChange}\n          readOnly={readOnly}\n          clearable={clearable}\n          focusOnClear={focusOnClear}\n          labelPlacement={labelPlacement}\n          size={size}\n          elementsClassNames={elementsClassNames}\n        />\n      );\n    }\n\n    return (\n      <TextInput\n        value={inputValue}\n        ref={ref as never}\n        label={label}\n        onFocus={open}\n        onBlur={onBlur}\n        forceLabelShrink={isOpen}\n        className={className}\n        testId={testId}\n        suffix={<CalendarThreeIcon />}\n        placeholder={placeholder}\n        onChange={onChange}\n        readOnly={readOnly}\n        onClear={clearable ? onClear : undefined}\n        focusOnClear={focusOnClear}\n      />\n    );\n  }\n);\n"],"names":["formatValue","value","format","Array","isArray","filter","item","map","moment","join","parseStringDate","type","parsedMoment","concat","_toConsumableArray","FallbackInputFormats","isValid","toDate","undefined","Input","forwardRef","_ref","ref","label","open","className","testId","placeholder","range","readOnly","setValue","focusOnClear","labelPlacement","size","elementsClassNames","isNext","isOpen","clearable","actualFormat","getDefaultFormat","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","prevValue","setPrevValue","onChange","useCallback","newValue","trim","dateParts","split","part","length","minDate","getMinDate","maxDate","getMaxDate","maybeDate","onBlur","onClear","_jsx","TextInputNext","inputContainerRef","onFocus","suffix","CalendarThreeIcon","TextInput","forceLabelShrink"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../src/componentsV2/DatePicker/Input/Input.tsx"],"sourcesContent":["import {\n  FocusEventHandler,\n  forwardRef,\n  ReactNode,\n  UIEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { TextInputNext, TextInputNextProps } from '../../TextInputNext';\nimport { TextInput } from '../../TextInput';\nimport {\n  autocompleteValue,\n  DatePickerChangeHandler,\n  DatePickerType,\n  getDefaultFormat,\n  getMaxDate,\n  getMinDate,\n  RangeSelectionStep,\n  InputParseFormats,\n} from '../utils';\nimport { Popper } from '../../Popper';\n\nimport styles from './Input.scss';\n\nimport { CalendarThreeIcon } from '~/icons';\n\nexport type InputProps = {\n  value?: Date | [Date | undefined, Date | undefined];\n  setValue?: (value: Date | [Date, Date] | undefined) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  open: () => void;\n  type: DatePickerType;\n  format?: string;\n  range?: boolean;\n  rangeStep?: RangeSelectionStep;\n  setRangeStep: (step: RangeSelectionStep) => void;\n  readOnly?: boolean;\n  focusOnClear?: boolean;\n  labelPlacement?: TextInputNextProps['labelPlacement'];\n  size?: TextInputNextProps['size'];\n  elementsClassNames?: TextInputNextProps['elementsClassNames'];\n  clearable?: TextInputNextProps['clearable'];\n\n  className?: string;\n  testId?: string;\n\n  // Remove when next becomes baseline\n  isOpen: boolean;\n  isNext: boolean;\n};\n\nconst rangeOverlayPopperModifiers = {\n  flip: {\n    enabled: false,\n  },\n};\n\nconst RangeSeparator = ' - ';\n\nconst formatValuePart = (value: Date | undefined, format: string) =>\n  value ? moment(value).format(format) : format;\n\nconst formatValue = (value: InputProps['value'], format: string) =>\n  (Array.isArray(value) ? value : [value])\n    .filter(item => !!item)\n    .map(item => formatValuePart(item, format))\n    .join(RangeSeparator);\n\nconst parseStringDate = (value: string, format: string, type: DatePickerType) => {\n  const parsedMoment = moment(value, [format, ...(InputParseFormats[type] || [])], true);\n\n  return parsedMoment.isValid() ? parsedMoment.toDate() : undefined;\n};\n\nconst SizeToOverlayClassMap: Record<Required<TextInputNextProps>['size'], string> = {\n  small: styles.small,\n  medium: styles.medium,\n  large: styles.large,\n};\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(\n  (\n    {\n      value,\n      label,\n      open,\n      className,\n      testId,\n      format: propsFormat,\n      placeholder,\n      range,\n      readOnly,\n      type,\n      setValue,\n      focusOnClear,\n      labelPlacement,\n      size = 'small',\n      elementsClassNames: propsElementsClassNames,\n      isNext,\n      isOpen,\n      clearable,\n      rangeStep,\n      setRangeStep,\n    },\n    ref\n  ) => {\n    const format = propsFormat || getDefaultFormat(type, range);\n    const formattedValue = formatValue(value, format);\n    const [inputValue, setInputValue] = useState(formattedValue);\n    const [prevValue, setPrevValue] = useState(value);\n    const prevInputValueRef = useRef(inputValue);\n    const [inputScroll, setinputScroll] = useState(0);\n    const [inputWidth, setInputWidth] = useState(0);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const showRangeOverlay = !!range && inputValue === formattedValue && isOpen;\n\n    // Value changed - reconstructing input value\n    if (prevValue !== value) {\n      setInputValue(formattedValue);\n      setPrevValue(value);\n      prevInputValueRef.current = formattedValue;\n    }\n\n    const onChange = useCallback(\n      (typedValue: string) => {\n        if (typedValue.trim() === '') {\n          setValue?.(undefined);\n          setInputValue('');\n          prevInputValueRef.current = '';\n          return;\n        }\n\n        const newValue = autocompleteValue({\n          type,\n          range,\n          value: typedValue,\n          prevValue: prevInputValueRef.current,\n        });\n\n        prevInputValueRef.current = newValue;\n\n        setInputValue(newValue);\n        if (range) {\n          // Splitting by hyphen, or en dash, or em dash\n          const dateParts = newValue\n            .split(/[-–—]/)\n            .map(part => parseStringDate(part.trim(), format, type))\n            .filter(part => !!part);\n\n          if (dateParts.length === 2) {\n            const minDate = getMinDate(dateParts[0], dateParts[1]);\n            const maxDate = getMaxDate(dateParts[0], dateParts[1]);\n\n            if (minDate && maxDate) {\n              (setValue as DatePickerChangeHandler<true>)?.([minDate, maxDate]);\n            }\n          }\n        } else {\n          const maybeDate = parseStringDate(newValue, format, type);\n\n          if (maybeDate) {\n            (setValue as DatePickerChangeHandler<false>)?.(maybeDate);\n          }\n        }\n      },\n      [format, range, setValue, type]\n    );\n\n    const onFocus = useCallback<FocusEventHandler<HTMLInputElement>>(\n      e => {\n        e.target.select();\n        open();\n      },\n      [open]\n    );\n\n    const onBlur = useCallback(() => {\n      setInputValue(formatValue(value, format));\n      prevInputValueRef.current = '';\n    }, [value, format]);\n\n    const onClear = useCallback(() => {\n      setValue?.(undefined);\n      setInputValue('');\n    }, [setValue]);\n\n    const elementsClassNames = useMemo(\n      () => ({\n        ...propsElementsClassNames,\n        prefix: classNames(propsElementsClassNames?.prefix, showRangeOverlay && styles.prefix),\n        input: classNames(\n          propsElementsClassNames?.input,\n          showRangeOverlay && styles.rangeDefaultValue\n        ),\n        inputContainer: classNames(propsElementsClassNames?.inputContainer, styles.inputContainer),\n      }),\n      [showRangeOverlay, propsElementsClassNames]\n    );\n\n    const htmlAttributes = useMemo<{ onScroll: UIEventHandler<HTMLInputElement> } | undefined>(\n      () =>\n        range\n          ? {\n              onScroll: e => {\n                setinputScroll(e.currentTarget.scrollLeft);\n              },\n            }\n          : undefined,\n      [range]\n    );\n\n    useEffect(() => {\n      if (!range) {\n        return undefined;\n      }\n\n      const resizeObserver = new ResizeObserver(entries => {\n        entries.forEach(entry => setInputWidth(entry.borderBoxSize?.[0]?.inlineSize || 0));\n      });\n\n      if (inputRef.current) {\n        resizeObserver.observe(inputRef.current);\n      }\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, [range]);\n\n    if (isNext) {\n      return (\n        <>\n          <TextInputNext\n            value={inputValue}\n            inputContainerRef={ref}\n            inputRef={inputRef}\n            label={label}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            className={className}\n            testId={testId}\n            suffix={<CalendarThreeIcon />}\n            placeholder={placeholder}\n            onChange={onChange}\n            readOnly={readOnly}\n            clearable={clearable}\n            focusOnClear={focusOnClear}\n            labelPlacement={labelPlacement}\n            size={size}\n            elementsClassNames={elementsClassNames}\n            htmlAttributes={htmlAttributes}\n          />\n\n          <Popper\n            anchorEl={inputRef.current}\n            open={showRangeOverlay}\n            placement=\"top-start\"\n            className={styles.popper}\n            modifiers={rangeOverlayPopperModifiers}\n          >\n            <div\n              className={classNames(styles.rangeOverlay, SizeToOverlayClassMap[size])}\n              style={{ width: inputWidth }}\n            >\n              <div style={{ marginLeft: -inputScroll }}>\n                {Array.isArray(value) && value.length === 2 && (\n                  <>\n                    <span\n                      className={classNames(\n                        styles.rangePart,\n\n                        rangeStep === 'startDate' && styles.rangePartActive\n                      )}\n                      onClick={() => setRangeStep('startDate')}\n                    >\n                      {formatValuePart(value[0], format)}\n                    </span>\n                    {RangeSeparator}\n                    <span\n                      className={classNames(\n                        styles.rangePart,\n                        rangeStep === 'endDate' && styles.rangePartActive\n                      )}\n                      onClick={() => setRangeStep('endDate')}\n                    >\n                      {formatValuePart(value[1], format)}\n                    </span>\n                  </>\n                )}\n              </div>\n            </div>\n          </Popper>\n        </>\n      );\n    }\n\n    return (\n      <TextInput\n        value={inputValue}\n        ref={ref as never}\n        label={label}\n        onFocus={open}\n        onBlur={onBlur}\n        forceLabelShrink={isOpen}\n        className={className}\n        testId={testId}\n        suffix={<CalendarThreeIcon />}\n        placeholder={placeholder}\n        onChange={onChange}\n        readOnly={readOnly}\n        onClear={clearable ? onClear : undefined}\n        focusOnClear={focusOnClear}\n      />\n    );\n  }\n);\n"],"names":["rangeOverlayPopperModifiers","flip","enabled","formatValuePart","value","format","moment","formatValue","Array","isArray","filter","item","map","join","parseStringDate","type","parsedMoment","concat","_toConsumableArray","InputParseFormats","isValid","toDate","undefined","SizeToOverlayClassMap","small","styles","medium","large","Input","forwardRef","_ref","ref","label","open","className","testId","propsFormat","placeholder","range","readOnly","setValue","focusOnClear","labelPlacement","_ref$size","size","propsElementsClassNames","elementsClassNames","isNext","isOpen","clearable","rangeStep","setRangeStep","getDefaultFormat","formattedValue","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","prevValue","setPrevValue","prevInputValueRef","useRef","_useState6","_useState5","inputScroll","setinputScroll","_useState8","_useState7","inputWidth","setInputWidth","inputRef","showRangeOverlay","current","onChange","useCallback","typedValue","trim","newValue","autocompleteValue","dateParts","split","part","length","minDate","getMinDate","maxDate","getMaxDate","maybeDate","onFocus","e","target","select","onBlur","onClear","useMemo","_objectSpread","prefix","classNames","input","rangeDefaultValue","inputContainer","htmlAttributes","onScroll","currentTarget","scrollLeft","useEffect","resizeObserver","ResizeObserver","entries","forEach","entry","_entry$borderBoxSize","_entry$borderBoxSize$","borderBoxSize","inlineSize","observe","disconnect","_jsxs","_Fragment","children","_jsx","TextInputNext","inputContainerRef","suffix","CalendarThreeIcon","Popper","anchorEl","placement","popper","modifiers","jsx","rangeOverlay","style","width","marginLeft","jsxs","rangePart","rangePartActive","onClick","TextInput","forceLabelShrink"],"mappings":"k8KA0DA,IAAMA,EAA8B,CAClCC,KAAM,CACJC,SAAS,IAMPC,EAAkB,SAACC,EAAyBC,GAAc,OAC9DD,EAAQE,EAAAA,QAAOF,GAAOC,OAAOA,GAAUA,CAAM,EAEzCE,EAAc,SAACH,EAA4BC,GAAc,OAC5DG,MAAMC,QAAQL,GAASA,EAAQ,CAACA,IAC9BM,QAAO,SAAAC,GAAI,QAAMA,CAAI,IACrBC,KAAI,SAAAD,GAAI,OAAIR,EAAgBQ,EAAMN,EAAO,IACzCQ,KATkB,MASE,EAEnBC,EAAkB,SAACV,EAAeC,EAAgBU,GACtD,IAAMC,EAAeV,EAAM,QAACF,GAAQC,GAAMY,OAAAC,UAAMC,EAAAA,kBAAkBJ,IAAS,MAAM,GAEjF,OAAOC,EAAaI,UAAYJ,EAAaK,cAAWC,CAC1D,EAEMC,EAA8E,CAClFC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGHC,EAAQC,EAAUA,YAC7B,SAAAC,EAuBEC,GACG,IAtBD3B,IAAAA,MACA4B,IAAAA,MACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,OACQC,IAAR/B,OACAgC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,SACAxB,IAAAA,KACAyB,IAAAA,SACAC,IAAAA,aACAC,IAAAA,eAAcC,EAAAb,EACdc,KAAAA,aAAO,QAAOD,EACME,IAApBC,mBACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,aAII9C,EAAS+B,GAAegB,EAAgBA,iBAACrC,EAAMuB,GAC/Ce,EAAiB9C,EAAYH,EAAOC,GACNiD,EAAAA,EAAQA,SAACD,GAAeE,EAAAC,EAAAA,QAAAC,EAAA,GAArDC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GACED,EAAAA,EAAQA,SAAClD,GAAMwD,EAAAJ,EAAAA,QAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAoBC,SAAOP,GACKJ,EAAAA,EAAQA,SAAC,GAAEY,EAAAV,EAAAA,QAAAW,EAAA,GAA1CC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GACEZ,GAAAA,EAAQA,SAAC,GAAEgB,GAAAd,EAAAA,QAAAe,GAAA,GAAxCC,GAAUF,GAAA,GAAEG,GAAaH,GAAA,GAC1BI,GAAWT,SAAyB,MACpCU,KAAqBrC,GAASoB,IAAeL,GAAkBL,EAGjEc,IAAc1D,IAChBuD,EAAcN,GACdU,EAAa3D,GACb4D,EAAkBY,QAAUvB,GAG9B,IAAMwB,GAAWC,eACf,SAACC,GACC,GAA0B,KAAtBA,EAAWC,OAIb,OAHAxC,SAAAA,OAAWlB,GACXqC,EAAc,SACdK,EAAkBY,QAAU,IAI9B,IAAMK,EAAWC,EAAAA,kBAAkB,CACjCnE,KAAAA,EACAuB,MAAAA,EACAlC,MAAO2E,EACPjB,UAAWE,EAAkBY,UAM/B,GAHAZ,EAAkBY,QAAUK,EAE5BtB,EAAcsB,GACV3C,EAAO,CAET,IAAM6C,EAAYF,EACfG,MAAM,SACNxE,KAAI,SAAAyE,GAAI,OAAIvE,EAAgBuE,EAAKL,OAAQ3E,EAAQU,EAAK,IACtDL,QAAO,SAAA2E,GAAI,QAAMA,KAEpB,GAAyB,IAArBF,EAAUG,OAAc,CAC1B,IAAMC,EAAUC,EAAAA,WAAWL,EAAU,GAAIA,EAAU,IAC7CM,EAAUC,EAAAA,WAAWP,EAAU,GAAIA,EAAU,IAE/CI,GAAWE,IACZjD,SAAAA,EAA6C,CAAC+C,EAASE,IAE5D,CACF,KAAO,CACL,IAAME,EAAY7E,EAAgBmE,EAAU5E,EAAQU,GAEhD4E,IACDnD,SAAAA,EAA8CmD,GAEnD,CACD,GACD,CAACtF,EAAQiC,EAAOE,EAAUzB,IAGtB6E,GAAUd,eACd,SAAAe,GACEA,EAAEC,OAAOC,SACT9D,GACF,GACA,CAACA,IAGG+D,GAASlB,EAAAA,aAAY,WACzBnB,EAAcpD,EAAYH,EAAOC,IACjC2D,EAAkBY,QAAU,EAC9B,GAAG,CAACxE,EAAOC,IAEL4F,GAAUnB,EAAAA,aAAY,WAC1BtC,SAAAA,OAAWlB,GACXqC,EAAc,GAChB,GAAG,CAACnB,IAEEM,GAAqBoD,EAAAA,SACzB,WAAA,OAAAC,EAAAA,EAAA,CAAA,EACKtD,GAAuB,CAAA,EAAA,CAC1BuD,OAAQC,EAAAA,QAAWxD,aAAAA,EAAAA,EAAyBuD,OAAQzB,IAAoBlD,EAAO2E,QAC/EE,MAAOD,EAAAA,QACLxD,aAAAA,EAAAA,EAAyByD,MACzB3B,IAAoBlD,EAAO8E,mBAE7BC,eAAgBH,EAAU,QAACxD,aAAAA,EAAAA,EAAyB2D,eAAgB/E,EAAO+E,iBAAe,GAE5F,CAAC7B,GAAkB9B,IAGf4D,GAAiBP,EAAAA,SACrB,WAAA,OACE5D,EACI,CACEoE,SAAU,SAAAb,GACRxB,EAAewB,EAAEc,cAAcC,WACjC,QAEFtF,IACN,CAACgB,IAqBH,OAlBAuE,EAAAA,WAAU,WACR,GAAKvE,EAAL,CAIA,IAAMwE,EAAiB,IAAIC,gBAAe,SAAAC,GACxCA,EAAQC,SAAQ,SAAAC,GAAK,IAAAC,EAAAC,EAAA,OAAI3C,IAAiC,QAAnByC,EAAAA,EAAMG,qBAAa,IAAAF,GAAnB,QAAmBC,EAAnBD,EAAsB,UAAtB,IAAAC,OAAmB,EAAnBA,EAA0BE,aAAc,KACjF,IAMA,OAJI5C,GAASE,SACXkC,EAAeS,QAAQ7C,GAASE,SAG3B,WACLkC,EAAeU,aAXjB,CAaF,GAAG,CAAClF,IAEAS,EAEA0E,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,gBAAa,CACZzH,MAAOsD,EACPoE,kBAAmB/F,EACnB2C,SAAUA,GACV1C,MAAOA,EACP4D,QAASA,GACTI,OAAQA,GACR9D,UAAWA,EACXC,OAAQA,EACR4F,OAAQH,EAAAA,IAACI,EAAiBA,kBAAI,IAC9B3F,YAAaA,EACbwC,SAAUA,GACVtC,SAAUA,EACVU,UAAWA,EACXR,aAAcA,EACdC,eAAgBA,EAChBE,KAAMA,EACNE,mBAAoBA,GACpB2D,eAAgBA,KAGlBmB,MAACK,SAAM,CACLC,SAAUxD,GAASE,QACnB3C,KAAM0C,GACNwD,UAAU,YACVjG,UAAWT,EAAO2G,OAClBC,UAAWrI,EAA4B2H,SAEvCC,EAAAU,IAAA,MAAA,CACEpG,UAAWmE,EAAU,QAAC5E,EAAO8G,aAAchH,EAAsBqB,IACjE4F,MAAO,CAAEC,MAAOjE,IAAamD,SAE7BC,EAAAU,IAAA,MAAA,CAAKE,MAAO,CAAEE,YAAatE,GAAcuD,SACtCnH,MAAMC,QAAQL,IAA2B,IAAjBA,EAAMkF,QAC7BmC,EAAAkB,KAAAjB,WAAA,CAAAC,SACE,CAAAC,EAAAU,IAAA,OAAA,CACEpG,UAAWmE,EAAU,QACnB5E,EAAOmH,UAEO,cAAd1F,GAA6BzB,EAAOoH,iBAEtCC,QAAS,WAAA,OAAM3F,EAAa,YAAa,EAAAwE,SAExCxH,EAAgBC,EAAM,GAAIC,KA1N1B,MA6NHuH,EAAAU,IAAA,OAAA,CACEpG,UAAWmE,EAAU,QACnB5E,EAAOmH,UACO,YAAd1F,GAA2BzB,EAAOoH,iBAEpCC,QAAS,WAAA,OAAM3F,EAAa,UAAW,EAAAwE,SAEtCxH,EAAgBC,EAAM,GAAIC,iBAY3CuH,EAAAA,IAACmB,EAAAA,UAAS,CACR3I,MAAOsD,EACP3B,IAAKA,EACLC,MAAOA,EACP4D,QAAS3D,EACT+D,OAAQA,GACRgD,iBAAkBhG,EAClBd,UAAWA,EACXC,OAAQA,EACR4F,OAAQH,EAAAA,IAACI,EAAiBA,kBAAI,IAC9B3F,YAAaA,EACbwC,SAAUA,GACVtC,SAAUA,EACV0D,QAAShD,EAAYgD,QAAU3E,EAC/BmB,aAAcA,GAGpB"}

package/cjs-bundle/componentsV2/DatePicker/Input/Input.scss.js

@@ -0,0 +1,2 @@
+"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".Input_prefix__UeYRz{margin-left:-8px}.Input_inputContainer__tWP1-{position:relative}.Input_rangeDefaultValue__IjFwV{caret-color:var(--corvaui-textinput-valuecolor);color:transparent}.Input_popper__hWvEc{z-index:calc(var(--z-index-modal) + 1)}.Input_rangeOverlay__dJE2j{color:var(--corvaui-textinput-valuecolor);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:0;overflow:hidden;pointer-events:none;transform:translateY(100%);white-space:pre}.Input_small__-lDaR{font-size:14px;line-height:18px}.Input_medium__nWso1{font-size:16px;line-height:22px}.Input_large__ay9YB{font-size:16px;line-height:26px}.Input_rangePart__kzqAc{cursor:pointer;pointer-events:all}.Input_rangePartActive__zNF-7{color:var(--palette-primary-main)}"),module.exports={spacing:"8",prefix:"Input_prefix__UeYRz",inputContainer:"Input_inputContainer__tWP1-",rangeDefaultValue:"Input_rangeDefaultValue__IjFwV",popper:"Input_popper__hWvEc",rangeOverlay:"Input_rangeOverlay__dJE2j",small:"Input_small__-lDaR",medium:"Input_medium__nWso1",large:"Input_large__ay9YB",rangePart:"Input_rangePart__kzqAc",rangePartActive:"Input_rangePartActive__zNF-7"};
+//# sourceMappingURL=Input.scss.js.map

package/cjs-bundle/componentsV2/DatePicker/Input/Input.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qBAAqB,yDAA4D;"}