sag_components 1.0.473 → 1.0.475

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/CampaignTool/PageFilterBar.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _NewInput = _interopRequireDefault(require("../NewInput"));
+var _SagInput = _interopRequireDefault(require("../SagInput"));
 var _PageFilterBar = require("./PageFilterBar.style");
 const PageFilterBar = props => {
   const {
     pageHeadline
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_PageFilterBar.BarContainer, null, /*#__PURE__*/_react.default.createElement(_PageFilterBar.Headline, null, pageHeadline), /*#__PURE__*/_react.default.createElement(_NewInput.default, {
+  return /*#__PURE__*/_react.default.createElement(_PageFilterBar.BarContainer, null, /*#__PURE__*/_react.default.createElement(_PageFilterBar.Headline, null, pageHeadline), /*#__PURE__*/_react.default.createElement(_SagInput.default, {
     inputType: "search"
   }));
 };

package/dist/stories/components/SagInput.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SagInput = require("./SagInput.style");
+const SagInput = props => {
+  const {
+    labelText,
+    inputType,
+    showLabel,
+    labelColor,
+    isReauired,
+    onTyping,
+    width,
+    borderRadius
+  } = props;
+  const [inputValue, setInputValue] = (0, _react.useState)('');
+  const handleInputChange = e => {
+    setInputValue(e.target.value);
+    onTyping(e);
+  };
+  return /*#__PURE__*/_react.default.createElement(_SagInput.TextFieldContainer, null, /*#__PURE__*/_react.default.createElement(_SagInput.TextFieldInput, {
+    type: inputType,
+    value: inputValue,
+    onChange: handleInputChange,
+    placeholder: labelText,
+    width: width,
+    borderRadius: borderRadius
+  }), showLabel && /*#__PURE__*/_react.default.createElement(_SagInput.Label, {
+    color: labelColor
+  }, labelText, isReauired && /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: '#D23630'
+    }
+  }, " *")));
+};
+var _default = exports.default = SagInput;
+SagInput.defaultProps = {
+  labelText: '',
+  inputType: 'text',
+  showLabel: true,
+  labelColor: '#1B30AA',
+  isReauired: true,
+  width: '100%',
+  borderRadius: '12px',
+  onTyping: () => {}
+};

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextFieldInput = exports.TextFieldContainer = exports.Label = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3;
+const TextFieldContainer = exports.TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
+const TextFieldInput = exports.TextFieldInput = _styledComponents.default.input(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 14px 10px;\n  font-size: 14px;\n  width: ", ";\n  border: 1px solid #ccc;\n  border-radius: ", ";\n  box-sizing: border-box;\n  &::placeholder {\n    color: #B1B1B1;\n  }\n\n  /* &:focus + label,\n  &:not(:placeholder-shown) + label {\n    top: -8px;\n    font-size: 12px;\n    color: #007bff;\n    background-color: white;\n  } */\n"])), props => props.width, props => props.borderRadius);
+const Label = exports.Label = _styledComponents.default.label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: -8px;\n  left: 12px;\n  color: ", ";\n  pointer-events: none;\n  font-size: 14px;\n  padding: 0 3px;\n  background: white;\n  /* transition: all 0.3s ease; */\n"])), props => props.color);

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

@@ -8,6 +8,6 @@ exports.TextFieldContainer = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-//import './font.css';
+// import './font.css';
 
 const TextFieldContainer = exports.TextFieldContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: ", ";  \n  text-align: left;  \n  position: relative; \n  align-items: flex-start;\n  justify-content: flex-start;\n  font-family: Poppins;  \n  font-size: \"14px\";\n"])), props => props.width);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.473",
+  "version": "1.0.475",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -50,8 +50,8 @@
   "dependencies": {
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.15.8",
-    "@mui/material": "^5.15.7",
+    "@mui/icons-material": "^5.15.10",
+    "@mui/material": "^5.15.10",
     "@mui/x-date-pickers": "^6.18.6",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.10",

package/dist/stories/components/TotalCostModal.js

@@ -1,143 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _CodeEditor = _interopRequireDefault(require("./CodeEditor"));
-var _TextField = _interopRequireDefault(require("./TextField"));
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _reactHookForm = require("react-hook-form");
-var _Modal2 = require("./Modal.style");
-var TotalCostModal = function TotalCostModal(_ref) {
-  var title = _ref.title,
-    isModalOpen = _ref.isModalOpen,
-    setModalOpen = _ref.setModalOpen,
-    setResult = _ref.setResult;
-  var _useState = (0, _react.useState)([{
-      id: "title",
-      label: "Title",
-      type: "text"
-    }, {
-      id: "dotCut",
-      label: "Do Cut",
-      type: "select",
-      options: ["true", "false"]
-    }, {
-      id: "currency",
-      label: "Currency",
-      type: "select",
-      options: ["true", "false"]
-    }, {
-      id: "currencyType",
-      label: "Currency Type",
-      type: "select",
-      options: ["USD", "EUR", "ILS", "GBP", "JPY"]
-    }, {
-      id: "width",
-      label: "Width",
-      type: "text"
-    }, {
-      id: "height",
-      label: "Height",
-      type: "text"
-    }, {
-      id: "textColor",
-      label: "Text Color",
-      type: "text"
-    }, {
-      id: "noDataText",
-      label: "No Data Text",
-      type: "text"
-    }]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    params = _useState2[0],
-    setParams = _useState2[1];
-  var _useState3 = (0, _react.useState)("Select PACKAGE_COST,REDEMPTION_COST,(PACKAGE_COST+REDEMPTION_COST) AS TOTAL_COST,from FACT_EVENT_MEASURES A INNER JOIN DIM_EVENTS B ON A.EVENT_CODE = B.EVENT_CODE"),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    code = _useState4[0],
-    setCode = _useState4[1];
-  var _useForm = (0, _reactHookForm.useForm)(),
-    register = _useForm.register,
-    handleSubmit = _useForm.handleSubmit,
-    watch = _useForm.watch,
-    control = _useForm.control,
-    errors = _useForm.formState.errors;
-  var onSubmit = function onSubmit(data) {
-    return setResult(data);
-  };
-  return /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    isOpen: isModalOpen,
-    onClose: function onClose() {
-      return setModalOpen(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement("h2", null, title), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      gap: "10px",
-      display: "grid"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_CodeEditor.default, {
-    value: code,
-    onChange: setCode
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      gap: "10px",
-      display: "grid",
-      gridTemplateColumns: "auto auto auto"
-    }
-  }, params.map(function (item) {
-    if (item.type === "text") {
-      return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        control: control,
-        name: item.id,
-        render: function render(_ref2) {
-          var field = _ref2.field;
-          return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, field, {
-            allowedInput: "all",
-            height: "100%",
-            label: item.label,
-            multiline: true,
-            placeHolder: "Type...",
-            shape: "round",
-            size: "small",
-            width: "300px"
-          }));
-        }
-      });
-    } else {
-      return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        control: control,
-        name: item.id,
-        render: function render(_ref3) {
-          var field = _ref3.field;
-          return /*#__PURE__*/_react.default.createElement(_Dropdown.default, Object.assign({}, field, {
-            allowedInput: "all",
-            labelColor: "#1B30AA",
-            limitTagsOnMultiSelect: 0,
-            onInputChange: function onInputChange(e) {
-              var _e$inputValue;
-              console.log("e", e);
-              field.onChange((_e$inputValue = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue !== void 0 ? _e$inputValue : "");
-            },
-            options: item.options,
-            placeHolder: "Type...",
-            shape: "round",
-            size: "small",
-            text: item.label,
-            width: "300px"
-          }));
-        }
-      });
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_Modal2.SubmitButton, {
-    type: "submit"
-  })));
-};
-var _default = exports.default = TotalCostModal;