@tecsinapse/react-web-kit 1.20.1 → 1.21.1

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js

@@ -1,5 +1,17 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React from 'react';
 import { Icon, Text } from '@tecsinapse/react-core';
 import { SubMenuBlock } from "./SubMenuBlock";
@@ -17,8 +29,9 @@ var MenuItem = function MenuItem(_ref) {
       toggle = _ref.toggle;
 
   var _React$useState = React.useState(false),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
 
   var noTextDecoration = {
     textDecoration: 'none'
@@ -46,7 +59,7 @@ var MenuItem = function MenuItem(_ref) {
     name: getIconName(),
     type: "material-community",
     fontColor: "orange"
-  }))), open && (items == null ? void 0 : items.map(function (subItem) {
+  }))), open && (items === null || items === void 0 ? void 0 : items.map(function (subItem) {
     return React.createElement(SubMenuBlock, {
       key: subItem.title,
       data: subItem,

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","Icon","Text","SubMenuBlock","StyledRightComponent","StyledText","StyledContainerItemText","StyledSubButton","MenuItem","title","Component","props","rightComponents","items","toggle","useState","open","setOpen","noTextDecoration","textDecoration","getIconName","handleMenuAction","map","subItem"],"sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n  title: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n  toggle: () => void;\n  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n  title,\n  Component = 'a',\n  props = {},\n  rightComponents,\n  items,\n  toggle,\n}) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const getIconName = () =>\n    open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n  const handleMenuAction = () => setOpen(!open);\n\n  return (\n    <>\n      <StyledContainerItemText key={title}>\n        <Component {...props} style={noTextDecoration} onClick={toggle}>\n          <Text\n            colorVariant={open ? 'primary' : 'secondary'}\n            colorTone={open ? 'medium' : 'dark'}\n          >\n            <StyledText>{title}</StyledText>\n          </Text>\n        </Component>\n        {rightComponents && !items && (\n          <StyledRightComponent>{rightComponents}</StyledRightComponent>\n        )}\n        {items && (\n          <StyledSubButton onClick={handleMenuAction}>\n            <Icon\n              name={getIconName()}\n              type=\"material-community\"\n              fontColor=\"orange\"\n            />\n          </StyledSubButton>\n        )}\n      </StyledContainerItemText>\n      {open &&\n        items?.map(subItem => (\n          <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n        ))}\n    </>\n  );\n};\n\nexport default MenuItem;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAmC,OAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,UAA/B;AACA,SAASC,uBAAT,EAAkCC,eAAlC;;AAcA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAOpC;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,0BALJC,SAKI;EAAA,IALJA,SAKI,+BALQ,GAKR;EAAA,sBAJJC,KAII;EAAA,IAJJA,KAII,2BAJI,EAIJ;EAAA,IAHJC,eAGI,QAHJA,eAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADJC,MACI,QADJA,MACI;;EACJ,sBAAwBd,KAAK,CAACe,QAAN,CAAwB,KAAxB,CAAxB;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAClBJ,IAAI,GAAG,8BAAH,GAAoC,gCADtB;EAAA,CAApB;;EAGA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB;IAAA,OAAMJ,OAAO,CAAC,CAACD,IAAF,CAAb;EAAA,CAAzB;;EAEA,OACE,0CACE,oBAAC,uBAAD;IAAyB,GAAG,EAAEP;EAA9B,GACE,oBAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEO,gBAA7B;IAA+C,OAAO,EAAEJ;EAAxD,IACE,oBAAC,IAAD;IACE,YAAY,EAAEE,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,oBAAC,UAAD,QAAaP,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,oBAAC,oBAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,oBAAC,eAAD;IAAiB,OAAO,EAAEQ;EAA1B,GACE,oBAAC,IAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGJ,IAAI,KACHH,KADG,oBACHA,KAAK,CAAES,GAAP,CAAW,UAAAC,OAAO;IAAA,OAChB,oBAAC,YAAD;MAAc,GAAG,EAAEA,OAAO,CAACd,KAA3B;MAAkC,IAAI,EAAEc,OAAxC;MAAiD,MAAM,EAAET;IAAzD,EADgB;EAAA,CAAlB,CADG,CAvBP,CADF;AA8BD,CA/CD;;AAiDA,eAAeN,QAAf"}
+{"version":3,"file":"MenuItem.js","names":["React","Icon","Text","SubMenuBlock","StyledRightComponent","StyledText","StyledContainerItemText","StyledSubButton","MenuItem","title","Component","props","rightComponents","items","toggle","useState","open","setOpen","noTextDecoration","textDecoration","getIconName","handleMenuAction","map","subItem"],"sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n  title: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n  toggle: () => void;\n  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n  title,\n  Component = 'a',\n  props = {},\n  rightComponents,\n  items,\n  toggle,\n}) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const getIconName = () =>\n    open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n  const handleMenuAction = () => setOpen(!open);\n\n  return (\n    <>\n      <StyledContainerItemText key={title}>\n        <Component {...props} style={noTextDecoration} onClick={toggle}>\n          <Text\n            colorVariant={open ? 'primary' : 'secondary'}\n            colorTone={open ? 'medium' : 'dark'}\n          >\n            <StyledText>{title}</StyledText>\n          </Text>\n        </Component>\n        {rightComponents && !items && (\n          <StyledRightComponent>{rightComponents}</StyledRightComponent>\n        )}\n        {items && (\n          <StyledSubButton onClick={handleMenuAction}>\n            <Icon\n              name={getIconName()}\n              type=\"material-community\"\n              fontColor=\"orange\"\n            />\n          </StyledSubButton>\n        )}\n      </StyledContainerItemText>\n      {open &&\n        items?.map(subItem => (\n          <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n        ))}\n    </>\n  );\n};\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAmC,OAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,UAA/B;AACA,SAASC,uBAAT,EAAkCC,eAAlC;;AAcA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAOpC;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,0BALJC,SAKI;EAAA,IALJA,SAKI,+BALQ,GAKR;EAAA,sBAJJC,KAII;EAAA,IAJJA,KAII,2BAJI,EAIJ;EAAA,IAHJC,eAGI,QAHJA,eAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADJC,MACI,QADJA,MACI;;EACJ,sBAAwBd,KAAK,CAACe,QAAN,CAAwB,KAAxB,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAClBJ,IAAI,GAAG,8BAAH,GAAoC,gCADtB;EAAA,CAApB;;EAGA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB;IAAA,OAAMJ,OAAO,CAAC,CAACD,IAAF,CAAb;EAAA,CAAzB;;EAEA,OACE,0CACE,oBAAC,uBAAD;IAAyB,GAAG,EAAEP;EAA9B,GACE,oBAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEO,gBAA7B;IAA+C,OAAO,EAAEJ;EAAxD,IACE,oBAAC,IAAD;IACE,YAAY,EAAEE,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,oBAAC,UAAD,QAAaP,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,oBAAC,oBAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,oBAAC,eAAD;IAAiB,OAAO,EAAEQ;EAA1B,GACE,oBAAC,IAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGJ,IAAI,KACHH,KADG,aACHA,KADG,uBACHA,KAAK,CAAES,GAAP,CAAW,UAAAC,OAAO;IAAA,OAChB,oBAAC,YAAD;MAAc,GAAG,EAAEA,OAAO,CAACd,KAA3B;MAAkC,IAAI,EAAEc,OAAxC;MAAiD,MAAM,EAAET;IAAzD,EADgB;EAAA,CAAlB,CADG,CAvBP,CADF;AA8BD,CA/CD;;AAiDA,eAAeN,QAAf"}

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js

@@ -1,15 +1,15 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var StyledContainerItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"])));
-export var DummyBorder = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  border-left: ", ";\n  margin-right: ", ";\n"])), function (_ref) {
+export var StyledContainerItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+export var DummyBorder = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  border-left: ", ";\n  margin-right: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.typography.sub.fontSize;
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.borderWidth.pico + " solid " + theme.color.primary.medium;
+  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.primary.medium);
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.spacing.mili;

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","DummyBorder","theme","typography","sub","fontSize","borderWidth","pico","color","primary","medium","spacing","mili"],"sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n  height: ${({ theme }) => theme.typography.sub.fontSize};\n  border-left: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,sHAAzB;AAKP,OAAO,IAAME,WAAW,GAAGF,MAAM,CAAC,KAAD,CAAT,6IACZ;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CADY,EAEP;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OACVA,KAAK,CAACI,WAAN,CAAkBC,IADR,eACsBL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAD1C;AAAA,CAFO,EAIN;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CAJM,CAAjB"}
+{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","DummyBorder","theme","typography","sub","fontSize","borderWidth","pico","color","primary","medium","spacing","mili"],"sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n  height: ${({ theme }) => theme.typography.sub.fontSize};\n  border-left: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,iHAAzB;AAKP,OAAO,IAAME,WAAW,GAAGF,MAAM,CAAC,KAAD,CAAT,wIACZ;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CADY,EAEP;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,iBACVA,KAAK,CAACI,WAAN,CAAkBC,IADR,oBACsBL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAD1C;AAAA,CAFO,EAIN;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CAJM,CAAjB"}

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js

@@ -1,13 +1,13 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var StyledContainerItemText = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin-top: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
+export var StyledContainerItemText = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mili;
 });
-export var StyledSubButton = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  padding-top: ", " 0 0 0;\n  margin-left: ", ";\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n"])), function (_ref2) {
+export var StyledSubButton = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-top: ", " 0 0 0;\n  margin-left: ", ";\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacing.nano;
 }, function (_ref3) {

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledContainerItemText","theme","spacing","mili","StyledSubButton","nano"],"sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,uBAAuB,GAAGD,MAAM,CAAC,KAAD,CAAT,4IACpB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADoB,CAA7B;AAMP,OAAO,IAAMC,eAAe,GAAGL,MAAM,CAAC,MAAD,CAAT,2LACX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,IAA7B;AAAA,CADW,EAEX;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFW,CAArB"}
+{"version":3,"file":"styled.js","names":["styled","StyledContainerItemText","theme","spacing","mili","StyledSubButton","nano"],"sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,uBAAuB,GAAGD,MAAM,CAAC,KAAD,CAAT,uIACpB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADoB,CAA7B;AAMP,OAAO,IAAMC,eAAe,GAAGL,MAAM,CAAC,MAAD,CAAT,sLACX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,IAA7B;AAAA,CADW,EAEX;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFW,CAArB"}

package/esm/components/molecules/Menubar/MenuBlock/styled.js

@@ -1,26 +1,26 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { hex2rgba } from '@tecsinapse/react-core';
-export var StyledLeftComponent = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin-right: ", ";\n"])), function (_ref) {
+export var StyledLeftComponent = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mili;
 });
-export var StyledRightComponent = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-left: ", ";\n"])), function (_ref2) {
+export var StyledRightComponent = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacing.mili;
 });
-export var StyledContainerMenu = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ", ";\n  width: 100%;\n  padding-bottom: ", ";\n"])), function (_ref3) {
+export var StyledContainerMenu = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ", ";\n  width: 100%;\n  padding-bottom: ", ";\n"])), function (_ref3) {
   var theme = _ref3.theme;
-  return theme.borderWidth.pico + " solid " + hex2rgba(theme.miscellaneous.shadow, 0.05);
+  return "".concat(theme.borderWidth.pico, " solid ").concat(hex2rgba(theme.miscellaneous.shadow, 0.05));
 }, function (_ref4) {
   var theme = _ref4.theme;
   return theme.spacing.mili;
 });
-export var StyledContainerItems = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
-export var StyledText = styled('span')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  &:hover {\n    color: ", ";\n  }\n"])), function (_ref5) {
+export var StyledContainerItems = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+export var StyledText = styled('span')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &:hover {\n    color: ", ";\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.font.color.orange;
 });

package/esm/components/molecules/Menubar/MenuBlock/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledLeftComponent","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","miscellaneous","shadow","StyledContainerItems","StyledText","font","color","orange"],"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n  width: 100%;\n  padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n  &:hover {\n    color: ${({ theme }) => theme.font.color.orange};\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,mBAAmB,GAAGF,MAAM,CAAC,KAAD,CAAT,oGACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADc,CAAzB;AAIP,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAAC,KAAD,CAAT,qGAChB;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADgB,CAA1B;AAIP,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAAC,KAAD,CAAT,kNAIb;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OACZA,KAAK,CAACK,WAAN,CAAkBC,IADN,eACoBR,QAAQ,CACzCE,KAAK,CAACO,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD5B;AAAA,CAJa,EAUZ;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAVY,CAAzB;AAaP,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAAC,KAAD,CAAT,2HAA1B;AAKP,OAAO,IAAMa,UAAU,GAAGb,MAAM,CAAC,MAAD,CAAT,mHAEV;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACW,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,CAAhB"}
+{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledLeftComponent","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","miscellaneous","shadow","StyledContainerItems","StyledText","font","color","orange"],"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n  width: 100%;\n  padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n  &:hover {\n    color: ${({ theme }) => theme.font.color.orange};\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,mBAAmB,GAAGF,MAAM,CAAC,KAAD,CAAT,+FACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADc,CAAzB;AAIP,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAAC,KAAD,CAAT,gGAChB;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADgB,CAA1B;AAIP,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAAC,KAAD,CAAT,6MAIb;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,iBACZA,KAAK,CAACK,WAAN,CAAkBC,IADN,oBACoBR,QAAQ,CACzCE,KAAK,CAACO,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD5B;AAAA,CAJa,EAUZ;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAVY,CAAzB;AAaP,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAAC,KAAD,CAAT,sHAA1B;AAKP,OAAO,IAAMa,UAAU,GAAGb,MAAM,CAAC,MAAD,CAAT,8GAEV;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACW,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,CAAhB"}

package/esm/components/molecules/Menubar/Menubar.js

@@ -2,6 +2,20 @@ var _excluded = ["leftComponents", "rightComponents", "searchPlaceholder", "opti
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React, { useRef } from 'react';
@@ -28,23 +42,27 @@ var Menubar = function Menubar(_ref) {
       searchResultsLabel = _ref$searchResultsLab === void 0 ? 'Resultados da busca' : _ref$searchResultsLab,
       _ref$searchable = _ref.searchable,
       searchable = _ref$searchable === void 0 ? true : _ref$searchable,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _React$useState = React.useState(''),
-      search = _React$useState[0],
-      setSearch = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      search = _React$useState2[0],
+      setSearch = _React$useState2[1];
 
-  var _React$useState2 = React.useState([]),
-      results = _React$useState2[0],
-      setResults = _React$useState2[1];
+  var _React$useState3 = React.useState([]),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      results = _React$useState4[0],
+      setResults = _React$useState4[1];
 
   var _useDebouncedState = useDebouncedState('', setSearch),
-      input = _useDebouncedState[0],
-      setInput = _useDebouncedState[1];
+      _useDebouncedState2 = _slicedToArray(_useDebouncedState, 2),
+      input = _useDebouncedState2[0],
+      setInput = _useDebouncedState2[1];
 
-  var _React$useState3 = React.useState(false),
-      open = _React$useState3[0],
-      setOpen = _React$useState3[1];
+  var _React$useState5 = React.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      open = _React$useState6[0],
+      setOpen = _React$useState6[1];
 
   var menuRef = useRef(null);
   useClickAwayListener(menuRef, setOpen, 'mouseup');
@@ -107,7 +125,7 @@ var Menubar = function Menubar(_ref) {
       fontWeight: "bold"
     }, searchResultsLabel)), results.map(function (result) {
       return React.createElement(SearchResultItem, {
-        key: result.title + "-" + result.category,
+        key: "".concat(result.title, "-").concat(result.category),
         data: result,
         searchTerm: search,
         toggle: toggleOpen

package/esm/components/molecules/Menubar/Menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.js","names":["React","useRef","Icon","Text","useDebouncedState","Transition","StyledIconInput","StyledMenuBar","StyledMenuButton","StyledContainerOpenMenu","StyledInput","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer","MostUsed","MenuBlock","SearchResultItem","filterAndTransform","getContainerOpenMenuStyles","getInputContainerStyles","useClickAwayListener","Menubar","leftComponents","rightComponents","searchPlaceholder","options","mostUsed","mostUsedLabel","searchResultsLabel","searchable","rest","useState","search","setSearch","results","setResults","input","setInput","open","setOpen","menuRef","toggleOpen","useCallback","state","useEffect","ref","current","map","result","title","category"],"sources":["../../../../src/components/molecules/Menubar/Menubar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n  StyledIconInput,\n  StyledMenuBar,\n  StyledMenuButton,\n  StyledContainerOpenMenu,\n  StyledInput,\n  StyledInputContainer,\n  StyledSearchResultsContainer,\n  StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n  getContainerOpenMenuStyles,\n  getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: OptionsType[];\n  leftComponents?: React.ReactNode;\n  rightComponents?: React.ReactNode;\n  /** Limited to first 4 elements */\n  mostUsed?: MostUsedType[];\n  mostUsedLabel?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n  leftComponents,\n  rightComponents,\n  searchPlaceholder = 'O quê você deseja buscar?',\n  options,\n  mostUsed,\n  mostUsedLabel = 'Mais acessados',\n  searchResultsLabel = 'Resultados da busca',\n  searchable = true,\n  ...rest\n}) => {\n  const [search, setSearch] = React.useState<string>('');\n  const [results, setResults] = React.useState<MostUsedType[]>([]);\n  const [input, setInput] = useDebouncedState<string>('', setSearch);\n  const [open, setOpen] = React.useState<boolean>(false);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  useClickAwayListener(menuRef, setOpen, 'mouseup');\n\n  const toggleOpen = React.useCallback(\n    () => setOpen(state => !state),\n    [setOpen]\n  );\n\n  React.useEffect(() => {\n    if (search === '') return;\n    setResults(filterAndTransform(options, search));\n  }, [search]);\n\n  return (\n    <div ref={ref => (menuRef.current = ref)} {...rest}>\n      <StyledMenuBar>\n        <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n          {!open ? (\n            <Icon\n              size=\"deca\"\n              name=\"menu\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          ) : (\n            <Icon\n              size=\"deca\"\n              name=\"close\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          )}\n        </StyledMenuButton>\n        {leftComponents}\n        <Transition in={open} timeout={250}>\n          {state => (\n            <StyledInputContainer style={getInputContainerStyles(state)}>\n              {searchable && (\n                <StyledInput\n                  placeholder={searchPlaceholder}\n                  leftComponent={\n                    <StyledIconInput>\n                      <Icon name=\"magnify\" type=\"material-community\" />\n                    </StyledIconInput>\n                  }\n                  value={input}\n                  onChange={setInput}\n                />\n              )}\n            </StyledInputContainer>\n          )}\n        </Transition>\n        {rightComponents}\n      </StyledMenuBar>\n      <Transition in={open} timeout={250}>\n        {state => (\n          <StyledContainerOpenMenu style={getContainerOpenMenuStyles(state)}>\n            {!search ? (\n              <>\n                {mostUsed && (\n                  <MostUsed\n                    label={mostUsedLabel}\n                    data={mostUsed}\n                    toggle={toggleOpen}\n                  />\n                )}\n                <MenuBlock options={options} toggle={toggleOpen} />\n              </>\n            ) : (\n              <StyledSearchResultsContainer>\n                <StyledSearchTextContainer>\n                  <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n                </StyledSearchTextContainer>\n                {results.map(result => (\n                  <SearchResultItem\n                    key={`${result.title}-${result.category}`}\n                    data={result}\n                    searchTerm={search}\n                    toggle={toggleOpen}\n                  />\n                ))}\n              </StyledSearchResultsContainer>\n            )}\n          </StyledContainerOpenMenu>\n        )}\n      </Transition>\n    </div>\n  );\n};\n\nexport default Menubar;\n"],"mappings":"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"}
+{"version":3,"file":"Menubar.js","names":["React","useRef","Icon","Text","useDebouncedState","Transition","StyledIconInput","StyledMenuBar","StyledMenuButton","StyledContainerOpenMenu","StyledInput","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer","MostUsed","MenuBlock","SearchResultItem","filterAndTransform","getContainerOpenMenuStyles","getInputContainerStyles","useClickAwayListener","Menubar","leftComponents","rightComponents","searchPlaceholder","options","mostUsed","mostUsedLabel","searchResultsLabel","searchable","rest","useState","search","setSearch","results","setResults","input","setInput","open","setOpen","menuRef","toggleOpen","useCallback","state","useEffect","ref","current","map","result","title","category"],"sources":["../../../../src/components/molecules/Menubar/Menubar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n  StyledIconInput,\n  StyledMenuBar,\n  StyledMenuButton,\n  StyledContainerOpenMenu,\n  StyledInput,\n  StyledInputContainer,\n  StyledSearchResultsContainer,\n  StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n  getContainerOpenMenuStyles,\n  getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: OptionsType[];\n  leftComponents?: React.ReactNode;\n  rightComponents?: React.ReactNode;\n  /** Limited to first 4 elements */\n  mostUsed?: MostUsedType[];\n  mostUsedLabel?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n  leftComponents,\n  rightComponents,\n  searchPlaceholder = 'O quê você deseja buscar?',\n  options,\n  mostUsed,\n  mostUsedLabel = 'Mais acessados',\n  searchResultsLabel = 'Resultados da busca',\n  searchable = true,\n  ...rest\n}) => {\n  const [search, setSearch] = React.useState<string>('');\n  const [results, setResults] = React.useState<MostUsedType[]>([]);\n  const [input, setInput] = useDebouncedState<string>('', setSearch);\n  const [open, setOpen] = React.useState<boolean>(false);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  useClickAwayListener(menuRef, setOpen, 'mouseup');\n\n  const toggleOpen = React.useCallback(\n    () => setOpen(state => !state),\n    [setOpen]\n  );\n\n  React.useEffect(() => {\n    if (search === '') return;\n    setResults(filterAndTransform(options, search));\n  }, [search]);\n\n  return (\n    <div ref={ref => (menuRef.current = ref)} {...rest}>\n      <StyledMenuBar>\n        <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n          {!open ? (\n            <Icon\n              size=\"deca\"\n              name=\"menu\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          ) : (\n            <Icon\n              size=\"deca\"\n              name=\"close\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          )}\n        </StyledMenuButton>\n        {leftComponents}\n        <Transition in={open} timeout={250}>\n          {state => (\n            <StyledInputContainer style={getInputContainerStyles(state)}>\n              {searchable && (\n                <StyledInput\n                  placeholder={searchPlaceholder}\n                  leftComponent={\n                    <StyledIconInput>\n                      <Icon name=\"magnify\" type=\"material-community\" />\n                    </StyledIconInput>\n                  }\n                  value={input}\n                  onChange={setInput}\n                />\n              )}\n            </StyledInputContainer>\n          )}\n        </Transition>\n        {rightComponents}\n      </StyledMenuBar>\n      <Transition in={open} timeout={250}>\n        {state => (\n          <StyledContainerOpenMenu style={getContainerOpenMenuStyles(state)}>\n            {!search ? (\n              <>\n                {mostUsed && (\n                  <MostUsed\n                    label={mostUsedLabel}\n                    data={mostUsed}\n                    toggle={toggleOpen}\n                  />\n                )}\n                <MenuBlock options={options} toggle={toggleOpen} />\n              </>\n            ) : (\n              <StyledSearchResultsContainer>\n                <StyledSearchTextContainer>\n                  <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n                </StyledSearchTextContainer>\n                {results.map(result => (\n                  <SearchResultItem\n                    key={`${result.title}-${result.category}`}\n                    data={result}\n                    searchTerm={search}\n                    toggle={toggleOpen}\n                  />\n                ))}\n              </StyledSearchResultsContainer>\n            )}\n          </StyledContainerOpenMenu>\n        )}\n      </Transition>\n    </div>\n  );\n};\n\nexport default Menubar;\n"],"mappings":"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"}

package/esm/components/molecules/Menubar/MostUsed/MostUsed.js

@@ -22,11 +22,11 @@ var MostUsed = function MostUsed(_ref) {
         props = _ref2$props === void 0 ? {} : _ref2$props;
     return React.createElement(Component, _extends({}, props, {
       style: noTextDecoration,
-      key: title + "-" + category,
+      key: "".concat(title, "-").concat(category),
       onClick: toggle
     }), React.createElement(StyledCard, {
       elevated: true,
-      key: title + "-" + category
+      key: "".concat(title, "-").concat(category)
     }, React.createElement(Text, {
       fontWeight: "bold",
       colorVariant: "primary"

package/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map

@@ -1 +1 @@
-{"version":3,"file":"MostUsed.js","names":["React","Text","StyledCard","StyledCardContainer","MostUsed","data","label","toggle","noTextDecoration","textDecoration","slice","map","title","category","Component","props","memo"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n  data: MostUsedType[];\n  label: string;\n  toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <>\n      <Text fontWeight=\"bold\">{label}</Text>\n      <StyledCardContainer>\n        {data\n          .slice(0, 4)\n          .map(\n            ({\n              title,\n              category,\n              Component = 'a',\n              props = {},\n            }: MostUsedType) => (\n              <Component\n                {...props}\n                style={noTextDecoration}\n                key={`${title}-${category}`}\n                onClick={toggle}\n              >\n                <StyledCard elevated key={`${title}-${category}`}>\n                  <Text fontWeight=\"bold\" colorVariant=\"primary\">\n                    {title}\n                  </Text>\n                  <Text\n                    fontWeight=\"bold\"\n                    colorVariant=\"secondary\"\n                    typography=\"label\"\n                  >\n                    {category}\n                  </Text>\n                </StyledCard>\n              </Component>\n            )\n          )}\n      </StyledCardContainer>\n    </>\n  );\n};\n\nexport default React.memo(MostUsed);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,UAAT,EAAqBC,mBAArB;;AASA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAA6B;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;EAAA,IAApBC,KAAoB,QAApBA,KAAoB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACrE,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,0CACE,oBAAC,IAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBH,KAAzB,CADF,EAEE,oBAAC,mBAAD,QACGD,IAAI,CACFK,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG;IAAA,IACEC,KADF,SACEA,KADF;IAAA,IAEEC,QAFF,SAEEA,QAFF;IAAA,4BAGEC,SAHF;IAAA,IAGEA,SAHF,gCAGc,GAHd;IAAA,wBAIEC,KAJF;IAAA,IAIEA,KAJF,4BAIU,EAJV;IAAA,OAME,oBAAC,SAAD,eACMA,KADN;MAEE,KAAK,EAAEP,gBAFT;MAGE,GAAG,EAAKI,KAAL,SAAcC,QAHnB;MAIE,OAAO,EAAEN;IAJX,IAME,oBAAC,UAAD;MAAY,QAAQ,MAApB;MAAqB,GAAG,EAAKK,KAAL,SAAcC;IAAtC,GACE,oBAAC,IAAD;MAAM,UAAU,EAAC,MAAjB;MAAwB,YAAY,EAAC;IAArC,GACGD,KADH,CADF,EAIE,oBAAC,IAAD;MACE,UAAU,EAAC,MADb;MAEE,YAAY,EAAC,WAFf;MAGE,UAAU,EAAC;IAHb,GAKGC,QALH,CAJF,CANF,CANF;EAAA,CAHH,CADH,CAFF,CADF;AAqCD,CAxCD;;AA0CA,eAAeb,KAAK,CAACgB,IAAN,CAAWZ,QAAX,CAAf"}
+{"version":3,"file":"MostUsed.js","names":["React","Text","StyledCard","StyledCardContainer","MostUsed","data","label","toggle","noTextDecoration","textDecoration","slice","map","title","category","Component","props","memo"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n  data: MostUsedType[];\n  label: string;\n  toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <>\n      <Text fontWeight=\"bold\">{label}</Text>\n      <StyledCardContainer>\n        {data\n          .slice(0, 4)\n          .map(\n            ({\n              title,\n              category,\n              Component = 'a',\n              props = {},\n            }: MostUsedType) => (\n              <Component\n                {...props}\n                style={noTextDecoration}\n                key={`${title}-${category}`}\n                onClick={toggle}\n              >\n                <StyledCard elevated key={`${title}-${category}`}>\n                  <Text fontWeight=\"bold\" colorVariant=\"primary\">\n                    {title}\n                  </Text>\n                  <Text\n                    fontWeight=\"bold\"\n                    colorVariant=\"secondary\"\n                    typography=\"label\"\n                  >\n                    {category}\n                  </Text>\n                </StyledCard>\n              </Component>\n            )\n          )}\n      </StyledCardContainer>\n    </>\n  );\n};\n\nexport default React.memo(MostUsed);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,UAAT,EAAqBC,mBAArB;;AASA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAA6B;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;EAAA,IAApBC,KAAoB,QAApBA,KAAoB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACrE,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,0CACE,oBAAC,IAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBH,KAAzB,CADF,EAEE,oBAAC,mBAAD,QACGD,IAAI,CACFK,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG;IAAA,IACEC,KADF,SACEA,KADF;IAAA,IAEEC,QAFF,SAEEA,QAFF;IAAA,4BAGEC,SAHF;IAAA,IAGEA,SAHF,gCAGc,GAHd;IAAA,wBAIEC,KAJF;IAAA,IAIEA,KAJF,4BAIU,EAJV;IAAA,OAME,oBAAC,SAAD,eACMA,KADN;MAEE,KAAK,EAAEP,gBAFT;MAGE,GAAG,YAAKI,KAAL,cAAcC,QAAd,CAHL;MAIE,OAAO,EAAEN;IAJX,IAME,oBAAC,UAAD;MAAY,QAAQ,MAApB;MAAqB,GAAG,YAAKK,KAAL,cAAcC,QAAd;IAAxB,GACE,oBAAC,IAAD;MAAM,UAAU,EAAC,MAAjB;MAAwB,YAAY,EAAC;IAArC,GACGD,KADH,CADF,EAIE,oBAAC,IAAD;MACE,UAAU,EAAC,MADb;MAEE,YAAY,EAAC,WAFf;MAGE,UAAU,EAAC;IAHb,GAKGC,QALH,CAJF,CANF,CANF;EAAA,CAHH,CADH,CAFF,CADF;AAqCD,CAxCD;;AA0CA,eAAeb,KAAK,CAACgB,IAAN,CAAWZ,QAAX,CAAf"}

package/esm/components/molecules/Menubar/MostUsed/styled.js

@@ -1,11 +1,11 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import { default as webStyled } from '@emotion/styled';
 import { Card } from '@tecsinapse/react-core';
 import { default as nativeStyled } from '@emotion/native';
-export var StyledCardContainer = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ", ";\n    margin-bottom: ", ";\n    margin-top: ", ";\n"])), function (_ref) {
+export var StyledCardContainer = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ", ";\n    margin-bottom: ", ";\n    margin-top: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mega;
 }, function (_ref2) {
@@ -15,7 +15,7 @@ export var StyledCardContainer = webStyled('div')(_templateObject || (_templateO
   var theme = _ref3.theme;
   return theme.spacing.centi;
 });
-export var StyledCard = nativeStyled(Card)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n"])), function (_ref4) {
+export var StyledCard = nativeStyled(Card)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.spacing.mili;
 }, function (_ref5) {

package/esm/components/molecules/Menubar/MostUsed/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["default","webStyled","Card","nativeStyled","StyledCardContainer","theme","spacing","mega","kilo","centi","StyledCard","mili","deca"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { Card, StyleProps } from '@tecsinapse/react-core';\nimport { default as nativeStyled } from '@emotion/native';\n\nexport const StyledCardContainer = webStyled('div')<Partial<StyleProps>>`\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ${({ theme }) => theme.spacing.mega};\n    margin-bottom: ${({ theme }) => theme.spacing.kilo};\n    margin-top: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledCard = nativeStyled(Card)<Partial<StyleProps>>`\n    padding-top: ${({ theme }) => theme.spacing.mili};\n    padding-bottom: ${({ theme }) => theme.spacing.mili};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    padding-right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":";;;;AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,iBAArC;AACA,SAASC,IAAT,QAAiC,wBAAjC;AACA,SAASF,OAAO,IAAIG,YAApB,QAAwC,iBAAxC;AAEA,OAAO,IAAMC,mBAAmB,GAAGH,SAAS,CAAC,KAAD,CAAZ,0NAGT;EAAA,IAAGI,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAHS,EAIX;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcE,IAA7B;AAAA,CAJW,EAKd;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,KAA7B;AAAA,CALc,CAAzB;AAQP,OAAO,IAAMC,UAAU,GAAGP,YAAY,CAACD,IAAD,CAAf,qLACJ;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcK,IAA7B;AAAA,CADI,EAED;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcK,IAA7B;AAAA,CAFC,EAGH;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcM,IAA7B;AAAA,CAHG,EAIF;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcM,IAA7B;AAAA,CAJE,CAAhB"}
+{"version":3,"file":"styled.js","names":["default","webStyled","Card","nativeStyled","StyledCardContainer","theme","spacing","mega","kilo","centi","StyledCard","mili","deca"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { Card, StyleProps } from '@tecsinapse/react-core';\nimport { default as nativeStyled } from '@emotion/native';\n\nexport const StyledCardContainer = webStyled('div')<Partial<StyleProps>>`\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ${({ theme }) => theme.spacing.mega};\n    margin-bottom: ${({ theme }) => theme.spacing.kilo};\n    margin-top: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledCard = nativeStyled(Card)<Partial<StyleProps>>`\n    padding-top: ${({ theme }) => theme.spacing.mili};\n    padding-bottom: ${({ theme }) => theme.spacing.mili};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    padding-right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":";;;;AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,iBAArC;AACA,SAASC,IAAT,QAAiC,wBAAjC;AACA,SAASF,OAAO,IAAIG,YAApB,QAAwC,iBAAxC;AAEA,OAAO,IAAMC,mBAAmB,GAAGH,SAAS,CAAC,KAAD,CAAZ,qNAGT;EAAA,IAAGI,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAHS,EAIX;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcE,IAA7B;AAAA,CAJW,EAKd;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,KAA7B;AAAA,CALc,CAAzB;AAQP,OAAO,IAAMC,UAAU,GAAGP,YAAY,CAACD,IAAD,CAAf,gLACJ;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcK,IAA7B;AAAA,CADI,EAED;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcK,IAA7B;AAAA,CAFC,EAGH;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcM,IAA7B;AAAA,CAHG,EAIF;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcM,IAA7B;AAAA,CAJE,CAAhB"}

package/esm/components/molecules/Menubar/SearchResultItem/styled.js

@@ -1,18 +1,18 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { default as nativeStyled } from '@emotion/native';
 import { hex2rgba, Text } from '@tecsinapse/react-core';
-export var StyledSearchItemContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  border-top: ", ";\n"])), function (_ref) {
+export var StyledSearchItemContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  border-top: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
-  return theme.spacing.mili + " 0 " + theme.spacing.centi + " 0";
+  return "".concat(theme.spacing.mili, " 0 ").concat(theme.spacing.centi, " 0");
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.borderWidth.pico + " solid " + hex2rgba(theme.miscellaneous.shadow, 0.05);
+  return "".concat(theme.borderWidth.pico, " solid ").concat(hex2rgba(theme.miscellaneous.shadow, 0.05));
 });
-export var HighlightText = nativeStyled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  text-decoration: underline;\n  text-decoration-color: ", ";\n"])), function (_ref3) {
+export var HighlightText = nativeStyled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: underline;\n  text-decoration-color: ", ";\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.font.color.orange;
 });

package/esm/components/molecules/Menubar/SearchResultItem/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","default","nativeStyled","hex2rgba","Text","StyledSearchItemContainer","theme","spacing","mili","centi","borderWidth","pico","miscellaneous","shadow","HighlightText","font","color","orange"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n  border-top: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n  text-decoration: underline;\n  text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAO,IAAIC,YAApB,QAAwC,iBAAxC;AACA,SAASC,QAAT,EAA+BC,IAA/B,QAA2C,wBAA3C;AAEA,OAAO,IAAMC,yBAAyB,GAAGL,MAAM,CAAC,KAAD,CAAT,iKAGzB;EAAA,IAAGM,KAAH,QAAGA,KAAH;EAAA,OAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,WAA0CF,KAAK,CAACC,OAAN,CAAcE,KAAxD;AAAA,CAHyB,EAItB;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OACTA,KAAK,CAACI,WAAN,CAAkBC,IADT,eACuBR,QAAQ,CACzCG,KAAK,CAACM,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD/B;AAAA,CAJsB,CAA/B;AAWP,OAAO,IAAMC,aAAa,GAAGZ,YAAY,CAACE,IAAD,CAAf,8IAEC;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFD,CAAnB"}
+{"version":3,"file":"styled.js","names":["styled","default","nativeStyled","hex2rgba","Text","StyledSearchItemContainer","theme","spacing","mili","centi","borderWidth","pico","miscellaneous","shadow","HighlightText","font","color","orange"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n  border-top: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n  text-decoration: underline;\n  text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAO,IAAIC,YAApB,QAAwC,iBAAxC;AACA,SAASC,QAAT,EAA+BC,IAA/B,QAA2C,wBAA3C;AAEA,OAAO,IAAMC,yBAAyB,GAAGL,MAAM,CAAC,KAAD,CAAT,4JAGzB;EAAA,IAAGM,KAAH,QAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,gBAA0CF,KAAK,CAACC,OAAN,CAAcE,KAAxD;AAAA,CAHyB,EAItB;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,iBACTA,KAAK,CAACI,WAAN,CAAkBC,IADT,oBACuBR,QAAQ,CACzCG,KAAK,CAACM,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD/B;AAAA,CAJsB,CAA/B;AAWP,OAAO,IAAMC,aAAa,GAAGZ,YAAY,CAACE,IAAD,CAAf,yIAEC;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFD,CAAnB"}

package/esm/components/molecules/Menubar/SearchResultItem/utils.js

@@ -23,7 +23,7 @@ var matchSpliter = function matchSpliter(str, indexes, size) {
 export var stringMatcher = function stringMatcher(searchTerm, textToReplace) {
   var s = normalize(searchTerm);
   var tx = normalize(textToReplace);
-  var r = new RegExp("(" + s + ")", 'g');
+  var r = new RegExp("(".concat(s, ")"), 'g');
   return Array.from(tx.matchAll(r));
 };
 
@@ -41,7 +41,7 @@ var highlightReplacer = function highlightReplacer(searchTerm, textToReplace, Co
   var splited = matchSpliter(textToReplace, indexes, searchTerm.length);
   return splited.map(function (value, idx) {
     return normalize(value) === search ? React.createElement(Component, _extends({
-      key: "highlight-" + value + idx
+      key: "highlight-".concat(value).concat(idx)
     }, props), value) : React.createElement(React.Fragment, null, value);
   });
 };

package/esm/components/molecules/Menubar/SearchResultItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","normalize","str","replace","toLowerCase","matchSpliter","indexes","size","result","currentIndex","forEach","index","push","substring","length","filter","e","stringMatcher","searchTerm","textToReplace","s","tx","r","RegExp","Array","from","matchAll","highlightReplacer","Component","props","search","matches","map","match","splited","value","idx","highlight"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n    .toLowerCase();\n};\n\nconst matchSpliter = (\n  str: string,\n  indexes: number[],\n  size: number\n): string[] => {\n  const result: string[] = [];\n  let currentIndex = 0;\n\n  indexes.forEach((index: number) => {\n    result.push(str.substring(currentIndex, index));\n    result.push(str.substring(index, index + size));\n    currentIndex = index + size;\n  });\n\n  result.push(str.substring(currentIndex, str.length));\n\n  return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n  searchTerm: string,\n  textToReplace: string\n): RegExpMatchArray[] => {\n  const s = normalize(searchTerm);\n  const tx = normalize(textToReplace);\n\n  const r = new RegExp(`(${s})`, 'g');\n\n  return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  const search = normalize(searchTerm);\n  const matches = stringMatcher(searchTerm, textToReplace);\n\n  if (matches.length <= 0) {\n    return textToReplace;\n  }\n\n  const indexes: number[] = matches.map(match => match.index) as number[];\n  const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n  return splited.map((value, idx) => {\n    return normalize(value) === search ? (\n      <Component key={`highlight-${value}${idx}`} {...props}>\n        {value}\n      </Component>\n    ) : (\n      <>{value}</>\n    );\n  });\n};\n\nexport const highlight = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  if (textToReplace && searchTerm) {\n    return highlightReplacer(searchTerm, textToReplace, Component, props);\n  }\n\n  return textToReplace;\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyB;EACzC,OAAOA,GAAG,CACPD,SADI,CACM,KADN,EAEJE,OAFI,CAEI,kBAFJ,EAEwB,EAFxB,EAGJA,OAHI,CAGI,wBAHJ,EAG8B,GAH9B,EAIJC,WAJI,EAAP;AAKD,CAND;;AAQA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,EAIN;EACb,IAAMC,MAAgB,GAAG,EAAzB;EACA,IAAIC,YAAY,GAAG,CAAnB;EAEAH,OAAO,CAACI,OAAR,CAAgB,UAACC,KAAD,EAAmB;IACjCH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BE,KAA5B,CAAZ;IACAH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcF,KAAd,EAAqBA,KAAK,GAAGJ,IAA7B,CAAZ;IACAE,YAAY,GAAGE,KAAK,GAAGJ,IAAvB;EACD,CAJD;EAMAC,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BP,GAAG,CAACY,MAAhC,CAAZ;EAEA,OAAON,MAAM,CAACO,MAAP,CAAc,UAAAC,CAAC;IAAA,OAAIA,CAAJ;EAAA,CAAf,CAAP;AACD,CAjBD;;AAmBA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,UAD2B,EAE3BC,aAF2B,EAGJ;EACvB,IAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;EACA,IAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;EAEA,IAAMG,CAAC,GAAG,IAAIC,MAAJ,OAAeH,CAAf,QAAqB,GAArB,CAAV;EAEA,OAAOI,KAAK,CAACC,IAAN,CAAWJ,EAAE,CAACK,QAAH,CAAYJ,CAAZ,CAAX,CAAP;AACD,CAVM;;AAYP,IAAMK,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,EAKJ;EACpB,IAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;EACA,IAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;EAEA,IAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;IACvB,OAAOK,aAAP;EACD;;EAED,IAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAY,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACtB,KAAV;EAAA,CAAjB,CAA1B;EACA,IAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;EAEA,OAAOoB,OAAO,CAACF,GAAR,CAAY,UAACG,KAAD,EAAQC,GAAR,EAAgB;IACjC,OAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,oBAAC,SAAD;MAAW,GAAG,iBAAeK,KAAf,GAAuBC;IAArC,GAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,0CAAGA,KAAH,CALF;EAOD,CARM,CAAP;AASD,CAzBD;;AA2BA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,EAKH;EACpB,IAAIV,aAAa,IAAID,UAArB,EAAiC;IAC/B,OAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;EACD;;EAED,OAAOV,aAAP;AACD,CAXM"}
+{"version":3,"file":"utils.js","names":["React","normalize","str","replace","toLowerCase","matchSpliter","indexes","size","result","currentIndex","forEach","index","push","substring","length","filter","e","stringMatcher","searchTerm","textToReplace","s","tx","r","RegExp","Array","from","matchAll","highlightReplacer","Component","props","search","matches","map","match","splited","value","idx","highlight"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n    .toLowerCase();\n};\n\nconst matchSpliter = (\n  str: string,\n  indexes: number[],\n  size: number\n): string[] => {\n  const result: string[] = [];\n  let currentIndex = 0;\n\n  indexes.forEach((index: number) => {\n    result.push(str.substring(currentIndex, index));\n    result.push(str.substring(index, index + size));\n    currentIndex = index + size;\n  });\n\n  result.push(str.substring(currentIndex, str.length));\n\n  return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n  searchTerm: string,\n  textToReplace: string\n): RegExpMatchArray[] => {\n  const s = normalize(searchTerm);\n  const tx = normalize(textToReplace);\n\n  const r = new RegExp(`(${s})`, 'g');\n\n  return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  const search = normalize(searchTerm);\n  const matches = stringMatcher(searchTerm, textToReplace);\n\n  if (matches.length <= 0) {\n    return textToReplace;\n  }\n\n  const indexes: number[] = matches.map(match => match.index) as number[];\n  const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n  return splited.map((value, idx) => {\n    return normalize(value) === search ? (\n      <Component key={`highlight-${value}${idx}`} {...props}>\n        {value}\n      </Component>\n    ) : (\n      <>{value}</>\n    );\n  });\n};\n\nexport const highlight = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  if (textToReplace && searchTerm) {\n    return highlightReplacer(searchTerm, textToReplace, Component, props);\n  }\n\n  return textToReplace;\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyB;EACzC,OAAOA,GAAG,CACPD,SADI,CACM,KADN,EAEJE,OAFI,CAEI,kBAFJ,EAEwB,EAFxB,EAGJA,OAHI,CAGI,wBAHJ,EAG8B,GAH9B,EAIJC,WAJI,EAAP;AAKD,CAND;;AAQA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,EAIN;EACb,IAAMC,MAAgB,GAAG,EAAzB;EACA,IAAIC,YAAY,GAAG,CAAnB;EAEAH,OAAO,CAACI,OAAR,CAAgB,UAACC,KAAD,EAAmB;IACjCH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BE,KAA5B,CAAZ;IACAH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcF,KAAd,EAAqBA,KAAK,GAAGJ,IAA7B,CAAZ;IACAE,YAAY,GAAGE,KAAK,GAAGJ,IAAvB;EACD,CAJD;EAMAC,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BP,GAAG,CAACY,MAAhC,CAAZ;EAEA,OAAON,MAAM,CAACO,MAAP,CAAc,UAAAC,CAAC;IAAA,OAAIA,CAAJ;EAAA,CAAf,CAAP;AACD,CAjBD;;AAmBA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,UAD2B,EAE3BC,aAF2B,EAGJ;EACvB,IAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;EACA,IAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;EAEA,IAAMG,CAAC,GAAG,IAAIC,MAAJ,YAAeH,CAAf,QAAqB,GAArB,CAAV;EAEA,OAAOI,KAAK,CAACC,IAAN,CAAWJ,EAAE,CAACK,QAAH,CAAYJ,CAAZ,CAAX,CAAP;AACD,CAVM;;AAYP,IAAMK,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,EAKJ;EACpB,IAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;EACA,IAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;EAEA,IAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;IACvB,OAAOK,aAAP;EACD;;EAED,IAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAY,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACtB,KAAV;EAAA,CAAjB,CAA1B;EACA,IAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;EAEA,OAAOoB,OAAO,CAACF,GAAR,CAAY,UAACG,KAAD,EAAQC,GAAR,EAAgB;IACjC,OAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,oBAAC,SAAD;MAAW,GAAG,sBAAeK,KAAf,SAAuBC,GAAvB;IAAd,GAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,0CAAGA,KAAH,CALF;EAOD,CARM,CAAP;AASD,CAzBD;;AA2BA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,EAKH;EACpB,IAAIV,aAAa,IAAID,UAArB,EAAiC;IAC/B,OAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;EACD;;EAED,OAAOV,aAAP;AACD,CAXM"}

package/esm/components/molecules/Menubar/animations.js

@@ -1,4 +1,8 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var getDefaultInputContainerStyles = {
   transitionDuration: '250ms',
@@ -45,9 +49,9 @@ var getContainerOpenMenuTransform = {
   }
 };
 export var getInputContainerStyles = function getInputContainerStyles(state) {
-  return _extends({}, getDefaultInputContainerStyles, getInputContainerTransform[state]);
+  return _objectSpread(_objectSpread({}, getDefaultInputContainerStyles), getInputContainerTransform[state]);
 };
 export var getContainerOpenMenuStyles = function getContainerOpenMenuStyles(state) {
-  return _extends({}, getDefaultContainerOpenMenuStyles, getContainerOpenMenuTransform[state]);
+  return _objectSpread(_objectSpread({}, getDefaultContainerOpenMenuStyles), getContainerOpenMenuTransform[state]);
 };
 //# sourceMappingURL=animations.js.map

package/esm/components/molecules/Menubar/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["getDefaultInputContainerStyles","transitionDuration","transitionProperty","transitionTimingFunction","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px)',\n  },\n  entering: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-50px)',\n  },\n  exiting: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n};\n\nconst getContainerOpenMenuTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px) ',\n  },\n  entering: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-600px)',\n  },\n  exiting: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n};\n\nexport const getInputContainerStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultInputContainerStyles,\n  ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultContainerOpenMenuStyles,\n  ...getContainerOpenMenuTransform[state],\n});\n"],"mappings":";;AAGA,IAAMA,8BAA8B,GAAG;EACrCC,kBAAkB,EAAE,OADiB;EAErCC,kBAAkB,EAAE,yBAFiB;EAGrCC,wBAAwB,EAAE;AAHW,CAAvC;AAMA,IAAMC,iCAAiC,GAAG;EACxCH,kBAAkB,EAAE,OADoB;EAExCC,kBAAkB,EAAE,yBAFoB;EAGxCC,wBAAwB,EAAE;AAHc,CAA1C;AAMA,IAAME,0BAA0B,GAAG;EACjCC,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CADwB;EAIjCC,QAAQ,EAAE;IACRC,OAAO,EAAE,GADD;IAERF,SAAS,EAAE;EAFH,CAJuB;EAQjCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CARyB;EAYjCI,OAAO,EAAE;IACPF,OAAO,EAAE,GADF;IAEPF,SAAS,EAAE;EAFJ;AAZwB,CAAnC;AAkBA,IAAMK,6BAA6B,GAAG;EACpCN,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CAD2B;EAIpCC,QAAQ,EAAE;IACRC,OAAO,EAAE,IADD;IAERF,SAAS,EAAE;EAFH,CAJ0B;EAQpCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CAR4B;EAYpCI,OAAO,EAAE;IACPF,OAAO,EAAE,IADF;IAEPF,SAAS,EAAE;EAFJ;AAZ2B,CAAtC;AAkBA,OAAO,IAAMM,uBAAuB,GAAG,SAA1BA,uBAA0B,CACrCC,KADqC;EAAA,oBAGlCd,8BAHkC,EAIlCK,0BAA0B,CAACS,KAAD,CAJQ;AAAA,CAAhC;AAOP,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACxCD,KADwC;EAAA,oBAGrCV,iCAHqC,EAIrCQ,6BAA6B,CAACE,KAAD,CAJQ;AAAA,CAAnC"}
+{"version":3,"file":"animations.js","names":["getDefaultInputContainerStyles","transitionDuration","transitionProperty","transitionTimingFunction","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px)',\n  },\n  entering: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-50px)',\n  },\n  exiting: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n};\n\nconst getContainerOpenMenuTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px) ',\n  },\n  entering: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-600px)',\n  },\n  exiting: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n};\n\nexport const getInputContainerStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultInputContainerStyles,\n  ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultContainerOpenMenuStyles,\n  ...getContainerOpenMenuTransform[state],\n});\n"],"mappings":";;;;;;AAGA,IAAMA,8BAA8B,GAAG;EACrCC,kBAAkB,EAAE,OADiB;EAErCC,kBAAkB,EAAE,yBAFiB;EAGrCC,wBAAwB,EAAE;AAHW,CAAvC;AAMA,IAAMC,iCAAiC,GAAG;EACxCH,kBAAkB,EAAE,OADoB;EAExCC,kBAAkB,EAAE,yBAFoB;EAGxCC,wBAAwB,EAAE;AAHc,CAA1C;AAMA,IAAME,0BAA0B,GAAG;EACjCC,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CADwB;EAIjCC,QAAQ,EAAE;IACRC,OAAO,EAAE,GADD;IAERF,SAAS,EAAE;EAFH,CAJuB;EAQjCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CARyB;EAYjCI,OAAO,EAAE;IACPF,OAAO,EAAE,GADF;IAEPF,SAAS,EAAE;EAFJ;AAZwB,CAAnC;AAkBA,IAAMK,6BAA6B,GAAG;EACpCN,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CAD2B;EAIpCC,QAAQ,EAAE;IACRC,OAAO,EAAE,IADD;IAERF,SAAS,EAAE;EAFH,CAJ0B;EAQpCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CAR4B;EAYpCI,OAAO,EAAE;IACPF,OAAO,EAAE,IADF;IAEPF,SAAS,EAAE;EAFJ;AAZ2B,CAAtC;AAkBA,OAAO,IAAMM,uBAAuB,GAAG,SAA1BA,uBAA0B,CACrCC,KADqC;EAAA,uCAGlCd,8BAHkC,GAIlCK,0BAA0B,CAACS,KAAD,CAJQ;AAAA,CAAhC;AAOP,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACxCD,KADwC;EAAA,uCAGrCV,iCAHqC,GAIrCQ,6BAA6B,CAACE,KAAD,CAJQ;AAAA,CAAnC"}

package/esm/components/molecules/Menubar/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Menubar } from './Menubar';
-export { OptionsType as MenubarOptionsType, MostUsedType as MenubarMostUsedType, ItemsOptions as MenubarItemsOptions, } from './types';
+export type { OptionsType as MenubarOptionsType, MostUsedType as MenubarMostUsedType, ItemsOptions as MenubarItemsOptions, } from './types';
 export * from './Menubar';

package/esm/components/molecules/Menubar/index.js

@@ -1,4 +1,3 @@
 export { default as Menubar } from "./Menubar";
-export { OptionsType as MenubarOptionsType, MostUsedType as MenubarMostUsedType, ItemsOptions as MenubarItemsOptions } from "./types";
 export * from "./Menubar";
 //# sourceMappingURL=index.js.map

package/esm/components/molecules/Menubar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Menubar","OptionsType","MenubarOptionsType","MostUsedType","MenubarMostUsedType","ItemsOptions","MenubarItemsOptions"],"sources":["../../../../src/components/molecules/Menubar/index.ts"],"sourcesContent":["export { default as Menubar } from './Menubar';\nexport {\n  OptionsType as MenubarOptionsType,\n  MostUsedType as MenubarMostUsedType,\n  ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB;AACA,SACEC,WAAW,IAAIC,kBADjB,EAEEC,YAAY,IAAIC,mBAFlB,EAGEC,YAAY,IAAIC,mBAHlB;AAKA"}
+{"version":3,"file":"index.js","names":["default","Menubar"],"sources":["../../../../src/components/molecules/Menubar/index.ts"],"sourcesContent":["export { default as Menubar } from './Menubar';\nexport type {\n  OptionsType as MenubarOptionsType,\n  MostUsedType as MenubarMostUsedType,\n  ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB;AAMA"}

package/esm/components/molecules/Menubar/styled.js

@@ -1,13 +1,13 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import { default as webStyled } from '@emotion/styled';
 import { default as nativeStyled } from '@emotion/native';
 import { hex2rgba } from '@tecsinapse/react-core';
 import { Button } from "../../atoms/Button";
 import { Input } from "../../atoms/Input";
-export var StyledIconInput = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding-top: calc(", " + 2px);\n  padding-left: ", ";\n  padding-bottom: calc(", " - 2px);\n  padding-right: ", ";\n"])), function (_ref) {
+export var StyledIconInput = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: calc(", " + 2px);\n  padding-left: ", ";\n  padding-bottom: calc(", " - 2px);\n  padding-right: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.centi;
 }, function (_ref2) {
@@ -20,17 +20,17 @@ export var StyledIconInput = webStyled('div')(_templateObject || (_templateObjec
   var theme = _ref4.theme;
   return theme.spacing.centi;
 });
-export var StyledMenuBar = webStyled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    position: relative;\n    background-color: ", ";\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: ", ";\n    box-shadow: 0px 2px 8px ", ";\n"])), function (_ref5) {
+export var StyledMenuBar = webStyled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    background-color: ", ";\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: ", ";\n    box-shadow: 0px 2px 8px ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.miscellaneous.surfaceColor;
 }, function (_ref6) {
   var theme = _ref6.theme;
-  return theme.spacing.deca + " " + theme.spacing.kilo;
+  return "".concat(theme.spacing.deca, " ").concat(theme.spacing.kilo);
 }, function (_ref7) {
   var theme = _ref7.theme;
   return hex2rgba(theme.miscellaneous.shadow, 0.05);
 });
-export var StyledMenuButton = nativeStyled(Button)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    padding-top: calc(", " + 2px);\n    padding-right: calc(", " + 2px);\n    padding-bottom: calc(", " + 2px);\n    padding-left: calc(", " + 2px);\n    margin-right: ", ";\n    & * {\n      user-select: none;\n    }\n"])), function (_ref8) {
+export var StyledMenuButton = nativeStyled(Button)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding-top: calc(", " + 2px);\n    padding-right: calc(", " + 2px);\n    padding-bottom: calc(", " + 2px);\n    padding-left: calc(", " + 2px);\n    margin-right: ", ";\n    & * {\n      user-select: none;\n    }\n"])), function (_ref8) {
   var theme = _ref8.theme;
   return theme.spacing.centi;
 }, function (_ref9) {
@@ -46,9 +46,9 @@ export var StyledMenuButton = nativeStyled(Button)(_templateObject3 || (_templat
   var theme = _ref12.theme;
   return theme.spacing.kilo;
 });
-export var StyledContainerOpenMenu = webStyled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    border-top: ", ";\n    background-color: ", "; \n    border-bottom-left-radius: ", "; \n    border-bottom-right-radius: ", ";\n    box-shadow: 0px 2px 8px ", ";\n    padding-right: 8vw;\n    padding-left: 8vw;\n    padding-top: ", ";\n    padding-bottom: ", ";\n    position: absolute;\n    z-index: ", ";\n    width: -webkit-fill-available;\n    width: -moz-available;\n"])), function (_ref13) {
+export var StyledContainerOpenMenu = webStyled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-top: ", ";\n    background-color: ", "; \n    border-bottom-left-radius: ", "; \n    border-bottom-right-radius: ", ";\n    box-shadow: 0px 2px 8px ", ";\n    padding-right: 8vw;\n    padding-left: 8vw;\n    padding-top: ", ";\n    padding-bottom: ", ";\n    position: absolute;\n    z-index: ", ";\n    width: -webkit-fill-available;\n    width: -moz-available;\n"])), function (_ref13) {
   var theme = _ref13.theme;
-  return theme.borderWidth.pico + " solid " + hex2rgba(theme.miscellaneous.shadow, 0.05);
+  return "".concat(theme.borderWidth.pico, " solid ").concat(hex2rgba(theme.miscellaneous.shadow, 0.05));
 }, function (_ref14) {
   var theme = _ref14.theme;
   return theme.miscellaneous.surfaceColor;
@@ -71,10 +71,10 @@ export var StyledContainerOpenMenu = webStyled('div')(_templateObject4 || (_temp
   var theme = _ref20.theme;
   return theme.zIndex.header + 1;
 });
-export var StyledInput = nativeStyled(Input)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n     width: 100%;\n"])));
-export var StyledInputContainer = webStyled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex: 1;\n"])));
-export var StyledSearchResultsContainer = webStyled('div')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex-direction: column;\n"])));
-export var StyledSearchTextContainer = webStyled('div')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n    margin-bottom: ", ";\n"])), function (_ref21) {
+export var StyledInput = nativeStyled(Input)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n     width: 100%;\n"])));
+export var StyledInputContainer = webStyled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1;\n"])));
+export var StyledSearchResultsContainer = webStyled('div')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n"])));
+export var StyledSearchTextContainer = webStyled('div')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-bottom: ", ";\n"])), function (_ref21) {
   var theme = _ref21.theme;
   return theme.spacing.mili;
 });