sag_components 2.0.0-beta29 → 2.0.0-beta290

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

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MainTable = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Table = require("../components/CampaignTool/Table");
-const theData = [{
-  key: '1',
-  name: 'oren',
-  age: 35
-}, {
-  key: '2',
-  name: 'dror',
-  age: 16
-}, {
-  key: '3',
-  name: 'andrey',
-  age: 22
-}, {
-  key: '4',
-  name: 'hai',
-  age: 46
-}];
-var _default = exports.default = {
-  title: 'Campaign Tool/Table',
-  component: _Table.Table,
-  tags: ['autodocs'],
-  argTypes: {
-    width: {
-      name: 'Width',
-      control: {
-        type: 'text'
-      },
-      description: 'Table width'
-    },
-    height: {
-      name: 'Height',
-      control: {
-        type: 'text'
-      },
-      description: 'Table height'
-    },
-    onCheckAllInput: {
-      name: 'Check all input event',
-      action: 'onClick',
-      description: 'Click on check all'
-    },
-    onSortClick: {
-      name: 'Table head sorting event',
-      action: 'onClick',
-      description: 'Click on table head sorting'
-    },
-    onRowClick: {
-      name: 'Click on row event',
-      action: 'onClick',
-      description: 'Click on a certain row in table'
-    },
-    onRowInputClick: {
-      name: 'Checkbox row event',
-      action: 'onClick',
-      description: 'Click on a certain row checkbox '
-    },
-    actionsColumn: {
-      name: 'Show action column',
-      control: {
-        type: 'boolean'
-      },
-      description: 'show/hide action column',
-      defaultValue: true
-    },
-    sizingTable: {
-      name: 'Sizing table columns',
-      control: {
-        type: 'boolean'
-      },
-      description: 'Sizing table columns ability',
-      defaultValue: true
-    },
-    showPagination: {
-      name: 'Show Pagination',
-      control: {
-        type: 'boolean'
-      },
-      description: 'hide/show pagination',
-      defaultValue: true
-    },
-    rangePagination: {
-      name: 'Range Pagination',
-      control: {
-        type: 'number'
-      },
-      description: 'How many button representing pages will shown in the range'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_Table.Table, args);
-const MainTable = exports.MainTable = Template.bind({});
-MainTable.args = {
-  data: theData,
-  rangePagination: 5
-};

package/dist/stories/CheckBox.stories.js

@@ -1,107 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SelectAll = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _CheckBox = require("./components/CheckBox");
-var _default = exports.default = {
-  title: 'SAG/CheckBox',
-  component: _CheckBox.CheckBox,
-  tags: ['autodocs'],
-  argTypes: {
-    label: {
-      name: 'label',
-      control: {
-        type: 'text'
-      },
-      description: 'label of the object'
-    },
-    checked: {
-      name: 'checked',
-      control: {
-        type: 'boolean'
-      },
-      description: 'checked / not checked boolean'
-    },
-    disabled: {
-      name: 'disabled',
-      control: {
-        type: 'boolean'
-      },
-      description: 'disabled / enabled boolean'
-    },
-    colorChecked: {
-      name: 'colorChecked',
-      description: 'Sets checked Color',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff']
-      }
-    },
-    colorUnchecked: {
-      name: 'colorUnchecked',
-      description: 'Sets unchecked Color',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff']
-      }
-    },
-    colorDisabled: {
-      name: 'colorDisabled',
-      description: 'Sets Disabled Color',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff']
-      }
-    },
-    width: {
-      name: 'width',
-      control: {
-        type: 'text'
-      },
-      description: 'width of the component (in px)'
-    },
-    height: {
-      name: 'height',
-      control: {
-        type: 'text'
-      },
-      description: 'height of the component'
-    },
-    fontSize: {
-      name: 'fontSize',
-      control: {
-        type: 'text'
-      },
-      description: 'font size (in px)'
-    },
-    iconSize: {
-      name: 'iconSize',
-      control: {
-        type: 'text'
-      },
-      description: 'icon  size (in px)'
-    },
-    onClick: {
-      action: 'onClick',
-      description: 'onClick event - returns an objects of   eventAttributesData,  kpiData '
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_CheckBox.CheckBox, args);
-const SelectAll = exports.SelectAll = Template.bind({});
-SelectAll.args = {
-  label: 'Select All',
-  checked: true,
-  disabled: false,
-  width: '100%',
-  height: '20px',
-  fontSize: '14px',
-  iconSize: '14px',
-  colorChecked: '#1B30AA',
-  colorUnchecked: '#212121',
-  colorDisabled: '#D0D0D0'
-};

package/dist/stories/CheckBoxButton.stories.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Retailer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _CheckBoxButton = require("./components/CheckBoxButton");
-var _default = exports.default = {
-  title: 'SAG/CheckBoxButton',
-  component: _CheckBoxButton.CheckBoxButton,
-  tags: ['autodocs'],
-  argTypes: {
-    label: {
-      name: 'label',
-      control: {
-        type: 'text'
-      },
-      description: 'label of the object'
-    },
-    checked: {
-      name: 'checked',
-      control: {
-        type: 'boolean'
-      },
-      description: 'checked / not checked boolean'
-    },
-    disabled: {
-      name: 'disabled',
-      control: {
-        type: 'boolean'
-      },
-      description: 'disabled / enabled boolean'
-    },
-    showIconInCheckBoxButtons: {
-      name: 'showIconInCheckBoxButtons',
-      control: {
-        type: 'boolean'
-      },
-      description: 'show Icon In  boolean'
-    },
-    width: {
-      name: 'width',
-      control: {
-        type: 'text'
-      },
-      description: 'width of the component (in px)'
-    },
-    height: {
-      name: 'height',
-      control: {
-        type: 'text'
-      },
-      description: 'height of the component'
-    },
-    fontSize: {
-      name: 'fontSize',
-      control: {
-        type: 'text'
-      },
-      description: 'font size (in px)'
-    },
-    iconColor: {
-      name: 'iconColor',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets icon Color'
-      }
-    },
-    borderColor: {
-      name: 'borderColor',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets border Color'
-      }
-    },
-    borderRadius: {
-      name: 'borderRadius',
-      control: {
-        type: 'text'
-      },
-      description: 'border Radius (in px)'
-    },
-    iconSize: {
-      name: 'iconSize',
-      control: {
-        type: 'text'
-      },
-      description: 'icon  size (in px)'
-    },
-    onClick: {
-      action: 'onClick',
-      description: 'onClick event - returns an object of check box {true/false} '
-    },
-    textColorChecked: {
-      name: 'textColorChecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text Checked Color'
-      }
-    },
-    textColorUnchecked: {
-      name: 'textColorUnchecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets text Unchecked Color'
-      }
-    },
-    backgroundColorChecked: {
-      name: 'backgroundColorChecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets background Checked Color'
-      }
-    },
-    backgroundColorUnchecked: {
-      name: 'backgroundColorUnchecked',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff'],
-        description: 'Sets background Unchecked Color'
-      }
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_CheckBoxButton.CheckBoxButton, args);
-const Retailer = exports.Retailer = Template.bind({});
-Retailer.args = {
-  label: 'Retailer',
-  checked: true,
-  disabled: false,
-  showIconInCheckBoxButtons: true,
-  width: '100%',
-  height: '29px',
-  fontSize: '14px',
-  iconSize: '12px',
-  iconColor: '#1B30AA',
-  borderColor: '#1B30AA',
-  borderRadius: '12px',
-  textColorChecked: '#1B30AA',
-  textColorUnchecked: '#212121',
-  backgroundColorChecked: '#E9F1FF',
-  backgroundColorUnchecked: '#F2F2F2'
-};