@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/SearchInput/index.js

@@ -1,90 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useCallback } from 'react';
-import { debounce } from 'lodash';
-import { makeStyles, Paper, InputBase } from '@material-ui/core';
-import SearchIcon from '@material-ui/icons/Search';
-import CloseIcon from '@material-ui/icons/Close';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-      height: 30,
-      paddingLeft: 19,
-      borderRadius: 30,
-      boxShadow: 'none',
-      '&:focus-within': {
-        boxShadow: "inset 0 0 0 2px ".concat(theme.palette.primary.main)
-      }
-    },
-    input: {
-      flex: 1,
-      fontFamily: 'Roboto',
-      fontSize: 14,
-      fontWeight: 200
-    },
-    searchIcon: {
-      height: 16,
-      width: 16,
-      color: theme.palette.primary.contrastText,
-      marginRight: 9
-    },
-    closeIcon: {
-      height: 16,
-      width: 16,
-      margin: '0 10px',
-      color: theme.palette.primary.text6,
-      cursor: 'pointer'
-    }
-  };
-});
-function SearchInput(_ref) {
-  var handleSearch = _ref.handleSearch,
-    className = _ref.className;
-  var styles = useStyles();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);
-  var handleInputChange = function handleInputChange(targetValue) {
-    setInputValue(targetValue);
-    handleChangeDebounced(targetValue);
-  };
-  return /*#__PURE__*/jsxs(Paper, {
-    className: classNames(styles.root, className),
-    children: [/*#__PURE__*/jsx(SearchIcon, {
-      className: styles.searchIcon
-    }), /*#__PURE__*/jsx(InputBase, {
-      className: styles.input,
-      placeholder: "Search ...",
-      value: inputValue,
-      inputProps: {
-        'aria-label': 'search'
-      },
-      onChange: function onChange(e) {
-        return handleInputChange(e.target.value);
-      }
-    }), inputValue && /*#__PURE__*/jsx(CloseIcon, {
-      className: styles.closeIcon,
-      onClick: function onClick() {
-        handleSearch('');
-        setInputValue('');
-      }
-    })]
-  });
-}
-SearchInput.propTypes = {
-  handleSearch: PropTypes.func.isRequired,
-  className: PropTypes.string
-};
-SearchInput.defaultProps = {
-  className: ''
-};
-
-export { SearchInput as default };
-//# sourceMappingURL=index.js.map
+import r from"@babel/runtime/helpers/slicedToArray";import{useState as e,useCallback as a}from"react";import{debounce as o}from"lodash";import{makeStyles as t,Paper as i,InputBase as n}from"@material-ui/core";import c from"@material-ui/icons/Search";import s from"@material-ui/icons/Close";import l from"prop-types";import m from"classnames";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=t((function(r){return{root:{display:"flex",alignItems:"center",height:30,paddingLeft:19,borderRadius:30,boxShadow:"none","&:focus-within":{boxShadow:"inset 0 0 0 2px ".concat(r.palette.primary.main)}},input:{flex:1,fontFamily:"Roboto",fontSize:14,fontWeight:200},searchIcon:{height:16,width:16,color:r.palette.primary.contrastText,marginRight:9},closeIcon:{height:16,width:16,margin:"0 10px",color:r.palette.primary.text6,cursor:"pointer"}}}));function f(t){var l=t.handleSearch,f=t.className,d=u(),g=e(""),x=r(g,2),y=x[0],b=x[1],N=a(o(l,500),[]);return p(i,{className:m(d.root,f),children:[h(c,{className:d.searchIcon}),h(n,{className:d.input,placeholder:"Search ...",value:y,inputProps:{"aria-label":"search"},onChange:function(r){return e=r.target.value,b(e),void N(e);var e}}),y&&h(s,{className:d.closeIcon,onClick:function(){l(""),b("")}})]})}f.propTypes={handleSearch:l.func.isRequired,className:l.string},f.defaultProps={className:""};export{f as default};

package/components/Select/SelectFilterBy.js

@@ -1,95 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { makeStyles, InputAdornment } from '@material-ui/core';
-import { LayersIcon } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import 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: /*#__PURE__*/jsx(LayersIcon, {
-        size: 16
-      })
-    })
-  }, props));
-};
-
-export { SelectFilterBy };
-//# sourceMappingURL=SelectFilterBy.js.map
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as s}from"react/jsx-runtime";import{makeStyles as c,InputAdornment as i}from"@material-ui/core";import{LayersIcon as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import t from"./index.js";var r=c((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"}}}}})),e=function(c){var e=r();return s(t,o({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:e.formControlRoot}},renderValue:function(o){return o||s("span",{className:e.emptyItem,children:"None"})},startAdornment:s(i,{position:"start",children:s(n,{size:16})})},c))};export{e as SelectFilterBy};

package/components/Select/index.js

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

package/components/SettingEditors/ColorEditor/index.js

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

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

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