@corva/ui 0.34.0-rc.0 → 0.34.0-rc.3

package/components/SearchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/SearchInput/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { debounce } from 'lodash';\nimport { Paper, InputBase, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    height: 30,\n    paddingLeft: 19,\n    borderRadius: 30,\n    boxShadow: 'none',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'Roboto',\n    fontSize: 14,\n    fontWeight: 200,\n  },\n  searchIcon: {\n    height: 16,\n    width: 16,\n    color: theme.palette.primary.contrastText,\n    marginRight: 9,\n  },\n  closeIcon: {\n    height: 16,\n    width: 16,\n    margin: '0 10px',\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n  },\n}));\n\nfunction SearchInput({ handleSearch, className }) {\n  const styles = useStyles();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);\n\n  const handleInputChange = targetValue => {\n    setInputValue(targetValue);\n\n    handleChangeDebounced(targetValue);\n  };\n\n  return (\n    <Paper className={classNames(styles.root, className)}>\n      <SearchIcon className={styles.searchIcon} />\n      <InputBase\n        className={styles.input}\n        placeholder=\"Search ...\"\n        value={inputValue}\n        inputProps={{ 'aria-label': 'search' }}\n        onChange={e => handleInputChange(e.target.value)}\n      />\n      {inputValue && (\n        <CloseIcon\n          className={styles.closeIcon}\n          onClick={() => {\n            handleSearch('');\n            setInputValue('');\n          }}\n        />\n      )}\n    </Paper>\n  );\n}\n\nSearchInput.propTypes = {\n  handleSearch: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nSearchInput.defaultProps = {\n  className: '',\n};\n\nexport default SearchInput;\n"],"names":["useStyles","makeStyles","theme","root","display","alignItems","height","paddingLeft","borderRadius","boxShadow","palette","primary","main","input","flex","fontFamily","fontSize","fontWeight","searchIcon","width","color","contrastText","marginRight","closeIcon","margin","text6","cursor","SearchInput","handleSearch","className","styles","useState","inputValue","setInputValue","handleChangeDebounced","useCallback","debounce","handleInputChange","targetValue","_jsxs","classNames","_jsx","e","target","value","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":";;;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,UAAU,EAAE,QAFR;AAGJC,MAAAA,MAAM,EAAE,EAHJ;AAIJC,MAAAA,WAAW,EAAE,EAJT;AAKJC,MAAAA,YAAY,EAAE,EALV;AAMJC,MAAAA,SAAS,EAAE,MANP;AAOJ,wBAAkB;AAChBA,QAAAA,SAAS,4BAAqBP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC,IAA3C;AADO;AAPd,KAD+B;AAYrCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,CADD;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,QAAQ,EAAE,EAHL;AAILC,MAAAA,UAAU,EAAE;AAJP,KAZ8B;AAkBrCC,IAAAA,UAAU,EAAE;AACVZ,MAAAA,MAAM,EAAE,EADE;AAEVa,MAAAA,KAAK,EAAE,EAFG;AAGVC,MAAAA,KAAK,EAAElB,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBU,YAHnB;AAIVC,MAAAA,WAAW,EAAE;AAJH,KAlByB;AAwBrCC,IAAAA,SAAS,EAAE;AACTjB,MAAAA,MAAM,EAAE,EADC;AAETa,MAAAA,KAAK,EAAE,EAFE;AAGTK,MAAAA,MAAM,EAAE,QAHC;AAITJ,MAAAA,KAAK,EAAElB,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBc,KAJpB;AAKTC,MAAAA,MAAM,EAAE;AALC;AAxB0B,GAAL;AAAA,CAAN,CAA5B;;AAiCA,SAASC,WAAT,OAAkD;AAAA,MAA3BC,YAA2B,QAA3BA,YAA2B;AAAA,MAAbC,SAAa,QAAbA,SAAa;AAChD,MAAMC,MAAM,GAAG9B,SAAS,EAAxB;;AADgD,kBAGZ+B,QAAQ,CAAC,EAAD,CAHI;AAAA;AAAA,MAGzCC,UAHyC;AAAA,MAG7BC,aAH6B;;AAKhD,MAAMC,qBAAqB,GAAGC,WAAW,CAACC,QAAQ,CAACR,YAAD,EAAe,GAAf,CAAT,EAA8B,EAA9B,CAAzC;;AAEA,MAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvCL,IAAAA,aAAa,CAACK,WAAD,CAAb;AAEAJ,IAAAA,qBAAqB,CAACI,WAAD,CAArB;AACD,GAJD;;AAMA,sBACEC,KAAC,KAAD;AAAO,IAAA,SAAS,EAAEC,UAAU,CAACV,MAAM,CAAC3B,IAAR,EAAc0B,SAAd,CAA5B;AAAA,4BACEY,IAAC,UAAD;AAAY,MAAA,SAAS,EAAEX,MAAM,CAACZ;AAA9B,MADF,eAEEuB,IAAC,SAAD;AACE,MAAA,SAAS,EAAEX,MAAM,CAACjB,KADpB;AAEE,MAAA,WAAW,EAAC,YAFd;AAGE,MAAA,KAAK,EAAEmB,UAHT;AAIE,MAAA,UAAU,EAAE;AAAE,sBAAc;AAAhB,OAJd;AAKE,MAAA,QAAQ,EAAE,kBAAAU,CAAC;AAAA,eAAIL,iBAAiB,CAACK,CAAC,CAACC,MAAF,CAASC,KAAV,CAArB;AAAA;AALb,MAFF,EASGZ,UAAU,iBACTS,IAAC,SAAD;AACE,MAAA,SAAS,EAAEX,MAAM,CAACP,SADpB;AAEE,MAAA,OAAO,EAAE,mBAAM;AACbK,QAAAA,YAAY,CAAC,EAAD,CAAZ;AACAK,QAAAA,aAAa,CAAC,EAAD,CAAb;AACD;AALH,MAVJ;AAAA,IADF;AAqBD;;AAEDN,WAAW,CAACkB,SAAZ,GAAwB;AACtBjB,EAAAA,YAAY,EAAEkB,SAAS,CAACC,IAAV,CAAeC,UADP;AAEtBnB,EAAAA,SAAS,EAAEiB,SAAS,CAACG;AAFC,CAAxB;AAKAtB,WAAW,CAACuB,YAAZ,GAA2B;AACzBrB,EAAAA,SAAS,EAAE;AADc,CAA3B;;;;"}

package/components/Select/index.js

@@ -1 +1,217 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useMemo as o}from"react";import{makeStyles as t,FormControl as i,InputLabel as l,Select as n,FormHelperText as a}from"@material-ui/core";import u from"prop-types";import p from"uuid/v4";import d from"classnames";import{jsxs as s,jsx as c}from"react/jsx-runtime";var b=["FormControlProps","InputLabelProps","label","formHelperText"];function m(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function M(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?m(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var f=t((function(e){return{formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:e.palette.primary.contrastText},"& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)":{"&::before":{borderBottom:"2px solid ".concat(e.palette.primary.contrastText)}},"& .MuiSvgIcon-root.MuiSelect-icon":{color:e.palette.primary.contrastText}},"& .MuiInputBase-root.Mui-focused":{"& .MuiSvgIcon-root.MuiSelect-icon":{color: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}},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"}}}})),y=function(t){var u,m,y,I,x=t.FormControlProps,g=t.InputLabelProps,v=t.label,P=t.formHelperText,O=r(t,b),h=o(p,[]),F=f();return s(i,M(M({},x),{},{classes:M(M({},x.classes),{},{root:d(null===(u=x.classes)||void 0===u?void 0:u.root,F.formControlRoot,e({},F.error,O.error))}),disabled:x.disabled||O.disabled,children:[v&&c(l,M(M({id:h},g),{},{children:v})),c(n,M(M({},O),{},{labelId:h,label:v,MenuProps:M(M({},null==O?void 0:O.MenuProps),{},{classes:M(M({},null==O||null===(m=O.MenuProps)||void 0===m?void 0:m.classes),{},{paper:d(null==O||null===(y=O.MenuProps)||void 0===y?void 0:y.paper,e({},F.outlinedMenuPaper,"outlined"===x.variant)),list:d(null==O||null===(I=O.MenuProps)||void 0===I?void 0:I.list,F.menuList)})})})),P&&c(a,{children:P})]}))};y.propTypes={FormControlProps:u.shape({classes:u.shape({root:u.string}),disabled:u.bool,variant:u.oneOf(["outlined","filled","standard"])}),InputLabelProps:u.shape({classes:u.shape({root:u.string,disabled:u.string})}),label:u.string,formHelperText:u.string,error:u.bool},y.defaultProps={FormControlProps:{},InputLabelProps:{},label:null,formHelperText:null,error:!1};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, FormControl, InputLabel, Select as Select$1, FormHelperText } from '@material-ui/core';
+import { useMemo } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import uuidV4 from 'uuid/v4';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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: {
+      '&:hover': {
+        '& .MuiFormLabel-root': {
+          color: theme.palette.primary.contrastText
+        },
+        '& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)': {
+          '&::before': {
+            borderBottom: "2px solid ".concat(theme.palette.primary.contrastText)
+          }
+        },
+        '& .MuiSvgIcon-root.MuiSelect-icon': {
+          color: theme.palette.primary.contrastText
+        }
+      },
+      '& .MuiInputBase-root.Mui-focused': {
+        '& .MuiSvgIcon-root.MuiSelect-icon': {
+          color: 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
+      }
+    },
+    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
+      }
+    }
+  };
+});
+
+var Select = function Select(props) {
+  var _FormControlProps$cla, _SelectProps$MenuProp, _SelectProps$MenuProp2, _SelectProps$MenuProp3;
+
+  var FormControlProps = props.FormControlProps,
+      InputLabelProps = props.InputLabelProps,
+      label = props.label,
+      formHelperText = props.formHelperText,
+      SelectProps = _objectWithoutProperties(props, ["FormControlProps", "InputLabelProps", "label", "formHelperText"]);
+
+  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, SelectProps.error))
+    }),
+    disabled: FormControlProps.disabled || SelectProps.disabled,
+    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({}, 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(SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp2 = SelectProps.MenuProps) === null || _SelectProps$MenuProp2 === void 0 ? void 0 : _SelectProps$MenuProp2.paper, _defineProperty({}, styles.outlinedMenuPaper, FormControlProps.variant === 'outlined')),
+          list: classNames(SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp3 = SelectProps.MenuProps) === null || _SelectProps$MenuProp3 === void 0 ? void 0 : _SelectProps$MenuProp3.list, styles.menuList)
+        })
+      })
+    })), formHelperText && /*#__PURE__*/jsx(FormHelperText, {
+      children: formHelperText
+    })]
+  }));
+};
+
+Select.propTypes = {
+  FormControlProps: PropTypes.shape({
+    classes: PropTypes.shape({
+      root: PropTypes.string
+    }),
+    disabled: PropTypes.bool,
+    variant: PropTypes.oneOf(['outlined', 'filled', 'standard'])
+  }),
+  InputLabelProps: PropTypes.shape({
+    classes: PropTypes.shape({
+      root: PropTypes.string,
+      disabled: PropTypes.string
+    })
+  }),
+  label: PropTypes.string,
+  formHelperText: PropTypes.string,
+  error: PropTypes.bool
+};
+Select.defaultProps = {
+  FormControlProps: {},
+  InputLabelProps: {},
+  label: null,
+  formHelperText: null,
+  error: false
+};
+
+export default Select;
+//# sourceMappingURL=index.js.map

package/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Select/index.js"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Select as MuiSelect,\n  FormControl,\n  InputLabel,\n  FormHelperText,\n  makeStyles,\n} from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport uuidV4 from 'uuid/v4';\nimport classNames from 'classnames';\n\nconst DISABLED_OPACITY = '0.4';\n\nconst useStyles = makeStyles(theme => ({\n  formControlRoot: {\n    '&:hover': {\n      '& .MuiFormLabel-root': {\n        color: 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      '& .MuiSvgIcon-root.MuiSelect-icon': {\n        color: theme.palette.primary.contrastText,\n      },\n    },\n    '& .MuiInputBase-root.Mui-focused': {\n      '& .MuiSvgIcon-root.MuiSelect-icon': {\n        color: 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  },\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}));\n\nconst Select = props => {\n  const { FormControlProps, InputLabelProps, label, formHelperText, ...SelectProps } = props;\n\n  const labelId = 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]: SelectProps.error,\n        }),\n      }}\n      disabled={FormControlProps.disabled || SelectProps.disabled}\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          ...SelectProps?.MenuProps,\n          classes: {\n            ...SelectProps?.MenuProps?.classes,\n            paper: classNames(SelectProps?.MenuProps?.paper, {\n              [styles.outlinedMenuPaper]: FormControlProps.variant === 'outlined',\n            }),\n            list: classNames(SelectProps?.MenuProps?.list, styles.menuList),\n          },\n        }}\n      />\n      {formHelperText && <FormHelperText>{formHelperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nSelect.propTypes = {\n  FormControlProps: PropTypes.shape({\n    classes: PropTypes.shape({\n      root: PropTypes.string,\n    }),\n    disabled: PropTypes.bool,\n    variant: PropTypes.oneOf(['outlined', 'filled', 'standard']),\n  }),\n  InputLabelProps: PropTypes.shape({\n    classes: PropTypes.shape({\n      root: PropTypes.string,\n      disabled: PropTypes.string,\n    }),\n  }),\n  label: PropTypes.string,\n  formHelperText: PropTypes.string,\n  error: PropTypes.bool,\n};\n\nSelect.defaultProps = {\n  FormControlProps: {},\n  InputLabelProps: {},\n  label: null,\n  formHelperText: null,\n  error: false,\n};\n\nexport default Select;\n"],"names":["DISABLED_OPACITY","useStyles","makeStyles","theme","formControlRoot","color","palette","primary","contrastText","borderBottom","main","text6","opacity","backgroundColor","background","b6","b7","left","paddingLeft","menuList","b9","text9","error","display","borderWidth","borderColor","Select","props","FormControlProps","InputLabelProps","label","formHelperText","SelectProps","labelId","useMemo","uuidV4","styles","_jsxs","classes","root","classNames","disabled","_jsx","MuiSelect","MenuProps","paper","outlinedMenuPaper","variant","list","propTypes","PropTypes","shape","string","bool","oneOf","defaultProps"],"mappings":"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"}

package/components/SettingEditors/ColorEditor/index.js

@@ -1 +1,109 @@
-import"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as r}from"react";import e from"prop-types";import{GithubPicker as n,ChromePicker as t}from"react-color";import{withStyles as i,Button as l,ClickAwayListener as a}from"@material-ui/core";import s from"@material-ui/icons/ColorLens";import c from"./style.css.js";import{jsxs as u,jsx as m}from"react/jsx-runtime";var d=function(e){var i=e.onChange,d=e.currentValue,f=e.defaultValue,p=e.classes,h=e.condensed,C=e.colors,g=e.lensColor,y=r(!1),b=o(y,2),v=b[0],F=b[1],V=r(d||f),k=o(V,2),x=k[0],E=k[1],q=function(){return i(x)};return u("div",{className:c.colorEditor,children:[m(l,{variant:"contained",color:"primary",onClick:function(){return F(!0)},className:p.button,style:{backgroundColor:x,color:g},children:m(s,{})}),v&&m(a,{mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:function(){F(!1),q()},children:m("div",{className:c.colorEditorPickerContainer,children:h?m(n,{color:x,onChange:function(o){E(o.hex),F(!1),q()},colors:C,triangle:"hide"}):m(t,{color:x,onChange:function(o){E(o.hex),q()}})})})]})};d.propTypes={currentValue:e.string.isRequired,defaultValue:e.string,condensed:e.bool,onChange:e.func.isRequired,colors:e.arrayOf(e.string),classes:e.shape({}).isRequired,lensColor:e.string},d.defaultProps={condensed:!1,colors:["#FF0000","#00FF00","#0000FF"],defaultValue:"#FF0000",lensColor:"#fff"};var f=i({button:{marginBottom:16}})(d);export{d as ColorEditor,f as default};
+import '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { withStyles, Button, ClickAwayListener } from '@material-ui/core';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { GithubPicker, ChromePicker } from 'react-color';
+import ColorLensIcon from '@material-ui/icons/ColorLens';
+import styles from './style.css.js';
+
+var muiStyles = {
+  button: {
+    marginBottom: 16
+  }
+};
+var ColorEditor = function ColorEditor(_ref) {
+  var onChange = _ref.onChange,
+      currentValue = _ref.currentValue,
+      defaultValue = _ref.defaultValue,
+      classes = _ref.classes,
+      condensed = _ref.condensed,
+      colors = _ref.colors,
+      lensColor = _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: classes.button,
+      style: {
+        backgroundColor: color,
+        color: lensColor
+      },
+      children: /*#__PURE__*/jsx(ColorLensIcon, {})
+    }), 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
+        })
+      })
+    })]
+  });
+};
+ColorEditor.propTypes = {
+  currentValue: PropTypes.string.isRequired,
+  defaultValue: PropTypes.string,
+  condensed: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  colors: PropTypes.arrayOf(PropTypes.string),
+  classes: PropTypes.shape({}).isRequired,
+  lensColor: PropTypes.string
+};
+ColorEditor.defaultProps = {
+  condensed: false,
+  colors: ['#FF0000', '#00FF00', '#0000FF'],
+  defaultValue: '#FF0000',
+  lensColor: '#fff'
+};
+var index = withStyles(muiStyles)(ColorEditor);
+
+export default index;
+export { ColorEditor };
+//# 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.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { ChromePicker, GithubPicker } from 'react-color';\n\nimport { Button, ClickAwayListener, withStyles } from '@material-ui/core';\nimport ColorLensIcon from '@material-ui/icons/ColorLens';\n\nimport styles from './style.css';\n\nconst muiStyles = {\n  button: {\n    marginBottom: 16,\n  },\n};\n\nexport const ColorEditor = ({\n  onChange,\n  currentValue,\n  defaultValue,\n  classes,\n  condensed,\n  colors,\n  lensColor,\n}) => {\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={classes.button}\n        style={{ backgroundColor: color, color: lensColor }}\n      >\n        <ColorLensIcon />\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\nColorEditor.propTypes = {\n  currentValue: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  condensed: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  colors: PropTypes.arrayOf(PropTypes.string),\n  classes: PropTypes.shape({}).isRequired,\n  lensColor: PropTypes.string,\n};\n\nColorEditor.defaultProps = {\n  condensed: false,\n  colors: ['#FF0000', '#00FF00', '#0000FF'],\n  defaultValue: '#FF0000',\n  lensColor: '#fff',\n};\n\nexport default withStyles(muiStyles)(ColorEditor);\n\nexport const colorEditorForDefinitions = (colors, defaultValue) => props => (\n  <ColorEditor condensed colors={colors} defaultValue={defaultValue} {...props} />\n);\n"],"names":["muiStyles","button","marginBottom","ColorEditor","onChange","currentValue","defaultValue","classes","condensed","colors","lensColor","useState","isPickerOpened","setIsPickerOpened","color","setColor","handlePickerOpen","handleSave","handlePickerClose","handleChange","hex","handleChangeAndClose","_jsxs","styles","colorEditor","_jsx","backgroundColor","colorEditorPickerContainer","propTypes","PropTypes","string","isRequired","bool","func","arrayOf","shape","defaultProps","withStyles"],"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"};o(".style_colorEditor__jrtxl{position:relative}.style_colorEditorPickerContainer__oLMSi{left:0;position:absolute;top:0;z-index:100}");export{t as default};
+import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_colorEditor__1j-TL {\n  position: relative;\n}\n\n.style_colorEditorPickerContainer__2-nBC {\n  z-index: 100;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n";
+var styles = {"colorEditor":"style_colorEditor__1j-TL","colorEditorPickerContainer":"style_colorEditorPickerContainer__2-nBC"};
+styleInject(css_248z);
+
+export default styles;
+//# 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,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/SettingEditors/DropdownEditor/index.js

@@ -1 +1,105 @@
-import"@babel/runtime/helpers/defineProperty";import e from"prop-types";import{withStyles as r,Checkbox as a,FormControl as l,InputLabel as n,Select as t,MenuItem as i,FormHelperText as o}from"@material-ui/core";import u from"classnames";import{jsxs as p,jsx as d}from"react/jsx-runtime";var s=r({root:{paddingLeft:"7px"}})(a);function m(e){var r=e.currentValue,a=e.defaultValue,m=e.options,c=e.placeholder,h=e.onChange,f=e.multiple,x=e.disabled,v=e.classes,g=e.renderValue,y=e.errorText,b=r||a,V=u(v.menuItem,f&&v.multipleMenuItem);return p(l,{className:v.formControl,error:!!y,children:[d(n,{shrink:void 0!==b,children:c}),d(t,{value:b,onChange:function(e){return h(e.target.value)},multiple:f,disabled:x,renderValue:g,MenuProps:{className:v.selectMenu,anchorOrigin:{vertical:"top"}},autoWidth:!0,displayEmpty:!0,children:m&&m.map((function(e){return p(i,{value:e.value,className:V,children:[f&&d(s,{color:"primary",checked:b&&b.includes(e.value)}),e.label]},e.value)}))}),!!y&&d(o,{children:y})]})}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},m.defaultProps={currentValue:void 0,defaultValue:void 0,multiple:!1,placeholder:"Choose An Option",disabled:!1,renderValue:void 0,errorText:""};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 { jsxs, jsx } from 'react/jsx-runtime';
+import { withStyles, Checkbox, FormControl, InputLabel, Select, MenuItem, FormHelperText } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+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;
+  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, {
+      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, {
+          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
+};
+DropdownEditor.defaultProps = {
+  currentValue: undefined,
+  defaultValue: undefined,
+  multiple: false,
+  placeholder: 'Choose An Option',
+  disabled: false,
+  renderValue: undefined,
+  errorText: ''
+};
+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 default StyledDropdownEditor;
+//# 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}) {\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        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 key={option.value} value={option.value} className={menuItemClassName}>\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};\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};\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 = (options, dropdownProps = {}) => props => (\n  <StyledDropdownEditor {...props} {...dropdownProps} options={options} />\n);\n"],"names":["StyledCheckbox","withStyles","root","paddingLeft","Checkbox","DropdownEditor","currentValue","defaultValue","options","placeholder","onChange","multiple","disabled","classes","renderValue","errorText","value","menuItemClassName","classNames","menuItem","multipleMenuItem","_jsxs","formControl","_jsx","undefined","e","target","className","selectMenu","anchorOrigin","vertical","map","option","includes","label","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,52 @@
-import"@babel/runtime/helpers/defineProperty";import e from"prop-types";import{FormControl as r,RadioGroup as n,FormControlLabel as o,Radio as i}from"@material-ui/core";import{jsx as a}from"react/jsx-runtime";var t=function(e){var t=e.options,u=e.currentValue,l=e.defaultValue,p=e.onChange,s=void 0===u?l:u;return a(r,{component:"fieldset",margin:"dense",fullWidth:!0,children:a(n,{"aria-label":"position",name:"radio_editor",row:!0,children:t.map((function(e){var r=e.value,n=e.label;return a(o,{onChange:function(){return p(r)},control:a(i,{color:"primary",checked:r===s}),label:n},r)}))})})};t.propTypes={options:e.arrayOf(e.shape({value:e.string,label:e.string})).isRequired,defaultValue:e.oneOfType([e.string,e.number]).isRequired,currentValue:e.oneOfType([e.string,e.number]),onChange:e.func.isRequired},t.defaultProps={currentValue:void 0};export{t as default};
+import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import { FormControl, RadioGroup, FormControlLabel, Radio } from '@material-ui/core';
+import PropTypes from 'prop-types';
+
+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);
+      })
+    })
+  });
+};
+
+RadioEditor.propTypes = {
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })).isRequired,
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  onChange: PropTypes.func.isRequired
+};
+RadioEditor.defaultProps = {
+  currentValue: undefined
+};
+
+export default RadioEditor;
+//# 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.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Radio, RadioGroup, FormControlLabel, FormControl } from '@material-ui/core';\n\nconst RadioEditor = ({ options, currentValue, defaultValue, onChange }) => {\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\nRadioEditor.propTypes = {\n  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }))\n    .isRequired,\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onChange: PropTypes.func.isRequired,\n};\n\nRadioEditor.defaultProps = {\n  currentValue: undefined,\n};\n\nexport default RadioEditor;\n\n// A Higher-Order Component that allows setting up an editor component\nexport const radioEditorForDefinitions = (options, defaultValue) => props => (\n  <RadioEditor {...props} defaultValue={defaultValue} options={options} />\n);\n"],"names":["RadioEditor","options","currentValue","defaultValue","onChange","selectedValue","undefined","_jsx","map","value","label","propTypes","PropTypes","arrayOf","shape","string","isRequired","oneOfType","number","func","defaultProps"],"mappings":";;;;;IAIMA,WAAW,GAAG,SAAdA,WAAc,OAAuD;AAAA,MAApDC,OAAoD,QAApDA,OAAoD;AAAA,MAA3CC,YAA2C,QAA3CA,YAA2C;AAAA,MAA7BC,YAA6B,QAA7BA,YAA6B;AAAA,MAAfC,SAAe,QAAfA,QAAe;AACzE,MAAMC,aAAa,GAAGH,YAAY,KAAKI,SAAjB,GAA6BH,YAA7B,GAA4CD,YAAlE;AACA,sBACEK,IAAC,WAAD;AAAa,IAAA,SAAS,EAAC,UAAvB;AAAkC,IAAA,MAAM,EAAC,OAAzC;AAAiD,IAAA,SAAS,MAA1D;AAAA,2BACEA,IAAC,UAAD;AAAY,oBAAW,UAAvB;AAAkC,MAAA,IAAI,EAAC,cAAvC;AAAsD,MAAA,GAAG,MAAzD;AAAA,gBACGN,OAAO,CAACO,GAAR,CAAY;AAAA,YAAGC,KAAH,SAAGA,KAAH;AAAA,YAAUC,KAAV,SAAUA,KAAV;AAAA,4BACXH,IAAC,gBAAD;AAEE,UAAA,QAAQ,EAAE;AAAA,mBAAMH,SAAQ,CAACK,KAAD,CAAd;AAAA,WAFZ;AAGE,UAAA,OAAO,eAAEF,IAAC,KAAD;AAAO,YAAA,KAAK,EAAC,SAAb;AAAuB,YAAA,OAAO,EAAEE,KAAK,KAAKJ;AAA1C,YAHX;AAIE,UAAA,KAAK,EAAEK;AAJT,WACOD,KADP,CADW;AAAA,OAAZ;AADH;AADF,IADF;AAcD;;AAEDT,WAAW,CAACW,SAAZ,GAAwB;AACtBV,EAAAA,OAAO,EAAEW,SAAS,CAACC,OAAV,CAAkBD,SAAS,CAACE,KAAV,CAAgB;AAAEL,IAAAA,KAAK,EAAEG,SAAS,CAACG,MAAnB;AAA2BL,IAAAA,KAAK,EAAEE,SAAS,CAACG;AAA5C,GAAhB,CAAlB,EACNC,UAFmB;AAGtBb,EAAAA,YAAY,EAAES,SAAS,CAACK,SAAV,CAAoB,CAACL,SAAS,CAACG,MAAX,EAAmBH,SAAS,CAACM,MAA7B,CAApB,EAA0DF,UAHlD;AAItBd,EAAAA,YAAY,EAAEU,SAAS,CAACK,SAAV,CAAoB,CAACL,SAAS,CAACG,MAAX,EAAmBH,SAAS,CAACM,MAA7B,CAApB,CAJQ;AAKtBd,EAAAA,QAAQ,EAAEQ,SAAS,CAACO,IAAV,CAAeH;AALH,CAAxB;AAQAhB,WAAW,CAACoB,YAAZ,GAA2B;AACzBlB,EAAAA,YAAY,EAAEI;AADW,CAA3B;;;;"}

package/components/SlateFormattedText/Constants.js

@@ -1 +1,12 @@
-var e={headerOne:"headerOne",headerTwo:"headerTwo",headerThree:"headerThree",body:"body",caption:"caption",code:"code"};export{e as TEXT_FORMATS};
+// eslint-disable-next-line import/prefer-default-export
+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":["// eslint-disable-next-line import/prefer-default-export\nexport 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":"AAAA;IAMaA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WADe;AAE1BC,EAAAA,SAAS,EAAE,WAFe;AAG1BC,EAAAA,WAAW,EAAE,aAHa;AAI1BC,EAAAA,IAAI,EAAE,MAJoB;AAK1BC,EAAAA,OAAO,EAAE,SALiB;AAM1BC,EAAAA,IAAI,EAAE;AANoB;;;;"}

package/components/SlateFormattedText/Elements/ImageElement/ImageElement.css.js

@@ -1 +1,8 @@
-import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"ImageElement_container__BjAcP",image:"ImageElement_image__52Cir",resizable:"ImageElement_resizable__OvxJS",handleRight:"ImageElement_handleRight__g2lsE",handleLeft:"ImageElement_handleLeft__EgDg9",handle:"ImageElement_handle__YcRmJ"};e('.ImageElement_container__BjAcP{display:flex;margin-bottom:-22px}.ImageElement_image__52Cir{width:calc(100% - 24px)}.ImageElement_resizable__OvxJS{padding-bottom:16px}.ImageElement_handleLeft__EgDg9,.ImageElement_handleRight__g2lsE{background-color:#414141;border-radius:6px;margin-bottom:16px;margin-top:16px;min-height:32px;position:relative;width:4px}.ImageElement_handleRight__g2lsE{right:-11px}.ImageElement_handleLeft__EgDg9{left:-11px}.ImageElement_handleRight__g2lsE:hover{background-color:#03bcd4}.ImageElement_handle__YcRmJ:after{background-color:transparent;bottom:0;content:"";cursor:ew-resize;margin-left:-4px;position:absolute;top:0;width:9px;z-index:2}');export{t as default};
+import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ImageElement_container__17H5M {\n  display: flex;\n  margin-bottom: -22px;\n}\n\n.ImageElement_image__xYV1h {\n  /* minus image container padding 24px */\n  width: calc(100% - 24px);\n}\n\n.ImageElement_resizable__g25B9 {\n  padding-bottom: 16px;\n}\n\n.ImageElement_handleRight__10302,\n.ImageElement_handleLeft__3nDDe {\n  width: 4px;\n  background-color: #414141;\n  border-radius: 6px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  position: relative;\n  min-height: 32px;\n}\n\n.ImageElement_handleRight__10302 {\n  right: -11px;\n}\n\n.ImageElement_handleLeft__3nDDe {\n  left: -11px;\n}\n\n.ImageElement_handleRight__10302:hover {\n  background-color: #03bcd4;\n}\n\n.ImageElement_handle___WLAo::after {\n  content: '';\n  width: 9px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  margin-left: -4px;\n  background-color: transparent;\n  cursor: ew-resize;\n  z-index: 2;\n}\n";
+var styles = {"container":"ImageElement_container__17H5M","image":"ImageElement_image__xYV1h","resizable":"ImageElement_resizable__g25B9","handleRight":"ImageElement_handleRight__10302","handleLeft":"ImageElement_handleLeft__3nDDe","handle":"ImageElement_handle___WLAo"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=ImageElement.css.js.map