@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/Select/SelectFilterBy.js

@@ -1 +1,69 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{makeStyles as t,InputAdornment as e}from"@material-ui/core";import{Layers as i,LayersClear as l}from"@material-ui/icons";import a from"./index.js";var n=t((function(o){return{emptyItem:{color:o.palette.primary.text6},formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main}},"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiSelect-filled":{paddingLeft:0},"& .MuiSelect-select:focus":{backgroundColor:"transparent"},"& .MuiFilledInput-root":{backgroundColor:"#FFFFFF10","&:hover":{backgroundColor:"#FFFFFF20"},"&.Mui-disabled":{backgroundColor:"#FFFFFF10"}}}}})),m=function(t){var m=n();return r(a,o({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:m.formControlRoot}},renderValue:function(t){return t||r("span",o({className:m.emptyItem},{children:"None"}))},startAdornment:r(e,o({position:"start"},{children:t.value?r(i,{}):r(l,{})}))},t))};export{m as SelectFilterBy};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { makeStyles, InputAdornment } from '@material-ui/core';
+import { Layers, LayersClear } from '@material-ui/icons';
+import Select from './index.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 useStyles = makeStyles(function (theme) {
+  return {
+    emptyItem: {
+      color: theme.palette.primary.text6
+    },
+    formControlRoot: {
+      '&:hover': {
+        '& .MuiFormLabel-root': {
+          color: theme.palette.primary.text6
+        },
+        '& .MuiFormLabel-root.Mui-focused': {
+          color: theme.palette.primary.main
+        }
+      },
+      '& .MuiFormLabel-root': {
+        color: theme.palette.primary.text6
+      },
+      '& .MuiSelect-filled': {
+        paddingLeft: 0
+      },
+      '& .MuiSelect-select:focus': {
+        backgroundColor: 'transparent'
+      },
+      '& .MuiFilledInput-root': {
+        backgroundColor: '#FFFFFF10',
+        '&:hover': {
+          backgroundColor: '#FFFFFF20'
+        },
+        '&.Mui-disabled': {
+          backgroundColor: '#FFFFFF10'
+        }
+      }
+    }
+  };
+});
+var SelectFilterBy = function SelectFilterBy(props) {
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(Select, _objectSpread({
+    disableUnderline: true,
+    displayEmpty: true,
+    FormControlProps: {
+      variant: 'filled',
+      classes: {
+        root: classes.formControlRoot
+      }
+    },
+    renderValue: function renderValue(value) {
+      return value ? value : /*#__PURE__*/jsx("span", {
+        className: classes.emptyItem,
+        children: "None"
+      });
+    },
+    startAdornment: /*#__PURE__*/jsx(InputAdornment, {
+      position: "start",
+      children: props.value ? /*#__PURE__*/jsx(Layers, {}) : /*#__PURE__*/jsx(LayersClear, {})
+    })
+  }, props));
+};
+
+export { SelectFilterBy };
+//# sourceMappingURL=SelectFilterBy.js.map

package/components/Select/SelectFilterBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFilterBy.js","sources":["../../../src/components/Select/SelectFilterBy.tsx"],"sourcesContent":["import { InputAdornment, makeStyles } from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon\n} from '@material-ui/icons';\n\nimport Select from './index';\nimport { SelectProps } from './types';\n\nconst useStyles = makeStyles(theme => ({\n  emptyItem: { color: theme.palette.primary.text6 },\n  formControlRoot: {\n    '&:hover': {\n      '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n      '& .MuiFormLabel-root.Mui-focused': { color: theme.palette.primary.main },\n    },\n    '& .MuiFormLabel-root': { color: theme.palette.primary.text6 },\n    '& .MuiSelect-filled': { paddingLeft: 0 },\n    '& .MuiSelect-select:focus': { backgroundColor: 'transparent' },\n    '& .MuiFilledInput-root': {\n      backgroundColor: '#FFFFFF10',\n      '&:hover': { backgroundColor: '#FFFFFF20' },\n      '&.Mui-disabled': { backgroundColor: '#FFFFFF10' },\n    },\n  },\n}));\n\nexport const SelectFilterBy = <T extends unknown>(props: SelectProps<T>): JSX.Element => {\n  const classes = useStyles();\n\n  return (\n    <Select\n      disableUnderline\n      displayEmpty\n      FormControlProps={{\n        variant: 'filled',\n        classes: { root: classes.formControlRoot },\n      }}\n      renderValue={(value: any) => value ? value : <span className={classes.emptyItem}>None</span>}\n      startAdornment={(\n        <InputAdornment position=\"start\">\n          {props.value ? <LayersIcon /> : <LayersClearIcon />}\n        </InputAdornment>\n      )}\n      { ...props }\n    />\n  );\n};\n"],"names":["useStyles","makeStyles","theme","emptyItem","color","palette","primary","text6","formControlRoot","main","paddingLeft","backgroundColor","SelectFilterBy","props","classes","_jsx","variant","root","value","LayersIcon","LayersClearIcon"],"mappings":";;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,SAAS,EAAE;AAAEC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAAA;KAAO;AACjDC,IAAAA,eAAe,EAAE;AACf,MAAA,SAAS,EAAE;AACT,QAAA,sBAAsB,EAAE;AAAEJ,UAAAA,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAAA;SAAO;AAC9D,QAAA,kCAAkC,EAAE;AAAEH,UAAAA,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACG,IAAAA;AAAK,SAAA;OACzE;AACD,MAAA,sBAAsB,EAAE;AAAEL,QAAAA,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAAA;OAAO;AAC9D,MAAA,qBAAqB,EAAE;AAAEG,QAAAA,WAAW,EAAE,CAAA;OAAG;AACzC,MAAA,2BAA2B,EAAE;AAAEC,QAAAA,eAAe,EAAE,aAAA;OAAe;AAC/D,MAAA,wBAAwB,EAAE;AACxBA,QAAAA,eAAe,EAAE,WAAW;AAC5B,QAAA,SAAS,EAAE;AAAEA,UAAAA,eAAe,EAAE,WAAA;SAAa;AAC3C,QAAA,gBAAgB,EAAE;AAAEA,UAAAA,eAAe,EAAE,WAAA;AAAY,SAAA;AACnD,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;IAEUC,cAAc,GAAG,SAAjBA,cAAc,CAAuBC,KAAqB,EAAkB;EACvF,IAAMC,OAAO,GAAGd,SAAS,EAAE,CAAA;AAE3B,EAAA,oBACEe,IAAC,MAAM,EAAA,aAAA,CAAA;IACL,gBAAgB,EAAA,IAAA;IAChB,YAAY,EAAA,IAAA;AACZ,IAAA,gBAAgB,EAAE;AAChBC,MAAAA,OAAO,EAAE,QAAQ;AACjBF,MAAAA,OAAO,EAAE;QAAEG,IAAI,EAAEH,OAAO,CAACN,eAAAA;AAAgB,OAAA;KACzC;IACF,WAAW,EAAE,qBAACU,KAAU,EAAA;MAAA,OAAKA,KAAK,GAAGA,KAAK,gBAAGH,GAAA,CAAA,MAAA,EAAA;QAAM,SAAS,EAAED,OAAO,CAACX,SAAU;AAAA,QAAA,QAAA,EAAA,MAAA;OAAY,CAAA,CAAA;KAAC;IAC7F,cAAc,eACZY,IAAC,cAAc,EAAA;AAAC,MAAA,QAAQ,EAAC,OAAO;MAAA,QAC7BF,EAAAA,KAAK,CAACK,KAAK,gBAAGH,IAACI,MAAU,EAAA,EAAA,CAAG,gBAAGJ,GAAA,CAACK,WAAe,EAAA,EAAA,CAAA;AAAG,KAAA,CAAA;AAErD,GAAA,EACGP,KAAK,CACV,CAAA,CAAA;AAEN;;;;"}

package/components/Select/index.js

@@ -1 +1,216 @@
-import{__rest as o,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useMemo as i}from"react";import{makeStyles as l,FormControl as n,InputLabel as u,Select as a,FormHelperText as d}from"@material-ui/core";import p from"uuid/v4";import c from"classnames";var s=l((function(o){return{formControlRoot:{"&:hover":{"& .MuiFormLabel-root, & .MuiInputAdornment-root, & .MuiSvgIcon-root.MuiSelect-icon":{color:o.palette.primary.contrastText},"& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)":{"&::before":{borderBottom:"2px solid ".concat(o.palette.primary.contrastText)}}},"& .MuiInputBase-root.Mui-focused":{"& .MuiSvgIcon-root.MuiSelect-icon":{color:o.palette.primary.main}},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::before":{borderBottom:"1px solid ".concat(o.palette.primary.text6)},"&.Mui-disabled":{"&::before":{opacity:"0.4",borderBottom:"1px solid ".concat(o.palette.primary.text6)},"&::after":{opacity:"0.4"}}},"& .MuiSelect-root":{"&.Mui-disabled":{color:o.palette.primary.contrastText,opacity:"0.4"}},"& .MuiFormLabel-root":{color:o.palette.primary.text6,"&.Mui-focused":{color:o.palette.primary.main},"&.Mui-disabled.MuiInputLabel-root":{color:o.palette.primary.text6,opacity:"0.4"}},"& .MuiSelect-icon.Mui-disabled":{color:o.palette.primary.contrastText,opacity:"0.4"},"& .MuiFormHelperText-root":{color:o.palette.primary.text6,"&.Mui-disabled":{opacity:"0.4"}},"& .MuiFilledInput-root":{backgroundColor:o.palette.background.b6,"&:hover":{backgroundColor:o.palette.background.b7},"&.Mui-disabled":{backgroundColor:o.palette.background.b6,opacity:"0.4"}},"& .MuiInputLabel-filled":{left:2},"& .MuiSelect-filled":{paddingLeft:14},"& .MuiSvgIcon-root.MuiSelect-icon":{color:o.palette.primary.text6},"& .MuiInputBase-root":{"& .MuiInputAdornment-root":{color:o.palette.primary.text6,"& svg":{height:16,width:16}},"&.Mui-error":{"& .MuiInputAdornment-root":{color:o.palette.error.main}},"&.Mui-disabled":{"& .MuiInputAdornment-root":{opacity:"0.4"}},"&.Mui-focused":{"& .MuiInputAdornment-root":{color:o.palette.primary.main}}}},menuList:{backgroundColor:o.palette.background.b9,"& .MuiMenuItem-root":{"&.Mui-selected":{backgroundColor:o.palette.primary.text9}}},error:{"&:hover":{"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"2px solid ".concat(o.palette.error.main)}},"& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid ".concat(o.palette.error.main)},"&::after":{display:"none"}},"& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline":{borderWidth:2}},"& .MuiFormLabel-root.MuiInputLabel-root":{color:o.palette.error.main,"&.Mui-focused":{color:o.palette.error.main},"&.Mui-disabled":{color:o.palette.error.main}},"& .MuiFormHelperText-root":{color:o.palette.error.main},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"1px solid ".concat(o.palette.error.main)},"&.Mui-disabled::after":{display:"none"},"&.Mui-disabled::before":{borderBottom:"1px solid ".concat(o.palette.error.main)}},"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.error.main,opacity:"0.4"}}}})),m=function(l){var m,M,b,f,I,v,x,y=l.FormControlProps,g=l.InputLabelProps,F=l.label,h=l.formHelperText,L=o(l,["FormControlProps","InputLabelProps","label","formHelperText"]),P=i(p,[]),C=s();return r(n,e({},y,{classes:e(e({},y.classes),{root:c(null===(M=y.classes)||void 0===M?void 0:M.root,C.formControlRoot,(m={},m[C.error]=L.error,m))}),disabled:y.disabled||L.disabled},{children:[F&&t(u,e({id:P},g,{children:F})),t(a,e({},L,{labelId:P,label:F,MenuProps:e(e({},null==L?void 0:L.MenuProps),{classes:e(e({},null===(b=null==L?void 0:L.MenuProps)||void 0===b?void 0:b.classes),{paper:null===(I=null===(f=null==L?void 0:L.MenuProps)||void 0===f?void 0:f.classes)||void 0===I?void 0:I.paper,list:c(null===(x=null===(v=null==L?void 0:L.MenuProps)||void 0===v?void 0:v.classes)||void 0===x?void 0:x.list,C.menuList)})})})),h&&t(d,{children:h})]}))};m.defaultProps={FormControlProps:{},InputLabelProps:{},label:null,formHelperText:null,error:!1};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"];
+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: {
+      '&:hover': {
+        '& .MuiFormLabel-root, & .MuiInputAdornment-root, & .MuiSvgIcon-root.MuiSelect-icon': {
+          color: 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': {
+        '& .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
+      },
+      '& .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
+      }
+    }
+  };
+});
+var Select = function Select(props) {
+  var _FormControlProps$cla, _SelectProps$MenuProp, _SelectProps$MenuProp2, _SelectProps$MenuProp3, _SelectProps$MenuProp4, _SelectProps$MenuProp5;
+  var FormControlProps = props.FormControlProps,
+    InputLabelProps = props.InputLabelProps,
+    label = props.label,
+    formHelperText = props.formHelperText,
+    SelectProps = _objectWithoutProperties(props, _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, 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: 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)
+        })
+      })
+    })), formHelperText && /*#__PURE__*/jsx(FormHelperText, {
+      children: formHelperText
+    })]
+  }));
+};
+Select.defaultProps = {
+  FormControlProps: {},
+  InputLabelProps: {},
+  label: null,
+  formHelperText: null,
+  error: false
+};
+
+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  Select as MuiSelect,\n  FormControl,\n  InputLabel,\n  FormHelperText,\n  makeStyles,\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    '&:hover': {\n      '& .MuiFormLabel-root, & .MuiInputAdornment-root, & .MuiSvgIcon-root.MuiSelect-icon': {\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    },\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    '& .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}));\n\nconst Select = <T extends unknown>(props: SelectProps<T>): JSX.Element => {\n  const { FormControlProps, InputLabelProps, label, formHelperText, ...SelectProps } = props;\n\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]: 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: SelectProps?.MenuProps?.classes?.paper,\n            list: classNames(SelectProps?.MenuProps?.classes?.list, styles.menuList),\n          },\n        }}\n      />\n      {formHelperText && <FormHelperText>{formHelperText}</FormHelperText>}\n    </FormControl>\n  );\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","height","width","error","menuList","b9","text9","display","borderWidth","borderColor","Select","props","FormControlProps","InputLabelProps","label","formHelperText","SelectProps","labelId","useMemo","uuidV4","styles","_jsxs","classes","root","classNames","disabled","_jsx","MuiSelect","MenuProps","paper","list","defaultProps"],"mappings":"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"}

package/components/SettingEditors/ColorEditor/index.js

@@ -1 +1,103 @@
-import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as n}from"react";import t from"prop-types";import{GithubPicker as i,ChromePicker as s}from"react-color";import{withStyles as l,Button as a,ClickAwayListener as c}from"@material-ui/core";import u from"@material-ui/icons/ColorLens";import d from"./style.css.js";var m=function(t){var l=t.onChange,m=t.currentValue,f=t.defaultValue,p=t.classes,h=t.condensed,g=t.colors,C=t.lensColor,v=n(!1),F=v[0],b=v[1],y=n(m||f),V=y[0],k=y[1],x=function(){return l(V)};return r("div",o({className:d.colorEditor},{children:[e(a,o({variant:"contained",color:"primary",onClick:function(){return b(!0)},className:p.button,style:{backgroundColor:V,color:C}},{children:e(u,{})})),F&&e(c,o({mouseEvent:"onMouseDown",touchEvent:"onTouchStart",onClickAway:function(){b(!1),x()}},{children:e("div",o({className:d.colorEditorPickerContainer},{children:h?e(i,{color:V,onChange:function(o){k(o.hex),b(!1),x()},colors:g,triangle:"hide"}):e(s,{color:V,onChange:function(o){k(o.hex),x()}})}))}))]}))},f={currentValue:t.string.isRequired,defaultValue:t.string,condensed:t.bool,onChange:t.func.isRequired,colors:t.arrayOf(t.string),classes:t.shape({button:t.string}).isRequired,lensColor:t.string};m.propTypes=f,m.defaultProps={condensed:!1,colors:["#FF0000","#00FF00","#0000FF"],defaultValue:"#FF0000",lensColor:"#fff"};var p=l({button:{marginBottom:16}})(m);export{m as ColorEditor,p as default};
+import '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import { GithubPicker, ChromePicker } from 'react-color';
+import { withStyles, Button, ClickAwayListener } from '@material-ui/core';
+import ColorLensIcon from '@material-ui/icons/ColorLens';
+import styles from './style.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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
+        })
+      })
+    })]
+  });
+};
+var colorEditorPropTypes = {
+  currentValue: PropTypes.string.isRequired,
+  defaultValue: PropTypes.string,
+  condensed: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  colors: PropTypes.arrayOf(PropTypes.string),
+  classes: PropTypes.shape({
+    button: PropTypes.string
+  }).isRequired,
+  lensColor: PropTypes.string
+};
+ColorEditor.propTypes = colorEditorPropTypes;
+ColorEditor.defaultProps = {
+  condensed: false,
+  colors: ['#FF0000', '#00FF00', '#0000FF'],
+  defaultValue: '#FF0000',
+  lensColor: '#fff'
+};
+var index = withStyles(muiStyles)(ColorEditor);
+
+export { ColorEditor, index 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 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\ntype ColorEditorProps = PropTypes.InferProps<typeof colorEditorPropTypes>;\n\nexport const ColorEditor = ({\n  onChange,\n  currentValue,\n  defaultValue,\n  classes,\n  condensed,\n  colors,\n  lensColor,\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={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\nconst colorEditorPropTypes = {\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({\n    button: PropTypes.string,\n  }).isRequired,\n  lensColor: PropTypes.string,\n};\n\nColorEditor.propTypes = colorEditorPropTypes;\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","colorEditorPropTypes","PropTypes","string","isRequired","bool","func","arrayOf","shape","propTypes","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__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";
+var styles = {"colorEditor":"style_colorEditor__jrtxl","colorEditorPickerContainer":"style_colorEditorPickerContainer__oLMSi"};
+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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"}