sag_components 1.0.346 → 1.0.348

package/.history/package_20231122100718.json

@@ -0,0 +1,77 @@
+{
+  "name": "sag_components",
+  "version": "1.0.338",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "lint": "eslint .",
+    "build": "cross-env BABEL_ENV=production babel src -d dist  ",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "SAG",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/cli": "^7.23.0",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "babel-preset-react-app": "^10.0.1",
+    "@storybook/addon-designs": "^7.0.5",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-storysource": "^7.4.6",
+    "@storybook/addons": "^7.5.3",
+    "@storybook/blocks": "^7.4.6",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-webpack5": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.8.1",
+    "eslint": "^8.53.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/material": "^5.14.16",
+    "@mui/x-date-pickers": "^6.18.0",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.10",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-css-modules": "^4.7.11",
+    "react-loading-skeleton": "^3.3.1",
+    "recharts": "^2.9.2",
+    "storybook": "^7.4.6",
+    "styled-components": "^5.3.1"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/.history/package_20231128125149.json

@@ -0,0 +1,82 @@
+{
+  "name": "sag_components",
+  "version": "1.0.346",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "lint": "eslint .",
+    "build": "cross-env BABEL_ENV=production babel src -d dist  ",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "SAG",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/cli": "^7.23.0",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "babel-preset-react-app": "^10.0.1",
+    "@storybook/addon-designs": "^7.0.5",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-storysource": "^7.4.6",
+    "@storybook/addons": "^7.5.3",
+    "@storybook/blocks": "^7.4.6",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-webpack5": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.8.1",
+    "eslint": "^8.53.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/material": "^5.14.16",
+    "@mui/x-date-pickers": "^6.18.0",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.10",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-css-modules": "^4.7.11",
+    "react-loading-skeleton": "^3.3.1",
+    "recharts": "^2.9.2",
+    "storybook": "^7.4.6",
+    "styled-components": "^5.3.1"
+  },
+  "bundler": {
+    "exportEntries": ["src/index.ts"],
+    "managerEntries": ["src/manager.ts"],
+    "previewEntries": ["src/preview.ts"]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/.history/package_20231128125208.json

@@ -0,0 +1,82 @@
+{
+  "name": "sag_components",
+  "version": "1.0.346",
+  "description": "",
+  "main": "dist/index.js",
+  "scripts": {
+    "start": "react-scripts start",
+    "lint": "eslint .",
+    "build": "cross-env BABEL_ENV=production babel src -d dist  ",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "SAG",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/cli": "^7.23.0",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "babel-preset-react-app": "^10.0.1",
+    "@storybook/addon-designs": "^7.0.5",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-storysource": "^7.4.6",
+    "@storybook/addons": "^7.5.3",
+    "@storybook/blocks": "^7.4.6",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-webpack5": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "cross-env": "^7.0.3",
+    "css-loader": "^6.8.1",
+    "eslint": "^8.53.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/material": "^5.14.16",
+    "@mui/x-date-pickers": "^6.18.0",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.10",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-css-modules": "^4.7.11",
+    "react-loading-skeleton": "^3.3.1",
+    "recharts": "^2.9.2",
+    "storybook": "^7.4.6",
+    "styled-components": "^5.3.1"
+  },
+  "bundler": {
+    "exportEntries": ["src/index.js"],
+    "managerEntries": ["src/manager.js"],
+    "previewEntries": ["src/preview.js"]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/dist/stories/components/Benchmark.js

@@ -5,38 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Benchmark = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Benchmark = require("./Benchmark.style");
 var _CommonFunctions = require("./CommonFunctions");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _excluded = ["totalValue", "currentValue", "benchmarkValue", "width", "height", "color", "linearGradientColor", "underAvarageColor", "linearGradientUnderAvarageColor", "backgroundColor", "tooltipLabel", "tooltipDirection"];
 /* Benchmark */
-var Benchmark = exports.Benchmark = function Benchmark(_ref) {
-  var _ref$totalValue = _ref.totalValue,
-    totalValue = _ref$totalValue === void 0 ? 100 : _ref$totalValue,
-    _ref$currentValue = _ref.currentValue,
-    currentValue = _ref$currentValue === void 0 ? 60 : _ref$currentValue,
-    benchmarkValue = _ref.benchmarkValue,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 100 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 12 : _ref$height,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#79DB95' : _ref$color,
-    _ref$linearGradientCo = _ref.linearGradientColor,
-    linearGradientColor = _ref$linearGradientCo === void 0 ? '#C3EFD0' : _ref$linearGradientCo,
-    _ref$underAvarageColo = _ref.underAvarageColor,
-    underAvarageColor = _ref$underAvarageColo === void 0 ? '#FD5959' : _ref$underAvarageColo,
-    _ref$linearGradientUn = _ref.linearGradientUnderAvarageColor,
-    linearGradientUnderAvarageColor = _ref$linearGradientUn === void 0 ? '#FDB1B1' : _ref$linearGradientUn,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? '#F2F2F2' : _ref$backgroundColor,
-    _ref$tooltipLabel = _ref.tooltipLabel,
-    tooltipLabel = _ref$tooltipLabel === void 0 ? 'Benchmark' : _ref$tooltipLabel,
-    _ref$tooltipDirection = _ref.tooltipDirection,
-    tooltipDirection = _ref$tooltipDirection === void 0 ? 'top' : _ref$tooltipDirection,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var Benchmark = exports.Benchmark = function Benchmark(props) {
+  var totalValue = props.totalValue,
+    currentValue = props.currentValue,
+    benchmarkValue = props.benchmarkValue,
+    width = props.width,
+    height = props.height,
+    color = props.color,
+    linearGradientColor = props.linearGradientColor,
+    underAvarageColor = props.underAvarageColor,
+    linearGradientUnderAvarageColor = props.linearGradientUnderAvarageColor,
+    backgroundColor = props.backgroundColor,
+    tooltipLabel = props.tooltipLabel,
+    tooltipDirection = props.tooltipDirection;
   var getCurrentValueRectangleWidth = function getCurrentValueRectangleWidth() {
     if (!totalValue) return 0;
     if (currentValue > totalValue) return width;
@@ -118,4 +104,18 @@ var Benchmark = exports.Benchmark = function Benchmark(_ref) {
     left: getBenchmarkLeft()
   }))));
 };
-var _default = exports.default = Benchmark;
+var _default = exports.default = Benchmark;
+Benchmark.defaultProps = {
+  totalValue: 100,
+  currentValue: 60,
+  benchmarkValue: 500,
+  width: 100,
+  height: 12,
+  color: '#79DB95',
+  linearGradientColor: '#C3EFD0',
+  underAvarageColor: '#FD5959',
+  linearGradientUnderAvarageColor: '#FDB1B1',
+  backgroundColor: '#F2F2F2',
+  tooltipLabel: 'Benchmark',
+  tooltipDirection: 'top'
+};

package/dist/stories/components/Button.js

@@ -6,55 +6,50 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Button = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _styles = require("@mui/material/styles");
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _excluded = ["text", "type", "fontFamily", "fontSize", "shape", "size", "height", "width", "disabled", "radius", "textColor", "backgroundColor", "borderColor", "hoverTextColor", "hoverBackgroundColor", "hoverBorderColor", "onClick"];
-var Button = exports.Button = function Button(_ref) {
-  var text = _ref.text,
-    type = _ref.type,
-    fontFamily = _ref.fontFamily,
-    fontSize = _ref.fontSize,
-    shape = _ref.shape,
-    size = _ref.size,
-    height = _ref.height,
-    width = _ref.width,
-    disabled = _ref.disabled,
-    radius = _ref.radius,
-    textColor = _ref.textColor,
-    backgroundColor = _ref.backgroundColor,
-    borderColor = _ref.borderColor,
-    hoverTextColor = _ref.hoverTextColor,
-    hoverBackgroundColor = _ref.hoverBackgroundColor,
-    hoverBorderColor = _ref.hoverBorderColor,
-    _onClick = _ref.onClick,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var Button = exports.Button = function Button(props) {
+  var text = props.text,
+    type = props.type,
+    fontFamily = props.fontFamily,
+    fontSize = props.fontSize,
+    shape = props.shape,
+    size = props.size,
+    height = props.height,
+    width = props.width,
+    disabled = props.disabled,
+    radius = props.radius,
+    textColor = props.textColor,
+    backgroundColor = props.backgroundColor,
+    borderColor = props.borderColor,
+    hoverTextColor = props.hoverTextColor,
+    hoverBackgroundColor = props.hoverBackgroundColor,
+    hoverBorderColor = props.hoverBorderColor,
+    _onClick = props.onClick;
   var getTextColor = function getTextColor() {
-    if (!textColor || textColor == "" || textColor == "none") {
-      //default when parameter was not set
-      if (shape === "contained") {
-        return "white";
-      } else {
-        return "black";
+    if (!textColor || textColor === '' || textColor === 'none') {
+      // default when parameter was not set
+      if (shape === 'contained') {
+        return 'white';
       }
-    } else {
-      return textColor;
+      return 'black';
     }
+    return textColor;
   };
   var theme = (0, _styles.createTheme)({
     typography: {
-      "fontFamily": fontFamily,
-      "fontSize": fontSize
+      fontFamily: fontFamily,
+      fontSize: fontSize
     },
     components: {
       MuiButton: {
         styleOverrides: {
-          root: function root(_ref2) {
-            var ownerState = _ref2.ownerState;
+          root: function root(_ref) {
+            var ownerState = _ref.ownerState;
             return {
-              "&:hover": {
+              '&:hover': {
                 backgroundColor: hoverBackgroundColor,
                 color: hoverTextColor,
                 borderColor: hoverBorderColor
@@ -73,11 +68,11 @@ var Button = exports.Button = function Button(_ref) {
   }, /*#__PURE__*/React.createElement(_Button.default, {
     type: type,
     sx: {
-      minHeight: height ? height : null,
-      maxHeight: height ? height : null,
-      minWidth: width ? width : null,
-      maxWidth: width ? width : null,
-      textTransform: "none",
+      minHeight: height || null,
+      maxHeight: height || null,
+      minWidth: width || null,
+      maxWidth: width || null,
+      textTransform: 'none',
       borderRadius: radius * 0.05,
       color: getTextColor(),
       //  shape === "contained" ? "white" : "black",
@@ -89,10 +84,29 @@ var Button = exports.Button = function Button(_ref) {
     },
     variant: shape,
     size: size,
-    disabled: disabled ? true : false,
+    disabled: !!disabled,
     onClick: function onClick(event) {
       _onClick(event);
     }
   }, text)));
 };
-var _default = exports.default = Button;
+var _default = exports.default = Button;
+Button.defaultProps = {
+  text: '',
+  type: '',
+  fontFamily: '',
+  fontSize: 18,
+  shape: 'contained',
+  size: 'small',
+  height: '50px',
+  width: 'auto',
+  disabled: true,
+  radius: 30,
+  textColor: '#212121',
+  backgroundColor: '#212121',
+  borderColor: '#212121',
+  hoverTextColor: '',
+  hoverBackgroundColor: '',
+  hoverBorderColor: '#212121',
+  onClick: function onClick() {}
+};

package/dist/stories/components/CodeEditor.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactAce = _interopRequireDefault(require("react-ace"));
+require("ace-builds/src-noconflict/mode-mysql");
+require("ace-builds/src-noconflict/theme-monokai");
+require("ace-builds/src-noconflict/ext-language_tools");
+require("ace-builds/src-noconflict/snippets/mysql");
+// CodeEditor.js
+
+var CodeEditor = function CodeEditor(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/_react.default.createElement(_reactAce.default, {
+    style: {
+      height: "200px"
+    },
+    mode: "mysql",
+    theme: "monokai",
+    value: value,
+    onChange: onChange,
+    name: "code-editor",
+    editorProps: {
+      $blockScrolling: true
+    },
+    setOptions: {
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true,
+      enableSnippets: true,
+      showLineNumbers: true,
+      tabSize: 1
+    }
+  });
+};
+var _default = exports.default = CodeEditor;

package/dist/stories/components/CodeEditor.style.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AceEditorContent = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactAce = _interopRequireDefault(require("react-ace"));
+var _templateObject;
+var AceEditorContent = exports.AceEditorContent = (0, _styledComponents.default)(_reactAce.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n    height: 400px;\n"])));

package/dist/stories/components/CommonFunctions.js

@@ -6,16 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.getNumberWithCommas = exports.getFormattedValue = exports.getFormattedUnits = exports.getCurrencySign = void 0;
 var getCurrencySign = exports.getCurrencySign = function getCurrencySign(currencyTypeToConvert, value) {
   if (value === undefined || value === null) {
-    return "";
+    return '';
   }
   if (isNaN(parseFloat(value))) {
-    console.log("getFormattedUnits", num);
-    return "";
+    return '';
   }
-  if (!currencyTypeToConvert) return "";
-  var currencySign = "";
-  var currencyFormatter = new Intl.NumberFormat("en-US", {
-    style: "currency",
+  if (!currencyTypeToConvert) return '';
+  var currencySign = '';
+  var currencyFormatter = new Intl.NumberFormat('en-US', {
+    style: 'currency',
     currency: currencyTypeToConvert
   });
   currencySign = currencyFormatter.format(Math.abs(value)).substring(0, 1);
@@ -23,41 +22,39 @@ var getCurrencySign = exports.getCurrencySign = function getCurrencySign(currenc
 };
 var getFormattedUnits = exports.getFormattedUnits = function getFormattedUnits(num) {
   if (num === undefined || num === null) {
-    return "";
+    return '';
   }
   if (isNaN(parseFloat(num))) {
-    console.log("getFormattedUnits", num);
-    return "";
+    return '';
   }
   if (Math.abs(num) >= 1000000000) {
-    return "B";
+    return 'B';
   }
   if (Math.abs(num) >= 1000000) {
-    return "M";
+    return 'M';
   }
   if (Math.abs(num) >= 1000) {
-    return "K";
+    return 'K';
   }
-  return "";
+  return '';
 };
 var getFormattedValue = exports.getFormattedValue = function getFormattedValue(num) {
   if (num === undefined || num === null) {
     return null;
   }
   if (isNaN(parseFloat(num))) {
-    console.log("getFormattedUnits", num);
     return null;
   }
 
   // if (typeof num === 'number') {
   if (Math.abs(num) >= 1000000000) {
-    return (num / 1000000000).toFixed(1).replace(/\.0$/, "");
+    return (num / 1000000000).toFixed(1).replace(/\.0$/, '');
   }
   if (Math.abs(num) >= 1000000) {
-    return (num / 1000000).toFixed(1).replace(/\.0$/, "");
+    return (num / 1000000).toFixed(1).replace(/\.0$/, '');
   }
   if (Math.abs(num) >= 1000) {
-    return (num / 1000).toFixed(1).replace(/\.0$/, "");
+    return (num / 1000).toFixed(1).replace(/\.0$/, '');
   }
   return num;
   // }
@@ -66,6 +63,6 @@ var getFormattedValue = exports.getFormattedValue = function getFormattedValue(n
 var getNumberWithCommas = exports.getNumberWithCommas = function getNumberWithCommas(x) {
   var param = x.toString();
   var pattern = /(-?\d+)(\d{3})/;
-  while (pattern.test(param)) param = param.replace(pattern, "$1,$2");
+  while (pattern.test(param)) param = param.replace(pattern, '$1,$2');
   return param;
 };