sag_components 1.0.368 → 1.0.370

package/dist/stories/components/Dropdown.js

@@ -33,7 +33,7 @@ var checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default, {
  */
 var Dropdown = exports.Dropdown = function Dropdown(_ref) {
   var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '100%' : _ref$width,
+    width = _ref$width === void 0 ? "100%" : _ref$width,
     size = _ref.size,
     text = _ref.text,
     shape = _ref.shape,
@@ -46,18 +46,24 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     onChange = _ref.onChange,
     onInputChange = _ref.onInputChange,
     _ref$labelColor = _ref.labelColor,
-    labelColor = _ref$labelColor === void 0 ? '#1B30AA' : _ref$labelColor,
+    labelColor = _ref$labelColor === void 0 ? "#1B30AA" : _ref$labelColor,
     required = _ref.required,
     inputRef = _ref.inputRef,
     defaultValue = _ref.defaultValue,
     _ref$allowedInput = _ref.allowedInput,
-    allowedInput = _ref$allowedInput === void 0 ? 'all' : _ref$allowedInput,
+    allowedInput = _ref$allowedInput === void 0 ? "all" : _ref$allowedInput,
     _ref$reset = _ref.reset,
     reset = _ref$reset === void 0 ? false : _ref$reset,
     _ref$disableClearable = _ref.disableClearable,
     disableClearable = _ref$disableClearable === void 0 ? false : _ref$disableClearable,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$dropdownListfont = _ref.dropdownListfontSize,
+    dropdownListfontSize = _ref$dropdownListfont === void 0 ? "14px" : _ref$dropdownListfont,
+    _ref$inputLabelFontSi = _ref.inputLabelFontSize,
+    inputLabelFontSize = _ref$inputLabelFontSi === void 0 ? "16px" : _ref$inputLabelFontSi,
+    _ref$placeHolderFontS = _ref.placeHolderFontSize,
+    placeHolderFontSize = _ref$placeHolderFontS === void 0 ? "14px" : _ref$placeHolderFontS;
   /**
    *  SAG Dropdown
    */
@@ -89,60 +95,114 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
       MuiFormLabel: {
         styleOverrides: {
           asterisk: {
-            color: '#db3131'
+            color: "#db3131"
           }
         }
       }
     }
   });
 
-  // defines shape: squire or round
-  var getTextFieldStyle = function getTextFieldStyle() {
-    if (shape === 'round') {
+  // Single Text Style
+  var getTextFieldStyleSingle = function getTextFieldStyleSingle() {
+    if (shape === "round") {
       // round
       return {
-        '& .MuiOutlinedInput-root': {
-          borderRadius: '12px',
+        "& .MuiOutlinedInput-root": {
+          borderRadius: "12px",
           legend: {
-            marginLeft: '10px'
+            marginLeft: "10px"
           }
         },
-        '& .MuiAutocomplete-inputRoot': {
-          paddingLeft: '10px !important',
-          borderRadius: '12px',
+        "& .MuiAutocomplete-inputRoot": {
+          paddingLeft: "10px !important",
+          borderRadius: "12px",
           // This matches the specificity of the default styles at https://github.com/mui-org/material-ui/blob/v4.11.3/packages/material-ui-lab/src/Autocomplete/Autocomplete.js#L90
           '&[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input:first-of-type': {
             // Default left padding is 6px
-            paddingLeft: '10px'
+            paddingLeft: "10px"
           },
-          '& .MuiOutlinedInput-notchedOutline': {
-            borderColor: '#E7E7E7'
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: "#E7E7E7"
           },
-          '&:hover .MuiOutlinedInput-notchedOutline': {
-            borderColor: disabled ? '#E7E7E7' : labelColor
+          "&:hover .MuiOutlinedInput-notchedOutline": {
+            borderColor: disabled ? "#E7E7E7" : labelColor
           },
-          '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
-            borderColor: disabled ? '#E7E7E7' : labelColor
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            borderColor: disabled ? "#E7E7E7" : labelColor
           }
         },
-        '& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)': {
+        "& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)": {
           // Default transform is "translate(14px, 20px) scale(1)""
           // This lines up the label with the initial cursor position in the input
           // after changing its padding-left.
-          transform: 'translate(14px, 18px) scale(1);',
-          fontSize: '14px',
-          color: disabled ? '#E7E7E7' : currentInputValue && currentInputValue.length > 0 ? '#212121' : '#757575'
+          transform: "translate(14px, 18px) scale(1);",
+          fontSize: "14px",
+          color: disabled ? "#E7E7E7" : currentInputValue && currentInputValue.length > 0 ? "#212121" : "#757575"
         },
-        '& .MuiInputLabel-outlined': {
-          paddingLeft: '10px',
-          color: disabled ? '#E7E7E7' : labelColor,
-          fontSize: '18px'
+        "& .MuiInputLabel-outlined": {
+          paddingLeft: "10px",
+          color: disabled ? "#E7E7E7" : labelColor,
+          fontSize: "18px"
         },
-        '& .MuiInputLabel-shrink': {
-          marginLeft: '1px',
-          paddingLeft: '4px',
-          paddingRight: '6px',
-          background: 'white'
+        "& .MuiInputLabel-shrink": {
+          marginLeft: "1px",
+          paddingLeft: "4px",
+          paddingRight: "6px",
+          background: "white"
+        }
+      };
+    }
+    // square
+    return null;
+  };
+
+  // ---------------------------- Multi Text Style -----------------------------------------
+  var getTextFieldStyleMulti = function getTextFieldStyleMulti() {
+    if (shape === "round") {
+      // round
+      return {
+        "& .MuiOutlinedInput-root": {
+          borderRadius: "12px",
+          legend: {
+            marginLeft: "10px"
+          }
+        },
+        "& .MuiAutocomplete-inputRoot": {
+          paddingLeft: "10px !important",
+          borderRadius: "12px",
+          // This matches the specificity of the default styles at https://github.com/mui-org/material-ui/blob/v4.11.3/packages/material-ui-lab/src/Autocomplete/Autocomplete.js#L90
+          '&[class*="MuiOutlinedInput-root"] .MuiAutocomplete-input:first-of-type': {
+            // Default left padding is 6px
+            paddingLeft: "10px"
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: "#E7E7E7"
+          },
+          "&:hover .MuiOutlinedInput-notchedOutline": {
+            borderColor: disabled ? "#E7E7E7" : labelColor
+          },
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            borderColor: disabled ? "#E7E7E7" : labelColor
+          }
+        },
+        "& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)": {
+          // Default transform is "translate(14px, 20px) scale(1)""
+          // This lines up the label with the initial cursor position in the input
+          // after changing its padding-left.
+          transform: "translate(14px, 18px) scale(1);",
+          fontSize: "14px",
+          color: disabled ? "#E7E7E7" : currentInputValue && currentInputValue.length > 0 ? "#212121" : "#757575"
+        },
+        "& .MuiInputLabel-outlined": {
+          paddingLeft: "10px",
+          color: disabled ? "#E7E7E7" : labelColor,
+          fontSize: "18px"
+        },
+        "& .MuiInputLabel-shrink": {
+          marginLeft: "1px",
+          paddingLeft: "4px",
+          paddingRight: "6px",
+          background: "white"
         }
       };
     }
@@ -180,21 +240,23 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
     var ALPHA_REGEX = /^[a-zA-Z]+$/;
     var ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9-]+$/;
     switch (allowedInput) {
-      case 'all':
+      case "all":
         return true;
-      case 'alpha':
+      case "alpha":
         if (ALPHA_REGEX.test(inputChar)) return true;
         return false;
-      case 'numeric':
+      case "numeric":
         if (NUMERIC_REGEX.test(inputChar)) return true;
         return false;
-      case 'alphaNumeric':
+      case "alphaNumeric":
         if (ALPHA_NUMERIC_REGEX.test(inputChar)) return true;
         return false;
       default:
         return true;
     }
   };
+
+  // --------------------------------------- DROPDOWN SINGLE --------------------------------
   var getAutocompleteSingle = function getAutocompleteSingle() {
     return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
       theme: theme
@@ -231,36 +293,32 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
           label: text,
           inputRef: inputRef || null,
           size: size,
-          sx: getTextFieldStyle(),
+          sx: getTextFieldStyleSingle(),
           placeholder: placeHolder,
           InputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.InputProps), {}, {
             style: {
-              fontSize: '14px',
-              fontFamily: 'Poppins'
+              fontSize: placeHolderFontSize,
+              fontFamily: "Poppins"
             },
             startAdornment: showSearchIcon ? /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
               position: "start"
             }, /*#__PURE__*/_react.default.createElement(_Search.default, {
               fontSize: "medium"
             })) : null
-          }),
-          InputLabelProps: {
-            style: {
-              // color: labelColor,
-              // fontSize: "14px",
-              fontFamily: 'Poppins'
-            }
-          }
+          })
         }));
       },
       ListboxProps: {
         style: {
-          fontSize: '14px',
-          fontFamily: 'Poppins'
+          fontSize: dropdownListfontSize,
+          //default: 14px
+          fontFamily: "Poppins"
         }
       }
     }));
   };
+
+  // --------------------------------------- DROPDOWN MULTI --------------------------------
   var getAutocompleteMulti = function getAutocompleteMulti() {
     return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
       theme: theme
@@ -295,11 +353,6 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
         return /*#__PURE__*/_react.default.createElement("li", props, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
           icon: icon,
           checkedIcon: checkedIcon,
-          style: {
-            marginRight: 8,
-            fontSize: '14px',
-            fontFamily: 'Poppins'
-          },
           checked: selected
         }), option.label);
       },
@@ -307,7 +360,7 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
         return showSearchIcon && (!currentOption || currentOption && currentOption.length === 0) ? /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
           label: text,
           size: size,
-          sx: getTextFieldStyle(),
+          sx: getTextFieldStyleMulti(),
           placeholder: placeHolder,
           onKeyDown: function onKeyDown(event) {
             if (!isInputAllowed(event.key)) {
@@ -318,51 +371,41 @@ var Dropdown = exports.Dropdown = function Dropdown(_ref) {
           required: required,
           InputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.InputProps), {}, {
             style: {
-              fontSize: '14px',
-              fontFamily: 'Poppins'
-            },
-            startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
-              position: "start"
-            }, /*#__PURE__*/_react.default.createElement(_Search.default, {
-              fontSize: "medium"
-            }))
-          }),
-          InputLabelProps: {
-            style: {
-              // color: labelColor,
-              fontSize: '16px',
-              fontFamily: 'Poppins'
+              fontSize: placeHolderFontSize,
+              fontFamily: "Poppins"
             }
-          }
+          })
         })) : /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, params, {
           label: text,
           size: size,
-          sx: getTextFieldStyle(),
+          sx: getTextFieldStyleMulti(),
           placeholder: placeHolder,
+          InputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.InputProps), {}, {
+            style: {
+              fontSize: placeHolderFontSize,
+              fontFamily: "Poppins"
+            }
+          }),
           onKeyDown: function onKeyDown(event) {
             if (!isInputAllowed(event.key)) {
               event.preventDefault();
             }
           },
           inputRef: inputRef || null,
-          required: required,
-          InputLabelProps: {
-            style: {
-              // color: labelColor,
-              fontSize: '16px',
-              fontFamily: 'Poppins'
-            }
-          }
+          required: required
         }));
       },
       ListboxProps: {
         style: {
-          fontSize: '14px',
-          fontFamily: 'Poppins'
+          fontSize: dropdownListfontSize,
+          //default: 14px
+          fontFamily: "Poppins"
         }
       }
     }));
   };
+
+  // --------------------------------- MAIN -------------------------------------
   return /*#__PURE__*/_react.default.createElement(_Dropdown.DropdownContainer, {
     width: width
   }, multiSelect ? getAutocompleteMulti() : getAutocompleteSingle());

package/dist/stories/components/TotalDoughnutChart.js

@@ -115,7 +115,7 @@ var TotalDoughnutChart = exports.TotalDoughnutChart = function TotalDoughnutChar
       style: {
         fontWeight: itemsBoldedValues ? '700' : '500'
       }
-    }, currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, row.value) : '', row.value !== undefined && row.value !== null ? dotCutTrenty(row) : 'No Data', row.value !== undefined && row.value !== null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : '', itemsPercentagesValueAside && " (".concat(Math.round(row.value / value * 100), "%)")))));
+    }, row.value !== undefined && row.value !== null ? dotCutTrenty(row) : 'No Data', row.value !== undefined && row.value !== null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : '', itemsPercentagesValueAside && " (".concat(Math.round(row.value / value * 100), "%)")))));
   })))) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
     noDataText: noDataText
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.368",
+  "version": "1.0.370",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/.history/.env_20231001120613

@@ -1 +0,0 @@
-STORYBOOK_FIGMA_ACCESS_TOKEN=figd_YdAmQQKQ2B6ZngEijA0JiqNNUdJvP23G46NK7-fc

package/.history/.env_20231003143620

@@ -1 +0,0 @@
-STORYBOOK_FIGMA_ACCESS_TOKEN=figd_MOcc8-aS91XJ3mFdtNlH4oPVY73ChHlmw6-hKhsb

package/.history/.eslintrc_20230928112617.js

@@ -1,26 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-  },
-};

package/.history/.eslintrc_20230928130534.js

@@ -1,27 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-  },
-};

package/.history/.eslintrc_20230928133400.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    /*eslint linebreak-style: ["error", "windows"]*/
-  },
-};

package/.history/.eslintrc_20230928133404.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    eslint linebreak-style: ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133416.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    linebreak-style: ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133419.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ["error", "windows"]
-  },
-};

package/.history/.eslintrc_20230928133432.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows']
-  },
-};

package/.history/.eslintrc_20230928133439.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928133458.js

@@ -1,29 +0,0 @@
-/* eslint-disable linebreak-style */
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};

package/.history/.eslintrc_20230928133500.js

@@ -1,28 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  extends: 'airbnb',
-  overrides: [
-    {
-      env: {
-        node: true,
-      },
-      files: [
-        '.eslintrc.{js,cjs}',
-      ],
-      parserOptions: {
-        sourceType: 'script',
-      },
-    },
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  rules: {
-    'max-len': 'off',
-    'linebreak-style': ['error', 'windows'],
-  },
-};