sag_components 1.0.627 → 1.0.629

package/dist/stories/components/FilterPanel.js

@@ -466,7 +466,7 @@ const FilterPanel = props => {
 var _default = exports.default = FilterPanel;
 FilterPanel.defaultProps = {
   availableQuarters: ['Q1-2024'],
-  availableMonths: ['Jan 2024'],
+  availableMonths: ['Jan 2024', 'Feb 2024', 'Mar 2024'],
   fieldsData: [],
   width: '800px',
   height: '600px',

package/dist/stories/components/MonthPopupPicker.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ChervronRightIcon = _interopRequireDefault(require("./icons/ChervronRightIcon"));
-var _ChervronLeftIcon = _interopRequireDefault(require("./icons/ChervronLeftIcon"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
@@ -39,16 +37,6 @@ const MonthPopupPicker = _ref => {
     setSelectedMonth(date);
     onChangeDate(date);
   };
-  const handlePrevMonth = () => {
-    const prevDate = currentStartDate ? new Date(currentStartDate) : new Date();
-    prevDate.setMonth(prevDate.getMonth() - 1);
-    setCurrentStartDate(prevDate);
-  };
-  const handleNextMonth = () => {
-    const nextDate = currentStartDate ? new Date(currentStartDate) : new Date();
-    nextDate.setMonth(nextDate.getMonth() + 1);
-    setCurrentStartDate(nextDate);
-  };
   (0, _react.useEffect)(() => {
     if (value === '' || value === undefined) {
       setSelectedMonth(null);
@@ -58,6 +46,7 @@ const MonthPopupPicker = _ref => {
   }, [value, isOpen]);
   const renderDatePicker = () => {
     const currentDate = currentStartDate || new Date();
+    console.log('currentDate', years.indexOf(currentDate.getFullYear()));
     const startMonth = currentDate.getMonth(); // Get the start month index
     const selectedYear = currentDate.getFullYear();
     const endDate = new Date(selectedYear, 11, 1);
@@ -71,7 +60,7 @@ const MonthPopupPicker = _ref => {
       monthCount++;
     }
     return /*#__PURE__*/_react.default.createElement(DatePickerPopup, null, /*#__PURE__*/_react.default.createElement(DatePickerHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(DatePickerSelect, {
-      defaultValue: years.indexOf(currentDate.getFullYear()),
+      defaultValue: currentDate.getFullYear(),
       onChange: e => {
         const newDate = new Date(currentDate);
         newDate.setFullYear(parseInt(e.target.value, 10));
@@ -82,48 +71,59 @@ const MonthPopupPicker = _ref => {
     }, years.map(year => /*#__PURE__*/_react.default.createElement("option", {
       key: "".concat(year),
       value: "".concat(year)
-    }, year)))), /*#__PURE__*/_react.default.createElement(NavDiv, null, /*#__PURE__*/_react.default.createElement("div", {
-      onClick: handlePrevMonth
-    }, /*#__PURE__*/_react.default.createElement(_ChervronLeftIcon.default, null)), /*#__PURE__*/_react.default.createElement("div", {
-      onClick: handleNextMonth
-    }, /*#__PURE__*/_react.default.createElement(_ChervronRightIcon.default, null)))), /*#__PURE__*/_react.default.createElement(DatePickerCalendar, null, dates.map(date => {
-      if (selectedMonth && date.toLocaleString('default', {
+    }, year))))), /*#__PURE__*/_react.default.createElement(DatePickerCalendar, null, dates.map(date => {
+      const monthYear = "".concat(date.toLocaleString('default', {
         month: 'short'
-      }) === selectedMonth.toLocaleString('default', {
+      }), " ").concat(date.getFullYear());
+      const isAvailableMonth = availableMonths.includes(monthYear);
+      const isDisabled = !isAvailableMonth || date.getMonth() === 0 && date.getFullYear() === 2022;
+      return /*#__PURE__*/_react.default.createElement(DateCell, {
+        key: date.toISOString()
+        // eslint-disable-next-line no-nested-ternary
+        ,
+        className: isDisabled ? 'disable' : selectedMonth && date.getMonth() === selectedMonth.getMonth() && date.getFullYear() === selectedMonth.getFullYear() ? 'selected' : '',
+        onClick: () => !isDisabled && handleDateSelect(date)
+      }, date.toLocaleString('default', {
         month: 'short'
-      })) {
-        return /*#__PURE__*/_react.default.createElement(DateCell, {
-          key: date.toISOString(),
-          className: "selected",
-          onClick: () => handleDateSelect(date)
-        }, date.toLocaleString('default', {
-          month: 'short'
-        }));
-      }
-      if (!availableMonths.includes("".concat(date.toLocaleString('default', {
-        month: 'short'
-      }), " ").concat(currentDate.getFullYear()))) {
-        return /*#__PURE__*/_react.default.createElement(DateCell, {
-          key: date.toISOString(),
-          className: "disable"
-        }, date.toLocaleString('default', {
-          month: 'short'
-        }));
-      }
-      if (date.getFullYear() === currentDate.getFullYear()) {
-        return /*#__PURE__*/_react.default.createElement(DateCell, {
-          key: date.toISOString(),
-          onClick: () => handleDateSelect(date)
-        }, date.toLocaleString('default', {
-          month: 'short'
-        }));
-      }
-      // if (date.getMonth() === currentDate.getMonth() - 1) {
-      //   return <DateCell />;
+      }));
+      // if (
+      //   selectedMonth
+      //    && (date.toLocaleString('default', {month: 'short' }) === selectedMonth.toLocaleString('default', {month: 'short' }))
+      // ) {
+      //   return (
+      //     <DateCell
+      //       key={date.toISOString()}
+      //       className="selected"
+      //       onClick={() => handleDateSelect(date)}
+      //     >
+      //       {date.toLocaleString('default', { month: 'short' })}
+      //     </DateCell>
+      //   );
+      // }
+      // if (!availableMonths.includes(`${date.toLocaleString('default', { month: 'short' })} ${currentDate.getFullYear()}`)) {
+      //   return (
+      //     <DateCell
+      //       key={date.toISOString()}
+      //       className="disable"
+      //     >
+      //       {date.toLocaleString('default', { month: 'short' })}
+      //     </DateCell>
+      //   );
       // }
-      return null;
+      // if (date.getFullYear() === currentDate.getFullYear()) {
+      //   return (
+      //     <DateCell
+      //       key={date.toISOString()}
+      //       onClick={() => handleDateSelect(date)}
+      //     >
+      //       {date.toLocaleString('default', { month: 'short' })}
+      //     </DateCell>
+      //   );
+      // }
+      // return null;
     })));
   };
+
   return /*#__PURE__*/_react.default.createElement(DatePickerContainer, null, isOpen && renderDatePicker());
 };
 var _default = exports.default = MonthPopupPicker;

package/dist/stories/components/ReportTable.js

@@ -8,8 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ReportTable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ArrowSelectIcon = _interopRequireDefault(require("./icons/ArrowSelectIcon"));
+var _Duplicate = _interopRequireDefault(require("./icons/Duplicate"));
 var _ReportTable = require("./ReportTable.style");
 var _InfoIcon = require("./icons/InfoIcon");
+/* eslint-disable import/no-unresolved */
+/* eslint-disable import/extensions */
+
 const ReportTable = props => {
   const {
     tableData,
@@ -18,7 +22,9 @@ const ReportTable = props => {
     useSelectButtons,
     disableInfo,
     selectTextColor,
-    onSelectRowClick
+    onSelectRowClick,
+    buttonText,
+    buttonIconName
   } = props;
   const [FormattedTableData, setFormattedTableData] = (0, _react.useState)(tableData);
   (0, _react.useEffect)(() => {
@@ -86,7 +92,9 @@ const ReportTable = props => {
     id: "SelectButtonSubContainer",
     selectTextColor: selectTextColor,
     onClick: () => handleRowClick(rowData)
-  }, "Select", ' ', /*#__PURE__*/_react.default.createElement(_ArrowSelectIcon.default, {
+  }, buttonText || 'Select', ' ', buttonIconName === 'duplicate' ? /*#__PURE__*/_react.default.createElement(_Duplicate.default, {
+    color: selectTextColor
+  }) : /*#__PURE__*/_react.default.createElement(_ArrowSelectIcon.default, {
     id: "ArrowSelectIcon"
   })));
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ReportTable.TableWrapper, {
@@ -112,6 +120,8 @@ const ReportTable = props => {
 exports.ReportTable = ReportTable;
 var _default = exports.default = ReportTable;
 ReportTable.defaultProps = {
+  buttonText: 'Select',
+  buttonIconName: 'duplicate',
   tableData: {
     columnsHeadings: [{
       label: 'Event Name',

package/dist/stories/components/TotalCostModal.js

@@ -0,0 +1,143 @@
+"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;

package/dist/stories/components/icons/Duplicate.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Duplicate = void 0;
+var _react = _interopRequireDefault(require("react"));
+const Duplicate = _ref => {
+  let {
+    color,
+    clicked,
+    width = '17',
+    height = '18'
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M14 12H8C6.875 12 6 11.125 6 10V2C6 0.90625 6.875 0 8 0H12.375C12.75 0 13.1562 0.1875 13.4375 0.46875L15.5312 2.5625C15.8125 2.84375 16 3.25 16 3.625V10C16 11.125 15.0938 12 14 12ZM2 4H5V5.5H2C1.71875 5.5 1.5 5.75 1.5 6V14C1.5 14.2812 1.71875 14.5 2 14.5H8C8.25 14.5 8.5 14.2812 8.5 14V13H10V14C10 15.125 9.09375 16 8 16H2C0.875 16 0 15.125 0 14V6C0 4.90625 0.875 4 2 4Z",
+    fill: color
+  }));
+};
+exports.Duplicate = Duplicate;
+var _default = exports.default = Duplicate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.627",
+  "version": "1.0.629",
   "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'],
-  },
-};