sag_components 1.0.643 → 1.0.645

package/.history/package_20231122100718.json

@@ -1,77 +0,0 @@
-{
-  "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

@@ -1,82 +0,0 @@
-{
-  "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

@@ -1,82 +0,0 @@
-{
-  "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/CampaignTool/PopupContent.stories.js

@@ -1,284 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ExamplePopupContent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PopupContent = _interopRequireDefault(require("../components/CampaignTool/PopupContent"));
-const FieldsDataRow1 = [{
-  name: "FundationSource",
-  label: "Fundation Source",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Source",
-  dropdownOptions: [{
-    value: 1,
-    label: "Source 1"
-  }, {
-    value: 2,
-    label: "Source 2"
-  }, {
-    value: 3,
-    label: "Source 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "Category",
-  label: "Category",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Category",
-  dropdownOptions: [{
-    value: 1,
-    label: "Category 1"
-  }, {
-    value: 2,
-    label: "Category 2"
-  }, {
-    value: 3,
-    label: "Category 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "Supplier",
-  label: "Supplier",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Supplier",
-  dropdownOptions: [{
-    value: 1,
-    label: "Supplier 1"
-  }, {
-    value: 2,
-    label: "Supplier 2"
-  }, {
-    value: 3,
-    label: "Supplier 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "ContactName",
-  label: "Contact Name",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Contact Name",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}];
-const FieldsDataRow2 = [{
-  name: "BrandName",
-  label: "Brand Name",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Brand",
-  dropdownOptions: [{
-    value: 1,
-    label: "Brand 1"
-  }, {
-    value: 2,
-    label: "Brand 2"
-  }, {
-    value: 3,
-    label: "Brand 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "Budget",
-  label: "Budget",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Budget",
-  dropdownOptions: [{
-    value: 1,
-    label: "Budget 1"
-  }, {
-    value: 2,
-    label: "Budget 2"
-  }, {
-    value: 3,
-    label: "Budget 3"
-  }],
-  dropdownDefaultValue: {
-    value: 1,
-    label: "Budget 1"
-  }
-}, {
-  name: "CategoryManager",
-  label: "Category Manager",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Category Manager",
-  dropdownOptions: [{
-    value: 1,
-    label: "Category Manager 1"
-  }, {
-    value: 2,
-    label: "Category Manager 2"
-  }, {
-    value: 3,
-    label: "Category Manager 3"
-  }],
-  dropdownDefaultValue: {
-    value: 3,
-    label: "Category Manager 3"
-  }
-}, {
-  name: "ContactEmail",
-  label: "Contact Email",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Contact Email",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}];
-const FieldsDataRow3 = [{
-  name: "Broker",
-  label: "Broker",
-  disabled: false,
-  required: false,
-  inputType: "dropdown",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Select Broker",
-  dropdownOptions: [{
-    value: 1,
-    label: "Broker 1"
-  }, {
-    value: 2,
-    label: "Broker 2"
-  }, {
-    value: 3,
-    label: "Broker 3"
-  }],
-  dropdownDefaultValue: null
-}, {
-  name: "SupplierOfferID",
-  label: "Supplier Offer ID",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Supplier Offer ID",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}, {
-  name: "VendorID",
-  label: "Vendor ID",
-  disabled: false,
-  required: false,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Vendor ID",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}, {
-  name: "ContactPhone",
-  label: "Contact Phone",
-  disabled: false,
-  required: true,
-  inputType: "textbox",
-  //aviliable values: textbox | dropdown | checkBox | datepicker
-  showInfo: true,
-  infoText: "This is one of the Popup content's fields",
-  placeHolder: "Enter Contact Phone",
-  dropdownOptions: null,
-  dropdownDefaultValue: null
-}];
-const RowsData1 = [{
-  fieldsArray: FieldsDataRow1
-}, {
-  fieldsArray: FieldsDataRow2
-}, {
-  fieldsArray: FieldsDataRow3
-}];
-var _default = exports.default = {
-  title: "Campaign Tool/PopupContent",
-  component: _PopupContent.default,
-  tags: ["autodocs"],
-  argTypes: {
-    FieldsData: {
-      name: "FieldsData",
-      control: {
-        type: "object"
-      },
-      description: " object: to fill kpi columns and buttons "
-    },
-    width: {
-      name: "width",
-      control: {
-        type: "text"
-      },
-      description: "width of the control (in px / %)"
-    },
-    height: {
-      name: "height",
-      control: {
-        type: "text"
-      },
-      description: "height of the control (in px / % )"
-    },
-    onClick: {
-      action: "onClick",
-      description: "onClick event - returns an object of check box {true/false} "
-    },
-    onChange: {
-      action: "onChange",
-      description: "onChange event  "
-    },
-    borderColor: {
-      name: "borderColor",
-      description: "Sets the border color",
-      control: {
-        type: "color",
-        presetColors: ["#ffffff", "#ff0000", "#00ff00", "#0000ff"]
-      }
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_PopupContent.default, args);
-const ExamplePopupContent = exports.ExamplePopupContent = Template.bind({});
-ExamplePopupContent.args = {
-  rowsData: RowsData1,
-  borderColor: "#066768",
-  width: "100%",
-  height: "100%"
-};

package/dist/stories/components/FilterButton.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FilterButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _FilterButton = require("./FilterButton.style");
-var _FilterIcon = require("./icons/FilterIcon");
-const FilterButton = props => {
-  const {
-    color,
-    activeColor,
-    height,
-    buttonText,
-    iconWidth,
-    iconHeight,
-    disabled,
-    openState,
-    onButtonClick
-  } = props;
-  const [activeState, setActiveState] = (0, _react.useState)(openState);
-  const onClickHandler = event => {
-    onButtonClick(event);
-    setActiveState(!activeState);
-  };
-  return /*#__PURE__*/_react.default.createElement(_FilterButton.FilterButtonWrapper, {
-    height: height,
-    color: activeState ? activeColor : color,
-    disabled: disabled,
-    onClick: event => {
-      onClickHandler(event);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_FilterIcon.FilterIcon, {
-    width: iconWidth,
-    height: iconHeight,
-    color: activeState ? activeColor : color
-  }), /*#__PURE__*/_react.default.createElement(_FilterButton.SpanText, null, buttonText));
-};
-exports.FilterButton = FilterButton;
-var _default = exports.default = FilterButton;
-FilterButton.defaultProps = {
-  buttonText: 'Filter',
-  height: '40px',
-  color: '#212121',
-  activeColor: '#229E38',
-  iconHeight: 12,
-  iconWidth: 12,
-  openState: false,
-  disabled: false,
-  onButtonClick: () => {}
-};

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

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SpanText = exports.FilterButtonWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject, _templateObject2;
-const FilterButtonWrapper = exports.FilterButtonWrapper = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 18px;\n  color: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background: transparent;\n  transition: box-shadow 0.3s ease;\n  &:hover, &:focus {\n    cursor: pointer;\n    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);\n  }\n"])), props => props.height, props => props.color, props => props.color);
-const SpanText = exports.SpanText = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n"])));