@tecsinapse/react-web-kit 1.21.2 → 1.22.0-beta.11

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenuBlock.js","names":["SubMenuBlock","data","toggle","Component","props","rightComponents","title","noTextDecoration","textDecoration"],"sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledRightComponent, StyledText } from '../../styled';\nimport { ItemsOptions } from '../../../types';\nimport { DummyBorder, StyledContainerItem } from './styled';\n\ninterface SubMenuBlockProps {\n  data: ItemsOptions;\n  toggle: () => void;\n}\n\nconst SubMenuBlock: React.FC<SubMenuBlockProps> = ({ data, toggle }) => {\n  const { Component, props, rightComponents, title } = data;\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <StyledContainerItem>\n      <DummyBorder />\n      <Component {...props} style={noTextDecoration} onClick={toggle}>\n        <Text colorVariant=\"secondary\" colorTone=\"medium\" typography=\"sub\">\n          <StyledText>{title}</StyledText>\n        </Text>\n      </Component>\n      {rightComponents && (\n        <StyledRightComponent>{rightComponents}</StyledRightComponent>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default SubMenuBlock;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAOA,MAAMA,YAAyC,GAAG,QAAsB;EAAA,IAArB;IAAEC,IAAF;IAAQC;EAAR,CAAqB;EACtE,MAAM;IAAEC,SAAF;IAAaC,KAAb;IAAoBC,eAApB;IAAqCC;EAArC,IAA+CL,IAArD;EAEA,MAAMM,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,6BAAC,4BAAD,QACE,6BAAC,oBAAD,OADF,EAEE,6BAAC,SAAD,eAAeJ,KAAf;IAAsB,KAAK,EAAEG,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,eAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAC,QAAzC;IAAkD,UAAU,EAAC;EAA7D,GACE,6BAAC,kBAAD,QAAaI,KAAb,CADF,CADF,CAFF,EAOGD,eAAe,IACd,6BAAC,4BAAD,QAAuBA,eAAvB,CARJ,CADF;AAaD,CAlBD;;eAoBeL,Y"}
+{"version":3,"file":"SubMenuBlock.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledRightComponent, StyledText } from '../../styled';\nimport { ItemsOptions } from '../../../types';\nimport { DummyBorder, StyledContainerItem } from './styled';\n\ninterface SubMenuBlockProps {\n  data: ItemsOptions;\n  toggle: () => void;\n}\n\nconst SubMenuBlock: React.FC<SubMenuBlockProps> = ({ data, toggle }) => {\n  const { Component, props, rightComponents, title } = data;\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <StyledContainerItem>\n      <DummyBorder />\n      <Component {...props} style={noTextDecoration} onClick={toggle}>\n        <Text colorVariant=\"secondary\" colorTone=\"medium\" typography=\"sub\">\n          <StyledText>{title}</StyledText>\n        </Text>\n      </Component>\n      {rightComponents && (\n        <StyledRightComponent>{rightComponents}</StyledRightComponent>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default SubMenuBlock;\n"],"names":["StyledContainerItem","React","DummyBorder","Text","StyledText","StyledRightComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAA4C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACtE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAO,EAAA,eAAA,EAAiB,OAAU,GAAA,IAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,+DACGA,0BACC,EAAA,IAAA,kBAAAC,yBAAA,CAAA,aAAA,CAACC,wBAAY,CACb,kBAAAD,yBAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrDA,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,KAAA;AAAA,GAC3D,kBAAAF,yBAAA,CAAA,aAAA,CAACG,mBAAY,EAAA,IAAA,EAAA,KAAM,CACrB,CACF,GACC,eACC,oBAAAH,yBAAA,CAAA,aAAA,CAACI,6BAAsB,EAAA,IAAA,EAAA,eAAgB,CAE3C,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,35 +1,23 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledContainerItem = exports.DummyBorder = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
 
-var _templateObject, _templateObject2;
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledContainerItem = styled__default["default"]("div")`
+  display: flex;
+  align-items: center;
+`;
+const DummyBorder = styled__default["default"]("div")`
+  height: ${({ theme }) => theme.typography.sub.fontSize};
+  border-left: ${({ theme }) => `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};
+  margin-right: ${({ theme }) => theme.spacing.mili};
+`;
 
-const StyledContainerItem = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-exports.StyledContainerItem = StyledContainerItem;
-const DummyBorder = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  border-left: ", ";\n  margin-right: ", ";\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.typography.sub.fontSize;
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.primary.medium);
-}, _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.spacing.mili;
-});
 exports.DummyBorder = DummyBorder;
-//# sourceMappingURL=styled.js.map
+exports.StyledContainerItem = StyledContainerItem;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerItem","styled","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;;;;;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,iHAAzB;;AAKA,MAAMC,WAAW,GAAG,IAAAD,eAAA,EAAO,KAAP,CAAH,wIACZ;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CADY,EAEP;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,iBACVA,KAAK,CAACI,WAAN,CAAkBC,IADR,oBACsBL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAD1C;AAAA,CAFO,EAIN;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CAJM,CAAjB"}
+{"version":3,"file":"styled.js","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"],"names":["styled"],"mappings":";;;;;;;;;;AAGa,MAAA,mBAAA,GAAsBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAA,WAAA,GAAcA,2BAAO,KAAK,CAAA,CAAA;AAAA,UAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AAAA,eAC/B,EAAA,CAAC,EAAE,KAAA,EAChB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;;"}

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

@@ -1,35 +1,27 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSubButton = exports.StyledContainerItemText = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
 
-var _templateObject, _templateObject2;
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledContainerItemText = styled__default["default"]("div")`
+  margin-top: ${({ theme }) => theme.spacing.mili};
+  display: flex;
+  align-items: center;
+`;
+const StyledSubButton = styled__default["default"]("span")`
+  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;
+  margin-left: ${({ theme }) => theme.spacing.mili};
+  cursor: pointer;
+  & * {
+    user-select: none;
+  }
+`;
 
-const StyledContainerItemText = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  display: flex;\n  align-items: center;\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.spacing.mili;
-});
 exports.StyledContainerItemText = StyledContainerItemText;
-const StyledSubButton = (0, _styled.default)('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-top: ", " 0 0 0;\n  margin-left: ", ";\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n"])), _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.spacing.nano;
-}, _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.spacing.mili;
-});
 exports.StyledSubButton = StyledSubButton;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerItemText","styled","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;;;;;;;;AAGO,MAAMA,uBAAuB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,uIACpB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADoB,CAA7B;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAO,MAAP,CAAH,sLACX;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,IAA7B;AAAA,CADW,EAEX;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFW,CAArB"}
+{"version":3,"file":"styled.js","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"],"names":["styled"],"mappings":";;;;;;;;;;AAGa,MAAA,uBAAA,GAA0BA,2BAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKhC,MAAA,eAAA,GAAkBA,2BAAO,MAAM,CAAA,CAAA;AAAA,eAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}

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

@@ -1,53 +1,44 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledText = exports.StyledRightComponent = exports.StyledLeftComponent = exports.StyledContainerMenu = exports.StyledContainerItems = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledLeftComponent = styled__default["default"]("div")`
+  margin-right: ${({ theme }) => theme.spacing.mili};
+`;
+const StyledRightComponent = styled__default["default"]("div")`
+  margin-left: ${({ theme }) => theme.spacing.mili};
+`;
+const StyledContainerMenu = styled__default["default"]("div")`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  border-bottom: ${({ theme }) => `${theme.borderWidth.pico} solid ${reactCore.hex2rgba(
+  theme.miscellaneous.shadow,
+  0.05
+)}`};
+  width: 100%;
+  padding-bottom: ${({ theme }) => theme.spacing.mili};
+`;
+const StyledContainerItems = styled__default["default"]("div")`
+  display: flex;
+  flex-direction: column;
+`;
+const StyledText = styled__default["default"]("span")`
+  &:hover {
+    color: ${({ theme }) => theme.font.color.orange};
+  }
+`;
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledLeftComponent = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.spacing.mili;
-});
+exports.StyledContainerItems = StyledContainerItems;
+exports.StyledContainerMenu = StyledContainerMenu;
 exports.StyledLeftComponent = StyledLeftComponent;
-const StyledRightComponent = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.spacing.mili;
-});
 exports.StyledRightComponent = StyledRightComponent;
-const StyledContainerMenu = (0, _styled.default)('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"])), _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return "".concat(theme.borderWidth.pico, " solid ").concat((0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05));
-}, _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.spacing.mili;
-});
-exports.StyledContainerMenu = StyledContainerMenu;
-const StyledContainerItems = (0, _styled.default)('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-exports.StyledContainerItems = StyledContainerItems;
-const StyledText = (0, _styled.default)('span')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &:hover {\n    color: ", ";\n  }\n"])), _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.font.color.orange;
-});
 exports.StyledText = StyledText;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledLeftComponent","styled","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","hex2rgba","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;;AACA;;;;;;;;AAEO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,+FACd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADc,CAAzB;;AAIA,MAAMC,oBAAoB,GAAG,IAAAJ,eAAA,EAAO,KAAP,CAAH,gGAChB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADgB,CAA1B;;AAIA,MAAME,mBAAmB,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAH,6MAIb;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,iBACZA,KAAK,CAACK,WAAN,CAAkBC,IADN,oBACoB,IAAAC,mBAAA,EACjCP,KAAK,CAACQ,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CADpB;AAAA,CAJa,EAUZ;EAAA,IAAC;IAAET;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAVY,CAAzB;;AAaA,MAAMQ,oBAAoB,GAAG,IAAAX,eAAA,EAAO,KAAP,CAAH,sHAA1B;;AAKA,MAAMY,UAAU,GAAG,IAAAZ,eAAA,EAAO,MAAP,CAAH,8GAEV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,CAAhB"}
+{"version":3,"file":"styled.js","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"],"names":["styled","hex2rgba"],"mappings":";;;;;;;;;;;AAGa,MAAA,mBAAA,GAAsBA,2BAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,oBAAA,GAAuBA,2BAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,mBAAA,GAAsBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAI5B,CAAC,EAAE,KAAA,OAClB,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAAC,kBAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEgB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,oBAAA,GAAuBD,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKnC,MAAA,UAAA,GAAaA,2BAAO,MAAM,CAAA,CAAA;AAAA;AAAA,WAAA,EAE1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA;AAAA;;;;;;;;"}

package/dist/components/molecules/Menubar/Menubar.js

@@ -1,118 +1,133 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _styled = require("./styled");
-
-var _MostUsed = require("./MostUsed");
-
-var _MenuBlock = require("./MenuBlock");
-
-var _SearchResultItem = require("./SearchResultItem");
-
-var _utils = require("./utils");
-
-var _animations = require("./animations");
-
-var _hooks = require("../../../hooks");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-const Menubar = _ref => {
-  let {
+'use strict';
+
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var reactTransitionGroup = require('react-transition-group');
+var styled = require('./styled.js');
+var MostUsed = require('./MostUsed/MostUsed.js');
+var MenuBlock = require('./MenuBlock/MenuBlock.js');
+var SearchResultItem = require('./SearchResultItem/SearchResultItem.js');
+var utils = require('./utils.js');
+var animations = require('./animations.js');
+var useClickAwayListener = require('../../../hooks/useClickAwayListener.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Menubar = (_a) => {
+  var _b = _a, {
     leftComponents,
     rightComponents,
-    searchPlaceholder = 'O quê você deseja buscar?',
+    searchPlaceholder = "O qu\xEA voc\xEA deseja buscar?",
     options,
     mostUsed,
-    mostUsedLabel = 'Mais acessados',
-    searchResultsLabel = 'Resultados da busca',
-    searchable = true,
-    ...rest
-  } = _ref;
-
-  const [search, setSearch] = _react.default.useState('');
-
-  const [results, setResults] = _react.default.useState([]);
-
-  const [input, setInput] = (0, _reactCore.useDebouncedState)('', setSearch);
-
-  const [open, setOpen] = _react.default.useState(false);
-
-  const menuRef = (0, _react.useRef)(null);
-  (0, _hooks.useClickAwayListener)(menuRef, setOpen, 'mouseup');
-
-  const toggleOpen = _react.default.useCallback(() => setOpen(state => !state), [setOpen]);
-
-  _react.default.useEffect(() => {
-    if (search === '') return;
-    setResults((0, _utils.filterAndTransform)(options, search));
+    mostUsedLabel = "Mais acessados",
+    searchResultsLabel = "Resultados da busca",
+    searchable = true
+  } = _b, rest = __objRest(_b, [
+    "leftComponents",
+    "rightComponents",
+    "searchPlaceholder",
+    "options",
+    "mostUsed",
+    "mostUsedLabel",
+    "searchResultsLabel",
+    "searchable"
+  ]);
+  const [search, setSearch] = React__default["default"].useState("");
+  const [results, setResults] = React__default["default"].useState([]);
+  const [input, setInput] = reactCore.useDebouncedState("", setSearch);
+  const [open, setOpen] = React__default["default"].useState(false);
+  const menuRef = React.useRef(null);
+  useClickAwayListener.useClickAwayListener(menuRef, setOpen, "mouseup");
+  const toggleOpen = React__default["default"].useCallback(
+    () => setOpen((state) => !state),
+    [setOpen]
+  );
+  React__default["default"].useEffect(() => {
+    if (search === "")
+      return;
+    setResults(utils.filterAndTransform(options, search));
   }, [search]);
-
-  return _react.default.createElement("div", _extends({
-    ref: ref => menuRef.current = ref
-  }, rest), _react.default.createElement(_styled.StyledMenuBar, null, _react.default.createElement(_styled.StyledMenuButton, {
+  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues({
+    ref: (ref) => menuRef.current = ref
+  }, rest), /* @__PURE__ */ React__default["default"].createElement(styled.StyledMenuBar, null, /* @__PURE__ */ React__default["default"].createElement(styled.StyledMenuButton, {
     variant: "filled",
     color: "primary",
     onPress: toggleOpen
-  }, !open ? _react.default.createElement(_reactCore.Icon, {
+  }, !open ? /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
     size: "deca",
     name: "menu",
     type: "material-community",
     fontColor: "light"
-  }) : _react.default.createElement(_reactCore.Icon, {
+  }) : /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
     size: "deca",
     name: "close",
     type: "material-community",
     fontColor: "light"
-  })), leftComponents, _react.default.createElement(_reactTransitionGroup.Transition, {
+  })), leftComponents, /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
     in: open,
     timeout: 250
-  }, state => _react.default.createElement(_styled.StyledInputContainer, {
-    style: (0, _animations.getInputContainerStyles)(state)
-  }, searchable && _react.default.createElement(_styled.StyledInput, {
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, {
+    style: animations.getInputContainerStyles(state)
+  }, searchable && /* @__PURE__ */ React__default["default"].createElement(styled.StyledInput, {
     placeholder: searchPlaceholder,
-    leftComponent: _react.default.createElement(_styled.StyledIconInput, null, _react.default.createElement(_reactCore.Icon, {
+    leftComponent: /* @__PURE__ */ React__default["default"].createElement(styled.StyledIconInput, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
       name: "magnify",
       type: "material-community"
     })),
     value: input,
     onChange: setInput
-  }))), rightComponents), _react.default.createElement(_reactTransitionGroup.Transition, {
+  }))), rightComponents), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
     in: open,
     timeout: 250
-  }, state => _react.default.createElement(_styled.StyledContainerOpenMenu, {
-    style: (0, _animations.getContainerOpenMenuStyles)(state)
-  }, !search ? _react.default.createElement(_react.default.Fragment, null, mostUsed && _react.default.createElement(_MostUsed.MostUsed, {
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerOpenMenu, {
+    style: animations.getContainerOpenMenuStyles(state)
+  }, !search ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, mostUsed && /* @__PURE__ */ React__default["default"].createElement(MostUsed, {
     label: mostUsedLabel,
     data: mostUsed,
     toggle: toggleOpen
-  }), _react.default.createElement(_MenuBlock.MenuBlock, {
-    options: options,
+  }), /* @__PURE__ */ React__default["default"].createElement(MenuBlock, {
+    options,
     toggle: toggleOpen
-  })) : _react.default.createElement(_styled.StyledSearchResultsContainer, null, _react.default.createElement(_styled.StyledSearchTextContainer, null, _react.default.createElement(_reactCore.Text, {
+  })) : /* @__PURE__ */ React__default["default"].createElement(styled.StyledSearchResultsContainer, null, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSearchTextContainer, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontWeight: "bold"
-  }, searchResultsLabel)), results.map(result => _react.default.createElement(_SearchResultItem.SearchResultItem, {
-    key: "".concat(result.title, "-").concat(result.category),
+  }, searchResultsLabel)), results.map((result) => /* @__PURE__ */ React__default["default"].createElement(SearchResultItem, {
+    key: `${result.title}-${result.category}`,
     data: result,
     searchTerm: search,
     toggle: toggleOpen
   }))))));
 };
 
-var _default = Menubar;
-exports.default = _default;
-//# sourceMappingURL=Menubar.js.map
+module.exports = Menubar;
+//# sourceMappingURL=Menubar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menubar.js","names":["Menubar","leftComponents","rightComponents","searchPlaceholder","options","mostUsed","mostUsedLabel","searchResultsLabel","searchable","rest","search","setSearch","React","useState","results","setResults","input","setInput","useDebouncedState","open","setOpen","menuRef","useRef","useClickAwayListener","toggleOpen","useCallback","state","useEffect","filterAndTransform","ref","current","getInputContainerStyles","getContainerOpenMenuStyles","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":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAWA;;AACA;;AACA;;AACA;;AACA;;AAIA;;;;;;;;AAcA,MAAMA,OAA+B,GAAG,QAUlC;EAAA,IAVmC;IACvCC,cADuC;IAEvCC,eAFuC;IAGvCC,iBAAiB,GAAG,2BAHmB;IAIvCC,OAJuC;IAKvCC,QALuC;IAMvCC,aAAa,GAAG,gBANuB;IAOvCC,kBAAkB,GAAG,qBAPkB;IAQvCC,UAAU,GAAG,IAR0B;IASvC,GAAGC;EAToC,CAUnC;;EACJ,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,cAAA,CAAMC,QAAN,CAAuB,EAAvB,CAA5B;;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBH,cAAA,CAAMC,QAAN,CAA+B,EAA/B,CAA9B;;EACA,MAAM,CAACG,KAAD,EAAQC,QAAR,IAAoB,IAAAC,4BAAA,EAA0B,EAA1B,EAA8BP,SAA9B,CAA1B;;EACA,MAAM,CAACQ,IAAD,EAAOC,OAAP,IAAkBR,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAAxB;;EACA,MAAMQ,OAAO,GAAG,IAAAC,aAAA,EAA8B,IAA9B,CAAhB;EACA,IAAAC,2BAAA,EAAqBF,OAArB,EAA8BD,OAA9B,EAAuC,SAAvC;;EAEA,MAAMI,UAAU,GAAGZ,cAAA,CAAMa,WAAN,CACjB,MAAML,OAAO,CAACM,KAAK,IAAI,CAACA,KAAX,CADI,EAEjB,CAACN,OAAD,CAFiB,CAAnB;;EAKAR,cAAA,CAAMe,SAAN,CAAgB,MAAM;IACpB,IAAIjB,MAAM,KAAK,EAAf,EAAmB;IACnBK,UAAU,CAAC,IAAAa,yBAAA,EAAmBxB,OAAnB,EAA4BM,MAA5B,CAAD,CAAV;EACD,CAHD,EAGG,CAACA,MAAD,CAHH;;EAKA,OACE;IAAK,GAAG,EAAEmB,GAAG,IAAKR,OAAO,CAACS,OAAR,GAAkBD;EAApC,GAA8CpB,IAA9C,GACE,6BAAC,qBAAD,QACE,6BAAC,wBAAD;IAAkB,OAAO,EAAC,QAA1B;IAAmC,KAAK,EAAC,SAAzC;IAAmD,OAAO,EAAEe;EAA5D,GACG,CAACL,IAAD,GACC,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAC,MAFP;IAGE,IAAI,EAAC,oBAHP;IAIE,SAAS,EAAC;EAJZ,EADD,GAQC,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAC,OAFP;IAGE,IAAI,EAAC,oBAHP;IAIE,SAAS,EAAC;EAJZ,EATJ,CADF,EAkBGlB,cAlBH,EAmBE,6BAAC,gCAAD;IAAY,EAAE,EAAEkB,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGO,KAAK,IACJ,6BAAC,4BAAD;IAAsB,KAAK,EAAE,IAAAK,mCAAA,EAAwBL,KAAxB;EAA7B,GACGlB,UAAU,IACT,6BAAC,mBAAD;IACE,WAAW,EAAEL,iBADf;IAEE,aAAa,EACX,6BAAC,uBAAD,QACE,6BAAC,eAAD;MAAM,IAAI,EAAC,SAAX;MAAqB,IAAI,EAAC;IAA1B,EADF,CAHJ;IAOE,KAAK,EAAEa,KAPT;IAQE,QAAQ,EAAEC;EARZ,EAFJ,CAFJ,CAnBF,EAqCGf,eArCH,CADF,EAwCE,6BAAC,gCAAD;IAAY,EAAE,EAAEiB,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGO,KAAK,IACJ,6BAAC,+BAAD;IAAyB,KAAK,EAAE,IAAAM,sCAAA,EAA2BN,KAA3B;EAAhC,GACG,CAAChB,MAAD,GACC,4DACGL,QAAQ,IACP,6BAAC,kBAAD;IACE,KAAK,EAAEC,aADT;IAEE,IAAI,EAAED,QAFR;IAGE,MAAM,EAAEmB;EAHV,EAFJ,EAQE,6BAAC,oBAAD;IAAW,OAAO,EAAEpB,OAApB;IAA6B,MAAM,EAAEoB;EAArC,EARF,CADD,GAYC,6BAAC,oCAAD,QACE,6BAAC,iCAAD,QACE,6BAAC,eAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBjB,kBAAzB,CADF,CADF,EAIGO,OAAO,CAACmB,GAAR,CAAYC,MAAM,IACjB,6BAAC,kCAAD;IACE,GAAG,YAAKA,MAAM,CAACC,KAAZ,cAAqBD,MAAM,CAACE,QAA5B,CADL;IAEE,IAAI,EAAEF,MAFR;IAGE,UAAU,EAAExB,MAHd;IAIE,MAAM,EAAEc;EAJV,EADD,CAJH,CAbJ,CAFJ,CAxCF,CADF;AA2ED,CAvGD;;eAyGexB,O"}
+{"version":3,"file":"Menubar.js","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"],"names":["React","useDebouncedState","useRef","useClickAwayListener","filterAndTransform","StyledMenuBar","StyledMenuButton","Icon","Transition","StyledInputContainer","getInputContainerStyles","StyledInput","StyledIconInput","StyledContainerOpenMenu","getContainerOpenMenuStyles","StyledSearchResultsContainer","StyledSearchTextContainer","Text"],"mappings":"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"}