sag_components 1.0.85 → 1.0.86-7.2

package/dist/stories/utils/IconsHandler.js

@@ -0,0 +1,149 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _IconsHandler = require("./IconsHandler.style");
+var _FilterIcon = require("../icons/FilterIcon");
+var _OptionsIcon = require("../icons/OptionsIcon");
+var _DownloadIcon = require("../icons/DownloadIcon");
+var _DocumentIcon = require("../icons/DocumentIcon");
+var _FlyIcon = require("../icons/FlyIcon");
+var _BellIcon = require("../icons/BellIcon");
+var _MaintenanceIcon = require("../icons/MaintenanceIcon");
+var _ExitIcon = require("../icons/ExitIcon");
+var _EyeIcon = require("../icons/EyeIcon");
+var _SearchIcon = require("../icons/SearchIcon");
+const getIcon = (icon, iconHeight, iconWidth, color, disabled, pointer, callBackOnClick) => {
+  const newIconHeight = iconHeight || '12px';
+  const newIconWidth = iconWidth || '12px';
+  const newColor = disabled ? '#D0D0D0' : color || '#212121';
+  switch (icon.toLowerCase()) {
+    case 'filter':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "FilterIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_FilterIcon.FilterIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'options':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "OptionsIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_OptionsIcon.OptionsIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'download':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "DownloadIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_DownloadIcon.DownloadIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'document':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "DocumentIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_DocumentIcon.DocumentIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'fly':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "FlyIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_FlyIcon.FlyIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'bell':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "BellIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_BellIcon.BellIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'maintenance':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "MaintenanceIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_MaintenanceIcon.MaintenanceIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'exit':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "ExitIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_ExitIcon.ExitIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'eye':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "EyeIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_EyeIcon.EyeIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    case 'search':
+      return /*#__PURE__*/_react.default.createElement(_IconsHandler.IconWrapper, {
+        className: "SearchIcon",
+        pointer: pointer,
+        disabled: disabled,
+        onClick: callBackOnClick
+      }, /*#__PURE__*/_react.default.createElement(_SearchIcon.SearchIcon, {
+        height: newIconHeight,
+        width: newIconWidth,
+        color: newColor,
+        onClick: callBackOnClick
+      }));
+    default:
+      return '';
+  }
+};
+exports.getIcon = getIcon;

package/dist/stories/utils/IconsHandler.style.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconWrapper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+const IconWrapper = exports.IconWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-content: center;  \n  padding: 2px;\n  cursor: ", ";\n"])), props => props.disabled ? 'not-allowed' : props.pointer || 'default');

package/dist/stories/utils/regex/Email.regex.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmailRegex = void 0;
+const EmailRegex = exports.EmailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;

package/dist/stories/utils/regex/LatinWithSpaces.regex.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnlyLatinWithSpacesRegex = void 0;
+const OnlyLatinWithSpacesRegex = exports.OnlyLatinWithSpacesRegex = /^[a-z A-Z]{2,}$/;

package/dist/stories/utils/regex/OnlyEnglishLetters.regex.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnlyEnglishLettersRegex = void 0;
+const OnlyEnglishLettersRegex = exports.OnlyEnglishLettersRegex = /^[a-zA-Z]{2,}$/;

package/dist/stories/utils/regex/Phone.regex.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PhoneRegex = void 0;
+const PhoneRegex = exports.PhoneRegex = /^[0-9]{3,10}$/;

package/jest.config.js

@@ -0,0 +1,7 @@
+// jest.config.js
+module.exports = {
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ['<rootDir>/src/setupTests.js'],
+  moduleFileExtensions: ['js', 'jsx'],
+  testMatch: ['<rootDir>/src/**/*.test.{js,jsx}'],
+};

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "sag_components",
-  "version": "1.0.85",
+  "version": "1.0.867.2",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
     "start": "react-scripts start",
+    "test": "jest",
+    "lint": "eslint .",
+    "chromatic": "npm run chromatic",
     "build": "cross-env BABEL_ENV=production babel src -d dist  ",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -13,50 +16,73 @@
   "author": "SAG",
   "license": "ISC",
   "devDependencies": {
-    "@babel/cli": "^7.21.5",
-    "@babel/preset-env": "^7.21.4",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.4",
-    "@storybook/addon-a11y": "^7.0.7",
-    "@storybook/addon-essentials": "^7.0.6",
-    "@storybook/addon-interactions": "^7.0.6",
-    "@storybook/addon-links": "^7.0.6",
-    "@storybook/addon-storysource": "^7.0.7",
-    "@storybook/blocks": "^7.0.6",
+    "@babel/cli": "^7.24.5",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@chromatic-com/storybook": "^1.6.1",
+    "@storybook/addon-designs": "^8.0.3",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-storysource": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/preset-create-react-app": "^8.2.9",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.0.6",
-    "@storybook/react-webpack5": "^7.0.6",
-    "@storybook/testing-library": "^0.0.14-next.2",
-    "babel-plugin-css-modules-transform": "^1.6.2",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-webpack5": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@storybook/theming": "^8.2.9",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.7",
+    "autoprefixer": "^10.4.20",
+    "babel-plugin-react-css-modules": "^5.2.6",
+    "babel-preset-react-app": "^10.0.1",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.2.7",
+    "css-loader": "^6.11.0",
+    "eslint": "^8.56.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-loader": "^8.1.1",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sass": "^1.62.0",
-    "sass-loader": "^10.4.1",
-    "storybook": "^7.0.6",
-    "style-loader": "^2.0.0",
-    "styled-components": "^5.3.10",
-    "typings-for-css-modules-loader": "^1.7.0"
+    "react-scripts": "^5.0.1",
+    "sass": "^1.74.1",
+    "sass-loader": "^13.3.3",
+    "storybook": "^8.2.9",
+    "storybook-addon-designs": "^6.3.1",
+    "style-loader": "^3.3.4",
+    "webpack": "^5.93.0"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.0.8",
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@fontsource/roboto": "^4.5.8",
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/icons-material": "^5.11.16",
-    "@mui/material": "^5.13.0",
-    "@mui/styled-engine-sc": "^5.12.0",
-    "babel-plugin-react-css-modules": "^5.2.6",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@mui/icons-material": "^5.15.16",
+    "@mui/material": "^5.15.16",
+    "@mui/x-date-pickers": "^6.18.6",
+    "@storybook/addons": "^7.6.17",
     "classnames": "^2.3.2",
-    "hoopy": "^0.1.4",
+    "dayjs": "^1.11.10",
+    "moment": "^2.30.1",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-ace": "^10.1.0",
     "react-css-modules": "^4.7.11",
-    "react-scripts": "5.0.1",
-    "recharts": "^2.6.2"
+    "react-hook-form": "^7.46.2",
+    "react-icons": "^5.0.1",
+    "react-loading-skeleton": "^3.3.1",
+    "recharts": "^2.9.2",
+    "storybook": "^8.2.9",
+    "styled-components": "^6.1.11",
+    "webpack": "^5.93.0"
   },
   "browserslist": {
     "production": [
@@ -69,5 +95,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "packageManager": "npm@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

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

@@ -1,7 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = require("styled-components");
-var _templateObject;
-var LatoFont = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  @font-face {\n    font-family: \"Lato\";\n    src: local(\"Lato\"),\n     url(\"./fonts/Lato/Lato-Regular.ttf\") format(\"truetype\");    \n  }\n"])));

package/dist/stories/components/InfoIcon.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.InfoIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var InfoIcon = function InfoIcon(_ref) {
-  var clicked = _ref.clicked;
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: clicked ? "white" : "black",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "feather feather-info"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10"
-  }), /*#__PURE__*/_react.default.createElement("line", {
-    x1: "12",
-    y1: "16",
-    x2: "12",
-    y2: "12"
-  }), /*#__PURE__*/_react.default.createElement("line", {
-    x1: "12",
-    y1: "8",
-    x2: "12",
-    y2: "8"
-  }));
-};
-exports.InfoIcon = InfoIcon;
-var _default = InfoIcon;
-exports.default = _default;