dynamic-mui 1.1.5 → 2.0.1

package/dist-modules/components/controls/TextField/textfield.js

@@ -1,148 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TextField;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _numeral = _interopRequireDefault(require("numeral"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _helper = require("../../../util/helper");
-var _validation = _interopRequireDefault(require("../../../util/validation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable react/jsx-no-duplicate-props */
-function TextField(_ref) {
-  var _MuiAttributes$slotPr;
-  let {
-    attributes,
-    rules = {},
-    onChange
-  } = _ref;
-  const {
-    MuiAttributes = {},
-    InputProps = {},
-    format = '',
-    id = ''
-  } = attributes;
-  const [textData, setTextData] = _react.default.useState({
-    value: attributes.value !== undefined ? attributes.value : '',
-    helperText: MuiAttributes.helperText || '',
-    error: false
-  });
-  const getValue = v => format ? (0, _numeral.default)(v).format(format) : v;
-  const validate = value => {
-    let isValid = false;
-    const {
-      validation
-    } = rules;
-    if (validation) {
-      for (let i = 0; i < validation.length; i += 1) {
-        const data = validation[i];
-        isValid = _validation.default[data.rule](value, data.value);
-        if (!isValid) {
-          return {
-            isValid: false,
-            message: data.message
-          };
-        }
-      }
-    }
-    return {
-      isValid: true,
-      message: ''
-    };
-  };
-  const handleOnChange = function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    const {
-      value
-    } = args[0].target;
-    const validator = validate(value);
-    setTextData({
-      value,
-      helperText: validator.message,
-      error: !validator.isValid
-    });
-  };
-  const handleOnBlur = function () {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    const {
-      value
-    } = args[0].target;
-    const formatValue = getValue(value);
-    const validator = validate(formatValue);
-    setTextData({
-      value: formatValue,
-      helperText: validator.message,
-      error: !validator.isValid
-    });
-    if (typeof onChange === 'function') onChange({
-      id,
-      value: formatValue
-    });
-  };
-  const handleOnFocus = () => {};
-
-  // Wheel-block for numeric inputs
-  const isNumberType = (MuiAttributes === null || MuiAttributes === void 0 ? void 0 : MuiAttributes.type) === 'number' || (attributes === null || attributes === void 0 ? void 0 : attributes.type) === 'number' || (MuiAttributes === null || MuiAttributes === void 0 ? void 0 : MuiAttributes.inputMode) === 'numeric';
-  const onWheelBlock = e => {
-    const el = e.currentTarget;
-    el.blur();
-    setTimeout(() => el.focus(), 0);
-  };
-
-  // Build merged input props we want to ensure exist
-  const ourInputProps = _objectSpread(_objectSpread({}, isNumberType ? {
-    onWheel: onWheelBlock
-  } : {}), {}, {
-    inputMode: (MuiAttributes === null || MuiAttributes === void 0 ? void 0 : MuiAttributes.inputProps) && MuiAttributes.inputProps.inputMode || (MuiAttributes === null || MuiAttributes === void 0 || (_MuiAttributes$slotPr = MuiAttributes.slotProps) === null || _MuiAttributes$slotPr === void 0 ? void 0 : _MuiAttributes$slotPr.input) && MuiAttributes.slotProps.input.inputMode || 'numeric'
-  });
-  const isV6 = !!(MuiAttributes !== null && MuiAttributes !== void 0 && MuiAttributes.slotProps);
-  const baseAttrs = _objectSpread({}, MuiAttributes);
-  let finalInputProps;
-  let finalSlotProps;
-  if (isV6) {
-    const existingSlotInput = MuiAttributes.slotProps && MuiAttributes.slotProps.input || {};
-    finalSlotProps = _objectSpread(_objectSpread({}, MuiAttributes.slotProps || {}), {}, {
-      input: _objectSpread(_objectSpread({}, existingSlotInput), ourInputProps)
-    });
-    delete baseAttrs.slotProps;
-  } else {
-    const existingInputProps = MuiAttributes.inputProps || {};
-    finalInputProps = _objectSpread(_objectSpread({}, existingInputProps), ourInputProps);
-    delete baseAttrs.inputProps;
-  }
-  return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
-    fullWidth: true
-  }, baseAttrs, {
-    inputProps: !isV6 ? finalInputProps : undefined,
-    slotProps: isV6 ? finalSlotProps : undefined,
-    InputProps: (0, _helper.getInputProps)(InputProps),
-    onChange: handleOnChange,
-    onBlur: handleOnBlur,
-    onFocus: handleOnFocus,
-    value: textData.value,
-    error: textData.error,
-    helperText: textData.helperText
-  }));
-}
-TextField.propTypes = process.env.NODE_ENV !== "production" ? {
-  attributes: _propTypes.default.objectOf(_propTypes.default.object),
-  rules: _propTypes.default.objectOf(_propTypes.default.array),
-  onChange: _propTypes.default.func
-} : {};
-TextField.defaultProps = {
-  attributes: {},
-  rules: {},
-  onChange: null
-};

package/dist-modules/components/controls/TimePicker/timepicker.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TimePicker;
-var _react = _interopRequireDefault(require("react"));
-var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
-var _xDatePickers = require("@mui/x-date-pickers");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _helper = require("../../../util/helper");
-var _useUpdateEffect = _interopRequireDefault(require("../../../util/useUpdateEffect"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function TimePicker(_ref) {
-  let {
-    attributes,
-    onChange
-  } = _ref;
-  const {
-    MuiAttributes = {},
-    name = 'TimePicker',
-    id = ''
-  } = attributes;
-  const [value, setValue] = _react.default.useState(attributes !== null && attributes !== void 0 && attributes.value ? (0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value) : null);
-  (0, _useUpdateEffect.default)(() => {
-    if (attributes !== null && attributes !== void 0 && attributes.value) setValue((0, _dayjs.default)(attributes === null || attributes === void 0 ? void 0 : attributes.value));
-  }, [attributes === null || attributes === void 0 ? void 0 : attributes.value]);
-  const MuiTimePicker = (0, _helper.DateComponent)(name);
-  return /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
-    dateAdapter: _AdapterDayjs.AdapterDayjs
-  }, /*#__PURE__*/_react.default.createElement(MuiTimePicker, _extends({
-    value: value,
-    onChange: newValue => {
-      setValue(newValue);
-      onChange({
-        id,
-        value: newValue
-      });
-    }
-  }, MuiAttributes)));
-}
-TimePicker.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for TimePicker */
-  attributes: _propTypes.default.objectOf(_propTypes.default.object),
-  /** Function */
-  onChange: _propTypes.default.func
-} : {};
-TimePicker.defaultProps = {
-  attributes: {},
-  onChange: null
-};

package/dist-modules/components/controls/Typography/typography.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Typography;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _material = require("@mui/material");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/** Typography Component */
-function Typography(_ref) {
-  let {
-    attributes
-  } = _ref;
-  const {
-    MuiAttributes = {},
-    text = '',
-    MuiIcon = {},
-    value = '',
-    MuiBox = {}
-  } = attributes;
-  if (MuiIcon && MuiIcon.icon) {
-    return /*#__PURE__*/_react.default.createElement(_material.Box, _extends({
-      sx: {
-        display: 'flex',
-        width: '100%'
-      }
-    }, MuiBox), /*#__PURE__*/_react.default.createElement(_material.Icon, _extends({
-      key: MuiIcon.icon
-    }, MuiIcon.MuiIconAttributes), MuiIcon.icon), /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text || value));
-  }
-  return /*#__PURE__*/_react.default.createElement(_Typography.default, MuiAttributes, text || value);
-}
-Typography.propTypes = process.env.NODE_ENV !== "production" ? {
-  /** Attributes for Typography */
-  attributes: _propTypes.default.objectOf(_propTypes.default.object)
-} : {};
-Typography.defaultProps = {
-  attributes: {}
-};

package/dist-modules/components/controls/index.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _typography = _interopRequireDefault(require("./Typography/typography"));
-var _textfield = _interopRequireDefault(require("./TextField/textfield"));
-var _datatable = _interopRequireDefault(require("./DataTable/datatable"));
-var _datetime = _interopRequireDefault(require("./DateTime/datetime"));
-var _datetimepicker = _interopRequireDefault(require("./DateTimePicker/datetimepicker"));
-var _timepicker = _interopRequireDefault(require("./TimePicker/timepicker"));
-var _select = _interopRequireDefault(require("./Select/select"));
-var _checkbox = _interopRequireDefault(require("./CheckBox/checkbox"));
-var _switch = _interopRequireDefault(require("./Switch/switch"));
-var _radio = _interopRequireDefault(require("./Radio/radio"));
-var _stepper = _interopRequireDefault(require("./Stepper/stepper"));
-var _bar = _interopRequireDefault(require("../charts/Bar/bar"));
-var _line = _interopRequireDefault(require("../charts/Line/line"));
-var _pie = _interopRequireDefault(require("../charts/Pie/pie"));
-var _mixChart = _interopRequireDefault(require("../charts/Mixchart/mixChart"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// eslint-disable-next-line import/no-cycle
-
-const Controls = {
-  Typography: _typography.default,
-  TextField: _textfield.default,
-  Table: _datatable.default,
-  DateTime: _datetime.default,
-  DateTimePicker: _datetimepicker.default,
-  TimePicker: _timepicker.default,
-  Select: _select.default,
-  CheckBox: _checkbox.default,
-  Switch: _switch.default,
-  Radio: _radio.default,
-  Stepper: _stepper.default,
-  Bar: _bar.default,
-  Line: _line.default,
-  Pie: _pie.default,
-  MixChart: _mixChart.default
-};
-var _default = exports.default = Controls;

package/dist-modules/config/mui.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const mui = {
-  textfield: {
-    type: 'TextField',
-    map: 'TextField'
-  },
-  typography: {
-    type: 'Typography',
-    map: 'Typography'
-  },
-  datatable: {
-    type: 'Table',
-    map: 'Table'
-  },
-  datetime: {
-    type: 'DateTime',
-    map: 'DateTime'
-  },
-  daterangepicker: {
-    type: 'DateRangePicker',
-    map: 'DateRangePicker'
-  },
-  datetimepicker: {
-    type: 'DateTimePicker',
-    map: 'DateTimePicker'
-  },
-  timepicker: {
-    type: 'TimePicker',
-    map: 'TimePicker'
-  },
-  select: {
-    type: 'Select',
-    map: 'Select'
-  },
-  checkbox: {
-    type: 'CheckBox',
-    map: 'CheckBox'
-  },
-  switch: {
-    type: 'Switch',
-    map: 'Switch'
-  },
-  radio: {
-    type: 'Radio',
-    map: 'Radio'
-  },
-  stepper: {
-    type: 'Stepper',
-    map: 'Stepper'
-  },
-  bar: {
-    type: 'Bar',
-    map: 'Bar'
-  },
-  line: {
-    type: 'Line',
-    map: 'Line'
-  },
-  pie: {
-    type: 'Pie',
-    map: 'Pie'
-  },
-  mixchart: {
-    type: 'MixChart',
-    map: 'MixChart'
-  }
-};
-var _default = exports.default = mui;

package/dist-modules/data/checkbox.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkBoxCustom = exports.checkBox = void 0;
-const checkBox = exports.checkBox = [{
-  type: 'checkbox',
-  props: {
-    id: 'defaultChecked',
-    MuiAttributes: {
-      defaultChecked: true
-    },
-    MuiFCLAttributes: {
-      label: ''
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}, {
-  type: 'checkbox',
-  props: {
-    id: 'simple',
-    MuiAttributes: {},
-    MuiFCLAttributes: {
-      label: ''
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}, {
-  type: 'checkbox',
-  props: {
-    id: 'disabled',
-    MuiAttributes: {
-      disabled: true
-    },
-    MuiFCLAttributes: {
-      label: ''
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}, {
-  type: 'checkbox',
-  props: {
-    id: 'disabledchecked',
-    MuiAttributes: {
-      disabled: true,
-      checked: true
-    },
-    MuiFCLAttributes: {
-      label: ''
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}];
-const checkBoxCustom = exports.checkBoxCustom = [{
-  type: 'checkbox',
-  props: {
-    id: 'testing',
-    value: true,
-    MuiAttributes: {},
-    MuiFCLAttributes: {
-      label: 'Label'
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}, {
-  type: 'checkbox',
-  props: {
-    id: 'labelsmall',
-    MuiAttributes: {
-      size: 'small',
-      defaultChecked: true,
-      color: 'secondary'
-    },
-    MuiFCLAttributes: {
-      label: 'Label'
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}, {
-  type: 'checkbox',
-  props: {
-    id: 'labelcolordefault',
-    MuiAttributes: {
-      defaultChecked: true,
-      color: 'default'
-    },
-    MuiFCLAttributes: {
-      label: 'Label'
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}, {
-  type: 'checkbox',
-  props: {
-    id: 'labelcolorgreen',
-    MuiAttributes: {
-      defaultChecked: true,
-      sx: {
-        color: 'green',
-        '&.Mui-checked': {
-          color: 'green'
-        }
-      }
-    },
-    MuiFCLAttributes: {
-      label: 'Label'
-    }
-  },
-  layout: {
-    row: 1,
-    xs: 3,
-    sm: 3
-  }
-}];

package/dist-modules/data/dataTable.js

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.denseTable = exports.basicTable = void 0;
-const basicTable = exports.basicTable = [{
-  type: 'datatable',
-  props: {
-    id: 'datatable',
-    container: {
-      style: {
-        height: 400,
-        width: '100%'
-      }
-    },
-    MuiAttributes: {
-      rows: [{
-        id: 1,
-        lastName: 'Snow',
-        firstName: 'Jon',
-        age: 35
-      }, {
-        id: 2,
-        lastName: 'Lannister',
-        firstName: 'Cersei',
-        age: 42
-      }, {
-        id: 3,
-        lastName: 'Lannister',
-        firstName: 'Jaime',
-        age: 45
-      }, {
-        id: 4,
-        lastName: 'Stark',
-        firstName: 'Arya',
-        age: 16
-      }, {
-        id: 5,
-        lastName: 'Targaryen',
-        firstName: 'Daenerys',
-        age: null
-      }, {
-        id: 6,
-        lastName: 'Melisandre',
-        firstName: '',
-        age: 150
-      }, {
-        id: 7,
-        lastName: 'Clifford',
-        firstName: 'Ferrara',
-        age: 44
-      }, {
-        id: 8,
-        lastName: 'Frances',
-        firstName: 'Rossini',
-        age: 36
-      }, {
-        id: 9,
-        lastName: 'Roxie',
-        firstName: 'Harvey',
-        age: 65
-      }],
-      columns: [{
-        field: 'id',
-        headerName: 'ID',
-        width: 70
-      }, {
-        field: 'firstName',
-        headerName: 'First name',
-        width: 130
-      }, {
-        field: 'lastName',
-        headerName: 'Last name',
-        width: 130
-      }, {
-        field: 'age',
-        headerName: 'Age',
-        type: 'number',
-        width: 90
-      }]
-    }
-  },
-  layout: {
-    xs: 12,
-    sm: 12,
-    md: 12
-  }
-}];
-const denseTable = exports.denseTable = [];