contentoh-components-library 21.4.102 → 21.4.104

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

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

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

@@ -1,34 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuNotification = void 0;
+
 var _styles = require("./styles");
+
 var _menuNotificationComment = _interopRequireDefault(require("../../../assets/images/menuNotification/menuNotificationComment.svg"));
+
 var _menuNotificationProduct = _interopRequireDefault(require("../../../assets/images/menuNotification/menuNotificationProduct.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-const MenuNotification = _ref => {
-  let {
-    content
-  } = _ref;
+
+var MenuNotification = function MenuNotification(_ref) {
+  var content = _ref.content;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     id: "menu-notification",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "overall-list",
-      children: content === null || content === void 0 ? void 0 : content.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-        onClick: () => {
-          console.log(item.label);
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: (content === null || content === void 0 ? void 0 : content.notificationType) === "productComment" ? _menuNotificationComment.default : _menuNotificationProduct.default,
-          alt: item.label
-        }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          children: item.label
-        })]
-      }, index))
+      children: content === null || content === void 0 ? void 0 : content.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          onClick: function onClick() {
+            console.log(item.label);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: (content === null || content === void 0 ? void 0 : content.notificationType) === "productComment" ? _menuNotificationComment.default : _menuNotificationProduct.default,
+            alt: item.label
+          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: item.label
+          })]
+        }, index);
+      })
     })
   });
 };
+
 exports.MenuNotification = MenuNotification;

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

@@ -1,12 +1,20 @@
 "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 _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 220px;\n  height: auto;\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 25px 16px 18px 26px;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.14);\n  position: absolute;\n  top: calc(100% + 25px);\n  left: calc(50% - 223px / 2);\n  &::before {\n    content: \"\";\n    width: 85px;\n    height: 85px;\n    display: block;\n    background-color: ", ";\n    position: absolute;\n    left: 50%;\n    transform: translateX(-30%) rotate(-22deg) skewX(45deg);\n    top: -17px;\n    z-index: -1;\n  }\n  .overall-list {\n    list-style: none;\n    li {\n      display: flex;\n      align-items: center;\n      & + * {\n        margin-top: 10px;\n      }\n      img {\n        & + * {\n          margin-left: 10px;\n        }\n      }\n      p {\n        line-height: 16px;\n        font-size: 12px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 220px;\n  height: auto;\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 25px 16px 18px 26px;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.14);\n  position: absolute;\n  top: calc(100% + 25px);\n  left: calc(50% - 223px / 2);\n  &::before {\n    content: \"\";\n    width: 85px;\n    height: 85px;\n    display: block;\n    background-color: ", ";\n    position: absolute;\n    left: 50%;\n    transform: translateX(-30%) rotate(-22deg) skewX(45deg);\n    top: -17px;\n    z-index: -1;\n  }\n  .overall-list {\n    list-style: none;\n    li {\n      display: flex;\n      align-items: center;\n      & + * {\n        margin-top: 10px;\n      }\n      img {\n        & + * {\n          margin-left: 10px;\n        }\n      }\n      p {\n        line-height: 16px;\n        font-size: 12px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext);
+
+exports.Container = Container;

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

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

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

@@ -1,20 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuProfile = void 0;
+
 var _styles = require("./styles");
+
 var _myAccount = _interopRequireDefault(require("../../../assets/images/menuProfile/myAccount.svg"));
+
 var _settings = _interopRequireDefault(require("../../../assets/images/menuProfile/settings.svg"));
+
 var _logOut = _interopRequireDefault(require("../../../assets/images/menuProfile/logOut.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-const MenuProfile = _ref => {
-  let {
-    user
-  } = _ref;
-  const content = [{
+
+var MenuProfile = function MenuProfile(_ref) {
+  var user = _ref.user;
+  var content = [{
     icon: _myAccount.default,
     label: "Mi cuenta"
   }, {
@@ -32,18 +37,21 @@ const MenuProfile = _ref => {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "overall-list",
-      children: content.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-        onClick: () => {
-          console.log(item.label);
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: item.icon,
-          alt: item.label
-        }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          children: item.label
-        })]
-      }, index))
+      children: content.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          onClick: function onClick() {
+            console.log(item.label);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: item.icon,
+            alt: item.label
+          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: item.label
+          })]
+        }, index);
+      })
     })]
   });
 };
+
 exports.MenuProfile = MenuProfile;

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

@@ -1,12 +1,20 @@
 "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 _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 200px;\n  height: auto;\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 16px;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  position: absolute;\n  top: calc(100% + 5px);\n  left: 0px;\n  div {\n    background-color: ", ";\n    border-radius: 15px;\n    padding-top: 4px;\n    padding-bottom: 1px;\n    p {\n      text-align: center;\n      font-family: ", ";\n      font-style: normal;\n      font-weight: 500;\n      line-height: 20px;\n      font-size: 14px;\n      color: #ededed;\n      letter-spacing: -0.015em;\n    }\n  }\n  .overall-list {\n    margin-top: 5px;\n    margin-left: 25px;\n    list-style: none;\n    li {\n      display: flex;\n      align-items: center;\n      & + * {\n        margin-top: 8px;\n      }\n      img {\n        & + * {\n          margin-left: 10px;\n        }\n      }\n      p {\n        margin-top: 3px;\n        line-height: 14px;\n        font-size: 14px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.original_purpura, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 200px;\n  height: auto;\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 16px;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  position: absolute;\n  top: calc(100% + 5px);\n  left: 0px;\n  div {\n    background-color: ", ";\n    border-radius: 15px;\n    padding-top: 4px;\n    padding-bottom: 1px;\n    p {\n      text-align: center;\n      font-family: ", ";\n      font-style: normal;\n      font-weight: 500;\n      line-height: 20px;\n      font-size: 14px;\n      color: #ededed;\n      letter-spacing: -0.015em;\n    }\n  }\n  .overall-list {\n    margin-top: 5px;\n    margin-left: 25px;\n    list-style: none;\n    li {\n      display: flex;\n      align-items: center;\n      & + * {\n        margin-top: 8px;\n      }\n      img {\n        & + * {\n          margin-left: 10px;\n        }\n      }\n      p {\n        margin-top: 3px;\n        line-height: 14px;\n        font-size: 14px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.original_purpura, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext);
+
+exports.Container = Container;

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

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MetricCardDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/atoms/MetricCard",
   component: _index.MetricCard
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MetricCard, {
-  ...args
-});
-const MetricCardDefault = exports.MetricCardDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MetricCard, (0, _objectSpread2.default)({}, args));
+};
+
+var MetricCardDefault = Template.bind({});
+exports.MetricCardDefault = MetricCardDefault;
 MetricCardDefault.args = {
   label: "Productos Totales",
   number: 2367

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

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MetricCard = void 0;
+
 var _styles = require("./styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const MetricCard = _ref => {
-  let {
-    label,
-    number
-  } = _ref;
+
+var MetricCard = function MetricCard(_ref) {
+  var label = _ref.label,
+      number = _ref.number;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       children: label
@@ -19,4 +20,5 @@ const MetricCard = _ref => {
     })]
   });
 };
+
 exports.MetricCard = MetricCard;

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

@@ -1,12 +1,20 @@
 "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 _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 10px 20px;\n  border: 1px solid ", ";\n  width: fit-content;\n  text-align: center;\n  border-radius: 10px;\n\n  p {\n    color: #000;\n    font-size: 25px;\n    font-family: ", ";\n    font-size: 25px;\n    font-feature-settings: \"pnum\", \"lnum\";\n\n    &:first-of-type {\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 13px;\n    }\n\n    & + * {\n      margin-top: 3px;\n    }\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.Raleway_600, _variables.GlobalColors.s3, _variables.FontFamily.Raleway);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 10px 20px;\n  border: 1px solid ", ";\n  width: fit-content;\n  text-align: center;\n  border-radius: 10px;\n\n  p {\n    color: #000;\n    font-size: 25px;\n    font-family: ", ";\n    font-size: 25px;\n    font-feature-settings: \"pnum\", \"lnum\";\n\n    &:first-of-type {\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 13px;\n    }\n\n    & + * {\n      margin-top: 3px;\n    }\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.Raleway_600, _variables.GlobalColors.s3, _variables.FontFamily.Raleway);
+
+exports.Container = Container;

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

@@ -1,28 +1,46 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MetricSelectDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _react = require("react");
+
 var _ = require(".");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/atoms/MetricSelect",
   component: _.MetricSelect
 };
-const Template = args => {
-  const [optionSelected, setSelectedOption] = (0, _react.useState)("Semana actual");
-  const onChange = e => {
+exports.default = _default;
+
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)("Semana actual"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      optionSelected = _useState2[0],
+      setSelectedOption = _useState2[1];
+
+  var onChange = function onChange(e) {
     setSelectedOption(e.target.value);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MetricSelect, {
-    ...args,
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MetricSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, args), {}, {
     optionSelected: optionSelected,
     onChange: onChange
-  });
+  }));
 };
-const MetricSelectDefault = exports.MetricSelectDefault = Template.bind({});
+
+var MetricSelectDefault = Template.bind({});
+exports.MetricSelectDefault = MetricSelectDefault;
 MetricSelectDefault.args = {
   options: ["12/12/12", "12/12/13", "12/12/14", "12/12/15", "12/12/16", "12/12/17", "12/12/18", "12/12/19", "12/12/20", "12/12/21", "12/12/22"]
 };

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

@@ -4,16 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MetricSelect = void 0;
+
 var _styles = require("./styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const MetricSelect = _ref => {
-  let {
-    options,
-    optionSelected,
-    onChange,
-    label,
-    className
-  } = _ref;
+
+var MetricSelect = function MetricSelect(_ref) {
+  var options = _ref.options,
+      optionSelected = _ref.optionSelected,
+      onChange = _ref.onChange,
+      label = _ref.label,
+      className = _ref.className;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
@@ -23,11 +24,14 @@ const MetricSelect = _ref => {
         value: "",
         disabled: true,
         children: label
-      }), options === null || options === void 0 ? void 0 : options.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: option.id,
-        children: option.name
-      }, option.name))]
+      }), options === null || options === void 0 ? void 0 : options.map(function (option) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: option.id,
+          children: option.name
+        }, option.name);
+      })]
     })
   });
 };
+
 exports.MetricSelect = MetricSelect;

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

@@ -1,12 +1,20 @@
 "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 _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  display: block;\n  padding-right: 10px;\n  border-radius: 5px;\n\n  select {\n    color: ", ";\n    outline: none;\n    padding: 10px;\n    background-color: transparent;\n    border: none;\n    option:first-of-type {\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  display: block;\n  padding-right: 10px;\n  border-radius: 5px;\n\n  select {\n    color: ", ";\n    outline: none;\n    padding: 10px;\n    background-color: transparent;\n    border: none;\n    option:first-of-type {\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+
+exports.Container = Container;

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

@@ -1,20 +1,31 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MultiselectDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/atoms/Multiselect",
   component: _index.Multiselect,
   argTypes: {}
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Multiselect, {
-  ...args
-});
-const MultiselectDefault = exports.MultiselectDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Multiselect, (0, _objectSpread2.default)({}, args));
+};
+
+var MultiselectDefault = Template.bind({});
+exports.MultiselectDefault = MultiselectDefault;
 MultiselectDefault.args = {
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI1YjFkNTAxMS1mZjYxLTQ5ZDUtYjQ1Mi05MWY4YWFjMzc2NjciLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNDI5NjI1MywibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA0Mjk5ODUzLCJpYXQiOjE3MDQyOTYyNTMsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.jxuawcG-ktvnugT2_bJnHbj6JFn5OEY5ehBxI5mQNVkY92CAvzVud5LLMTfhis7FtctJGWY49-iP2IQJQZM-D7nmySieEyIlgl0jeZsmEFUIpXF5y6IjGVdVpM5I7BKwAJeZbk80tgz1FHEJO_U1RKlXc88roNJK9ZZRHXO795Ilk4DH1wN1HPPtmSSBF7kAUSpolWcywNyg2o-7hUfmxu8UDJ3gYaOq2IkKjD2efQkw7PwBIzCobGYQfoWAo8QaQo-lbxh5SGcC33Qtu-T8Abk-Cm8AGCkKyDiX5ml4FbPnsCf-ND_1-lPWOY6z0n1YPf8ow32l0Aa0eOhdphsnPg",
   showSearchBar: true,