dynamic-mui 0.1.7 → 1.0.0

package/dist-modules/data/checkbox.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkBoxCustom = exports.checkBox = void 0;
+var 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
+  }
+}];
+var checkBoxCustom = exports.checkBoxCustom = [{
+  type: 'checkbox',
+  props: {
+    id: 'label',
+    MuiAttributes: {
+      defaultChecked: true
+    },
+    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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.denseTable = exports.basicTable = void 0;
-var basicTable = [{
+var basicTable = exports.basicTable = [{
   type: 'datatable',
   props: {
+    id: 'datatable',
     container: {
       style: {
         height: 400,
@@ -86,6 +87,4 @@ var basicTable = [{
     md: 12
   }
 }];
-exports.basicTable = basicTable;
-var denseTable = [];
-exports.denseTable = denseTable;
+var denseTable = exports.denseTable = [];

package/dist-modules/data/dateTime.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.timePicker = exports.dateTimePicker = exports.dateRange = exports.responsiveness = exports.mui = void 0;
-var mui = [{
+exports.timePicker = exports.responsiveness = exports.mui = exports.dateTimePicker = exports.dateRange = void 0;
+var mui = exports.mui = [{
   type: 'datetime',
   props: {
+    id: 'datetime',
     MuiAttributes: {
       placeholder: 'Standard',
       fullWidth: true,
@@ -19,10 +20,10 @@ var mui = [{
     sm: 4
   }
 }];
-exports.mui = mui;
-var responsiveness = [{
+var responsiveness = exports.responsiveness = [{
   type: 'datetime',
   props: {
+    id: 'datetimemobile',
     MuiAttributes: {
       label: 'For mobile',
       fullWidth: true,
@@ -38,6 +39,7 @@ var responsiveness = [{
 }, {
   type: 'datetime',
   props: {
+    id: 'datetimestandard',
     MuiAttributes: {
       label: 'For desktop',
       fullWidth: true,
@@ -53,6 +55,7 @@ var responsiveness = [{
 }, {
   type: 'datetime',
   props: {
+    id: 'datetimeresponsive',
     MuiAttributes: {
       label: 'Responsive',
       fullWidth: true,
@@ -68,10 +71,10 @@ var responsiveness = [{
     sm: 4
   }
 }];
-exports.responsiveness = responsiveness;
-var dateRange = [{
+var dateRange = exports.dateRange = [{
   type: 'daterangepicker',
   props: {
+    id: 'daterangepicker',
     MuiAttributes: {
       fullWidth: true,
       variant: 'standard',
@@ -85,10 +88,10 @@ var dateRange = [{
     sm: 12
   }
 }];
-exports.dateRange = dateRange;
-var dateTimePicker = [{
+var dateTimePicker = exports.dateTimePicker = [{
   type: 'datetimepicker',
   props: {
+    id: 'datetimepicker',
     MuiAttributes: {
       label: 'Standard',
       fullWidth: true,
@@ -101,10 +104,10 @@ var dateTimePicker = [{
     sm: 12
   }
 }];
-exports.dateTimePicker = dateTimePicker;
-var timePicker = [{
+var timePicker = exports.timePicker = [{
   type: 'timepicker',
   props: {
+    id: 'timepicker',
     MuiAttributes: {
       label: 'Standard',
       fullWidth: true,
@@ -116,5 +119,4 @@ var timePicker = [{
     xs: 12,
     sm: 12
   }
-}];
-exports.timePicker = timePicker;
+}];

package/dist-modules/data/select.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.multiSelect = exports.select = void 0;
+exports.select = exports.multiSelect = void 0;
 var options = [{
   value: 'ocean',
   label: 'Ocean',
@@ -46,9 +46,10 @@ var options = [{
   label: 'Silver',
   color: '#666666'
 }];
-var select = [{
+var select = exports.select = [{
   type: 'select',
   props: {
+    id: 'simpleselect',
     MuiAttributes: {},
     options: options,
     MuiBoxAttributes: {
@@ -61,10 +62,10 @@ var select = [{
     sm: 12
   }
 }];
-exports.select = select;
-var multiSelect = [{
+var multiSelect = exports.multiSelect = [{
   type: 'select',
   props: {
+    id: 'multiselect',
     MuiAttributes: {
       multiple: true,
       disableCloseOnSelect: true
@@ -79,5 +80,4 @@ var multiSelect = [{
     xs: 12,
     sm: 12
   }
-}];
-exports.multiSelect = multiSelect;
+}];

package/dist-modules/data/switch.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.switchData = exports.switchCustom = void 0;
+var switchData = exports.switchData = [{
+  type: 'switch',
+  props: {
+    id: 'switchdefault',
+    MuiAttributes: {
+      defaultChecked: true
+    },
+    MuiFCLAttributes: {
+      label: ''
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 3,
+    sm: 3
+  }
+}, {
+  type: 'switch',
+  props: {
+    id: 'switch',
+    MuiAttributes: {},
+    MuiFCLAttributes: {
+      label: ''
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 3,
+    sm: 3
+  }
+}, {
+  type: 'switch',
+  props: {
+    id: 'switchdisabled',
+    MuiAttributes: {
+      disabled: true
+    },
+    MuiFCLAttributes: {
+      label: ''
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 3,
+    sm: 3
+  }
+}, {
+  type: 'switch',
+  props: {
+    id: 'switchdisabledchecked',
+    MuiAttributes: {
+      disabled: true,
+      checked: true
+    },
+    MuiFCLAttributes: {
+      label: ''
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 3,
+    sm: 3
+  }
+}];
+var switchCustom = exports.switchCustom = [{
+  type: 'switch',
+  props: {
+    id: 'switchlabel',
+    MuiAttributes: {
+      defaultChecked: true
+    },
+    MuiFCLAttributes: {
+      label: 'Label'
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 4,
+    sm: 4
+  }
+}, {
+  type: 'switch',
+  props: {
+    id: 'switchlabelsmall',
+    MuiAttributes: {
+      size: 'small',
+      defaultChecked: true,
+      color: 'secondary'
+    },
+    MuiFCLAttributes: {
+      label: 'Label'
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 4,
+    sm: 4
+  }
+}, {
+  type: 'switch',
+  props: {
+    id: 'switchlabelcolor',
+    MuiAttributes: {
+      defaultChecked: true,
+      color: 'default'
+    },
+    MuiFCLAttributes: {
+      label: 'Label'
+    }
+  },
+  layout: {
+    row: 1,
+    xs: 4,
+    sm: 4
+  }
+}];

package/dist-modules/data/textfield.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizesAndLayout = exports.inputAdornment = exports.validation = exports.mui = void 0;
-var mui = [{
+exports.validation = exports.sizesAndLayout = exports.mui = exports.inputAdornment = void 0;
+var mui = exports.mui = [{
   type: 'textfield',
   props: {
     MuiAttributes: {
@@ -47,8 +47,7 @@ var mui = [{
     sm: 4
   }
 }];
-exports.mui = mui;
-var validation = [{
+var validation = exports.validation = [{
   type: 'textfield',
   props: {
     MuiAttributes: {
@@ -118,8 +117,7 @@ var validation = [{
     format: '$0,0.00'
   }
 }];
-exports.validation = validation;
-var inputAdornment = [{
+var inputAdornment = exports.inputAdornment = [{
   id: 'firstname',
   type: 'textfield',
   props: {
@@ -177,8 +175,7 @@ var inputAdornment = [{
     sm: 6
   }
 }];
-exports.inputAdornment = inputAdornment;
-var sizesAndLayout = [{
+var sizesAndLayout = exports.sizesAndLayout = [{
   id: 'textfieldoutlined',
   type: 'textfield',
   props: {
@@ -240,5 +237,4 @@ var sizesAndLayout = [{
     xs: 12,
     sm: 12
   }
-}];
-exports.sizesAndLayout = sizesAndLayout;
+}];

package/dist-modules/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 require("./index.css");
-
 var _App = _interopRequireDefault(require("./App"));
-
 var _reportWebVitals = _interopRequireDefault(require("./reportWebVitals"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)), document.getElementById('root'));
 
-_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_App.default, null)), document.getElementById('root')); // If you want to start measuring performance in your app, pass a function
+// If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-
-
 (0, _reportWebVitals.default)();

package/dist-modules/reportWebVitals.js

@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var reportWebVitals = function reportWebVitals(onPerfEntry) {
   if (onPerfEntry && onPerfEntry instanceof Function) {
     Promise.resolve().then(function () {
       return _interopRequireWildcard(require('web-vitals'));
     }).then(function (_ref) {
       var getCLS = _ref.getCLS,
-          getFID = _ref.getFID,
-          getFCP = _ref.getFCP,
-          getLCP = _ref.getLCP,
-          getTTFB = _ref.getTTFB;
+        getFID = _ref.getFID,
+        getFCP = _ref.getFCP,
+        getLCP = _ref.getLCP,
+        getTTFB = _ref.getTTFB;
       getCLS(onPerfEntry);
       getFID(onPerfEntry);
       getFCP(onPerfEntry);
@@ -29,6 +25,4 @@ var reportWebVitals = function reportWebVitals(onPerfEntry) {
     });
   }
 };
-
-var _default = reportWebVitals;
-exports.default = _default;
+var _default = exports.default = reportWebVitals;