npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1735) hide show

package/componentsV2/CopyToClipboard/CopyToClipboard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n}from"react";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{CopyIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{copyToClipboard as r}from"../../utils/main.js";import p from"./CopyToClipboard.scss.js";import{jsx as e}from"react/jsx-runtime";var u={large:24,medium:16,small:12},j=function(j){var I=j.text,l=j.tooltipDisabled,a=j.size,d=void 0===a?"medium":a,C=j.testId,h=j.className,b=j.tooltipTitle,F=void 0===b?"Copied":b,v=j.tooltipDuration,O=void 0===v?1500:v,f=j.tooltipPlacement,A=void 0===f?"bottom":f,P=c(!1),T=o(P,2),g=T[0],k=T[1],D=i(),M=n((function(){r(I),k(!0),clearTimeout(D.current),D.current=setTimeout((function(){return k(!1)}),O)}),[I,O]);return e(t,{title:F,disabled:l,open:g,placement:A,children:e("div",{className:s(p.root,h),"data-testid":C,onClick:M,children:e(m,{size:u[d]})})})};export{j as CopyToClipboard};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"classnames";import{useState as c,useRef as i,useCallback as n}from"react";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{CopyIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{copyToClipboard as r}from"../../utils/main.js";import e from"./CopyToClipboard.scss.js";import{jsx as p}from"react/jsx-runtime";var u={large:24,medium:16,small:12},j=function(j){var I=j.text,l=j.tooltipDisabled,a=j.size,d=void 0===a?"medium":a,C=j.testId,h=j.className,F=j.tooltipTitle,b=void 0===F?"Copied":F,O=j.tooltipDuration,v=void 0===O?1500:O,f=j.tooltipPlacement,P=void 0===f?"bottom":f,A=c(!1),T=o(A,2),g=T[0],k=T[1],D=i(),M=n((function(){r(I),k(!0),clearTimeout(D.current),D.current=setTimeout((function(){return k(!1)}),v)}),[I,v]);return p(t,{title:b,disabled:l,open:g,placement:P,children:p("div",{className:s(e.root,h),"data-testid":C,onClick:M,children:p(m,{size:u[d]})})})};export{j as CopyToClipboard};
 //# sourceMappingURL=CopyToClipboard.js.map

package/componentsV2/CopyToClipboard/CopyToClipboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyToClipboard.js","sources":["../../../src/componentsV2/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode, useCallback, useRef, useState } from 'react';\n\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { CopyIcon } from '../../icons';\nimport { copyToClipboard } from '../../utils/main';\n\nimport styles from './CopyToClipboard.scss';\n\nexport type CopyToClipboardProps = {\n text: string;\n size?: 'small' \| 'medium' \| 'large';\n\n tooltipDisabled?: boolean;\n tooltipTitle?: ReactNode;\n tooltipPlacement?: TooltipProps['placement'];\n tooltipDuration?: number;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToIconSizeMap: Record<Required<CopyToClipboardProps>['size'], number> = {\n large: 24,\n medium: 16,\n small: 12,\n};\n\nexport const CopyToClipboard = ({\n text,\n tooltipDisabled,\n size = 'medium',\n testId,\n className,\n tooltipTitle = 'Copied',\n tooltipDuration = 1500,\n tooltipPlacement = 'bottom',\n}: CopyToClipboardProps) => {\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const tooltipTimerRef = useRef<NodeJS.Timeout>();\n\n const handleClick = useCallback(() => {\n copyToClipboard(text);\n setTooltipOpen(true);\n\n clearTimeout(tooltipTimerRef.current);\n tooltipTimerRef.current = setTimeout(() => setTooltipOpen(false), tooltipDuration);\n }, [text, tooltipDuration]);\n\n return (\n <Tooltip\n title={tooltipTitle}\n disabled={tooltipDisabled}\n open={tooltipOpen}\n placement={tooltipPlacement}\n >\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n onClick={handleClick}\n >\n <CopyIcon size={SizeToIconSizeMap[size]} />\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToIconSizeMap","large","medium","small","CopyToClipboard","_ref","text","tooltipDisabled","_ref$size","size","testId","className","_ref$tooltipTitle","tooltipTitle","_ref$tooltipDuration","tooltipDuration","_ref$tooltipPlacement","tooltipPlacement","useState","_useState2","_slicedToArray","_useState","tooltipOpen","setTooltipOpen","tooltipTimerRef","useRef","handleClick","useCallback","copyToClipboard","clearTimeout","current","setTimeout","_jsx","Tooltip","title","disabled","open","placement","children","classNames","styles","root","onClick","CopyIcon"],"mappings":"~~48HAsBA~~,IAAMA,EAA4E,CAChFC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGIC,EAAkB,SASHC,GAAA,IAR1BC,IAAAA,KACAC,IAAAA,gBAAeC,EAAAH,EACfI,KAAAA,aAAO,SAAQD,EACfE,IAAAA,OACAC,IAAAA,UAASC,EAAAP,EACTQ,aAAAA,aAAe,SAAQD,EAAAE,EAAAT,EACvBU,gBAAAA,aAAkB,KAAID,EAAAE,EAAAX,EACtBY,iBAAAA,aAAmB,SAAQD,EAEWE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAC5BK,EAAkBC,IAElBC,EAAcC,GAAY,WAC9BC,EAAgBtB,GAChBiB,GAAe,GAEfM,aAAaL,EAAgBM,SAC7BN,EAAgBM,QAAUC,YAAW,WAAA,OAAMR,GAAe,EAAM,GAAER,EACpE,GAAG,CAACT,EAAMS,IAEV,OACEiB,EAACC,EAAO,CACNC,MAAOrB,EACPsB,SAAU5B,EACV6B,KAAMd,EACNe,UAAWpB,EAAiBqB,SAE5BN,EAAA,MAAA,CACErB,UAAW4B,EAAWC,EAAOC,KAAM9B,GACnC,cAAaD,EACbgC,QAAShB,EAAYY,SAErBN,EAACW,EAAQ,CAAClC,KAAMT,EAAkBS,QAI1C"}
1	+ {"version":3,"file":"CopyToClipboard.js","sources":["../../../src/componentsV2/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode, useCallback, useRef, useState } from 'react';\n\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { CopyIcon } from '../../icons';\nimport { copyToClipboard } from '../../utils/main';\n\nimport styles from './CopyToClipboard.scss';\n\nexport type CopyToClipboardProps = {\n text: string;\n size?: 'small' \| 'medium' \| 'large';\n\n tooltipDisabled?: boolean;\n tooltipTitle?: ReactNode;\n tooltipPlacement?: TooltipProps['placement'];\n tooltipDuration?: number;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToIconSizeMap: Record<Required<CopyToClipboardProps>['size'], number> = {\n large: 24,\n medium: 16,\n small: 12,\n};\n\nexport const CopyToClipboard = ({\n text,\n tooltipDisabled,\n size = 'medium',\n testId,\n className,\n tooltipTitle = 'Copied',\n tooltipDuration = 1500,\n tooltipPlacement = 'bottom',\n}: CopyToClipboardProps) => {\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const tooltipTimerRef = useRef<NodeJS.Timeout>();\n\n const handleClick = useCallback(() => {\n copyToClipboard(text);\n setTooltipOpen(true);\n\n clearTimeout(tooltipTimerRef.current);\n tooltipTimerRef.current = setTimeout(() => setTooltipOpen(false), tooltipDuration);\n }, [text, tooltipDuration]);\n\n return (\n <Tooltip\n title={tooltipTitle}\n disabled={tooltipDisabled}\n open={tooltipOpen}\n placement={tooltipPlacement}\n >\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n onClick={handleClick}\n >\n <CopyIcon size={SizeToIconSizeMap[size]} />\n </div>\n </Tooltip>\n );\n};\n"],"names":["SizeToIconSizeMap","large","medium","small","CopyToClipboard","_ref","text","tooltipDisabled","_ref$size","size","testId","className","_ref$tooltipTitle","tooltipTitle","_ref$tooltipDuration","tooltipDuration","_ref$tooltipPlacement","tooltipPlacement","useState","_useState2","_slicedToArray","_useState","tooltipOpen","setTooltipOpen","tooltipTimerRef","useRef","handleClick","useCallback","copyToClipboard","clearTimeout","current","setTimeout","_jsx","Tooltip","title","disabled","open","placement","children","classNames","styles","root","onClick","CopyIcon"],"mappings":"6pIAsBA,IAAMA,EAA4E,CAChFC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGIC,EAAkB,SASHC,GAAA,IAR1BC,IAAAA,KACAC,IAAAA,gBAAeC,EAAAH,EACfI,KAAAA,aAAO,SAAQD,EACfE,IAAAA,OACAC,IAAAA,UAASC,EAAAP,EACTQ,aAAAA,aAAe,SAAQD,EAAAE,EAAAT,EACvBU,gBAAAA,aAAkB,KAAID,EAAAE,EAAAX,EACtBY,iBAAAA,aAAmB,SAAQD,EAEWE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9CC,EAAWH,EAAA,GAAEI,EAAcJ,EAAA,GAC5BK,EAAkBC,IAElBC,EAAcC,GAAY,WAC9BC,EAAgBtB,GAChBiB,GAAe,GAEfM,aAAaL,EAAgBM,SAC7BN,EAAgBM,QAAUC,YAAW,WAAA,OAAMR,GAAe,EAAM,GAAER,EACpE,GAAG,CAACT,EAAMS,IAEV,OACEiB,EAACC,EAAO,CACNC,MAAOrB,EACPsB,SAAU5B,EACV6B,KAAMd,EACNe,UAAWpB,EAAiBqB,SAE5BN,EAAA,MAAA,CACErB,UAAW4B,EAAWC,EAAOC,KAAM9B,GACnC,cAAaD,EACbgC,QAAShB,EAAYY,SAErBN,EAACW,EAAQ,CAAClC,KAAMT,EAAkBS,QAI1C"}

package/componentsV2/Counter/Counter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useCallback as i}from"react";import n from"classnames";import{CloseSmallIcon as t}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import r from"./Counter.scss.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["size","count","onDelete","max","testId","className","type","onClick"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function a(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var l={small:r.small,medium:r.medium,large:r.large},j={default:r.default,primary:r.primary,error:r.error},I=c((function(o,c){var u=o.size,I=void 0===u?"medium":u,d=o.count,b=o.onDelete,O=o.max,C=void 0===O?1/0:O,f=o.testId,h=o.className,v=o.type,y=void 0===v?"default":v,P=o.onClick,g=s(o,p),F=i((function(o){o.stopPropagation(),null==b||b(o)}),[b]),k=d>C?"".concat(C,"+"):d;return m("div",a(a({className:n(r.root,l[I],j[y],String(k).length<=2&&!b&&r.exactlyRound,P&&r.hoverable,b&&r.deletable,h),onClick:P,"data-testid":f,ref:c},g),{},{children:[k,b&&e(t,{className:r.deleteIcon,onClick:F,size:16})]}))}));export{I as Counter};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useCallback as i}from"react";import n from"classnames";import{CloseSmallIcon as t}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import r from"./Counter.scss.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["size","count","onDelete","max","testId","className","type","onClick"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function a(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var j={small:r.small,medium:r.medium,large:r.large},l={default:r.default,primary:r.primary,error:r.error},I=c((function(o,c){var u=o.size,I=void 0===u?"medium":u,d=o.count,O=o.onDelete,b=o.max,C=void 0===b?1/0:b,f=o.testId,h=o.className,P=o.type,v=void 0===P?"default":P,y=o.onClick,g=s(o,p),F=i((function(o){o.stopPropagation(),null==O||O(o)}),[O]),k=d>C?"".concat(C,"+"):d;return m("div",a(a({className:n(r.root,j[I],l[v],String(k).length<=2&&!O&&r.exactlyRound,y&&r.hoverable,O&&r.deletable,h),onClick:y,"data-testid":f,ref:c},g),{},{children:[k,O&&e(t,{className:r.deleteIcon,onClick:F,size:16})]}))}));export{I as Counter};
 //# sourceMappingURL=Counter.js.map

package/componentsV2/Counter/Counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.js","sources":["../../../src/componentsV2/Counter/Counter.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '../../icons';\n\nimport styles from './Counter.scss';\n\nexport type CounterProps = {\n count: number;\n /*\n Maximum value after which the plus sign will be shown\n \n @default Infinity\n */\n max?: number;\n size?: 'small' \| 'medium' \| 'large';\n type?: 'default' \| 'primary' \| 'error';\n onClick?: MouseEventHandler;\n onDelete?: MouseEventHandler;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<CounterProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst TypeToClassNameMap: Record<Required<CounterProps>['type'], string> = {\n default: styles.default,\n primary: styles.primary,\n error: styles.error,\n};\n\nexport const Counter = forwardRef<HTMLDivElement, CounterProps>(\n (\n {\n size = 'medium',\n count,\n onDelete,\n max = Infinity,\n testId,\n className,\n type = 'default',\n onClick,\n // Needed for Tooltip to work\n ...rest\n },\n ref\n ) => {\n const onDeleteHandler = useCallback<MouseEventHandler>(\n e => {\n e.stopPropagation();\n onDelete?.(e);\n },\n [onDelete]\n );\n\n const content = count > max ? `${max}+` : count;\n\n return (\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n TypeToClassNameMap[type],\n String(content).length <= 2 && !onDelete && styles.exactlyRound,\n onClick && styles.hoverable,\n onDelete && styles.deletable,\n className\n )}\n onClick={onClick}\n data-testid={testId}\n ref={ref}\n {...rest}\n >\n {content}\n\n {onDelete && (\n <CloseSmallIcon className={styles.deleteIcon} onClick={onDeleteHandler} size={16} />\n )}\n </div>\n );\n }\n);\n"],"names":["SizeToClassNameMap","small","styles","medium","large","TypeToClassNameMap","default","primary","error","Counter","forwardRef","_ref","ref","_ref$size","size","count","onDelete","_ref$max","max","Infinity","testId","className","_ref$type","type","onClick","rest","_objectWithoutProperties","_excluded","onDeleteHandler","useCallback","e","stopPropagation","content","_jsxs","_objectSpread","classNames","root","String","length","exactlyRound","hoverable","deletable","children","_jsx","CloseSmallIcon","deleteIcon"],"mappings":"~~gjJAwBA~~,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGVC,EAAqE,CACzEC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,QAChBC,MAAON,EAAOM,OAGHC,EAAUC,GACrB,SAAAC,EAaEC,GACG,IAAAC,EAAAF,EAZDG,KAAAA,aAAO,SAAQD,EACfE,IAAAA,MACAC,IAAAA,SAAQC,EAAAN,EACRO,IAAAA,aAAMC,IAAQF,EACdG,IAAAA,OACAC,IAAAA,UAASC,EAAAX,EACTY,KAAAA,aAAO,UAASD,EAChBE,IAAAA,QAEGC,EAAIC,EAAAf,EAAAgB,GAIHC,EAAkBC,GACtB,SAAAC,GACEA,EAAEC,kBACFf,SAAAA,EAAWc,EACb,GACA,CAACd,IAGGgB,EAAUjB,EAAQG,EAASA,GAAAA,OAAAA,OAASH,EAE1C,OACEkB,EAAA,MAAAC,EAAAA,EAAA,CACEb,UAAWc,EACTjC,EAAOkC,KACPpC,EAAmBc,GACnBT,EAAmBkB,GACnBc,OAAOL,GAASM,QAAU,IAAMtB,GAAYd,EAAOqC,aACnDf,GAAWtB,EAAOsC,UAClBxB,GAAYd,EAAOuC,UACnBpB,GAEFG,QAASA,EACT,cAAaJ,EACbR,IAAKA,GACDa,GAAI,GAAA,CAAAiB,SAAA,CAEPV,EAEAhB,GACC2B,EAACC,EAAc,CAACvB,UAAWnB,EAAO2C,WAAYrB,QAASI,EAAiBd,KAAM,QAItF"}
1	+ {"version":3,"file":"Counter.js","sources":["../../../src/componentsV2/Counter/Counter.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '../../icons';\n\nimport styles from './Counter.scss';\n\nexport type CounterProps = {\n count: number;\n /*\n Maximum value after which the plus sign will be shown\n \n @default Infinity\n */\n max?: number;\n size?: 'small' \| 'medium' \| 'large';\n type?: 'default' \| 'primary' \| 'error';\n onClick?: MouseEventHandler;\n onDelete?: MouseEventHandler;\n\n className?: string;\n testId?: string;\n};\n\nconst SizeToClassNameMap: Record<Required<CounterProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nconst TypeToClassNameMap: Record<Required<CounterProps>['type'], string> = {\n default: styles.default,\n primary: styles.primary,\n error: styles.error,\n};\n\nexport const Counter = forwardRef<HTMLDivElement, CounterProps>(\n (\n {\n size = 'medium',\n count,\n onDelete,\n max = Infinity,\n testId,\n className,\n type = 'default',\n onClick,\n // Needed for Tooltip to work\n ...rest\n },\n ref\n ) => {\n const onDeleteHandler = useCallback<MouseEventHandler>(\n e => {\n e.stopPropagation();\n onDelete?.(e);\n },\n [onDelete]\n );\n\n const content = count > max ? `${max}+` : count;\n\n return (\n <div\n className={classNames(\n styles.root,\n SizeToClassNameMap[size],\n TypeToClassNameMap[type],\n String(content).length <= 2 && !onDelete && styles.exactlyRound,\n onClick && styles.hoverable,\n onDelete && styles.deletable,\n className\n )}\n onClick={onClick}\n data-testid={testId}\n ref={ref}\n {...rest}\n >\n {content}\n\n {onDelete && (\n <CloseSmallIcon className={styles.deleteIcon} onClick={onDeleteHandler} size={16} />\n )}\n </div>\n );\n }\n);\n"],"names":["SizeToClassNameMap","small","styles","medium","large","TypeToClassNameMap","default","primary","error","Counter","forwardRef","_ref","ref","_ref$size","size","count","onDelete","_ref$max","max","Infinity","testId","className","_ref$type","type","onClick","rest","_objectWithoutProperties","_excluded","onDeleteHandler","useCallback","e","stopPropagation","content","_jsxs","_objectSpread","classNames","root","String","length","exactlyRound","hoverable","deletable","children","_jsx","CloseSmallIcon","deleteIcon"],"mappings":"iwJAwBA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,OAGVC,EAAqE,CACzEC,QAASJ,EAAOI,QAChBC,QAASL,EAAOK,QAChBC,MAAON,EAAOM,OAGHC,EAAUC,GACrB,SAAAC,EAaEC,GACG,IAAAC,EAAAF,EAZDG,KAAAA,aAAO,SAAQD,EACfE,IAAAA,MACAC,IAAAA,SAAQC,EAAAN,EACRO,IAAAA,aAAMC,IAAQF,EACdG,IAAAA,OACAC,IAAAA,UAASC,EAAAX,EACTY,KAAAA,aAAO,UAASD,EAChBE,IAAAA,QAEGC,EAAIC,EAAAf,EAAAgB,GAIHC,EAAkBC,GACtB,SAAAC,GACEA,EAAEC,kBACFf,SAAAA,EAAWc,EACb,GACA,CAACd,IAGGgB,EAAUjB,EAAQG,EAASA,GAAAA,OAAAA,OAASH,EAE1C,OACEkB,EAAA,MAAAC,EAAAA,EAAA,CACEb,UAAWc,EACTjC,EAAOkC,KACPpC,EAAmBc,GACnBT,EAAmBkB,GACnBc,OAAOL,GAASM,QAAU,IAAMtB,GAAYd,EAAOqC,aACnDf,GAAWtB,EAAOsC,UAClBxB,GAAYd,EAAOuC,UACnBpB,GAEFG,QAASA,EACT,cAAaJ,EACbR,IAAKA,GACDa,GAAI,GAAA,CAAAiB,SAAA,CAEPV,EAEAhB,GACC2B,EAACC,EAAc,CAACvB,UAAWnB,EAAO2C,WAAYrB,QAASI,EAAiBd,KAAM,QAItF"}

package/componentsV2/DatePicker/CalendarControls/CalendarControls.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarControls.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/DatePicker/CalendarControls/CalendarControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAYvE,OAAO,EAAE,sBAAsB,EAAgB,MAAM,UAAU,CAAC;AAIhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;~~AAWF~~,eAAO,MAAM,gBAAgB,kEAQ1B,qBAAqB,~~4CAsJvB~~,CAAC"}
1	+ {"version":3,"file":"CalendarControls.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/DatePicker/CalendarControls/CalendarControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAYvE,OAAO,EAAE,sBAAsB,EAAgB,MAAM,UAAU,CAAC;AAIhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAaF,eAAO,MAAM,gBAAgB,kEAQ1B,qBAAqB,4CA0MvB,CAAC"}

package/componentsV2/DatePicker/CalendarControls/CalendarControls.js CHANGED Viewed

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

package/componentsV2/DatePicker/CalendarControls/CalendarControls.js.map CHANGED Viewed

	@@ -1 +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","CalendarControls","_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","selects","AutocompleteNext","select","clearable","disableFiltering","options","onChange","length","elementsClassNames","dropdownClassName","dropdown","monthsDropdown","renderOption","RightSmallIcon"],"mappings":"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"}
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 { 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","CalendarControls","_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","selects","AutocompleteNext","select","clearable","disableFiltering","options","onChange","length","elementsClassNames","dropdownClassName","dropdown","monthsDropdown","renderOption","popperProps","RightIcon","DoubleRightIcon"],"mappings":"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"}

package/componentsV2/DatePicker/CalendarControls/CalendarControls.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import n from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var o={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"};n(".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%)}");export{o as default};
+import o from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var n={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"};o(".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%)}");export{n as default};
 //# sourceMappingURL=CalendarControls.scss.js.map

package/componentsV2/DatePicker/CalendarGrid/CalendarGrid.js CHANGED Viewed

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

package/componentsV2/DatePicker/CalendarGrid/CalendarGrid.js.map CHANGED Viewed

	@@ -1 +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","CalendarGrid","_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","buttonContent","getDate","MonthOptions","~~fullTitle~~"],"mappings":"8UAkCA,IAAMA,EAAO,CAAC,~~MAAO~~,~~MAAO~~,~~MAAO~~,~~MAAO~~,~~MAAO~~,~~MAAO~~,~~OAG3CC~~,EAAe,SAeHC,GAAA,IAdvBC,IAAAA,gBACAC,IAAAA,eACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,aACAC,IAAAA,SAAQC,EAAAP,EACRQ,KAAAA,aAAO,QAAOD,EACdE,IAAAA,eACAC,IAAAA,aACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,UACAC,IAAAA,OAEMC,EAAuB,UAATR,EAEdS,EAAiBC,IACpBC,QAAQH,EAAc,MAAQ,SAC9BI,SAGGC,EAAQC,GAAQ,WACpB,GAAIN,EAAa,CACf,IAAMO,EAAmBL,EAAOjB,GAAiBkB,QAAQ,SAEnDK,EACuB,IAA3BD,EAAiBE,MACbF,EAAiBG,SAAS,EAAG,QAC7BH,EACGJ,QAAQ,QACRQ,IAAI,EAAG,QAEhB,OAAO,IAAIC,MAAM,IACdC,UAAKC,GACLC,KAAI,SAACC,EAAGC,GAAK,OAAWT,EAAgBU,QAAQP,IAAIM,EAAO,QAAQb,WACxE,CACE,IAAMe,EAAkBjB,EAAOjB,GAAiBkB,QAAQ,QACxD,OAAO,IAAIS,MAAM,IACdC,UAAKC,GACLC,KAAI,SAACC,EAAGC,GAAK,OAAKE,EAAgBD,QAAQP,IAAIM,EAAO,UAAUb,WAEtE,GAAG,CAACnB,EAAiBe,IAEfoB,EAAwBC,GAAY,WAAA,OAAMnC,eAAAA,OAAiB4B,KAAY,CAAC5B,IAE9E,OACEoC,EAAA,MAAA,CACExB,UAAWyB,EAAWC,EAAOC,MAAOzB,GAAewB,EAAOE,SAAU5B,GACpE6B,aAAcP,EACd,cAAarB,EAAO6B,SAAA,CAEnB5B,GACClB,EAAKiC,KAAI,SAAAc,GAAG,OACVC,EAACC,EAAI,CAAWC,KAAM,GAAIlC,UAAW0B,EAAOK,~~IAAID~~,~~SAC7CC~~,GADQA,EAGZ,IAEFxB,EAAMU,KAAI,~~SAAAkB~~,GACT,IAAMC,~~EAASlC~~,~~EAAcmC~~,EAAYC,EACnCC,EAAa,~~CAAEpD~~,gBAAAA,~~EAAiBgD~~,KAAAA,GAEhCK,~~EACHnD~~,~~GAAW8C~~,EAAKM,~~WAAYpD~~,aAAO,EAAPA,~~EAASoD~~,~~YACrCnD~~,~~GAAW6C~~,EAAKM,~~WAAYnD~~,eAAAA,~~EAASmD~~,~~cACpClD~~,UAAAA,~~EAAegD~~,IAEbG,~~IAAcxC~~,~~GAAciC~~,EAAKQ,~~aAAexD~~,~~EAAgBwD~~,WAEhEC,EAAUR,~~EAAOjC~~,~~EAAgBgC~~,GAEjCU,EACJT,EAAOD,~~EAAMrC~~,~~IAAasC~~,EAAOD,~~EAAMxC~~,~~IAAmByC~~,EAAOD,~~EAAMvC~~,~~GAEnEkD~~,EAAWC,~~EAAWnD~~,GAAgBC,EAAkBF,~~GACxDqD~~,EAAaC,~~EAAWrD~~,GAAgBC,EAAkBF,~~GAC1DuD~~,EAAed,EAAOY,EAAYb,GAClCgB,EAAaf,EAAOU,EAAUX,GAC9BiB,EACJJ,GACAF,GACAE,EAAWP,UAAYN,EAAKM,WAC5BK,EAASL,UAAYN,EAAKM,UACtBY,EAAUH,GAAgBC,GAAcC,EAE9C,~~OACEpB~~,EAAA,SAAA,CACEhC,UAAWyB,EACTC,~~EAAO4B~~,~~QACNpD~~,GAAewB,~~EAAO6B~~,YACvBf,~~GAAcd~~,~~EAAO8B~~,SACrBd,~~GAAehB~~,~~EAAO+B~~,eACtBb,~~GAAWlB~~,~~EAAOgC~~,MAClBb,~~GAAcnB~~,EAAO5B,~~SACrBuD~~,~~GAAW3B~~,~~EAAOiC~~,MAClBT,~~GAAgBxB~~,~~EAAOsB~~,WACvBG,~~GAAczB~~,~~EAAOoB~~,~~SACrB/C~~,aAAAA,EAAAA,~~EAAmBwC~~,IAGrBiB,SAAUhB,EACVoB,QAAS,WAAA,~~OAAMpE~~,~~EAAS2C~~,EAAM,EAC9B0B,~~aAAczE~~,EAAiB,WAAA,OAAMA,~~EAAe+C~~,EAAK,~~OAAGnB~~,EAAUc,SAEtEE,EAAA,OAAA,CAAMhC,UAAW0B,~~EAAOoC~~,~~cAAchC~~,SAC1B,UAATpC,~~EAAmByC~~,EAAK4B,UAAYC,EAAa7B,EAAKQ,YAAYsB,~~aAN7D9E~~,GAAAA,OAAAA,~~EAAgBsD~~,sBAAaN,EAAKM,WAUhD,MAGN"}
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 = ['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","CalendarGrid","_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","buttonContent","getDate","MonthOptions","title"],"mappings":"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"}

package/componentsV2/DatePicker/CalendarGrid/CalendarGrid.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={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"};r('.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}');export{e as default};
+import r from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={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"};r('.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}');export{e as default};
 //# sourceMappingURL=CalendarGrid.scss.js.map

package/componentsV2/DatePicker/DatePicker.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { ReactElement, ReactNode } from 'react';
 import { TextInputNextProps } from '../TextInputNext';
 import { CalendarControls } from './CalendarControls';
 import { DatePickerChangeHandler, DatePickerType, DatePickerValue } from './utils';
-import { CalendarGrid } from './CalendarGrid/CalendarGrid';
+import { CalendarGrid } from './CalendarGrid';
 type DatePickerBaseProps<IsRange extends boolean | undefined = false> = {
     label?: ReactNode;
     placeholder?: string;
@@ -55,6 +55,9 @@ type DatePickerBaseProps<IsRange extends boolean | undefined = false> = {
     testId?: string;
     isNext: boolean;
 };
+/**
+ * Returns start date for calendar. Must return `value` if it falls into min-max range.
+ */
 export declare const getActiveStartDate: <IsRange extends boolean | undefined = false>({ value, minDate, maxDate, }: Pick<DatePickerBaseProps<IsRange>, 'value' | 'minDate' | 'maxDate'>) => Date;
 export type DatePickerProps<IsRange extends boolean | undefined = false> = Omit<DatePickerBaseProps<IsRange>, 'labelPlacement' | 'size' | 'elementsClassNames' | 'isNext'>;
 type DatePickerBaseType = {

package/componentsV2/DatePicker/DatePicker.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAqD,MAAM,OAAO,CAAC;AAInG,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;~~AAGtD~~,OAAO,~~EAEL~~,uBAAuB,EACvB,cAAc,EACd,eAAe,~~EAIhB~~,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAqB,MAAM,~~6BAA6B~~,CAAC;~~AAI9E~~,KAAK,mBAAmB,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,eAAe,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,MAAM,CAAC;IAC3E;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,eAAe,EAAE,IAAI,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC;IAC3E;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;IAE9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,gCAI3E,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,SAcrE,CAAC;~~AAwQF~~,MAAM,MAAM,eAAe,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,IAAI,CAC7E,mBAAmB,CAAC,OAAO,CAAC,EAC5B,gBAAgB,GAAG,MAAM,GAAG,oBAAoB,GAAG,QAAQ,CAC5D,CAAC;AAIF,KAAK,kBAAkB,GAAG;IACxB,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC;IAC7F,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,IAAI,EAAE,OAAO,YAAY,CAAC;CAC3B,CAAC;AAOF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAwB,kBAAkB,CAAC;AAElE,MAAM,MAAM,mBAAmB,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAAI,IAAI,CACjF,mBAAmB,CAAC,OAAO,CAAC,EAC5B,QAAQ,CACT,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,CAAC,OAAO,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC;IACjG,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,IAAI,EAAE,OAAO,YAAY,CAAC;CAC3B,CAAC;AAOF,eAAO,MAAM,cAAc,EAAyB,sBAAsB,CAAC"}
1	+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/componentsV2/DatePicker/DatePicker.js CHANGED Viewed

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

package/componentsV2/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +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","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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"}
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 { 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","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":"qvCA6EaA,IAAAA,EAAqB,SAIyCC,GAAA,IAHzEC,IAAAA,MACAC,IAAAA,QACAC,IAAAA,QAMMC,GAJgBC,MAAMC,QAAQL,GAGGA,EAAM,GAAMA,IACf,IAAIM,KAExC,OAAIL,GAAWE,EAAUI,UAAYN,EAAQM,UACpCN,EACEC,GAAWC,EAAUI,UAAYL,EAAQK,UAC3CL,EAGFC,CACT,EAEMK,EAAiB,SAqBaC,GAAA,IApBlCC,IAAAA,MACAV,IAAAA,MACAE,IAAAA,QACAD,IAAAA,QACAU,IAAAA,UACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAN,EACRO,KAAAA,aAAO,OAAMD,EACbE,IAAAA,MACAC,IAAAA,iBACAC,IAAAA,gBACAC,IAAAA,YACAC,IAAAA,OAAMC,EAAAb,EACNc,aAAAA,cAAmBD,EAAAE,EAAAf,EACnBgB,eAAAA,aAAiB,MAAKD,EAAAE,EAAAjB,EACtBkB,KAAAA,aAAO,QAAOD,EACdE,IAAAA,mBACAC,IAAAA,OAAMC,EAAArB,EACNsB,UAAAA,cAAgBD,EAEVE,EAAWC,EAAuB,MAEZC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACsBD,EAAAA,EAC5CpC,EAAmB,CAAEI,QAAAA,EAASD,QAAAA,EAASD,MAAAA,KACxCwC,EAAAJ,EAAAK,EAAA,GAFMC,GAAeF,EAAA,GAAEG,GAAkBH,EAAA,GAM1CI,GAA4CV,IAAgBW,GAAAT,EAAAQ,GAAA,GAArDE,GAAcD,GAAA,GAAEE,GAAiBF,GAAA,GAGNX,GAAAA,EAA6B,aAAYc,GAAAZ,EAAAa,GAAA,GAApEC,GAASF,GAAA,GAAEG,GAAYH,GAAA,GAC9BI,GAA4ClB,EAAS9B,MAAMC,QAAQL,GAASA,EAAM,QAAKqD,GAAUC,GAAAlB,EAAAgB,GAAA,GAA1FG,GAAcD,GAAA,GAAEE,GAAiBF,GAAA,GACxCG,GAAwCvB,EAAS9B,MAAMC,QAAQL,GAASA,EAAM,QAAKqD,GAAUK,GAAAtB,EAAAqB,GAAA,GAAtFE,GAAYD,GAAA,GAAEE,GAAeF,GAAA,GAE9BG,GAAuB,aAAT7C,KAAyBC,EAEvC6C,GAAkBC,GAAY,WAClChB,QAAkBM,GAClBF,GAAa,YAGd,GAAE,IAEGa,GAAOD,GAAY,WAClBzB,IACHwB,KACAvB,GAAU,GAEd,GAAG,CAACuB,GAAiBxB,IAEf2B,GAAQF,GAAY,WACxBD,KACAvB,GAAU,EACZ,GAAG,CAACuB,KAEEI,GAAiBH,GAAY,WAAM,IAAAI,EAAAC,EAErCnD,GACAsC,IACAI,KACCJ,GAAehD,aAAeP,SAAD,QAAMmE,EAALnE,EAAyB,UAA1B,IAAAmE,OAAM,EAANA,EAA8B5D,YAC1DoD,GAAapD,aAAeP,SAA2B,UAA3BA,EAAyB,UAAE,IAAAoE,SAA5BA,EAA8B7D,YAE1DM,SAAAA,EACC0C,GAAiBI,GACb,CAACJ,GAAgBI,IACjB,CAACA,GAAcJ,KAEZT,IAAkBA,GAAevC,aAAeP,aAAK,EAALA,EAAgBO,aACxEM,SAAAA,EAA8CiC,KAEjDmB,IACF,GAAG,CAACA,GAAOpD,EAAUI,EAAO0C,GAAcJ,GAAgBT,GAAgB9C,IAEpEqE,GAAeC,GAAQ,WAC3B,OAAIrD,EACmB,cAAdiC,GAA4BK,GAAiBI,GAE7Cb,IAAmB9C,CAE9B,GAAG,CAACiB,EAAO0C,GAAcJ,GAAgBL,GAAWJ,GAAgB9C,IAE9DuE,GAAkBR,GACtB,SAACS,GACc,cAATA,GAAwBjB,GAC1BZ,GAAmBY,IACVI,IACThB,GAAmBgB,IAErBR,GAAaqB,EACf,GACA,CAACb,GAAcJ,KAGXkB,GAAwBV,GAAY,SAACW,EAAgBF,GAC5C,cAATA,EACFhB,IAAkB,SAAAmB,GAAO,OAAIC,EAAoBF,EAAUC,MACzC,YAATH,GACTZ,IAAgB,SAAAe,GAAO,OAAIC,EAAoBF,EAAUC,KAE5D,GAAE,IAEGE,GAAoBd,GACxB,SACE/D,EACAuD,EACAiB,EACAxD,GAEA,GAAa,YAATwD,EAAoB,CACtB,IAAMM,EAAcC,EAAO/E,GACxBgF,MAAe,UAAThE,EAAmB,QAAU,OACnCiE,SACGhF,EAAUiF,EAAWJ,EAAavB,GAClCrD,EAAUiF,EAAWL,EAAavB,GAExC,OAAOtD,GAAWC,EAAU,CAACD,EAASC,QAAWmD,CACnD,CAAoB,cAATmB,IACThB,GAAkBxD,GAClBuE,GAAgB,WAIpB,GACA,CAACA,KAGGa,GAAerB,GACnB,SAAAW,GAEE,GAAIb,GACFY,GAAsBC,EAAUxB,SAG7B,GAAa,aAATlC,EACP+B,GAAkB6B,EAAoBF,EAAUL,UAG7C,GAAIpD,EAAO,CACd,IAAMA,EAAQ4D,GAAkBH,EAAUnB,GAAgBL,GAAWlC,GAEjEC,IACDJ,SAAAA,EAA6CI,GAC9CgD,KAEJ,MAEUhD,IACPJ,SAAAA,EAA8C6D,GAC/CT,KAEH,GACD,CACEJ,GACA7C,EACAC,EACAwD,GACAvB,GACAmB,GACAQ,GACAtB,GACA1C,EACAoD,KAIEoB,GAAetB,GACnB,SAACW,GACKb,GACgB,cAAdX,GACFM,GAAkBkB,GAElBd,GAAgBc,GAETL,IACTtB,GAAkB2B,EAErB,GACD,CAACb,GAAaQ,GAAcnB,KAGxBoC,GAAWvB,GAAY,WAC3B,GAAIF,IACF,GAAkB,cAAdX,GACFqB,GAAgB,gBACX,GAAIhB,IAAkBI,GAAc,CAMxC9C,SAAAA,EAJC0C,GAAiBI,GACb,CAACJ,GAAgBI,IACjB,CAACA,GAAcJ,KAGrBU,IACF,OACSI,KACRxD,SAAAA,EAA8CwD,IAC/CJ,KAEJ,GAAG,CACDM,GACAN,GACAI,GACAR,GACAhD,EACA8C,GACAJ,GACAL,KAGIqC,GAAYjB,GAAQ,WACxB,IAAMkB,EAAQ,IAAIlF,KACZH,EAAYL,EAAmB,CAAEI,QAAAA,EAASD,QAAAA,EAASD,MAAOwF,IAEhE,OAAOlD,GAAUmD,EAAUtF,EAAWqF,GAAS,WAAA,OAAM7C,GAAmBxC,EAAU,OAAGkD,CACtF,GAAE,CAACf,EAAQpC,EAASD,IAEfyF,GAAmBpB,GAAQ,WAC/B,IACiB,cAAdpB,IAA8BK,MAChB,YAAdL,IAA4BS,IAK/B,OAAO,WACa,cAAdT,GACFM,QAAkBH,GAElBO,QAAgBP,GAGlBV,GAAmB7C,EAAmB,CAAEI,QAAAA,EAASD,QAAAA,KAErD,GAAG,CAACC,EAASD,EAAS0D,GAAcJ,GAAgBL,KAgBpD,OAdAyC,GAAU,WACJrD,GACFK,GAAmB7C,EAAmB,CAAEI,QAAAA,EAASD,QAAAA,EAASD,MAAAA,KAG5D,IAAM4F,EAAgBxF,MAAMC,QAAQL,GAEhCiB,IACFuC,GAAkBoC,EAAgB5F,EAAM,QAAKqD,GAC7CO,GAAgBgC,EAAgB5F,EAAM,QAAKqD,GAC3CF,GAAa,aAEjB,GAAG,CAACb,EAAQtC,EAAOC,EAASC,EAASe,IAGnC4E,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAK,CACJjC,KAAMA,GACN1B,OAAQA,EACR3B,UAAWA,EACXC,OAAQA,EACRZ,MAAOiB,EAAQ,CAACsC,GAAgBI,IAAgB3D,EAChDU,MAAOA,EACPU,YAAaA,EACb8E,IAAKlE,EACLX,OAAQA,EACRJ,MAAOA,EACPiC,UAAWA,GACXC,aAAcoB,GACdvD,KAAMA,EACNmF,SAAUtF,EACVC,SAAUA,EACVS,aAAcA,EACdE,eAAgBA,EAChBE,KAAMA,EACNC,mBAAoBA,EACpBC,OAAQA,EACRE,UAAWA,IAGZW,IACCmD,EAACO,EAAO,CACNC,SAAUrE,EAAS2C,QACnB2B,QAASpC,GACTF,KAAM1B,EACN3B,UAAW4F,EAAOC,QAClBC,gBAAiBF,EAAOG,OAAOX,SAAA,CAE/BC,EAACW,EAAgB,CACfC,KAAMlE,GACNmE,QAASlE,GACT1C,QAASA,EACTC,QAASA,EACT4G,KAAe,UAAT9F,EAAmB,OAAS,QAClCL,UAAW4F,EAAOQ,WAGpBf,EAACgB,EAAY,CACXnG,SAAUuE,GACV1C,gBAAiBA,GACjBoE,KAAe,UAAT9F,EAAmB,OAAS,QAClCd,QAASA,EACTD,QAASA,EACTgH,aAAc9F,EACd+F,SAAU7C,GACVnD,iBAAkBA,EAClBP,UAAW4F,EAAOY,OAGV,aAATnG,GACCgF,EAACoB,EAAU,CACTpH,MAAOqE,GACPxD,SAAUwE,GACVnF,QAASA,EACTD,QAASA,EACToH,MAAO3B,GACPH,UAAWA,GACXD,SAAUA,UAOxB,EAeMgC,EAAoB,SACxBC,GAA+B,OAC5B/G,SAAoB+G,GAAK,GAAA,CAAE1F,QAAQ,IAAQ,EAChDyF,EAAkBE,SAAWb,EAC7BW,EAAkBG,KAAOT,EAIlB,IAAMU,EAAaJ,EAapBK,EAAqB,SACzBJ,GAA+B,OAC5B/G,SAAoB+G,GAAK,GAAA,CAAE1F,QAAQ,IAAO,EAC/C8F,EAAmBH,SAAWb,EAC9BgB,EAAmBF,KAAOT,EACnB,IAAMY,EAAiBD"}

package/componentsV2/DatePicker/DatePicker.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",popover:"DatePicker_popover__sSk1S",controls:"DatePicker_controls__Hb-Sw",grid:"DatePicker_grid__c37ss"};o(".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}");export{e as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",popover:"DatePicker_popover__sSk1S",popper:"DatePicker_popper__BAftf",controls:"DatePicker_controls__Hb-Sw",grid:"DatePicker_grid__c37ss"};e(".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}");export{o as default};
 //# sourceMappingURL=DatePicker.scss.js.map

package/componentsV2/DatePicker/DatePicker.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;~~eAqCa~~,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAcnC,CAAC;AAEF,eAAO,MAAM,UAAU,+CActB,CAAC;AAmBF,eAAO,MAAM,MAAM,+CAclB,CAAC;AAMF,eAAO,MAAM,aAAa,+CAczB,CAAC;AAOF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAMF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAKF,eAAO,MAAM,cAAc,+CAkB1B,CAAC;AAOF,eAAO,MAAM,sBAAsB,+CAkBlC,CAAC"}
1	+ {"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAuCa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAcnC,CAAC;AAEF,eAAO,MAAM,UAAU,+CActB,CAAC;AAmBF,eAAO,MAAM,MAAM,+CAclB,CAAC;AAMF,eAAO,MAAM,aAAa,+CAczB,CAAC;AAOF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAMF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAKF,eAAO,MAAM,cAAc,+CAkB1B,CAAC;AAOF,eAAO,MAAM,sBAAsB,+CAkBlC,CAAC"}

package/componentsV2/DatePicker/DatePickerNext.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerNext.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/DatePickerNext.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAQ9C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;~~eAgCa~~,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAcnC,CAAC;AAEF,eAAO,MAAM,KAAK,+CAUjB,CAAC;AASF,eAAO,MAAM,cAAc,+CAyB1B,CAAC;AASF,eAAO,MAAM,UAAU,+CActB,CAAC;AAmBF,eAAO,MAAM,MAAM,+CAclB,CAAC;AAMF,eAAO,MAAM,aAAa,+CAczB,CAAC;AAOF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAMF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAKF,eAAO,MAAM,cAAc,+CAkB1B,CAAC;AAOF,eAAO,MAAM,sBAAsB,+CAkBlC,CAAC"}
1	+ {"version":3,"file":"DatePickerNext.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/DatePicker/DatePickerNext.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAQ9C,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAkCa,IAAI;AAEnB,eAAO,MAAM,OAAO,UAAW,KAAK,4CAcnC,CAAC;AAEF,eAAO,MAAM,KAAK,+CAUjB,CAAC;AASF,eAAO,MAAM,cAAc,+CAyB1B,CAAC;AASF,eAAO,MAAM,UAAU,+CActB,CAAC;AAmBF,eAAO,MAAM,MAAM,+CAclB,CAAC;AAMF,eAAO,MAAM,aAAa,+CAczB,CAAC;AAOF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAMF,eAAO,MAAM,eAAe,+CAI3B,CAAC;AAKF,eAAO,MAAM,cAAc,+CAkB1B,CAAC;AAOF,eAAO,MAAM,sBAAsB,+CAkBlC,CAAC"}

package/componentsV2/DatePicker/Input/Input.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { TextInputNextProps } from '../../TextInputNext';
-import { DatePickerType } from '../utils';
+import { DatePickerType, RangeSelectionStep } from '../utils';
 export type InputProps = {
-    value?: Date | [Date, Date];
+    value?: Date | [Date | undefined, Date | undefined];
     setValue?: (value: Date | [Date, Date] | undefined) => void;
     label?: ReactNode;
     placeholder?: string;
@@ -10,6 +10,8 @@ export type InputProps = {
     type: DatePickerType;
     format?: string;
     range?: boolean;
+    rangeStep?: RangeSelectionStep;
+    setRangeStep: (step: RangeSelectionStep) => void;
     readOnly?: boolean;
     focusOnClear?: boolean;
     labelPlacement?: TextInputNextProps['labelPlacement'];