sag_components 1.0.490 → 1.0.492

package/dist/stories/components/CampaignTool/PopupContent.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PopupContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _FormSelect = require("./FormSelect");
+var _FormInput = require("./FormInput");
+var _Datepicker = require("../Datepicker");
+var _PopupContent = require("./PopupContent.style");
+/* PopupContent */
+const PopupContent = props => {
+  let {
+    width,
+    height
+  } = props;
+  const methods = (0, _reactHookForm.useFormContext)();
+  const {
+    rowsData,
+    onClick,
+    onChange,
+    borderColor
+  } = props;
+  const [RowsDataState, setRowsDataState] = (0, _react.useState)(rowsData);
+  (0, _react.useEffect)(() => {
+    //console.log("RowsDataState", RowsDataState);
+  }, [RowsDataState]);
+  const displayRowFields = function (data, height) {
+    let paddingBottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "5px";
+    if (data && data.length > 0) {
+      return /*#__PURE__*/_react.default.createElement(_PopupContent.FieldsContainer, {
+        id: "FieldsContainer",
+        height: height,
+        paddingBottom: paddingBottom
+      }, data === null || data === void 0 ? void 0 : data.map(item => /*#__PURE__*/_react.default.createElement(_PopupContent.FieldContainer, {
+        id: "FieldContainer"
+      }, item.inputType === "dropdown" ? /*#__PURE__*/_react.default.createElement(_FormSelect.FormSelect, {
+        id: "Select",
+        name: item.name,
+        control: methods.control,
+        errorMessage: "",
+        label: item.label,
+        required: item.required,
+        placeHolder: item.placeHolder
+        //onChange={item.onChange}
+        ,
+        options: item.dropdownOptions && item.dropdownOptions.length > 0 ? item.dropdownOptions : [],
+        height: "45px",
+        width: "100%"
+      }) : item.inputType === "textbox" ? /*#__PURE__*/_react.default.createElement(_FormInput.FormInput, {
+        id: "FormInput",
+        name: item.name,
+        control: methods.control,
+        borderRadius: "4px",
+        required: item.required,
+        label: item.label,
+        placeholder: item.placeHolder,
+        height: "45px",
+        width: "100%"
+        //onChange={item.onChange}
+        ,
+        borderColor: borderColor
+      }) : item.inputType === "datepicker" ? /*#__PURE__*/_react.default.createElement(_PopupContent.DatePickerContainer, {
+        id: "DatePickerContainer"
+      }, /*#__PURE__*/_react.default.createElement(_Datepicker.Datepicker, {
+        id: "Datepicker",
+        name: item.name,
+        required: item.required,
+        placeholder: item.placeHolder,
+        borderColor: borderColor,
+        format: "MM/DD/YYYY",
+        labelColor: borderColor,
+        onChange: () => {},
+        shape: "square",
+        text: item.label,
+        height: "45px",
+        width: "100%"
+      })) : "")));
+    }
+  };
+  const displayRows = () => {
+    if (RowsDataState && RowsDataState.length > 0) {
+      return /*#__PURE__*/_react.default.createElement(_PopupContent.AllFieldsContainer, {
+        id: "AllFieldsContainer"
+      }, RowsDataState.map((row, i) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, displayRowFields(row.fieldsArray, height = "160px", "20px"))));
+    }
+  };
+
+  //= ======================================== MAIN RETURN ====================================
+  return /*#__PURE__*/_react.default.createElement(_PopupContent.MainContainer, {
+    id: "MainContainer",
+    height: height,
+    width: width
+  }, /*#__PURE__*/_react.default.createElement(_PopupContent.PanelContainer, {
+    id: "PanelContainer"
+  }, displayRows()));
+  //= ======================================== MAIN RETURN END====================================
+};
+exports.PopupContent = PopupContent;
+var _default = exports.default = PopupContent;
+PopupContent.defaultProps = {
+  RowsData: [],
+  borderColor: "#066768",
+  width: "100%",
+  height: "100%",
+  onClick: () => {}
+};

package/dist/stories/components/CampaignTool/PopupContent.style.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PanelContainer = exports.MainContainer = exports.FieldsContainer = exports.FieldTitle = exports.FieldContainer = exports.DatePickerContainer = exports.AllFieldsContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-size: 1rem;\n  border-radius: 12px;\n  width: ", ";\n  height: ", ";\n"])), props => {
+  return props.width;
+}, props => {
+  return props.height;
+});
+const PanelContainer = exports.PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-content: center;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-around;\n  border-radius: 12px;\n  background: #ffffff;\n  padding: 0 10px ;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 19px;\n  white-space: pre-wrap;\n  overflow: hidden;\n  width: 100%;\n"])));
+const FieldTitle = exports.FieldTitle = _styledComponents.default.h4(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-weight: 600;\n  font-size: 14px;\n  margin: 5px;\n  @media (max-width: 1536px) {\n    font-size: 11px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])));
+const AllFieldsContainer = exports.AllFieldsContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  width: 100%;\n"])));
+const FieldsContainer = exports.FieldsContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  white-space: wrap;\n  padding: 10px;\n  gap: 20px;\n  width: 100%;\n \n"])));
+const FieldContainer = exports.FieldContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" \n  width: 100%;\n  margin: 0;\n \n"])));
+const DatePickerContainer = exports.DatePickerContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n \n"])));

package/dist/stories/components/CampaignTool/PopupFieldsRules.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPopupFieldsRules = void 0;
+var _Email = require("../../utils/regex/Email.regex");
+var _Phone = require("../../utils/regex/Phone.regex");
+var _LatinWithSpaces = require("../../utils/regex/LatinWithSpaces.regex");
+const getPopupFieldsRules = name => {
+  switch (name) {
+    case "AllowInStoreGroups":
+      return {
+        required: false
+      };
+    case "BlockInStoreGroups":
+      return {
+        required: false
+      };
+    case "BrandDescription":
+      return {
+        required: false
+      };
+    case "BrandName":
+      return {
+        required: false
+      };
+    case "Broker":
+      return {
+        required: false
+      };
+    case "Budget":
+      return {
+        required: false
+      };
+    case "Category":
+      return {
+        required: "Category is required"
+      };
+    case "CategoryLevel1":
+      return {
+        required: false
+      };
+    case "CategoryManager":
+      return {
+        required: false
+      };
+    case "ConditionMinBasketValue":
+      return {
+        required: false
+      };
+    case "ConditionMinQuantityPurchased":
+      return {
+        required: false
+      };
+    case "ConsiderStoreAvailability":
+      return {
+        required: false
+      };
+    case "ContactEmail":
+      return {
+        required: "Contact Email is required",
+        pattern: {
+          value: _Email.EmailRegex,
+          message: "invalid contact email address"
+        }
+      };
+    case "ContactName":
+      return {
+        required: "Contact Name is required",
+        maxLength: {
+          value: 17,
+          message: "Maximum 17 letters"
+        },
+        minLength: {
+          value: 2,
+          message: "Contact Name should include at least two letters"
+        },
+        pattern: {
+          value: _LatinWithSpaces.OnlyLatinWithSpacesRegex,
+          message: "Only english letters allowed"
+        }
+      };
+    case "ContactPhone":
+      return {
+        required: false,
+        pattern: {
+          value: _Phone.PhoneRegex,
+          message: "Please provide a valid phone number"
+        }
+      };
+    case "DescriptionLowCase":
+      return {
+        required: false
+      };
+    case "DiscountType":
+      return {
+        required: false
+      };
+    case "FundationSource":
+      return {
+        required: "Fundation Source is required"
+      };
+    case "Image":
+      return {
+        required: false
+      };
+    case "MaxIssuances":
+      return {
+        required: false
+      };
+    case "MaxTransactions":
+      return {
+        required: false
+      };
+    case "OfferInventory":
+      return {
+        required: false
+      };
+    case "PurchaseOrder":
+      return {
+        required: false
+      };
+    case "PurchaseOrderPDN":
+      return {
+        required: false
+      };
+    case "RedemptionID":
+      return {
+        required: false
+      };
+    case "RewardQuantity":
+      return {
+        required: false
+      };
+    case "SummaryPodHeader":
+      return {
+        required: false
+      };
+    case "Supplier":
+      return {
+        required: "Supplier is required"
+      };
+    case "SupplierOfferID":
+      return {
+        required: false
+      };
+    case "TargetAudienceType":
+      return {
+        required: false
+      };
+    case "TargetingNotes":
+      return {
+        required: false
+      };
+    case "TypeReward":
+      return {
+        required: false
+      };
+    case "VendorID":
+      return {
+        required: false
+      };
+    default:
+      return "";
+  }
+};
+exports.getPopupFieldsRules = getPopupFieldsRules;

package/dist/stories/components/Input.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _fa = require("react-icons/fa");
 var _Input = require("./Input.style");
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable react/require-default-props */
 /* eslint-disable no-nested-ternary */
 // CustomInput.js
 
-// import { FaEye, FaEyeSlash } from 'react-icons/fa';
-
 const Input = _ref => {
   let {
     label,
@@ -73,7 +72,7 @@ const Input = _ref => {
   }), error && /*#__PURE__*/_react.default.createElement(_Input.ErrorLabel, null, errorMessage), password && /*#__PURE__*/_react.default.createElement(_Input.EyeIcon, {
     onClick: toggleShowPassword,
     textColor: textColor
-  }, showPassword ? /*#__PURE__*/_react.default.createElement(FaEyeSlash, null) : /*#__PURE__*/_react.default.createElement(FaEye, null)));
+  }, showPassword ? /*#__PURE__*/_react.default.createElement(_fa.FaEyeSlash, null) : /*#__PURE__*/_react.default.createElement(_fa.FaEye, null)));
 };
 // Adding defaultProps
 Input.defaultProps = {

package/dist/stories/components/SagButton.js

@@ -0,0 +1,66 @@
+"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 _SagButton = require("./SagButton.style");
+const SagButton = props => {
+  const {
+    text,
+    disabled,
+    fontSize,
+    fontWeight,
+    textColor,
+    backgroundColor,
+    borderColor,
+    onClickColor,
+    height,
+    width,
+    radius,
+    onClick
+  } = props;
+  const [clicked, setClicked] = (0, _react.useState)(false);
+  const handleButtonClick = event => {
+    setClicked(true);
+    onClick(event);
+    setTimeout(() => {
+      setClicked(false);
+      // Add any logic you want to execute after the transition is complete
+    }, 300); // Adjust the transition duration (in milliseconds) as needed
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_SagButton.ButtonContainer, {
+    id: "ButtonContainer"
+  }, /*#__PURE__*/_react.default.createElement(_SagButton.Button, {
+    id: "Button",
+    className: clicked ? "button-clicked" : "button",
+    onClick: !disabled ? handleButtonClick : null,
+    width: width,
+    height: height,
+    radius: radius,
+    disabled: disabled,
+    backgroundColor: backgroundColor,
+    borderColor: borderColor,
+    onClickColor: onClickColor
+  }, /*#__PURE__*/_react.default.createElement(_SagButton.Label, {
+    id: "Label",
+    textColor: textColor,
+    fontSize: fontSize,
+    fontWeight: fontWeight
+  }, text)));
+};
+var _default = exports.default = SagButton;
+SagButton.defaultProps = {
+  text: "",
+  textColor: "#1B30AA",
+  onClickColor: "#1B30AA",
+  backgroundColor: "#ffffff",
+  fontSize: "14px",
+  disabled: false,
+  width: "100%",
+  radius: "12px",
+  onClick: () => {}
+};

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = exports.ButtonContainer = exports.Button = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3;
+const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
+const Button = exports.Button = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  //padding: 14px 10px;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n  flex-wrap: wrap;\n  overflow: hidden;\n  width: ", ";\n  height: ", ";\n  border: ", "; \n  border-radius: ", ";\n  background-color: ", ";\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n    cursor: ", ";\n  }\n  &.button-clicked {\n    background-color: ", ";\n    color: white;\n    padding: 10px 20px;\n    border-radius: 5px;\n    cursor: pointer;\n    display: inline-block;\n    transition: background-color 0.3s, color 0.3s;\n  }\n"])), props => props.width, props => props.height, props => "1px solid ".concat(props.borderColor), props => props.radius, props => props.disabled ? "#c5c5c5" : props.backgroundColor, props => props.disabled ? "#c5c5c5" : "#f0f0f0", props => !props.disabled ? "pointer" : "default", props => props.onClickColor);
+const Label = exports.Label = _styledComponents.default.label(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: \"Poppins\", sans-serif;\n  font-style: normal;\n  font-weight: ", ";\n  color: ", ";\n  pointer-events: none;\n  font-size: ", ";\n  @media (max-width: 1536px) {\n    font-size: 12px;\n  }\n  @media (max-width: 1366px) {\n    font-size: 10px;\n  }\n"])), props => props.fontWeight, props => props.textColor, props => props.fontSize);

package/dist/stories/components/Select.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Select = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Select = require("./Select.style");
+/* eslint-disable react/prop-types */
+
+const Select = _ref => {
+  let {
+    label,
+    options,
+    value,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage
+  } = _ref;
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const [showOptions, setShowOptions] = (0, _react.useState)(false);
+  const [inputValue, setInputValue] = (0, _react.useState)('');
+  const inputRef = (0, _react.useRef)(null);
+  const filteredOptions = options.filter(option => option.label.toLowerCase().includes(inputValue.toLowerCase()));
+  const handleFocus = () => {
+    setIsFocused(true);
+    setShowOptions(true);
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    setTimeout(() => setShowOptions(false), 200); // Delay hiding options to allow clicking on them
+  };
+
+  const handleInputChange = e => {
+    setInputValue(e.target.value);
+  };
+  const handleOptionClick = option => {
+    console.log('inputValue', option);
+    onChange({
+      target: {
+        value: option.value
+      }
+    });
+    setIsFocused(true);
+    setShowOptions(false);
+    setInputValue(option.label);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Select.SelectWrapper, {
+    width: width,
+    height: height
+  }, /*#__PURE__*/_react.default.createElement(_Select.Label, {
+    isFocused: isFocused,
+    hasValue: value || inputValue,
+    disabled: disabled,
+    error: error
+  }, label, required && /*#__PURE__*/_react.default.createElement("span", null, "*")), /*#__PURE__*/_react.default.createElement(_Select.StyledInput, {
+    ref: inputRef,
+    value: inputValue,
+    onChange: handleInputChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    disabled: disabled,
+    placeholder: isFocused ? 'Type to search...' : '',
+    style: {
+      width,
+      height
+    },
+    error: error
+  }), error && /*#__PURE__*/_react.default.createElement(_Select.ErrorMessage, null, errorMessage), /*#__PURE__*/_react.default.createElement(_Select.OptionsContainer, {
+    showOptions: showOptions,
+    filteredOptions: filteredOptions,
+    disabled: disabled
+  }, filteredOptions.map(option => /*#__PURE__*/_react.default.createElement(_Select.OptionItem, {
+    key: option.value,
+    onClick: () => handleOptionClick(option)
+  }, option.label))));
+};
+exports.Select = Select;
+var _default = exports.default = Select;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledInput = exports.SelectWrapper = exports.OptionsContainer = exports.OptionItem = exports.Label = exports.ErrorMessage = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+/* eslint-disable no-nested-ternary */
+const SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  width: ", ";\n  margin-bottom: 20px;\n"])), props => props.width || '200px');
+const Label = exports.Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", ";\n  padding-inline-end: 5px;\n  padding-inline-start: 5px;\n  margin-right: 10px;\n  color: ", ";\n  background-color: white;\n  position: absolute;\n  top: ", ";\n  left: 10px;\n  transform: translateY(-50%);\n  transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n"])), props => props.isFocused || props.hasValue ? '12px' : '16px', props => props.error ? 'red' : props.disabled ? '#888' : '#333', props => props.isFocused || props.hasValue ? '0px' : '50%');
+const StyledInput = exports.StyledInput = _styledComponents.default.input(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  padding: 10px;\n  font-size: 14px;\n  border: 2px solid ", ";\n  border-radius: 4px;\n  outline: none;\n  box-sizing: border-box;\n  color: ", ";\n\n  &:focus {\n    border-color: ", ";\n  }\n"])), props => props.disabled ? '#bdbdbd' : props.error ? 'red' : '#bdbdbd', props => props.disabled ? '#888' : '#333', props => props.disabled ? '#bdbdbd' : '#1976d2');
+const OptionsContainer = exports.OptionsContainer = _styledComponents.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  top: calc(100% + 2px);\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  border-top: none;\n  border-radius: 0 0 4px 4px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  background-color: #fff;\n  display: ", ";\n"])), props => props.showOptions && props.filteredOptions.length > 0 ? 'block' : 'none');
+const OptionItem = exports.OptionItem = _styledComponents.default.li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n  cursor: pointer;\n  transition: background-color 0.3s;\n\n  &:hover {\n    background-color: #f0f0f0;\n  }\n"])));
+const ErrorMessage = exports.ErrorMessage = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 12px;\n  color: red;\n  margin-top: 5px;\n"])));

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MenuItemClosedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const MenuItemClosedIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 10 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.72266 7.15234C9.03906 7.50391 9.03906 8.03125 8.72266 8.34766L1.97266 15.0977C1.62109 15.4492 1.09375 15.4492 0.777344 15.0977C0.425781 14.7812 0.425781 14.2539 0.777344 13.9375L6.92969 7.78516L0.777344 1.59766C0.425781 1.28125 0.425781 0.753906 0.777344 0.4375C1.09375 0.0859375 1.62109 0.0859375 1.9375 0.4375L8.72266 7.15234Z",
+    fill: "#7E7E7E"
+  }));
+};
+exports.MenuItemClosedIcon = MenuItemClosedIcon;
+var _default = exports.default = MenuItemClosedIcon;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.MenuItemOpenIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+const MenuItemOpenIcon = _ref => {
+  let {
+    clicked,
+    width = "16",
+    height = "16"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 16 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.40234 8.84766L0.652344 2.09766C0.300781 1.78125 0.300781 1.25391 0.652344 0.902344C0.96875 0.585938 1.49609 0.585938 1.84766 0.902344L8 7.08984L14.1523 0.9375C14.4688 0.585938 14.9961 0.585938 15.3477 0.9375C15.6641 1.25391 15.6641 1.78125 15.3477 2.09766L8.5625 8.84766C8.24609 9.19922 7.71875 9.19922 7.40234 8.84766Z",
+    fill: "#7E7E7E"
+  }));
+};
+exports.MenuItemOpenIcon = MenuItemOpenIcon;
+var _default = exports.default = MenuItemOpenIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.490",
+  "version": "1.0.492",
   "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"]*/
-  },
-};