oa-componentbook 0.17.46 → 0.17.47

package/build/components/oa-component-drawer/CustomDrawer.js

@@ -75,7 +75,6 @@ function CustomDrawer(_ref) {
       Object.prototype.hasOwnProperty.call(button, 'disabled') ? button.disabled
       // If it doesn't we hardcode the button to never be disabled.
       : false,
-      iconConfig: button === null || button === void 0 ? void 0 : button.iconConfig,
       key: (0, _nanoid.nanoid)(),
       label: button.label,
       onClick: button.callback,
@@ -91,11 +90,6 @@ CustomDrawer.propTypes = {
     'data-test': _propTypes.default.string,
     disabled: _propTypes.default.bool,
     callback: _propTypes.default.func.isRequired,
-    iconConfig: _propTypes.default.shape({
-      icon: _propTypes.default.node,
-      position: _propTypes.default.oneOf(['left', 'right']),
-      style: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
-    }),
     label: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['secondary', 'primary']).isRequired
   })),

package/build/components/oa-component-modal/CustomModal.js

@@ -49,7 +49,6 @@ function CustomModal(_ref) {
     }, title)),
     footer: /*#__PURE__*/_react.default.createElement(_styles.ButtonContainer, null, buttonConfig.map(button => /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
       key: button,
-      iconConfig: button === null || button === void 0 ? void 0 : button.iconConfig,
       label: button.label,
       onClick: button.callback,
       size: "large",
@@ -62,23 +61,16 @@ function CustomModal(_ref) {
   ((0, _utils.isString)(children) || (0, _utils.isNumber)(children)) && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "secondarygrey-text",
     typography: typographies.children
-  }, children) ||
-  // The label is a node
-  (0, _utils.isObject)(children) && children));
+  }, children) || /*#__PURE__*/_react.default.isValidElement(children) && children));
 }
 CustomModal.propTypes = {
   // Array of button configurations
   buttonConfig: _propTypes.default.arrayOf(_propTypes.default.shape({
-    callback: _propTypes.default.func.isRequired,
+    callback: _propTypes.default.string.isRequired,
     label: _propTypes.default.string.isRequired,
-    iconConfig: _propTypes.default.shape({
-      icon: _propTypes.default.node,
-      position: _propTypes.default.oneOf(['left', 'right']),
-      style: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
-    }),
     type: _propTypes.default.oneOf(['secondary', 'primary']).isRequired
   })).isRequired,
-  children: _propTypes.default.node,
+  children: _propTypes.default.string,
   title: _propTypes.default.string.isRequired,
   typographies: _propTypes.default.shape({
     title: _propTypes.default.oneOf(_Typography.typographyOptions),

package/build/components/oa-component-toggle/CustomToggle.js

@@ -64,11 +64,10 @@ function CustomToggle(_ref) {
       }
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Switch, _extends({
-    "data-test": dataTest
-    // style={{
-    //   transform: `scale(${size === 'large' ? '1.45' : '1.25'})`,
-    // }}
-    ,
+    "data-test": dataTest,
+    style: {
+      transform: "scale(".concat(size === 'large' ? '1.45' : '1.25', ")")
+    },
     checkedChildren: checkedLabel,
     unCheckedChildren: uncheckedLabel,
     disabled: disabled,

package/build/widgets/oa-widget-add-spare-part/AddSparePartWidget.js

@@ -15,7 +15,7 @@ var _antd = require("antd");
 var _CustomDrawer = _interopRequireDefault(require("../../components/oa-component-drawer/CustomDrawer"));
 var _Typography = _interopRequireDefault(require("../../components/oa-component-typography/Typography"));
 var _styles = require("./styles");
-const _excluded = ["data-test", "onClose", "onSave", "addedSpareList", "allSpareList", "open"];
+const _excluded = ["onClose", "onSave", "addedSpareList", "allSpareList", "open"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -24,7 +24,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 AddSparePartWidget(_ref) {
   let {
-      'data-test': dataTest,
       onClose,
       onSave,
       addedSpareList,
@@ -45,15 +44,13 @@ function AddSparePartWidget(_ref) {
     form.validateFields({
       validateOnly: true
     }).then(values => {
-      // console.log(values);
-
       // This flag tells us if a submittable field is present in the form or not.
       let submittableFieldPresent = false;
 
       // Iterating over the parts that have been selected
       selectedParts.forEach(selectedPart => {
         // This means that the selectedPart is already added and not submittable.
-        if (addedSpareList.some(addedSpare => addedSpare.id === selectedPart)) {
+        if (addedSpareList.some(addedSpare => addedSpare.scopeId === selectedPart)) {
           return;
         }
         submittableFieldPresent = true;
@@ -69,23 +66,23 @@ function AddSparePartWidget(_ref) {
   (0, _react.useEffect)(() => {
     const newValueForDisabledParts = {};
     allSpareList.forEach(spare => {
-      newValueForDisabledParts[spare.id] = false;
+      newValueForDisabledParts[spare.scopeId] = false;
     });
     form.resetFields();
     const selectedArray = [];
     addedSpareList.forEach(spare => {
-      selectedArray.push(spare.id);
+      selectedArray.push(spare.scopeId);
     });
     setSelectedParts(selectedArray);
   }, [addedSpareList, allSpareList]);
   const handleSave = () => {
     const formValues = form.getFieldsValue();
-    const formArray = selectedParts.filter(selectedPart => !addedSpareList.some(addedSpare => addedSpare.id === selectedPart)).map(selectedPart => ({
-      id: selectedPart,
-      partName: allSpareList.find(spare => spare.id === selectedPart).partName,
-      partPrice: formValues["partPrice-".concat(selectedPart)],
-      partDiscount: formValues["partDiscount-".concat(selectedPart)],
-      partHsnCode: formValues["partHsnCode-".concat(selectedPart)]
+    const formArray = selectedParts.filter(selectedPart => !addedSpareList.some(addedSpare => addedSpare.scopeId === selectedPart)).map(selectedPart => ({
+      scopeId: selectedPart,
+      scopeName: allSpareList.find(spare => spare.scopeId === selectedPart).scopeName,
+      cost: formValues["cost-".concat(selectedPart)],
+      discount: formValues["discount-".concat(selectedPart)],
+      hsnId: formValues["hsnId-".concat(selectedPart)]
     }));
 
     // Call to `onSave` callback received from props.
@@ -94,106 +91,98 @@ function AddSparePartWidget(_ref) {
   };
   const dataSource = allSpareList.map(spare => {
     // If the spare is already added, all its fields are disabled.
-    if (addedSpareList.some(addedSpare => addedSpare.id === spare.id)) {
-      const partObject = addedSpareList.find(correctSpare => correctSpare.id === spare.id);
+    if (addedSpareList.some(addedSpare => addedSpare.scopeId === spare.scopeId)) {
+      const partObject = addedSpareList.find(correctSpare => correctSpare.scopeId === spare.scopeId);
       return {
-        key: spare.id,
-        partName: spare.partName,
-        partPrice: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-          name: "partPrice-".concat(spare.id),
+        key: spare.scopeId,
+        scopeName: spare.scopeName,
+        cost: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          name: "cost-".concat(spare.scopeId),
           rules: [{
-            required: selectedParts.includes(spare.id),
+            required: selectedParts.includes(spare.scopeId),
             message: ''
             // message: 'Enter the discount value.',
           }],
 
-          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.partPrice
+          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.cost
         }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-          type: "number",
           prefix: "\u20B9",
-          disabled: true,
-          "data-test": dataTest ? "".concat(dataTest, "--part-price-").concat(spare.id) : undefined
+          disabled: true
+          // value={}
         })),
-        partDiscount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-          name: "partDiscount-".concat(spare.id),
+
+        discount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          name: "discount-".concat(spare.scopeId),
           rules: [{
             required: true,
             message: ''
             // message: 'Enter the discount value.',
           }],
 
-          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.partDiscount
+          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.discount
         }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-          type: "number",
           prefix: "\u20B9",
-          disabled: true,
-          "data-test": dataTest ? "".concat(dataTest, "--part-discount-").concat(spare.id) : undefined
+          disabled: true
         })),
-        partHsnCode: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-          name: "partHsnCode-".concat(spare.id),
+        hsnId: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+          name: "hsnId-".concat(spare.scopeId),
           rules: [{
             required: true,
             message: ''
             // message: 'Enter the discount value.',
           }],
 
-          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.partHsnCode
+          initialValue: partObject === null || partObject === void 0 ? void 0 : partObject.hsnId
         }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-          disabled: true,
-          "data-test": dataTest ? "".concat(dataTest, "--part-hsn-code-").concat(spare.id) : undefined
+          disabled: true
         }))
       };
     }
     return {
-      key: spare.id,
-      partName: spare.partName,
-      partPrice: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-        name: "partPrice-".concat(spare.id),
+      key: spare.scopeId,
+      scopeName: spare.scopeName,
+      cost: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "cost-".concat(spare.scopeId),
         rules: [{
-          required: selectedParts.includes(spare.id),
+          required: selectedParts.includes(spare.scopeId),
           message: ''
           // message: 'Enter the discount value.',
         }],
 
         initialValue: ""
       }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-        disabled: !selectedParts.includes(spare.id),
-        prefix: "\u20B9",
-        type: "number",
-        "data-test": dataTest ? "".concat(dataTest, "--part-price-").concat(spare.id) : undefined
+        disabled: !selectedParts.includes(spare.scopeId),
+        prefix: "\u20B9"
       })),
-      partDiscount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-        name: "partDiscount-".concat(spare.id),
+      discount: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "discount-".concat(spare.scopeId),
         rules: [{
-          required: selectedParts.includes(spare.id),
+          required: selectedParts.includes(spare.scopeId),
           message: ''
           // message: 'Enter the discount value.',
         }],
 
         initialValue: ""
       }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-        disabled: !selectedParts.includes(spare.id),
-        prefix: "\u20B9",
-        type: "number",
-        "data-test": dataTest ? "".concat(dataTest, "--part-discount-").concat(spare.id) : undefined
+        disabled: !selectedParts.includes(spare.scopeId),
+        prefix: "\u20B9"
       })),
-      partHsnCode: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-        name: "partHsnCode-".concat(spare.id),
+      hsnId: /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+        name: "hsnId-".concat(spare.scopeId),
         rules: [{
-          required: selectedParts.includes(spare.id),
+          required: selectedParts.includes(spare.scopeId),
           message: ''
           // message: 'Enter the discount value.',
         }],
 
         initialValue: ""
       }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-        disabled: !selectedParts.includes(spare.id),
-        "data-test": dataTest ? "".concat(dataTest, "--part-hsn-code-").concat(spare.id) : undefined
+        disabled: !selectedParts.includes(spare.scopeId)
       }))
     };
   });
   return /*#__PURE__*/_react.default.createElement(_CustomDrawer.default, _extends({
-    "data-test": dataTest ? "".concat(dataTest, "--drawer") : undefined,
+    destroyOnClose: true,
     onClose: onClose,
     open: open,
     placement: "right",
@@ -203,8 +192,7 @@ function AddSparePartWidget(_ref) {
       disabled: !submittable,
       callback: handleSave,
       label: 'Save',
-      type: 'primary',
-      'data-test': dataTest ? "".concat(dataTest, "--save-button") : undefined
+      type: 'primary'
     }],
     bodyStyle: {
       padding: '0px'
@@ -223,35 +211,34 @@ function AddSparePartWidget(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_styles.StyledForm, {
     form: form
   }, /*#__PURE__*/_react.default.createElement(_antd.Table, {
-    "data-test": dataTest ? "".concat(dataTest, "--table") : undefined,
     columns: [{
       title: '',
-      dataIndex: 'partName',
-      key: 'partName',
+      dataIndex: 'scopeName',
+      key: 'scopeName',
       width: '20%'
     }, {
       title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
         color: "placeholder-text",
         typography: "type-sl1-700"
       }, "Spare part price (without gst)"),
-      dataIndex: 'partPrice',
-      key: 'partPrice',
+      dataIndex: 'cost',
+      key: 'cost',
       width: '30%'
     }, {
       title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
         color: "placeholder-text",
         typography: "type-sl1-700"
       }, "discount (without Gst)"),
-      dataIndex: 'partDiscount',
-      key: 'partDiscount',
+      dataIndex: 'discount',
+      key: 'discount',
       width: '30%'
     }, {
       title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
         color: "placeholder-text",
         typography: "type-sl1-700"
       }, "hsn code"),
-      dataIndex: 'partHsnCode',
-      key: 'partHsnCode',
+      dataIndex: 'hsnId',
+      key: 'hsnId',
       width: '20%'
     }],
     dataSource: dataSource,
@@ -263,14 +250,14 @@ function AddSparePartWidget(_ref) {
       onChange: selectedRowKeys => {
         const removedKeys = selectedParts.filter(part => !selectedRowKeys.includes(part));
         removedKeys.forEach(row => {
-          form.setFieldValue("partHsnCode-".concat(row), '');
-          form.setFieldValue("partDiscount-".concat(row), '');
-          form.setFieldValue("partPrice-".concat(row), '');
+          form.setFieldValue("hsnId-".concat(row), '');
+          form.setFieldValue("discount-".concat(row), '');
+          form.setFieldValue("cost-".concat(row), '');
         });
         let submittableFieldPresent = false;
         selectedRowKeys.forEach(selectedPart => {
           // This part is not already added, so it can be submitted.
-          if (!addedSpareList.some(addedSpare => addedSpare.id === selectedPart)) {
+          if (!addedSpareList.some(addedSpare => addedSpare.scopeId === selectedPart)) {
             submittableFieldPresent = true;
           }
         });
@@ -278,32 +265,29 @@ function AddSparePartWidget(_ref) {
         setSelectedParts(selectedRowKeys);
       },
       getCheckboxProps: record => ({
-        'data-test': dataTest ? "".concat(dataTest, "--part-select-").concat(record.key) : undefined,
-        disabled: addedSpareList.some(spare => spare.id === record.key),
-        name: record.partName
+        disabled: addedSpareList.some(spare => spare.scopeId === record.key),
+        scopeName: record.scopeName
       })
     },
     sticky: true
   }))));
 }
 AddSparePartWidget.propTypes = {
-  'data-test': _propTypes.default.string,
   onClose: _propTypes.default.func.isRequired,
   onSave: _propTypes.default.func.isRequired,
   open: _propTypes.default.bool,
   addedSpareList: _propTypes.default.arrayOf(_propTypes.default.shape({
-    partName: _propTypes.default.string,
-    partDiscount: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    partPrice: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-    partHsnCode: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+    scopeName: _propTypes.default.string,
+    discount: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    cost: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    hsnId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
   })),
   allSpareList: _propTypes.default.arrayOf(_propTypes.default.shape({
-    partName: _propTypes.default.string.isRequired,
-    id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired
+    scopeName: _propTypes.default.string.isRequired,
+    scopeId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired
   }))
 };
 AddSparePartWidget.defaultProps = {
-  'data-test': null,
   addedSpareList: [],
   allSpareList: [],
   open: true

package/build/widgets/oa-widget-view-previous-description/ViewPreviousDescriptionWidget.js

@@ -24,7 +24,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 ViewPreviousDescriptionWidget(_ref) {
-  var _translatedText$, _translatedText$2, _currentDescription$d;
+  var _translatedText$;
   let {
       currentDescription,
       'data-test': dataTest,
@@ -109,7 +109,7 @@ function ViewPreviousDescriptionWidget(_ref) {
   , {
     "data-test": dataTest ? "".concat(dataTest, "--current-description") : undefined,
     typography: "type-b2-400"
-  }, "".concat(isTranslationOn && ((_translatedText$ = translatedText[0]) === null || _translatedText$ === void 0 ? void 0 : _translatedText$.length) > 0 ? (_translatedText$2 = translatedText[0]) !== null && _translatedText$2 !== void 0 ? _translatedText$2 : 'No description submitted yet.' : (_currentDescription$d = currentDescription.description) !== null && _currentDescription$d !== void 0 ? _currentDescription$d : 'No description submitted yet.')), currentDescription.dateSubmitted && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, "".concat(isTranslationOn && ((_translatedText$ = translatedText[0]) === null || _translatedText$ === void 0 ? void 0 : _translatedText$.length) > 0 ? translatedText[0] : currentDescription.description)), currentDescription.dateSubmitted && /*#__PURE__*/_react.default.createElement(_Typography.default, {
     color: "secondary-content",
     typography: "type-b2-400"
   }, "Updated on:", ' ', "".concat(currentDescription.dateSubmitted))))), /*#__PURE__*/_react.default.createElement(_styles.Container, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.17.46",
+  "version": "0.17.47",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",

package/build/components/GridSystem.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = GridSystem;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-require("./grid-system.css");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3;
-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) } })); }
-function GridSystem(_ref) {
-  let {
-    children,
-    isFluid
-  } = _ref;
-  const BasicGrid = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: grid;\n    /* \n    Small breakpoint: 4 columns.\n    */\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n\n    /* \n    Medium breakpoint: 8 columns.\n    */\n    @media screen and (min-width: 768px) {\n        grid-template-columns: repeat(8, 1fr);\n        gap: 16px;\n    }\n\n    /* \n    Large breakpoint : 12 columns.\n    */\n    @media screen and (min-width: 992px) {\n        grid-template-columns: repeat(12, 1fr);\n        gap: 24px;\n    }\n\n    /* \n    Extra Large breakpoint: 12 columns.\n    */\n    @media screen and (min-width: 1200px) {\n        grid-template-columns: repeat(12, 1fr);\n        gap: 24px;\n    }\n  "])));
-  let FluidOrFixedGrid;
-  if (isFluid) {
-    FluidOrFixedGrid = (0, _styledComponents.default)(BasicGrid)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        width: 100%;\n    "])));
-  } else {
-    FluidOrFixedGrid = (0, _styledComponents.default)(BasicGrid)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin: 0 16px;\n\n        /* \n        Medium breakpoint: 8 columns.\n        */\n        @media screen and (min-width: 768px) {\n            margin: 0 32px;\n        }\n\n        /* \n        Large breakpoint : 12 columns.\n        */\n        @media screen and (min-width: 992px) {\n            margin: 0 32px;\n        }\n\n        /* \n        Extra Large breakpoint: 12 columns.\n        */\n        @media screen and (min-width: 1200px) {\n            width: 1128px;\n            margin: 0 auto;\n        }        \n    "])));
-  }
-  return /*#__PURE__*/_react.default.createElement(FluidOrFixedGrid, null, children);
-}
-GridSystem.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  isFluid: _propTypes.default.bool
-};
-GridSystem.defaultProps = {
-  isFluid: false
-};

package/build/components/grid-system.css

@@ -1,205 +0,0 @@
-/* 
-Small breakpoint. 
-
-On small screens, there are only 4 columns, so an element can take 4 columns at max.
-*/
-.col-s-1 {
-    /* No start or end defined. Span 1 columns. */
-    grid-column: span 1 / auto;
-}
-
-.col-s-2 {
-    /* No start or end defined. Span 2 columns. */
-    grid-column: span 2 / auto;
-}
-
-.col-s-3 {
-/* No start or end defined. Span 3 columns. */
-    grid-column: span 3 / auto;
-}
-
-.col-s-4 {
-    /* No start or end defined. Span 4 columns. */
-    grid-column: span 4 / auto;
-}
-
-/* 
-Medium breakpoint.
-
-On medium screens, there are 8 columns, so an element can take 8 columns at max.
-*/
-@media screen and (min-width: 768px) {
-    .col-m-1 {
-    /* No start or end defined. Span 1 columns. */
-        grid-column: span 1 / auto;
-    }
-
-    .col-m-2 {
-        /* No start or end defined. Span 2 columns. */
-        grid-column: span 2 / auto;
-    }
-
-    .col-m-3 {
-        /* No start or end defined. Span 3 columns. */
-        grid-column: span 3 / auto;
-    }
-
-    .col-m-4 {
-        /* No start or end defined. Span 4 columns. */
-        grid-column: span 4 / auto;
-    }
-
-    .col-m-5 {
-        /* No start or end defined. Span 5 columns. */
-        grid-column: span 5 / auto;
-    }
-
-    .col-m-6 {
-        /* No start or end defined. Span 6 columns. */
-        grid-column: span 6 / auto;
-    }
-
-    .col-m-7 {
-        /* No start or end defined. Span 7 columns. */
-        grid-column: span 7 / auto;
-    }
-
-    .col-m-8 {
-        /* No start or end defined. Span 8 columns. */
-        grid-column: span 8 / auto;
-    }
-}
-
-/* 
-Large breakpoint. 
-
-On large screens, there are 12 columns, so an element can take 12 columns at max.
-*/
-@media screen and (min-width: 992px) {
-    .col-l-1 {
-    /* No start or end defined. Span 1 columns. */
-        grid-column: span 1 / auto;
-    }
-
-    .col-l-2 {
-        /* No start or end defined. Span 2 columns. */
-        grid-column: span 2 / auto;
-    }
-
-    .col-l-3 {
-        /* No start or end defined. Span 3 columns. */
-        grid-column: span 3 / auto;
-    }
-
-    .col-l-4 {
-        /* No start or end defined. Span 4 columns. */
-        grid-column: span 4 / auto;
-    }
-
-    .col-l-5 {
-        /* No start or end defined. Span 5 columns. */
-        grid-column: span 5 / auto;
-    }
-
-    .col-l-6 {
-    /* No start or end defined. Span 6 columns. */
-        grid-column: span 6 / auto;
-    }
-
-    .col-l-7 {
-        /* No start or end defined. Span 7 columns. */
-        grid-column: span 7 / auto;
-    }
-
-    .col-l-8 {
-        /* No start or end defined. Span 8 columns. */
-        grid-column: span 8 / auto;
-    }
-
-    .col-l-9 {
-        /* No start or end defined. Span 9 columns. */
-        grid-column: span 9 / auto;
-    }
-
-    .col-l-10 {
-        /* No start or end defined. Span 10 columns. */
-        grid-column: span 10 / auto;
-    }
-
-    .col-l-11 {
-        /* No start or end defined. Span 11 columns. */
-        grid-column: span 11 / auto;
-    }
-
-    .col-l-12 {
-        /* No start or end defined. Span 12 columns. */
-        grid-column: span 12 / auto;
-    }
-}
-
-/* 
-Extra Large breakpoint. 
-
-On extra large screens, there are 12 columns, so an element can take 12 columns at max.
-*/
-@media screen and (min-width: 1200px) {
-    .col-xl-1 {
-        /* No start or end defined. Span 1 columns. */
-        grid-column: span 1 / auto;
-    }
-
-    .col-xl-2 {
-        /* No start or end defined. Span 2 columns. */
-        grid-column: span 2 / auto;
-    }
-
-    .col-xl-3 {
-    /* No start or end defined. Span 3 columns. */
-        grid-column: span 3 / auto;
-    }
-
-    .col-xl-4 {
-        /* No start or end defined. Span 4 columns. */
-        grid-column: span 4 / auto;
-    }
-
-    .col-xl-5 {
-    /* No start or end defined. Span 5 columns. */
-        grid-column: span 5 / auto;
-    }
-
-    .col-xl-6 {
-        /* No start or end defined. Span 6 columns. */
-        grid-column: span 6 / auto;
-    }
-
-    .col-xl-7 {
-        /* No start or end defined. Span 7 columns. */
-        grid-column: span 7 / auto;
-    }
-
-    .col-xl-8 {
-        /* No start or end defined. Span 8 columns. */
-        grid-column: span 8 / auto;
-    }
-
-    .col-xl-9 {
-        /* No start or end defined. Span 9 columns. */
-        grid-column: span 9 / auto;
-    }
-
-    .col-xl-10 {
-        /* No start or end defined. Span 10 columns. */
-        grid-column: span 10 / auto;
-    }
-
-    .col-xl-11 {
-        /* No start or end defined. Span 11 columns. */
-        grid-column: span 11 / auto;
-    }
-
-    .col-xl-12 {
-        /* No start or end defined. Span 12 columns. */
-        grid-column: span 12 / auto;
-    }
-}