oa-componentbook 0.17.85 → 0.17.87

package/build/components/oa-component-accordion/Accordion.js

@@ -7,19 +7,17 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
+var _KeyboardArrowDownRounded = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDownRounded"));
 var _styles = require("./styles");
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import KeyboardArrowDownRoundedIcon from '@material-ui/icons/KeyboardArrowDownRounded';
-
 function CollapseIcon(_ref) {
   let {
     isActive
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_MaterialIcon.default
-  // icon={KeyboardArrowDownRoundedIcon}
-  , {
+  return /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+    icon: _KeyboardArrowDownRounded.default,
     size: 20,
     rotate: isActive ? 0 : 180
   });

package/build/components/oa-component-bread-crumb/CustomBreadCrumb.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function CustomBreadCrumb(props) {
+  return /*#__PURE__*/_react.default.createElement(_antd.Breadcrumb, props);
+}
+var _default = CustomBreadCrumb;
+exports.default = _default;

package/build/components/oa-component-datepicker/CustomDatePicker.js

@@ -9,11 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _antd = require("antd");
+var _CalendarTodayRounded = _interopRequireDefault(require("@material-ui/icons/CalendarTodayRounded"));
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 const _excluded = ["data-test"];
-var _templateObject; // import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
+var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -91,10 +92,12 @@ function CustomDatePicker(_ref) {
       }
     }
   }, /*#__PURE__*/_react.default.createElement(FullWidthDatePicker, _extends({
-    suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default
-    // icon={CalendarTodayRoundedIcon}
-    , {
+    suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+      icon: _CalendarTodayRounded.default,
       size: 20
+    }),
+    superNextIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+      icon: _CalendarTodayRounded.default
     })
   }, props)));
 }

package/build/components/oa-component-icons/MaterialIcon.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.assign.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +11,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 const _excluded = ["icon", "size", "color", "rotate", "style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function MaterialIcon(_ref) {
@@ -21,19 +29,15 @@ function MaterialIcon(_ref) {
       style
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-} // return (
-//   <Icon
-//     style={{
-//       color: color ? ColorVariablesMap[`--color-${color}`] : undefined,
-//       fontSize: size ? `${size}px` : 'inherit',
-//       transition: 'transform .3s ease',
-//       transform: `rotate(${rotate}deg)`,
-//       ...style,
-//     }}
-//     {...props}
-//   />
-// );
-
+  return /*#__PURE__*/_react.default.createElement(Icon, _extends({
+    style: _objectSpread({
+      color: color ? _ColorVariablesMap.default["--color-".concat(color)] : undefined,
+      fontSize: size ? "".concat(size, "px") : 'inherit',
+      transition: 'transform .3s ease',
+      transform: "rotate(".concat(rotate, "deg)")
+    }, style)
+  }, props));
+}
 MaterialIcon.propTypes = {
   color: _propTypes.default.oneOf(['primary', 'background-dark', 'background-info', 'primary-hover', 'positive', 'background-positive', 'warning', 'background-warning', 'negative', 'hover-negative', 'background-negative', 'primary-content', 'secondary-content', 'placeholder-text', 'disabled-button', 'divider', 'secondary-background', 'primary-background', 'background-overlay', 'tags']),
   icon: _propTypes.default.element.isRequired,

package/build/components/oa-component-select/CustomSelect.js

@@ -9,6 +9,7 @@ exports.default = CustomSelect;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
+var _KeyboardArrowDown = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowDown"));
 var _utils = require("../../utils");
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 var _Typography = _interopRequireDefault(require("../oa-component-typography/Typography"));
@@ -16,7 +17,7 @@ var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorV
 require("antd/dist/reset.css");
 var _Elevation = require("../../global-css/Elevation");
 const _excluded = ["data-test", "options"],
-  _excluded2 = ["label", "disabled"]; // import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
+  _excluded2 = ["label", "disabled"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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; }
@@ -129,9 +130,8 @@ function CustomSelect(_ref) {
       padding: '0px'
     },
     maxTagCount: "responsive",
-    suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default
-    // icon={KeyboardArrowDownIcon}
-    , {
+    suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+      icon: _KeyboardArrowDown.default,
       size: 20
     })
   }, props)));

package/build/components/oa-component-timepicker/CustomTimePicker.js

@@ -9,11 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _antd = require("antd");
+var _AccessTimeRounded = _interopRequireDefault(require("@material-ui/icons/AccessTimeRounded"));
 var _MaterialIcon = _interopRequireDefault(require("../oa-component-icons/MaterialIcon"));
 var _ColorVariablesMap = _interopRequireDefault(require("../../global-css/ColorVariablesMap"));
 require("antd/dist/reset.css");
 const _excluded = ["data-test"];
-var _templateObject; // import AccessTimeRoundedIcon from '@material-ui/icons/AccessTimeRounded';
+var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -72,9 +73,8 @@ function CustomTimePicker(_ref) {
       }
     }
   }, /*#__PURE__*/_react.default.createElement(FullWidthTimePicker, _extends({
-    suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default
-    // icon={AccessTimeRoundedIcon}
-    , {
+    suffixIcon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+      icon: _AccessTimeRounded.default,
       size: 20
     })
   }, props)));

package/build/index.js

@@ -65,6 +65,12 @@ Object.defineProperty(exports, "CustomAutoComplete", {
     return _CustomAutoComplete.default;
   }
 });
+Object.defineProperty(exports, "CustomBreadCrumb", {
+  enumerable: true,
+  get: function get() {
+    return _CustomBreadCrumb.default;
+  }
+});
 Object.defineProperty(exports, "CustomButton", {
   enumerable: true,
   get: function get() {
@@ -364,6 +370,7 @@ var _TrackShipmentWidget = _interopRequireDefault(require("./widgets/oa-widget-t
 var _UploadDownloadWidget = _interopRequireDefault(require("./widgets/oa-widget-upload-download/UploadDownloadWidget"));
 var _ViewHistoryWidget = _interopRequireDefault(require("./widgets/oa-widget-view-history/ViewHistoryWidget"));
 var _ViewPreviousDescriptionWidget = _interopRequireDefault(require("./widgets/oa-widget-view-previous-description/ViewPreviousDescriptionWidget"));
+var _CustomBreadCrumb = _interopRequireDefault(require("./components/oa-component-bread-crumb/CustomBreadCrumb"));
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/widgets/oa-widget-spare-part/SparePartsWidget.js

@@ -9,14 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _DeleteOutlineRounded = _interopRequireDefault(require("@material-ui/icons/DeleteOutlineRounded"));
+var _WarningRounded = _interopRequireDefault(require("@material-ui/icons/WarningRounded"));
 var _utils = require("../../utils");
 var _CustomTable = _interopRequireDefault(require("../../components/oa-component-table/CustomTable"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
 var _CustomInfo = _interopRequireDefault(require("../../components/oa-component-info/CustomInfo"));
 var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
-var _templateObject, _templateObject2; // import DeleteOutlineRoundedIcon from '@material-ui/icons/DeleteOutlineRounded';
-// import WarningRoundedIcon from '@material-ui/icons/WarningRounded';
+var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const FlexContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  .text-only-size{\n    justify-content: left;\n  }\n"])));
@@ -55,9 +56,8 @@ const renderAction = (action, record) => {
       onClick: () => action.successCallback(record),
       type: "danger-text-only",
       iconConfig: {
-        icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default
-        // icon={DeleteOutlineRoundedIcon}
-        , {
+        icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+          icon: _DeleteOutlineRounded.default,
           size: 24
         }),
         position: 'left'
@@ -109,10 +109,9 @@ function SparePartsWidget(_ref) {
       description: "Multiple components need to be repaired which are not covered in this plan",
       iconConfig: {
         icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
-          color: "warning"
-          // icon={WarningRoundedIcon}
+          color: "warning",
+          icon: _WarningRounded.default
         }),
-
         position: 'left'
       }
     }), /*#__PURE__*/_react.default.createElement(_CustomTable.default, {

package/build/widgets/oa-widget-stage-timeline/StageTimelineWidget.js

@@ -8,13 +8,12 @@ exports.default = StageTimelineWidget;
 require("core-js/modules/es.string.ends-with.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CheckRounded = _interopRequireDefault(require("@material-ui/icons/CheckRounded"));
 var _utils = require("../../utils");
 var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// import CheckRoundedIcon from '@material-ui/icons/CheckRounded';
-
 function StageTimelineChild(_ref) {
   let {
     'data-test': dataTest,
@@ -38,9 +37,8 @@ function StageTimelineChild(_ref) {
   }
   const StageDetailsDisplay = /*#__PURE__*/_react.default.createElement(_styles.StageDetails, {
     className: className
-  }, className === 'completed' || className === 'completed--active' ? /*#__PURE__*/_react.default.createElement(_MaterialIcon.default
-  // icon={CheckRoundedIcon}
-  , {
+  }, className === 'completed' || className === 'completed--active' ? /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+    icon: _CheckRounded.default,
     color: "positive",
     size: 20
   }) : /*#__PURE__*/_react.default.createElement(_styles.DotIcon, {

package/build/widgets/oa-widget-upload-download/UploadDownloadWidget.js

@@ -7,14 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _GetAppRounded = _interopRequireDefault(require("@material-ui/icons/GetAppRounded"));
+var _DeleteOutlineRounded = _interopRequireDefault(require("@material-ui/icons/DeleteOutlineRounded"));
 var _antd = require("antd");
 var _styles = require("./styles");
 var _MaterialIcon = _interopRequireDefault(require("../../components/oa-component-icons/MaterialIcon"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _CustomButton = _interopRequireDefault(require("../../components/oa-component-button/CustomButton"));
 var _utils = require("../../utils");
-const _excluded = ["className", "formName", "onUpload", "multiple", "uploadedDocuments", "data-test"]; // import GetAppRoundedIcon from '@material-ui/icons/GetAppRounded';
-// import DeleteOutlineRoundedIcon from '@material-ui/icons/DeleteOutlineRounded';
+const _excluded = ["className", "formName", "onUpload", "multiple", "uploadedDocuments", "data-test"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -88,10 +89,11 @@ function UploadDownloadWidget(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
       "data-test": dataTest ? "".concat(dataTest, "--download-button-").concat(index) : undefined,
       iconConfig: {
-        position: 'left'
-        // icon: <MaterialIcon icon={GetAppRoundedIcon} />,
+        position: 'left',
+        icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+          icon: _GetAppRounded.default
+        })
       },
-
       onClick: (_uploadedDocument$onD = uploadedDocument.onDownload) !== null && _uploadedDocument$onD !== void 0 ? _uploadedDocument$onD : () => {},
       label: /*#__PURE__*/_react.default.createElement(_styles.EllipsisLabel, {
         title: uploadedDocument.name
@@ -105,10 +107,11 @@ function UploadDownloadWidget(_ref) {
       },
       "data-test": dataTest ? "".concat(dataTest, "--delete-button-").concat(index) : undefined,
       iconConfig: {
-        position: 'left'
-        // icon: <MaterialIcon icon={DeleteOutlineRoundedIcon} />,
+        position: 'left',
+        icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
+          icon: _DeleteOutlineRounded.default
+        })
       },
-
       onClick: (_uploadedDocument$onD2 = uploadedDocument.onDelete) !== null && _uploadedDocument$onD2 !== void 0 ? _uploadedDocument$onD2 : () => {},
       type: "danger-text-only"
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.17.85",
+  "version": "0.17.87",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",
@@ -15,6 +15,8 @@
   "dependencies": {
     "@ant-design/icons": "^5.2.6",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
     "@storybook/addon-actions": "^7.4.3",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/cli": "^7.3.2",
@@ -23,8 +25,7 @@
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
     "react-router-dom": "^5.3.4",
-    "styled-components": "^6.0.7",
-    "webpack-bundle-analyzer": "^4.10.1"
+    "styled-components": "^6.0.7"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.9",
@@ -56,8 +57,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "lint-fix": "eslint --fix src/** --ext .js,.jsx",
-    "lint": "eslint src/**",
-    "bundle-analyze": "(webpack --profile --json > stats.json) && (webpack-bundle-analyzer stats.json)"
+    "lint": "eslint src/**"
   },
   "eslintConfig": {
     "extends": [