npm - @corva/ui - Versions diffs - 3.75.0-10 → 3.75.0-11 - Mend

@corva/ui 3.75.0-10 → 3.75.0-11

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

package/componentsV2/Counter/Counter.js CHANGED Viewed

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/toConsumableArray";import{forwardRef as c,useState as n,useCallback as i}from"react";import t from"moment";import{TextInputNext as r}from"../../TextInputNext/TextInputNext.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{getMinDate as e,getMaxDate as u,FallbackInputFormats as p,getDefaultFormat as a}from"../utils.js";import{CalendarThreeIcon as l}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as I}from"react/jsx-runtime";var j=function(o,s){return(Array.isArray(o)?o:[o]).filter((function(o){return!!o})).map((function(o){return t(o).format(s)})).join(" - ")},d=function(o,c,n){var i=t(o,[c].concat(s(p[n]||[])),!0);return i.isValid()?i.toDate():void 0},f=c((function(s,c){var t=s.value,p=s.label,f=s.open,C=s.className,h=s.testId,b=s.format,v=s.placeholder,O=s.range,F=s.readOnly,x=s.type,A=s.setValue,g=s.focusOnClear,y=s.labelPlacement,P=s.size,N=s.elementsClassNames,k=s.isNext,M=s.isOpen,T=s.clearable,D=b||a(x,O),R=n(j(t,D)),S=o(R,2),z=S[0],B=S[1],E=n(t),G=o(E,2),U=G[0],L=G[1];U!==t&&(B(j(t,D)),L(t));var q=i((function(o){if(""===o.trim())return null==A||A(void 0),void B("");if(B(o),O){var s=o.split(/[-–—]/).map((function(o){return d(o.trim(),D,x)})).filter((function(o){return!!o}));if(2===s.length){var c=e(s[0],s[1]),n=u(s[0],s[1]);c&&n&&(null==A||A([c,n]))}}else{var i=d(o,D,x);i&&(null==A||A(i))}}),[D,O,A,x]),V=i((function(){B(j(t,D))}),[t,D]),W=i((function(){null==A||A(void 0),B("")}),[A]);return k?I(r,{value:z,inputContainerRef:c,label:p,onFocus:f,onBlur:V,className:C,testId:h,suffix:I(l,{}),placeholder:v,onChange:q,readOnly:F,clearable:T,focusOnClear:g,labelPlacement:y,size:P,elementsClassNames:N}):I(m,{value:z,ref:c,label:p,onFocus:f,onBlur:V,forceLabelShrink:M,className:C,testId:h,suffix:I(l,{}),placeholder:v,onChange:q,readOnly:F,onClear:T?W:void 0,focusOnClear:g})}));export{f as Input};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/toConsumableArray";import{forwardRef as c,useState as n,useCallback as i}from"react";import t from"moment";import{TextInputNext as r}from"../../TextInputNext/TextInputNext.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{getMinDate as e,getMaxDate as u,FallbackInputFormats as p,getDefaultFormat as l}from"../utils.js";import{CalendarThreeIcon as a}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 I}from"react/jsx-runtime";var j=function(o,s){return(Array.isArray(o)?o:[o]).filter((function(o){return!!o})).map((function(o){return t(o).format(s)})).join(" - ")},d=function(o,c,n){var i=t(o,[c].concat(s(p[n]||[])),!0);return i.isValid()?i.toDate():void 0},f=c((function(s,c){var t=s.value,p=s.label,f=s.open,C=s.className,h=s.testId,b=s.format,v=s.placeholder,O=s.range,F=s.readOnly,x=s.type,A=s.setValue,g=s.focusOnClear,y=s.labelPlacement,P=s.size,N=s.elementsClassNames,k=s.isNext,M=s.isOpen,T=s.clearable,D=b||l(x,O),R=n(j(t,D)),S=o(R,2),z=S[0],B=S[1],E=n(t),G=o(E,2),U=G[0],L=G[1];U!==t&&(B(j(t,D)),L(t));var q=i((function(o){if(""===o.trim())return null==A||A(void 0),void B("");if(B(o),O){var s=o.split(/[-–—]/).map((function(o){return d(o.trim(),D,x)})).filter((function(o){return!!o}));if(2===s.length){var c=e(s[0],s[1]),n=u(s[0],s[1]);c&&n&&(null==A||A([c,n]))}}else{var i=d(o,D,x);i&&(null==A||A(i))}}),[D,O,A,x]),V=i((function(){B(j(t,D))}),[t,D]),W=i((function(){null==A||A(void 0),B("")}),[A]);return k?I(r,{value:z,inputContainerRef:c,label:p,onFocus:f,onBlur:V,className:C,testId:h,suffix:I(a,{}),placeholder:v,onChange:q,readOnly:F,clearable:T,focusOnClear:g,labelPlacement:y,size:P,elementsClassNames:N}):I(m,{value:z,ref:c,label:p,onFocus:f,onBlur:V,forceLabelShrink:M,className:C,testId:h,suffix:I(a,{}),placeholder:v,onChange:q,readOnly:F,onClear:T?W:void 0,focusOnClear:g})}));export{f 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 { forwardRef, ReactNode, useCallback, useState } from 'react';\nimport moment from 'moment';\n\nimport { TextInputNext, TextInputNextProps } from '../../TextInputNext';\nimport { TextInput } from '../../TextInput';\nimport {\n DatePickerChangeHandler,\n DatePickerType,\n FallbackInputFormats,\n getDefaultFormat,\n getMaxDate,\n getMinDate,\n} from '../utils';\n\nimport { CalendarThreeIcon } from '~/icons';\n\nexport type InputProps = {\n value?: Date \| [Date, Date];\n setValue?: (value: Date \| [Date, Date] \| undefined) => void;\n label?: ReactNode;\n placeholder?: string;\n open: () => void;\n type: DatePickerType;\n format?: string;\n range?: boolean;\n readOnly?: boolean;\n focusOnClear?: boolean;\n labelPlacement?: TextInputNextProps['labelPlacement'];\n size?: TextInputNextProps['size'];\n elementsClassNames?: TextInputNextProps['elementsClassNames'];\n clearable?: TextInputNextProps['clearable'];\n\n className?: string;\n testId?: string;\n\n // Remove when next becomes baseline\n isOpen: boolean;\n isNext: boolean;\n};\n\nconst formatValue = (value: Date \| [Date, Date] \| undefined, format: string) =>\n (Array.isArray(value) ? value : [value])\n .filter(item => !!item)\n .map(item => moment(item).format(format))\n .join(' - ');\n\nconst parseStringDate = (value: string, format: string, type: DatePickerType) => {\n const parsedMoment = moment(value, [format, ...(FallbackInputFormats[type] \|\| [])], true);\n\n return parsedMoment.isValid() ? parsedMoment.toDate() : undefined;\n};\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(\n (\n {\n value,\n label,\n open,\n className,\n testId,\n format,\n placeholder,\n range,\n readOnly,\n type,\n setValue,\n focusOnClear,\n labelPlacement,\n size,\n elementsClassNames,\n isNext,\n isOpen,\n clearable,\n },\n ref\n ) => {\n const actualFormat = format \|\| getDefaultFormat(type, range);\n const [inputValue, setInputValue] = useState(formatValue(value, actualFormat));\n const [prevValue, setPrevValue] = useState(value);\n\n // Value changed - reconstructing input value\n if (prevValue !== value) {\n setInputValue(formatValue(value, actualFormat));\n setPrevValue(value);\n }\n\n const onChange = useCallback(\n (newValue: string) => {\n if (newValue.trim() === '') {\n setValue?.(undefined);\n setInputValue('');\n return;\n }\n\n setInputValue(newValue);\n if (range) {\n // Splitting by hyphen, or en dash, or em dash\n const dateParts = newValue\n .split(/[-–—]/)\n .map(part => parseStringDate(part.trim(), actualFormat, type))\n .filter(part => !!part);\n\n if (dateParts.length === 2) {\n const minDate = getMinDate(dateParts[0], dateParts[1]);\n const maxDate = getMaxDate(dateParts[0], dateParts[1]);\n\n if (minDate && maxDate) {\n (setValue as DatePickerChangeHandler<true>)?.([minDate, maxDate]);\n }\n }\n } else {\n const maybeDate = parseStringDate(newValue, actualFormat, type);\n\n if (maybeDate) {\n (setValue as DatePickerChangeHandler<false>)?.(maybeDate);\n }\n }\n },\n [actualFormat, range, setValue, type]\n );\n\n const onBlur = useCallback(() => {\n setInputValue(formatValue(value, actualFormat));\n }, [value, actualFormat]);\n\n const onClear = useCallback(() => {\n setValue?.(undefined);\n setInputValue('');\n }, [setValue]);\n\n if (isNext) {\n return (\n <TextInputNext\n value={inputValue}\n inputContainerRef={ref}\n label={label}\n onFocus={open}\n onBlur={onBlur}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n clearable={clearable}\n focusOnClear={focusOnClear}\n labelPlacement={labelPlacement}\n size={size}\n elementsClassNames={elementsClassNames}\n />\n );\n }\n\n return (\n <TextInput\n value={inputValue}\n ref={ref as never}\n label={label}\n onFocus={open}\n onBlur={onBlur}\n forceLabelShrink={isOpen}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n onClear={clearable ? onClear : undefined}\n focusOnClear={focusOnClear}\n />\n );\n }\n);\n"],"names":["formatValue","value","format","Array","isArray","filter","item","map","moment","join","parseStringDate","type","parsedMoment","concat","_toConsumableArray","FallbackInputFormats","isValid","toDate","undefined","Input","forwardRef","_ref","ref","label","open","className","testId","placeholder","range","readOnly","setValue","focusOnClear","labelPlacement","size","elementsClassNames","isNext","isOpen","clearable","actualFormat","getDefaultFormat","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","prevValue","setPrevValue","onChange","useCallback","newValue","trim","dateParts","split","part","length","minDate","getMinDate","maxDate","getMaxDate","maybeDate","onBlur","onClear","_jsx","TextInputNext","inputContainerRef","onFocus","suffix","CalendarThreeIcon","TextInput","forceLabelShrink"],"mappings":"~~6zIAwCA~~,IAAMA,EAAc,SAACC,EAAwCC,GAAc,OACxEC,MAAMC,QAAQH,GAASA,EAAQ,CAACA,IAC9BI,QAAO,SAAAC,GAAI,QAAMA,CAAI,IACrBC,KAAI,SAAAD,GAAI,OAAIE,EAAOF,GAAMJ,OAAOA,EAAO,IACvCO,KAAK,MAAM,EAEVC,EAAkB,SAACT,EAAeC,EAAgBS,GACtD,IAAMC,EAAeJ,EAAOP,GAAQC,GAAMW,OAAAC,EAAMC,EAAqBJ,IAAS,MAAM,GAEpF,OAAOC,EAAaI,UAAYJ,EAAaK,cAAWC,CAC1D,EAEaC,EAAQC,GACnB,SAAAC,EAqBEC,GACG,IApBDrB,IAAAA,MACAsB,IAAAA,MACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,OACAxB,IAAAA,OACAyB,IAAAA,YACAC,IAAAA,MACAC,IAAAA,SACAlB,IAAAA,KACAmB,IAAAA,SACAC,IAAAA,aACAC,IAAAA,eACAC,IAAAA,KACAC,IAAAA,mBACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UAIIC,EAAepC,GAAUqC,EAAiB5B,EAAMiB,GAClBY,EAAAA,EAASxC,EAAYC,EAAOqC,IAAcG,EAAAC,EAAAC,EAAA,GAAvEC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GACED,EAAAA,EAASvC,GAAM6C,EAAAJ,EAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAG1BE,IAAc/C,IAChB4C,EAAc7C,EAAYC,EAAOqC,IACjCW,EAAahD,IAGf,IAAMiD,EAAWC,GACf,SAACC,GACC,GAAwB,KAApBA,EAASC,OAGX,OAFAvB,SAAAA,OAAWZ,QACX2B,EAAc,IAKhB,GADAA,EAAcO,GACVxB,EAAO,CAET,IAAM0B,EAAYF,EACfG,MAAM,SACNhD,KAAI,SAAAiD,GAAI,OAAI9C,EAAgB8C,EAAKH,OAAQf,EAAc3B,EAAK,IAC5DN,QAAO,SAAAmD,GAAI,QAAMA,KAEpB,GAAyB,IAArBF,EAAUG,OAAc,CAC1B,IAAMC,EAAUC,EAAWL,EAAU,GAAIA,EAAU,IAC7CM,EAAUC,EAAWP,EAAU,GAAIA,EAAU,IAE/CI,GAAWE,IACZ9B,SAAAA,EAA6C,CAAC4B,EAASE,IAE5D,CACF,KAAO,CACL,IAAME,EAAYpD,EAAgB0C,EAAUd,EAAc3B,GAEtDmD,IACDhC,SAAAA,EAA8CgC,GAEnD,CACD,GACD,CAACxB,EAAcV,EAAOE,EAAUnB,IAG5BoD,EAASZ,GAAY,WACzBN,EAAc7C,EAAYC,EAAOqC,GACnC,GAAG,CAACrC,EAAOqC,IAEL0B,EAAUb,GAAY,WAC1BrB,SAAAA,OAAWZ,GACX2B,EAAc,GAChB,GAAG,CAACf,IAEJ,OAAIK,EAEA8B,EAACC,EAAa,CACZjE,MAAO2C,EACPuB,kBAAmB7C,EACnBC,MAAOA,EACP6C,QAAS5C,EACTuC,OAAQA,EACRtC,UAAWA,EACXC,OAAQA,EACR2C,OAAQJ,EAACK,EAAqB,IAC9B3C,YAAaA,EACbuB,SAAUA,EACVrB,SAAUA,EACVQ,UAAWA,EACXN,aAAcA,EACdC,eAAgBA,EAChBC,KAAMA,EACNC,mBAAoBA,IAMxB+B,EAACM,EAAS,CACRtE,MAAO2C,EACPtB,IAAKA,EACLC,MAAOA,EACP6C,QAAS5C,EACTuC,OAAQA,EACRS,iBAAkBpC,EAClBX,UAAWA,EACXC,OAAQA,EACR2C,OAAQJ,EAACK,EAAqB,IAC9B3C,YAAaA,EACbuB,SAAUA,EACVrB,SAAUA,EACVmC,QAAS3B,EAAY2B,OAAU9C,EAC/Ba,aAAcA,GAGpB"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/componentsV2/DatePicker/Input/Input.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useState } from 'react';\nimport moment from 'moment';\n\nimport { TextInputNext, TextInputNextProps } from '../../TextInputNext';\nimport { TextInput } from '../../TextInput';\nimport {\n DatePickerChangeHandler,\n DatePickerType,\n FallbackInputFormats,\n getDefaultFormat,\n getMaxDate,\n getMinDate,\n} from '../utils';\n\nimport { CalendarThreeIcon } from '~/icons';\n\nexport type InputProps = {\n value?: Date \| [Date, Date];\n setValue?: (value: Date \| [Date, Date] \| undefined) => void;\n label?: ReactNode;\n placeholder?: string;\n open: () => void;\n type: DatePickerType;\n format?: string;\n range?: boolean;\n readOnly?: boolean;\n focusOnClear?: boolean;\n labelPlacement?: TextInputNextProps['labelPlacement'];\n size?: TextInputNextProps['size'];\n elementsClassNames?: TextInputNextProps['elementsClassNames'];\n clearable?: TextInputNextProps['clearable'];\n\n className?: string;\n testId?: string;\n\n // Remove when next becomes baseline\n isOpen: boolean;\n isNext: boolean;\n};\n\nconst formatValue = (value: Date \| [Date, Date] \| undefined, format: string) =>\n (Array.isArray(value) ? value : [value])\n .filter(item => !!item)\n .map(item => moment(item).format(format))\n .join(' - ');\n\nconst parseStringDate = (value: string, format: string, type: DatePickerType) => {\n const parsedMoment = moment(value, [format, ...(FallbackInputFormats[type] \|\| [])], true);\n\n return parsedMoment.isValid() ? parsedMoment.toDate() : undefined;\n};\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(\n (\n {\n value,\n label,\n open,\n className,\n testId,\n format,\n placeholder,\n range,\n readOnly,\n type,\n setValue,\n focusOnClear,\n labelPlacement,\n size,\n elementsClassNames,\n isNext,\n isOpen,\n clearable,\n },\n ref\n ) => {\n const actualFormat = format \|\| getDefaultFormat(type, range);\n const [inputValue, setInputValue] = useState(formatValue(value, actualFormat));\n const [prevValue, setPrevValue] = useState(value);\n\n // Value changed - reconstructing input value\n if (prevValue !== value) {\n setInputValue(formatValue(value, actualFormat));\n setPrevValue(value);\n }\n\n const onChange = useCallback(\n (newValue: string) => {\n if (newValue.trim() === '') {\n setValue?.(undefined);\n setInputValue('');\n return;\n }\n\n setInputValue(newValue);\n if (range) {\n // Splitting by hyphen, or en dash, or em dash\n const dateParts = newValue\n .split(/[-–—]/)\n .map(part => parseStringDate(part.trim(), actualFormat, type))\n .filter(part => !!part);\n\n if (dateParts.length === 2) {\n const minDate = getMinDate(dateParts[0], dateParts[1]);\n const maxDate = getMaxDate(dateParts[0], dateParts[1]);\n\n if (minDate && maxDate) {\n (setValue as DatePickerChangeHandler<true>)?.([minDate, maxDate]);\n }\n }\n } else {\n const maybeDate = parseStringDate(newValue, actualFormat, type);\n\n if (maybeDate) {\n (setValue as DatePickerChangeHandler<false>)?.(maybeDate);\n }\n }\n },\n [actualFormat, range, setValue, type]\n );\n\n const onBlur = useCallback(() => {\n setInputValue(formatValue(value, actualFormat));\n }, [value, actualFormat]);\n\n const onClear = useCallback(() => {\n setValue?.(undefined);\n setInputValue('');\n }, [setValue]);\n\n if (isNext) {\n return (\n <TextInputNext\n value={inputValue}\n inputContainerRef={ref}\n label={label}\n onFocus={open}\n onBlur={onBlur}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n clearable={clearable}\n focusOnClear={focusOnClear}\n labelPlacement={labelPlacement}\n size={size}\n elementsClassNames={elementsClassNames}\n />\n );\n }\n\n return (\n <TextInput\n value={inputValue}\n ref={ref as never}\n label={label}\n onFocus={open}\n onBlur={onBlur}\n forceLabelShrink={isOpen}\n className={className}\n testId={testId}\n suffix={<CalendarThreeIcon />}\n placeholder={placeholder}\n onChange={onChange}\n readOnly={readOnly}\n onClear={clearable ? onClear : undefined}\n focusOnClear={focusOnClear}\n />\n );\n }\n);\n"],"names":["formatValue","value","format","Array","isArray","filter","item","map","moment","join","parseStringDate","type","parsedMoment","concat","_toConsumableArray","FallbackInputFormats","isValid","toDate","undefined","Input","forwardRef","_ref","ref","label","open","className","testId","placeholder","range","readOnly","setValue","focusOnClear","labelPlacement","size","elementsClassNames","isNext","isOpen","clearable","actualFormat","getDefaultFormat","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","_useState4","_useState3","prevValue","setPrevValue","onChange","useCallback","newValue","trim","dateParts","split","part","length","minDate","getMinDate","maxDate","getMaxDate","maybeDate","onBlur","onClear","_jsx","TextInputNext","inputContainerRef","onFocus","suffix","CalendarThreeIcon","TextInput","forceLabelShrink"],"mappings":"66IAwCA,IAAMA,EAAc,SAACC,EAAwCC,GAAc,OACxEC,MAAMC,QAAQH,GAASA,EAAQ,CAACA,IAC9BI,QAAO,SAAAC,GAAI,QAAMA,CAAI,IACrBC,KAAI,SAAAD,GAAI,OAAIE,EAAOF,GAAMJ,OAAOA,EAAO,IACvCO,KAAK,MAAM,EAEVC,EAAkB,SAACT,EAAeC,EAAgBS,GACtD,IAAMC,EAAeJ,EAAOP,GAAQC,GAAMW,OAAAC,EAAMC,EAAqBJ,IAAS,MAAM,GAEpF,OAAOC,EAAaI,UAAYJ,EAAaK,cAAWC,CAC1D,EAEaC,EAAQC,GACnB,SAAAC,EAqBEC,GACG,IApBDrB,IAAAA,MACAsB,IAAAA,MACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,OACAxB,IAAAA,OACAyB,IAAAA,YACAC,IAAAA,MACAC,IAAAA,SACAlB,IAAAA,KACAmB,IAAAA,SACAC,IAAAA,aACAC,IAAAA,eACAC,IAAAA,KACAC,IAAAA,mBACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UAIIC,EAAepC,GAAUqC,EAAiB5B,EAAMiB,GAClBY,EAAAA,EAASxC,EAAYC,EAAOqC,IAAcG,EAAAC,EAAAC,EAAA,GAAvEC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GACED,EAAAA,EAASvC,GAAM6C,EAAAJ,EAAAK,EAAA,GAA1CC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAG1BE,IAAc/C,IAChB4C,EAAc7C,EAAYC,EAAOqC,IACjCW,EAAahD,IAGf,IAAMiD,EAAWC,GACf,SAACC,GACC,GAAwB,KAApBA,EAASC,OAGX,OAFAvB,SAAAA,OAAWZ,QACX2B,EAAc,IAKhB,GADAA,EAAcO,GACVxB,EAAO,CAET,IAAM0B,EAAYF,EACfG,MAAM,SACNhD,KAAI,SAAAiD,GAAI,OAAI9C,EAAgB8C,EAAKH,OAAQf,EAAc3B,EAAK,IAC5DN,QAAO,SAAAmD,GAAI,QAAMA,KAEpB,GAAyB,IAArBF,EAAUG,OAAc,CAC1B,IAAMC,EAAUC,EAAWL,EAAU,GAAIA,EAAU,IAC7CM,EAAUC,EAAWP,EAAU,GAAIA,EAAU,IAE/CI,GAAWE,IACZ9B,SAAAA,EAA6C,CAAC4B,EAASE,IAE5D,CACF,KAAO,CACL,IAAME,EAAYpD,EAAgB0C,EAAUd,EAAc3B,GAEtDmD,IACDhC,SAAAA,EAA8CgC,GAEnD,CACD,GACD,CAACxB,EAAcV,EAAOE,EAAUnB,IAG5BoD,EAASZ,GAAY,WACzBN,EAAc7C,EAAYC,EAAOqC,GACnC,GAAG,CAACrC,EAAOqC,IAEL0B,EAAUb,GAAY,WAC1BrB,SAAAA,OAAWZ,GACX2B,EAAc,GAChB,GAAG,CAACf,IAEJ,OAAIK,EAEA8B,EAACC,EAAa,CACZjE,MAAO2C,EACPuB,kBAAmB7C,EACnBC,MAAOA,EACP6C,QAAS5C,EACTuC,OAAQA,EACRtC,UAAWA,EACXC,OAAQA,EACR2C,OAAQJ,EAACK,EAAqB,IAC9B3C,YAAaA,EACbuB,SAAUA,EACVrB,SAAUA,EACVQ,UAAWA,EACXN,aAAcA,EACdC,eAAgBA,EAChBC,KAAMA,EACNC,mBAAoBA,IAMxB+B,EAACM,EAAS,CACRtE,MAAO2C,EACPtB,IAAKA,EACLC,MAAOA,EACP6C,QAAS5C,EACTuC,OAAQA,EACRS,iBAAkBpC,EAClBX,UAAWA,EACXC,OAAQA,EACR2C,OAAQJ,EAACK,EAAqB,IAC9B3C,YAAaA,EACbuB,SAAUA,EACVrB,SAAUA,EACVmC,QAAS3B,EAAY2B,OAAU9C,EAC/Ba,aAAcA,GAGpB"}

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/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/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":"~~k9IAiBaA~~,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":"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"}

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/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,g=o.error,P=o.disabled,v=o.testId,y=t(h),F=y.mimetypes,D=y.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,z=r(D,C),A=s({onDrop:b,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:P}),S=A.getRootProps,T=A.getInputProps,k=A.isDragActive;return u("div",{className:c(e.root,O),"data-testid":v,children:[u("div",I(I({},S()),{},{className:c(e.dropzone,P&&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:P?"T9":"T6",children:"Drag & Drop your file here or"}),a(n,{type:"tertiary",size:"small",disabled:P,className:e.uploadButton,children:"Choose file"})]})]})),!g&&z&&a(i,{size:14,color:P?"T9":"T6",className:e.description,children:z}),g&&u(i,{size:14,className:e.error,children:[a(p,{size:16}),g]})]})};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/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};
 //# 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":"~~wmJA0DaA~~,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":"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"}

package/componentsV2/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{FileIcon as s}from"../FileIcon/FileIcon.js";import{Text as c}from"../Text/Text.js";import{TextMiddleTruncated as i}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as n}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as t}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as r}from"../Tooltip/Tooltip.js";import{formatSizeProgress as m}from"./utils.js";import{PreviewImage as e}from"./PreviewImage.js";import u from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as l,RedoIcon as a}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 j}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getIsImage as I}from"../../utils/fileExtension.js";import{jsxs as d,jsx as F,Fragment as C}from"react/jsx-runtime";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,M=h.total,O=h.error,g=h.onCancel,z=h.onReload,A=h.onDelete,B=h.indeterminate,b=h.complete,P=h.testId,k=h.preview,E=v||m,N=!B&&void 0!==M&&void 0!==T,R=N&&M>0?Math.min(100,Math.ceil(T/M*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return d("div",{className:o(u.root,f),"data-testid":P,children:[k&&I(y)?F(e,{image:k}):F(s,{name:S,size:Number(u.iconSize)}),d("div",{className:u.content,children:[F(c,{size:14,children:F(i,{children:S})}),!O&&!b&&d(C,{children:[F(n,{className:u.progressBar,value:R}),N&&d("div",{className:u.progressTextContainer,children:[F(c,{size:12,color:"T6",children:E(M,T)}),d(c,{size:12,color:"T6",children:[R,"%"]})]})]}),O&&d(c,{size:14,className:u.error,children:[F(j,{size:16}),O]})]}),g&&!O&&!b&&F(r,{title:"Cancel",children:F(t,{onClick:g,size:"small",children:F(p,{})})}),A&&(O||b)&&F(r,{title:"Remove File",children:F(t,{onClick:A,size:"small",children:F(l,{})})}),z&&O&&F(r,{title:"Reload",children:F(t,{onClick:z,size:"small",children:F(a,{})})})]})};export{h as FilesLoader};
+import o from"classnames";import{FileIcon as s}from"../FileIcon/FileIcon.js";import{Text as c}from"../Text/Text.js";import{TextMiddleTruncated as i}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as n}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as t}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as m}from"../Tooltip/Tooltip.js";import{formatSizeProgress as r}from"./utils.js";import{PreviewImage as e}from"./PreviewImage.js";import u from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as l,RedoIcon as a}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 j}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{getIsImage as I}from"../../utils/fileExtension.js";import{jsxs as d,jsx as F,Fragment as C}from"react/jsx-runtime";var h=function(h){var D,v=h.formatProgress,f=h.className,x=h.name,T=h.current,M=h.total,O=h.error,g=h.onCancel,z=h.onReload,A=h.onDelete,B=h.indeterminate,b=h.complete,P=h.testId,k=h.preview,E=v||r,R=!B&&void 0!==M&&void 0!==T,N=R&&M>0?Math.min(100,Math.ceil(T/M*100)):void 0,L="string"==typeof k?k:null==k?void 0:k.name,S=x||L||"",y=null===(D=S.match(/((?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])[0-9a-z\u017F\u212A]+)(?:\?(?:[\0-\t\x0B\f\x0E-\u2027\u202A-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])*)?$/i))||void 0===D?void 0:D[1];return d("div",{className:o(u.root,f),"data-testid":P,children:[k&&I(y)?F(e,{image:k}):F(s,{name:S,size:Number(u.iconSize)}),d("div",{className:u.content,children:[F(c,{size:14,children:F(i,{children:S})}),!O&&!b&&d(C,{children:[F(n,{className:u.progressBar,value:N}),R&&d("div",{className:u.progressTextContainer,children:[F(c,{size:12,color:"T6",children:E(M,T)}),d(c,{size:12,color:"T6",children:[N,"%"]})]})]}),O&&d(c,{size:14,className:u.error,children:[F(j,{size:16}),O]})]}),g&&!O&&!b&&F(m,{title:"Cancel",children:F(t,{onClick:g,size:"small",children:F(p,{})})}),A&&(O||b)&&F(m,{title:"Remove File",children:F(t,{onClick:A,size:"small",children:F(l,{})})}),z&&O&&F(m,{title:"Reload",children:F(t,{onClick:z,size:"small",children:F(a,{})})})]})};export{h as FilesLoader};
 //# sourceMappingURL=FilesLoader.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilesLoader.js","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../FileIcon';\nimport { Text } from '../Text';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { LoaderLinear } from '../LoaderLinear';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\n\nimport { formatSizeProgress } from './utils';\nimport { PreviewImage } from './PreviewImage';\n\nimport styles from './FilesLoader.scss';\n\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { getIsImage } from '~/utils/fileExtension';\n\nexport type FilesLoaderProps = {\n name?: string;\n // ⚠️⚠️⚠️ Used in FilesProcessorProps, update docs if changing this type\n preview?: File \| string;\n indeterminate?: boolean;\n complete?: boolean;\n /*\n Total progress value (bytes by default)\n /\n total?: number;\n /\n Current progress value (bytes by default)\n /\n current?: number;\n /\n Error to show\n /\n error?: ReactNode;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n \n @default formatSizeProgress\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const FilesLoader = ({\n // Can't default to `formatSizeProgress` because it puts the `formatSizeProgress` code in docs which looks bad\n formatProgress: propsFormatProgress,\n className,\n name,\n current,\n total,\n error,\n onCancel,\n onReload,\n onDelete,\n indeterminate,\n complete,\n testId,\n preview,\n}: FilesLoaderProps) => {\n const formatProgress = propsFormatProgress \|\| formatSizeProgress;\n const isDeterminate =\n !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';\n const progressPercent =\n isDeterminate && total > 0 ? Math.min(100, Math.ceil((current / total) 100)) : undefined;\n\n const previewName = typeof preview === 'string' ? preview : preview?.name;\n const shownName = name \|\| previewName \|\| '';\n const extension = shownName.match(/(.[a-z0-9]+)(?:\\?.*)?$/iu)?.[1];\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {preview && getIsImage(extension) ? (\n <PreviewImage image={preview} />\n ) : (\n <FileIcon name={shownName} size={Number(styles.iconSize)} />\n )}\n\n <div className={styles.content}>\n <Text size={14}>\n <TextMiddleTruncated>{shownName}</TextMiddleTruncated>\n </Text>\n\n {!error && !complete && (\n <>\n <LoaderLinear className={styles.progressBar} value={progressPercent} />\n\n {isDeterminate && (\n <div className={styles.progressTextContainer}>\n <Text size={12} color=\"T6\">\n {formatProgress(total, current)}\n </Text>\n\n <Text size={12} color=\"T6\">\n {progressPercent}%\n </Text>\n </div>\n )}\n </>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n\n {onCancel && !error && !complete && (\n <Tooltip title=\"Cancel\">\n <ButtonIcon onClick={onCancel} size=\"small\">\n <CloseIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onDelete && (error \|\| complete) && (\n <Tooltip title=\"Remove File\">\n <ButtonIcon onClick={onDelete} size=\"small\">\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onReload && error && (\n <Tooltip title=\"Reload\">\n <ButtonIcon onClick={onReload} size=\"small\">\n <RedoIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n};\n"],"names":["FilesLoader","_ref","_shownName$match","propsFormatProgress","formatProgress","className","name","current","total","error","onCancel","onReload","onDelete","indeterminate","complete","testId","preview","formatSizeProgress","isDeterminate","progressPercent","Math","min","ceil","undefined","previewName","shownName","extension","match","_jsxs","classNames","styles","root","children","getIsImage","_jsx","PreviewImage","image","FileIcon","size","Number","iconSize","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"~~83IA4DaA~~,IAAAA,EAAc,SAeHC,GAAA,IAAAC,EAbNC,IAAhBC,eACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,QAEMZ,EAAiBD,GAAuBc,EACxCC,GACHL,QAAkC,IAAVL,QAA4C,IAAZD,EACrDY,EACJD,GAAiBV,EAAQ,EAAIY,KAAKC,IAAI,IAAKD,KAAKE,KAAMf,EAAUC,EAAS,WAAQe,EAE7EC,EAAiC,iBAAZR,EAAuBA,EAAUA,aAAAA,EAAAA,EAASV,KAC/DmB,EAAYnB,GAAQkB,GAAe,GACnCE,EAAuD,QAA3CD,EAAAA,EAAUE,MAAM,wWAA2B,IAAAzB,OAAA,EAA3CA,EAA8C,GAEhE,OACE0B,EAAA,MAAA,CAAKvB,UAAWwB,EAAWC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAWP,GACrBQ,EAACC,EAAY,CAACC,MAAOpB,IAErBkB,EAACG,EAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAA,MAAA,CAAKvB,UAAWyB,EAAOW,QAAQT,SAAA,CAC7BE,EAACQ,EAAI,CAACJ,KAAM,GAAGN,SACbE,EAACS,EAAmB,CAAAX,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAgB,EAAA,CAAAZ,SAAA,CACEE,EAACW,EAAY,CAACxC,UAAWyB,EAAOgB,YAAaC,MAAO5B,IAEnDD,GACCU,EAAA,MAAA,CAAKvB,UAAWyB,EAAOkB,sBAAsBhB,SAAA,CAC3CE,EAACQ,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SACvB5B,EAAeI,EAAOD,KAGzBqB,EAACc,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAACc,EAAI,CAACJ,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,EAACgB,EAAuB,CAACZ,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS5C,EAAU4B,KAAK,QAAON,SACzCE,EAACqB,EAAS,QAKf3C,IAAaH,GAASK,IACrBoB,EAACiB,EAAO,CAACC,MAAM,cAAapB,SAC1BE,EAACmB,EAAU,CAACC,QAAS1C,EAAU0B,KAAK,QAAON,SACzCE,EAACsB,EAAc,QAKpB7C,GAAYF,GACXyB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS3C,EAAU2B,KAAK,QAAON,SACzCE,EAACuB,EAAQ,UAMrB"}
1	+ {"version":3,"file":"FilesLoader.js","sources":["../../../src/componentsV2/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { FileIcon } from '../FileIcon';\nimport { Text } from '../Text';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { LoaderLinear } from '../LoaderLinear';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Tooltip } from '../Tooltip';\n\nimport { formatSizeProgress } from './utils';\nimport { PreviewImage } from './PreviewImage';\n\nimport styles from './FilesLoader.scss';\n\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { getIsImage } from '~/utils/fileExtension';\n\nexport type FilesLoaderProps = {\n name?: string;\n // ⚠️⚠️⚠️ Used in FilesProcessorProps, update docs if changing this type\n preview?: File \| string;\n indeterminate?: boolean;\n complete?: boolean;\n /*\n Total progress value (bytes by default)\n /\n total?: number;\n /\n Current progress value (bytes by default)\n /\n current?: number;\n /\n Error to show\n /\n error?: ReactNode;\n /\n If exists - displays the \"Delete\" button\n /\n onDelete?: () => void;\n /\n If exists - displays the \"Reload\" button on error state\n /\n onReload?: () => void;\n /\n If exists - displays the \"Cancel\" button when loading\n /\n onCancel?: () => void;\n /\n Allows custom progress units\n \n @default formatSizeProgress\n * @param total total progress value\n * @param current current progress value\n /\n formatProgress?: (total?: number, current?: number) => ReactNode;\n className?: string;\n testId?: string;\n};\n\nexport const FilesLoader = ({\n // Can't default to `formatSizeProgress` because it puts the `formatSizeProgress` code in docs which looks bad\n formatProgress: propsFormatProgress,\n className,\n name,\n current,\n total,\n error,\n onCancel,\n onReload,\n onDelete,\n indeterminate,\n complete,\n testId,\n preview,\n}: FilesLoaderProps) => {\n const formatProgress = propsFormatProgress \|\| formatSizeProgress;\n const isDeterminate =\n !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';\n const progressPercent =\n isDeterminate && total > 0 ? Math.min(100, Math.ceil((current / total) 100)) : undefined;\n\n const previewName = typeof preview === 'string' ? preview : preview?.name;\n const shownName = name \|\| previewName \|\| '';\n const extension = shownName.match(/(.[a-z0-9]+)(?:\\?.*)?$/iu)?.[1];\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {preview && getIsImage(extension) ? (\n <PreviewImage image={preview} />\n ) : (\n <FileIcon name={shownName} size={Number(styles.iconSize)} />\n )}\n\n <div className={styles.content}>\n <Text size={14}>\n <TextMiddleTruncated>{shownName}</TextMiddleTruncated>\n </Text>\n\n {!error && !complete && (\n <>\n <LoaderLinear className={styles.progressBar} value={progressPercent} />\n\n {isDeterminate && (\n <div className={styles.progressTextContainer}>\n <Text size={12} color=\"T6\">\n {formatProgress(total, current)}\n </Text>\n\n <Text size={12} color=\"T6\">\n {progressPercent}%\n </Text>\n </div>\n )}\n </>\n )}\n\n {error && (\n <Text size={14} className={styles.error}>\n <CautionFilledCustomIcon size={16} />\n {error}\n </Text>\n )}\n </div>\n\n {onCancel && !error && !complete && (\n <Tooltip title=\"Cancel\">\n <ButtonIcon onClick={onCancel} size=\"small\">\n <CloseIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onDelete && (error \|\| complete) && (\n <Tooltip title=\"Remove File\">\n <ButtonIcon onClick={onDelete} size=\"small\">\n <DeleteFourIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {onReload && error && (\n <Tooltip title=\"Reload\">\n <ButtonIcon onClick={onReload} size=\"small\">\n <RedoIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n </div>\n );\n};\n"],"names":["FilesLoader","_ref","_shownName$match","propsFormatProgress","formatProgress","className","name","current","total","error","onCancel","onReload","onDelete","indeterminate","complete","testId","preview","formatSizeProgress","isDeterminate","progressPercent","Math","min","ceil","undefined","previewName","shownName","extension","match","_jsxs","classNames","styles","root","children","getIsImage","_jsx","PreviewImage","image","FileIcon","size","Number","iconSize","content","Text","TextMiddleTruncated","_Fragment","LoaderLinear","progressBar","value","progressTextContainer","color","CautionFilledCustomIcon","Tooltip","title","ButtonIcon","onClick","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"w+IA4DaA,IAAAA,EAAc,SAeHC,GAAA,IAAAC,EAbNC,IAAhBC,eACAC,IAAAA,UACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,QAEMZ,EAAiBD,GAAuBc,EACxCC,GACHL,QAAkC,IAAVL,QAA4C,IAAZD,EACrDY,EACJD,GAAiBV,EAAQ,EAAIY,KAAKC,IAAI,IAAKD,KAAKE,KAAMf,EAAUC,EAAS,WAAQe,EAE7EC,EAAiC,iBAAZR,EAAuBA,EAAUA,aAAAA,EAAAA,EAASV,KAC/DmB,EAAYnB,GAAQkB,GAAe,GACnCE,EAAuD,QAA3CD,EAAAA,EAAUE,MAAM,wWAA2B,IAAAzB,OAAA,EAA3CA,EAA8C,GAEhE,OACE0B,EAAA,MAAA,CAAKvB,UAAWwB,EAAWC,EAAOC,KAAM1B,GAAY,cAAaU,EAAOiB,SACrEhB,CAAAA,GAAWiB,EAAWP,GACrBQ,EAACC,EAAY,CAACC,MAAOpB,IAErBkB,EAACG,EAAQ,CAAC/B,KAAMmB,EAAWa,KAAMC,OAAOT,EAAOU,YAGjDZ,EAAA,MAAA,CAAKvB,UAAWyB,EAAOW,QAAQT,SAAA,CAC7BE,EAACQ,EAAI,CAACJ,KAAM,GAAGN,SACbE,EAACS,EAAmB,CAAAX,SAAEP,OAGtBhB,IAAUK,GACVc,EAAAgB,EAAA,CAAAZ,SAAA,CACEE,EAACW,EAAY,CAACxC,UAAWyB,EAAOgB,YAAaC,MAAO5B,IAEnDD,GACCU,EAAA,MAAA,CAAKvB,UAAWyB,EAAOkB,sBAAsBhB,SAAA,CAC3CE,EAACQ,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SACvB5B,EAAeI,EAAOD,KAGzBqB,EAACc,EAAI,CAACJ,KAAM,GAAIW,MAAM,KAAIjB,SAAA,CACvBb,EAAe,aAOzBV,GACCmB,EAACc,EAAI,CAACJ,KAAM,GAAIjC,UAAWyB,EAAOrB,MAAMuB,SAAA,CACtCE,EAACgB,EAAuB,CAACZ,KAAM,KAC9B7B,QAKNC,IAAaD,IAAUK,GACtBoB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS5C,EAAU4B,KAAK,QAAON,SACzCE,EAACqB,EAAS,QAKf3C,IAAaH,GAASK,IACrBoB,EAACiB,EAAO,CAACC,MAAM,cAAapB,SAC1BE,EAACmB,EAAU,CAACC,QAAS1C,EAAU0B,KAAK,QAAON,SACzCE,EAACsB,EAAc,QAKpB7C,GAAYF,GACXyB,EAACiB,EAAO,CAACC,MAAM,SAAQpB,SACrBE,EAACmB,EAAU,CAACC,QAAS3C,EAAU2B,KAAK,QAAON,SACzCE,EAACuB,EAAQ,UAMrB"}

package/componentsV2/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as c,useState as i,useEffect as n,Children as t,isValidElement as r,cloneElement as e,useMemo as m}from"react";import p from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Text as u}from"../Text/Text.js";import{ButtonIcon as l}from"../ButtonIcon/ButtonIcon.js";import{CloseSmallIcon as j}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Header as d}from"../Header/Header.js";import{Button as I}from"../Button/Button.js";import{findAppContainerElement as f}from"../utils.js";import h from"./Hint.scss.js";import{jsxs as b,Fragment as O,jsx as v}from"react/jsx-runtime";function C(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 y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?C(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):C(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var P=function(o){var C=o.anchorEl,P=o.open,A=o.className,F=o.onClose,g=o.title,N=o.description,k=o.testId,w=o.placement,x=void 0===w?"bottom":w,D=o.children,E=o.primaryActionHandler,T=o.secondaryActionHandler,M=o.secondaryActionText,S=o.primaryActionText,B=o.stepsTotal,z=void 0===B?0:B,H=o.stepCurrent,R=void 0===H?0:H,G=o.flip,U=void 0!==G&&G,q=o.popperProps,L=c(),W=i(null),K=s(W,2),Z=K[0],J=K[1],Q=i(),V=s(Q,2),X=V[0],Y=V[1];if(n((function(){requestAnimationFrame((function(){return Y(P?C||L.current:void 0)}))}),[C,P]),!C&&t.count(D)>1)throw new Error("Hint expects a single reffable element as a child");var $=C?D:t.map(D,(function(o){return r(o)?e(o,{ref:L}):o})),_=m((function(){var o=f(X);return y({flip:{enabled:U},arrow:{enabled:!!Z,element:Z},preventOverflow:{boundariesElement:o}},null==q?void 0:q.modifiers)}),[Z,U,X,null==q?void 0:q.modifiers]),oo=E&&S&&v(I,{onClick:E,className:h.primaryAction,type:"tertiary",children:S}),so=T&&M&&v(I,{onClick:T,className:h.secondaryAction,type:"tertiary",children:M}),co=z>0&&R>0&&b(u,{size:12,children:["Step ",R,"/",v(u,{size:10,children:z})]});return b(O,{children:[$,b(a,y(y({className:h.popper,transition:!0,open:!!X,anchorEl:X,placement:x,modifiers:_,container:document.body},q),{},{children:[v("div",{ref:J,className:h.arrow}),b("div",{className:p(h.tooltip,A),"data-testid":k,children:[(g||F)&&b("div",{className:h.title,children:[v(d,{appearance:"appName",className:h.titleInner,children:g}),F&&v(l,{onClick:F,size:"medium",className:h.closeButton,children:v(j,{})})]}),N&&v(u,{tagName:"div",className:h.description,size:14,children:N}),(oo||so||co)&&b("div",{className:h.footer,children:[so,co,oo]})]})]}))]})};export{P as Hint};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useRef as c,useState as i,useEffect as n,Children as t,isValidElement as r,cloneElement as e,useMemo as m}from"react";import p from"classnames";import{Popper as a}from"../Popper/Popper.js";import{Text as u}from"../Text/Text.js";import{ButtonIcon as l}from"../ButtonIcon/ButtonIcon.js";import{CloseSmallIcon as j}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{Header as d}from"../Header/Header.js";import{Button as I}from"../Button/Button.js";import{findAppContainerElement as f}from"../utils.js";import h from"./Hint.scss.js";import{jsxs as b,Fragment as O,jsx as v}from"react/jsx-runtime";function C(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 y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?C(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):C(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var P=function(o){var C=o.anchorEl,P=o.open,F=o.className,A=o.onClose,g=o.title,N=o.description,k=o.testId,w=o.placement,x=void 0===w?"bottom":w,D=o.children,E=o.primaryActionHandler,T=o.secondaryActionHandler,M=o.secondaryActionText,S=o.primaryActionText,B=o.stepsTotal,z=void 0===B?0:B,H=o.stepCurrent,R=void 0===H?0:H,G=o.flip,U=void 0!==G&&G,q=o.popperProps,L=c(),W=i(null),K=s(W,2),Z=K[0],J=K[1],Q=i(),V=s(Q,2),X=V[0],Y=V[1];if(n((function(){requestAnimationFrame((function(){return Y(P?C||L.current:void 0)}))}),[C,P]),!C&&t.count(D)>1)throw new Error("Hint expects a single reffable element as a child");var $=C?D:t.map(D,(function(o){return r(o)?e(o,{ref:L}):o})),_=m((function(){var o=f(X);return y({flip:{enabled:U},arrow:{enabled:!!Z,element:Z},preventOverflow:{boundariesElement:o}},null==q?void 0:q.modifiers)}),[Z,U,X,null==q?void 0:q.modifiers]),oo=E&&S&&v(I,{onClick:E,className:h.primaryAction,type:"tertiary",children:S}),so=T&&M&&v(I,{onClick:T,className:h.secondaryAction,type:"tertiary",children:M}),co=z>0&&R>0&&b(u,{size:12,children:["Step ",R,"/",v(u,{size:10,children:z})]});return b(O,{children:[$,b(a,y(y({className:h.popper,transition:!0,open:!!X,anchorEl:X,placement:x,modifiers:_,container:document.body},q),{},{children:[v("div",{ref:J,className:h.arrow}),b("div",{className:p(h.tooltip,F),"data-testid":k,children:[(g||A)&&b("div",{className:h.title,children:[v(d,{appearance:"appName",className:h.titleInner,children:g}),A&&v(l,{onClick:A,size:"medium",className:h.closeButton,children:v(j,{})})]}),N&&v(u,{tagName:"div",className:h.description,size:14,children:N}),(oo||so||co)&&b("div",{className:h.footer,children:[so,co,oo]})]})]}))]})};export{P as Hint};
 //# sourceMappingURL=Hint.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../src/componentsV2/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { CloseSmallIcon } from '../../icons';\nimport { Header } from '../Header';\nimport { Button, ButtonProps } from '../Button';\nimport { findAppContainerElement } from '../utils';\n\nimport styles from './Hint.scss';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n description?: ReactNode;\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n /\n Close button is shown only when this prop is present\n /\n onClose?: () => void;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n\n stepCurrent?: number;\n stepsTotal?: number;\n\n /\n Controls if hint should flip to other side of an element to fit into the viewport\n /\n flip?: boolean;\n\n /\n Escape hatch for popper props. `modifiers` property will be merged with `<Hint/>`'s own modifiers.\n */\n popperProps?: Partial<PopperProps>;\n\n className?: string;\n testId?: string;\n};\n\nexport const Hint = ({\n anchorEl,\n open,\n className,\n onClose,\n title,\n description,\n testId,\n placement = 'bottom',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n secondaryActionText,\n primaryActionText,\n stepsTotal = 0,\n stepCurrent = 0,\n flip = false,\n popperProps,\n}: HintProps) => {\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState<HTMLDivElement \| null>(null);\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n requestAnimationFrame(() => setAnchor(open ? anchorEl \|\| childAnchorRef.current : undefined));\n }, [anchorEl, open]);\n\n if (!anchorEl && Children.count(children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = anchorEl\n ? children\n : Children.map(children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as never);\n }\n\n return child;\n });\n\n const popperModifiers = useMemo(() => {\n const boundariesElement = findAppContainerElement(anchor);\n\n return {\n flip: {\n enabled: flip,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n // This is an override for MUI's config of Popper.\n // See https://github.com/mui/material-ui/blob/v4.x/packages/material-ui/src/Popper/Popper.js#L132\n preventOverflow: {\n boundariesElement,\n },\n ...popperProps?.modifiers,\n };\n }, [arrowRef, flip, anchor, popperProps?.modifiers]);\n\n const primaryAction = primaryActionHandler && primaryActionText && (\n <Button onClick={primaryActionHandler} className={styles.primaryAction} type=\"tertiary\">\n {primaryActionText}\n </Button>\n );\n\n const secondaryAction = secondaryActionHandler && secondaryActionText && (\n <Button onClick={secondaryActionHandler} className={styles.secondaryAction} type=\"tertiary\">\n {secondaryActionText}\n </Button>\n );\n\n const stepper = stepsTotal > 0 && stepCurrent > 0 && (\n <Text size={12}>\n Step {stepCurrent}/<Text size={10}>{stepsTotal}</Text>\n </Text>\n );\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={styles.popper}\n transition\n open={!!anchor}\n anchorEl={anchor}\n placement={placement}\n modifiers={popperModifiers}\n // Needed so the popover does not force \"pseudo-fullscreen\" in DC apps\n container={document.body}\n {...popperProps}\n >\n <div ref={setArrowRef} className={styles.arrow} />\n <div className={classNames(styles.tooltip, className)} data-testid={testId}>\n {(title \|\| onClose) && (\n <div className={styles.title}>\n <Header appearance=\"appName\" className={styles.titleInner}>\n {title}\n </Header>\n\n {onClose && (\n <ButtonIcon onClick={onClose} size=\"medium\" className={styles.closeButton}>\n <CloseSmallIcon />\n </ButtonIcon>\n )}\n </div>\n )}\n\n {description && (\n <Text tagName=\"div\" className={styles.description} size={14}>\n {description}\n </Text>\n )}\n\n {(primaryAction \|\| secondaryAction \|\| stepper) && (\n <div className={styles.footer}>\n {secondaryAction}\n {stepper}\n {primaryAction}\n </div>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","_ref","anchorEl","open","className","onClose","title","description","testId","_ref$placement","placement","children","primaryActionHandler","secondaryActionHandler","secondaryActionText","primaryActionText","_ref$stepsTotal","stepsTotal","_ref$stepCurrent","stepCurrent","_ref$flip","flip","popperProps","childAnchorRef","useRef","useState","_useState2","_slicedToArray","_useState","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","requestAnimationFrame","current","undefined","Children","count","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","popperModifiers","useMemo","boundariesElement","findAppContainerElement","_objectSpread","enabled","arrow","element","preventOverflow","modifiers","primaryAction","_jsx","Button","onClick","styles","type","secondaryAction","stepper","_jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"~~y0JA4EaA~~,IAAAA,EAAO,SAkBHC,GAAA,IAjBfC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OAAMC,EAAAR,EACNS,UAAAA,aAAY,SAAQD,EACpBE,IAAAA,SACAC,IAAAA,qBACAC,IAAAA,uBACAC,IAAAA,oBACAC,IAAAA,kBAAiBC,EAAAf,EACjBgB,WAAAA,aAAa,EAACD,EAAAE,EAAAjB,EACdkB,YAAAA,aAAc,EAACD,EAAAE,EAAAnB,EACfoB,KAAAA,cAAYD,EACZE,IAAAA,YAEMC,EAAiBC,IACSC,EAAAA,EAAgC,MAAKC,EAAAC,EAAAC,EAAA,GAA9DC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GAC5BK,EAA4BN,IAAuBO,EAAAL,EAAAI,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAOxB,GAJAG,GAAU,WACRC,uBAAsB,WAAA,OAAMF,EAAU/B,EAAOD,GAAYqB,EAAec,aAAUC,KACpF,GAAG,CAACpC,EAAUC,KAETD,GAAYqC,EAASC,MAAM7B,GAAY,EAC1C,MAAM,IAAI8B,MAAM,qDAGlB,IAAMC,EAAkBxC,EACpBS,EACA4B,EAASI,IAAIhC,GAAU,SAAAiC,GAErB,OAAIC,EAAeD,GACVE,EAAaF,EAAO,CAAEG,IAAKxB,IAG7BqB,CACT,IAEEI,EAAkBC,GAAQ,WAC9B,IAAMC,EAAoBC,EAAwBlB,GAElD,OAAAmB,EAAA,CACE/B,KAAM,CACJgC,QAAShC,GAEXiC,MAAO,CACLD,UAAWxB,EACX0B,QAAS1B,GAIX2B,gBAAiB,CACfN,kBAAAA,IAEC5B,aAAAA,EAAAA,EAAamC,UAEnB,GAAE,CAAC5B,EAAUR,EAAMY,EAAQX,aAAAA,EAAAA,EAAamC,YAEnCC,GAAgB9C,GAAwBG,GAC5C4C,EAACC,EAAM,CAACC,QAASjD,EAAsBR,UAAW0D,EAAOJ,cAAeK,KAAK,WAAUpD,SACpFI,IAICiD,GAAkBnD,GAA0BC,GAChD6C,EAACC,EAAM,CAACC,QAAShD,EAAwBT,UAAW0D,EAAOE,gBAAiBD,KAAK,WAAUpD,SACxFG,IAICmD,GAAUhD,EAAa,GAAKE,EAAc,GAC9C+C,EAACC,EAAI,CAACC,KAAM,GAAGzD,SACPQ,CAAAA,QAAAA,EAAa,IAAAwC,EAACQ,EAAI,CAACC,KAAM,GAAGzD,SAAEM,OAIxC,OACEiD,EAAAG,EAAA,CAAA1D,SACG+B,CAAAA,EACDwB,EAACI,EAAMlB,EAAAA,EAAA,CACLhD,UAAW0D,EAAOS,OAClBC,YAAU,EACVrE,OAAQ8B,EACR/B,SAAU+B,EACVvB,UAAWA,EACX+C,UAAWT,EAEXyB,UAAWC,SAASC,MAChBrD,GAAW,GAAA,CAAAX,SAEf,CAAAgD,EAAA,MAAA,CAAKZ,IAAKjB,EAAa1B,UAAW0D,EAAOR,QACzCY,EAAA,MAAA,CAAK9D,UAAWwE,EAAWd,EAAOe,QAASzE,GAAY,cAAaI,EAAOG,SAAA,EACvEL,GAASD,IACT6D,EAAA,MAAA,CAAK9D,UAAW0D,EAAOxD,MAAMK,SAAA,CAC3BgD,EAACmB,EAAM,CAACC,WAAW,UAAU3E,UAAW0D,EAAOkB,WAAWrE,SACvDL,IAGFD,GACCsD,EAACsB,EAAU,CAACpB,QAASxD,EAAS+D,KAAK,SAAShE,UAAW0D,EAAOoB,YAAYvE,SACxEgD,EAACwB,EAAc,SAMtB5E,GACCoD,EAACQ,EAAI,CAACiB,QAAQ,MAAMhF,UAAW0D,EAAOvD,YAAa6D,KAAM,GAAGzD,SACzDJ,KAIHmD,IAAiBM,IAAmBC,KACpCC,EAAA,MAAA,CAAK9D,UAAW0D,EAAOuB,OAAO1E,SAAA,CAC3BqD,GACAC,GACAP,eAOf"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../src/componentsV2/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Text } from '../Text';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { CloseSmallIcon } from '../../icons';\nimport { Header } from '../Header';\nimport { Button, ButtonProps } from '../Button';\nimport { findAppContainerElement } from '../utils';\n\nimport styles from './Hint.scss';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n description?: ReactNode;\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n /\n Close button is shown only when this prop is present\n /\n onClose?: () => void;\n\n /\n Contents of the primary button\n /\n primaryActionText?: ReactNode;\n /\n Click handler for primary button\n /\n primaryActionHandler?: ButtonProps['onClick'];\n\n /\n Contents of the secondary button\n /\n secondaryActionText?: ReactNode;\n /\n Click handler for secondary button\n /\n secondaryActionHandler?: ButtonProps['onClick'];\n\n stepCurrent?: number;\n stepsTotal?: number;\n\n /\n Controls if hint should flip to other side of an element to fit into the viewport\n /\n flip?: boolean;\n\n /\n Escape hatch for popper props. `modifiers` property will be merged with `<Hint/>`'s own modifiers.\n */\n popperProps?: Partial<PopperProps>;\n\n className?: string;\n testId?: string;\n};\n\nexport const Hint = ({\n anchorEl,\n open,\n className,\n onClose,\n title,\n description,\n testId,\n placement = 'bottom',\n children,\n primaryActionHandler,\n secondaryActionHandler,\n secondaryActionText,\n primaryActionText,\n stepsTotal = 0,\n stepCurrent = 0,\n flip = false,\n popperProps,\n}: HintProps) => {\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState<HTMLDivElement \| null>(null);\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n requestAnimationFrame(() => setAnchor(open ? anchorEl \|\| childAnchorRef.current : undefined));\n }, [anchorEl, open]);\n\n if (!anchorEl && Children.count(children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = anchorEl\n ? children\n : Children.map(children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as never);\n }\n\n return child;\n });\n\n const popperModifiers = useMemo(() => {\n const boundariesElement = findAppContainerElement(anchor);\n\n return {\n flip: {\n enabled: flip,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n // This is an override for MUI's config of Popper.\n // See https://github.com/mui/material-ui/blob/v4.x/packages/material-ui/src/Popper/Popper.js#L132\n preventOverflow: {\n boundariesElement,\n },\n ...popperProps?.modifiers,\n };\n }, [arrowRef, flip, anchor, popperProps?.modifiers]);\n\n const primaryAction = primaryActionHandler && primaryActionText && (\n <Button onClick={primaryActionHandler} className={styles.primaryAction} type=\"tertiary\">\n {primaryActionText}\n </Button>\n );\n\n const secondaryAction = secondaryActionHandler && secondaryActionText && (\n <Button onClick={secondaryActionHandler} className={styles.secondaryAction} type=\"tertiary\">\n {secondaryActionText}\n </Button>\n );\n\n const stepper = stepsTotal > 0 && stepCurrent > 0 && (\n <Text size={12}>\n Step {stepCurrent}/<Text size={10}>{stepsTotal}</Text>\n </Text>\n );\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={styles.popper}\n transition\n open={!!anchor}\n anchorEl={anchor}\n placement={placement}\n modifiers={popperModifiers}\n // Needed so the popover does not force \"pseudo-fullscreen\" in DC apps\n container={document.body}\n {...popperProps}\n >\n <div ref={setArrowRef} className={styles.arrow} />\n <div className={classNames(styles.tooltip, className)} data-testid={testId}>\n {(title \|\| onClose) && (\n <div className={styles.title}>\n <Header appearance=\"appName\" className={styles.titleInner}>\n {title}\n </Header>\n\n {onClose && (\n <ButtonIcon onClick={onClose} size=\"medium\" className={styles.closeButton}>\n <CloseSmallIcon />\n </ButtonIcon>\n )}\n </div>\n )}\n\n {description && (\n <Text tagName=\"div\" className={styles.description} size={14}>\n {description}\n </Text>\n )}\n\n {(primaryAction \|\| secondaryAction \|\| stepper) && (\n <div className={styles.footer}>\n {secondaryAction}\n {stepper}\n {primaryAction}\n </div>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","_ref","anchorEl","open","className","onClose","title","description","testId","_ref$placement","placement","children","primaryActionHandler","secondaryActionHandler","secondaryActionText","primaryActionText","_ref$stepsTotal","stepsTotal","_ref$stepCurrent","stepCurrent","_ref$flip","flip","popperProps","childAnchorRef","useRef","useState","_useState2","_slicedToArray","_useState","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","requestAnimationFrame","current","undefined","Children","count","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","popperModifiers","useMemo","boundariesElement","findAppContainerElement","_objectSpread","enabled","arrow","element","preventOverflow","modifiers","primaryAction","_jsx","Button","onClick","styles","type","secondaryAction","stepper","_jsxs","Text","size","_Fragment","Popper","popper","transition","container","document","body","classNames","tooltip","Header","appearance","titleInner","ButtonIcon","closeButton","CloseSmallIcon","tagName","footer"],"mappings":"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"}