@corva/ui 3.72.0-0 → 3.72.0-3

package/components/Chart/components/buttons/PanButton.d.ts

@@ -2,7 +2,7 @@ declare function PanButton({ onClick, isHidden, ...props }: {
     [x: string]: any;
     isHidden?: boolean | undefined;
     onClick?: (() => void) | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace PanButton {
     var defaultProps: {
         onClick: () => void;

package/components/Chart/components/buttons/ResetZoomButton.d.ts

@@ -3,7 +3,7 @@ declare function ResetZoomButton({ onClick, isHidden, isVisible, ...props }: {
     isHidden?: boolean | undefined;
     isVisible?: boolean | undefined;
     onClick?: (() => void) | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ResetZoomButton {
     var defaultProps: {
         onClick: () => void;

package/components/Chart/components/buttons/ZoomInButton.d.ts

@@ -1,7 +1,7 @@
 declare function ZoomInButton({ onClick, ...props }: {
     [x: string]: any;
     onClick?: (() => void) | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ZoomInButton {
     var defaultProps: {
         onClick: () => void;

package/components/Chart/components/buttons/ZoomOutButton.d.ts

@@ -1,7 +1,7 @@
 declare function ZoomOutButton({ onClick, ...props }: {
     [x: string]: any;
     onClick?: (() => void) | undefined;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ZoomOutButton {
     var defaultProps: {
         onClick: () => void;

package/components/ChartActionsList/icons/GoLive.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function Icon({ isActive }: {
     isActive: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Icon {
     var propTypes: {
         isActive: PropTypes.Validator<boolean>;

package/components/ChartActionsList/icons/GoLive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoLive.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/GoLive.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAiBzB;kBAjBQ,IAAI;;;;;eAuBE,IAAI"}
+{"version":3,"file":"GoLive.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/GoLive.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,+BAiBzB;kBAjBQ,IAAI;;;;;eAuBE,IAAI"}

package/components/ChartActionsList/icons/LeftArrow.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function Icon({ isActive }: {
     isActive: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Icon {
     var propTypes: {
         isActive: PropTypes.Validator<boolean>;

package/components/ChartActionsList/icons/LeftArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/LeftArrow.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,eASzB;kBATQ,IAAI;;;;;eAeE,IAAI"}
+{"version":3,"file":"LeftArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/LeftArrow.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,+BASzB;kBATQ,IAAI;;;;;eAeE,IAAI"}

package/components/ChartActionsList/icons/RightArrow.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function Icon({ isActive }: {
     isActive: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Icon {
     var propTypes: {
         isActive: PropTypes.Validator<boolean>;

package/components/ChartActionsList/icons/RightArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/RightArrow.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,eASzB;kBATQ,IAAI;;;;;eAeE,IAAI"}
+{"version":3,"file":"RightArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/RightArrow.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,+BASzB;kBATQ,IAAI;;;;;eAeE,IAAI"}

package/components/ChartActionsList/icons/TimeRange.d.ts

@@ -1,3 +1,3 @@
-declare function Icon(): JSX.Element;
+declare function Icon(): import("react").JSX.Element;
 export default Icon;
 //# sourceMappingURL=TimeRange.d.ts.map

package/components/ChartActionsList/icons/TimeRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRange.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/TimeRange.js"],"names":[],"mappings":"AAAA,iBAAS,IAAI,gBAaZ;eAEc,IAAI"}
+{"version":3,"file":"TimeRange.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/TimeRange.js"],"names":[],"mappings":"AAAA,iBAAS,IAAI,gCAaZ;eAEc,IAAI"}

package/components/ChartActionsList/icons/ZoomIn.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function Icon({ isActive }: {
     isActive: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Icon {
     var propTypes: {
         isActive: PropTypes.Validator<boolean>;

package/components/ChartActionsList/icons/ZoomIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/ZoomIn.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAazB;kBAbQ,IAAI;;;;;eAmBE,IAAI"}
+{"version":3,"file":"ZoomIn.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/ZoomIn.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,+BAazB;kBAbQ,IAAI;;;;;eAmBE,IAAI"}

package/components/ChartActionsList/icons/ZoomOut.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function Icon({ isActive }: {
     isActive: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace Icon {
     var propTypes: {
         isActive: PropTypes.Validator<boolean>;

package/components/ChartActionsList/icons/ZoomOut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/ZoomOut.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAazB;kBAbQ,IAAI;;;;;eAkBE,IAAI"}
+{"version":3,"file":"ZoomOut.d.ts","sourceRoot":"","sources":["../../../../src/components/ChartActionsList/icons/ZoomOut.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE;;CAAA,+BAazB;kBAbQ,IAAI;;;;;eAkBE,IAAI"}

package/components/Checkbox/index.d.ts

@@ -10,6 +10,6 @@ export type CheckboxProps = {
     indeterminate?: boolean;
     onChange?: (event: ChangeEvent, value: boolean) => void;
 };
-declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;
 //# sourceMappingURL=index.d.ts.map

package/components/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQpC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAkBrC,CAAC;eAEa,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQpC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAkBrC,CAAC;eAEa,QAAQ"}

package/components/Chip/index.d.ts

@@ -9,6 +9,6 @@ export type ChipProps = Partial<Omit<MuiChipProps, 'variant' | 'color' | 'onClic
     'data-testid'?: string;
     onClick?: MouseEventHandler<HTMLDivElement>;
 };
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+declare const Chip: import("react").ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Chip;
 //# sourceMappingURL=index.d.ts.map

package/components/Chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAc,MAAM,mBAAmB,CAAC;AAuF3F,MAAM,MAAM,SAAS,GAAG,OAAO,CAC7B,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC,CAC5E,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAGF,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAoCvF,CAAC;eAEU,IAAI"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAc,MAAM,mBAAmB,CAAC;AAuF3F,MAAM,MAAM,SAAS,GAAG,OAAO,CAC7B,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC,CAC5E,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,IAAI,mHAmCR,CAAC;eAEY,IAAI"}

package/components/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, makeStyles } from '@material-ui/core';\n\nimport { CloseSmallIcon } from '~/icons';\n\nconst PAGE_NAME = 'Chip';\n\nconst checkIconSvg = ({ width = 24, height = 24, fill = '' }) => {\n  const fillColor = fill.replace('#', '%23');\n\n  return `<svg width='${width}' height='${height}' viewBox='0 0 24 24' fill='${fillColor}' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>`;\n};\n\nconst useStyles = makeStyles(theme => ({\n  checked: {\n    '&::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.main,\n      })}\")`,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 24,\n      height: 16,\n      lineHeight: '16px',\n      marginLeft: 8,\n      marginRight: '-4px',\n      paddingTop: 3,\n    },\n    '&.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-sizeSmall::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.main,\n      })}\")`,\n      width: 16,\n      height: 16,\n    },\n    '&.MuiChip-sizeSmall.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-root.MuiChip-clickable': {\n      '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {\n        color: '#FFFFFF',\n      },\n    },\n    '& .MuiChip-label:first-child': {\n      marginLeft: '-4px',\n    },\n  },\n  basic: {\n    '&:not([data-not-migrated-MuiChip])': {\n      '&.MuiChip-sizeSmall': {\n        height: 12,\n        '& .MuiChip-label': {\n          fontSize: 10,\n        },\n      },\n      border: 'none',\n      textTransform: 'uppercase',\n      backgroundColor: theme.palette.primary.main,\n      padding: '0 8px',\n      height: 16,\n      '& .MuiChip-label': {\n        fontSize: 12,\n        fontWeight: 500,\n        lineHeight: '12px',\n        letterSpacing: '1px',\n        color: theme.palette.background.b1,\n        padding: 0,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.primary.main,\n        '& .MuiChip-label': {\n          color: theme.palette.background.b1,\n        },\n      },\n    },\n  },\n}));\n\nexport type ChipProps = Partial<\n  Omit<MuiChipProps, 'variant' | 'color' | 'onClick' | 'children' | 'avatar'>\n> & {\n  variant?: 'default' | 'outlined' | 'basic';\n  /**\n   * Displays a checked icon\n   */\n  checked?: boolean;\n  'data-testid'?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\n// Note: We explicitly set the return type to fix the TS error that makes every prop required\nconst Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>> =\n  forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n    const { checked, classes = {}, 'data-testid': dataTestId = 'Chip' } = props;\n    const styles = useStyles();\n    const basicClassName = classNames(props.className, {\n      [styles.basic]: props.variant === 'basic',\n    });\n    const variant = props.variant === 'basic' ? 'default' : props.variant;\n\n    if (!checked) {\n      return (\n        <MuiChip\n          {...props}\n          data-testid={dataTestId}\n          ref={ref}\n          className={basicClassName}\n          variant={variant}\n          deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n        />\n      );\n    }\n\n    return (\n      <MuiChip\n        {...props}\n        data-testid={PAGE_NAME}\n        ref={ref}\n        className={basicClassName}\n        classes={{\n          ...classes,\n          root: classNames(classes.root, styles.checked),\n        }}\n        variant={variant}\n        deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n      />\n    );\n  });\n\nexport default Chip;\n"],"names":["checkIconSvg","_ref","_ref$width","width","_ref$height","height","_ref$fill","fill","fillColor","replace","concat","useStyles","makeStyles","theme","checked","content","palette","primary","main","display","alignItems","justifyContent","lineHeight","marginLeft","marginRight","paddingTop","text8","color","basic","fontSize","border","textTransform","backgroundColor","padding","fontWeight","letterSpacing","background","b1","Chip","forwardRef","props","ref","_props$classes","classes","_props$dataTestid","dataTestId","styles","basicClassName","classNames","className","_defineProperty","variant","_jsx","MuiChip","_objectSpread","root","deleteIcon","CloseSmallIcon","size"],"mappings":"i6IAMA,IAEMA,EAAe,SAA4CC,GAAA,IAAAC,EAAAD,EAAzCE,MAAAA,aAAQ,GAAED,EAAAE,EAAAH,EAAEI,OAAAA,aAAS,GAAED,EAAAE,EAAAL,EAAEM,KACzCC,cADgD,GAAEF,GACjCG,QAAQ,IAAK,OAEpC,MAAA,eAAAC,OAAsBP,EAAK,cAAAO,OAAaL,EAAM,gCAAAK,OAA+BF,EAAS,sXACxF,EAEMG,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACP,YAAa,CACXC,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBlB,MAAO,GACPE,OAAQ,GACRiB,WAAY,OACZC,WAAY,EACZC,YAAa,OACbC,WAAY,GAEd,yBAA0B,CACxBV,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,8BAA+B,CAC7BX,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNf,MAAO,GACPE,OAAQ,IAEV,2CAA4C,CAC1CU,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,mCAAoC,CAClC,2DAA4D,CAC1DC,MAAO,YAGX,+BAAgC,CAC9BJ,WAAY,SAGhBK,MAAO,CACL,qCAAsC,CACpC,sBAAuB,CACrBvB,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,KAGdC,OAAQ,OACRC,cAAe,YACfC,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvCe,QAAS,QACT5B,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,GACVK,WAAY,IACZZ,WAAY,OACZa,cAAe,MACfR,MAAOd,EAAMG,QAAQoB,WAAWC,GAChCJ,QAAS,GAEX,UAAW,CACTD,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvC,mBAAoB,CAClBS,MAAOd,EAAMG,QAAQoB,WAAWC,OAKzC,IAeKC,EACJC,GAAsC,SAACC,EAAOC,GAC5C,IAAQ3B,EAA8D0B,EAA9D1B,QAAO4B,EAAuDF,EAArDG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAyCJ,EAAvC,eAAeK,aAAa,OAAMD,EAC3DE,EAASnC,IACToC,EAAiBC,EAAWR,EAAMS,UAASC,EAAA,CAAA,EAC9CJ,EAAOlB,MAA0B,UAAlBY,EAAMW,UAElBA,EAA4B,UAAlBX,EAAMW,QAAsB,UAAYX,EAAMW,QAE9D,OAcEC,EAACC,EAAOC,EAAAA,EAAA,GACFd,GAAK,GAfR1B,EAeQ,CACT,cAzHU,OA0HV2B,IAAKA,EACLQ,UAAWF,EACXJ,eACKA,GAAO,CAAA,EAAA,CACVY,KAAMP,EAAWL,EAAQY,KAAMT,EAAOhC,WAExCqC,QAASA,EACTK,WAAYJ,EAACK,EAAc,CAAC,cAAA,GAAA/C,OAjIlB,OAiI0D,gBAACgD,KAAM,MArBhE,CACT,cAAab,EACbJ,IAAKA,EACLQ,UAAWF,EACXI,QAASA,EACTK,WAAYJ,EAACK,EAAc,CAAC,cAAA,GAAA/C,OAjHpB,OAiH4D,gBAACgD,KAAM,OAmBnF"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, makeStyles } from '@material-ui/core';\n\nimport { CloseSmallIcon } from '~/icons';\n\nconst PAGE_NAME = 'Chip';\n\nconst checkIconSvg = ({ width = 24, height = 24, fill = '' }) => {\n  const fillColor = fill.replace('#', '%23');\n\n  return `<svg width='${width}' height='${height}' viewBox='0 0 24 24' fill='${fillColor}' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>`;\n};\n\nconst useStyles = makeStyles(theme => ({\n  checked: {\n    '&::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.main,\n      })}\")`,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 24,\n      height: 16,\n      lineHeight: '16px',\n      marginLeft: 8,\n      marginRight: '-4px',\n      paddingTop: 3,\n    },\n    '&.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-sizeSmall::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.main,\n      })}\")`,\n      width: 16,\n      height: 16,\n    },\n    '&.MuiChip-sizeSmall.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-root.MuiChip-clickable': {\n      '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {\n        color: '#FFFFFF',\n      },\n    },\n    '& .MuiChip-label:first-child': {\n      marginLeft: '-4px',\n    },\n  },\n  basic: {\n    '&:not([data-not-migrated-MuiChip])': {\n      '&.MuiChip-sizeSmall': {\n        height: 12,\n        '& .MuiChip-label': {\n          fontSize: 10,\n        },\n      },\n      border: 'none',\n      textTransform: 'uppercase',\n      backgroundColor: theme.palette.primary.main,\n      padding: '0 8px',\n      height: 16,\n      '& .MuiChip-label': {\n        fontSize: 12,\n        fontWeight: 500,\n        lineHeight: '12px',\n        letterSpacing: '1px',\n        color: theme.palette.background.b1,\n        padding: 0,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.primary.main,\n        '& .MuiChip-label': {\n          color: theme.palette.background.b1,\n        },\n      },\n    },\n  },\n}));\n\nexport type ChipProps = Partial<\n  Omit<MuiChipProps, 'variant' | 'color' | 'onClick' | 'children' | 'avatar'>\n> & {\n  variant?: 'default' | 'outlined' | 'basic';\n  /**\n   * Displays a checked icon\n   */\n  checked?: boolean;\n  'data-testid'?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\nconst Chip = forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n  const { checked, classes = {}, 'data-testid': dataTestId = 'Chip' } = props;\n  const styles = useStyles();\n  const basicClassName = classNames(props.className, {\n    [styles.basic]: props.variant === 'basic',\n  });\n  const variant = props.variant === 'basic' ? 'default' : props.variant;\n\n  if (!checked) {\n    return (\n      <MuiChip\n        {...props}\n        data-testid={dataTestId}\n        ref={ref}\n        className={basicClassName}\n        variant={variant}\n        deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n      />\n    );\n  }\n\n  return (\n    <MuiChip\n      {...props}\n      data-testid={PAGE_NAME}\n      ref={ref}\n      className={basicClassName}\n      classes={{\n        ...classes,\n        root: classNames(classes.root, styles.checked),\n      }}\n      variant={variant}\n      deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n    />\n  );\n});\n\nexport default Chip;\n"],"names":["checkIconSvg","_ref","_ref$width","width","_ref$height","height","_ref$fill","fill","fillColor","replace","concat","useStyles","makeStyles","theme","checked","content","palette","primary","main","display","alignItems","justifyContent","lineHeight","marginLeft","marginRight","paddingTop","text8","color","basic","fontSize","border","textTransform","backgroundColor","padding","fontWeight","letterSpacing","background","b1","Chip","forwardRef","props","ref","_props$classes","classes","_props$dataTestid","dataTestId","styles","basicClassName","classNames","className","_defineProperty","variant","_jsx","MuiChip","_objectSpread","root","deleteIcon","CloseSmallIcon","size"],"mappings":"i6IAMA,IAEMA,EAAe,SAA4CC,GAAA,IAAAC,EAAAD,EAAzCE,MAAAA,aAAQ,GAAED,EAAAE,EAAAH,EAAEI,OAAAA,aAAS,GAAED,EAAAE,EAAAL,EAAEM,KACzCC,cADgD,GAAEF,GACjCG,QAAQ,IAAK,OAEpC,MAAA,eAAAC,OAAsBP,EAAK,cAAAO,OAAaL,EAAM,gCAAAK,OAA+BF,EAAS,sXACxF,EAEMG,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACP,YAAa,CACXC,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBlB,MAAO,GACPE,OAAQ,GACRiB,WAAY,OACZC,WAAY,EACZC,YAAa,OACbC,WAAY,GAEd,yBAA0B,CACxBV,QAAO,kCAAAL,OAAoCV,EAAa,CACtDO,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,8BAA+B,CAC7BX,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQC,OACxB,MACNf,MAAO,GACPE,OAAQ,IAEV,2CAA4C,CAC1CU,QAAO,kCAAAL,OAAoCV,EAAa,CACtDG,MAAO,GACPI,KAAMM,EAAMG,QAAQC,QAAQS,QAC5B,OAEJ,mCAAoC,CAClC,2DAA4D,CAC1DC,MAAO,YAGX,+BAAgC,CAC9BJ,WAAY,SAGhBK,MAAO,CACL,qCAAsC,CACpC,sBAAuB,CACrBvB,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,KAGdC,OAAQ,OACRC,cAAe,YACfC,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvCe,QAAS,QACT5B,OAAQ,GACR,mBAAoB,CAClBwB,SAAU,GACVK,WAAY,IACZZ,WAAY,OACZa,cAAe,MACfR,MAAOd,EAAMG,QAAQoB,WAAWC,GAChCJ,QAAS,GAEX,UAAW,CACTD,gBAAiBnB,EAAMG,QAAQC,QAAQC,KACvC,mBAAoB,CAClBS,MAAOd,EAAMG,QAAQoB,WAAWC,OAKzC,IAcKC,EAAOC,GAAsC,SAACC,EAAOC,GACzD,IAAQ3B,EAA8D0B,EAA9D1B,QAAO4B,EAAuDF,EAArDG,QAAAA,OAAO,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAyCJ,EAAvC,eAAeK,aAAa,OAAMD,EAC3DE,EAASnC,IACToC,EAAiBC,EAAWR,EAAMS,UAASC,EAAA,CAAA,EAC9CJ,EAAOlB,MAA0B,UAAlBY,EAAMW,UAElBA,EAA4B,UAAlBX,EAAMW,QAAsB,UAAYX,EAAMW,QAE9D,OAcEC,EAACC,EAAOC,EAAAA,EAAA,GACFd,GAAK,GAfR1B,EAeQ,CACT,cAvHY,OAwHZ2B,IAAKA,EACLQ,UAAWF,EACXJ,eACKA,GAAO,CAAA,EAAA,CACVY,KAAMP,EAAWL,EAAQY,KAAMT,EAAOhC,WAExCqC,QAASA,EACTK,WAAYJ,EAACK,EAAc,CAAC,cAAA,GAAA/C,OA/HhB,OA+HwD,gBAACgD,KAAM,MArBhE,CACT,cAAab,EACbJ,IAAKA,EACLQ,UAAWF,EACXI,QAASA,EACTK,WAAYJ,EAACK,EAAc,CAAC,cAAA,GAAA/C,OA/GlB,OA+G0D,gBAACgD,KAAM,OAmBnF"}

package/components/CollapsibleContent.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 declare function CollapsibleContent({ maxHeight, children }: {
     children: any;
     maxHeight: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace CollapsibleContent {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;

package/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import { type FC, type ComponentType } from 'react';
 import { PopoverOrigin, TooltipProps } from '@material-ui/core';
 type ColorInput = {
     hex: string;
@@ -21,7 +21,7 @@ type ColorPickerProps = {
     value: string;
     onChange: (color: string) => void;
     converter?: keyof typeof converters;
-    pickerComponent?: React.ComponentType<any>;
+    pickerComponent?: ComponentType<any>;
     buttonClassName?: string;
     labelPosition?: 'top' | 'right';
     hideLabel?: boolean;

package/components/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAML,aAAa,EAEb,YAAY,EACb,MAAM,mBAAmB,CAAC;AAY3B,KAAK,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEvF,QAAA,MAAM,UAAU;IACd,IAAI,MAAM,UAAU;IACpB,GAAG,MAAM,UAAU;IACnB,GAAG,MAAM,UAAU;IACnB,QAAQ,MAAM,UAAU;IACxB,QAAQ,MAAM,UAAU;CACzB,CAAC;AAgEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2GrC,CAAC;eAEa,WAAW"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,aAAa,EAAgD,MAAM,OAAO,CAAC;AAClG,OAAO,EAML,aAAa,EAEb,YAAY,EACb,MAAM,mBAAmB,CAAC;AAY3B,KAAK,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEvF,QAAA,MAAM,UAAU;IACd,IAAI,MAAM,UAAU;IACpB,GAAG,MAAM,UAAU;IACnB,GAAG,MAAM,UAAU;IACnB,QAAQ,MAAM,UAAU;IACxB,QAAQ,MAAM,UAAU;CACzB,CAAC;AAgEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,eAAe,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2GrC,CAAC;eAEa,WAAW"}

package/components/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { type FC, type MouseEvent, useEffect, useRef, useState } from 'react';\nimport {\n  IconButton,\n  InputLabel,\n  makeStyles,\n  Popover,\n  PopoverActions,\n  PopoverOrigin,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\n\nimport PaletteChromePicker from './PaletteChromePicker';\nimport { findParentBackground, getButtonStrokeColor, getValidColor } from './ColorPicketUtils';\n\nimport Checkboard from '~/assets/checkboard.svg';\nimport { PaletteIcon } from '~/icons';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\ntype ColorInput = { hex: string; rgb: { r: number; g: number; b: number; a: number } };\n\nconst converters = {\n  rgba: (c: ColorInput) => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n  rgb: (c: ColorInput) => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n  hex: (c: ColorInput) => c.hex,\n  rgba_rgb: (c: ColorInput) => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n  rgba_hex: (c: ColorInput) => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'flex',\n  },\n  topLabelRoot: {\n    flexDirection: 'column',\n  },\n  rightLabelRoot: {\n    flexDirection: 'row-reverse',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n  },\n  button: {\n    width: '36px',\n    height: '24px',\n    boxShadow: '0px 3px 6px rgba(0, 0, 0, 0.161)',\n    borderRadius: '8px',\n    fontSize: '1rem',\n\n    '&.Mui-disabled': {\n      opacity: 0.4,\n    },\n  },\n  buttonTransparent: {\n    position: 'relative',\n    backgroundImage: `url(${Checkboard})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      display: 'block',\n      width: '100%',\n      height: '3px',\n      background: '#FF0000',\n      transform: 'rotate(148deg)',\n      borderRadius: '2px',\n    },\n  },\n  colorLensIcon: {\n    position: 'relative',\n    zIndex: 2,\n  },\n  popper: {\n    zIndex: 1500,\n  },\n  topLabel: {\n    marginBottom: '8px',\n    fontSize: '15px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n    whiteSpace: 'nowrap',\n  },\n  rightLabel: {\n    marginLeft: '8px',\n    fontSize: '16px',\n  },\n});\n\ntype ColorPickerProps = {\n  label?: string;\n  value: string;\n  onChange: (color: string) => void;\n  converter?: keyof typeof converters;\n  pickerComponent?: React.ComponentType<any>;\n  buttonClassName?: string;\n  labelPosition?: 'top' | 'right';\n  hideLabel?: boolean;\n  lensColor?: string;\n  enableTransparencyPalette?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  'data-testid'?: string;\n  popoverAnchorOrigin?: PopoverOrigin;\n  popoverTransformOrigin?: PopoverOrigin;\n  disabled?: boolean;\n\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst ColorPicker: FC<ColorPickerProps> = ({\n  label = 'Color',\n  value,\n  converter = 'rgba_hex',\n  onChange,\n  buttonClassName,\n  popoverAnchorOrigin = { vertical: 'bottom', horizontal: 'left' },\n  popoverTransformOrigin = { vertical: 'top', horizontal: 'left' },\n  labelPosition = 'top',\n  hideLabel = false,\n  pickerComponent: PickerComponent = PaletteChromePicker,\n  lensColor,\n  enableTransparencyPalette = false,\n  'data-testid': PAGE_NAME = 'ColorPicker',\n  tooltipProps = { title: 'Change color' },\n  disabled,\n  onOpen,\n  onClose,\n}) => {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [color, setColor] = useState(() => getValidColor(value) || DEFAULT_COLOR);\n  const popperInstanceRef = useRef<PopoverActions>(null);\n  const [backgroundColor, setBackgroundColor] = useState<string | null>(null);\n\n  const strokeColor = lensColor || getButtonStrokeColor(backgroundColor ?? '', color);\n\n  useEffect(() => {\n    const newColor = getValidColor(value);\n    if (newColor) setColor(newColor);\n    else console.error(`The color value(${value}) is not valid, please check it.`);\n  }, [value]);\n\n  const handleOpen = (e: MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    setAnchorEl(e.currentTarget);\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setAnchorEl(null);\n  };\n\n  const handleChange = (nextColor: ColorInput) => {\n    const convertedColor = converters[converter](nextColor);\n    setColor(convertedColor);\n    onChange(convertedColor);\n  };\n\n  const updatePopperPosition = () => {\n    if (popperInstanceRef.current) {\n      popperInstanceRef.current.updatePosition();\n    }\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.topLabelRoot]: labelPosition === 'top',\n        [classes.rightLabelRoot]: labelPosition === 'right',\n      })}\n      ref={el => setBackgroundColor(findParentBackground(el))}\n    >\n      {!hideLabel && (\n        <InputLabel\n          className={classNames({\n            [classes.topLabel]: labelPosition === 'top',\n            [classes.rightLabel]: labelPosition === 'right',\n          })}\n          shrink\n        >\n          {label}\n        </InputLabel>\n      )}\n      <Tooltip {...tooltipProps}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_icon_${label}`}\n          className={classNames(classes.button, buttonClassName, {\n            [classes.buttonTransparent]: chroma(color).alpha() === 0,\n          })}\n          disableRipple\n          style={{ backgroundColor: color, color: strokeColor }}\n          onClick={handleOpen}\n          size=\"small\"\n          disabled={disabled}\n        >\n          <PaletteIcon size={16} className={classes.colorLensIcon} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        id=\"colors-popper\"\n        action={popperInstanceRef}\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={popoverAnchorOrigin}\n        transformOrigin={popoverTransformOrigin}\n      >\n        <PickerComponent\n          color={color}\n          onChange={handleChange}\n          onSizeChange={updatePopperPosition}\n          enableTransparencyPalette={enableTransparencyPalette}\n        />\n      </Popover>\n    </div>\n  );\n};\n\nexport default ColorPicker;\n"],"names":["converters","rgba","c","rgb","r","g","b","a","concat","hex","rgba_rgb","rgba_hex","useStyles","makeStyles","root","position","display","topLabelRoot","flexDirection","rightLabelRoot","justifyContent","alignItems","button","width","height","boxShadow","borderRadius","fontSize","opacity","buttonTransparent","backgroundImage","backgroundSize","backgroundPosition","content","background","transform","colorLensIcon","zIndex","popper","topLabel","marginBottom","lineHeight","letterSpacing","color","whiteSpace","rightLabel","marginLeft","ColorPicker","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { type FC, type ComponentType, type MouseEvent, useEffect, useRef, useState } from 'react';\nimport {\n  IconButton,\n  InputLabel,\n  makeStyles,\n  Popover,\n  PopoverActions,\n  PopoverOrigin,\n  Tooltip,\n  TooltipProps,\n} from '@material-ui/core';\nimport chroma from 'chroma-js';\nimport classNames from 'classnames';\n\nimport PaletteChromePicker from './PaletteChromePicker';\nimport { findParentBackground, getButtonStrokeColor, getValidColor } from './ColorPicketUtils';\n\nimport Checkboard from '~/assets/checkboard.svg';\nimport { PaletteIcon } from '~/icons';\n\nconst DEFAULT_COLOR = '#03BCD4';\n\ntype ColorInput = { hex: string; rgb: { r: number; g: number; b: number; a: number } };\n\nconst converters = {\n  rgba: (c: ColorInput) => `rgba(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b}, ${c.rgb.a})`,\n  rgb: (c: ColorInput) => `rgb(${c.rgb.r}, ${c.rgb.g}, ${c.rgb.b})`,\n  hex: (c: ColorInput) => c.hex,\n  rgba_rgb: (c: ColorInput) => (c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c)),\n  rgba_hex: (c: ColorInput) => (c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c)),\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n    display: 'flex',\n  },\n  topLabelRoot: {\n    flexDirection: 'column',\n  },\n  rightLabelRoot: {\n    flexDirection: 'row-reverse',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n  },\n  button: {\n    width: '36px',\n    height: '24px',\n    boxShadow: '0px 3px 6px rgba(0, 0, 0, 0.161)',\n    borderRadius: '8px',\n    fontSize: '1rem',\n\n    '&.Mui-disabled': {\n      opacity: 0.4,\n    },\n  },\n  buttonTransparent: {\n    position: 'relative',\n    backgroundImage: `url(${Checkboard})`,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      display: 'block',\n      width: '100%',\n      height: '3px',\n      background: '#FF0000',\n      transform: 'rotate(148deg)',\n      borderRadius: '2px',\n    },\n  },\n  colorLensIcon: {\n    position: 'relative',\n    zIndex: 2,\n  },\n  popper: {\n    zIndex: 1500,\n  },\n  topLabel: {\n    marginBottom: '8px',\n    fontSize: '15px',\n    lineHeight: '16px',\n    letterSpacing: '0.4px',\n    color: '#BDBDBD',\n    whiteSpace: 'nowrap',\n  },\n  rightLabel: {\n    marginLeft: '8px',\n    fontSize: '16px',\n  },\n});\n\ntype ColorPickerProps = {\n  label?: string;\n  value: string;\n  onChange: (color: string) => void;\n  converter?: keyof typeof converters;\n  pickerComponent?: ComponentType<any>;\n  buttonClassName?: string;\n  labelPosition?: 'top' | 'right';\n  hideLabel?: boolean;\n  lensColor?: string;\n  enableTransparencyPalette?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  'data-testid'?: string;\n  popoverAnchorOrigin?: PopoverOrigin;\n  popoverTransformOrigin?: PopoverOrigin;\n  disabled?: boolean;\n\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst ColorPicker: FC<ColorPickerProps> = ({\n  label = 'Color',\n  value,\n  converter = 'rgba_hex',\n  onChange,\n  buttonClassName,\n  popoverAnchorOrigin = { vertical: 'bottom', horizontal: 'left' },\n  popoverTransformOrigin = { vertical: 'top', horizontal: 'left' },\n  labelPosition = 'top',\n  hideLabel = false,\n  pickerComponent: PickerComponent = PaletteChromePicker,\n  lensColor,\n  enableTransparencyPalette = false,\n  'data-testid': PAGE_NAME = 'ColorPicker',\n  tooltipProps = { title: 'Change color' },\n  disabled,\n  onOpen,\n  onClose,\n}) => {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [color, setColor] = useState(() => getValidColor(value) || DEFAULT_COLOR);\n  const popperInstanceRef = useRef<PopoverActions>(null);\n  const [backgroundColor, setBackgroundColor] = useState<string | null>(null);\n\n  const strokeColor = lensColor || getButtonStrokeColor(backgroundColor ?? '', color);\n\n  useEffect(() => {\n    const newColor = getValidColor(value);\n    if (newColor) setColor(newColor);\n    else console.error(`The color value(${value}) is not valid, please check it.`);\n  }, [value]);\n\n  const handleOpen = (e: MouseEvent<HTMLButtonElement>) => {\n    onOpen?.();\n    setAnchorEl(e.currentTarget);\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setAnchorEl(null);\n  };\n\n  const handleChange = (nextColor: ColorInput) => {\n    const convertedColor = converters[converter](nextColor);\n    setColor(convertedColor);\n    onChange(convertedColor);\n  };\n\n  const updatePopperPosition = () => {\n    if (popperInstanceRef.current) {\n      popperInstanceRef.current.updatePosition();\n    }\n  };\n\n  return (\n    <div\n      className={classNames(classes.root, {\n        [classes.topLabelRoot]: labelPosition === 'top',\n        [classes.rightLabelRoot]: labelPosition === 'right',\n      })}\n      ref={el => setBackgroundColor(findParentBackground(el))}\n    >\n      {!hideLabel && (\n        <InputLabel\n          className={classNames({\n            [classes.topLabel]: labelPosition === 'top',\n            [classes.rightLabel]: labelPosition === 'right',\n          })}\n          shrink\n        >\n          {label}\n        </InputLabel>\n      )}\n      <Tooltip {...tooltipProps}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_icon_${label}`}\n          className={classNames(classes.button, buttonClassName, {\n            [classes.buttonTransparent]: chroma(color).alpha() === 0,\n          })}\n          disableRipple\n          style={{ backgroundColor: color, color: strokeColor }}\n          onClick={handleOpen}\n          size=\"small\"\n          disabled={disabled}\n        >\n          <PaletteIcon size={16} className={classes.colorLensIcon} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        id=\"colors-popper\"\n        action={popperInstanceRef}\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={popoverAnchorOrigin}\n        transformOrigin={popoverTransformOrigin}\n      >\n        <PickerComponent\n          color={color}\n          onChange={handleChange}\n          onSizeChange={updatePopperPosition}\n          enableTransparencyPalette={enableTransparencyPalette}\n        />\n      </Popover>\n    </div>\n  );\n};\n\nexport default ColorPicker;\n"],"names":["converters","rgba","c","rgb","r","g","b","a","concat","hex","rgba_rgb","rgba_hex","useStyles","makeStyles","root","position","display","topLabelRoot","flexDirection","rightLabelRoot","justifyContent","alignItems","button","width","height","boxShadow","borderRadius","fontSize","opacity","buttonTransparent","backgroundImage","backgroundSize","backgroundPosition","content","background","transform","colorLensIcon","zIndex","popper","topLabel","marginBottom","lineHeight","letterSpacing","color","whiteSpace","rightLabel","marginLeft","ColorPicker","_ref","_classNames","_classNames2","_ref$label","label","value","_ref$converter","converter","onChange","buttonClassName","_ref$popoverAnchorOri","popoverAnchorOrigin","vertical","horizontal","_ref$popoverTransform","popoverTransformOrigin","_ref$labelPosition","labelPosition","_ref$hideLabel","hideLabel","_ref$pickerComponent","pickerComponent","PickerComponent","PaletteChromePicker","lensColor","_ref$enableTransparen","enableTransparencyPalette","_ref$dataTestid","PAGE_NAME","_ref$tooltipProps","tooltipProps","title","disabled","onOpen","onClose","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState3","getValidColor","_useState4","setColor","popperInstanceRef","useRef","_useState6","_useState5","backgroundColor","setBackgroundColor","strokeColor","getButtonStrokeColor","useEffect","newColor","console","error","_jsxs","className","classNames","_defineProperty","ref","el","findParentBackground","children","_jsx","InputLabel","shrink","Tooltip","_objectSpread","IconButton","chroma","alpha","disableRipple","style","onClick","e","currentTarget","size","PaletteIcon","Popover","id","action","open","Boolean","anchorOrigin","transformOrigin","nextColor","convertedColor","onSizeChange","current","updatePosition"],"mappings":"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"}

package/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.d.ts

@@ -3,7 +3,7 @@ declare function ColorSquare({ color, isSelected, onClick }: {
     color: any;
     isSelected: any;
     onClick: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace ColorSquare {
     var propTypes: {
         color: PropTypes.Validator<string>;

package/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSquare.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyDnC,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE;;;;CAAA,eAgBlD;kBAhBQ,WAAW;;;;;;;eAwBL,WAAW"}
+{"version":3,"file":"ColorSquare.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/PaletteChromePicker/ColorSquare/ColorSquare.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyDnC,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE;;;;CAAA,+BAgBlD;kBAhBQ,WAAW;;;;;;;eAwBL,WAAW"}

package/components/CommentComposer/ChatChannelSelector.d.ts

@@ -14,5 +14,5 @@ export type ChatChannelSelectorProps = {
     placeholder?: string;
     testId?: string;
 };
-export declare const ChatChannelSelector: ({ channels, value, onChange, disabled, placeholder, testId, }: ChatChannelSelectorProps) => JSX.Element;
+export declare const ChatChannelSelector: ({ channels, value, onChange, disabled, placeholder, testId, }: ChatChannelSelectorProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatChannelSelector.d.ts.map

package/components/CommentComposer/ChatChannelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAaF,eAAO,MAAM,mBAAmB,kEAO7B,wBAAwB,gBA8E1B,CAAC"}
+{"version":3,"file":"ChatChannelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAaF,eAAO,MAAM,mBAAmB,kEAO7B,wBAAwB,4CA8E1B,CAAC"}

package/components/CommentComposer/CommentComposer.d.ts

@@ -39,5 +39,5 @@ export type CommentComposerProps = {
     className?: string;
     testId?: string;
 };
-export declare const CommentComposer: ({ body, onBodyChange, onSubmit, canSubmit, currentUser, attachments, onAttachmentsChange, maxAttachments, attachment, onAttachmentChange, attachmentError, onAttachmentError, maxAttachmentSizeBytes, disabled, autoFocus, placeholder, metaRows, isMetaSingleLine, shareToChat, trailing, embedded, className, testId, }: CommentComposerProps) => JSX.Element;
+export declare const CommentComposer: ({ body, onBodyChange, onSubmit, canSubmit, currentUser, attachments, onAttachmentsChange, maxAttachments, attachment, onAttachmentChange, attachmentError, onAttachmentError, maxAttachmentSizeBytes, disabled, autoFocus, placeholder, metaRows, isMetaSingleLine, shareToChat, trailing, embedded, className, testId, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommentComposer.d.ts.map

package/components/CommentComposer/CommentComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentComposer.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAIV,MAAM,OAAO,CAAC;AAef,OAAO,EAEL,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvE,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,mBAAmB,CAAC;IAEjC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACvC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAClD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,eAAe,8TAwBzB,oBAAoB,gBA4ItB,CAAC"}
+{"version":3,"file":"CommentComposer.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAIV,MAAM,OAAO,CAAC;AAef,OAAO,EAEL,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvE,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,mBAAmB,CAAC;IAEjC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACvC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAClD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,eAAe,8TAwBzB,oBAAoB,4CA4ItB,CAAC"}

package/components/CommentComposer/CommentMetaLine.d.ts

@@ -9,5 +9,5 @@ export type CommentMetaLineProps = {
     className?: string;
     testId?: string;
 };
-export declare const CommentMetaLine: ({ rows, singleLine, className, testId }: CommentMetaLineProps) => JSX.Element | null;
+export declare const CommentMetaLine: ({ rows, singleLine, className, testId }: CommentMetaLineProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=CommentMetaLine.d.ts.map

package/components/CommentComposer/CommentMetaLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMetaLine.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentMetaLine.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,4CAA6C,oBAAoB,uBAmB5F,CAAC"}
+{"version":3,"file":"CommentMetaLine.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentMetaLine.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,eAAe,4CAA6C,oBAAoB,mDAmB5F,CAAC"}

package/components/CommentComposer/CommentReplyInput.d.ts

@@ -15,5 +15,5 @@ export type CommentReplyInputProps = {
     onCancel?: () => void;
     testId?: string;
 };
-export declare const CommentReplyInput: ({ onSubmit, author, disabled, placeholder, autoFocus, maxAttachments, initialBody, initialAttachments, onCancel, testId, }: CommentReplyInputProps) => JSX.Element;
+export declare const CommentReplyInput: ({ onSubmit, author, disabled, placeholder, autoFocus, maxAttachments, initialBody, initialAttachments, onCancel, testId, }: CommentReplyInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommentReplyInput.d.ts.map

package/components/CommentComposer/CommentReplyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentReplyInput.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentReplyInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,kBAAkB,EAAE,KAC9B,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+HAW3B,sBAAsB,gBAsDxB,CAAC"}
+{"version":3,"file":"CommentReplyInput.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentReplyInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,kBAAkB,EAAE,KAC9B,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+HAW3B,sBAAsB,4CAsDxB,CAAC"}

package/components/CommentComposer/ShareToChatRow.d.ts

@@ -9,5 +9,5 @@ export type ShareToChatRowProps = {
     label?: string;
     testId?: string;
 };
-export declare const ShareToChatRow: ({ checked, onChange, channels, selectedChannel, onChannelChange, isChannelSelectDisabled, label, testId, }: ShareToChatRowProps) => JSX.Element;
+export declare const ShareToChatRow: ({ checked, onChange, channels, selectedChannel, onChannelChange, isChannelSelectDisabled, label, testId, }: ShareToChatRowProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ShareToChatRow.d.ts.map

package/components/CommentComposer/ShareToChatRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareToChatRow.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/ShareToChatRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc,+GASxB,mBAAmB,gBAcrB,CAAC"}
+{"version":3,"file":"ShareToChatRow.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/ShareToChatRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,cAAc,+GASxB,mBAAmB,4CAcrB,CAAC"}

package/components/ContextMenuItem/index.d.ts

@@ -8,6 +8,6 @@ type ContextMenuItemProps = MenuItemProps & {
     iconType?: 'mui' | 'iconPark';
     small?: boolean;
 };
-declare const ContextMenuItem: ({ classes, icon, children, small, iconType, ...otherProps }: ContextMenuItemProps) => JSX.Element;
+declare const ContextMenuItem: ({ classes, icon, children, small, iconType, ...otherProps }: ContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ContextMenuItem;
 //# sourceMappingURL=index.d.ts.map

package/components/ContextMenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenuItem/index.tsx"],"names":[],"mappings":"AAIA,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmClC,KAAK,oBAAoB,GAAG,aAAa,GAAG;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,eAAe,gEAOlB,oBAAoB,gBAYtB,CAAC;eAEa,eAAe"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenuItem/index.tsx"],"names":[],"mappings":"AAIA,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmClC,KAAK,oBAAoB,GAAG,aAAa,GAAG;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,eAAe,gEAOlB,oBAAoB,4CAYtB,CAAC;eAEa,eAAe"}

package/components/CopyToClipboard/CopyToClipboard.d.ts

@@ -20,6 +20,6 @@ export type CopyToClipboardProps = {
         tooltipPopper?: string;
     };
 };
-declare const CopyToClipboard: ({ children, classes, dataTestId, IconComponent, tooltipProps, }: CopyToClipboardProps) => JSX.Element;
+declare const CopyToClipboard: ({ children, classes, dataTestId, IconComponent, tooltipProps, }: CopyToClipboardProps) => import("react/jsx-runtime").JSX.Element;
 export default CopyToClipboard;
 //# sourceMappingURL=CopyToClipboard.d.ts.map

package/components/CopyToClipboard/CopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAuB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAsBtE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;QACtC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,eAAe,oEAUlB,oBAAoB,gBAqCtB,CAAC;eAEa,eAAe"}
+{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAuB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAsBtE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;QACtC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,eAAe,oEAUlB,oBAAoB,4CAqCtB,CAAC;eAEa,eAAe"}

package/components/CustomSelect/index.d.ts

@@ -4,7 +4,7 @@ declare function CustomSelect({ label, height, children, ...props }: {
     children: any;
     height: any;
     label: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace CustomSelect {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;

package/components/DevCenter/AppHeader/AppHeader.d.ts

@@ -24,7 +24,7 @@ declare function AppHeader({ app, appLastAnnotation, appSettings, badge, childre
     updateCurrentDashboardAppLastAnnotation: any;
     well: any;
     wells: any;
-}): JSX.Element;
+}): import("react").JSX.Element;
 declare namespace AppHeader {
     var propTypes: {
         app: PropTypes.Validator<object>;

package/components/DevCenter/AppHeader/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,OAAO,MAAM,WAAW,CAAC;AAchC,eAAO,MAAM,SAAS,wBAAwB,CAAC;AA4C/C,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,iBAAiB,EACjB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,WAAW,EACX,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,GAAG,EACH,kBAAkB,EAClB,uCAAuC,EACvC,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB;;;;;;;;;;;;;;;;;;;;;;;CAAA,eAiJA;kBAxKQ,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgPH,SAAS"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,OAAO,MAAM,WAAW,CAAC;AAchC,eAAO,MAAM,SAAS,wBAAwB,CAAC;AA4C/C,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,iBAAiB,EACjB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,WAAW,EACX,OAAO,EACP,eAAe,EACf,mBAAmB,EACnB,uBAAuB,EACvB,GAAG,EACH,kBAAkB,EAClB,uCAAuC,EACvC,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAiJA;kBAxKQ,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAgPH,SAAS"}

package/components/DevCenter/AppHeader/PadIcon.d.ts

@@ -1,2 +1,2 @@
-export declare const PadIcon: () => JSX.Element;
+export declare const PadIcon: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PadIcon.d.ts.map

package/components/DevCenter/AppHeader/PadIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PadIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/PadIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,mBAyCnB,CAAC"}
+{"version":3,"file":"PadIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/PadIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,+CAyCnB,CAAC"}

package/components/DevCenter/AppHeader/PadMode.d.ts

@@ -8,7 +8,7 @@ declare function PadMode({ fracFleet, wells, well, onSettingChange, appSettings,
     onSettingChange: any;
     well: any;
     wells: any;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;
 declare namespace PadMode {
     var propTypes: {
         appSettings: PropTypes.Requireable<PropTypes.InferProps<{

package/components/DevCenter/AppSideBar/AppSideBar.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useEffect as c}from"react";import t from"classnames";import{noop as e}from"lodash";import{makeStyles as r,createStyles as m,Drawer as a,Box as p,Tooltip as l}from"@material-ui/core";import u from"../../IconButton/index.js";import d from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{LeftAlignmentIcon as I,CloseSmallIcon as j,CheckSmallIcon as h,RightIcon as f,LeftIcon as g}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 C,Fragment as b,jsx as v}from"react/jsx-runtime";var x=r((function(o){var n;return m({drawer:function(o){var n=o.openedDrawerWidth;return s({height:"100%",position:"relative",zIndex:0,width:n},"&.".concat("closed"),{width:"48px"})},drawerPaper:(n={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},s(n,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}}),s(n,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),s(n,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),n),header:s({cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:o.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var n=o.anchor;return s({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),k=function(r){var m=r.classes,k=void 0===m?{}:m,A=r.anchor,B=void 0===A?"left":A,O=r.children,w=r.drawerPaperClassName,S=void 0===w?"":w,T=r.drawerClassName,F=void 0===T?"":T,D=r.expandedTooltipTitle,P=void 0===D?"Collapse":D,y=r.collapsedTooltipTitle,z=void 0===y?"Expand":y,M=r.header,N=r.headerIcon,R=r.headerTitleIcon,W=r.isOpen,L=void 0!==W&&W,E=r.openedDrawerWidth,G=r.setIsOpen,H=void 0===G?e:G,U=r.size,_=void 0===U?"medium":U,q=r.allOptionsButtonShown,K=void 0!==q&&q,Y=r.isAllOptionsSelected,Z=void 0!==Y&&Y,$=r.onAllOptionsClick,J=void 0===$?e:$,Q=n(!1),V=o(Q,2);V[0];var X=V[1],oo=i(null),so=x({anchor:B,openedDrawerWidth:null!=E?E:{small:235,medium:354,large:473}[_]});c((function(){if(oo.current){var o=oo.current,s=o.scrollHeight,n=o.clientHeight;X(s>n)}}));var no="left"===B?f:g;return C(a,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){L||H(!0)},className:t(so.drawer,!L&&"closed",F),variant:"permanent",classes:{paper:t(so.drawerPaper,S,!L&&"closed")},anchor:B,children:[C("div",{className:t(so.header,k.header,L&&"open"),onClick:function(){L&&H(!1)},children:[L&&C(b,{children:[R||v(I,{size:24}),v("div",{"data-testid":"".concat("AppSideBar","_header"),className:so.headerIconText,children:M}),K&&v(d,{className:so.selectAllButton,onClick:function(o){o.stopPropagation(),J(o)},startIcon:v(Z?j:h,{size:16}),children:Z?"Clear All":"Select All"})]}),!L&&N]}),v("div",{className:t(so.contentWrapper,k.contentWrapper),ref:oo,children:v("div",{className:t(so.content,k.content),children:L&&O})}),v(p,{className:t(so.openToggleContainer,k.openToggleContainer,s({},"open",L)),children:v(l,{title:L?P:z,placement:"bottom",children:v("div",{children:v(u,{"aria-label":"toggle sidebar",onClick:function(){H(!L)},children:v(no,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:t(L&&so.openToggleIconOpen)})})})})})]})};export{k as default};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useEffect as c}from"react";import t from"classnames";import{noop as e}from"lodash";import{makeStyles as r,createStyles as m,Drawer as a,Box as p,Tooltip as l}from"@material-ui/core";import u from"../../IconButton/index.js";import d from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{LeftAlignmentIcon as I,CloseSmallIcon as j,CheckSmallIcon as h,RightIcon as f,LeftIcon as g}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 v,Fragment as C,jsx as b}from"react/jsx-runtime";var x=r((function(o){var n;return m({drawer:function(o){var n=o.openedDrawerWidth;return s({height:"100%",position:"relative",zIndex:0,width:n},"&.".concat("closed"),{width:"48px"})},drawerPaper:(n={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},s(n,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}}),s(n,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),s(n,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),n),header:s({cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:o.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var n=o.anchor;return s({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),k=function(r){var m=r.classes,k=void 0===m?{}:m,A=r.anchor,B=void 0===A?"left":A,O=r.children,w=r.drawerPaperClassName,S=void 0===w?"":w,T=r.drawerClassName,F=void 0===T?"":T,D=r.expandedTooltipTitle,P=void 0===D?"Collapse":D,y=r.collapsedTooltipTitle,z=void 0===y?"Expand":y,M=r.header,N=r.headerIcon,R=r.headerTitleIcon,W=r.isOpen,L=void 0!==W&&W,E=r.openedDrawerWidth,G=r.setIsOpen,H=void 0===G?e:G,U=r.size,_=void 0===U?"medium":U,q=r.allOptionsButtonShown,K=void 0!==q&&q,Y=r.isAllOptionsSelected,Z=void 0!==Y&&Y,$=r.onAllOptionsClick,J=void 0===$?e:$,Q=n(!1),V=o(Q,2);V[0];var X=V[1],oo=i(null),so=x({anchor:B,openedDrawerWidth:null!=E?E:{small:235,medium:354,large:473}[_]});c((function(){if(oo.current){var o=oo.current,s=o.scrollHeight,n=o.clientHeight;X(s>n)}}));var no="left"===B?f:g;return v(a,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){L||H(!0)},className:t(so.drawer,!L&&"closed",F),variant:"permanent",classes:{paper:t(so.drawerPaper,S,!L&&"closed")},anchor:B,children:[v("div",{className:t(so.header,null==k?void 0:k.header,L&&"open"),onClick:function(){L&&H(!1)},children:[L&&v(C,{children:[R||b(I,{size:24}),b("div",{"data-testid":"".concat("AppSideBar","_header"),className:so.headerIconText,children:M}),K&&b(d,{className:so.selectAllButton,onClick:function(o){o.stopPropagation(),J(o)},startIcon:b(Z?j:h,{size:16}),children:Z?"Clear All":"Select All"})]}),!L&&N]}),b("div",{className:t(so.contentWrapper,null==k?void 0:k.contentWrapper),ref:oo,children:b("div",{className:t(so.content,null==k?void 0:k.content),children:L&&O})}),b(p,{className:t(so.openToggleContainer,null==k?void 0:k.openToggleContainer,s({},"open",L)),children:b(l,{title:L?P:z,placement:"bottom",children:b("div",{children:b(u,{"aria-label":"toggle sidebar",onClick:function(){H(!L)},children:b(no,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:t(L&&so.openToggleIconOpen)})})})})})]})};export{k as default};
 //# sourceMappingURL=AppSideBar.js.map