sag_components 1.0.698 → 1.0.699

package/dist/stories/components/BannerEventBox.js

@@ -61,12 +61,9 @@ const BannerEventBox = props => {
     width: width
   }, /*#__PURE__*/_react.default.createElement(_BannerEventBox.TitleWrapper, null, formatedBanners(banner).icon, "|", /*#__PURE__*/_react.default.createElement(_BannerEventBox.CardTitle, null, formatedBanners(banner).name)), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Block, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Headline, null, "Event Description"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Text, null, description)), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Block, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Headline, null, "Event Dates:"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Text, null, dates.join(' - '))), /*#__PURE__*/_react.default.createElement(_BannerEventBox.MoreInfo, {
     onClick: () => onInfoClickHandler(banner)
-  }, "Creatives"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.DetailsWrapper, null, data === null || data === void 0 ? void 0 : data.map((item, index) => {
-    var _item$items;
-    return item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: item.name
-    }, /*#__PURE__*/_react.default.createElement(_BannerEventBox.KeyBlock, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Key, null, item.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Count, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.length)), index !== data.length - 1 && /*#__PURE__*/_react.default.createElement(_BannerEventBox.Seperator, null));
-  })));
+  }, "Creatives"), /*#__PURE__*/_react.default.createElement(_BannerEventBox.DetailsWrapper, null, data === null || data === void 0 ? void 0 : data.map((item, index) => item && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    key: item.name
+  }, /*#__PURE__*/_react.default.createElement(_BannerEventBox.KeyBlock, null, /*#__PURE__*/_react.default.createElement(_BannerEventBox.Key, null, item.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_BannerEventBox.Count, null, item.items)), index !== data.length - 1 && /*#__PURE__*/_react.default.createElement(_BannerEventBox.Seperator, null)))));
 };
 exports.BannerEventBox = BannerEventBox;
 var _default = exports.default = BannerEventBox;
@@ -78,13 +75,13 @@ BannerEventBox.defaultProps = {
   dates: ['2021-06-01', '2021-06-30'],
   data: [{
     name: 'Supplier',
-    items: ['coca', 'cola', 'spring']
+    items: 7
   }, {
     name: 'Brands',
-    items: ['coca', 'cola', 'spring', 'cola']
+    items: 8
   }, {
     name: 'Product Lines',
-    items: ['coca', 'cola', 'spring']
+    items: 9
   }],
   onInfoClick: () => {}
 };

package/dist/stories/components/BannerEventBoxList.js

@@ -19,7 +19,8 @@ const BannerEventBoxList = props => {
     height,
     data,
     retailerFile,
-    toggleColor
+    toggleColor,
+    disableToggle
   } = props;
   const [IsItemOpen, setIsItemOpen] = (0, _react.useState)(false);
   const handleToggle = () => {
@@ -30,12 +31,14 @@ const BannerEventBoxList = props => {
   }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.CollapseMenuItemContainer, {
     onClick: () => handleToggle()
   }, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ToggleContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+    disabled: disableToggle,
     text: "Event Info",
     leftIcon: "info",
     rightIcon: "arrowdown",
     textColor: toggleColor,
     color: toggleColor
   }) : /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+    disabled: disableToggle,
     text: "Event Info",
     leftIcon: "info",
     rightIcon: "arrowright",
@@ -95,6 +98,7 @@ BannerEventBoxList.defaultProps = {
       items: ['coca', 'mentos', 'spring', 'cola']
     }]
   }],
-  retailerFile: () => {}
+  retailerFile: () => {},
+  disableToggle: false
 };
 var _default = exports.default = BannerEventBoxList;

package/dist/stories/components/BarChartTwoRows.js

@@ -147,7 +147,7 @@ const BarChartTwoRows = props => {
     fill: barChartColorFirst,
     minPointSize: 5,
     barSize: barSize !== null && barSize !== void 0 ? barSize : 60,
-    radius: [5, 5, 0, 0],
+    radius: 0,
     stackId: "a"
   }), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
     dataKey: "highValue",

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

@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 /* eslint-disable no-nested-ternary */
 const DropdownWrapper = exports.DropdownWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-content: center;\n  justify-content: center;\n  align-items: flex-start;\n  width: ", ";  \n  font-family: \"Poppins\", sans-serif;\n  font-weight: 400;\n  font-size: 14px;\n  border-radius: 10px;  \n"])), props => props.width || '300px');
-const Label = exports.Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n  font-size: ", ";\n  font-weight: 400;\n  padding-inline-end: 5px;\n  padding-inline-start: 5px;\n  margin-right: 10px; \n  z-index: 2;\n  color: ", ";\n  background-color: white;\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  font-family: Poppins;  \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  gap: 4px;\n  &:hover {\n    cursor: ", ";\n  }\n"])), props => props.isFocused || props.hasValue ? '14px' : '14px', props => props.error ? 'red' : props.disabled ? '#888' : props.labelColor, props => props.isFocused || props.hasValue ? '0px' : '28px', props => props.isFocused || props.hasValue ? '23px' : '10px', props => props.disabled ? 'not-allowed' : 'pointer');
+const Label = exports.Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", ";\n  font-weight: 400;\n  padding-inline-end: 5px;\n  padding-inline-start: 5px;\n  margin-right: 10px; \n  z-index: 2;\n  color: ", ";\n  background-color: white;\n  position: absolute;\n  top: ", ";\n  left: ", ";\n  font-family: Poppins;  \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  gap: 4px;\n  &:hover {\n    cursor: ", ";\n  }\n"])), props => props.isFocused || props.hasValue ? '14px' : '14px', props => props.error ? 'red' : props.disabled ? '#888' : props.labelColor, props => props.isFocused || props.hasValue ? '0px' : '28px', props => props.isFocused || props.hasValue ? '23px' : '10px', props => props.disabled ? 'not-allowed' : 'pointer');
 const InputContainer = exports.InputContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\n    display: flex;       \n    flex-direction: row;\n    flex-wrap: nowrap; \n    justify-content: flex-start;\n    align-content: center;     \n    white-space: pre-wrap;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 5px 0 0;\n    margin-bottom: 8px;\n    gap: 4px;\n    width: 100%;\n    height: 100%;    \n    box-sizing: border-box;\n    background-color: transparent;    \n    border:  1px solid ", ";\n    font-family: \"Poppins\", sans-serif;\n    font-weight: 400;\n    font-size: 14px;\n    border-radius: 12px;\n    outline: none;\n    color: ", ";\n   \n  &:hover {\n    border: 1px solid ", ";\n    cursor: ", ";\n  }\n\n  &:focus {  \n    border: 1px solid ", "; \n  }\n  \n"])), props => props.disabled ? '#bdbdbd' : props.error ? 'red' : '#B1B1B1', props => props.disabled ? '#888' : '#212121', props => props.disabled ? '#bdbdbd' : props.error ? 'red' : props.labelColor || '#212121', props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? '#bdbdbd' : props.error ? 'red' : props.labelColor || '#212121');
 const InputSubContainer = exports.InputSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\n    display: flex;       \n    flex-direction: column;\n    flex-wrap: nowrap;     \n    align-content: center; \n    align-items: flex-start;\n    justify-content: center;\n    white-space: pre-wrap;\n    overflow: hidden;\n    padding: 10px 4px 10px 10px;\n    width: 100%;\n    height: 100%;\n    min-height: 53px;\n    box-sizing: border-box;\n    background-color: transparent;    \n    border-radius: 12px;\n    outline: none;\n    color: ", ";     \n"])), props => props.disabled ? '#888' : '#212121');
 const StyledInput = exports.StyledInput = _styledComponents.default.input(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% - 10px);\n  height: 20px;\n  font-family: Poppins;\n  font-weight: 400;\n  font-size: 14px;\n  outline: none;  \n  background-color: transparent;    \n  color: ", ";    \n  border: none;\n"])), props => props.disabled ? '#888' : '#212121');
@@ -18,7 +18,7 @@ const OptionsContainer = exports.OptionsContainer = _styledComponents.default.di
   var _props$filteredoption;
   return props.showoptions && ((_props$filteredoption = props.filteredoptions) === null || _props$filteredoption === void 0 ? void 0 : _props$filteredoption.length) > 0 ? 'block' : 'none';
 });
-const OptionsSubContainer = exports.OptionsSubContainer = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  font-weight: 400;\n  margin: 0;\n  padding: 8px 12px;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 101;\n  width: calc(100% - 23px);\n  font-family: Poppins; \n  border-radius: 4px; \n  background-color: ", ";\n  display: ", ";\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n  max-height: 400px;\n  overflow: auto;\n"])), props => props.backgroundColor || 'transparent', props => {
+const OptionsSubContainer = exports.OptionsSubContainer = _styledComponents.default.ul(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  list-style: none;\n  font-weight: 400;\n  margin: 0;\n  padding: 8px 12px;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 101;\n  width: calc(100% - 23px);\n  font-family: Poppins; \n  border-radius: 4px; \n  background-color: white;\n  display: ", ";\n  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);\n  max-height: 400px;\n  overflow: auto;\n"])), props => {
   var _props$filteredoption2;
   return props.showoptions && ((_props$filteredoption2 = props.filteredoptions) === null || _props$filteredoption2 === void 0 ? void 0 : _props$filteredoption2.length) > 0 ? 'block' : 'none';
 });

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.698",
+  "version": "1.0.699",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

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"])));