npm - @corva/ui - Versions diffs - 3.75.0-9 → 3.75.0-rc.0 - Mend

@corva/ui 3.75.0-9 → 3.75.0-rc.0

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

package/components/Stepper/Step/Step.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{CheckSmallIcon as c}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{Regular20 as i,Regular16 as n,Regular14 as t}from"../../Typography.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{Size as r}from"../constants.js";import{useStyles as e}from"./styles.js";import{jsxs as p,jsx as u,Fragment as l}from"react/jsx-runtime";var a,j=(o(a={},r.Large,{value:i,label:n}),o(a,r.Medium,{value:n,label:t}),a),I=function(i){var n,t,a=i.label,I=i.value,d=i.canGoBack,h=void 0===d||d,C=i.className,b=i.goBackTooltip,v=void 0===b?"Go Back":b,F=i.tooltip,O=i.onClick,k=i.size,M=void 0===k?r.Medium:k,g=i.checked,f=i.active,A=i.error,P=i.disabled,T=e(),y=j[M]||j[r.Medium],x=h&&g,D=!(x&&O||F),G=p(l,{children:[x&&v,x&&F&&p(l,{children:[u("br",{}),u("br",{})]}),F]}),S=(o(n={},r.Large,""),o(n,r.Medium,T.medium),n),B=p("div",{className:s(T.step,(t={},o(t,T.error,A),o(t,T.disabled,P),o(t,T.passed,g),o(t,T.current,f),o(t,T.hoverable,h),t),S[M],C),onClick:x?O:void 0,children:[u(y.value,{className:T.value,children:h||!g?I:u(c,{})}),u(y.label,{className:T.label,children:a})]});return D?B:u(m,{title:G,placement:"bottom",children:B})};export{I as Step};
+import o from"@babel/runtime/helpers/defineProperty";import s from"classnames";import{CheckSmallIcon as c}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{Regular20 as i,Regular16 as n,Regular14 as t}from"../../Typography.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{Size as r}from"../constants.js";import{useStyles as e}from"./styles.js";import{jsxs as p,jsx as u,Fragment as l}from"react/jsx-runtime";var a,j=(o(a={},r.Large,{value:i,label:n}),o(a,r.Medium,{value:n,label:t}),a),I=function(i){var n,t,a=i.label,I=i.value,d=i.canGoBack,C=void 0===d||d,h=i.className,b=i.goBackTooltip,v=void 0===b?"Go Back":b,F=i.tooltip,O=i.onClick,k=i.size,M=void 0===k?r.Medium:k,P=i.checked,f=i.active,g=i.error,A=i.disabled,T=e(),y=j[M]||j[r.Medium],x=C&&P,D=!(x&&O||F),G=p(l,{children:[x&&v,x&&F&&p(l,{children:[u("br",{}),u("br",{})]}),F]}),R=(o(n={},r.Large,""),o(n,r.Medium,T.medium),n),S=p("div",{className:s(T.step,(t={},o(t,T.error,g),o(t,T.disabled,A),o(t,T.passed,P),o(t,T.current,f),o(t,T.hoverable,C),t),R[M],h),onClick:x?O:void 0,children:[u(y.value,{className:T.value,children:C||!P?I:u(c,{})}),u(y.label,{className:T.label,children:a})]});return D?S:u(m,{title:G,placement:"bottom",children:S})};export{I as Step};
 //# sourceMappingURL=Step.js.map

package/components/Stepper/Step/Step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Step.js","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { CheckSmallIcon } from '~/icons';\nimport { Regular14, Regular16, Regular20 } from '~/components/Typography';\nimport Tooltip from '~/components/Tooltip';\n\nimport { Size } from '../constants';\nimport { useStyles } from './styles';\n\ntype Component = ComponentType<ComponentProps<typeof Regular20>>;\n\nconst sizeToComponentMap: Record<Size, { label: Component; value: Component }> = {\n [Size.Large]: {\n value: Regular20,\n label: Regular16,\n },\n [Size.Medium]: {\n value: Regular16,\n label: Regular14,\n },\n};\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\ntype StepProps = {\n // Content\n value: ReactNode;\n label?: ReactNode;\n tooltip?: ReactNode;\n goBackTooltip?: ReactNode;\n\n // State\n checked?: boolean;\n active?: boolean;\n error?: boolean;\n disabled?: boolean;\n size?: Size;\n\n // Utility\n className?: string;\n canGoBack?: boolean;\n onClick?: () => void;\n};\n\nexport const Step = (props: StepProps) => {\n const {\n label,\n value,\n canGoBack = true,\n className,\n goBackTooltip = 'Go Back',\n tooltip,\n onClick,\n size = Size.Medium,\n checked,\n active,\n error,\n disabled,\n } = props;\n\n const classes = useStyles();\n const Components = sizeToComponentMap[size] \|\| sizeToComponentMap[Size.Medium];\n const goBackEnabled = canGoBack && checked;\n const disableTooltip = (!goBackEnabled \|\| !onClick) && !tooltip;\n\n const tooltipContent = (\n <>\n {goBackEnabled && goBackTooltip}\n {goBackEnabled && tooltip && (\n <>\n <br />\n <br />\n </>\n )}\n {tooltip}\n </>\n );\n\n const sizeToClassMap: Record<Size, string> = {\n [Size.Large]: '',\n [Size.Medium]: classes.medium,\n };\n\n const content = (\n <div\n className={classNames(\n classes.step,\n {\n [classes.error]: error,\n [classes.disabled]: disabled,\n [classes.passed]: checked,\n [classes.current]: active,\n [classes.hoverable]: canGoBack,\n },\n sizeToClassMap[size],\n className\n )}\n onClick={goBackEnabled ? onClick : undefined}\n >\n <Components.value className={classes.value}>\n {canGoBack \|\| !checked ? value : <CheckSmallIcon />}\n </Components.value>\n <Components.label className={classes.label}>{label}</Components.label>\n </div>\n );\n\n if (disableTooltip) {\n return content;\n }\n\n return (\n <Tooltip title={tooltipContent} placement=\"bottom\">\n {content}\n </Tooltip>\n );\n};\n"],"names":["sizeToComponentMap","_defineProperty","_sizeToComponentMap","Size","Large","value","Regular20","label","Regular16","Medium","Regular14","Step","props","_sizeToClassMap","_classNames","_props$canGoBack","canGoBack","className","_props$goBackTooltip","goBackTooltip","tooltip","onClick","_props$size","size","checked","active","error","disabled","classes","useStyles","Components","goBackEnabled","disableTooltip","tooltipContent","_jsxs","_Fragment","children","_jsx","sizeToClassMap","medium","content","classNames","step","passed","current","hoverable","undefined","CheckSmallIcon","Tooltip","title","placement"],"mappings":"~~uvIAYMA~~,GAAwEC,EAAAC,EAAA,CAAA,EAC3EC,EAAKC,MAAQ,CACZC,MAAOC,EACPC,MAAOC,IAERL,EAAAA,EAAAA,EAAKM,OAAS,CACbJ,MAAOG,EACPD,MAAOG,IAEVR,GAuBYS,EAAO,SAACC,GAAqB,IAAAC,EAAAC,EAEtCP,EAYEK,EAZFL,MACAF,EAWEO,EAXFP,MAAKU,EAWHH,EAVFI,UAAAA,cAAgBD,EAChBE,EASEL,EATFK,UAASC,EASPN,EARFO,cAAAA,aAAgB,UAASD,EACzBE,EAOER,EAPFQ,QACAC,EAMET,EANFS,QAAOC,EAMLV,EALFW,KAAAA,OAAI,IAAAD,EAAGnB,EAAKM,OAAMa,EAClBE,EAIEZ,EAJFY,QACAC,EAGEb,EAHFa,OACAC,EAEEd,EAFFc,MACAC,EACEf,EADFe,SAGIC,EAAUC,IACVC,EAAa9B,EAAmBuB,IAASvB,EAAmBG,EAAKM,QACjEsB,EAAgBf,GAAaQ,EAC7BQ,IAAmBD,GAAkBV,GAAaD,GAElDa,EACJC,EAAAC,EAAA,CAAAC,SAAA,CACGL,GAAiBZ,EACjBY,GAAiBX,GAChBc,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTjB,KAICkB,GAAoCrC,EAAAY,EAAA,CAAA,EACvCV,EAAKC,MAAQ,IACbD,EAAAA,EAAAA,EAAKM,OAASmB,EAAQW,QACxB1B,GAEK2B,EACJN,EAAA,MAAA,CACEjB,UAAWwB,EACTb,EAAQc,eAELd,EAAQF,MAAQA,OAChBE,EAAQD,SAAWA,OACnBC,EAAQe,OAASnB,OACjBI,EAAQgB,QAAUnB,OAClBG,EAAQiB,UAAY7B,MAEvBsB,EAAef,GACfN,GAEFI,QAASU,EAAgBV,OAAUyB,EAAUV,SAE7C,CAAAC,EAACP,EAAWzB,MAAK,CAACY,UAAWW,EAAQvB,MAAM+B,SACxCpB,IAAcQ,EAAUnB,EAAQgC,EAACU,EAAc,MAElDV,EAACP,EAAWvB,MAAK,CAACU,UAAWW,EAAQrB,MAAM6B,SAAE7B,OAIjD,OAAIyB,EACKQ,EAIPH,EAACW,EAAO,CAACC,MAAOhB,EAAgBiB,UAAU,SAAQd,SAC/CI,GAGP"}
1	+ {"version":3,"file":"Step.js","sources":["../../../../src/components/Stepper/Step/Step.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { CheckSmallIcon } from '~/icons';\nimport { Regular14, Regular16, Regular20 } from '~/components/Typography';\nimport Tooltip from '~/components/Tooltip';\n\nimport { Size } from '../constants';\nimport { useStyles } from './styles';\n\ntype Component = ComponentType<ComponentProps<typeof Regular20>>;\n\nconst sizeToComponentMap: Record<Size, { label: Component; value: Component }> = {\n [Size.Large]: {\n value: Regular20,\n label: Regular16,\n },\n [Size.Medium]: {\n value: Regular16,\n label: Regular14,\n },\n};\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\ntype StepProps = {\n // Content\n value: ReactNode;\n label?: ReactNode;\n tooltip?: ReactNode;\n goBackTooltip?: ReactNode;\n\n // State\n checked?: boolean;\n active?: boolean;\n error?: boolean;\n disabled?: boolean;\n size?: Size;\n\n // Utility\n className?: string;\n canGoBack?: boolean;\n onClick?: () => void;\n};\n\nexport const Step = (props: StepProps) => {\n const {\n label,\n value,\n canGoBack = true,\n className,\n goBackTooltip = 'Go Back',\n tooltip,\n onClick,\n size = Size.Medium,\n checked,\n active,\n error,\n disabled,\n } = props;\n\n const classes = useStyles();\n const Components = sizeToComponentMap[size] \|\| sizeToComponentMap[Size.Medium];\n const goBackEnabled = canGoBack && checked;\n const disableTooltip = (!goBackEnabled \|\| !onClick) && !tooltip;\n\n const tooltipContent = (\n <>\n {goBackEnabled && goBackTooltip}\n {goBackEnabled && tooltip && (\n <>\n <br />\n <br />\n </>\n )}\n {tooltip}\n </>\n );\n\n const sizeToClassMap: Record<Size, string> = {\n [Size.Large]: '',\n [Size.Medium]: classes.medium,\n };\n\n const content = (\n <div\n className={classNames(\n classes.step,\n {\n [classes.error]: error,\n [classes.disabled]: disabled,\n [classes.passed]: checked,\n [classes.current]: active,\n [classes.hoverable]: canGoBack,\n },\n sizeToClassMap[size],\n className\n )}\n onClick={goBackEnabled ? onClick : undefined}\n >\n <Components.value className={classes.value}>\n {canGoBack \|\| !checked ? value : <CheckSmallIcon />}\n </Components.value>\n <Components.label className={classes.label}>{label}</Components.label>\n </div>\n );\n\n if (disableTooltip) {\n return content;\n }\n\n return (\n <Tooltip title={tooltipContent} placement=\"bottom\">\n {content}\n </Tooltip>\n );\n};\n"],"names":["sizeToComponentMap","_defineProperty","_sizeToComponentMap","Size","Large","value","Regular20","label","Regular16","Medium","Regular14","Step","props","_sizeToClassMap","_classNames","_props$canGoBack","canGoBack","className","_props$goBackTooltip","goBackTooltip","tooltip","onClick","_props$size","size","checked","active","error","disabled","classes","useStyles","Components","goBackEnabled","disableTooltip","tooltipContent","_jsxs","_Fragment","children","_jsx","sizeToClassMap","medium","content","classNames","step","passed","current","hoverable","undefined","CheckSmallIcon","Tooltip","title","placement"],"mappings":"o9IAYMA,GAAwEC,EAAAC,EAAA,CAAA,EAC3EC,EAAKC,MAAQ,CACZC,MAAOC,EACPC,MAAOC,IAERL,EAAAA,EAAAA,EAAKM,OAAS,CACbJ,MAAOG,EACPD,MAAOG,IAEVR,GAuBYS,EAAO,SAACC,GAAqB,IAAAC,EAAAC,EAEtCP,EAYEK,EAZFL,MACAF,EAWEO,EAXFP,MAAKU,EAWHH,EAVFI,UAAAA,cAAgBD,EAChBE,EASEL,EATFK,UAASC,EASPN,EARFO,cAAAA,aAAgB,UAASD,EACzBE,EAOER,EAPFQ,QACAC,EAMET,EANFS,QAAOC,EAMLV,EALFW,KAAAA,OAAI,IAAAD,EAAGnB,EAAKM,OAAMa,EAClBE,EAIEZ,EAJFY,QACAC,EAGEb,EAHFa,OACAC,EAEEd,EAFFc,MACAC,EACEf,EADFe,SAGIC,EAAUC,IACVC,EAAa9B,EAAmBuB,IAASvB,EAAmBG,EAAKM,QACjEsB,EAAgBf,GAAaQ,EAC7BQ,IAAmBD,GAAkBV,GAAaD,GAElDa,EACJC,EAAAC,EAAA,CAAAC,SAAA,CACGL,GAAiBZ,EACjBY,GAAiBX,GAChBc,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,KAAA,CAAA,GACAA,EAAM,KAAA,CAAA,MAGTjB,KAICkB,GAAoCrC,EAAAY,EAAA,CAAA,EACvCV,EAAKC,MAAQ,IACbD,EAAAA,EAAAA,EAAKM,OAASmB,EAAQW,QACxB1B,GAEK2B,EACJN,EAAA,MAAA,CACEjB,UAAWwB,EACTb,EAAQc,eAELd,EAAQF,MAAQA,OAChBE,EAAQD,SAAWA,OACnBC,EAAQe,OAASnB,OACjBI,EAAQgB,QAAUnB,OAClBG,EAAQiB,UAAY7B,MAEvBsB,EAAef,GACfN,GAEFI,QAASU,EAAgBV,OAAUyB,EAAUV,SAE7C,CAAAC,EAACP,EAAWzB,MAAK,CAACY,UAAWW,EAAQvB,MAAM+B,SACxCpB,IAAcQ,EAAUnB,EAAQgC,EAACU,EAAc,MAElDV,EAACP,EAAWvB,MAAK,CAACU,UAAWW,EAAQrB,MAAM6B,SAAE7B,OAIjD,OAAIyB,EACKQ,EAIPH,EAACW,EAAO,CAACC,MAAOhB,EAAgBiB,UAAU,SAAQd,SAC/CI,GAGP"}

package/components/Table/TableCell/TableCell.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as i,useState as n,useMemo as t}from"react";import{makeStyles as e,TableCell as r}from"@material-ui/core";import m from"classnames";import l from"../../IconButton/index.js";import{Tooltip as p}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{LeftIcon as a,RightIcon as u}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{jsxs as j,jsx as d}from"react/jsx-runtime";var I=["isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","stickyCell","emptyCell","className"];function b(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 C(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?b(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var h=e((function(o){return{stickyCell:{position:"sticky",left:0,zIndex:2,background:o.palette.background.b4},stickyEmptyCell:{position:"sticky",right:0,zIndex:2},collapseHeader:{width:"var(--corvaui-tableCell-cellWidth)"},tableCellWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"var(--corvaui-tableCell-cellWidth)"},iconButton:{padding:0,fontSize:16,"&:hover":{backgroundColor:"transparent"}}}})),y=i((function(o,i){var e,b,y,f=o.isExpanded,O=o.setIsExpanded,v=o.tooltipTitle,g=o.collapsibleHeader,k=o.collapsibleBody,x=o.maxCellWidth,F=o.cellWidth,P=o.maxCharsNumberFromStart,E=o.maxCharsNumberFromEnd,N=o.children,W=o.stickyCell,A=o.emptyCell,S=o.className,T=c(o,I),D=W&&!A,M=h(),w=n(!1),z=s(w,2),B=z[0],H=z[1],R=t((function(){var o,s;return C(C({},T.style),{},{"--corvaui-tableCell-cellWidth":(s=null!==(o=f?x:F)&&void 0!==o?o:0,Number.isNaN(Number(s))?s:"".concat(s,"px"))})}),[f,F,x,T.style]);return j(r,C(C({},T),{},{className:m(g&&M.collapseHeader,D&&M.stickyCell,A&&M.stickyEmptyCell,D&&"stickyCell",A&&"stickyEmptyCell",S),ref:i,style:R,children:[g&&j("div",{className:M.tableCellWrapper,children:[N,d(l,{className:M.iconButton,size:"small",onClick:function(){H(!1),null==O||O(!f)},tooltipProps:{title:f?"Collapse":"Expand",open:B,disableHoverListener:!0,onMouseEnter:function(){return H(!0)},onMouseLeave:function(){return H(!1)}},children:d(f?a:u,{size:16})})]}),k&&d(p,{title:f?"":v,children:d("div",{children:f?N:(e=null!=v?v:"",b=null!=P?P:0,y=null!=E?E:0,e.length>b+y?"".concat(e.substring(0,b)," ... ").concat(e.substring(e.length-y)):e)})}),!g&&!k&&N]}))}));export{y as TableCell};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as i,useState as n,useMemo as t}from"react";import{makeStyles as e,TableCell as r}from"@material-ui/core";import m from"classnames";import l from"../../IconButton/index.js";import{Tooltip as p}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{LeftIcon as u,RightIcon 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/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as j,jsx as d}from"react/jsx-runtime";var I=["isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","stickyCell","emptyCell","className"];function b(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 C(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?b(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var h=e((function(o){return{stickyCell:{position:"sticky",left:0,zIndex:2,background:o.palette.background.b4},stickyEmptyCell:{position:"sticky",right:0,zIndex:2},collapseHeader:{width:"var(--corvaui-tableCell-cellWidth)"},tableCellWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"var(--corvaui-tableCell-cellWidth)"},iconButton:{padding:0,fontSize:16,"&:hover":{backgroundColor:"transparent"}}}})),y=i((function(o,i){var e,b,y,f=o.isExpanded,O=o.setIsExpanded,v=o.tooltipTitle,g=o.collapsibleHeader,k=o.collapsibleBody,x=o.maxCellWidth,F=o.cellWidth,P=o.maxCharsNumberFromStart,E=o.maxCharsNumberFromEnd,N=o.children,W=o.stickyCell,A=o.emptyCell,S=o.className,T=c(o,I),D=W&&!A,M=h(),w=n(!1),z=s(w,2),B=z[0],R=z[1],H=t((function(){var o,s;return C(C({},T.style),{},{"--corvaui-tableCell-cellWidth":(s=null!==(o=f?x:F)&&void 0!==o?o:0,Number.isNaN(Number(s))?s:"".concat(s,"px"))})}),[f,F,x,T.style]);return j(r,C(C({},T),{},{className:m(g&&M.collapseHeader,D&&M.stickyCell,A&&M.stickyEmptyCell,D&&"stickyCell",A&&"stickyEmptyCell",S),ref:i,style:H,children:[g&&j("div",{className:M.tableCellWrapper,children:[N,d(l,{className:M.iconButton,size:"small",onClick:function(){R(!1),null==O||O(!f)},tooltipProps:{title:f?"Collapse":"Expand",open:B,disableHoverListener:!0,onMouseEnter:function(){return R(!0)},onMouseLeave:function(){return R(!1)}},children:d(f?u:a,{size:16})})]}),k&&d(p,{title:f?"":v,children:d("div",{children:f?N:(e=null!=v?v:"",b=null!=P?P:0,y=null!=E?E:0,e.length>b+y?"".concat(e.substring(0,b)," ... ").concat(e.substring(e.length-y)):e)})}),!g&&!k&&N]}))}));export{y as TableCell};
 //# sourceMappingURL=TableCell.js.map

package/components/Table/TableCell/TableCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.js","sources":["../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useMemo, useState } from 'react';\nimport {\n makeStyles,\n TableCell as MUITableCell,\n TableCellProps as MUITableCellProps,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport IconButton from '~/components/IconButton';\nimport Tooltip from '~/components/Tooltip';\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n stickyCell: {\n position: 'sticky',\n left: 0,\n zIndex: 2,\n background: theme.palette.background.b4,\n },\n stickyEmptyCell: {\n position: 'sticky',\n right: 0,\n zIndex: 2,\n },\n collapseHeader: {\n width: 'var(--corvaui-tableCell-cellWidth)',\n },\n tableCellWrapper: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: 'var(--corvaui-tableCell-cellWidth)',\n },\n iconButton: {\n padding: 0,\n fontSize: 16,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n}));\n\nconst formatWidth = (value: string \| number) =>\n !Number.isNaN(Number(value)) ? `${value}px` : value;\n\nexport type TableCellProps = {\n /*\n Cell Content\n /\n children?: ReactNode;\n isExpanded?: boolean;\n setIsExpanded?: (value: boolean) => void;\n tooltipTitle?: string;\n collapsibleHeader?: boolean;\n collapsibleBody?: boolean;\n /\n Cell width when expanded\n /\n cellWidth?: string \| number;\n /\n Cell width when collapsed\n */\n maxCellWidth?: string \| number;\n maxCharsNumberFromStart?: number;\n maxCharsNumberFromEnd?: number;\n stickyCell?: boolean;\n emptyCell?: boolean;\n className?: string;\n align?: 'center' \| 'inherit' \| 'justify' \| 'left' \| 'right';\n size?: 'medium' \| 'small';\n} & Omit<MUITableCellProps, 'children' \| 'className' \| 'align' \| 'size'>;\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n (\n {\n isExpanded,\n setIsExpanded,\n tooltipTitle,\n collapsibleHeader,\n collapsibleBody,\n maxCellWidth,\n cellWidth,\n maxCharsNumberFromStart,\n maxCharsNumberFromEnd,\n children,\n stickyCell,\n emptyCell,\n className,\n ...props\n },\n ref\n ) => {\n const isStickyCell = stickyCell && !emptyCell;\n const classes = useStyles();\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n const getTruncatedText = (text: string) => {\n const fromStart = maxCharsNumberFromStart ?? 0;\n const fromEnd = maxCharsNumberFromEnd ?? 0;\n return text.length > fromStart + fromEnd\n ? `${text.substring(0, fromStart)} ... ${text.substring(text.length - fromEnd)}`\n : text;\n };\n\n const handleArrowIconClick = () => {\n setIsTooltipOpen(false);\n setIsExpanded?.(!isExpanded);\n };\n\n const cellStyle = useMemo(\n () => ({\n ...props.style,\n '--corvaui-tableCell-cellWidth': formatWidth((isExpanded ? maxCellWidth : cellWidth) ?? 0),\n }),\n [isExpanded, cellWidth, maxCellWidth, props.style]\n );\n\n return (\n <MUITableCell\n {...props}\n className={classNames(\n collapsibleHeader && classes.collapseHeader,\n isStickyCell && classes.stickyCell,\n emptyCell && classes.stickyEmptyCell,\n isStickyCell && 'stickyCell',\n emptyCell && 'stickyEmptyCell',\n className\n )}\n ref={ref}\n style={cellStyle}\n >\n {collapsibleHeader && (\n <div className={classes.tableCellWrapper}>\n {children}\n <IconButton\n className={classes.iconButton}\n size=\"small\"\n onClick={handleArrowIconClick}\n tooltipProps={{\n title: isExpanded ? 'Collapse' : 'Expand',\n open: isTooltipOpen,\n disableHoverListener: true,\n onMouseEnter: () => setIsTooltipOpen(true),\n onMouseLeave: () => setIsTooltipOpen(false),\n }}\n >\n {isExpanded ? <LeftIcon size={16} /> : <RightIcon size={16} />}\n </IconButton>\n </div>\n )}\n {collapsibleBody && (\n <Tooltip title={isExpanded ? '' : tooltipTitle}>\n <div>{isExpanded ? children : getTruncatedText(tooltipTitle ?? '')}</div>\n </Tooltip>\n )}\n {!collapsibleHeader && !collapsibleBody && children}\n </MUITableCell>\n );\n }\n);\n"],"names":["useStyles","makeStyles","theme","stickyCell","position","left","zIndex","background","palette","b4","stickyEmptyCell","right","collapseHeader","width","tableCellWrapper","display","alignItems","justifyContent","iconButton","padding","fontSize","backgroundColor","TableCell","forwardRef","_ref","ref","text","fromStart","fromEnd","isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","emptyCell","className","props","_objectWithoutProperties","_excluded","isStickyCell","classes","useState","_useState2","_slicedToArray","_useState","isTooltipOpen","setIsTooltipOpen","cellStyle","useMemo","_ref2","value","style","Number","isNaN","_jsxs","MUITableCell","_objectSpread","classNames","_jsx","IconButton","size","onClick","tooltipProps","title","open","disableHoverListener","onMouseEnter","onMouseLeave","LeftIcon","RightIcon","Tooltip","length","concat","substring"],"mappings":"~~4nKAYA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,SAAU,SACVC,KAAM,EACNC,OAAQ,EACRC,WAAYL,EAAMM,QAAQD,WAAWE,IAEvCC,gBAAiB,CACfN,SAAU,SACVO,MAAO,EACPL,OAAQ,GAEVM,eAAgB,CACdC,MAAO,sCAETC,iBAAkB,CAChBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBJ,MAAO,sCAETK,WAAY,CACVC,QAAS,EACTC,SAAU,GACV,UAAW,CACTC,gBAAiB,gBAGtB,IAgCYC,EAAYC,GACvB,SAAAC,EAiBEC,GACG,IAKuBC,EAClBC,EACAC,EAvBNC,IAAAA,WACAC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,aACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,sBACAC,IAAAA,SACAnC,IAAAA,WACAoC,IAAAA,UACAC,IAAAA,UACGC,EAAKC,EAAAlB,EAAAmB,GAIJC,EAAezC,IAAeoC,EAC9BM,EAAU7C,IAC0B8C,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAlDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAehCK,EAAYC,GAChB,WAAA,IAAAC,EApEeC,EAoEf,OACKd,EAAAA,EAAAA,CAAAA,EAAAA,EAAMe,OAAK,GAAA,CACd,iCAtEaD,EAsEsE,QAArC1B,EAAAA,EAAaK,EAAeC,SAAS,IAAAmB,EAAAA,EAAK,EArE7FG,OAAOC,MAAMD,OAAOF,IAAyBA,EAAZA,GAAAA,OAAAA,UAqE8D,GAE5F,CAAC1B,EAAYM,EAAWD,EAAcO,EAAMe,QAG9C,OACEG,EAACC,EAAYC,EAAAA,EAAA,GACPpB,GAAK,GAAA,CACTD,UAAWsB,EACT9B,GAAqBa,EAAQjC,eAC7BgC,GAAgBC,EAAQ1C,WACxBoC,GAAaM,EAAQnC,gBACrBkC,GAAgB,aAChBL,GAAa,kBACbC,GAEFf,IAAKA,EACL+B,MAAOJ,EAAUd,SAAA,CAEhBN,GACC2B,EAAA,MAAA,CAAKnB,UAAWK,EAAQ/B,iBAAiBwB,SACtCA,CAAAA,EACDyB,EAACC,EAAU,CACTxB,UAAWK,EAAQ3B,WACnB+C,KAAK,QACLC,QAjCmB,WAC3Bf,GAAiB,GACjBrB,SAAAA,GAAiBD,IAgCTsC,aAAc,CACZC,MAAOvC,EAAa,WAAa,SACjCwC,KAAMnB,EACNoB,sBAAsB,EACtBC,aAAc,WAAA,OAAMpB,GAAiB,EAAK,EAC1CqB,aAAc,WAAA,OAAMrB,GAAiB,EAAM,GAC3Cb,SAEYyB,EAAblC,EAAc4C,EAAyBC,EAAjB,CAACT,KAAM,UAInChC,GACC8B,EAACY,EAAO,CAACP,MAAOvC,EAAa,GAAKE,EAAaO,SAC7CyB,EAAA,MAAA,CAAAzB,SAAMT,EAAaS,GAxDDZ,EAwD6BK,QAAAA,EAAgB,GAvD/DJ,EAAYS,QAAAA,EAA2B,EACvCR,EAAUS,QAAAA,EAAyB,EAClCX,EAAKkD,OAASjD,EAAYC,EAAO,GAAAiD,OACjCnD,EAAKoD,UAAU,EAAGnD,GAAkBD,SAAAA,OAAAA,EAAKoD,UAAUpD,EAAKkD,OAAShD,IACpEF,QAsDAM,IAAsBC,GAAmBK,KAGjD"}
1	+ {"version":3,"file":"TableCell.js","sources":["../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useMemo, useState } from 'react';\nimport {\n makeStyles,\n TableCell as MUITableCell,\n TableCellProps as MUITableCellProps,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport IconButton from '~/components/IconButton';\nimport Tooltip from '~/components/Tooltip';\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n stickyCell: {\n position: 'sticky',\n left: 0,\n zIndex: 2,\n background: theme.palette.background.b4,\n },\n stickyEmptyCell: {\n position: 'sticky',\n right: 0,\n zIndex: 2,\n },\n collapseHeader: {\n width: 'var(--corvaui-tableCell-cellWidth)',\n },\n tableCellWrapper: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: 'var(--corvaui-tableCell-cellWidth)',\n },\n iconButton: {\n padding: 0,\n fontSize: 16,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n}));\n\nconst formatWidth = (value: string \| number) =>\n !Number.isNaN(Number(value)) ? `${value}px` : value;\n\nexport type TableCellProps = {\n /*\n Cell Content\n /\n children?: ReactNode;\n isExpanded?: boolean;\n setIsExpanded?: (value: boolean) => void;\n tooltipTitle?: string;\n collapsibleHeader?: boolean;\n collapsibleBody?: boolean;\n /\n Cell width when expanded\n /\n cellWidth?: string \| number;\n /\n Cell width when collapsed\n */\n maxCellWidth?: string \| number;\n maxCharsNumberFromStart?: number;\n maxCharsNumberFromEnd?: number;\n stickyCell?: boolean;\n emptyCell?: boolean;\n className?: string;\n align?: 'center' \| 'inherit' \| 'justify' \| 'left' \| 'right';\n size?: 'medium' \| 'small';\n} & Omit<MUITableCellProps, 'children' \| 'className' \| 'align' \| 'size'>;\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n (\n {\n isExpanded,\n setIsExpanded,\n tooltipTitle,\n collapsibleHeader,\n collapsibleBody,\n maxCellWidth,\n cellWidth,\n maxCharsNumberFromStart,\n maxCharsNumberFromEnd,\n children,\n stickyCell,\n emptyCell,\n className,\n ...props\n },\n ref\n ) => {\n const isStickyCell = stickyCell && !emptyCell;\n const classes = useStyles();\n const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n const getTruncatedText = (text: string) => {\n const fromStart = maxCharsNumberFromStart ?? 0;\n const fromEnd = maxCharsNumberFromEnd ?? 0;\n return text.length > fromStart + fromEnd\n ? `${text.substring(0, fromStart)} ... ${text.substring(text.length - fromEnd)}`\n : text;\n };\n\n const handleArrowIconClick = () => {\n setIsTooltipOpen(false);\n setIsExpanded?.(!isExpanded);\n };\n\n const cellStyle = useMemo(\n () => ({\n ...props.style,\n '--corvaui-tableCell-cellWidth': formatWidth((isExpanded ? maxCellWidth : cellWidth) ?? 0),\n }),\n [isExpanded, cellWidth, maxCellWidth, props.style]\n );\n\n return (\n <MUITableCell\n {...props}\n className={classNames(\n collapsibleHeader && classes.collapseHeader,\n isStickyCell && classes.stickyCell,\n emptyCell && classes.stickyEmptyCell,\n isStickyCell && 'stickyCell',\n emptyCell && 'stickyEmptyCell',\n className\n )}\n ref={ref}\n style={cellStyle}\n >\n {collapsibleHeader && (\n <div className={classes.tableCellWrapper}>\n {children}\n <IconButton\n className={classes.iconButton}\n size=\"small\"\n onClick={handleArrowIconClick}\n tooltipProps={{\n title: isExpanded ? 'Collapse' : 'Expand',\n open: isTooltipOpen,\n disableHoverListener: true,\n onMouseEnter: () => setIsTooltipOpen(true),\n onMouseLeave: () => setIsTooltipOpen(false),\n }}\n >\n {isExpanded ? <LeftIcon size={16} /> : <RightIcon size={16} />}\n </IconButton>\n </div>\n )}\n {collapsibleBody && (\n <Tooltip title={isExpanded ? '' : tooltipTitle}>\n <div>{isExpanded ? children : getTruncatedText(tooltipTitle ?? '')}</div>\n </Tooltip>\n )}\n {!collapsibleHeader && !collapsibleBody && children}\n </MUITableCell>\n );\n }\n);\n"],"names":["useStyles","makeStyles","theme","stickyCell","position","left","zIndex","background","palette","b4","stickyEmptyCell","right","collapseHeader","width","tableCellWrapper","display","alignItems","justifyContent","iconButton","padding","fontSize","backgroundColor","TableCell","forwardRef","_ref","ref","text","fromStart","fromEnd","isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","emptyCell","className","props","_objectWithoutProperties","_excluded","isStickyCell","classes","useState","_useState2","_slicedToArray","_useState","isTooltipOpen","setIsTooltipOpen","cellStyle","useMemo","_ref2","value","style","Number","isNaN","_jsxs","MUITableCell","_objectSpread","classNames","_jsx","IconButton","size","onClick","tooltipProps","title","open","disableHoverListener","onMouseEnter","onMouseLeave","LeftIcon","RightIcon","Tooltip","length","concat","substring"],"mappings":"y1KAYA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,SAAU,SACVC,KAAM,EACNC,OAAQ,EACRC,WAAYL,EAAMM,QAAQD,WAAWE,IAEvCC,gBAAiB,CACfN,SAAU,SACVO,MAAO,EACPL,OAAQ,GAEVM,eAAgB,CACdC,MAAO,sCAETC,iBAAkB,CAChBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBJ,MAAO,sCAETK,WAAY,CACVC,QAAS,EACTC,SAAU,GACV,UAAW,CACTC,gBAAiB,gBAGtB,IAgCYC,EAAYC,GACvB,SAAAC,EAiBEC,GACG,IAKuBC,EAClBC,EACAC,EAvBNC,IAAAA,WACAC,IAAAA,cACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,gBACAC,IAAAA,aACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,sBACAC,IAAAA,SACAnC,IAAAA,WACAoC,IAAAA,UACAC,IAAAA,UACGC,EAAKC,EAAAlB,EAAAmB,GAIJC,EAAezC,IAAeoC,EAC9BM,EAAU7C,IAC0B8C,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAlDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAehCK,EAAYC,GAChB,WAAA,IAAAC,EApEeC,EAoEf,OACKd,EAAAA,EAAAA,CAAAA,EAAAA,EAAMe,OAAK,GAAA,CACd,iCAtEaD,EAsEsE,QAArC1B,EAAAA,EAAaK,EAAeC,SAAS,IAAAmB,EAAAA,EAAK,EArE7FG,OAAOC,MAAMD,OAAOF,IAAyBA,EAAZA,GAAAA,OAAAA,UAqE8D,GAE5F,CAAC1B,EAAYM,EAAWD,EAAcO,EAAMe,QAG9C,OACEG,EAACC,EAAYC,EAAAA,EAAA,GACPpB,GAAK,GAAA,CACTD,UAAWsB,EACT9B,GAAqBa,EAAQjC,eAC7BgC,GAAgBC,EAAQ1C,WACxBoC,GAAaM,EAAQnC,gBACrBkC,GAAgB,aAChBL,GAAa,kBACbC,GAEFf,IAAKA,EACL+B,MAAOJ,EAAUd,SAAA,CAEhBN,GACC2B,EAAA,MAAA,CAAKnB,UAAWK,EAAQ/B,iBAAiBwB,SACtCA,CAAAA,EACDyB,EAACC,EAAU,CACTxB,UAAWK,EAAQ3B,WACnB+C,KAAK,QACLC,QAjCmB,WAC3Bf,GAAiB,GACjBrB,SAAAA,GAAiBD,IAgCTsC,aAAc,CACZC,MAAOvC,EAAa,WAAa,SACjCwC,KAAMnB,EACNoB,sBAAsB,EACtBC,aAAc,WAAA,OAAMpB,GAAiB,EAAK,EAC1CqB,aAAc,WAAA,OAAMrB,GAAiB,EAAM,GAC3Cb,SAEYyB,EAAblC,EAAc4C,EAAyBC,EAAjB,CAACT,KAAM,UAInChC,GACC8B,EAACY,EAAO,CAACP,MAAOvC,EAAa,GAAKE,EAAaO,SAC7CyB,EAAA,MAAA,CAAAzB,SAAMT,EAAaS,GAxDDZ,EAwD6BK,QAAAA,EAAgB,GAvD/DJ,EAAYS,QAAAA,EAA2B,EACvCR,EAAUS,QAAAA,EAAyB,EAClCX,EAAKkD,OAASjD,EAAYC,EAAO,GAAAiD,OACjCnD,EAAKoD,UAAU,EAAGnD,GAAkBD,SAAAA,OAAAA,EAAKoD,UAAUpD,EAAKkD,OAAShD,IACpEF,QAsDAM,IAAsBC,GAAmBK,KAGjD"}

package/components/Table/TablePaginationActions/TablePaginationActions.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{makeStyles as n}from"@material-ui/core";import{LeftIcon as i,RightIcon 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"../../IconButton/index.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function j(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?u(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var a=n((function(o){return{icon:{color:o.palette.primary.text6}}})),I=c((function(o,c){var n=o.backIconButtonProps,u=o.count,I=o.nextIconButtonProps,l=o.onChangePage,d=o.page,b=o.rowsPerPage,O=s(o,p),h=-1!==u&&d>=Math.ceil(u/b)-1,P=a();return m("div",j(j({ref:c},O),{},{children:[e(r,j(j({onClick:function(o){l(o,d-1)},disabled:0===d},n),{},{children:e(i,{size:"small",className:P.icon})})),e(r,j(j({onClick:function(o){l(o,d+1)},disabled:h},I),{},{children:e(t,{size:"small",className:P.icon})}))]}))}));export{I as TablePaginationActions};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import{makeStyles as n}from"@material-ui/core";import{LeftIcon as i,RightIcon as t}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import r from"../../IconButton/index.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=["backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function j(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?u(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var a=n((function(o){return{icon:{color:o.palette.primary.text6}}})),I=c((function(o,c){var n=o.backIconButtonProps,u=o.count,I=o.nextIconButtonProps,l=o.onChangePage,d=o.page,b=o.rowsPerPage,O=s(o,p),P=-1!==u&&d>=Math.ceil(u/b)-1,h=a();return m("div",j(j({ref:c},O),{},{children:[e(r,j(j({onClick:function(o){l(o,d-1)},disabled:0===d},n),{},{children:e(i,{size:"small",className:h.icon})})),e(r,j(j({onClick:function(o){l(o,d+1)},disabled:P},I),{},{children:e(t,{size:"small",className:h.icon})}))]}))}));export{I as TablePaginationActions};
 //# sourceMappingURL=TablePaginationActions.js.map

package/components/Table/TablePaginationActions/TablePaginationActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePaginationActions.js","sources":["../../../../src/components/Table/TablePaginationActions/TablePaginationActions.tsx"],"sourcesContent":["import { type MouseEvent, forwardRef } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TablePaginationActionsProps } from '@material-ui/core/TablePagination/TablePaginationActions';\nimport { LeftIcon, RightIcon } from '~/icons';\nimport IconButton from '../../IconButton';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n color: theme.palette.primary.text6,\n },\n}));\n\nexport const TablePaginationActions = forwardRef<HTMLDivElement, TablePaginationActionsProps>(\n (props, ref) => {\n const {\n backIconButtonProps,\n count,\n nextIconButtonProps,\n onChangePage,\n page,\n rowsPerPage,\n ...other\n } = props;\n const isNextButtonDisabled = count !== -1 && page >= Math.ceil(count / rowsPerPage) - 1;\n\n const classes = useStyles();\n\n const handleBackButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n onChangePage(event, page - 1);\n };\n\n const handleNextButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n onChangePage(event, page + 1);\n };\n\n return (\n <div ref={ref} {...other}>\n <IconButton onClick={handleBackButtonClick} disabled={page === 0} {...backIconButtonProps}>\n <LeftIcon size=\"small\" className={classes.icon} />\n </IconButton>\n <IconButton\n onClick={handleNextButtonClick}\n disabled={isNextButtonDisabled}\n {...nextIconButtonProps}\n >\n <RightIcon size=\"small\" className={classes.icon} />\n </IconButton>\n </div>\n );\n }\n);\n"],"names":["useStyles","makeStyles","theme","icon","color","palette","primary","text6","TablePaginationActions","forwardRef","props","ref","backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage","other","_excluded","isNextButtonDisabled","Math","ceil","classes","_jsxs","_objectSpread","children","_jsx","IconButton","onClick","event","disabled","LeftIcon","size","className","RightIcon"],"mappings":"~~+yJAMA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAEhC,IAEYC,EAAyBC,GACpC,SAACC,EAAOC,GACN,IACEC,EAOEF,EAPFE,oBACAC,EAMEH,EANFG,MACAC,EAKEJ,EALFI,oBACAC,EAIEL,EAJFK,aACAC,EAGEN,EAHFM,KACAC,EAEEP,EAFFO,YACGC,IACDR,EAAKS,GACHC,GAAkC,IAAXP,GAAgBG,GAAQK,KAAKC,KAAKT,EAAQI,GAAe,EAEhFM,EAAUvB,IAUhB,OACEwB,EAAA,MAAAC,EAAAA,EAAA,CAAKd,IAAKA,GAASO,GAAK,GAAA,CAAAQ,SAAA,CACtBC,EAACC,EAAUH,EAAAA,EAAA,CAACI,QAVc,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IASmBe,SAAmB,IAATf,GAAgBJ,GAAmB,GAAA,CAAAc,SACvFC,EAACK,EAAQ,CAACC,KAAK,QAAQC,UAAWX,EAAQpB,UAE5CwB,EAACC,EAAUH,EAAAA,EAAA,CACTI,QAVwB,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IAUvBe,SAAUX,GACNN,GAAmB,GAAA,CAAAY,SAEvBC,EAACQ,EAAS,CAACF,KAAK,QAAQC,UAAWX,EAAQpB,aAInD"}
1	+ {"version":3,"file":"TablePaginationActions.js","sources":["../../../../src/components/Table/TablePaginationActions/TablePaginationActions.tsx"],"sourcesContent":["import { type MouseEvent, forwardRef } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TablePaginationActionsProps } from '@material-ui/core/TablePagination/TablePaginationActions';\nimport { LeftIcon, RightIcon } from '~/icons';\nimport IconButton from '../../IconButton';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n color: theme.palette.primary.text6,\n },\n}));\n\nexport const TablePaginationActions = forwardRef<HTMLDivElement, TablePaginationActionsProps>(\n (props, ref) => {\n const {\n backIconButtonProps,\n count,\n nextIconButtonProps,\n onChangePage,\n page,\n rowsPerPage,\n ...other\n } = props;\n const isNextButtonDisabled = count !== -1 && page >= Math.ceil(count / rowsPerPage) - 1;\n\n const classes = useStyles();\n\n const handleBackButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n onChangePage(event, page - 1);\n };\n\n const handleNextButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n onChangePage(event, page + 1);\n };\n\n return (\n <div ref={ref} {...other}>\n <IconButton onClick={handleBackButtonClick} disabled={page === 0} {...backIconButtonProps}>\n <LeftIcon size=\"small\" className={classes.icon} />\n </IconButton>\n <IconButton\n onClick={handleNextButtonClick}\n disabled={isNextButtonDisabled}\n {...nextIconButtonProps}\n >\n <RightIcon size=\"small\" className={classes.icon} />\n </IconButton>\n </div>\n );\n }\n);\n"],"names":["useStyles","makeStyles","theme","icon","color","palette","primary","text6","TablePaginationActions","forwardRef","props","ref","backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage","other","_excluded","isNextButtonDisabled","Math","ceil","classes","_jsxs","_objectSpread","children","_jsx","IconButton","onClick","event","disabled","LeftIcon","size","className","RightIcon"],"mappings":"4gKAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAEhC,IAEYC,EAAyBC,GACpC,SAACC,EAAOC,GACN,IACEC,EAOEF,EAPFE,oBACAC,EAMEH,EANFG,MACAC,EAKEJ,EALFI,oBACAC,EAIEL,EAJFK,aACAC,EAGEN,EAHFM,KACAC,EAEEP,EAFFO,YACGC,IACDR,EAAKS,GACHC,GAAkC,IAAXP,GAAgBG,GAAQK,KAAKC,KAAKT,EAAQI,GAAe,EAEhFM,EAAUvB,IAUhB,OACEwB,EAAA,MAAAC,EAAAA,EAAA,CAAKd,IAAKA,GAASO,GAAK,GAAA,CAAAQ,SAAA,CACtBC,EAACC,EAAUH,EAAAA,EAAA,CAACI,QAVc,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IASmBe,SAAmB,IAATf,GAAgBJ,GAAmB,GAAA,CAAAc,SACvFC,EAACK,EAAQ,CAACC,KAAK,QAAQC,UAAWX,EAAQpB,UAE5CwB,EAACC,EAAUH,EAAAA,EAAA,CACTI,QAVwB,SAACC,GAC7Bf,EAAae,EAAOd,EAAO,IAUvBe,SAAUX,GACNN,GAAmB,GAAA,CAAAY,SAEvBC,EAACQ,EAAS,CAACF,KAAK,QAAQC,UAAWX,EAAQpB,aAInD"}

package/components/Table/TableSortLabel/TableSortLabel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{Tooltip as s,TableSortLabel as c}from"@material-ui/core";import{DownSmallIcon as i}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 n}from"react/jsx-runtime";function t(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 r(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?t(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var m=function(o){return n(s,{placement:"top-end",title:"Sort",children:n(c,r(r({},o),{},{IconComponent:function(o){return n(i,r(r({},o),{},{size:16}))}}))})};export{m as default};
+import o from"@babel/runtime/helpers/defineProperty";import{Tooltip as s,TableSortLabel as c}from"@material-ui/core";import{DownSmallIcon as n}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as i}from"react/jsx-runtime";function t(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function r(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?t(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):t(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var m=function(o){return i(s,{placement:"top-end",title:"Sort",children:i(c,r(r({},o),{},{IconComponent:function(o){return i(n,r(r({},o),{},{size:16}))}}))})};export{m as default};
 //# sourceMappingURL=TableSortLabel.js.map

package/components/Table/TableSortLabel/TableSortLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableSortLabel.js","sources":["../../../../src/components/Table/TableSortLabel/TableSortLabel.tsx"],"sourcesContent":["import {\n TableSortLabel as TableSortLabelComponent,\n TableSortLabelProps as MUITableSortLabelProps,\n Tooltip,\n} from '@material-ui/core';\n\nimport { DownSmallIcon } from '~/icons';\n\nexport type TableSortLabelProps = {\n /*\n Shows an arrow indicating sort direction\n /\n active?: boolean;\n /\n Click handler\n */\n onClick?: MUITableSortLabelProps['onClick'];\n} & Omit<MUITableSortLabelProps, 'IconComponent' \| 'active' \| 'onClick'>;\n\nconst TableSortLabel = (props: TableSortLabelProps) => (\n <Tooltip placement=\"top-end\" title=\"Sort\">\n <TableSortLabelComponent\n {...props}\n IconComponent={iconProps => <DownSmallIcon {...iconProps} size={16} />}\n />\n </Tooltip>\n);\n\nexport default TableSortLabel;\n"],"names":["TableSortLabel","props","_jsx","Tooltip","placement","title","children","TableSortLabelComponent","_objectSpread","IconComponent","iconProps","DownSmallIcon","size"],"mappings":"~~kkJAmBA~~,IAAMA,EAAiB,SAACC,GAA0B,OAChDC,EAACC,EAAO,CAACC,UAAU,UAAUC,MAAM,OAAMC,SACvCJ,EAACK,EAAuBC,EAAAA,EAAA,GAClBP,GAAK,GAAA,CACTQ,cAAe,SAAAC,GAAS,OAAIR,EAACS,EAAaH,EAAAA,EAAA,GAAKE,GAAS,GAAA,CAAEE,KAAM,KAAM,MAEhE"}
1	+ {"version":3,"file":"TableSortLabel.js","sources":["../../../../src/components/Table/TableSortLabel/TableSortLabel.tsx"],"sourcesContent":["import {\n TableSortLabel as TableSortLabelComponent,\n TableSortLabelProps as MUITableSortLabelProps,\n Tooltip,\n} from '@material-ui/core';\n\nimport { DownSmallIcon } from '~/icons';\n\nexport type TableSortLabelProps = {\n /*\n Shows an arrow indicating sort direction\n /\n active?: boolean;\n /\n Click handler\n */\n onClick?: MUITableSortLabelProps['onClick'];\n} & Omit<MUITableSortLabelProps, 'IconComponent' \| 'active' \| 'onClick'>;\n\nconst TableSortLabel = (props: TableSortLabelProps) => (\n <Tooltip placement=\"top-end\" title=\"Sort\">\n <TableSortLabelComponent\n {...props}\n IconComponent={iconProps => <DownSmallIcon {...iconProps} size={16} />}\n />\n </Tooltip>\n);\n\nexport default TableSortLabel;\n"],"names":["TableSortLabel","props","_jsx","Tooltip","placement","title","children","TableSortLabelComponent","_objectSpread","IconComponent","iconProps","DownSmallIcon","size"],"mappings":"+xJAmBA,IAAMA,EAAiB,SAACC,GAA0B,OAChDC,EAACC,EAAO,CAACC,UAAU,UAAUC,MAAM,OAAMC,SACvCJ,EAACK,EAAuBC,EAAAA,EAAA,GAClBP,GAAK,GAAA,CACTQ,cAAe,SAAAC,GAAS,OAAIR,EAACS,EAAaH,EAAAA,EAAA,GAAKE,GAAS,GAAA,CAAEE,KAAM,KAAM,MAEhE"}

package/components/Template/TemplateSharingDialog/ChipSelector.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import './ChipSelector.css';
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<PropTypes.InferProps<{
     items: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
     selectedItems: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
     newItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
@@ -16,35 +16,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     hintText: PropTypes.Requireable<string>;
     errorText: PropTypes.Requireable<string>;
     listTitle: PropTypes.Requireable<string>;
-}>, PropTypes.RequiredKeys<{
-    items: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    selectedItems: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
-    newItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    onAdd: PropTypes.Validator<(...args: any[]) => any>;
-    onRemove: PropTypes.Validator<(...args: any[]) => any>;
-    allowAddNewItems: PropTypes.Requireable<boolean>;
-    onAddNew: PropTypes.Requireable<(...args: any[]) => any>;
-    onRemoveNew: PropTypes.Requireable<(...args: any[]) => any>;
-    chipFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-    listItemFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-    classes: PropTypes.Requireable<string>;
-    listClasses: PropTypes.Requireable<string>;
-    hintText: PropTypes.Requireable<string>;
-    errorText: PropTypes.Requireable<string>;
-    listTitle: PropTypes.Requireable<string>;
-}>> & {
-    newItems?: (PropTypes.InferProps<{}> | null | undefined)[] | null | undefined;
-    allowAddNewItems?: boolean | null | undefined;
-    onAddNew?: ((...args: any[]) => any) | null | undefined;
-    onRemoveNew?: ((...args: any[]) => any) | null | undefined;
-    chipFormatter?: ((...args: any[]) => any) | null | undefined;
-    listItemFormatter?: ((...args: any[]) => any) | null | undefined;
-    classes?: string | null | undefined;
-    listClasses?: string | null | undefined;
-    hintText?: string | null | undefined;
-    errorText?: string | null | undefined;
-    listTitle?: string | null | undefined;
-} & {}, "allowAddNewItems" | "chipFormatter" | "errorText" | "hintText" | "listClasses" | "listItemFormatter" | "listTitle" | "newItems" | "onAddNew" | "onRemoveNew" | PropTypes.RequiredKeys<{
+}>, "allowAddNewItems" | "chipFormatter" | "errorText" | "hintText" | "listClasses" | "listItemFormatter" | "listTitle" | "newItems" | "onAddNew" | "onRemoveNew" | PropTypes.RequiredKeys<{
     items: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
     selectedItems: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
     newItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;

package/components/Template/TemplateSharingDialog/ChipSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import s from"@babel/runtime/helpers/getPrototypeOf";import o from"@babel/runtime/helpers/defineProperty";import{PureComponent as a}from"react";import{get as l,isEmpty as c}from"lodash";import p from"prop-types";import u from"classnames";import{Chip as m,TextField as d,ListItem as f,ListItemText as h,FormControl as I,FormHelperText as b,List as g,withStyles as y}from"@material-ui/core";import{Autocomplete as v}from"@material-ui/lab";import"./ChipSelector.css.js";import{jsx as w,jsxs as O}from"react/jsx-runtime";function R(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?R(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=s(t);if(e){var o=s(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return i(this,r)}}var C=new RegExp("^new.*$"),N=function(i){n(p,a);var s=x(p);function p(e){var n;return t(this,p),n=s.call(this,e),o(r(n),"formatItem",(function(t){return{text:n.props.chipFormatter(t),id:l(t,"id"),persistent:l(t,"persistent",!1)}})),o(r(n),"handleChange",(function(t,e){var r=n.formattedSelectedItems,i=new Set(r.map((function(t){return t.id}))),s=new Set(e.map((function(t){return t.id}))),o=e.filter((function(t){return!i.has(t.id)})),a=r.filter((function(t){return!s.has(t.id)&&!t.persistent})).map((function(t){return t.id}));o.forEach(n.handleRequestAdd),a.forEach(n.handleRequestDelete)})),o(r(n),"handleRequestAdd",(function(t){var e=t.id,r=t.text;n.props.allowAddNewItems?n.itemWithSameNameExists(r)?n.setState({isError:!0}):n.props.onAddNew({id:"new".concat(r),name:r}):n.listedItems.find((function(t){return l(t,"id")===e}))?n.props.onAdd(e):n.setState({isError:!0})})),o(r(n),"handleRequestDelete",(function(t){n.props.allowAddNewItems&&C.test(t)?n.props.onRemoveNew(t):n.props.onRemove(t)})),o(r(n),"handleUpdateInput",(function(){n.state.isError&&n.setState({isError:!1})})),o(r(n),"getOptionLabel",(function(t){return t.text})),o(r(n),"renderTags",(function(t,e){return t.map((function(t,r){return w(m,S(S({"data-not-migrated-MuiChip":!0,label:n.getOptionLabel(t)},e({index:r})),{},{onDelete:t.persistent?null:function(){return n.handleRequestDelete(t.id)}}),r)}))})),o(r(n),"renderInput",(function(t){return w(d,S(S({},t),{},{variant:"standard",placeholder:n.props.hintText}))})),o(r(n),"itemWithSameNameExists",(function(t){return n.props.items.concat(n.props.newItems).map(n.formatItem).find((function(e){return l(e,"text")===t}))})),n.state={isError:!1},n}return e(p,[{key:"componentDidUpdate",value:function(t){var e=t.selectedItems;this.props.selectedItems!==e&&this.setState({isError:!1})}},{key:"itemList",get:function(){var t=this;return this.listedItems.map((function(e){return w(f,{"data-testid":"".concat("chipSelector","_item_").concat(t.props.listItemFormatter(e)),button:!0,divider:!0,onClick:function(){return t.props.onAdd(l(e,"id"))},children:w(h,{children:t.props.listItemFormatter(e)})},l(e,"id"))}))}},{key:"listedItems",get:function(){var t=this;return this.props.items.filter((function(e){return!t.props.selectedItems.has(l(e,"id"))}))}},{key:"selectedItems",get:function(){var t=this;return this.props.items.filter((function(e){return t.props.selectedItems.has(l(e,"id"))})).concat(this.props.allowAddNewItems?this.props.newItems:[])}},{key:"formattedSelectedItems",get:function(){return this.selectedItems.map(this.formatItem)}},{key:"formattedListedItems",get:function(){return this.listedItems.map(this.formatItem)}},{key:"render",value:function(){var t=this.state.isError?this.props.errorText:"",e=this.props.classes;return O("div",{children:[O(I,{className:e.formControl,error:!!t,fullWidth:!0,children:[w(v,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:e.inputRoot},value:this.formattedSelectedItems,onChange:this.handleChange,onInputChange:this.handleUpdateInput,options:this.formattedListedItems,getOptionLabel:this.getOptionLabel,renderInput:this.renderInput,renderTags:this.renderTags}),w(b,{children:t})]}),w("div",{className:"c-chip-select-component__list-title",children:w("em",{children:this.props.listTitle})}),w(g,{className:u(this.props.listClasses,this.props.classes.listStyle),children:c(this.listedItems)?w("div",{className:"c-chip-select-component__empty-list",children:w("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):this.itemList})]})}}]),p}();N.propTypes={items:p.arrayOf(p.shape({})).isRequired,selectedItems:p.shape([]).isRequired,newItems:p.arrayOf(p.shape({})),onAdd:p.func.isRequired,onRemove:p.func.isRequired,allowAddNewItems:p.bool,onAddNew:p.func,onRemoveNew:p.func,chipFormatter:p.func,listItemFormatter:p.func,classes:p.string,listClasses:p.string,hintText:p.string,errorText:p.string,listTitle:p.string},N.defaultProps={allowAddNewItems:!1,chipFormatter:function(t){return t.toString()},listItemFormatter:function(t){return t.toString()},classes:"c-chip-select-component__container",listClasses:"c-chip-select-component__list",hintText:null,errorText:"You can not add not existing item",listTitle:"All items",onAddNew:null,onRemoveNew:null,newItems:null};var A=y({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(N);export{A as default};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as n}from"react";import{get as i,isEmpty as o}from"lodash";import c from"prop-types";import s from"classnames";import{withStyles as a,FormControl as l,FormHelperText as u,List as d,ListItem as p,ListItemText as m,Chip as f,TextField as h}from"@material-ui/core";import{Autocomplete as v}from"@material-ui/lab";import"./ChipSelector.css.js";import{jsxs as b,jsx as g}from"react/jsx-runtime";function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?y(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=new RegExp("^new.*$"),x=function(t){return t.toString()};function j(t){var r=t.items,c=t.selectedItems,a=t.newItems,y=void 0===a?null:a,j=t.onAdd,R=t.onRemove,_=t.allowAddNewItems,I=void 0!==_&&_,C=t.onAddNew,N=void 0===C?null:C,S=t.onRemoveNew,P=void 0===S?null:S,T=t.chipFormatter,A=void 0===T?x:T,D=t.listItemFormatter,E=void 0===D?x:D,q=t.classes,F=void 0===q?"c-chip-select-component__container":q,L=t.listClasses,k=void 0===L?"c-chip-select-component__list":L,B=t.hintText,W=void 0===B?null:B,M=t.errorText,Y=void 0===M?"You can not add not existing item":M,$=t.listTitle,z=void 0===$?"All items":$,G=n(!1),H=e(G,2),J=H[0],K=H[1],Q=n(c),U=e(Q,2),V=U[0],X=U[1];c!==V&&(X(c),K(!1));var Z=r.filter((function(t){return!c.has(i(t,"id"))})),tt=function(t){return{text:A(t),id:i(t,"id"),persistent:i(t,"persistent",!1)}},et=r.filter((function(t){return c.has(i(t,"id"))})).concat(I?y:[]).map(tt),rt=Z.map(tt),nt=function(t){var e=t.id,r=t.text;I?ct(r)?K(!0):N({id:"new".concat(r),name:r}):Z.find((function(t){return i(t,"id")===e}))?j(e):K(!0)},it=function(t){I&&O.test(t)?P(t):R(t)},ot=function(t){return t.text},ct=function(t){return r.concat(y).map(tt).find((function(e){return i(e,"text")===t}))},st=J?Y:"";return b("div",{children:[b(l,{className:F.formControl,error:!!st,fullWidth:!0,children:[g(v,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:F.inputRoot},value:et,onChange:function(t,e){var r=et,n=new Set(r.map((function(t){return t.id}))),i=new Set(e.map((function(t){return t.id}))),o=e.filter((function(t){return!n.has(t.id)})),c=r.filter((function(t){return!i.has(t.id)&&!t.persistent})).map((function(t){return t.id}));o.forEach(nt),c.forEach(it)},onInputChange:function(){J&&K(!1)},options:rt,getOptionLabel:ot,renderInput:function(t){return g(h,w(w({},t),{},{variant:"standard",placeholder:W}))},renderTags:function(t,e){return t.map((function(t,r){return g(f,w(w({"data-not-migrated-MuiChip":!0,label:ot(t)},e({index:r})),{},{onDelete:t.persistent?null:function(){return it(t.id)}}),r)}))}}),g(u,{children:st})]}),g("div",{className:"c-chip-select-component__list-title",children:g("em",{children:z})}),g(d,{className:s(k,F.listStyle),children:o(Z)?g("div",{className:"c-chip-select-component__empty-list",children:g("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):Z.map((function(t){return g(p,{"data-testid":"".concat("chipSelector","_item_").concat(E(t)),button:!0,divider:!0,onClick:function(){return j(i(t,"id"))},children:g(m,{children:E(t)})},i(t,"id"))}))})]})}j.propTypes={items:c.arrayOf(c.shape({})).isRequired,selectedItems:c.shape([]).isRequired,newItems:c.arrayOf(c.shape({})),onAdd:c.func.isRequired,onRemove:c.func.isRequired,allowAddNewItems:c.bool,onAddNew:c.func,onRemoveNew:c.func,chipFormatter:c.func,listItemFormatter:c.func,classes:c.string,listClasses:c.string,hintText:c.string,errorText:c.string,listTitle:c.string};var R=a({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(r(j));export{R as default};
 //# sourceMappingURL=ChipSelector.js.map

package/components/Template/TemplateSharingDialog/ChipSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipSelector.js","sources":["../../../../src/components/Template/TemplateSharingDialog/ChipSelector.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport { get, isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n Chip,\n FormControl,\n FormHelperText,\n List as ListComponent,\n ListItem,\n ListItemText,\n TextField,\n withStyles,\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport './ChipSelector.css';\n\nconst PAGE_NAME = 'chipSelector';\n\nconst newItemRegExp = new RegExp('^new.*$');\n\nconst muiStyles = {\n listStyle: {\n borderColor: 'grey',\n overflow: 'auto',\n },\n formControl: { marginBottom: 8 },\n inputRoot: { paddingBottom: '8px !important' },\n};\n\nclass ChipSelector extends PureComponent {\n constructor(props) {\n super(props);\n this.state = { isError: false };\n }\n\n componentDidUpdate({ selectedItems }) {\n if (this.props.selectedItems !== selectedItems) {\n this.setState({ isError: false });\n }\n }\n\n get itemList() {\n return this.listedItems.map(item => (\n <ListItem\n data-testid={`${PAGE_NAME}_item_${this.props.listItemFormatter(item)}`}\n key={get(item, 'id')}\n button\n divider\n onClick={() => this.props.onAdd(get(item, 'id'))}\n >\n <ListItemText>{this.props.listItemFormatter(item)}</ListItemText>\n </ListItem>\n ));\n }\n\n get listedItems() {\n return this.props.items.filter(item => !this.props.selectedItems.has(get(item, 'id')));\n }\n\n get selectedItems() {\n return this.props.items\n .filter(item => this.props.selectedItems.has(get(item, 'id')))\n .concat(this.props.allowAddNewItems ? this.props.newItems : []);\n }\n\n get formattedSelectedItems() {\n return this.selectedItems.map(this.formatItem);\n }\n\n get formattedListedItems() {\n return this.listedItems.map(this.formatItem);\n }\n\n formatItem = item => ({\n text: this.props.chipFormatter(item),\n id: get(item, 'id'),\n persistent: get(item, 'persistent', false), // NOTE: Item is not removable\n });\n\n handleChange = (e, nextItems) => {\n const prevItems = this.formattedSelectedItems;\n const prevIdsSet = new Set(prevItems.map(item => item.id));\n const nextIdsSet = new Set(nextItems.map(item => item.id));\n\n const itemsToAdd = nextItems.filter(item => !prevIdsSet.has(item.id));\n const itemsIdsToRemove = prevItems\n .filter(item => !nextIdsSet.has(item.id) && !item.persistent)\n .map(item => item.id);\n itemsToAdd.forEach(this.handleRequestAdd);\n itemsIdsToRemove.forEach(this.handleRequestDelete);\n };\n\n handleRequestAdd = ({ id, text }) => {\n if (this.props.allowAddNewItems) {\n if (this.itemWithSameNameExists(text)) {\n this.setState({ isError: true });\n } else {\n this.props.onAddNew({\n id: `new${text}`,\n name: text,\n });\n }\n } else if (this.listedItems.find(item => get(item, 'id') === id)) {\n this.props.onAdd(id);\n } else {\n this.setState({ isError: true });\n }\n };\n\n handleRequestDelete = id => {\n if (this.props.allowAddNewItems && newItemRegExp.test(id)) {\n this.props.onRemoveNew(id);\n } else {\n this.props.onRemove(id);\n }\n };\n\n handleUpdateInput = () => {\n if (this.state.isError) {\n this.setState({ isError: false });\n }\n };\n\n getOptionLabel = option => option.text;\n\n renderTags = (value, getCustomizedTagProps) =>\n value.map((option, index) => (\n <Chip\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n data-not-migrated-MuiChip\n label={this.getOptionLabel(option)}\n {...getCustomizedTagProps({ index })}\n onDelete={option.persistent ? null : () => this.handleRequestDelete(option.id)}\n />\n ));\n\n renderInput = params => (\n <TextField {...params} variant=\"standard\" placeholder={this.props.hintText} />\n );\n\n itemWithSameNameExists = text =>\n this.props.items\n .concat(this.props.newItems)\n .map(this.formatItem)\n .find(item => get(item, 'text') === text);\n\n render() {\n const errorText = this.state.isError ? this.props.errorText : '';\n const { classes } = this.props;\n\n return (\n <div>\n <FormControl className={classes.formControl} error={!!errorText} fullWidth>\n <Autocomplete\n data-testid=\"generic_chipInput\"\n multiple\n fullWidth\n id=\"chip-selector\"\n classes={{ inputRoot: classes.inputRoot }}\n value={this.formattedSelectedItems}\n onChange={this.handleChange}\n onInputChange={this.handleUpdateInput}\n options={this.formattedListedItems}\n getOptionLabel={this.getOptionLabel}\n renderInput={this.renderInput}\n renderTags={this.renderTags}\n />\n <FormHelperText>{errorText}</FormHelperText>\n </FormControl>\n\n <div className=\"c-chip-select-component__list-title\">\n <em>{this.props.listTitle}</em>\n </div>\n <ListComponent className={classNames(this.props.listClasses, this.props.classes.listStyle)}>\n {!isEmpty(this.listedItems) ? (\n this.itemList\n ) : (\n <div className=\"c-chip-select-component__empty-list\">\n <p data-testid={`${PAGE_NAME}_emptyLabel`}>List is empty</p>\n </div>\n )}\n </ListComponent>\n </div>\n );\n }\n}\n\nChipSelector.propTypes = {\n items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n selectedItems: PropTypes.shape([]).isRequired,\n newItems: PropTypes.arrayOf(PropTypes.shape({})),\n onAdd: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n allowAddNewItems: PropTypes.bool,\n onAddNew: PropTypes.func,\n onRemoveNew: PropTypes.func,\n chipFormatter: PropTypes.func,\n listItemFormatter: PropTypes.func,\n classes: PropTypes.string,\n listClasses: PropTypes.string,\n hintText: PropTypes.string,\n errorText: PropTypes.string,\n listTitle: PropTypes.string,\n};\n\nChipSelector.defaultProps = {\n allowAddNewItems: false,\n chipFormatter: item => item.toString(),\n listItemFormatter: item => item.toString(),\n classes: 'c-chip-select-component__container',\n listClasses: 'c-chip-select-component__list',\n hintText: null,\n errorText: 'You can not add not existing item',\n listTitle: 'All items',\n onAddNew: null,\n onRemoveNew: null,\n newItems: null,\n};\n\nexport default withStyles(muiStyles)(ChipSelector);\n"],"names":["newItemRegExp","RegExp","ChipSelector","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","item","text","chipFormatter","id","get","persistent","e","nextItems","prevItems","formattedSelectedItems","prevIdsSet","Set","map","nextIdsSet","itemsToAdd","filter","has","itemsIdsToRemove","forEach","handleRequestAdd","handleRequestDelete","_ref","allowAddNewItems","itemWithSameNameExists","setState","isError","onAddNew","concat","name","listedItems","find","onAdd","test","onRemoveNew","onRemove","state","option","value","getCustomizedTagProps","index","_jsx","Chip","_objectSpread","label","getOptionLabel","onDelete","params","TextField","variant","placeholder","hintText","items","newItems","formatItem","_createClass","key","_ref2","selectedItems","_this2","ListItem","PAGE_NAME","listItemFormatter","button","divider","onClick","children","ListItemText","_this3","_this4","errorText","classes","_jsxs","FormControl","className","formControl","error","fullWidth","Autocomplete","multiple","inputRoot","onChange","handleChange","onInputChange","handleUpdateInput","options","formattedListedItems","renderInput","renderTags","FormHelperText","listTitle","ListComponent","classNames","listClasses","listStyle","isEmpty","itemList","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","defaultProps","toString","ChipSelector$1","withStyles","borderColor","overflow","marginBottom","paddingBottom"],"mappings":"6vDAkBA,IAEMA,EAAgB,IAAIC,OAAO,WAW3BC,EAAY,SAAAC,GAAAC,EAAAF,EAASG,GAAT,IAAAC,EAAAC,EAAAL,GAChB,SAAAA,EAAYM,GAAO,IAAAC,EAEe,OAFfC,EAAAC,KAAAT,GACjBO,EAAAH,EAAAM,KAAAD,KAAMH,GAAOK,EAAAC,EAAAL,GAAA,cA0CF,SAAAM,GAAI,MAAK,CACpBC,KAAMP,EAAKD,MAAMS,cAAcF,GAC/BG,GAAIC,EAAIJ,EAAM,MACdK,WAAYD,EAAIJ,EAAM,cAAc,OACpCF,EAAAC,EAAAL,GAAA,gBAEa,SAACY,EAAGC,GACjB,IAAMC,EAAYd,EAAKe,uBACjBC,EAAa,IAAIC,IAAIH,EAAUI,KAAI,SAAAZ,GAAI,OAAIA,EAAKG,EAAE,KAClDU,EAAa,IAAIF,IAAIJ,EAAUK,KAAI,SAAAZ,GAAI,OAAIA,EAAKG,EAAE,KAElDW,EAAaP,EAAUQ,QAAO,SAAAf,GAAI,OAAKU,EAAWM,IAAIhB,EAAKG,OAC3Dc,EAAmBT,EACtBO,QAAO,SAAAf,GAAI,OAAKa,EAAWG,IAAIhB,EAAKG,MAAQH,EAAKK,UAAU,IAC3DO,KAAI,SAAAZ,GAAI,OAAIA,EAAKG,MACpBW,EAAWI,QAAQxB,EAAKyB,kBACxBF,EAAiBC,QAAQxB,EAAK0B,wBAC/BtB,EAAAC,EAAAL,GAAA,oBAEkB,SAAkB2B,GAAA,IAAflB,IAAAA,GAAIF,IAAAA,KACpBP,EAAKD,MAAM6B,iBACT5B,EAAK6B,uBAAuBtB,GAC9BP,EAAK8B,SAAS,CAAEC,SAAS,IAEzB/B,EAAKD,MAAMiC,SAAS,CAClBvB,GAAE,MAAAwB,OAAQ1B,GACV2B,KAAM3B,IAGDP,EAAKmC,YAAYC,MAAK,SAAA9B,GAAI,OAAII,EAAIJ,EAAM,QAAUG,CAAE,IAC7DT,EAAKD,MAAMsC,MAAM5B,GAEjBT,EAAK8B,SAAS,CAAEC,SAAS,OAE5B3B,EAEqBC,EAAAL,GAAA,uBAAA,SAAAS,GAChBT,EAAKD,MAAM6B,kBAAoBrC,EAAc+C,KAAK7B,GACpDT,EAAKD,MAAMwC,YAAY9B,GAEvBT,EAAKD,MAAMyC,SAAS/B,MAEvBL,EAAAC,EAAAL,GAAA,qBAEmB,WACdA,EAAKyC,MAAMV,SACb/B,EAAK8B,SAAS,CAAEC,SAAS,OAE5B3B,EAAAC,EAAAL,GAAA,kBAEgB,SAAA0C,GAAM,OAAIA,EAAOnC,IAAI,IAAAH,EAEzBC,EAAAL,GAAA,cAAA,SAAC2C,EAAOC,GAAqB,OACxCD,EAAMzB,KAAI,SAACwB,EAAQG,GAAK,OACtBC,EAACC,EACCC,EAAAA,EAAA,CAEA,6BAAyB,EACzBC,MAAOjD,EAAKkD,eAAeR,IACvBE,EAAsB,CAAEC,MAAAA,KAAQ,CAAA,EAAA,CACpCM,SAAUT,EAAO/B,WAAa,KAAO,WAAA,OAAMX,EAAK0B,oBAAoBgB,EAAOjC,GAAG,IAJzEoC,EAKL,GACF,IAAAzC,EAAAC,EAAAL,GAAA,eAEU,SAAAoD,GAAM,OAClBN,EAACO,EAASL,EAAAA,EAAA,GAAKI,GAAM,GAAA,CAAEE,QAAQ,WAAWC,YAAavD,EAAKD,MAAMyD,eACnEpD,EAAAC,EAAAL,GAAA,0BAEwB,SAAAO,GAAI,OAC3BP,EAAKD,MAAM0D,MACRxB,OAAOjC,EAAKD,MAAM2D,UAClBxC,IAAIlB,EAAK2D,YACTvB,MAAK,SAAA9B,GAAI,OAAII,EAAIJ,EAAM,UAAYC,IAAK,IAjH3CP,EAAKyC,MAAQ,CAAEV,SAAS,GAAQ/B,CAClC,CAwJC,OAxJA4D,EAAAnE,EAAA,CAAA,CAAAoE,IAAA,qBAAAlB,MAED,SAAsCmB,GAAA,IAAjBC,IAAAA,cACf7D,KAAKH,MAAMgE,gBAAkBA,GAC/B7D,KAAK4B,SAAS,CAAEC,SAAS,GAE7B,GAAC,CAAA8B,IAAA,WAAAnD,IAED,WAAe,IAAAsD,EAAA9D,KACb,OAAOA,KAAKiC,YAAYjB,KAAI,SAAAZ,GAAI,OAC9BwC,EAACmB,EAAQ,CACP,cAAgBC,GAAAA,OA5BN,eA4BwB,UAAAjC,OAAA+B,EAAKjE,MAAMoE,kBAAkB7D,IAE/D8D,QAAM,EACNC,SAAO,EACPC,QAAS,WAAA,OAAMN,EAAKjE,MAAMsC,MAAM3B,EAAIJ,EAAM,MAAO,EAAAiE,SAEjDzB,EAAC0B,EAAY,CAAAD,SAAEP,EAAKjE,MAAMoE,kBAAkB7D,MALvCI,EAAIJ,EAAM,MAMN,GAEf,GAAC,CAAAuD,IAAA,cAAAnD,IAED,WAAkB,IAAA+D,EAAAvE,KAChB,OAAOA,KAAKH,MAAM0D,MAAMpC,QAAO,SAAAf,GAAI,OAAKmE,EAAK1E,MAAMgE,cAAczC,IAAIZ,EAAIJ,EAAM,SACjF,GAAC,CAAAuD,IAAA,gBAAAnD,IAED,WAAoB,IAAAgE,EAAAxE,KAClB,OAAOA,KAAKH,MAAM0D,MACfpC,QAAO,SAAAf,GAAI,OAAIoE,EAAK3E,MAAMgE,cAAczC,IAAIZ,EAAIJ,EAAM,MAAM,IAC5D2B,OAAO/B,KAAKH,MAAM6B,iBAAmB1B,KAAKH,MAAM2D,SAAW,GAChE,GAAC,CAAAG,IAAA,yBAAAnD,IAED,WACE,OAAOR,KAAK6D,cAAc7C,IAAIhB,KAAKyD,WACrC,GAAC,CAAAE,IAAA,uBAAAnD,IAED,WACE,OAAOR,KAAKiC,YAAYjB,IAAIhB,KAAKyD,WACnC,GAAC,CAAAE,IAAA,SAAAlB,MA4ED,WACE,IAAMgC,EAAYzE,KAAKuC,MAAMV,QAAU7B,KAAKH,MAAM4E,UAAY,GACtDC,EAAY1E,KAAKH,MAAjB6E,QAER,OACEC,EAAA,MAAA,CAAAN,SAAA,CACEM,EAACC,EAAW,CAACC,UAAWH,EAAQI,YAAaC,QAASN,EAAWO,WAAS,EAAAX,SAAA,CACxEzB,EAACqC,EAAY,CACX,cAAY,oBACZC,UAAQ,EACRF,WAAS,EACTzE,GAAG,gBACHmE,QAAS,CAAES,UAAWT,EAAQS,WAC9B1C,MAAOzC,KAAKa,uBACZuE,SAAUpF,KAAKqF,aACfC,cAAetF,KAAKuF,kBACpBC,QAASxF,KAAKyF,qBACdzC,eAAgBhD,KAAKgD,eACrB0C,YAAa1F,KAAK0F,YAClBC,WAAY3F,KAAK2F,aAEnB/C,EAACgD,EAAc,CAAAvB,SAAEI,OAGnB7B,EAAA,MAAA,CAAKiC,UAAU,sCAAqCR,SAClDzB,EAAA,KAAA,CAAAyB,SAAKrE,KAAKH,MAAMgG,cAElBjD,EAACkD,EAAa,CAACjB,UAAWkB,EAAW/F,KAAKH,MAAMmG,YAAahG,KAAKH,MAAM6E,QAAQuB,WAAW5B,SACvF6B,EAAQlG,KAAKiC,aAGbW,EAAA,MAAA,CAAKiC,UAAU,sCAAqCR,SAClDzB,EAAA,IAAA,CAAG,cAAA,GAAAb,OAnKC,eAmKsC,eAAAsC,SAAA,oBAH5CrE,KAAKmG,aASf,KAAC5G,CAAA,CA5Je,GA+JlBA,EAAa6G,UAAY,CACvB7C,MAAO8C,EAAUC,QAAQD,EAAUE,MAAM,CAAA,IAAKC,WAC9C3C,cAAewC,EAAUE,MAAM,IAAIC,WACnChD,SAAU6C,EAAUC,QAAQD,EAAUE,MAAM,CAAE,IAC9CpE,MAAOkE,EAAUI,KAAKD,WACtBlE,SAAU+D,EAAUI,KAAKD,WACzB9E,iBAAkB2E,EAAUK,KAC5B5E,SAAUuE,EAAUI,KACpBpE,YAAagE,EAAUI,KACvBnG,cAAe+F,EAAUI,KACzBxC,kBAAmBoC,EAAUI,KAC7B/B,QAAS2B,EAAUM,OACnBX,YAAaK,EAAUM,OACvBrD,SAAU+C,EAAUM,OACpBlC,UAAW4B,EAAUM,OACrBd,UAAWQ,EAAUM,QAGvBpH,EAAaqH,aAAe,CAC1BlF,kBAAkB,EAClBpB,cAAe,SAAAF,GAAI,OAAIA,EAAKyG,UAAU,EACtC5C,kBAAmB,SAAA7D,GAAI,OAAIA,EAAKyG,UAAU,EAC1CnC,QAAS,qCACTsB,YAAa,gCACb1C,SAAU,KACVmB,UAAW,oCACXoB,UAAW,YACX/D,SAAU,KACVO,YAAa,KACbmB,SAAU,MAGZ,IAAAsD,EAAeC,EAxMG,CAChBd,UAAW,CACTe,YAAa,OACbC,SAAU,QAEZnC,YAAa,CAAEoC,aAAc,GAC7B/B,UAAW,CAAEgC,cAAe,mBAkMfJ,CAAsBxH"}
1	+ {"version":3,"file":"ChipSelector.js","sources":["../../../../src/components/Template/TemplateSharingDialog/ChipSelector.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport { get, isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n Chip,\n FormControl,\n FormHelperText,\n List as ListComponent,\n ListItem,\n ListItemText,\n TextField,\n withStyles,\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport './ChipSelector.css';\n\nconst PAGE_NAME = 'chipSelector';\n\nconst newItemRegExp = new RegExp('^new.$');\n\nconst muiStyles = {\n listStyle: {\n borderColor: 'grey',\n overflow: 'auto',\n },\n formControl: { marginBottom: 8 },\n inputRoot: { paddingBottom: '8px !important' },\n};\n\nconst defaultFormatter = item => item.toString();\n\n/* @param {any} props Preserve the legacy component's public prop type. */\nfunction ChipSelector({\n items,\n selectedItems,\n newItems = null,\n onAdd,\n onRemove,\n allowAddNewItems = false,\n onAddNew = null,\n onRemoveNew = null,\n chipFormatter = defaultFormatter,\n listItemFormatter = defaultFormatter,\n classes = 'c-chip-select-component__container',\n listClasses = 'c-chip-select-component__list',\n hintText = null,\n errorText = 'You can not add not existing item',\n listTitle = 'All items',\n}) {\n const [isError, setIsError] = useState(false);\n const [previousSelectedItems, setPreviousSelectedItems] = useState(selectedItems);\n\n if (selectedItems !== previousSelectedItems) {\n setPreviousSelectedItems(selectedItems);\n setIsError(false);\n }\n\n const listedItems = items.filter(item => !selectedItems.has(get(item, 'id')));\n const formatItem = item => ({\n text: chipFormatter(item),\n id: get(item, 'id'),\n persistent: get(item, 'persistent', false), // NOTE: Item is not removable\n });\n\n const formattedSelectedItems = items\n .filter(item => selectedItems.has(get(item, 'id')))\n .concat(allowAddNewItems ? newItems : [])\n .map(formatItem);\n const formattedListedItems = listedItems.map(formatItem);\n\n const handleChange = (e, nextItems) => {\n const prevItems = formattedSelectedItems;\n const prevIdsSet = new Set(prevItems.map(item => item.id));\n const nextIdsSet = new Set(nextItems.map(item => item.id));\n\n const itemsToAdd = nextItems.filter(item => !prevIdsSet.has(item.id));\n const itemsIdsToRemove = prevItems\n .filter(item => !nextIdsSet.has(item.id) && !item.persistent)\n .map(item => item.id);\n itemsToAdd.forEach(handleRequestAdd);\n itemsIdsToRemove.forEach(handleRequestDelete);\n };\n\n const handleRequestAdd = ({ id, text }) => {\n if (allowAddNewItems) {\n if (itemWithSameNameExists(text)) {\n setIsError(true);\n } else {\n onAddNew({\n id: `new${text}`,\n name: text,\n });\n }\n } else if (listedItems.find(item => get(item, 'id') === id)) {\n onAdd(id);\n } else {\n setIsError(true);\n }\n };\n\n const handleRequestDelete = id => {\n if (allowAddNewItems && newItemRegExp.test(id)) {\n onRemoveNew(id);\n } else {\n onRemove(id);\n }\n };\n\n const handleUpdateInput = () => {\n if (isError) {\n setIsError(false);\n }\n };\n\n const getOptionLabel = option => option.text;\n\n const renderTags = (value, getCustomizedTagProps) =>\n value.map((option, index) => (\n <Chip\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n data-not-migrated-MuiChip\n label={getOptionLabel(option)}\n {...getCustomizedTagProps({ index })}\n onDelete={option.persistent ? null : () => handleRequestDelete(option.id)}\n />\n ));\n\n const renderInput = params => <TextField {...params} variant=\"standard\" placeholder={hintText} />;\n\n const itemWithSameNameExists = text =>\n items\n .concat(newItems)\n .map(formatItem)\n .find(item => get(item, 'text') === text);\n\n const displayedErrorText = isError ? errorText : '';\n\n return (\n <div>\n <FormControl className={classes.formControl} error={!!displayedErrorText} fullWidth>\n <Autocomplete\n data-testid=\"generic_chipInput\"\n multiple\n fullWidth\n id=\"chip-selector\"\n classes={{ inputRoot: classes.inputRoot }}\n value={formattedSelectedItems}\n onChange={handleChange}\n onInputChange={handleUpdateInput}\n options={formattedListedItems}\n getOptionLabel={getOptionLabel}\n renderInput={renderInput}\n renderTags={renderTags}\n />\n <FormHelperText>{displayedErrorText}</FormHelperText>\n </FormControl>\n\n <div className=\"c-chip-select-component__list-title\">\n <em>{listTitle}</em>\n </div>\n <ListComponent className={classNames(listClasses, classes.listStyle)}>\n {!isEmpty(listedItems) ? (\n listedItems.map(item => (\n <ListItem\n data-testid={`${PAGE_NAME}_item_${listItemFormatter(item)}`}\n key={get(item, 'id')}\n button\n divider\n onClick={() => onAdd(get(item, 'id'))}\n >\n <ListItemText>{listItemFormatter(item)}</ListItemText>\n </ListItem>\n ))\n ) : (\n <div className=\"c-chip-select-component__empty-list\">\n <p data-testid={`${PAGE_NAME}_emptyLabel`}>List is empty</p>\n </div>\n )}\n </ListComponent>\n </div>\n );\n}\n\nChipSelector.propTypes = {\n items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n selectedItems: PropTypes.shape([]).isRequired,\n newItems: PropTypes.arrayOf(PropTypes.shape({})),\n onAdd: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n allowAddNewItems: PropTypes.bool,\n onAddNew: PropTypes.func,\n onRemoveNew: PropTypes.func,\n chipFormatter: PropTypes.func,\n listItemFormatter: PropTypes.func,\n classes: PropTypes.string,\n listClasses: PropTypes.string,\n hintText: PropTypes.string,\n errorText: PropTypes.string,\n listTitle: PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(memo(ChipSelector));\n"],"names":["newItemRegExp","RegExp","defaultFormatter","item","toString","ChipSelector","_ref","items","selectedItems","_ref$newItems","newItems","onAdd","onRemove","_ref$allowAddNewItems","allowAddNewItems","_ref$onAddNew","onAddNew","_ref$onRemoveNew","onRemoveNew","_ref$chipFormatter","chipFormatter","_ref$listItemFormatte","listItemFormatter","_ref$classes","classes","_ref$listClasses","listClasses","_ref$hintText","hintText","_ref$errorText","errorText","_ref$listTitle","listTitle","useState","_useState2","_slicedToArray","_useState","isError","setIsError","_useState4","_useState3","previousSelectedItems","setPreviousSelectedItems","listedItems","filter","has","get","formatItem","text","id","persistent","formattedSelectedItems","concat","map","formattedListedItems","handleRequestAdd","_ref2","itemWithSameNameExists","name","find","handleRequestDelete","test","getOptionLabel","option","displayedErrorText","_jsxs","children","FormControl","className","formControl","error","fullWidth","_jsx","Autocomplete","multiple","inputRoot","value","onChange","e","nextItems","prevItems","prevIdsSet","Set","nextIdsSet","itemsToAdd","itemsIdsToRemove","forEach","onInputChange","options","renderInput","params","TextField","_objectSpread","variant","placeholder","renderTags","getCustomizedTagProps","index","Chip","label","onDelete","FormHelperText","ListComponent","classNames","listStyle","isEmpty","ListItem","button","divider","onClick","ListItemText","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","withStyles","borderColor","overflow","marginBottom","paddingBottom","memo"],"mappings":"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"}

package/components/Template/TemplateSharingDialog/__tests__/ChipSelector.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=ChipSelector.test.d.ts.map

package/components/Template/TemplateSharingDialog/__tests__/ChipSelector.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ChipSelector.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Template/TemplateSharingDialog/__tests__/ChipSelector.test.js"],"names":[],"mappings":""}

package/components/Toaster/Toaster.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useEffect as o}from"react";import{makeStyles as s,Typography as c}from"@material-ui/core";import{CheckSmallIcon as i}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 n,jsxs as t}from"react/jsx-runtime";var m=s((function(o){return{notificationContainer:{position:"absolute",height:24,left:0,right:0,display:"flex",justifyContent:"center",marginTop:16,zIndex:999},notificationContent:{display:"flex",alignItems:"center",background:"rgba(65, 65, 65, 0.7)",boxShadow:"0px 4px 12px 0px #0000001F",borderRadius:4,paddingRight:12,paddingLeft:8},notificationIcon:{width:12,color:o.palette.primary.text6,fontSize:12,marginRight:4},notificationLabel:{color:o.palette.primary.text6,fontWeight:400,fontSize:12,lineHeight:"17px",letterSpacing:.4}}})),r=3e3;function e(s){var r=s.message,e=s.autoHideDuration,p=void 0===e?3e3:e,u=s.onDismiss,a=m();return o((function(){var o=setTimeout(u,p);return function(){return clearTimeout(o)}}),[]),n("div",{className:a.notificationContainer,children:t("div",{className:a.notificationContent,children:[n(i,{size:12,className:a.notificationIcon}),n(c,{className:a.notificationLabel,children:r})]})})}export{r as DEFAULT_AUTO_HIDE_DURATION,e as Toaster};
+import{useEffect as o}from"react";import{makeStyles as s,Typography as c}from"@material-ui/core";import{CheckSmallIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as n,jsxs as t}from"react/jsx-runtime";var m=s((function(o){return{notificationContainer:{position:"absolute",height:24,left:0,right:0,display:"flex",justifyContent:"center",marginTop:16,zIndex:999},notificationContent:{display:"flex",alignItems:"center",background:"rgba(65, 65, 65, 0.7)",boxShadow:"0px 4px 12px 0px #0000001F",borderRadius:4,paddingRight:12,paddingLeft:8},notificationIcon:{width:12,color:o.palette.primary.text6,fontSize:12,marginRight:4},notificationLabel:{color:o.palette.primary.text6,fontWeight:400,fontSize:12,lineHeight:"17px",letterSpacing:.4}}})),r=3e3;function e(s){var r=s.message,e=s.autoHideDuration,p=void 0===e?3e3:e,u=s.onDismiss,a=m();return o((function(){var o=setTimeout(u,p);return function(){return clearTimeout(o)}}),[]),n("div",{className:a.notificationContainer,children:t("div",{className:a.notificationContent,children:[n(i,{size:12,className:a.notificationIcon}),n(c,{className:a.notificationLabel,children:r})]})})}export{r as DEFAULT_AUTO_HIDE_DURATION,e as Toaster};
 //# sourceMappingURL=Toaster.js.map

package/components/Toaster/Toaster.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toaster.js","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport { ToasterType } from './types';\nimport { CheckSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n notificationContainer: {\n position: 'absolute',\n height: 24,\n left: 0,\n right: 0,\n display: 'flex',\n justifyContent: 'center',\n marginTop: 16,\n zIndex: 999,\n },\n notificationContent: {\n display: 'flex',\n alignItems: 'center',\n background: 'rgba(65, 65, 65, 0.7)',\n boxShadow: '0px 4px 12px 0px #0000001F',\n borderRadius: 4,\n paddingRight: 12,\n paddingLeft: 8,\n },\n notificationIcon: {\n width: 12,\n color: theme.palette.primary.text6,\n fontSize: 12,\n marginRight: 4,\n },\n notificationLabel: {\n color: theme.palette.primary.text6,\n fontWeight: 400,\n fontSize: 12,\n lineHeight: '17px',\n letterSpacing: 0.4,\n },\n}));\n\nexport const DEFAULT_AUTO_HIDE_DURATION = 3000;\n\ninterface ToasterProps extends ToasterType {\n onDismiss: () => void;\n}\n\nexport function Toaster({\n message,\n autoHideDuration = DEFAULT_AUTO_HIDE_DURATION,\n onDismiss,\n}: ToasterProps): JSX.Element {\n const classes = useStyles();\n\n useEffect(() => {\n const timeout = setTimeout(onDismiss, autoHideDuration);\n\n return () => clearTimeout(timeout);\n }, []);\n\n return (\n <div className={classes.notificationContainer}>\n <div className={classes.notificationContent}>\n <CheckSmallIcon size={12} className={classes.notificationIcon} />\n <Typography className={classes.notificationLabel}>{message}</Typography>\n </div>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","notificationContainer","position","height","left","right","display","justifyContent","marginTop","zIndex","notificationContent","alignItems","background","boxShadow","borderRadius","paddingRight","paddingLeft","notificationIcon","width","color","palette","primary","text6","fontSize","marginRight","notificationLabel","fontWeight","lineHeight","letterSpacing","DEFAULT_AUTO_HIDE_DURATION","Toaster","_ref","message","_ref$autoHideDuration","autoHideDuration","onDismiss","classes","useEffect","timeout","setTimeout","clearTimeout","_jsx","className","children","_jsxs","CheckSmallIcon","size","Typography"],"mappings":"~~kyHAMA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,sBAAuB,CACrBC,SAAU,WACVC,OAAQ,GACRC,KAAM,EACNC,MAAO,EACPC,QAAS,OACTC,eAAgB,SAChBC,UAAW,GACXC,OAAQ,KAEVC,oBAAqB,CACnBJ,QAAS,OACTK,WAAY,SACZC,WAAY,wBACZC,UAAW,6BACXC,aAAc,EACdC,aAAc,GACdC,YAAa,GAEfC,iBAAkB,CAChBC,MAAO,GACPC,MAAOnB,EAAMoB,QAAQC,QAAQC,MAC7BC,SAAU,GACVC,YAAa,GAEfC,kBAAmB,CACjBN,MAAOnB,EAAMoB,QAAQC,QAAQC,MAC7BI,WAAY,IACZH,SAAU,GACVI,WAAY,OACZC,cAAe,IAElB,IAEYC,EAA6B,IAMnC,SAASC,EAIcC,GAAA,IAH5BC,IAAAA,QAAOC,EAAAF,EACPG,iBAAAA,aARwC,IAQKD,EAC7CE,IAAAA,UAEMC,EAAUtC,IAQhB,OANAuC,GAAU,WACR,IAAMC,EAAUC,WAAWJ,EAAWD,GAEtC,OAAO,WAAA,OAAMM,aAAaF,EAAQ,CACnC,GAAE,IAGDG,EAAA,MAAA,CAAKC,UAAWN,EAAQnC,sBAAsB0C,SAC5CC,EAAA,MAAA,CAAKF,UAAWN,EAAQ1B,oBAAoBiC,SAAA,CAC1CF,EAACI,EAAc,CAACC,KAAM,GAAIJ,UAAWN,EAAQnB,mBAC7CwB,EAACM,EAAU,CAACL,UAAWN,EAAQX,kBAAkBkB,SAAEX,QAI3D"}
1	+ {"version":3,"file":"Toaster.js","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport { ToasterType } from './types';\nimport { CheckSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n notificationContainer: {\n position: 'absolute',\n height: 24,\n left: 0,\n right: 0,\n display: 'flex',\n justifyContent: 'center',\n marginTop: 16,\n zIndex: 999,\n },\n notificationContent: {\n display: 'flex',\n alignItems: 'center',\n background: 'rgba(65, 65, 65, 0.7)',\n boxShadow: '0px 4px 12px 0px #0000001F',\n borderRadius: 4,\n paddingRight: 12,\n paddingLeft: 8,\n },\n notificationIcon: {\n width: 12,\n color: theme.palette.primary.text6,\n fontSize: 12,\n marginRight: 4,\n },\n notificationLabel: {\n color: theme.palette.primary.text6,\n fontWeight: 400,\n fontSize: 12,\n lineHeight: '17px',\n letterSpacing: 0.4,\n },\n}));\n\nexport const DEFAULT_AUTO_HIDE_DURATION = 3000;\n\ninterface ToasterProps extends ToasterType {\n onDismiss: () => void;\n}\n\nexport function Toaster({\n message,\n autoHideDuration = DEFAULT_AUTO_HIDE_DURATION,\n onDismiss,\n}: ToasterProps): JSX.Element {\n const classes = useStyles();\n\n useEffect(() => {\n const timeout = setTimeout(onDismiss, autoHideDuration);\n\n return () => clearTimeout(timeout);\n }, []);\n\n return (\n <div className={classes.notificationContainer}>\n <div className={classes.notificationContent}>\n <CheckSmallIcon size={12} className={classes.notificationIcon} />\n <Typography className={classes.notificationLabel}>{message}</Typography>\n </div>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","notificationContainer","position","height","left","right","display","justifyContent","marginTop","zIndex","notificationContent","alignItems","background","boxShadow","borderRadius","paddingRight","paddingLeft","notificationIcon","width","color","palette","primary","text6","fontSize","marginRight","notificationLabel","fontWeight","lineHeight","letterSpacing","DEFAULT_AUTO_HIDE_DURATION","Toaster","_ref","message","_ref$autoHideDuration","autoHideDuration","onDismiss","classes","useEffect","timeout","setTimeout","clearTimeout","_jsx","className","children","_jsxs","CheckSmallIcon","size","Typography"],"mappings":"m/HAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,sBAAuB,CACrBC,SAAU,WACVC,OAAQ,GACRC,KAAM,EACNC,MAAO,EACPC,QAAS,OACTC,eAAgB,SAChBC,UAAW,GACXC,OAAQ,KAEVC,oBAAqB,CACnBJ,QAAS,OACTK,WAAY,SACZC,WAAY,wBACZC,UAAW,6BACXC,aAAc,EACdC,aAAc,GACdC,YAAa,GAEfC,iBAAkB,CAChBC,MAAO,GACPC,MAAOnB,EAAMoB,QAAQC,QAAQC,MAC7BC,SAAU,GACVC,YAAa,GAEfC,kBAAmB,CACjBN,MAAOnB,EAAMoB,QAAQC,QAAQC,MAC7BI,WAAY,IACZH,SAAU,GACVI,WAAY,OACZC,cAAe,IAElB,IAEYC,EAA6B,IAMnC,SAASC,EAIcC,GAAA,IAH5BC,IAAAA,QAAOC,EAAAF,EACPG,iBAAAA,aARwC,IAQKD,EAC7CE,IAAAA,UAEMC,EAAUtC,IAQhB,OANAuC,GAAU,WACR,IAAMC,EAAUC,WAAWJ,EAAWD,GAEtC,OAAO,WAAA,OAAMM,aAAaF,EAAQ,CACnC,GAAE,IAGDG,EAAA,MAAA,CAAKC,UAAWN,EAAQnC,sBAAsB0C,SAC5CC,EAAA,MAAA,CAAKF,UAAWN,EAAQ1B,oBAAoBiC,SAAA,CAC1CF,EAACI,EAAc,CAACC,KAAM,GAAIJ,UAAWN,EAAQnB,mBAC7CwB,EAACM,EAAU,CAACL,UAAWN,EAAQX,kBAAkBkB,SAAEX,QAI3D"}

package/components/UserMention/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useEffect as e,useCallback as r}from"react";import{debounce as i}from"lodash";import n from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{MentionsInput as s,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import{handleFetchUsers as u}from"./utils/index.js";import{URL_CAPTURE_PATTERN as c}from"../../utils/links.js";import{USER_MARKUP as p,LINK_MARKUP as m}from"./constants.js";import d from"./style.css.js";import{AvatarComponent as g}from"../Avatar/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as f}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as b}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import{jsxs as h,jsx as y}from"react/jsx-runtime";function v(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,i)}return r}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?v(Object(i),!0).forEach((function(r){o(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var _={backgroundColor:l[100]},w={color:"#00bcd4"},O={color:"var(--palette-info-light)",backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.04)",outline:"1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)",borderRadius:"4px"},P=/$^/,C=[],x={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},S=j(j({},x),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),k=j(j({},x),{},{input:{color:"#000"}}),R=function(o){var n=o.onChange,t=void 0===n?A:n,l=o.singleLine,f=void 0!==l&&l,b=o.suggestionsPortalHost,v=void 0===b?null:b,x=o.value,R=void 0===x?"":x,U=o.inputRef,q=void 0===U?null:U,H=o.classes,I=o.style,M=void 0===I?D:I,V=o.withLightTheme,B=void 0!==V&&V,Q=o.placeholder,z=void 0===Q?"Mention people using '@'":Q,G=o.onMount,$=void 0===G?N:G,J=o.onKeyDown,W=void 0===J?T:J,X=o.onKeyUp,Y=void 0===X?F:X,Z=o.onFocus,oo=void 0===Z?K:Z,eo=o.onBlur,ro=void 0===eo?E:eo,io=o.autoFocus,no=void 0===io||io,to=o.disabled,so=void 0!==to&&to,ao=o.companyId,lo=void 0===ao?null:ao,uo=o.currentUser,co=void 0===uo?null:uo,po=o.isCompanySelectVisible,mo=o.mentionProps,go=void 0===mo?L:mo,fo=o.allowSuggestionsAboveCursor,bo=void 0!==fo&&fo,ho=o.allowEmptyQuery,yo=void 0!==ho&&ho,vo=o.highlightLinks,jo=void 0!==vo&&vo;e($,[]);var _o=r(i((function(o,e){var r=po&&co&&co.company_id!==lo?[co.company_id,lo]:null;u(o,e,r,yo)}),400),[lo,yo]),wo=j(j({},B?k:S),M);if(jo){var Oo,Po=null===(Oo=wo.input)||void 0===Oo?void 0:Oo.color;wo.input=j(j({caretColor:Po},wo.input),{},{color:"transparent"}),wo.highlighter=j(j({color:Po},wo.highlighter),{},{substring:{visibility:"visible"}})}return h(s,{value:R,onChange:function(o,e){t(e)},singleLine:f,allowSpaceInQuery:!0,classNames:d,placeholder:z,suggestionsPortalHost:v,inputRef:q,style:wo,onKeyDown:W,onKeyUp:Y,autoFocus:no,onFocus:oo,onBlur:ro,disabled:so,allowSuggestionsAboveCursor:bo,children:[y(a,j({markup:p,renderSuggestion:function(o){return function(o,e){return h("div",{className:d.mention__suggestion,children:[y(g,{alt:o.display,displayName:o.display,className:e.avatar,imgSrc:o.photo}),h("div",{className:d.mention__suggestion__info,children:[y("span",{"data-testid":"".concat("userMention","_name_").concat(o.display),className:d.mention__suggestion__info__name,children:o.display}),o.title&&y("span",{className:d.mention__suggestion__info__group,children:o.title})]})]})}(o,H)},trigger:"@",data:_o,displayTransform:function(o,e){return"@".concat(e)},style:B?_:w,appendSpaceOnAdd:!0},go)),jo&&y(a,{markup:m,regex:c,trigger:P,data:C,displayTransform:function(o){return o},style:O})]})};R.propTypes={onChange:n.func,singleLine:n.bool,suggestionsPortalHost:n.shape({current:n.instanceOf(Element)}),value:n.string,inputRef:n.shape({}),classes:n.shape({avatar:n.string.isRequired}).isRequired,withLightTheme:n.bool,placeholder:n.string,style:n.shape({}),mentionProps:n.shape({}),onMount:n.func,onKeyDown:n.func,onKeyUp:n.func,onFocus:n.func,onBlur:n.func,autoFocus:n.bool,disabled:n.bool,currentUser:n.shape({company_id:n.number.isRequired}),companyId:n.number,isCompanySelectVisible:n.bool.isRequired,allowSuggestionsAboveCursor:n.bool,highlightLinks:n.bool,allowEmptyQuery:n.bool};var A=function(){},D={suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},L={},N=function(){},T=function(){},F=function(){},K=function(){},E=function(){},U=b({isCompanySelectVisible:f.companySelectorView})(t({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(R));export{U as default};
+import o from"@babel/runtime/helpers/defineProperty";import{useEffect as e,useCallback as r}from"react";import{debounce as i}from"lodash";import n from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{MentionsInput as s,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import{handleFetchUsers as u}from"./utils/index.js";import{URL_CAPTURE_PATTERN as c}from"../../utils/links.js";import{USER_MARKUP as p,LINK_MARKUP as m}from"./constants.js";import d from"./style.css.js";import{AvatarComponent as g}from"../Avatar/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as f}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as b}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import{jsxs as h,jsx as y}from"react/jsx-runtime";function v(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,i)}return r}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?v(Object(i),!0).forEach((function(r){o(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var _={backgroundColor:l[100]},w={color:"#00bcd4"},O={color:"var(--palette-info-light)",backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.04)",outline:"1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)",borderRadius:"4px"},P=/(?!)/,C=[],x={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},S=j(j({},x),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),k=j(j({},x),{},{input:{color:"#000"}}),R=function(o){var n=o.onChange,t=void 0===n?A:n,l=o.singleLine,f=void 0!==l&&l,b=o.suggestionsPortalHost,v=void 0===b?null:b,x=o.value,R=void 0===x?"":x,U=o.inputRef,q=void 0===U?null:U,H=o.classes,I=o.style,M=void 0===I?D:I,V=o.withLightTheme,B=void 0!==V&&V,Q=o.placeholder,z=void 0===Q?"Mention people using '@'":Q,G=o.onMount,J=void 0===G?N:G,W=o.onKeyDown,X=void 0===W?T:W,Y=o.onKeyUp,Z=void 0===Y?F:Y,$=o.onFocus,oo=void 0===$?K:$,eo=o.onBlur,ro=void 0===eo?E:eo,io=o.autoFocus,no=void 0===io||io,to=o.disabled,so=void 0!==to&&to,ao=o.companyId,lo=void 0===ao?null:ao,uo=o.currentUser,co=void 0===uo?null:uo,po=o.isCompanySelectVisible,mo=o.mentionProps,go=void 0===mo?L:mo,fo=o.allowSuggestionsAboveCursor,bo=void 0!==fo&&fo,ho=o.allowEmptyQuery,yo=void 0!==ho&&ho,vo=o.highlightLinks,jo=void 0!==vo&&vo;e(J,[]);var _o=r(i((function(o,e){var r=po&&co&&co.company_id!==lo?[co.company_id,lo]:null;u(o,e,r,yo)}),400),[lo,yo]),wo=j(j({},B?k:S),M);if(jo){var Oo,Po=null===(Oo=wo.input)||void 0===Oo?void 0:Oo.color;wo.input=j(j({caretColor:Po},wo.input),{},{color:"transparent"}),wo.highlighter=j(j({color:Po},wo.highlighter),{},{substring:{visibility:"visible"}})}return h(s,{value:R,onChange:function(o,e){t(e)},singleLine:f,allowSpaceInQuery:!0,classNames:d,placeholder:z,suggestionsPortalHost:v,inputRef:q,style:wo,onKeyDown:X,onKeyUp:Z,autoFocus:no,onFocus:oo,onBlur:ro,disabled:so,allowSuggestionsAboveCursor:bo,children:[y(a,j({markup:p,renderSuggestion:function(o){return function(o,e){return h("div",{className:d.mention__suggestion,children:[y(g,{alt:o.display,displayName:o.display,className:e.avatar,imgSrc:o.photo}),h("div",{className:d.mention__suggestion__info,children:[y("span",{"data-testid":"".concat("userMention","_name_").concat(o.display),className:d.mention__suggestion__info__name,children:o.display}),o.title&&y("span",{className:d.mention__suggestion__info__group,children:o.title})]})]})}(o,H)},trigger:"@",data:_o,displayTransform:function(o,e){return"@".concat(e)},style:B?_:w,appendSpaceOnAdd:!0},go)),jo&&y(a,{markup:m,regex:c,trigger:P,data:C,displayTransform:function(o){return o},style:O})]})};R.propTypes={onChange:n.func,singleLine:n.bool,suggestionsPortalHost:n.shape({current:n.instanceOf(Element)}),value:n.string,inputRef:n.shape({}),classes:n.shape({avatar:n.string.isRequired}).isRequired,withLightTheme:n.bool,placeholder:n.string,style:n.shape({}),mentionProps:n.shape({}),onMount:n.func,onKeyDown:n.func,onKeyUp:n.func,onFocus:n.func,onBlur:n.func,autoFocus:n.bool,disabled:n.bool,currentUser:n.shape({company_id:n.number.isRequired}),companyId:n.number,isCompanySelectVisible:n.bool.isRequired,allowSuggestionsAboveCursor:n.bool,highlightLinks:n.bool,allowEmptyQuery:n.bool};var A=function(){},D={suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},L={},N=function(){},T=function(){},F=function(){},K=function(){},E=function(){},U=b({isCompanySelectVisible:f.companySelectorView})(t({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(R));export{U as default};
 //# sourceMappingURL=index.js.map