@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Select/index.js

@@ -1 +1,248 @@
-import{__rest as e,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useMemo as i}from"react";import{makeStyles as l,FormControl as a,InputLabel as n,Select as u,FormHelperText as d}from"@material-ui/core";import p from"uuid/v4";import c from"classnames";var s=l((function(e){return{formControlRoot:{"& .MuiSelect-icon":{top:"calc(50% - 8px)",right:4},"& .MuiSelect-icon.MuiSelect-iconOutlined":{right:8},"& .MuiSelect-icon.MuiSelect-iconFilled":{right:8},"&:hover":{"& .MuiFormLabel-root, & .MuiInputAdornment-root,  & .MuiSelect-icon > svg > path":{color:e.palette.primary.contrastText},"& .MuiSelect-icon > svg > path":{stroke:e.palette.primary.contrastText,fill:e.palette.primary.contrastText},"& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)":{"&::before":{borderBottom:"2px solid ".concat(e.palette.primary.contrastText)}}},"& .MuiInputBase-root.Mui-focused":{"& .MuiSelect-icon > svg > path":{stroke:e.palette.primary.main,fill:e.palette.primary.main}},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::before":{borderBottom:"1px solid ".concat(e.palette.primary.text6)},"&.Mui-disabled":{"&::before":{opacity:"0.4",borderBottom:"1px solid ".concat(e.palette.primary.text6)},"&::after":{opacity:"0.4"}}},"& .MuiSelect-root":{"&.Mui-disabled":{color:e.palette.primary.contrastText,opacity:"0.4"}},"& .MuiFormLabel-root":{color:e.palette.primary.text6,"&.Mui-focused":{color:e.palette.primary.main},"&.Mui-disabled.MuiInputLabel-root":{color:e.palette.primary.text6,opacity:"0.4"}},"& .MuiSelect-icon.Mui-disabled":{color:e.palette.primary.contrastText,opacity:"0.4"},"& .MuiFormHelperText-root":{color:e.palette.primary.text6,"&.Mui-disabled":{opacity:"0.4"}},"& .MuiFilledInput-root":{backgroundColor:e.palette.background.b6,"&:hover":{backgroundColor:e.palette.background.b7},"&.Mui-disabled":{backgroundColor:e.palette.background.b6,opacity:"0.4"}},"& .MuiInputLabel-filled":{left:2},"& .MuiSelect-filled":{paddingLeft:14},"& .MuiSvgIcon-root.MuiSelect-icon":{color:e.palette.primary.text6},"& .MuiInputBase-root":{"& .MuiInputAdornment-root":{color:e.palette.primary.text6,"& svg":{height:16,width:16}},"&.Mui-error":{"& .MuiInputAdornment-root":{color:e.palette.error.main}},"&.Mui-disabled":{"& .MuiInputAdornment-root":{opacity:"0.4"}},"&.Mui-focused":{"& .MuiInputAdornment-root":{color:e.palette.primary.main}}}},menuList:{backgroundColor:e.palette.background.b9,"& .MuiMenuItem-root":{"&.Mui-selected":{backgroundColor:e.palette.primary.text9}}},error:{"&:hover":{"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"2px solid ".concat(e.palette.error.main)}},"& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid ".concat(e.palette.error.main)},"&::after":{display:"none"}},"& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline":{borderWidth:2}},"& .MuiFormLabel-root.MuiInputLabel-root":{color:e.palette.error.main,"&.Mui-focused":{color:e.palette.error.main},"&.Mui-disabled":{color:e.palette.error.main}},"& .MuiFormHelperText-root":{color:e.palette.error.main},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"1px solid ".concat(e.palette.error.main)},"&.Mui-disabled::after":{display:"none"},"&.Mui-disabled::before":{borderBottom:"1px solid ".concat(e.palette.error.main)}},"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.error.main,opacity:"0.4"}},paper:{marginTop:8}}})),m=function(l){var m,M,b,f,v,I,y,x=l.FormControlProps,h=void 0===x?{}:x,g=l.InputLabelProps,F=void 0===g?{}:g,S=l.label,k=void 0===S?null:S,C=l.formHelperText,L=void 0===C?null:C,T=l.error,B=void 0!==T&&T,O=l.fullWidth,P=void 0!==O&&O,A=e(l,["FormControlProps","InputLabelProps","label","formHelperText","error","fullWidth"]),W=i(p,[]),H=s();return t(a,o({},h,{classes:o(o({},h.classes),{root:c(null===(M=h.classes)||void 0===M?void 0:M.root,H.formControlRoot,(m={},m[H.error]=B,m))}),disabled:h.disabled||A.disabled,fullWidth:P,error:B,children:[k&&r(n,o({id:W},F,{children:k})),r(u,o({},A,{labelId:W,label:k,MenuProps:o(o({getContentAnchorEl:null,anchorOrigin:{horizontal:"left",vertical:"bottom"},transformOrigin:{vertical:"top",horizontal:"left"}},null==A?void 0:A.MenuProps),{classes:o(o({},null===(b=null==A?void 0:A.MenuProps)||void 0===b?void 0:b.classes),{paper:c(H.paper,null===(v=null===(f=null==A?void 0:A.MenuProps)||void 0===f?void 0:f.classes)||void 0===v?void 0:v.paper),list:c(null===(y=null===(I=null==A?void 0:A.MenuProps)||void 0===I?void 0:I.classes)||void 0===y?void 0:y.list,H.menuList)})}),fullWidth:P})),L&&r(d,{children:L})]}))};export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo } from 'react';
+import { makeStyles, FormControl, InputLabel, Select as Select$1, FormHelperText } from '@material-ui/core';
+import uuidV4 from 'uuid/v4';
+import classNames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["FormControlProps", "InputLabelProps", "label", "formHelperText", "error", "fullWidth"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DISABLED_OPACITY = '0.4';
+var useStyles = makeStyles(function (theme) {
+  return {
+    formControlRoot: {
+      '& .MuiSelect-icon': {
+        top: 'calc(50% - 8px)',
+        right: 4
+      },
+      '& .MuiSelect-icon.MuiSelect-iconOutlined': {
+        right: 8
+      },
+      '& .MuiSelect-icon.MuiSelect-iconFilled': {
+        right: 8
+      },
+      '&:hover': {
+        '& .MuiFormLabel-root, & .MuiInputAdornment-root,  & .MuiSelect-icon > svg > path': {
+          color: theme.palette.primary.contrastText
+        },
+        '& .MuiSelect-icon > svg > path': {
+          stroke: theme.palette.primary.contrastText,
+          fill: theme.palette.primary.contrastText
+        },
+        '& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)': {
+          '&::before': {
+            borderBottom: "2px solid ".concat(theme.palette.primary.contrastText)
+          }
+        }
+      },
+      '& .MuiInputBase-root.Mui-focused': {
+        '& .MuiSelect-icon > svg > path': {
+          stroke: theme.palette.primary.main,
+          fill: theme.palette.primary.main
+        }
+      },
+      '& .MuiInput-underline, & .MuiFilledInput-underline': {
+        '&::before': {
+          borderBottom: "1px solid ".concat(theme.palette.primary.text6)
+        },
+        '&.Mui-disabled': {
+          '&::before': {
+            opacity: DISABLED_OPACITY,
+            borderBottom: "1px solid ".concat(theme.palette.primary.text6)
+          },
+          '&::after': {
+            opacity: DISABLED_OPACITY
+          }
+        }
+      },
+      '& .MuiSelect-root': {
+        '&.Mui-disabled': {
+          color: theme.palette.primary.contrastText,
+          opacity: DISABLED_OPACITY
+        }
+      },
+      '& .MuiFormLabel-root': {
+        color: theme.palette.primary.text6,
+        '&.Mui-focused': {
+          color: theme.palette.primary.main
+        },
+        '&.Mui-disabled.MuiInputLabel-root': {
+          color: theme.palette.primary.text6,
+          opacity: DISABLED_OPACITY
+        }
+      },
+      '& .MuiSelect-icon.Mui-disabled': {
+        color: theme.palette.primary.contrastText,
+        opacity: DISABLED_OPACITY
+      },
+      '& .MuiFormHelperText-root': {
+        color: theme.palette.primary.text6,
+        '&.Mui-disabled': {
+          opacity: DISABLED_OPACITY
+        }
+      },
+      '& .MuiFilledInput-root': {
+        backgroundColor: theme.palette.background.b6,
+        '&:hover': {
+          backgroundColor: theme.palette.background.b7
+        },
+        '&.Mui-disabled': {
+          backgroundColor: theme.palette.background.b6,
+          opacity: DISABLED_OPACITY
+        }
+      },
+      '& .MuiInputLabel-filled': {
+        left: 2
+      },
+      '& .MuiSelect-filled': {
+        paddingLeft: 14
+      },
+      '& .MuiSvgIcon-root.MuiSelect-icon': {
+        color: theme.palette.primary.text6
+      },
+      '& .MuiInputBase-root': {
+        '& .MuiInputAdornment-root': {
+          color: theme.palette.primary.text6,
+          '& svg': {
+            height: 16,
+            width: 16
+          }
+        },
+        '&.Mui-error': {
+          '& .MuiInputAdornment-root': {
+            color: theme.palette.error.main
+          }
+        },
+        '&.Mui-disabled': {
+          '& .MuiInputAdornment-root': {
+            opacity: DISABLED_OPACITY
+          }
+        },
+        '&.Mui-focused': {
+          '& .MuiInputAdornment-root': {
+            color: theme.palette.primary.main
+          }
+        }
+      }
+    },
+    menuList: {
+      backgroundColor: theme.palette.background.b9,
+      '& .MuiMenuItem-root': {
+        '&.Mui-selected': {
+          backgroundColor: theme.palette.primary.text9
+        }
+      }
+    },
+    error: {
+      '&:hover': {
+        '& .MuiInput-underline, & .MuiFilledInput-underline': {
+          '&::after': {
+            borderBottom: "2px solid ".concat(theme.palette.error.main)
+          }
+        },
+        '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {
+          '&::before': {
+            borderBottom: "1px solid ".concat(theme.palette.error.main)
+          },
+          '&::after': {
+            display: 'none'
+          }
+        },
+        '& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline': {
+          borderWidth: 2
+        }
+      },
+      '& .MuiFormLabel-root.MuiInputLabel-root': {
+        color: theme.palette.error.main,
+        '&.Mui-focused': {
+          color: theme.palette.error.main
+        },
+        '&.Mui-disabled': {
+          color: theme.palette.error.main
+        }
+      },
+      '& .MuiFormHelperText-root': {
+        color: theme.palette.error.main
+      },
+      '& .MuiInput-underline, & .MuiFilledInput-underline': {
+        '&::after': {
+          borderBottom: "1px solid ".concat(theme.palette.error.main)
+        },
+        '&.Mui-disabled::after': {
+          display: 'none'
+        },
+        '&.Mui-disabled::before': {
+          borderBottom: "1px solid ".concat(theme.palette.error.main)
+        }
+      },
+      '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {
+        borderColor: theme.palette.error.main,
+        opacity: DISABLED_OPACITY
+      }
+    },
+    paper: {
+      marginTop: 8
+    }
+  };
+});
+var Select = function Select(_ref) {
+  var _FormControlProps$cla, _SelectProps$MenuProp, _SelectProps$MenuProp2, _SelectProps$MenuProp3, _SelectProps$MenuProp4, _SelectProps$MenuProp5;
+  var _ref$FormControlProps = _ref.FormControlProps,
+    FormControlProps = _ref$FormControlProps === void 0 ? {} : _ref$FormControlProps,
+    _ref$InputLabelProps = _ref.InputLabelProps,
+    InputLabelProps = _ref$InputLabelProps === void 0 ? {} : _ref$InputLabelProps,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? null : _ref$label,
+    _ref$formHelperText = _ref.formHelperText,
+    formHelperText = _ref$formHelperText === void 0 ? null : _ref$formHelperText,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    SelectProps = _objectWithoutProperties(_ref, _excluded);
+  var labelId = useMemo(uuidV4, []);
+  var styles = useStyles();
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread(_objectSpread({}, FormControlProps), {}, {
+    classes: _objectSpread(_objectSpread({}, FormControlProps.classes), {}, {
+      root: classNames((_FormControlProps$cla = FormControlProps.classes) === null || _FormControlProps$cla === void 0 ? void 0 : _FormControlProps$cla.root, styles.formControlRoot, _defineProperty({}, styles.error, error))
+    }),
+    disabled: FormControlProps.disabled || SelectProps.disabled,
+    fullWidth: fullWidth,
+    error: error,
+    children: [label && /*#__PURE__*/jsx(InputLabel, _objectSpread(_objectSpread({
+      id: labelId
+    }, InputLabelProps), {}, {
+      children: label
+    })), /*#__PURE__*/jsx(Select$1, _objectSpread(_objectSpread({}, SelectProps), {}, {
+      labelId: labelId
+      // NOTE: label should be explicitly set for outlined select
+      // https://github.com/mui-org/material-ui/issues/14530#issuecomment-620974845
+      ,
+      label: label,
+      MenuProps: _objectSpread(_objectSpread({
+        getContentAnchorEl: null,
+        anchorOrigin: {
+          horizontal: 'left',
+          vertical: 'bottom'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'left'
+        }
+      }, SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.MenuProps), {}, {
+        classes: _objectSpread(_objectSpread({}, SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp = SelectProps.MenuProps) === null || _SelectProps$MenuProp === void 0 ? void 0 : _SelectProps$MenuProp.classes), {}, {
+          paper: classNames(styles.paper, SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp2 = SelectProps.MenuProps) === null || _SelectProps$MenuProp2 === void 0 ? void 0 : (_SelectProps$MenuProp3 = _SelectProps$MenuProp2.classes) === null || _SelectProps$MenuProp3 === void 0 ? void 0 : _SelectProps$MenuProp3.paper),
+          list: classNames(SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp4 = SelectProps.MenuProps) === null || _SelectProps$MenuProp4 === void 0 ? void 0 : (_SelectProps$MenuProp5 = _SelectProps$MenuProp4.classes) === null || _SelectProps$MenuProp5 === void 0 ? void 0 : _SelectProps$MenuProp5.list, styles.menuList)
+        })
+      }),
+      fullWidth: fullWidth
+    })), formHelperText && /*#__PURE__*/jsx(FormHelperText, {
+      children: formHelperText
+    })]
+  }));
+};
+
+export { Select as default };
+//# sourceMappingURL=index.js.map

package/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Select/index.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  makeStyles,\n  Select as MuiSelect,\n} from '@material-ui/core';\nimport uuidV4 from 'uuid/v4';\nimport classNames from 'classnames';\nimport { SelectProps } from './types';\n\nconst DISABLED_OPACITY = '0.4';\n\nconst useStyles = makeStyles(theme => ({\n  formControlRoot: {\n    '& .MuiSelect-icon': {\n      top: 'calc(50% - 8px)',\n      right: 4,\n    },\n    '& .MuiSelect-icon.MuiSelect-iconOutlined': {\n      right: 8,\n    },\n    '& .MuiSelect-icon.MuiSelect-iconFilled': {\n      right: 8,\n    },\n    '&:hover': {\n      '& .MuiFormLabel-root, & .MuiInputAdornment-root,  & .MuiSelect-icon > svg > path': {\n        color: theme.palette.primary.contrastText,\n      },\n      '& .MuiSelect-icon > svg > path': {\n        stroke: theme.palette.primary.contrastText,\n        fill: theme.palette.primary.contrastText,\n      },\n      '& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)': {\n        '&::before': {\n          borderBottom: `2px solid ${theme.palette.primary.contrastText}`,\n        },\n      },\n    },\n    '& .MuiInputBase-root.Mui-focused': {\n      '& .MuiSelect-icon > svg > path': {\n        stroke: theme.palette.primary.main,\n        fill: theme.palette.primary.main,\n      },\n    },\n    '& .MuiInput-underline, & .MuiFilledInput-underline': {\n      '&::before': {\n        borderBottom: `1px solid ${theme.palette.primary.text6}`,\n      },\n      '&.Mui-disabled': {\n        '&::before': {\n          opacity: DISABLED_OPACITY,\n          borderBottom: `1px solid ${theme.palette.primary.text6}`,\n        },\n        '&::after': {\n          opacity: DISABLED_OPACITY,\n        },\n      },\n    },\n    '& .MuiSelect-root': {\n      '&.Mui-disabled': {\n        color: theme.palette.primary.contrastText,\n        opacity: DISABLED_OPACITY,\n      },\n    },\n    '& .MuiFormLabel-root': {\n      color: theme.palette.primary.text6,\n      '&.Mui-focused': {\n        color: theme.palette.primary.main,\n      },\n      '&.Mui-disabled.MuiInputLabel-root': {\n        color: theme.palette.primary.text6,\n        opacity: DISABLED_OPACITY,\n      },\n    },\n    '& .MuiSelect-icon.Mui-disabled': {\n      color: theme.palette.primary.contrastText,\n      opacity: DISABLED_OPACITY,\n    },\n    '& .MuiFormHelperText-root': {\n      color: theme.palette.primary.text6,\n      '&.Mui-disabled': {\n        opacity: DISABLED_OPACITY,\n      },\n    },\n    '& .MuiFilledInput-root': {\n      backgroundColor: theme.palette.background.b6,\n      '&:hover': {\n        backgroundColor: theme.palette.background.b7,\n      },\n      '&.Mui-disabled': {\n        backgroundColor: theme.palette.background.b6,\n        opacity: DISABLED_OPACITY,\n      },\n    },\n    '& .MuiInputLabel-filled': {\n      left: 2,\n    },\n    '& .MuiSelect-filled': {\n      paddingLeft: 14,\n    },\n    '& .MuiSvgIcon-root.MuiSelect-icon': {\n      color: theme.palette.primary.text6,\n    },\n    '& .MuiInputBase-root': {\n      '& .MuiInputAdornment-root': {\n        color: theme.palette.primary.text6,\n        '& svg': {\n          height: 16,\n          width: 16,\n        },\n      },\n      '&.Mui-error': {\n        '& .MuiInputAdornment-root': { color: theme.palette.error.main },\n      },\n      '&.Mui-disabled': {\n        '& .MuiInputAdornment-root': { opacity: DISABLED_OPACITY },\n      },\n      '&.Mui-focused': {\n        '& .MuiInputAdornment-root': { color: theme.palette.primary.main },\n      },\n    },\n  },\n  menuList: {\n    backgroundColor: theme.palette.background.b9,\n    '& .MuiMenuItem-root': {\n      '&.Mui-selected': {\n        backgroundColor: theme.palette.primary.text9,\n      },\n    },\n  },\n  error: {\n    '&:hover': {\n      '& .MuiInput-underline, & .MuiFilledInput-underline': {\n        '&::after': {\n          borderBottom: `2px solid ${theme.palette.error.main}`,\n        },\n      },\n      '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n        '&::before': {\n          borderBottom: `1px solid ${theme.palette.error.main}`,\n        },\n        '&::after': {\n          display: 'none',\n        },\n      },\n      '& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline': {\n        borderWidth: 2,\n      },\n    },\n    '& .MuiFormLabel-root.MuiInputLabel-root': {\n      color: theme.palette.error.main,\n      '&.Mui-focused': {\n        color: theme.palette.error.main,\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.error.main,\n      },\n    },\n    '& .MuiFormHelperText-root': {\n      color: theme.palette.error.main,\n    },\n    '& .MuiInput-underline, & .MuiFilledInput-underline': {\n      '&::after': {\n        borderBottom: `1px solid ${theme.palette.error.main}`,\n      },\n      '&.Mui-disabled::after': {\n        display: 'none',\n      },\n      '&.Mui-disabled::before': {\n        borderBottom: `1px solid ${theme.palette.error.main}`,\n      },\n    },\n    '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {\n      borderColor: theme.palette.error.main,\n      opacity: DISABLED_OPACITY,\n    },\n  },\n  paper: {\n    marginTop: 8,\n  },\n}));\n\nconst Select = <T extends unknown>({\n  FormControlProps = {},\n  InputLabelProps = {},\n  label = null,\n  formHelperText = null,\n  error = false,\n  fullWidth = false,\n  ...SelectProps\n}: SelectProps<T>): JSX.Element => {\n  const labelId: string = useMemo(uuidV4, []);\n\n  const styles = useStyles();\n\n  return (\n    <FormControl\n      {...FormControlProps}\n      classes={{\n        ...FormControlProps.classes,\n        root: classNames(FormControlProps.classes?.root, styles.formControlRoot, {\n          [styles.error]: error,\n        }),\n      }}\n      disabled={FormControlProps.disabled || SelectProps.disabled}\n      fullWidth={fullWidth}\n      error={error}\n    >\n      {label && (\n        <InputLabel id={labelId} {...InputLabelProps}>\n          {label}\n        </InputLabel>\n      )}\n      <MuiSelect\n        {...SelectProps}\n        labelId={labelId}\n        // NOTE: label should be explicitly set for outlined select\n        // https://github.com/mui-org/material-ui/issues/14530#issuecomment-620974845\n        label={label}\n        MenuProps={{\n          getContentAnchorEl: null,\n          anchorOrigin: {\n            horizontal: 'left',\n            vertical: 'bottom',\n          },\n          transformOrigin: {\n            vertical: 'top',\n            horizontal: 'left',\n          },\n          ...SelectProps?.MenuProps,\n          classes: {\n            ...SelectProps?.MenuProps?.classes,\n            paper: classNames(styles.paper, SelectProps?.MenuProps?.classes?.paper),\n            list: classNames(SelectProps?.MenuProps?.classes?.list, styles.menuList),\n          },\n        }}\n        fullWidth={fullWidth}\n      />\n      {formHelperText && <FormHelperText>{formHelperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Select;\n"],"names":["DISABLED_OPACITY","useStyles","makeStyles","theme","formControlRoot","top","right","color","palette","primary","contrastText","stroke","fill","borderBottom","main","text6","opacity","backgroundColor","background","b6","b7","left","paddingLeft","height","width","error","menuList","b9","text9","display","borderWidth","borderColor","paper","marginTop","Select","FormControlProps","InputLabelProps","label","formHelperText","fullWidth","SelectProps","labelId","useMemo","uuidV4","styles","_jsxs","classes","root","classNames","disabled","_jsx","MuiSelect","getContentAnchorEl","anchorOrigin","horizontal","vertical","transformOrigin","MenuProps","list"],"mappings":"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"}

package/components/SettingEditors/ColorEditor/index.js

@@ -1 +1,106 @@
-import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useState as c}from"react";import{GithubPicker as n,ChromePicker as i}from"react-color";import{Button as t,ClickAwayListener as r}from"@material-ui/core";import{PaletteIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.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/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/Gap.js";import m from"./style.css.js";var u=function(u){var a=u.onChange,l=u.currentValue,p=u.defaultValue,d=void 0===p?"#FF0000":p,j=u.condensed,I=u.colors,h=void 0===I?["#FF0000","#00FF00","#0000FF"]:I,f=u.lensColor,C=void 0===f?"#fff":f,F=c(!1),k=F[0],v=F[1],x=c(l||d),b=x[0],E=x[1],g=function(){return a(b)};return o("div",{className:m.colorEditor,children:[s(t,{variant:"contained",color:"primary",onClick:function(){return v(!0)},className:m.button,style:{backgroundColor:b,color:C},size:"small",children:s(e,{size:16})}),k&&s(r,{mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:function(){v(!1),g()},children:s("div",{className:m.colorEditorPickerContainer,children:j?s(n,{color:b,onChange:function(o){E(o.hex),v(!1),g()},colors:h,triangle:"hide"}):s(i,{color:b,onChange:function(o){E(o.hex),g()}})})})]})};export{u as ColorEditor,u as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { GithubPicker, ChromePicker } from 'react-color';
+import { Button, ClickAwayListener } from '@material-ui/core';
+import { PaletteIcon } from '../../../icons/iconParkIcons.js';
+import '../../../icons/customIcons/icons/AddMessage.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/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/Gap.js';
+import styles from './style.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ColorEditor = function ColorEditor(_ref) {
+  var onChange = _ref.onChange,
+    currentValue = _ref.currentValue,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? '#FF0000' : _ref$defaultValue,
+    condensed = _ref.condensed,
+    _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? ['#FF0000', '#00FF00', '#0000FF'] : _ref$colors,
+    _ref$lensColor = _ref.lensColor,
+    lensColor = _ref$lensColor === void 0 ? '#fff' : _ref$lensColor;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPickerOpened = _useState2[0],
+    setIsPickerOpened = _useState2[1];
+  var _useState3 = useState(currentValue || defaultValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    color = _useState4[0],
+    setColor = _useState4[1];
+  var handlePickerOpen = function handlePickerOpen() {
+    return setIsPickerOpened(true);
+  };
+  var handleSave = function handleSave() {
+    return onChange(color);
+  };
+  var handlePickerClose = function handlePickerClose() {
+    setIsPickerOpened(false);
+    handleSave();
+  };
+  var handleChange = function handleChange(color) {
+    setColor(color.hex);
+    handleSave();
+  };
+  var handleChangeAndClose = function handleChangeAndClose(color) {
+    setColor(color.hex);
+    setIsPickerOpened(false);
+    handleSave();
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.colorEditor,
+    children: [/*#__PURE__*/jsx(Button, {
+      variant: "contained",
+      color: "primary",
+      onClick: handlePickerOpen,
+      className: styles.button,
+      style: {
+        backgroundColor: color,
+        color: lensColor
+      },
+      size: "small",
+      children: /*#__PURE__*/jsx(PaletteIcon, {
+        size: 16
+      })
+    }), isPickerOpened && /*#__PURE__*/jsx(ClickAwayListener, {
+      mouseEvent: "onMouseDown",
+      touchEvent: "onTouchStart",
+      onClickAway: handlePickerClose,
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.colorEditorPickerContainer,
+        children: condensed ? /*#__PURE__*/jsx(GithubPicker, {
+          color: color,
+          onChange: handleChangeAndClose,
+          colors: colors,
+          triangle: "hide"
+        }) : /*#__PURE__*/jsx(ChromePicker, {
+          color: color,
+          onChange: handleChange
+        })
+      })
+    })]
+  });
+};
+
+export { ColorEditor, ColorEditor as default };
+//# sourceMappingURL=index.js.map

package/components/SettingEditors/ColorEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/ColorEditor/index.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ChromePicker, GithubPicker } from 'react-color';\n\nimport { Button, ClickAwayListener } from '@material-ui/core';\nimport { PaletteIcon } from '~/icons';\n\nimport styles from './style.css';\n\nexport type ColorEditorProps = {\n  onChange: (color: string) => void;\n  currentValue?: string;\n  /**\n   * @default #FF0000\n   */\n  defaultValue?: string;\n  condensed?: boolean;\n  /**\n   * Used as swatches for `condensed`\n   * @default ['#FF0000', '#00FF00', '#0000FF']\n   */\n  colors?: string[];\n  /**\n   * @default #fff\n   */\n  lensColor?: string;\n};\n\nexport const ColorEditor = ({\n  onChange,\n  currentValue,\n  defaultValue = '#FF0000',\n  condensed,\n  colors = ['#FF0000', '#00FF00', '#0000FF'],\n  lensColor = '#fff',\n}: ColorEditorProps): JSX.Element => {\n  const [isPickerOpened, setIsPickerOpened] = useState(false);\n  const [color, setColor] = useState(currentValue || defaultValue);\n\n  const handlePickerOpen = () => setIsPickerOpened(true);\n\n  const handleSave = () => onChange(color);\n\n  const handlePickerClose = () => {\n    setIsPickerOpened(false);\n    handleSave();\n  };\n\n  const handleChange = color => {\n    setColor(color.hex);\n    handleSave();\n  };\n\n  const handleChangeAndClose = color => {\n    setColor(color.hex);\n    setIsPickerOpened(false);\n    handleSave();\n  };\n\n  return (\n    <div className={styles.colorEditor}>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={handlePickerOpen}\n        className={styles.button}\n        style={{ backgroundColor: color, color: lensColor }}\n        size=\"small\"\n      >\n        <PaletteIcon size={16} />\n      </Button>\n      {isPickerOpened && (\n        <ClickAwayListener\n          mouseEvent=\"onMouseDown\"\n          touchEvent=\"onTouchStart\"\n          onClickAway={handlePickerClose}\n        >\n          <div className={styles.colorEditorPickerContainer}>\n            {condensed ? (\n              <GithubPicker\n                color={color}\n                onChange={handleChangeAndClose}\n                colors={colors}\n                triangle=\"hide\"\n              />\n            ) : (\n              <ChromePicker color={color} onChange={handleChange} />\n            )}\n          </div>\n        </ClickAwayListener>\n      )}\n    </div>\n  );\n};\n\nexport default ColorEditor;\n"],"names":["ColorEditor","onChange","currentValue","defaultValue","condensed","colors","lensColor","useState","isPickerOpened","setIsPickerOpened","color","setColor","handlePickerOpen","handleSave","handlePickerClose","handleChange","hex","handleChangeAndClose","_jsxs","styles","colorEditor","_jsx","button","backgroundColor","colorEditorPickerContainer"],"mappings":"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"}

package/components/SettingEditors/ColorEditor/style.css.js

@@ -1 +1,8 @@
-import o from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={colorEditor:"style_colorEditor__jrtxl",colorEditorPickerContainer:"style_colorEditorPickerContainer__oLMSi",button:"style_button__ZhqUf"};o(".style_colorEditor__jrtxl{position:relative}.style_colorEditorPickerContainer__oLMSi{left:0;position:absolute;top:0;z-index:100}.style_button__ZhqUf{margin-bottom:16px}");export{t as default};
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_colorEditor__jrtxl {\n  position: relative;\n}\n\n.style_colorEditorPickerContainer__oLMSi {\n  z-index: 100;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.style_button__ZhqUf {\n  margin-bottom: 16px;\n}\n";
+var styles = {"colorEditor":"style_colorEditor__jrtxl","colorEditorPickerContainer":"style_colorEditorPickerContainer__oLMSi","button":"style_button__ZhqUf"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

package/components/SettingEditors/ColorEditor/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/SettingEditors/DropdownEditor/index.js

@@ -1 +1,108 @@
-import"@babel/runtime/helpers/defineProperty";import e from"prop-types";import{withStyles as r,Checkbox as t,FormControl as a,InputLabel as i,Select as l,MenuItem as n,FormHelperText as o}from"@material-ui/core";import d from"classnames";import{jsxs as u,jsx as p}from"react/jsx-runtime";var s=r({root:{paddingLeft:"7px"}})(t);function m(e){var r=e.currentValue,t=e.defaultValue,m=e.options,c=e.placeholder,h=e.onChange,f=e.multiple,x=e.disabled,g=e.classes,v=e.renderValue,b=e.errorText,y=e["data-testid"],V=r||t,C=d(g.menuItem,f&&g.multipleMenuItem);return u(a,{className:g.formControl,error:!!b,children:[p(i,{shrink:void 0!==V,children:c}),p(l,{"data-testid":"".concat(y,"_select"),value:V,onChange:function(e){return h(e.target.value)},multiple:f,disabled:x,renderValue:v,MenuProps:{className:g.selectMenu,anchorOrigin:{vertical:"top"}},autoWidth:!0,displayEmpty:!0,children:m&&m.map((function(e){return u(n,{"data-testid":"".concat(y,"_item_").concat(e.label,"MenuItem"),value:e.value,className:C,children:[f&&p(s,{color:"primary",checked:V&&V.includes(e.value)}),e.label]},e.value)}))}),!!b&&p(o,{children:b})]})}m.propTypes={currentValue:e.oneOfType([e.number,e.string,e.array]),defaultValue:e.oneOfType([e.number,e.string,e.array]),onChange:e.func.isRequired,options:e.arrayOf(e.any).isRequired,placeholder:e.string,multiple:e.bool,disabled:e.bool,classes:e.shape({}).isRequired,renderValue:e.func,errorText:e.string,"data-testid":e.string},m.defaultProps={currentValue:void 0,defaultValue:void 0,multiple:!1,placeholder:"Choose An Option",disabled:!1,renderValue:void 0,errorText:"","data-testid":"DropdownEditor"};var c=r({formControl:{minWidth:"200px",maxWidth:"200px",margin:"10px 20px 10px 0"},selectMenu:{maxHeight:"400px"},menuItem:{minWidth:"200px"},multipleMenuItem:{paddingLeft:"5px",minWidth:"200px"}})(m);export{c as default};
+import '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { withStyles, Checkbox, FormControl, InputLabel, Select, MenuItem, FormHelperText } from '@material-ui/core';
+import classNames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var StyledCheckbox = withStyles({
+  root: {
+    paddingLeft: '7px'
+  }
+})(Checkbox);
+function DropdownEditor(_ref) {
+  var currentValue = _ref.currentValue,
+    defaultValue = _ref.defaultValue,
+    options = _ref.options,
+    placeholder = _ref.placeholder,
+    _onChange = _ref.onChange,
+    multiple = _ref.multiple,
+    disabled = _ref.disabled,
+    classes = _ref.classes,
+    renderValue = _ref.renderValue,
+    errorText = _ref.errorText,
+    PAGE_NAME = _ref['data-testid'];
+  var value = currentValue || defaultValue;
+  var menuItemClassName = classNames(classes.menuItem, multiple && classes.multipleMenuItem);
+  return /*#__PURE__*/jsxs(FormControl, {
+    className: classes.formControl,
+    error: !!errorText,
+    children: [/*#__PURE__*/jsx(InputLabel, {
+      shrink: value !== undefined,
+      children: placeholder
+    }), /*#__PURE__*/jsx(Select, {
+      "data-testid": "".concat(PAGE_NAME, "_select"),
+      value: value,
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      },
+      multiple: multiple,
+      disabled: disabled,
+      renderValue: renderValue,
+      MenuProps: {
+        className: classes.selectMenu,
+        anchorOrigin: {
+          vertical: 'top'
+        }
+      },
+      autoWidth: true,
+      displayEmpty: true,
+      children: options && options.map(function (option) {
+        return /*#__PURE__*/jsxs(MenuItem, {
+          "data-testid": "".concat(PAGE_NAME, "_item_").concat(option.label, "MenuItem"),
+          value: option.value,
+          className: menuItemClassName,
+          children: [multiple && /*#__PURE__*/jsx(StyledCheckbox, {
+            color: "primary",
+            checked: value && value.includes(option.value)
+          }), option.label]
+        }, option.value);
+      })
+    }), !!errorText && /*#__PURE__*/jsx(FormHelperText, {
+      children: errorText
+    })]
+  });
+}
+DropdownEditor.propTypes = {
+  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),
+  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),
+  onChange: PropTypes.func.isRequired,
+  options: PropTypes.arrayOf(PropTypes.any).isRequired,
+  placeholder: PropTypes.string,
+  multiple: PropTypes.bool,
+  disabled: PropTypes.bool,
+  classes: PropTypes.shape({}).isRequired,
+  renderValue: PropTypes.func,
+  errorText: PropTypes.string,
+  'data-testid': PropTypes.string
+};
+DropdownEditor.defaultProps = {
+  currentValue: undefined,
+  defaultValue: undefined,
+  multiple: false,
+  placeholder: 'Choose An Option',
+  disabled: false,
+  renderValue: undefined,
+  errorText: '',
+  'data-testid': 'DropdownEditor'
+};
+var muiStyles = {
+  formControl: {
+    minWidth: '200px',
+    maxWidth: '200px',
+    margin: '10px 20px 10px 0'
+  },
+  selectMenu: {
+    maxHeight: '400px'
+  },
+  menuItem: {
+    minWidth: '200px'
+  },
+  multipleMenuItem: {
+    paddingLeft: '5px',
+    minWidth: '200px'
+  }
+};
+var StyledDropdownEditor = withStyles(muiStyles)(DropdownEditor);
+
+export { StyledDropdownEditor as default };
+//# sourceMappingURL=index.js.map

package/components/SettingEditors/DropdownEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/DropdownEditor/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Select,\n  Checkbox,\n  MenuItem,\n  InputLabel,\n  FormControl,\n  withStyles,\n  FormHelperText,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst StyledCheckbox = withStyles({ root: { paddingLeft: '7px' } })(Checkbox);\n\nfunction DropdownEditor({\n  currentValue,\n  defaultValue,\n  options,\n  placeholder,\n  onChange,\n  multiple,\n  disabled,\n  classes,\n  renderValue,\n  errorText,\n  'data-testid': PAGE_NAME,\n}) {\n  const value = currentValue || defaultValue;\n  const menuItemClassName = classNames(classes.menuItem, multiple && classes.multipleMenuItem);\n\n  return (\n    <FormControl className={classes.formControl} error={!!errorText}>\n      <InputLabel shrink={value !== undefined}>{placeholder}</InputLabel>\n      <Select\n        data-testid={`${PAGE_NAME}_select`}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        multiple={multiple}\n        disabled={disabled}\n        renderValue={renderValue}\n        MenuProps={{\n          className: classes.selectMenu,\n          anchorOrigin: { vertical: 'top' },\n        }}\n        autoWidth\n        displayEmpty\n      >\n        {options &&\n          options.map(option => {\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_item_${option.label}MenuItem`}\n                key={option.value}\n                value={option.value}\n                className={menuItemClassName}\n              >\n                {multiple && (\n                  <StyledCheckbox color=\"primary\" checked={value && value.includes(option.value)} />\n                )}\n                {option.label}\n              </MenuItem>\n            );\n          })}\n      </Select>\n      {!!errorText && <FormHelperText>{errorText}</FormHelperText>}\n    </FormControl>\n  );\n}\n\nDropdownEditor.propTypes = {\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  onChange: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(PropTypes.any).isRequired,\n  placeholder: PropTypes.string,\n  multiple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  classes: PropTypes.shape({}).isRequired,\n  renderValue: PropTypes.func,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nDropdownEditor.defaultProps = {\n  currentValue: undefined,\n  defaultValue: undefined,\n  multiple: false,\n  placeholder: 'Choose An Option',\n  disabled: false,\n  renderValue: undefined,\n  errorText: '',\n  'data-testid': 'DropdownEditor',\n};\n\nconst muiStyles = {\n  formControl: { minWidth: '200px', maxWidth: '200px', margin: '10px 20px 10px 0' },\n  selectMenu: { maxHeight: '400px' },\n  menuItem: { minWidth: '200px' },\n  multipleMenuItem: { paddingLeft: '5px', minWidth: '200px' },\n};\n\nconst StyledDropdownEditor = withStyles(muiStyles)(DropdownEditor);\nexport default StyledDropdownEditor;\n\n/**\n * A High-Order Component that allows setting up an editor component\n * @param {Object[]} options - The array of dropdown options\n * @param {string|React.Element} options[].label - Label of dropdown option\n * @param {*} options[].value - Value of dropdown option.\n * @param {Object} dropdownProps - Passing additional props to dropdown component\n * @param {boolean} dropdownProps.multiple - Indicates using multiselect dropdown\n */\nexport const dropdownEditorForDefinitions =\n  (options, dropdownProps = {}) =>\n  props =>\n    <StyledDropdownEditor {...props} {...dropdownProps} options={options} />;\n"],"names":["StyledCheckbox","withStyles","root","paddingLeft","Checkbox","DropdownEditor","currentValue","defaultValue","options","placeholder","onChange","multiple","disabled","classes","renderValue","errorText","PAGE_NAME","value","menuItemClassName","classNames","menuItem","multipleMenuItem","_jsxs","formControl","_jsx","undefined","e","target","className","selectMenu","anchorOrigin","vertical","map","option","label","includes","propTypes","PropTypes","oneOfType","number","string","array","func","isRequired","arrayOf","any","bool","shape","defaultProps","muiStyles","minWidth","maxWidth","margin","maxHeight","StyledDropdownEditor"],"mappings":"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"}

package/components/SettingEditors/RadioEditor/index.js

@@ -1 +1,38 @@
-import{jsx as r}from"react/jsx-runtime";import{FormControl as e,RadioGroup as n,FormControlLabel as o,Radio as a}from"@material-ui/core";var t=function(t){var i=t.options,l=t.currentValue,u=t.defaultValue,c=t.onChange,d=void 0===l?u:l;return r(e,{component:"fieldset",margin:"dense",fullWidth:!0,children:r(n,{"aria-label":"position",name:"radio_editor",row:!0,children:i.map((function(e){var n=e.value,t=e.label;return r(o,{onChange:function(){return c(n)},control:r(a,{color:"primary",checked:n===d}),label:t},n)}))})})};export{t as default};
+import '@babel/runtime/helpers/defineProperty';
+import { FormControl, RadioGroup, FormControlLabel, Radio } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var RadioEditor = function RadioEditor(_ref) {
+  var options = _ref.options,
+    currentValue = _ref.currentValue,
+    defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange;
+  var selectedValue = currentValue === undefined ? defaultValue : currentValue;
+  return /*#__PURE__*/jsx(FormControl, {
+    component: "fieldset",
+    margin: "dense",
+    fullWidth: true,
+    children: /*#__PURE__*/jsx(RadioGroup, {
+      "aria-label": "position",
+      name: "radio_editor",
+      row: true,
+      children: options.map(function (_ref2) {
+        var value = _ref2.value,
+          label = _ref2.label;
+        return /*#__PURE__*/jsx(FormControlLabel, {
+          onChange: function onChange() {
+            return _onChange(value);
+          },
+          control: /*#__PURE__*/jsx(Radio, {
+            color: "primary",
+            checked: value === selectedValue
+          }),
+          label: label
+        }, value);
+      })
+    })
+  });
+};
+
+export { RadioEditor as default };
+//# sourceMappingURL=index.js.map

package/components/SettingEditors/RadioEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/RadioEditor/index.tsx"],"sourcesContent":["import { FormControl, FormControlLabel, Radio, RadioGroup } from '@material-ui/core';\n\ntype RadioEditorProps = {\n  options: { value: string | number; label: string }[];\n  onChange: (value: string | number) => void;\n  defaultValue: string | number;\n  currentValue?: string | number;\n};\n\nconst RadioEditor = ({\n  options,\n  currentValue,\n  defaultValue,\n  onChange,\n}: RadioEditorProps): JSX.Element => {\n  const selectedValue = currentValue === undefined ? defaultValue : currentValue;\n  return (\n    <FormControl component=\"fieldset\" margin=\"dense\" fullWidth>\n      <RadioGroup aria-label=\"position\" name=\"radio_editor\" row>\n        {options.map(({ value, label }) => (\n          <FormControlLabel\n            key={value}\n            onChange={() => onChange(value)}\n            control={<Radio color=\"primary\" checked={value === selectedValue} />}\n            label={label}\n          />\n        ))}\n      </RadioGroup>\n    </FormControl>\n  );\n};\n\nexport default RadioEditor;\n\n// A Higher-Order Component that allows setting up an editor component\nexport const radioEditorForDefinitions =\n  (options: RadioEditorProps['options'], defaultValue: RadioEditorProps['defaultValue']) =>\n  (props: Omit<RadioEditorProps, 'options' | 'defaultValue'>) =>\n    <RadioEditor {...props} defaultValue={defaultValue} options={options} />;\n"],"names":["RadioEditor","options","currentValue","defaultValue","onChange","selectedValue","undefined","_jsx","map","value","label"],"mappings":";;;;AASA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAKoB,IAAA,EAAA;EAAA,IAJnCC,OAAO,QAAPA,OAAO;AACPC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,SAAQ,QAARA,QAAQ,CAAA;EAER,IAAMC,aAAa,GAAGH,YAAY,KAAKI,SAAS,GAAGH,YAAY,GAAGD,YAAY,CAAA;AAC9E,EAAA,oBACEK,IAAC,WAAW,EAAA;AAAC,IAAA,SAAS,EAAC,UAAU;AAAC,IAAA,MAAM,EAAC,OAAO;IAAC,SAAS,EAAA,IAAA;AAAA,IAAA,QAAA,eACxDA,IAAC,UAAU,EAAA;AAAC,MAAA,YAAA,EAAW,UAAU;AAAC,MAAA,IAAI,EAAC,cAAc;MAAC,GAAG,EAAA,IAAA;MAAA,QACtDN,EAAAA,OAAO,CAACO,GAAG,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGC,KAAK,SAALA,KAAK;AAAEC,UAAAA,KAAK,SAALA,KAAK,CAAA;AAAA,QAAA,oBAC1BH,IAAC,gBAAgB,EAAA;AAEf,UAAA,QAAQ,EAAE,SAAA,QAAA,GAAA;YAAA,OAAMH,SAAQ,CAACK,KAAK,CAAC,CAAA;WAAC;UAChC,OAAO,eAAEF,IAAC,KAAK,EAAA;AAAC,YAAA,KAAK,EAAC,SAAS;YAAC,OAAO,EAAEE,KAAK,KAAKJ,aAAAA;WAAkB,CAAA;AACrE,UAAA,KAAK,EAAEK,KAAAA;AAAM,SAAA,EAHRD,KAAK,CAIV,CAAA;OACH,CAAA;AAAC,KAAA,CAAA;GAEQ,CAAA,CAAA;AAElB;;;;"}

package/components/SlateFormattedText/Constants.js

@@ -1 +1,11 @@
-var e={headerOne:"headerOne",headerTwo:"headerTwo",headerThree:"headerThree",body:"body",caption:"caption",code:"code"};export{e as TEXT_FORMATS};
+var TEXT_FORMATS = {
+  headerOne: 'headerOne',
+  headerTwo: 'headerTwo',
+  headerThree: 'headerThree',
+  body: 'body',
+  caption: 'caption',
+  code: 'code'
+};
+
+export { TEXT_FORMATS };
+//# sourceMappingURL=Constants.js.map

package/components/SlateFormattedText/Constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constants.js","sources":["../../../src/components/SlateFormattedText/Constants.js"],"sourcesContent":["export const TEXT_COLORS = {\n  contrastText: 'contrastText',\n  textPrimary: 'textPrimary',\n};\n\nexport const TEXT_FORMATS = {\n  headerOne: 'headerOne',\n  headerTwo: 'headerTwo',\n  headerThree: 'headerThree',\n  body: 'body',\n  caption: 'caption',\n  code: 'code',\n};\n"],"names":["TEXT_FORMATS","headerOne","headerTwo","headerThree","body","caption","code"],"mappings":"AAKO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,MAAA;AACR;;;;"}