contentoh-components-library 21.4.134 → 21.4.136

package/dist/components/atoms/CustomSelectItem/CustomSelectItem.stories.js

@@ -1,323 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CustomSelectItemDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/CustomSelectItem",
-  component: _.CustomSelectItem
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.CustomSelectItem, (0, _objectSpread2.default)({}, args));
-};
-
-var CustomSelectItemDefault = Template.bind({});
-exports.CustomSelectItemDefault = CustomSelectItemDefault;
-CustomSelectItemDefault.args = {
-  option: {
-    id: 0,
-    name: "Abarrotes",
-    subOptions: [{
-      id: 0,
-      name: "Abarrotes Secos",
-      subOptions: [{
-        id: 4,
-        name: "Alimentos Deshidratados"
-      }, {
-        id: 5,
-        name: "Avenas y Granolas"
-      }, {
-        id: 6,
-        name: "Azúcar, Endulzantes y Sustitutos"
-      }, {
-        id: 7,
-        name: "Café Grano"
-      }, {
-        id: 8,
-        name: "Café Soluble"
-      }, {
-        id: 9,
-        name: "Cereales y Barras"
-      }, {
-        id: 10,
-        name: "Despensas y Canastas"
-      }, {
-        id: 11,
-        name: "Frutos Secos"
-      }, {
-        id: 12,
-        name: "Galletas"
-      }, {
-        id: 13,
-        name: "Harinas y Repostería"
-      }, {
-        id: 14,
-        name: "Pan de Caja"
-      }, {
-        id: 15,
-        name: "Postres en Polvo"
-      }, {
-        id: 16,
-        name: "Saborizantes de Leche"
-      }, {
-        id: 17,
-        name: "Sopas y Pastas"
-      }, {
-        id: 18,
-        name: "Tortillas Empacadas"
-      }]
-    }, {
-      id: 1,
-      name: "Aceites y Vinagres",
-      subOptions: [{
-        id: 20,
-        name: "Aceite de Oliva"
-      }, {
-        id: 21,
-        name: "Aceite en Aerosol"
-      }, {
-        id: 22,
-        name: "Aceites y Manteca"
-      }]
-    }, {
-      id: 2,
-      name: "Aderezos, Especias y Sazonadores",
-      subOptions: [{
-        id: 24,
-        name: "Aderezos"
-      }, {
-        id: 25,
-        name: "Condimentos y Especias"
-      }, {
-        id: 26,
-        name: "Consomés"
-      }, {
-        id: 27,
-        name: "Mayonesas"
-      }, {
-        id: 28,
-        name: "Purés"
-      }, {
-        id: 29,
-        name: "Salsas"
-      }]
-    }, {
-      id: 3,
-      name: "Agua, Jugos y Bebidas",
-      subOptions: [{
-        id: 31,
-        name: "Agua Embotellada"
-      }, {
-        id: 32,
-        name: "Bebidas Energizantes"
-      }, {
-        id: 33,
-        name: "Bebidas Isotónicas"
-      }, {
-        id: 34,
-        name: "Bebidas no Gasificadas"
-      }, {
-        id: 35,
-        name: "Bebidas y Concentrados en Polvo"
-      }, {
-        id: 36,
-        name: "Café, Té y Saborizantes"
-      }, {
-        id: 37,
-        name: "Jarabes para Agua"
-      }, {
-        id: 38,
-        name: "Jugos y Néctares"
-      }, {
-        id: 39,
-        name: "Refrescos y Sodas"
-      }]
-    }, {
-      id: 4,
-      name: "Botanas, Golosinas y Chocolates",
-      subOptions: [{
-        id: 41,
-        name: "Botanas"
-      }, {
-        id: 42,
-        name: "Confitería"
-      }, {
-        id: 43,
-        name: "Dulces y Chocolates"
-      }, {
-        id: 44,
-        name: "Frituras Empacadas"
-      }]
-    }, {
-      id: 5,
-      name: "Cervezas, Vinos, Licores y Cigarros",
-      subOptions: [{
-        id: 46,
-        name: "Accesorios Vinos"
-      }, {
-        id: 47,
-        name: "Aguardientes"
-      }, {
-        id: 48,
-        name: "Aperitivos"
-      }, {
-        id: 49,
-        name: "Brandy y Coñac"
-      }, {
-        id: 50,
-        name: "Cervezas"
-      }, {
-        id: 51,
-        name: "Cigarros Y Puros"
-      }, {
-        id: 52,
-        name: "Cockteles"
-      }, {
-        id: 53,
-        name: "Coolers y Bebidas Preparadas"
-      }, {
-        id: 54,
-        name: "Destilados"
-      }, {
-        id: 55,
-        name: "Digestivos"
-      }, {
-        id: 56,
-        name: "Mezcladores"
-      }, {
-        id: 57,
-        name: "Rompopes y Cremas"
-      }, {
-        id: 58,
-        name: "Ron"
-      }, {
-        id: 59,
-        name: "Tequila"
-      }, {
-        id: 60,
-        name: "Vinos Blancos"
-      }, {
-        id: 61,
-        name: "Vinos Espumosos"
-      }, {
-        id: 62,
-        name: "Vinos Rosados"
-      }, {
-        id: 63,
-        name: "Vinos Tintos"
-      }, {
-        id: 64,
-        name: "Vodka y Ginebra"
-      }, {
-        id: 65,
-        name: "Whisky"
-      }]
-    }, {
-      id: 6,
-      name: "Enlatados y Conservas",
-      subOptions: [{
-        id: 67,
-        name: "Alimentos Preparados"
-      }, {
-        id: 68,
-        name: "Almíbares"
-      }, {
-        id: 69,
-        name: "Chiles Enlatados"
-      }, {
-        id: 70,
-        name: "Conservas Granel"
-      }, {
-        id: 71,
-        name: "Encurtidos"
-      }, {
-        id: 72,
-        name: "Frijoles Envasados"
-      }, {
-        id: 73,
-        name: "Legumbres Enlatados"
-      }, {
-        id: 74,
-        name: "Pescados y Mariscos Enlatados"
-      }, {
-        id: 75,
-        name: "Sopas Enlatadas"
-      }]
-    }, {
-      id: 7,
-      name: "Gourmet y Comida de Temporada",
-      subOptions: [{
-        id: 77,
-        name: "Gourmet y Comida de Temporada"
-      }]
-    }, {
-      id: 8,
-      name: "Granos y Semillas",
-      subOptions: [{
-        id: 79,
-        name: "Arroz"
-      }, {
-        id: 80,
-        name: "Frijol"
-      }, {
-        id: 81,
-        name: "Granos"
-      }, {
-        id: 82,
-        name: "Semillas"
-      }]
-    }, {
-      id: 9,
-      name: "Hielo",
-      subOptions: [{
-        id: 84,
-        name: "Hielo"
-      }]
-    }, {
-      id: 10,
-      name: "Lácteos e Infusiones",
-      subOptions: [{
-        id: 86,
-        name: "Condensadas y Evaporadas"
-      }, {
-        id: 87,
-        name: "Leche Líquida"
-      }, {
-        id: 88,
-        name: "Leche Polvo"
-      }, {
-        id: 89,
-        name: "Sustitutos de Crema"
-      }, {
-        id: 90,
-        name: "Té e Infusiones"
-      }]
-    }, {
-      id: 11,
-      name: "Untables y Mermeladas",
-      subOptions: [{
-        id: 92,
-        name: "Cajetas y Untables"
-      }, {
-        id: 93,
-        name: "Mermeladas y Jaleas"
-      }, {
-        id: 94,
-        name: "Mieles"
-      }]
-    }]
-  },
-  className: "main-option"
-};

package/dist/components/atoms/CustomSelectItem/index.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomSelectItem = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _CheckBox = require("../CheckBox");
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var CustomSelectItem = function CustomSelectItem(_ref) {
-  var option = _ref.option,
-      _ref$activeFilters = _ref.activeFilters,
-      activeFilters = _ref$activeFilters === void 0 ? {} : _ref$activeFilters,
-      parameterArray = _ref.parameterArray,
-      globalFilters = _ref.globalFilters,
-      setActiveFilters = _ref.setActiveFilters,
-      setParameterArray = _ref.setParameterArray,
-      className = _ref.className,
-      _ref$route = _ref.route,
-      route = _ref$route === void 0 ? "" : _ref$route,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? "" : _ref$id;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showSubOptions = _useState2[0],
-      setShowSubOptions = _useState2[1];
-
-  var filterRoute = route;
-
-  var returnFilterId = function returnFilterId(object) {
-    var subOptions = object.subOptions,
-        id = object.id;
-    if (subOptions) return subOptions.map(returnFilterId);else return id;
-  };
-
-  var oneDimensionArray = function oneDimensionArray(arr) {
-    var array = [];
-    arr.forEach(function (element) {
-      if ((0, _typeof2.default)(element) === "object") array.push.apply(array, (0, _toConsumableArray2.default)(oneDimensionArray(element)));else array.push(element);
-    });
-    return array;
-  };
-
-  var setFilter = function setFilter(object) {
-    var newObject = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var subOptions = object.subOptions;
-
-    if (subOptions) {
-      subOptions.forEach(function (option) {
-        newObject[option.name] = setFilter(option);
-      });
-      return newObject;
-    } else return newObject[object.name] = 1;
-  };
-
-  var createFilter = function createFilter(rout, option, filters) {
-    var levelsArray = rout.includes("|") ? rout.split("|").reverse() : [rout];
-
-    if (levelsArray.length === 1) {
-      return (0, _defineProperty2.default)({}, levelsArray[0], setFilter(option));
-    } else if (levelsArray.length === 2) {
-      var newObject = {};
-      newObject[levelsArray[1]] = (0, _objectSpread2.default)({}, filters);
-      newObject[levelsArray[1]][levelsArray[0]] = (0, _objectSpread2.default)({}, setFilter(option));
-      return (0, _objectSpread2.default)({}, newObject);
-    } else if (levelsArray.length === 3) {
-      var _newObject = globalFilters;
-
-      if (_newObject[levelsArray[2]]) {
-        _newObject[levelsArray[2]][levelsArray[1]] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _newObject[levelsArray[2]][levelsArray[1]]), filters);
-      } else {
-        _newObject = (0, _defineProperty2.default)({}, levelsArray[2], (0, _defineProperty2.default)({}, levelsArray[1], (0, _objectSpread2.default)({}, filters)));
-      }
-
-      _newObject[levelsArray[2]][levelsArray[1]][levelsArray[0]] = 1;
-      return (0, _objectSpread2.default)({}, _newObject);
-    }
-  };
-
-  var deleteFilter = function deleteFilter(rout) {
-    var levelsArray = rout.includes("|") ? rout.split("|").reverse() : [rout];
-    var newObject = (0, _objectSpread2.default)({}, globalFilters);
-    if (levelsArray.length === 1) delete newObject[levelsArray[0]];else if (levelsArray.length === 2) delete newObject[levelsArray[1]][levelsArray[0]];else if (levelsArray.length === 3) delete newObject[levelsArray[2]][levelsArray[1]][levelsArray[0]];
-    return newObject;
-  };
-
-  var onChangeChk = function onChangeChk(e, object) {
-    var idsFilter = returnFilterId(object);
-
-    if ((0, _typeof2.default)(idsFilter) === "object") {
-      idsFilter = oneDimensionArray(idsFilter);
-    } else {
-      idsFilter = [idsFilter];
-    }
-
-    var tempArray = parameterArray.slice();
-
-    if (e.target.checked) {
-      var _tempArray;
-
-      var newFilter = createFilter(route, option, activeFilters);
-
-      (_tempArray = tempArray).push.apply(_tempArray, (0, _toConsumableArray2.default)(idsFilter));
-
-      setActiveFilters(function (current) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, current), newFilter);
-      });
-    } else {
-      tempArray = tempArray.filter(function (element) {
-        return !idsFilter.includes(element);
-      });
-      var remainFilters = deleteFilter(route, globalFilters);
-      setActiveFilters(function (current) {
-        return remainFilters;
-      });
-    }
-
-    setParameterArray(tempArray);
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    mainDivClass: className,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: className,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
-        id: "main-item-" + (id ? id + "-" : "") + option.id + "-" + option.name,
-        label: option.name,
-        checked: activeFilters[option.name],
-        defaultChecked: activeFilters[option.name],
-        onChange: function onChange(e) {
-          return onChangeChk(e, option);
-        }
-      }), option.subOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        onClick: function onClick() {
-          return setShowSubOptions(!showSubOptions);
-        },
-        className: "arrow-item",
-        children: "\u25C0"
-      })]
-    }), showSubOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "sub-options",
-      children: option.subOptions.map(function (subOption, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomSelectItem, {
-          option: subOption,
-          id: id,
-          className: "sub-option",
-          route: "".concat(filterRoute, "|").concat(subOption.name),
-          activeFilters: activeFilters[option.name],
-          parameterArray: parameterArray,
-          globalFilters: globalFilters,
-          setActiveFilters: setActiveFilters,
-          setParameterArray: setParameterArray
-        }, index + (id ? id + "-" : "") + subOption.name);
-      })
-    })]
-  });
-};
-
-exports.CustomSelectItem = CustomSelectItem;

package/dist/components/atoms/CustomSelectItem/styles.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > .", " {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px;\n    flex-wrap: nowrap;\n    white-space: nowrap;\n\n    .arrow-item {\n      transform: rotate(-90deg);\n      cursor: pointer;\n      font-size: 10px;\n    }\n\n    &:hover {\n      background-color: #f0f0f0;\n    }\n\n    input {\n      & + label {\n        cursor: pointer;\n      }\n    }\n  }\n  .sub-options {\n    & > * {\n      padding-left: 15px;\n    }\n  }\n"])), function (props) {
-  return props.mainDivClass;
-});
-
-exports.Container = Container;

package/dist/components/atoms/CustomerTypeImage/CustomerTypeImage.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CustomerTypeImagesDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/CustomerTypeImages",
-  component: _index.CustomerTypeImages
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerTypeImages, (0, _objectSpread2.default)({}, args));
-};
-
-var CustomerTypeImagesDefault = Template.bind({});
-exports.CustomerTypeImagesDefault = CustomerTypeImagesDefault;
-CustomerTypeImagesDefault.args = {};

package/dist/components/atoms/CustomerTypeImage/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomerTypeImages = void 0;
-
-var _styles = require("./styles");
-
-var _Cadena = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Cadena.svg"));
-
-var _Proveedor = _interopRequireDefault(require("../../../assets/images/providerAndCadena/Proveedor.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var CustomerTypeImages = function CustomerTypeImages(_ref) {
-  var _ref$imageType = _ref.imageType,
-      imageType = _ref$imageType === void 0 ? "retailer" : _ref$imageType;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    imageType: imageType,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: imageType === "retailer" ? _Cadena.default : _Proveedor.default,
-      alt: imageType === "retailer" ? "Cadena" : "Proveedor"
-    })
-  }, "image-".concat(imageType));
-};
-
-exports.CustomerTypeImages = CustomerTypeImages;

package/dist/components/atoms/CustomerTypeImage/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  background-color: transparent;\n\n  img {\n    width: ", "%;\n    margin: auto;\n  }\n  & + * {\n    margin-top: 20px;\n  }\n"])), function (_ref) {
-  var imageType = _ref.imageType;
-  return imageType === "retailer" ? 100 : 70;
-});
-
-exports.Container = Container;

package/dist/components/atoms/DropDownButton/DropDownButton.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DropDownButtonGeneral = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/DropDownButton",
-  component: _index.DropDownButton,
-  argTypes: {
-    active: {
-      options: [true, false],
-      control: {
-        type: "boolean"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DropDownButton, (0, _objectSpread2.default)({}, args));
-};
-
-var DropDownButtonGeneral = Template.bind({});
-exports.DropDownButtonGeneral = DropDownButtonGeneral;
-DropDownButtonGeneral.args = {
-  active: false
-};

package/dist/components/atoms/DropDownButton/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropDownButton = void 0;
-
-var _styles = require("./styles");
-
-var _dropDownArrowButton = _interopRequireDefault(require("../../../assets/images/dropDownButton/dropDownArrowButton.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var DropDownButton = function DropDownButton(_ref) {
-  var active = _ref.active;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: active && "active",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: _dropDownArrowButton.default,
-      alt: "V"
-    })
-  });
-};
-
-exports.DropDownButton = DropDownButton;

package/dist/components/atoms/DropDownButton/styles.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 22px;\n  width: 10px;\n  border-left: 1px solid #342b3f;\n  padding-left: 3px;\n\n  img {\n    width: 7px;\n    vertical-align: middle;\n  }\n\n  &.active {\n    img {\n      transform: rotate(180deg);\n    }\n  }\n"])));
-
-exports.Container = Container;