dynamic-mui 1.0.39 → 1.0.41

package/dist-modules/data/stepper.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mui = exports.customMui = void 0;
+const mui = exports.mui = [{
+  type: 'stepper',
+  props: {
+    id: 'stepper',
+    MuiBoxAttributes: {},
+    MuiStepLabelOptionalLabel: 'Last Step',
+    MuiStepperAttributes: {},
+    orientation: 'horizontal',
+    MuiSteps: [{
+      label: 'Select Service Request',
+      components: [{
+        type: 'select',
+        props: {
+          id: 'servicetype',
+          MuiAttributes: {
+            required: true
+          },
+          options: [{
+            value: 'New Installation',
+            label: 'New Installation'
+          }, {
+            value: 'Change Classification',
+            label: 'Change Classification'
+          }, {
+            value: 'Change Meter',
+            label: 'Change Meter'
+          }, {
+            value: 'Change Name',
+            label: 'Change Name'
+          }, {
+            value: 'Transfer Location',
+            label: 'Transfer Location'
+          }, {
+            value: 'Recheck Read',
+            label: 'Recheck Read'
+          }, {
+            value: 'Disconnection - Voluntary',
+            label: 'Disconnection - Voluntary'
+          }],
+          MuiBoxAttributes: {}
+        }
+      }]
+    }, {
+      label: 'Assign Priority',
+      isScreenChange: true,
+      components: [{
+        type: 'select',
+        props: {
+          id: 'priority',
+          MuiAttributes: {
+            required: true
+          },
+          options: [{
+            value: 'Emergency',
+            label: 'Emergency'
+          }, {
+            value: 'High',
+            label: 'High'
+          }, {
+            value: 'Medium',
+            label: 'Medium'
+          }, {
+            value: 'Low',
+            label: 'Low'
+          }],
+          MuiBoxAttributes: {}
+        }
+      }]
+    }, {
+      label: 'Choose Schedule In Calendar',
+      components: [{
+        id: 'start',
+        type: 'datetime',
+        props: {
+          id: 'start',
+          MuiAttributes: {
+            label: 'Start',
+            fullWidth: true,
+            disabled: true,
+            sx: {
+              width: '100%'
+            }
+          }
+        }
+      }, {
+        id: 'end',
+        type: 'datetime',
+        props: {
+          id: 'end',
+          MuiAttributes: {
+            label: 'End',
+            fullWidth: true,
+            disabled: true,
+            sx: {
+              width: '100%',
+              mt: 1.5
+            }
+          }
+        }
+      }]
+    }, {
+      label: 'Assign User',
+      components: [{
+        type: 'select',
+        props: {
+          id: 'assigntouser',
+          MuiAttributes: {},
+          options: [{
+            value: 'Dinakaran',
+            label: 'Dinakaran'
+          }, {
+            value: 'Thiyagarajan',
+            label: 'Thiyagarajan'
+          }],
+          MuiBoxAttributes: {}
+        }
+      }]
+    }, {
+      label: 'Determine Cost',
+      components: [{
+        id: 'determinecost',
+        type: 'radio',
+        props: {
+          id: 'determinecost',
+          value: 'Skip',
+          MuiAttributes: {},
+          MuiFLabelIcon: {},
+          MuiFLabel: '',
+          MuiFCLAttributes: {},
+          MuiFCLabels: ['Skip', 'Assign'],
+          MuiRGAttributes: {
+            row: true
+          }
+        }
+      }, {
+        id: 'cost',
+        type: 'textfield',
+        props: {
+          id: 'cost',
+          MuiAttributes: {}
+        }
+      }]
+    }, {
+      label: 'Description',
+      components: [{
+        id: 'description',
+        type: 'textfield',
+        props: {
+          id: 'description',
+          MuiAttributes: {
+            multiline: true,
+            rows: 3
+          }
+        }
+      }]
+    }, {
+      label: 'Review'
+    }],
+    MuiStepAttributes: {},
+    MuiStepLabelAttributes: {},
+    MuiStepContentAttributes: {},
+    MuiButtonAttributes: {
+      back: {},
+      next: {},
+      final: {},
+      backLabel: '',
+      nextLabel: '',
+      finalLabel: ''
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 12,
+    sm: 12
+  }
+}];
+const customMui = exports.customMui = [{
+  type: 'stepper',
+  props: {
+    MuiAttributes: {}
+  },
+  layout: {
+    row: 1,
+    xs: 12,
+    sm: 12
+  }
+}];

package/dist-modules/util/stepperComponents.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StepperComponents;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var Controls = _interopRequireWildcard(require("../components/controls"));
+var _mui = _interopRequireDefault(require("../config/mui"));
+var _helper = require("./helper");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// eslint-disable-next-line import/no-cycle
+
+function StepperComponents(_ref) {
+  let {
+    components,
+    onUpdate
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [...components].map((component, index) => {
+    const CustomComponent = Controls.default[_mui.default[component.type].map];
+    return /*#__PURE__*/_react.default.createElement(CustomComponent, {
+      key: (0, _helper.generateKey)('dynamic-stepper-comp', index),
+      attributes: component.props,
+      onChange: onUpdate
+    });
+  }));
+}
+StepperComponents.propTypes = process.env.NODE_ENV !== "production" ? {
+  /** Attributes for StepperComponent */
+  components: _propTypes.default.arrayOf(_propTypes.default.object),
+  /** Function */
+  onUpdate: _propTypes.default.func
+} : {};
+StepperComponents.defaultProps = {
+  components: [],
+  // rules: {},
+  onUpdate: null
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-mui",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "author": "Dinakaran S",
   "user": "dinakarans",
   "repository": {
@@ -19,8 +19,9 @@
     "@babel/plugin-transform-modules-commonjs": "^7.23.3",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.15.0",
-    "@mui/material": "^5.15.0",
+    "@mui/icons-material": "^5.15.1",
+    "@mui/material": "^5.15.1",
+    "@mui/x-charts": "^6.18.3",
     "@mui/x-data-grid": "^6.18.5",
     "@mui/x-date-pickers": "^6.18.5",
     "@testing-library/jest-dom": "^6.1.5",
@@ -36,15 +37,15 @@
     "react-dom": "^18.2.0",
     "react-json-tree": "^0.18.0",
     "react-number-format": "^5.3.1",
-    "react-scripts": "4.0.3",
+    "react-scripts": "5.0.1",
     "validator": "^13.11.0",
     "web-vitals": "^3.5.0"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
+    "start": "craco start",
+    "build": "craco build",
+    "test": "craco test",
+    "eject": "craco eject",
     "styleguide": "styleguidist server",
     "styleguide:build": "rimraf docs && styleguidist build && mkdir docs && mv styleguide/* docs",
     "lint": "eslint .",
@@ -73,17 +74,19 @@
   "devDependencies": {
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.23.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-env": "^7.23.6",
+    "@craco/craco": "^7.1.0",
     "eslint": "8.56.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-prettier": "^5.1.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "prettier": "^3.1.1",
-    "react-styleguidist": "^11.2.0",
+    "react-styleguidist": "^13.1.1",
     "tinycolor2": "^1.6.0"
   }
 }

package/styleguide.config.js

@@ -1,10 +1,29 @@
-const path = require('path');
+// eslint-disable-next-line import/no-extraneous-dependencies
+const webpack = require('webpack');
 const { version } = require('./package.json');
 
 module.exports = {
   version,
   title: 'Dynamic MUI',
-  // Check for updates in the template structure for v13
+  dangerouslyUpdateWebpackConfig(config) {
+    config.module.rules.push({
+      test: /.\.md$/,
+      type: 'javascript/auto',
+    });
+    config.plugins.push(
+      new webpack.NormalModuleReplacementPlugin(
+        /react-styleguidist\/lib\/loaders\/utils\/client\/requireInRuntime$/,
+        'react-styleguidist/lib/loaders/utils/client/requireInRuntime',
+      ),
+    );
+    config.plugins.push(
+      new webpack.NormalModuleReplacementPlugin(
+        /react-styleguidist\/lib\/loaders\/utils\/client\/evalInContext$/,
+        'react-styleguidist/lib/loaders/utils/client/evalInContext',
+      ),
+    );
+    return config;
+  },
   template: {
     favicon: 'https://geoviewer.io/img/favicon.ico',
     head: {
@@ -21,7 +40,6 @@ module.exports = {
     },
   },
   theme: {
-    // Update the theme configuration according to the new theme structure in v13
     color: {
       codeBackground: '#272C34',
       codeString: '#a6e22e',
@@ -53,11 +71,9 @@ module.exports = {
     },
   },
   styles: {
-    // Ensure that custom styles are still compatible with v13
     Logo: {
       logo: {
         color: 'white',
-        // animation: '$blink ease-in-out 300ms infinite',
       },
       '@keyframes blink': {
         to: { opacity: 0 },
@@ -65,7 +81,6 @@ module.exports = {
     },
   },
   pagePerSection: true,
-  ignore: ['src/components/controls/index.js'],
   components: 'src/components/controls/**/*.js',
   sections: [
     {
@@ -81,8 +96,13 @@ module.exports = {
       usageMode: 'expand',
       sectionDepth: 2,
     },
+    {
+      name: 'Charts',
+      components: 'src/components/charts/**/*.js',
+      exampleMode: 'expand',
+      usageMode: 'expand',
+      sectionDepth: 2,
+    },
   ],
-  // Confirm if styleguideComponents structure is the same in v13
   styleguideComponents: {},
-  // Add any new configuration options introduced in v13
 };