npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-18 - Mend

@corva/ui 3.75.0-17 → 3.75.0-18

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 (1030) hide show

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

@@ -1,2 +1,2 @@
-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/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};
+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 { 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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"}
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/Input/Input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/toConsumableArray";import{forwardRef as c,useState as i,useRef as t,useCallback as r,useMemo as e,useEffect as m}from"react";import u from"moment";import a from"classnames";import{TextInputNext as l}from"../../TextInputNext/TextInputNext.js";import{TextInput as p}from"../../TextInput/TextInput.js";import{autocompleteValue as j,getMinDate as I,getMaxDate as d,InputParseFormats as f,getDefaultFormat as v}from"../utils.js";import{Popper as b}from"../../Popper/Popper.js";import h from"./Input.scss.js";import{CalendarThreeIcon as O}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/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{jsxs as C,Fragment as g,jsx as y}from"react/jsx-runtime";function P(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function F(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?P(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):P(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var x={flip:{enabled:!1}},A=function(o,s){return o?u(o).format(s):s},D=function(o,s){return(Array.isArray(o)?o:[o]).filter((function(o){return!!o})).map((function(o){return A(o,s)})).join(" - ")},N=function(o,s,c){var i=u(o,[s].concat(n(f[c]||[])),!0);return i.isValid()?i.toDate():void 0},S={small:h.small,medium:h.medium,large:h.large},k=c((function(o,n){var c=o.value,u=o.label,f=o.open,P=o.className,k=o.testId,R=o.format,T=o.placeholder,w=o.range,E=o.readOnly,M=o.type,z=o.setValue,B=o.focusOnClear,L=o.labelPlacement,G=o.size,U=void 0===G?"small":G,V=o.elementsClassNames,q=o.isNext,W=o.isOpen,K=o.clearable,Z=o.rangeStep,H=o.setRangeStep,J=R||v(M,w),Q=D(c,J),X=i(Q),Y=s(X,2),$=Y[0],_=Y[1],oo=i(c),so=s(oo,2),no=so[0],co=so[1],io=t($),to=i(0),ro=s(to,2),eo=ro[0],mo=ro[1],uo=i(0),ao=s(uo,2),lo=ao[0],po=ao[1],jo=t(null),Io=!!w&&$===Q&&W;no!==c&&(_(Q),co(c),io.current=Q);var fo=r((function(o){if(""===o.trim())return null==z||z(void 0),_(""),void(io.current="");var s=j({type:M,range:w,value:o,prevValue:io.current});if(io.current=s,_(s),w){var n=s.split(/[-–—]/).map((function(o){return N(o.trim(),J,M)})).filter((function(o){return!!o}));if(2===n.length){var c=I(n[0],n[1]),i=d(n[0],n[1]);c&&i&&(null==z||z([c,i]))}}else{var t=N(s,J,M);t&&(null==z||z(t))}}),[J,w,z,M]),vo=r((function(o){o.target.select(),f()}),[f]),bo=r((function(){_(D(c,J)),io.current=""}),[c,J]),ho=r((function(){null==z||z(void 0),_("")}),[z]),Oo=e((function(){return F(F({},V),{},{prefix:a(null==V?void 0:V.prefix,Io&&h.prefix),input:a(null==V?void 0:V.input,Io&&h.rangeDefaultValue),inputContainer:a(null==V?void 0:V.inputContainer,h.inputContainer)})}),[Io,V]),Co=e((function(){return w?{onScroll:function(o){mo(o.currentTarget.scrollLeft)}}:void 0}),[w]);return m((function(){if(w){var o=new ResizeObserver((function(o){o.forEach((function(o){var s,n;return po((null===(s=o.borderBoxSize)||void 0===s||null===(n=s[0])||void 0===n?void 0:n.inlineSize)||0)}))}));return jo.current&&o.observe(jo.current),function(){o.disconnect()}}}),[w]),q?C(g,{children:[y(l,{value:$,inputContainerRef:n,inputRef:jo,label:u,onFocus:vo,onBlur:bo,className:P,testId:k,suffix:y(O,{}),placeholder:T,onChange:fo,readOnly:E,clearable:K,focusOnClear:B,labelPlacement:L,size:U,elementsClassNames:Oo,htmlAttributes:Co}),y(b,{anchorEl:jo.current,open:Io,placement:"top-start",className:h.popper,modifiers:x,children:y("div",{className:a(h.rangeOverlay,S[U]),style:{width:lo},children:y("div",{style:{marginLeft:-eo},children:Array.isArray(c)&&2===c.length&&C(g,{children:[y("span",{className:a(h.rangePart,"startDate"===Z&&h.rangePartActive),onClick:function(){return H("startDate")},children:A(c[0],J)})," - ",y("span",{className:a(h.rangePart,"endDate"===Z&&h.rangePartActive),onClick:function(){return H("endDate")},children:A(c[1],J)})]})})})})]}):y(p,{value:$,ref:n,label:u,onFocus:f,onBlur:bo,forceLabelShrink:W,className:P,testId:k,suffix:y(O,{}),placeholder:T,onChange:fo,readOnly:E,onClear:K?ho:void 0,focusOnClear:B})}));export{k as Input};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/toConsumableArray";import{forwardRef as c,useState as i,useRef as t,useCallback as r,useMemo as e,useEffect as m}from"react";import u from"moment";import a from"classnames";import{TextInputNext as l}from"../../TextInputNext/TextInputNext.js";import{TextInput as p}from"../../TextInput/TextInput.js";import{autocompleteValue as j,getMinDate as I,getMaxDate as d,InputParseFormats as f,getDefaultFormat as v}from"../utils.js";import{Popper as b}from"../../Popper/Popper.js";import h from"./Input.scss.js";import{CalendarThreeIcon as O}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{jsxs as C,Fragment as g,jsx as y}from"react/jsx-runtime";function P(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function F(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?P(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):P(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var x={flip:{enabled:!1}},A=function(o,s){return o?u(o).format(s):s},D=function(o,s){return(Array.isArray(o)?o:[o]).filter((function(o){return!!o})).map((function(o){return A(o,s)})).join(" - ")},N=function(o,s,c){var i=u(o,[s].concat(n(f[c]||[])),!0);return i.isValid()?i.toDate():void 0},S={small:h.small,medium:h.medium,large:h.large},k=c((function(o,n){var c=o.value,u=o.label,f=o.open,P=o.className,k=o.testId,R=o.format,T=o.placeholder,w=o.range,E=o.readOnly,M=o.type,z=o.setValue,B=o.focusOnClear,L=o.labelPlacement,G=o.size,U=void 0===G?"small":G,V=o.elementsClassNames,q=o.isNext,W=o.isOpen,K=o.clearable,Z=o.rangeStep,H=o.setRangeStep,J=R||v(M,w),Q=D(c,J),X=i(Q),Y=s(X,2),$=Y[0],_=Y[1],oo=i(c),so=s(oo,2),no=so[0],co=so[1],io=t($),to=i(0),ro=s(to,2),eo=ro[0],mo=ro[1],uo=i(0),ao=s(uo,2),lo=ao[0],po=ao[1],jo=t(null),Io=!!w&&$===Q&&W;no!==c&&(_(Q),co(c),io.current=Q);var fo=r((function(o){if(""===o.trim())return null==z||z(void 0),_(""),void(io.current="");var s=j({type:M,range:w,value:o,prevValue:io.current});if(io.current=s,_(s),w){var n=s.split(/[-–—]/).map((function(o){return N(o.trim(),J,M)})).filter((function(o){return!!o}));if(2===n.length){var c=I(n[0],n[1]),i=d(n[0],n[1]);c&&i&&(null==z||z([c,i]))}}else{var t=N(s,J,M);t&&(null==z||z(t))}}),[J,w,z,M]),vo=r((function(o){o.target.select(),f()}),[f]),bo=r((function(){_(D(c,J)),io.current=""}),[c,J]),ho=r((function(){null==z||z(void 0),_("")}),[z]),Oo=e((function(){return F(F({},V),{},{prefix:a(null==V?void 0:V.prefix,Io&&h.prefix),input:a(null==V?void 0:V.input,Io&&h.rangeDefaultValue),inputContainer:a(null==V?void 0:V.inputContainer,h.inputContainer)})}),[Io,V]),Co=e((function(){return w?{onScroll:function(o){mo(o.currentTarget.scrollLeft)}}:void 0}),[w]);return m((function(){if(w){var o=new ResizeObserver((function(o){o.forEach((function(o){var s,n;return po((null===(s=o.borderBoxSize)||void 0===s||null===(n=s[0])||void 0===n?void 0:n.inlineSize)||0)}))}));return jo.current&&o.observe(jo.current),function(){o.disconnect()}}}),[w]),q?C(g,{children:[y(l,{value:$,inputContainerRef:n,inputRef:jo,label:u,onFocus:vo,onBlur:bo,className:P,testId:k,suffix:y(O,{}),placeholder:T,onChange:fo,readOnly:E,clearable:K,focusOnClear:B,labelPlacement:L,size:U,elementsClassNames:Oo,htmlAttributes:Co}),y(b,{anchorEl:jo.current,open:Io,placement:"top-start",className:h.popper,modifiers:x,children:y("div",{className:a(h.rangeOverlay,S[U]),style:{width:lo},children:y("div",{style:{marginLeft:-eo},children:Array.isArray(c)&&2===c.length&&C(g,{children:[y("span",{className:a(h.rangePart,"startDate"===Z&&h.rangePartActive),onClick:function(){return H("startDate")},children:A(c[0],J)})," - ",y("span",{className:a(h.rangePart,"endDate"===Z&&h.rangePartActive),onClick:function(){return H("endDate")},children:A(c[1],J)})]})})})})]}):y(p,{value:$,ref:n,label:u,onFocus:f,onBlur:bo,forceLabelShrink:W,className:P,testId:k,suffix:y(O,{}),placeholder:T,onChange:fo,readOnly:E,onClear:K?ho:void 0,focusOnClear:B})}));export{k as Input};
 //# sourceMappingURL=Input.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/componentsV2/DatePicker/Input/Input.tsx"],"sourcesContent":["import {\n FocusEventHandler,\n forwardRef,\n ReactNode,\n UIEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { TextInputNext, TextInputNextProps } from '../../TextInputNext';\nimport { TextInput } from '../../TextInput';\nimport {\n autocompleteValue,\n DatePickerChangeHandler,\n DatePickerType,\n getDefaultFormat,\n getMaxDate,\n getMinDate,\n RangeSelectionStep,\n InputParseFormats,\n} from '../utils';\nimport { Popper } from '../../Popper';\n\nimport styles from './Input.scss';\n\nimport { CalendarThreeIcon } from '~/icons';\n\nexport type InputProps = {\n value?: Date \| [Date \| undefined, Date \| undefined];\n setValue?: (value: Date \| [Date, Date] \| undefined) => void;\n label?: ReactNode;\n placeholder?: string;\n open: () => void;\n type: DatePickerType;\n format?: string;\n range?: boolean;\n rangeStep?: RangeSelectionStep;\n setRangeStep: (step: RangeSelectionStep) => void;\n readOnly?: boolean;\n focusOnClear?: boolean;\n labelPlacement?: TextInputNextProps['labelPlacement'];\n size?: TextInputNextProps['size'];\n elementsClassNames?: TextInputNextProps['elementsClassNames'];\n clearable?: TextInputNextProps['clearable'];\n\n className?: string;\n testId?: string;\n\n // Remove when next becomes baseline\n isOpen: boolean;\n isNext: boolean;\n};\n\nconst rangeOverlayPopperModifiers = {\n flip: {\n enabled: false,\n },\n};\n\nconst RangeSeparator = ' - ';\n\nconst formatValuePart = (value: Date \| undefined, format: string) =>\n value ? moment(value).format(format) : format;\n\nconst formatValue = (value: InputProps['value'], format: string) =>\n (Array.isArray(value) ? value : [value])\n .filter(item => !!item)\n .map(item => formatValuePart(item, format))\n .join(RangeSeparator);\n\nconst parseStringDate = (value: string, format: string, type: DatePickerType) => {\n const parsedMoment = moment(value, [format, ...(InputParseFormats[type] \|\| [])], true);\n\n return parsedMoment.isValid() ? parsedMoment.toDate() : undefined;\n};\n\nconst SizeToOverlayClassMap: Record<Required<TextInputNextProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(\n (\n {\n value,\n label,\n open,\n className,\n testId,\n format: propsFormat,\n placeholder,\n range,\n readOnly,\n type,\n setValue,\n focusOnClear,\n labelPlacement,\n size = 'small',\n elementsClassNames: propsElementsClassNames,\n isNext,\n isOpen,\n clearable,\n rangeStep,\n setRangeStep,\n },\n ref\n ) => {\n const format = propsFormat \|\| getDefaultFormat(type, range);\n const formattedValue = formatValue(value, format);\n const [inputValue, setInputValue] = useState(formattedValue);\n const [prevValue, setPrevValue] = useState(value);\n const prevInputValueRef = useRef(inputValue);\n const [inputScroll, setinputScroll] = useState(0);\n const [inputWidth, setInputWidth] = useState(0);\n const inputRef = useRef<HTMLInputElement>(null);\n const showRangeOverlay = !!range && inputValue === formattedValue && isOpen;\n\n // Value changed - reconstructing input value\n if (prevValue !== value) {\n setInputValue(formattedValue);\n setPrevValue(value);\n prevInputValueRef.current = formattedValue;\n }\n\n const onChange = useCallback(\n (typedValue: string) => {\n if (typedValue.trim() === '') {\n setValue?.(undefined);\n setInputValue('');\n prevInputValueRef.current = '';\n return;\n }\n\n const newValue = autocompleteValue({\n type,\n range,\n value: typedValue,\n prevValue: prevInputValueRef.current,\n });\n\n prevInputValueRef.current = newValue;\n\n setInputValue(newValue);\n if (range) {\n // Splitting by hyphen, or en dash, or em dash\n const dateParts = newValue\n .split(/[-–—]/)\n .map(part => parseStringDate(part.trim(), format, type))\n .filter(part => !!part);\n\n if (dateParts.length === 2) {\n const minDate = getMinDate(dateParts[0], dateParts[1]);\n const maxDate = getMaxDate(dateParts[0], dateParts[1]);\n\n if (minDate && maxDate) {\n (setValue as DatePickerChangeHandler<true>)?.([minDate, maxDate]);\n }\n }\n } else {\n const maybeDate = parseStringDate(newValue, format, type);\n\n if (maybeDate) {\n (setValue as DatePickerChangeHandler<false>)?.(maybeDate);\n }\n }\n },\n [format, range, setValue, type]\n );\n\n const onFocus = useCallback<FocusEventHandler<HTMLInputElement>>(\n e => {\n e.target.select();\n open();\n },\n [open]\n );\n\n const onBlur = useCallback(() => {\n setInputValue(formatValue(value, format));\n prevInputValueRef.current = '';\n }, [value, format]);\n\n const onClear = useCallback(() => {\n setValue?.(undefined);\n setInputValue('');\n }, [setValue]);\n\n const elementsClassNames = useMemo(\n () => ({\n ...propsElementsClassNames,\n prefix: classNames(propsElementsClassNames?.prefix, showRangeOverlay && styles.prefix),\n input: classNames(\n propsElementsClassNames?.input,\n showRangeOverlay && styles.rangeDefaultValue\n ),\n inputContainer: classNames(propsElementsClassNames?.inputContainer, styles.inputContainer),\n }),\n [showRangeOverlay, propsElementsClassNames]\n );\n\n const htmlAttributes = useMemo<{ onScroll: UIEventHandler<HTMLInputElement> } \| undefined>(\n () =>\n range\n ? {\n onScroll: e => {\n setinputScroll(e.currentTarget.scrollLeft);\n },\n }\n : undefined,\n [range]\n );\n\n useEffect(() => {\n if (!range) {\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(entries => {\n entries.forEach(entry => setInputWidth(entry.borderBoxSize?.[0]?.inlineSize \|\| 0));\n });\n\n if (inputRef.current) {\n resizeObserver.observe(inputRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [range]);\n\n if (isNext) {\n return (\n <>\n <TextInputNext\n value={inputValue}\n inputContainerRef={ref}\n inputRef={inputRef}\n label={label}\n onFocus={onFocus}\n onBlur={onBlur}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n clearable={clearable}\n focusOnClear={focusOnClear}\n labelPlacement={labelPlacement}\n size={size}\n elementsClassNames={elementsClassNames}\n htmlAttributes={htmlAttributes}\n />\n\n <Popper\n anchorEl={inputRef.current}\n open={showRangeOverlay}\n placement=\"top-start\"\n className={styles.popper}\n modifiers={rangeOverlayPopperModifiers}\n >\n <div\n className={classNames(styles.rangeOverlay, SizeToOverlayClassMap[size])}\n style={{ width: inputWidth }}\n >\n <div style={{ marginLeft: -inputScroll }}>\n {Array.isArray(value) && value.length === 2 && (\n <>\n <span\n className={classNames(\n styles.rangePart,\n\n rangeStep === 'startDate' && styles.rangePartActive\n )}\n onClick={() => setRangeStep('startDate')}\n >\n {formatValuePart(value[0], format)}\n </span>\n {RangeSeparator}\n <span\n className={classNames(\n styles.rangePart,\n rangeStep === 'endDate' && styles.rangePartActive\n )}\n onClick={() => setRangeStep('endDate')}\n >\n {formatValuePart(value[1], format)}\n </span>\n </>\n )}\n </div>\n </div>\n </Popper>\n </>\n );\n }\n\n return (\n <TextInput\n value={inputValue}\n ref={ref as never}\n label={label}\n onFocus={open}\n onBlur={onBlur}\n forceLabelShrink={isOpen}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n onClear={clearable ? onClear : undefined}\n focusOnClear={focusOnClear}\n />\n );\n }\n);\n"],"names":["rangeOverlayPopperModifiers","flip","enabled","formatValuePart","value","format","moment","formatValue","Array","isArray","filter","item","map","join","parseStringDate","type","parsedMoment","concat","_toConsumableArray","InputParseFormats","isValid","toDate","undefined","SizeToOverlayClassMap","small","styles","medium","large","Input","forwardRef","_ref","ref","label","open","className","testId","propsFormat","placeholder","range","readOnly","setValue","focusOnClear","labelPlacement","_ref$size","size","propsElementsClassNames","elementsClassNames","isNext","isOpen","clearable","rangeStep","setRangeStep","getDefaultFormat","formattedValue","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","prevValue","setPrevValue","prevInputValueRef","useRef","_useState6","_useState5","inputScroll","setinputScroll","_useState8","_useState7","inputWidth","setInputWidth","inputRef","showRangeOverlay","current","onChange","useCallback","typedValue","trim","newValue","autocompleteValue","dateParts","split","part","length","minDate","getMinDate","maxDate","getMaxDate","maybeDate","onFocus","e","target","select","onBlur","onClear","useMemo","_objectSpread","prefix","classNames","input","rangeDefaultValue","inputContainer","htmlAttributes","onScroll","currentTarget","scrollLeft","useEffect","resizeObserver","ResizeObserver","entries","forEach","entry","_entry$borderBoxSize","_entry$borderBoxSize$","borderBoxSize","inlineSize","observe","disconnect","_jsxs","_Fragment","children","_jsx","TextInputNext","inputContainerRef","suffix","CalendarThreeIcon","Popper","anchorEl","placement","popper","modifiers","rangeOverlay","style","width","marginLeft","rangePart","rangePartActive","onClick","TextInput","forceLabelShrink"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/componentsV2/DatePicker/Input/Input.tsx"],"sourcesContent":["import {\n FocusEventHandler,\n forwardRef,\n ReactNode,\n UIEventHandler,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { TextInputNext, TextInputNextProps } from '../../TextInputNext';\nimport { TextInput } from '../../TextInput';\nimport {\n autocompleteValue,\n DatePickerChangeHandler,\n DatePickerType,\n getDefaultFormat,\n getMaxDate,\n getMinDate,\n RangeSelectionStep,\n InputParseFormats,\n} from '../utils';\nimport { Popper } from '../../Popper';\n\nimport styles from './Input.scss';\n\nimport { CalendarThreeIcon } from '~/icons';\n\nexport type InputProps = {\n value?: Date \| [Date \| undefined, Date \| undefined];\n setValue?: (value: Date \| [Date, Date] \| undefined) => void;\n label?: ReactNode;\n placeholder?: string;\n open: () => void;\n type: DatePickerType;\n format?: string;\n range?: boolean;\n rangeStep?: RangeSelectionStep;\n setRangeStep: (step: RangeSelectionStep) => void;\n readOnly?: boolean;\n focusOnClear?: boolean;\n labelPlacement?: TextInputNextProps['labelPlacement'];\n size?: TextInputNextProps['size'];\n elementsClassNames?: TextInputNextProps['elementsClassNames'];\n clearable?: TextInputNextProps['clearable'];\n\n className?: string;\n testId?: string;\n\n // Remove when next becomes baseline\n isOpen: boolean;\n isNext: boolean;\n};\n\nconst rangeOverlayPopperModifiers = {\n flip: {\n enabled: false,\n },\n};\n\nconst RangeSeparator = ' - ';\n\nconst formatValuePart = (value: Date \| undefined, format: string) =>\n value ? moment(value).format(format) : format;\n\nconst formatValue = (value: InputProps['value'], format: string) =>\n (Array.isArray(value) ? value : [value])\n .filter(item => !!item)\n .map(item => formatValuePart(item, format))\n .join(RangeSeparator);\n\nconst parseStringDate = (value: string, format: string, type: DatePickerType) => {\n const parsedMoment = moment(value, [format, ...(InputParseFormats[type] \|\| [])], true);\n\n return parsedMoment.isValid() ? parsedMoment.toDate() : undefined;\n};\n\nconst SizeToOverlayClassMap: Record<Required<TextInputNextProps>['size'], string> = {\n small: styles.small,\n medium: styles.medium,\n large: styles.large,\n};\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(\n (\n {\n value,\n label,\n open,\n className,\n testId,\n format: propsFormat,\n placeholder,\n range,\n readOnly,\n type,\n setValue,\n focusOnClear,\n labelPlacement,\n size = 'small',\n elementsClassNames: propsElementsClassNames,\n isNext,\n isOpen,\n clearable,\n rangeStep,\n setRangeStep,\n },\n ref\n ) => {\n const format = propsFormat \|\| getDefaultFormat(type, range);\n const formattedValue = formatValue(value, format);\n const [inputValue, setInputValue] = useState(formattedValue);\n const [prevValue, setPrevValue] = useState(value);\n const prevInputValueRef = useRef(inputValue);\n const [inputScroll, setinputScroll] = useState(0);\n const [inputWidth, setInputWidth] = useState(0);\n const inputRef = useRef<HTMLInputElement>(null);\n const showRangeOverlay = !!range && inputValue === formattedValue && isOpen;\n\n // Value changed - reconstructing input value\n if (prevValue !== value) {\n setInputValue(formattedValue);\n setPrevValue(value);\n prevInputValueRef.current = formattedValue;\n }\n\n const onChange = useCallback(\n (typedValue: string) => {\n if (typedValue.trim() === '') {\n setValue?.(undefined);\n setInputValue('');\n prevInputValueRef.current = '';\n return;\n }\n\n const newValue = autocompleteValue({\n type,\n range,\n value: typedValue,\n prevValue: prevInputValueRef.current,\n });\n\n prevInputValueRef.current = newValue;\n\n setInputValue(newValue);\n if (range) {\n // Splitting by hyphen, or en dash, or em dash\n const dateParts = newValue\n .split(/[-–—]/)\n .map(part => parseStringDate(part.trim(), format, type))\n .filter(part => !!part);\n\n if (dateParts.length === 2) {\n const minDate = getMinDate(dateParts[0], dateParts[1]);\n const maxDate = getMaxDate(dateParts[0], dateParts[1]);\n\n if (minDate && maxDate) {\n (setValue as DatePickerChangeHandler<true>)?.([minDate, maxDate]);\n }\n }\n } else {\n const maybeDate = parseStringDate(newValue, format, type);\n\n if (maybeDate) {\n (setValue as DatePickerChangeHandler<false>)?.(maybeDate);\n }\n }\n },\n [format, range, setValue, type]\n );\n\n const onFocus = useCallback<FocusEventHandler<HTMLInputElement>>(\n e => {\n e.target.select();\n open();\n },\n [open]\n );\n\n const onBlur = useCallback(() => {\n setInputValue(formatValue(value, format));\n prevInputValueRef.current = '';\n }, [value, format]);\n\n const onClear = useCallback(() => {\n setValue?.(undefined);\n setInputValue('');\n }, [setValue]);\n\n const elementsClassNames = useMemo(\n () => ({\n ...propsElementsClassNames,\n prefix: classNames(propsElementsClassNames?.prefix, showRangeOverlay && styles.prefix),\n input: classNames(\n propsElementsClassNames?.input,\n showRangeOverlay && styles.rangeDefaultValue\n ),\n inputContainer: classNames(propsElementsClassNames?.inputContainer, styles.inputContainer),\n }),\n [showRangeOverlay, propsElementsClassNames]\n );\n\n const htmlAttributes = useMemo<{ onScroll: UIEventHandler<HTMLInputElement> } \| undefined>(\n () =>\n range\n ? {\n onScroll: e => {\n setinputScroll(e.currentTarget.scrollLeft);\n },\n }\n : undefined,\n [range]\n );\n\n useEffect(() => {\n if (!range) {\n return undefined;\n }\n\n const resizeObserver = new ResizeObserver(entries => {\n entries.forEach(entry => setInputWidth(entry.borderBoxSize?.[0]?.inlineSize \|\| 0));\n });\n\n if (inputRef.current) {\n resizeObserver.observe(inputRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [range]);\n\n if (isNext) {\n return (\n <>\n <TextInputNext\n value={inputValue}\n inputContainerRef={ref}\n inputRef={inputRef}\n label={label}\n onFocus={onFocus}\n onBlur={onBlur}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n clearable={clearable}\n focusOnClear={focusOnClear}\n labelPlacement={labelPlacement}\n size={size}\n elementsClassNames={elementsClassNames}\n htmlAttributes={htmlAttributes}\n />\n\n <Popper\n anchorEl={inputRef.current}\n open={showRangeOverlay}\n placement=\"top-start\"\n className={styles.popper}\n modifiers={rangeOverlayPopperModifiers}\n >\n <div\n className={classNames(styles.rangeOverlay, SizeToOverlayClassMap[size])}\n style={{ width: inputWidth }}\n >\n <div style={{ marginLeft: -inputScroll }}>\n {Array.isArray(value) && value.length === 2 && (\n <>\n <span\n className={classNames(\n styles.rangePart,\n\n rangeStep === 'startDate' && styles.rangePartActive\n )}\n onClick={() => setRangeStep('startDate')}\n >\n {formatValuePart(value[0], format)}\n </span>\n {RangeSeparator}\n <span\n className={classNames(\n styles.rangePart,\n rangeStep === 'endDate' && styles.rangePartActive\n )}\n onClick={() => setRangeStep('endDate')}\n >\n {formatValuePart(value[1], format)}\n </span>\n </>\n )}\n </div>\n </div>\n </Popper>\n </>\n );\n }\n\n return (\n <TextInput\n value={inputValue}\n ref={ref as never}\n label={label}\n onFocus={open}\n onBlur={onBlur}\n forceLabelShrink={isOpen}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n onClear={clearable ? onClear : undefined}\n focusOnClear={focusOnClear}\n />\n );\n }\n);\n"],"names":["rangeOverlayPopperModifiers","flip","enabled","formatValuePart","value","format","moment","formatValue","Array","isArray","filter","item","map","join","parseStringDate","type","parsedMoment","concat","_toConsumableArray","InputParseFormats","isValid","toDate","undefined","SizeToOverlayClassMap","small","styles","medium","large","Input","forwardRef","_ref","ref","label","open","className","testId","propsFormat","placeholder","range","readOnly","setValue","focusOnClear","labelPlacement","_ref$size","size","propsElementsClassNames","elementsClassNames","isNext","isOpen","clearable","rangeStep","setRangeStep","getDefaultFormat","formattedValue","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","prevValue","setPrevValue","prevInputValueRef","useRef","_useState6","_useState5","inputScroll","setinputScroll","_useState8","_useState7","inputWidth","setInputWidth","inputRef","showRangeOverlay","current","onChange","useCallback","typedValue","trim","newValue","autocompleteValue","dateParts","split","part","length","minDate","getMinDate","maxDate","getMaxDate","maybeDate","onFocus","e","target","select","onBlur","onClear","useMemo","_objectSpread","prefix","classNames","input","rangeDefaultValue","inputContainer","htmlAttributes","onScroll","currentTarget","scrollLeft","useEffect","resizeObserver","ResizeObserver","entries","forEach","entry","_entry$borderBoxSize","_entry$borderBoxSize$","borderBoxSize","inlineSize","observe","disconnect","_jsxs","_Fragment","children","_jsx","TextInputNext","inputContainerRef","suffix","CalendarThreeIcon","Popper","anchorEl","placement","popper","modifiers","rangeOverlay","style","width","marginLeft","rangePart","rangePartActive","onClick","TextInput","forceLabelShrink"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useMemo as c,useState as i,useEffect as t,useCallback as e}from"react";import r from"classnames";import m from"moment-timezone";import{padStart as u}from"lodash";import{TextInputNext as a}from"../../TextInputNext/TextInputNext.js";import{Text as l}from"../../Text/Text.js";import{ToggleButtons as p}from"../../ToggleButtons/ToggleButtons.js";import{isSameDay as d}from"../utils.js";import{Button as j}from"../../Button/Button.js";import I from"./TimePicker.scss.js";import{InfoIcon as f}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/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{jsxs as h,Fragment as v,jsx as b}from"react/jsx-runtime";function g(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function O(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?g(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):g(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var C=[{value:"am",label:"AM"},{value:"pm",label:"PM"}],y=function(o){return o.replace(/[^\d]/g,"").substring(0,2)},T=function(o){return Number(o)>=0&&Number(o)<=12},N=function(o){return Number(o)>=0&&Number(o)<60},F=N,P=function(o){return o.getTime()-m(o).startOf("day").toDate().getTime()},D=function(o){return void 0!==o?u(String(o),2,"0"):""},M=function(o){return"12"===o?"00":o},x=function(o){var u=o.value,g=o.onChange,x=o.minDate,A=o.maxDate,k=o.saveTime,S=o.goToToday,z=o.clear,B=!u,R=n(null),w=n(null),E=n(null),H=n(),G=c((function(){var o=u?P(u)>=432e5?"pm":"am":void 0,s="pm"===o?12:0,n=u?u.getHours()-s:void 0;return{hours:D(void 0!==n&&0===n?12:n),minutes:D(null==u?void 0:u.getMinutes()),seconds:D(null==u?void 0:u.getSeconds()),partOfDay:o}}),[u]),U=i(G.hours),q=s(U,2),L=q[0],W=q[1],K=i(G.minutes),Z=s(K,2),J=Z[0],Q=Z[1],V=i(G.seconds),X=s(V,2),Y=X[0],$=X[1];t((function(){H.current!==R.current&&W(G.hours),H.current!==w.current&&Q(G.minutes),H.current!==E.current&&$(G.seconds)}),[G.hours,G.minutes,G.seconds]);var _=c((function(){var o=d(x,u)&&m(x).format("hh:mm:ss A"),s=d(A,u)&&m(A).format("hh:mm:ss A");return o&&s?"In ".concat(o," - ").concat(s," range"):o?"Can’t be earlier than ".concat(o):s?"Can’t be later than ".concat(s):void 0}),[A,x,u]),oo=c((function(){return C.map((function(o){var s="am"===o.value&&!!x&&d(u,x)&&P(x)>=432e5,n="pm"===o.value&&!!A&&d(u,A)&&P(A)<432e5;return O(O({},o),{},{disabled:B||s||n})}))}),[B,A,x,u]),so=e((function(o,s){if(u){var n=new Date(u);if("hours"===o&&T(s)){var c="pm"===G.partOfDay?12:0;n.setHours(c+Number(s))}else if("minutes"===o&&N(s))n.setMinutes(Number(s));else if("seconds"===o&&F(s))n.setSeconds(Number(s));else if("partOfDay"===o&&("am"===s||"pm"===s)){var i=n.getHours()%12;n.setHours(("pm"===s?12:0)+i)}Math.floor(n.getTime()/1e3)!==Math.floor(u.getTime()/1e3)&&g(n)}}),[G.partOfDay,g,u]),no=e((function(o){o.target.select(),H.current=o.target}),[]),co=e((function(o){var s=y(o.target.value);if(o.target===R.current){var n=M(s),c=T(n)?D(n):G.hours;W(c),so("hours",c)}if(o.target===w.current){var i=N(s)?D(s):G.minutes;Q(i),so("minutes",i)}if(o.target===E.current){var t=F(s)?D(s):G.seconds;$(t),so("seconds",t)}H.current=void 0}),[G.hours,G.minutes,G.seconds,so]),io=e((function(o){var s,n=y(o),c=M(n);(W(n),2===n.length&&T(n))&&(so("hours",c),null===(s=w.current)||void 0===s||s.focus())}),[so]),to=e((function(o){var s,n=y(o);(Q(n),2===n.length&&N(n))&&(so("minutes",n),null===(s=E.current)||void 0===s||s.focus())}),[so]),eo=e((function(o){var s=y(o);$(s),F(s)&&so("seconds",s)}),[so]),ro=e((function(o){so("partOfDay",o)}),[so]),mo=Number(null==u?void 0:u.getTime())>Number(null==A?void 0:A.getTime())||Number(null==u?void 0:u.getTime())<Number(null==x?void 0:x.getTime()),uo=!T(L)||mo,ao=!N(J)||mo,lo=!F(Y)||mo;return h(v,{children:[h("div",{className:r(I.timePicker),children:[h(l,{className:I.header,size:14,children:[b("span",{className:r(I.headerText,B&&I.disabled),children:"Time"}),_&&h(v,{children:[b(f,{className:I.constraintIcon,size:16}),_]})]}),b(a,{placeholder:"HH",className:I.input,disabled:B,value:L,onChange:io,status:uo?"error":void 0,inputRef:R,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"MM",className:I.input,disabled:B,value:J,onChange:to,status:ao?"error":void 0,inputRef:w,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"SS",className:I.input,disabled:B,value:Y,onChange:eo,status:lo?"error":void 0,inputRef:E,onFocus:no,onBlur:co}),b(p,{options:oo,className:I.tabs,size:"small",value:G.partOfDay,onChange:ro})]}),h("div",{className:I.footer,children:[S&&b(j,{onClick:S,type:"tertiary",size:"small",children:"Today"}),h("div",{className:I.actions,children:[z&&b(j,{onClick:z,type:"tertiary",size:"small",disabled:!u,children:"Clear"}),b(j,{onClick:k,type:"secondary",size:"small",disabled:!u||uo||ao||lo,children:"Save"})]})]})]})};export{x as TimePicker};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useMemo as c,useState as i,useEffect as t,useCallback as e}from"react";import r from"classnames";import m from"moment-timezone";import{padStart as u}from"lodash";import{TextInputNext as a}from"../../TextInputNext/TextInputNext.js";import{Text as l}from"../../Text/Text.js";import{ToggleButtons as p}from"../../ToggleButtons/ToggleButtons.js";import{isSameDay as d}from"../utils.js";import{Button as j}from"../../Button/Button.js";import I from"./TimePicker.scss.js";import{InfoIcon as f}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{jsxs as h,Fragment as v,jsx as b}from"react/jsx-runtime";function g(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function O(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?g(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):g(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var C=[{value:"am",label:"AM"},{value:"pm",label:"PM"}],y=function(o){return o.replace(/[^\d]/g,"").substring(0,2)},T=function(o){return Number(o)>=0&&Number(o)<=12},N=function(o){return Number(o)>=0&&Number(o)<60},P=N,F=function(o){return o.getTime()-m(o).startOf("day").toDate().getTime()},D=function(o){return void 0!==o?u(String(o),2,"0"):""},M=function(o){return"12"===o?"00":o},x=function(o){var u=o.value,g=o.onChange,x=o.minDate,A=o.maxDate,k=o.saveTime,S=o.goToToday,z=o.clear,B=!u,R=n(null),w=n(null),E=n(null),H=n(),G=c((function(){var o=u?F(u)>=432e5?"pm":"am":void 0,s="pm"===o?12:0,n=u?u.getHours()-s:void 0;return{hours:D(void 0!==n&&0===n?12:n),minutes:D(null==u?void 0:u.getMinutes()),seconds:D(null==u?void 0:u.getSeconds()),partOfDay:o}}),[u]),U=i(G.hours),q=s(U,2),L=q[0],W=q[1],K=i(G.minutes),Z=s(K,2),J=Z[0],Q=Z[1],V=i(G.seconds),X=s(V,2),Y=X[0],$=X[1];t((function(){H.current!==R.current&&W(G.hours),H.current!==w.current&&Q(G.minutes),H.current!==E.current&&$(G.seconds)}),[G.hours,G.minutes,G.seconds]);var _=c((function(){var o=d(x,u)&&m(x).format("hh:mm:ss A"),s=d(A,u)&&m(A).format("hh:mm:ss A");return o&&s?"In ".concat(o," - ").concat(s," range"):o?"Can’t be earlier than ".concat(o):s?"Can’t be later than ".concat(s):void 0}),[A,x,u]),oo=c((function(){return C.map((function(o){var s="am"===o.value&&!!x&&d(u,x)&&F(x)>=432e5,n="pm"===o.value&&!!A&&d(u,A)&&F(A)<432e5;return O(O({},o),{},{disabled:B||s||n})}))}),[B,A,x,u]),so=e((function(o,s){if(u){var n=new Date(u);if("hours"===o&&T(s)){var c="pm"===G.partOfDay?12:0;n.setHours(c+Number(s))}else if("minutes"===o&&N(s))n.setMinutes(Number(s));else if("seconds"===o&&P(s))n.setSeconds(Number(s));else if("partOfDay"===o&&("am"===s||"pm"===s)){var i=n.getHours()%12;n.setHours(("pm"===s?12:0)+i)}Math.floor(n.getTime()/1e3)!==Math.floor(u.getTime()/1e3)&&g(n)}}),[G.partOfDay,g,u]),no=e((function(o){o.target.select(),H.current=o.target}),[]),co=e((function(o){var s=y(o.target.value);if(o.target===R.current){var n=M(s),c=T(n)?D(n):G.hours;W(c),so("hours",c)}if(o.target===w.current){var i=N(s)?D(s):G.minutes;Q(i),so("minutes",i)}if(o.target===E.current){var t=P(s)?D(s):G.seconds;$(t),so("seconds",t)}H.current=void 0}),[G.hours,G.minutes,G.seconds,so]),io=e((function(o){var s,n=y(o),c=M(n);(W(n),2===n.length&&T(n))&&(so("hours",c),null===(s=w.current)||void 0===s||s.focus())}),[so]),to=e((function(o){var s,n=y(o);(Q(n),2===n.length&&N(n))&&(so("minutes",n),null===(s=E.current)||void 0===s||s.focus())}),[so]),eo=e((function(o){var s=y(o);$(s),P(s)&&so("seconds",s)}),[so]),ro=e((function(o){so("partOfDay",o)}),[so]),mo=Number(null==u?void 0:u.getTime())>Number(null==A?void 0:A.getTime())||Number(null==u?void 0:u.getTime())<Number(null==x?void 0:x.getTime()),uo=!T(L)||mo,ao=!N(J)||mo,lo=!P(Y)||mo;return h(v,{children:[h("div",{className:r(I.timePicker),children:[h(l,{className:I.header,size:14,children:[b("span",{className:r(I.headerText,B&&I.disabled),children:"Time"}),_&&h(v,{children:[b(f,{className:I.constraintIcon,size:16}),_]})]}),b(a,{placeholder:"HH",className:I.input,disabled:B,value:L,onChange:io,status:uo?"error":void 0,inputRef:R,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"MM",className:I.input,disabled:B,value:J,onChange:to,status:ao?"error":void 0,inputRef:w,onFocus:no,onBlur:co}),b(l,{color:"T9",size:14,children:":"}),b(a,{placeholder:"SS",className:I.input,disabled:B,value:Y,onChange:eo,status:lo?"error":void 0,inputRef:E,onFocus:no,onBlur:co}),b(p,{options:oo,className:I.tabs,size:"small",value:G.partOfDay,onChange:ro})]}),h("div",{className:I.footer,children:[S&&b(j,{onClick:S,type:"tertiary",size:"small",children:"Today"}),h("div",{className:I.actions,children:[z&&b(j,{onClick:z,type:"tertiary",size:"small",disabled:!u,children:"Clear"}),b(j,{onClick:k,type:"secondary",size:"small",disabled:!u||uo||ao||lo,children:"Save"})]})]})]})};export{x as TimePicker};
 //# sourceMappingURL=TimePicker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePicker.js","sources":["../../../../src/componentsV2/DatePicker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { padStart } from 'lodash';\n\nimport { TextInputNext } from '../../TextInputNext';\nimport { Text } from '../../Text';\nimport { ToggleButtons } from '../../ToggleButtons';\nimport { isSameDay } from '../utils';\nimport { Button } from '../../Button';\n\nimport styles from './TimePicker.scss';\n\nimport { InfoIcon } from '~/icons';\n\ntype AmPm = 'am' \| 'pm';\n\nconst HalfOfDayMs = 12 * 60 * 60 * 1000;\n\nconst ToggleButtonsOptions: { value: AmPm; label: string }[] = [\n { value: 'am', label: 'AM' },\n { value: 'pm', label: 'PM' },\n];\n\nexport type TimePickerProps = {\n value?: Date;\n onChange: (date: Date) => void;\n saveTime: () => void;\n maxDate?: Date;\n minDate?: Date;\n\n goToToday?: () => void;\n clear?: () => void;\n};\n\nconst sanitize = (value: string) => value.replace(/[^\\d]/g, '').substring(0, 2);\nconst validateHours = (value?: string) => Number(value) >= 0 && Number(value) <= 12;\nconst validateMinutes = (value?: string) => Number(value) >= 0 && Number(value) < 60;\nconst validateSeconds = validateMinutes;\n\nconst getOffsetFromDayStart = (date: Date) => {\n return date.getTime() - moment(date).startOf('day').toDate().getTime();\n};\n\nconst formatTimePart = (part?: string \| number) =>\n part !== undefined ? padStart(String(part), 2, '0') : '';\n\nconst getPartOfDay = (date: Date) => {\n return getOffsetFromDayStart(date) >= HalfOfDayMs ? 'pm' : 'am';\n};\n\nconst getActualHours = (sanitized: string) => (sanitized === '12' ? '00' : sanitized);\n\nexport const TimePicker = ({\n value,\n onChange,\n minDate,\n maxDate,\n saveTime,\n goToToday,\n clear,\n}: TimePickerProps) => {\n const disabled = !value;\n\n const hoursInputRef = useRef<HTMLInputElement>(null);\n const minutesInputRef = useRef<HTMLInputElement>(null);\n const secondsInputRef = useRef<HTMLInputElement>(null);\n\n const focusedInputRef = useRef<HTMLInputElement>();\n\n const timeParts = useMemo(() => {\n const partOfDay = value ? getPartOfDay(value) : undefined;\n\n const hourOffset = partOfDay === 'pm' ? 12 : 0;\n\n const hours = value ? value.getHours() - hourOffset : undefined;\n\n const hoursAmPm = hours !== undefined && hours === 0 ? 12 : hours;\n\n return {\n hours: formatTimePart(hoursAmPm),\n minutes: formatTimePart(value?.getMinutes()),\n seconds: formatTimePart(value?.getSeconds()),\n partOfDay,\n };\n }, [value]);\n\n const [hours, setHours] = useState(timeParts.hours);\n const [minutes, setMinutes] = useState(timeParts.minutes);\n const [seconds, setSeconds] = useState(timeParts.seconds);\n\n useEffect(() => {\n if (focusedInputRef.current !== hoursInputRef.current) {\n setHours(timeParts.hours);\n }\n if (focusedInputRef.current !== minutesInputRef.current) {\n setMinutes(timeParts.minutes);\n }\n if (focusedInputRef.current !== secondsInputRef.current) {\n setSeconds(timeParts.seconds);\n }\n }, [timeParts.hours, timeParts.minutes, timeParts.seconds]);\n\n const constraintText = useMemo(() => {\n const minValue = isSameDay(minDate, value) && moment(minDate).format('hh:mm:ss A');\n const maxValue = isSameDay(maxDate, value) && moment(maxDate).format('hh:mm:ss A');\n\n if (minValue && maxValue) {\n return `In ${minValue} - ${maxValue} range`;\n } else if (minValue) {\n return `Can’t be earlier than ${minValue}`;\n } else if (maxValue) {\n return `Can’t be later than ${maxValue}`;\n }\n return undefined;\n }, [maxDate, minDate, value]);\n\n const amPmOptions = useMemo(\n () =>\n ToggleButtonsOptions.map(item => {\n const isAmDisabled =\n item.value === 'am' &&\n !!minDate &&\n isSameDay(value, minDate) &&\n getOffsetFromDayStart(minDate) >= HalfOfDayMs;\n\n const isPmDisabled =\n item.value === 'pm' &&\n !!maxDate &&\n isSameDay(value, maxDate) &&\n getOffsetFromDayStart(maxDate) < HalfOfDayMs;\n\n return { ...item, disabled: disabled \|\| isAmDisabled \|\| isPmDisabled };\n }),\n [disabled, maxDate, minDate, value]\n );\n\n const updateValue = useCallback(\n (type: 'hours' \| 'minutes' \| 'seconds' \| 'partOfDay', newValue: string) => {\n if (!value) {\n return;\n }\n\n const newDate = new Date(value);\n\n if (type === 'hours' && validateHours(newValue)) {\n const partOfDayOffset = timeParts.partOfDay === 'pm' ? 12 : 0;\n newDate.setHours(partOfDayOffset + Number(newValue));\n } else if (type === 'minutes' && validateMinutes(newValue)) {\n newDate.setMinutes(Number(newValue));\n } else if (type === 'seconds' && validateSeconds(newValue)) {\n newDate.setSeconds(Number(newValue));\n } else if (type === 'partOfDay' && (newValue === 'am' \|\| newValue === 'pm')) {\n const hoursOffset = newDate.getHours() % 12;\n newDate.setHours((newValue === 'pm' ? 12 : 0) + hoursOffset);\n }\n\n if (Math.floor(newDate.getTime() / 1000) !== Math.floor(value.getTime() / 1000)) {\n onChange(newDate);\n }\n },\n [timeParts.partOfDay, onChange, value]\n );\n\n const onFieldFocus = useCallback<FocusEventHandler<HTMLInputElement>>(e => {\n e.target.select();\n focusedInputRef.current = e.target;\n }, []);\n\n const onFieldBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n e => {\n const fieldValue = sanitize(e.target.value);\n\n if (e.target === hoursInputRef.current) {\n const actualHours = getActualHours(fieldValue);\n const newHours = validateHours(actualHours) ? formatTimePart(actualHours) : timeParts.hours;\n setHours(newHours);\n updateValue('hours', newHours);\n }\n if (e.target === minutesInputRef.current) {\n const newMinutes = validateMinutes(fieldValue)\n ? formatTimePart(fieldValue)\n : timeParts.minutes;\n setMinutes(newMinutes);\n updateValue('minutes', newMinutes);\n }\n if (e.target === secondsInputRef.current) {\n const newSeconds = validateSeconds(fieldValue)\n ? formatTimePart(fieldValue)\n : timeParts.seconds;\n setSeconds(newSeconds);\n updateValue('seconds', newSeconds);\n }\n\n focusedInputRef.current = undefined;\n },\n [timeParts.hours, timeParts.minutes, timeParts.seconds, updateValue]\n );\n\n const onChangeHours = useCallback(\n (newValue: string) => {\n const sanitized = sanitize(newValue);\n const actualHours = getActualHours(sanitized);\n setHours(sanitized);\n if (sanitized.length === 2 && validateHours(sanitized)) {\n updateValue('hours', actualHours);\n minutesInputRef.current?.focus();\n }\n },\n [updateValue]\n );\n\n const onChangeMinutes = useCallback(\n (newValue: string) => {\n const sanitized = sanitize(newValue);\n setMinutes(sanitized);\n if (sanitized.length === 2 && validateMinutes(sanitized)) {\n updateValue('minutes', sanitized);\n secondsInputRef.current?.focus();\n }\n },\n [updateValue]\n );\n\n const onChangeSeconds = useCallback(\n (newValue: string) => {\n const sanitized = sanitize(newValue);\n setSeconds(sanitized);\n if (validateSeconds(sanitized)) {\n updateValue('seconds', sanitized);\n }\n },\n [updateValue]\n );\n\n const setPartOfDay = useCallback(\n (newValue: string) => {\n updateValue('partOfDay', newValue);\n },\n [updateValue]\n );\n\n const outOfBounds =\n Number(value?.getTime()) > Number(maxDate?.getTime()) \|\|\n Number(value?.getTime()) < Number(minDate?.getTime());\n\n const hoursInvalid = !validateHours(hours) \|\| outOfBounds;\n const minutesInvalid = !validateMinutes(minutes) \|\| outOfBounds;\n const secondsInvalid = !validateSeconds(seconds) \|\| outOfBounds;\n\n return (\n <>\n <div className={classNames(styles.timePicker)}>\n <Text className={styles.header} size={14}>\n <span className={classNames(styles.headerText, disabled && styles.disabled)}>Time</span>\n {constraintText && (\n <>\n <InfoIcon className={styles.constraintIcon} size={16} />\n {constraintText}\n </>\n )}\n </Text>\n\n <TextInputNext\n placeholder=\"HH\"\n className={styles.input}\n disabled={disabled}\n value={hours}\n onChange={onChangeHours}\n status={hoursInvalid ? 'error' : undefined}\n inputRef={hoursInputRef}\n onFocus={onFieldFocus}\n onBlur={onFieldBlur}\n />\n\n <Text color=\"T9\" size={14}>\n :\n </Text>\n\n <TextInputNext\n placeholder=\"MM\"\n className={styles.input}\n disabled={disabled}\n value={minutes}\n onChange={onChangeMinutes}\n status={minutesInvalid ? 'error' : undefined}\n inputRef={minutesInputRef}\n onFocus={onFieldFocus}\n onBlur={onFieldBlur}\n />\n\n <Text color=\"T9\" size={14}>\n :\n </Text>\n\n <TextInputNext\n placeholder=\"SS\"\n className={styles.input}\n disabled={disabled}\n value={seconds}\n onChange={onChangeSeconds}\n status={secondsInvalid ? 'error' : undefined}\n inputRef={secondsInputRef}\n onFocus={onFieldFocus}\n onBlur={onFieldBlur}\n />\n\n <ToggleButtons\n options={amPmOptions}\n className={styles.tabs}\n size=\"small\"\n value={timeParts.partOfDay}\n onChange={setPartOfDay}\n />\n </div>\n <div className={styles.footer}>\n {goToToday && (\n <Button onClick={goToToday} type=\"tertiary\" size=\"small\">\n Today\n </Button>\n )}\n\n <div className={styles.actions}>\n {clear && (\n <Button onClick={clear} type=\"tertiary\" size=\"small\" disabled={!value}>\n Clear\n </Button>\n )}\n\n <Button\n onClick={saveTime}\n type=\"secondary\"\n size=\"small\"\n disabled={!value \|\| hoursInvalid \|\| minutesInvalid \|\| secondsInvalid}\n >\n Save\n </Button>\n </div>\n </div>\n </>\n );\n};\n"],"names":["ToggleButtonsOptions","value","label","sanitize","replace","substring","validateHours","Number","validateMinutes","validateSeconds","getOffsetFromDayStart","date","getTime","moment","startOf","toDate","formatTimePart","part","undefined","padStart","String","getActualHours","sanitized","TimePicker","_ref","onChange","minDate","maxDate","saveTime","goToToday","clear","disabled","hoursInputRef","useRef","minutesInputRef","secondsInputRef","focusedInputRef","timeParts","useMemo","partOfDay","hourOffset","hours","getHours","minutes","getMinutes","seconds","getSeconds","_useState","useState","_useState2","_slicedToArray","setHours","_useState3","_useState4","setMinutes","_useState5","_useState6","setSeconds","useEffect","current","constraintText","minValue","isSameDay","format","maxValue","concat","amPmOptions","map","item","isAmDisabled","isPmDisabled","_objectSpread","updateValue","useCallback","type","newValue","newDate","Date","partOfDayOffset","hoursOffset","Math","floor","onFieldFocus","e","target","select","onFieldBlur","fieldValue","actualHours","newHours","newMinutes","newSeconds","onChangeHours","_minutesInputRef$curr","length","focus","onChangeMinutes","_secondsInputRef$curr","onChangeSeconds","setPartOfDay","outOfBounds","hoursInvalid","minutesInvalid","secondsInvalid","_jsxs","_Fragment","children","className","classNames","styles","timePicker","Text","header","size","_jsx","headerText","InfoIcon","constraintIcon","TextInputNext","placeholder","input","status","inputRef","onFocus","onBlur","color","ToggleButtons","options","tabs","footer","Button","onClick","actions"],"mappings":"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"}
1	+ {"version":3,"file":"TimePicker.js","sources":["../../../../src/componentsV2/DatePicker/TimePicker/TimePicker.tsx"],"sourcesContent":["import { FocusEventHandler, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport { padStart } from 'lodash';\n\nimport { TextInputNext } from '../../TextInputNext';\nimport { Text } from '../../Text';\nimport { ToggleButtons } from '../../ToggleButtons';\nimport { isSameDay } from '../utils';\nimport { Button } from '../../Button';\n\nimport styles from './TimePicker.scss';\n\nimport { InfoIcon } from '~/icons';\n\ntype AmPm = 'am' \| 'pm';\n\nconst HalfOfDayMs = 12 * 60 * 60 * 1000;\n\nconst ToggleButtonsOptions: { value: AmPm; label: string }[] = [\n { value: 'am', label: 'AM' },\n { value: 'pm', label: 'PM' },\n];\n\nexport type TimePickerProps = {\n value?: Date;\n onChange: (date: Date) => void;\n saveTime: () => void;\n maxDate?: Date;\n minDate?: Date;\n\n goToToday?: () => void;\n clear?: () => void;\n};\n\nconst sanitize = (value: string) => value.replace(/[^\\d]/g, '').substring(0, 2);\nconst validateHours = (value?: string) => Number(value) >= 0 && Number(value) <= 12;\nconst validateMinutes = (value?: string) => Number(value) >= 0 && Number(value) < 60;\nconst validateSeconds = validateMinutes;\n\nconst getOffsetFromDayStart = (date: Date) => {\n return date.getTime() - moment(date).startOf('day').toDate().getTime();\n};\n\nconst formatTimePart = (part?: string \| number) =>\n part !== undefined ? padStart(String(part), 2, '0') : '';\n\nconst getPartOfDay = (date: Date) => {\n return getOffsetFromDayStart(date) >= HalfOfDayMs ? 'pm' : 'am';\n};\n\nconst getActualHours = (sanitized: string) => (sanitized === '12' ? '00' : sanitized);\n\nexport const TimePicker = ({\n value,\n onChange,\n minDate,\n maxDate,\n saveTime,\n goToToday,\n clear,\n}: TimePickerProps) => {\n const disabled = !value;\n\n const hoursInputRef = useRef<HTMLInputElement>(null);\n const minutesInputRef = useRef<HTMLInputElement>(null);\n const secondsInputRef = useRef<HTMLInputElement>(null);\n\n const focusedInputRef = useRef<HTMLInputElement>();\n\n const timeParts = useMemo(() => {\n const partOfDay = value ? getPartOfDay(value) : undefined;\n\n const hourOffset = partOfDay === 'pm' ? 12 : 0;\n\n const hours = value ? value.getHours() - hourOffset : undefined;\n\n const hoursAmPm = hours !== undefined && hours === 0 ? 12 : hours;\n\n return {\n hours: formatTimePart(hoursAmPm),\n minutes: formatTimePart(value?.getMinutes()),\n seconds: formatTimePart(value?.getSeconds()),\n partOfDay,\n };\n }, [value]);\n\n const [hours, setHours] = useState(timeParts.hours);\n const [minutes, setMinutes] = useState(timeParts.minutes);\n const [seconds, setSeconds] = useState(timeParts.seconds);\n\n useEffect(() => {\n if (focusedInputRef.current !== hoursInputRef.current) {\n setHours(timeParts.hours);\n }\n if (focusedInputRef.current !== minutesInputRef.current) {\n setMinutes(timeParts.minutes);\n }\n if (focusedInputRef.current !== secondsInputRef.current) {\n setSeconds(timeParts.seconds);\n }\n }, [timeParts.hours, timeParts.minutes, timeParts.seconds]);\n\n const constraintText = useMemo(() => {\n const minValue = isSameDay(minDate, value) && moment(minDate).format('hh:mm:ss A');\n const maxValue = isSameDay(maxDate, value) && moment(maxDate).format('hh:mm:ss A');\n\n if (minValue && maxValue) {\n return `In ${minValue} - ${maxValue} range`;\n } else if (minValue) {\n return `Can’t be earlier than ${minValue}`;\n } else if (maxValue) {\n return `Can’t be later than ${maxValue}`;\n }\n return undefined;\n }, [maxDate, minDate, value]);\n\n const amPmOptions = useMemo(\n () =>\n ToggleButtonsOptions.map(item => {\n const isAmDisabled =\n item.value === 'am' &&\n !!minDate &&\n isSameDay(value, minDate) &&\n getOffsetFromDayStart(minDate) >= HalfOfDayMs;\n\n const isPmDisabled =\n item.value === 'pm' &&\n !!maxDate &&\n isSameDay(value, maxDate) &&\n getOffsetFromDayStart(maxDate) < HalfOfDayMs;\n\n return { ...item, disabled: disabled \|\| isAmDisabled \|\| isPmDisabled };\n }),\n [disabled, maxDate, minDate, value]\n );\n\n const updateValue = useCallback(\n (type: 'hours' \| 'minutes' \| 'seconds' \| 'partOfDay', newValue: string) => {\n if (!value) {\n return;\n }\n\n const newDate = new Date(value);\n\n if (type === 'hours' && validateHours(newValue)) {\n const partOfDayOffset = timeParts.partOfDay === 'pm' ? 12 : 0;\n newDate.setHours(partOfDayOffset + Number(newValue));\n } else if (type === 'minutes' && validateMinutes(newValue)) {\n newDate.setMinutes(Number(newValue));\n } else if (type === 'seconds' && validateSeconds(newValue)) {\n newDate.setSeconds(Number(newValue));\n } else if (type === 'partOfDay' && (newValue === 'am' \|\| newValue === 'pm')) {\n const hoursOffset = newDate.getHours() % 12;\n newDate.setHours((newValue === 'pm' ? 12 : 0) + hoursOffset);\n }\n\n if (Math.floor(newDate.getTime() / 1000) !== Math.floor(value.getTime() / 1000)) {\n onChange(newDate);\n }\n },\n [timeParts.partOfDay, onChange, value]\n );\n\n const onFieldFocus = useCallback<FocusEventHandler<HTMLInputElement>>(e => {\n e.target.select();\n focusedInputRef.current = e.target;\n }, []);\n\n const onFieldBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n e => {\n const fieldValue = sanitize(e.target.value);\n\n if (e.target === hoursInputRef.current) {\n const actualHours = getActualHours(fieldValue);\n const newHours = validateHours(actualHours) ? formatTimePart(actualHours) : timeParts.hours;\n setHours(newHours);\n updateValue('hours', newHours);\n }\n if (e.target === minutesInputRef.current) {\n const newMinutes = validateMinutes(fieldValue)\n ? formatTimePart(fieldValue)\n : timeParts.minutes;\n setMinutes(newMinutes);\n updateValue('minutes', newMinutes);\n }\n if (e.target === secondsInputRef.current) {\n const newSeconds = validateSeconds(fieldValue)\n ? formatTimePart(fieldValue)\n : timeParts.seconds;\n setSeconds(newSeconds);\n updateValue('seconds', newSeconds);\n }\n\n focusedInputRef.current = undefined;\n },\n [timeParts.hours, timeParts.minutes, timeParts.seconds, updateValue]\n );\n\n const onChangeHours = useCallback(\n (newValue: string) => {\n const sanitized = sanitize(newValue);\n const actualHours = getActualHours(sanitized);\n setHours(sanitized);\n if (sanitized.length === 2 && validateHours(sanitized)) {\n updateValue('hours', actualHours);\n minutesInputRef.current?.focus();\n }\n },\n [updateValue]\n );\n\n const onChangeMinutes = useCallback(\n (newValue: string) => {\n const sanitized = sanitize(newValue);\n setMinutes(sanitized);\n if (sanitized.length === 2 && validateMinutes(sanitized)) {\n updateValue('minutes', sanitized);\n secondsInputRef.current?.focus();\n }\n },\n [updateValue]\n );\n\n const onChangeSeconds = useCallback(\n (newValue: string) => {\n const sanitized = sanitize(newValue);\n setSeconds(sanitized);\n if (validateSeconds(sanitized)) {\n updateValue('seconds', sanitized);\n }\n },\n [updateValue]\n );\n\n const setPartOfDay = useCallback(\n (newValue: string) => {\n updateValue('partOfDay', newValue);\n },\n [updateValue]\n );\n\n const outOfBounds =\n Number(value?.getTime()) > Number(maxDate?.getTime()) \|\|\n Number(value?.getTime()) < Number(minDate?.getTime());\n\n const hoursInvalid = !validateHours(hours) \|\| outOfBounds;\n const minutesInvalid = !validateMinutes(minutes) \|\| outOfBounds;\n const secondsInvalid = !validateSeconds(seconds) \|\| outOfBounds;\n\n return (\n <>\n <div className={classNames(styles.timePicker)}>\n <Text className={styles.header} size={14}>\n <span className={classNames(styles.headerText, disabled && styles.disabled)}>Time</span>\n {constraintText && (\n <>\n <InfoIcon className={styles.constraintIcon} size={16} />\n {constraintText}\n </>\n )}\n </Text>\n\n <TextInputNext\n placeholder=\"HH\"\n className={styles.input}\n disabled={disabled}\n value={hours}\n onChange={onChangeHours}\n status={hoursInvalid ? 'error' : undefined}\n inputRef={hoursInputRef}\n onFocus={onFieldFocus}\n onBlur={onFieldBlur}\n />\n\n <Text color=\"T9\" size={14}>\n :\n </Text>\n\n <TextInputNext\n placeholder=\"MM\"\n className={styles.input}\n disabled={disabled}\n value={minutes}\n onChange={onChangeMinutes}\n status={minutesInvalid ? 'error' : undefined}\n inputRef={minutesInputRef}\n onFocus={onFieldFocus}\n onBlur={onFieldBlur}\n />\n\n <Text color=\"T9\" size={14}>\n :\n </Text>\n\n <TextInputNext\n placeholder=\"SS\"\n className={styles.input}\n disabled={disabled}\n value={seconds}\n onChange={onChangeSeconds}\n status={secondsInvalid ? 'error' : undefined}\n inputRef={secondsInputRef}\n onFocus={onFieldFocus}\n onBlur={onFieldBlur}\n />\n\n <ToggleButtons\n options={amPmOptions}\n className={styles.tabs}\n size=\"small\"\n value={timeParts.partOfDay}\n onChange={setPartOfDay}\n />\n </div>\n <div className={styles.footer}>\n {goToToday && (\n <Button onClick={goToToday} type=\"tertiary\" size=\"small\">\n Today\n </Button>\n )}\n\n <div className={styles.actions}>\n {clear && (\n <Button onClick={clear} type=\"tertiary\" size=\"small\" disabled={!value}>\n Clear\n </Button>\n )}\n\n <Button\n onClick={saveTime}\n type=\"secondary\"\n size=\"small\"\n disabled={!value \|\| hoursInvalid \|\| minutesInvalid \|\| secondsInvalid}\n >\n Save\n </Button>\n </div>\n </div>\n </>\n );\n};\n"],"names":["ToggleButtonsOptions","value","label","sanitize","replace","substring","validateHours","Number","validateMinutes","validateSeconds","getOffsetFromDayStart","date","getTime","moment","startOf","toDate","formatTimePart","part","undefined","padStart","String","getActualHours","sanitized","TimePicker","_ref","onChange","minDate","maxDate","saveTime","goToToday","clear","disabled","hoursInputRef","useRef","minutesInputRef","secondsInputRef","focusedInputRef","timeParts","useMemo","partOfDay","hourOffset","hours","getHours","minutes","getMinutes","seconds","getSeconds","_useState","useState","_useState2","_slicedToArray","setHours","_useState3","_useState4","setMinutes","_useState5","_useState6","setSeconds","useEffect","current","constraintText","minValue","isSameDay","format","maxValue","concat","amPmOptions","map","item","isAmDisabled","isPmDisabled","_objectSpread","updateValue","useCallback","type","newValue","newDate","Date","partOfDayOffset","hoursOffset","Math","floor","onFieldFocus","e","target","select","onFieldBlur","fieldValue","actualHours","newHours","newMinutes","newSeconds","onChangeHours","_minutesInputRef$curr","length","focus","onChangeMinutes","_secondsInputRef$curr","onChangeSeconds","setPartOfDay","outOfBounds","hoursInvalid","minutesInvalid","secondsInvalid","_jsxs","_Fragment","children","className","classNames","styles","timePicker","Text","header","size","_jsx","headerText","InfoIcon","constraintIcon","TextInputNext","placeholder","input","status","inputRef","onFocus","onBlur","color","ToggleButtons","options","tabs","footer","Button","onClick","actions"],"mappings":"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"}

package/componentsV2/DragHandle/DragHandle.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}from"react";import{ButtonIcon as i}from"../ButtonIcon/ButtonIcon.js";import{DragIcon as n}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/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{jsx as t}from"react/jsx-runtime";var r=["size"];function m(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 e(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?m(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var p=c((function(o,c){var m=o.size,p=void 0===m?"medium":m,u=s(o,r);return t(i,e(e({},u),{},{size:p,type:"tertiaryBg",disableFocusState:!0,ref:c,children:t(n,{})}))}));export{p as DragHandle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import{ButtonIcon as i}from"../ButtonIcon/ButtonIcon.js";import{DragIcon as n}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{jsx as t}from"react/jsx-runtime";var r=["size"];function m(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 e(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?m(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var p=c((function(o,c){var m=o.size,p=void 0===m?"medium":m,u=s(o,r);return t(i,e(e({},u),{},{size:p,type:"tertiaryBg",disableFocusState:!0,ref:c,children:t(n,{})}))}));export{p as DragHandle};
 //# sourceMappingURL=DragHandle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DragHandle.js","sources":["../../../src/componentsV2/DragHandle/DragHandle.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ButtonIcon, ButtonIconProps } from '../ButtonIcon';\nimport { DragIcon } from '../../icons';\nimport { InferComponentRefType } from '../types';\n\nexport type DragHandleProps = {\n onClick?: ButtonIconProps['onClick'];\n onMouseDown?: ButtonIconProps['onMouseDown'];\n onMouseUp?: ButtonIconProps['onMouseUp'];\n size?: ButtonIconProps['size'];\n disabled?: ButtonIconProps['disabled'];\n\n className?: string;\n testId?: string;\n};\n\nexport const DragHandle = forwardRef<InferComponentRefType<typeof ButtonIcon>, DragHandleProps>(\n ({ size = 'medium', ...rest }, ref) => {\n return (\n <ButtonIcon {...rest} size={size} type=\"tertiaryBg\" disableFocusState ref={ref}>\n <DragIcon />\n </ButtonIcon>\n );\n }\n);\n"],"names":["DragHandle","forwardRef","_ref","ref","_ref$size","size","rest","_objectWithoutProperties","_excluded","_jsx","ButtonIcon","_objectSpread","type","disableFocusState","children","DragIcon"],"mappings":"~~4jJAiBaA~~,EAAaC,GACxB,SAAAC,EAA+BC,GAAQ,IAAAC,EAAAF,EAApCG,KAAAA,aAAO,SAAQD,EAAKE,EAAIC,EAAAL,EAAAM,GACzB,OACEC,EAACC,EAAUC,EAAAA,EAAA,GAAKL,GAAI,GAAA,CAAED,KAAMA,EAAMO,KAAK,aAAaC,mBAAiB,EAACV,IAAKA,EAAIW,SAC7EL,EAACM,EAAQ,MAGf"}
1	+ {"version":3,"file":"DragHandle.js","sources":["../../../src/componentsV2/DragHandle/DragHandle.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ButtonIcon, ButtonIconProps } from '../ButtonIcon';\nimport { DragIcon } from '../../icons';\nimport { InferComponentRefType } from '../types';\n\nexport type DragHandleProps = {\n onClick?: ButtonIconProps['onClick'];\n onMouseDown?: ButtonIconProps['onMouseDown'];\n onMouseUp?: ButtonIconProps['onMouseUp'];\n size?: ButtonIconProps['size'];\n disabled?: ButtonIconProps['disabled'];\n\n className?: string;\n testId?: string;\n};\n\nexport const DragHandle = forwardRef<InferComponentRefType<typeof ButtonIcon>, DragHandleProps>(\n ({ size = 'medium', ...rest }, ref) => {\n return (\n <ButtonIcon {...rest} size={size} type=\"tertiaryBg\" disableFocusState ref={ref}>\n <DragIcon />\n </ButtonIcon>\n );\n }\n);\n"],"names":["DragHandle","forwardRef","_ref","ref","_ref$size","size","rest","_objectWithoutProperties","_excluded","_jsx","ButtonIcon","_objectSpread","type","disableFocusState","children","DragIcon"],"mappings":"mqJAiBaA,EAAaC,GACxB,SAAAC,EAA+BC,GAAQ,IAAAC,EAAAF,EAApCG,KAAAA,aAAO,SAAQD,EAAKE,EAAIC,EAAAL,EAAAM,GACzB,OACEC,EAACC,EAAUC,EAAAA,EAAA,GAAKL,GAAI,GAAA,CAAED,KAAMA,EAAMO,KAAK,aAAaC,mBAAiB,EAACV,IAAKA,EAAIW,SAC7EL,EAACM,EAAQ,MAGf"}

package/componentsV2/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{Text as i}from"../Text/Text.js";import{Button as n}from"../Button/Button.js";import{parseAccept as t,formatDescription as r}from"./utils.js";import e from"./FilesDropzone.scss.js";import{FileAdditionOne 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{CautionFilledCustomIcon as p}from"../../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/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{jsxs as u,jsx as a,Fragment as l}from"react/jsx-runtime";function j(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 I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,h=o.accept,b=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,F=o.error,g=o.disabled,P=o.testId,v=t(h),y=v.mimetypes,D=v.extensions,x=y.length||D.length?I({"*/*":D},Object.fromEntries(y.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:b,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:g}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,O),"data-testid":P,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,g&&e.disabled,k&&e.active),children:[a("input",I({},T())),d||u(l,{children:[a(m,{size:24,className:e.icon}),a(i,{size:14,color:g?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:g,className:e.uploadButton,children:"Choose file"})]})]})),!F&&z&&a(i,{size:14,color:g?"T9":"T6",className:e.description,children:z}),F&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),F]})]})};export{d as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{Text as i}from"../Text/Text.js";import{Button as n}from"../Button/Button.js";import{parseAccept as t,formatDescription as r}from"./utils.js";import e from"./FilesDropzone.scss.js";import{FileAdditionOne 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{CautionFilledCustomIcon as p}from"../../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{jsxs as u,jsx as a,Fragment as l}from"react/jsx-runtime";function j(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 I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,O=o.accept,h=o.onDrop,b=o.className,f=o.maxFiles,C=o.maxSize,P=o.error,F=o.disabled,g=o.testId,v=t(O),y=v.mimetypes,D=v.extensions,x=y.length||D.length?I({"*/*":D},Object.fromEntries(y.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:F}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,b),"data-testid":g,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,F&&e.disabled,k&&e.active),children:[a("input",I({},T())),d||u(l,{children:[a(m,{size:24,className:e.icon}),a(i,{size:14,color:F?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:F,className:e.uploadButton,children:"Choose file"})]})]})),!P&&z&&a(i,{size:14,color:F?"T9":"T6",className:e.description,children:z}),P&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),P]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesDropzone.js","sources":["../../../src/componentsV2/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\n\nimport { formatDescription, parseAccept } from './utils';\n\nimport styles from './FilesDropzone.scss';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Component content\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n disabled?: boolean;\n\n error?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const FilesDropzone = ({\n multiple,\n children,\n accept,\n onDrop,\n className,\n maxFiles,\n maxSize,\n error,\n disabled,\n testId,\n}: FilesDropzoneProps) => {\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.dropzone,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Text size={14} color={disabled ? 'T9' : 'T6'}>\n Drag & Drop your file here or\n </Text>\n <Button\n type=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!error && description && (\n <Text size={14} color={disabled ? 'T9' : 'T6'} className={styles.description}>\n {description}\n </Text>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","_ref","multiple","children","accept","onDrop","className","maxFiles","maxSize","error","disabled","testId","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","styles","root","dropzone","active","_jsx","_Fragment","FileAdditionOne","size","icon","Text","color","Button","type","uploadButton","CautionFilledCustomIcon"],"mappings":"~~ktJA0DaA~~,IAAAA,EAAgB,SAWHC,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAYR,GAAtCS,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYN,GAElDiB,EAAsDC,EAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAA,MAAA,CAAKxB,UAAWyB,EAAWC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,eAAWR,MACVzB,GACC2B,EAAAO,EAAA,CAAAlC,SAAA,CACEiC,EAACE,EAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,EAACO,EAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAACW,EAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,EAACU,EAAuB,CAACP,KAAM,KAC9B9B,OAKX"}
1	+ {"version":3,"file":"FilesDropzone.js","sources":["../../../src/componentsV2/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport { Text } from '../Text';\nimport { Button } from '../Button';\n\nimport { formatDescription, parseAccept } from './utils';\n\nimport styles from './FilesDropzone.scss';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\n\nexport type FilesDropzoneProps = {\n /*\n Handles file drop\n /\n onDrop?: DropzoneOptions['onDrop'];\n\n /\n Component content\n /\n children?: ReactNode;\n\n /\n Controls if dropzone accepts multiple files\n /\n multiple?: boolean;\n\n /\n Array of or comma-separated MIME types/File Extensions to accept\n \n NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n * file extensions will be shown below the dropzone in the description\n \n Example:<br/>\n * `.xsl,image/,.csv`<br/>\n Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n /\n accept?: string[] \| string;\n\n /\n Maximum files to accept\n /\n maxFiles?: number;\n\n /\n Maximum file size to accept\n /\n maxSize?: number;\n disabled?: boolean;\n\n error?: ReactNode;\n\n className?: string;\n testId?: string;\n};\n\nexport const FilesDropzone = ({\n multiple,\n children,\n accept,\n onDrop,\n className,\n maxFiles,\n maxSize,\n error,\n disabled,\n testId,\n}: FilesDropzoneProps) => {\n const { mimetypes, extensions } = parseAccept(accept);\n\n const acceptObject: Accept \| undefined =\n mimetypes.length \|\| extensions.length\n ? {\n '/*': extensions,\n ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n }\n : undefined;\n\n const description = formatDescription(extensions, maxSize);\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n multiple,\n accept: acceptObject,\n maxFiles,\n maxSize,\n disabled,\n });\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n <div\n {...getRootProps()}\n className={classNames(\n styles.dropzone,\n disabled && styles.disabled,\n isDragActive && styles.active\n )}\n >\n <input {...getInputProps()} />\n {children \|\| (\n <>\n <FileAdditionOne size={24} className={styles.icon} />\n <Text size={14} color={disabled ? 'T9' : 'T6'}>\n Drag & Drop your file here or\n </Text>\n <Button\n type=\"tertiary\"\n size=\"small\"\n disabled={disabled}\n className={styles.uploadButton}\n >\n Choose file\n </Button>\n </>\n )}\n </div>\n\n {!error && description && (\n <Text size={14} color={disabled ? 'T9' : 'T6'} className={styles.description}>\n {description}\n </Text>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n );\n};\n"],"names":["FilesDropzone","_ref","multiple","children","accept","onDrop","className","maxFiles","maxSize","error","disabled","testId","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","styles","root","dropzone","active","_jsx","_Fragment","FileAdditionOne","size","icon","Text","color","Button","type","uploadButton","CautionFilledCustomIcon"],"mappings":"yzJA0DaA,IAAAA,EAAgB,SAWHC,GAAA,IAVxBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,OAEkCC,EAAAA,EAAYR,GAAtCS,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYN,GAElDiB,EAAsDC,EAAY,CAChErB,OAAAA,EACAH,SAAAA,EACAE,OAAQW,EACRR,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMiB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aASrC,OACEC,EAAA,MAAA,CAAKxB,UAAWyB,EAAWC,EAAOC,KAAM3B,GAAY,cAAaK,EAAOR,SACtE,CAAA2B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBrB,UAAWyB,EACTC,EAAOE,SACPxB,GAAYsB,EAAOtB,SACnBmB,GAAgBG,EAAOG,QACvBhC,SAAA,CAEFiC,eAAWR,MACVzB,GACC2B,EAAAO,EAAA,CAAAlC,SAAA,CACEiC,EAACE,EAAe,CAACC,KAAM,GAAIjC,UAAW0B,EAAOQ,OAC7CJ,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAKP,SAAA,kCAG9CiC,EAACO,EAAM,CACLC,KAAK,WACLL,KAAK,QACL7B,SAAUA,EACVJ,UAAW0B,EAAOa,aAAa1C,SAAA,wBAQrCM,GAASc,GACTa,EAACK,EAAI,CAACF,KAAM,GAAIG,MAAOhC,EAAW,KAAO,KAAMJ,UAAW0B,EAAOT,YAAYpB,SAC1EoB,IAIJd,GACCqB,EAACW,EAAI,CAACF,KAAM,GAAIjC,UAAW0B,EAAOvB,MAAMN,SAAA,CACtCiC,EAACU,EAAuB,CAACP,KAAM,KAC9B9B,OAKX"}