@tecsinapse/react-web-kit 1.20.0 → 1.20.1

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

@@ -0,0 +1,42 @@
+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); }
+
+import React from 'react';
+import { Text } from '@tecsinapse/react-core';
+import { StyledCard, StyledCardContainer } from "./styled";
+
+var MostUsed = function MostUsed(_ref) {
+  var data = _ref.data,
+      label = _ref.label,
+      toggle = _ref.toggle;
+  var noTextDecoration = {
+    textDecoration: 'none'
+  };
+  return React.createElement(React.Fragment, null, React.createElement(Text, {
+    fontWeight: "bold"
+  }, label), React.createElement(StyledCardContainer, null, data.slice(0, 4).map(function (_ref2) {
+    var title = _ref2.title,
+        category = _ref2.category,
+        _ref2$Component = _ref2.Component,
+        Component = _ref2$Component === void 0 ? 'a' : _ref2$Component,
+        _ref2$props = _ref2.props,
+        props = _ref2$props === void 0 ? {} : _ref2$props;
+    return React.createElement(Component, _extends({}, props, {
+      style: noTextDecoration,
+      key: title + "-" + category,
+      onClick: toggle
+    }), React.createElement(StyledCard, {
+      elevated: true,
+      key: title + "-" + category
+    }, React.createElement(Text, {
+      fontWeight: "bold",
+      colorVariant: "primary"
+    }, title), React.createElement(Text, {
+      fontWeight: "bold",
+      colorVariant: "secondary",
+      typography: "label"
+    }, category)));
+  })));
+};
+
+export default React.memo(MostUsed);
+//# sourceMappingURL=MostUsed.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+export { default as MostUsed } from './MostUsed';

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

@@ -0,0 +1,2 @@
+export { default as MostUsed } from "./MostUsed";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","MostUsed"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/index.ts"],"sourcesContent":["export { default as MostUsed } from './MostUsed';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB"}

package/esm/components/molecules/Menubar/MostUsed/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCard: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

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

@@ -0,0 +1,31 @@
+var _templateObject, _templateObject2;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+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) {
+  var theme = _ref.theme;
+  return theme.spacing.mega;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.spacing.kilo;
+}, function (_ref3) {
+  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) {
+  var theme = _ref4.theme;
+  return theme.spacing.mili;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.spacing.mili;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing.deca;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.spacing.deca;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { MostUsedType } from '../types';
+interface SearchResultItem {
+    data: MostUsedType;
+    searchTerm: string;
+    toggle: () => void;
+}
+declare const SearchResultItem: React.FC<SearchResultItem>;
+export default SearchResultItem;

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

@@ -0,0 +1,39 @@
+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); }
+
+import React from 'react';
+import { Text } from '@tecsinapse/react-core';
+import { StyledSearchItemContainer, HighlightText } from "./styled";
+import { highlight } from "./utils";
+
+var SearchResultItem = function SearchResultItem(_ref) {
+  var data = _ref.data,
+      searchTerm = _ref.searchTerm,
+      toggle = _ref.toggle;
+  var title = data.title,
+      category = data.category,
+      Component = data.Component,
+      props = data.props;
+  var noTextDecoration = {
+    textDecoration: 'none'
+  };
+  var textProps = {
+    fontColor: 'orange',
+    fontWeight: 'bold'
+  };
+  return React.createElement(Component, _extends({}, props, {
+    style: noTextDecoration,
+    onClick: toggle
+  }), React.createElement(StyledSearchItemContainer, null, React.createElement(Text, {
+    typography: "base",
+    colorVariant: "secondary",
+    colorTone: "dark"
+  }, highlight(searchTerm, title, HighlightText, textProps)), React.createElement(Text, {
+    typography: "sub",
+    fontWeight: "bold",
+    colorVariant: "secondary",
+    colorTone: "medium"
+  }, category)));
+};
+
+export default SearchResultItem;
+//# sourceMappingURL=SearchResultItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultItem.js","names":["React","Text","StyledSearchItemContainer","HighlightText","highlight","SearchResultItem","data","searchTerm","toggle","title","category","Component","props","noTextDecoration","textDecoration","textProps","fontColor","fontWeight"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n  data: MostUsedType;\n  searchTerm: string;\n  toggle: () => void;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({\n  data,\n  searchTerm,\n  toggle,\n}) => {\n  const { title, category, Component, props } = data;\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n  return (\n    <Component {...props} style={noTextDecoration} onClick={toggle}>\n      <StyledSearchItemContainer>\n        <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n          {highlight(searchTerm, title, HighlightText, textProps)}\n        </Text>\n        <Text\n          typography=\"sub\"\n          fontWeight=\"bold\"\n          colorVariant=\"secondary\"\n          colorTone=\"medium\"\n        >\n          {category}\n        </Text>\n      </StyledSearchItemContainer>\n    </Component>\n  );\n};\n\nexport default SearchResultItem;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAgC,wBAAhC;AAEA,SAASC,yBAAT,EAAoCC,aAApC;AACA,SAASC,SAAT;;AAQA,IAAMC,gBAA4C,GAAG,SAA/CA,gBAA+C,OAI/C;EAAA,IAHJC,IAGI,QAHJA,IAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,MACI,QADJA,MACI;EACJ,IAAQC,KAAR,GAA8CH,IAA9C,CAAQG,KAAR;EAAA,IAAeC,QAAf,GAA8CJ,IAA9C,CAAeI,QAAf;EAAA,IAAyBC,SAAzB,GAA8CL,IAA9C,CAAyBK,SAAzB;EAAA,IAAoCC,KAApC,GAA8CN,IAA9C,CAAoCM,KAApC;EACA,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,IAAMC,SAAoB,GAAG;IAAEC,SAAS,EAAE,QAAb;IAAuBC,UAAU,EAAE;EAAnC,CAA7B;EAEA,OACE,oBAAC,SAAD,eAAeL,KAAf;IAAsB,KAAK,EAAEC,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,oBAAC,yBAAD,QACE,oBAAC,IAAD;IAAM,UAAU,EAAC,MAAjB;IAAwB,YAAY,EAAC,WAArC;IAAiD,SAAS,EAAC;EAA3D,GACGJ,SAAS,CAACG,UAAD,EAAaE,KAAb,EAAoBN,aAApB,EAAmCY,SAAnC,CADZ,CADF,EAIE,oBAAC,IAAD;IACE,UAAU,EAAC,KADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGL,QANH,CAJF,CADF,CADF;AAiBD,CA3BD;;AA6BA,eAAeL,gBAAf"}

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

@@ -0,0 +1 @@
+export { default as SearchResultItem } from './SearchResultItem';

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

@@ -0,0 +1,2 @@
+export { default as SearchResultItem } from "./SearchResultItem";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","SearchResultItem"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/index.ts"],"sourcesContent":["export { default as SearchResultItem } from './SearchResultItem';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB"}

package/esm/components/molecules/Menubar/SearchResultItem/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledSearchItemContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HighlightText: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

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

@@ -0,0 +1,19 @@
+var _templateObject, _templateObject2;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+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) {
+  var theme = _ref.theme;
+  return theme.spacing.mili + " 0 " + theme.spacing.centi + " 0";
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.borderWidth.pico + " solid " + 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) {
+  var theme = _ref3.theme;
+  return theme.font.color.orange;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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"}

package/esm/components/molecules/Menubar/SearchResultItem/utils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const stringMatcher: (searchTerm: string, textToReplace: string) => RegExpMatchArray[];
+export declare const highlight: <T>(searchTerm: string, textToReplace: string, Component: React.ElementType, props: T) => React.ReactNode;

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

@@ -0,0 +1,56 @@
+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); }
+
+import React from 'react';
+
+var normalize = function normalize(str) {
+  return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[-[\]{}()*+?.,\\^$|#]/g, ' ').toLowerCase();
+};
+
+var matchSpliter = function matchSpliter(str, indexes, size) {
+  var result = [];
+  var currentIndex = 0;
+  indexes.forEach(function (index) {
+    result.push(str.substring(currentIndex, index));
+    result.push(str.substring(index, index + size));
+    currentIndex = index + size;
+  });
+  result.push(str.substring(currentIndex, str.length));
+  return result.filter(function (e) {
+    return e;
+  });
+};
+
+export var stringMatcher = function stringMatcher(searchTerm, textToReplace) {
+  var s = normalize(searchTerm);
+  var tx = normalize(textToReplace);
+  var r = new RegExp("(" + s + ")", 'g');
+  return Array.from(tx.matchAll(r));
+};
+
+var highlightReplacer = function highlightReplacer(searchTerm, textToReplace, Component, props) {
+  var search = normalize(searchTerm);
+  var matches = stringMatcher(searchTerm, textToReplace);
+
+  if (matches.length <= 0) {
+    return textToReplace;
+  }
+
+  var indexes = matches.map(function (match) {
+    return match.index;
+  });
+  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
+    }, props), value) : React.createElement(React.Fragment, null, value);
+  });
+};
+
+export var highlight = function highlight(searchTerm, textToReplace, Component, props) {
+  if (textToReplace && searchTerm) {
+    return highlightReplacer(searchTerm, textToReplace, Component, props);
+  }
+
+  return textToReplace;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+import { CSSProperties } from 'react';
+import { TransitionStatus } from 'react-transition-group';
+export declare const getInputContainerStyles: (state: TransitionStatus) => CSSProperties;
+export declare const getContainerOpenMenuStyles: (state: TransitionStatus) => CSSProperties;

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

@@ -0,0 +1,53 @@
+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); }
+
+var getDefaultInputContainerStyles = {
+  transitionDuration: '250ms',
+  transitionProperty: 'opacity scale transform',
+  transitionTimingFunction: 'ease-in-out'
+};
+var getDefaultContainerOpenMenuStyles = {
+  transitionDuration: '250ms',
+  transitionProperty: 'opacity scale transform',
+  transitionTimingFunction: 'ease-in-out'
+};
+var getInputContainerTransform = {
+  entered: {
+    transform: 'scale(1, 1) translateY(0px)'
+  },
+  entering: {
+    opacity: 0.5,
+    transform: 'scale(0.99, 0.99) translateY(-5px)'
+  },
+  exited: {
+    opacity: 0,
+    transform: 'scale(0.99, 0.99) translateY(-50px)'
+  },
+  exiting: {
+    opacity: 0.5,
+    transform: 'scale(0.99, 0.99) translateY(-5px)'
+  }
+};
+var getContainerOpenMenuTransform = {
+  entered: {
+    transform: 'scale(1, 1) translateY(0px) '
+  },
+  entering: {
+    opacity: 0.95,
+    transform: 'scale(0.99, 0.99) translateY(0px)'
+  },
+  exited: {
+    opacity: 0,
+    transform: 'scale(0.99, 0.99) translateY(-600px)'
+  },
+  exiting: {
+    opacity: 0.95,
+    transform: 'scale(0.99, 0.99) translateY(0px)'
+  }
+};
+export var getInputContainerStyles = function getInputContainerStyles(state) {
+  return _extends({}, getDefaultInputContainerStyles, getInputContainerTransform[state]);
+};
+export var getContainerOpenMenuStyles = function getContainerOpenMenuStyles(state) {
+  return _extends({}, getDefaultContainerOpenMenuStyles, getContainerOpenMenuTransform[state]);
+};
+//# sourceMappingURL=animations.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const StyledIconInput: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMenuBar: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledMenuButton: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const StyledContainerOpenMenu: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInput: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSearchResultsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSearchTextContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,81 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+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) {
+  var theme = _ref.theme;
+  return theme.spacing.centi;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.spacing.centi;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.spacing.centi;
+}, function (_ref4) {
+  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) {
+  var theme = _ref5.theme;
+  return theme.miscellaneous.surfaceColor;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing.deca + " " + 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) {
+  var theme = _ref8.theme;
+  return theme.spacing.centi;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.spacing.centi;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.spacing.centi;
+}, function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.spacing.centi;
+}, function (_ref12) {
+  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) {
+  var theme = _ref13.theme;
+  return theme.borderWidth.pico + " solid " + hex2rgba(theme.miscellaneous.shadow, 0.05);
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.miscellaneous.surfaceColor;
+}, function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.borderRadius.mili;
+}, function (_ref16) {
+  var theme = _ref16.theme;
+  return theme.borderRadius.mili;
+}, function (_ref17) {
+  var theme = _ref17.theme;
+  return hex2rgba(theme.miscellaneous.shadow, 0.05);
+}, function (_ref18) {
+  var theme = _ref18.theme;
+  return theme.spacing.kilo;
+}, function (_ref19) {
+  var theme = _ref19.theme;
+  return theme.spacing.mega;
+}, function (_ref20) {
+  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) {
+  var theme = _ref21.theme;
+  return theme.spacing.mili;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["default","webStyled","nativeStyled","hex2rgba","Button","Input","StyledIconInput","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n  padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n  padding-left: ${({ theme }) => theme.spacing.centi};\n  padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n  padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n    position: relative;\n    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n    box-shadow: 0px 2px 8px ${({ theme }) =>\n      hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n    padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    margin-right: ${({ theme }) => theme.spacing.kilo};\n    & * {\n      user-select: none;\n    }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n    border-top: ${({ theme }) =>\n      `${theme.borderWidth.pico} solid ${hex2rgba(\n        theme.miscellaneous.shadow,\n        0.05\n      )}`};\n    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n    border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n    border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n    box-shadow: 0px 2px 8px ${({ theme }) =>\n      hex2rgba(theme.miscellaneous.shadow, 0.05)};\n    padding-right: 8vw;\n    padding-left: 8vw;\n    padding-top: ${({ theme }) => theme.spacing.kilo};\n    padding-bottom: ${({ theme }) => theme.spacing.mega};\n    position: absolute;\n    z-index: ${({ theme }) => theme.zIndex.header + 1};\n    width: -webkit-fill-available;\n    width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n     width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n    display: flex;\n    flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n    margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"mappings":";;;;AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,iBAArC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,iBAAxC;AACA,SAASC,QAAT,QAAqC,wBAArC;AACA,SAASC,MAAT;AACA,SAASC,KAAT;AAEA,OAAO,IAAMC,eAAe,GAAGL,SAAS,CAAC,KAAD,CAAZ,mMACN;EAAA,IAAGM,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADM,EAEV;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAFU,EAGH;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAHG,EAIT;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJS,CAArB;AAOP,OAAO,IAAMC,aAAa,GAAGT,SAAS,CAAC,KAAD,CAAZ,oQAEF;EAAA,IAAGM,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAnC;AAAA,CAFE,EAMX;EAAA,IAAGL,KAAH,SAAGA,KAAH;EAAA,OAAkBA,KAAK,CAACC,OAAN,CAAcK,IAAhC,SAAwCN,KAAK,CAACC,OAAN,CAAcM,IAAtD;AAAA,CANW,EAOI;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,OACxBJ,QAAQ,CAACI,KAAK,CAACI,aAAN,CAAoBI,MAArB,EAA6B,IAA7B,CADgB;AAAA,CAPJ,CAAnB;AAWP,OAAO,IAAMC,gBAAgB,GAAGd,YAAY,CAACE,MAAD,CAAf,0SACL;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADK,EAEH;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAFG,EAGF;EAAA,IAAGF,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAHE,EAIJ;EAAA,IAAGF,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJI,EAKT;EAAA,IAAGF,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcM,IAA7B;AAAA,CALS,CAAtB;AAWP,OAAO,IAAMG,uBAAuB,GAAGhB,SAAS,CAAC,KAAD,CAAZ,scAClB;EAAA,IAAGM,KAAH,UAAGA,KAAH;EAAA,OACTA,KAAK,CAACW,WAAN,CAAkBC,IADT,eACuBhB,QAAQ,CACzCI,KAAK,CAACI,aAAN,CAAoBI,MADqB,EAEzC,IAFyC,CAD/B;AAAA,CADkB,EAMZ;EAAA,IAAGR,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAnC;AAAA,CANY,EAOH;EAAA,IAAGL,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACa,YAAN,CAAmBC,IAAlC;AAAA,CAPG,EAQF;EAAA,IAAGd,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACa,YAAN,CAAmBC,IAAlC;AAAA,CARE,EASN;EAAA,IAAGd,KAAH,UAAGA,KAAH;EAAA,OACxBJ,QAAQ,CAACI,KAAK,CAACI,aAAN,CAAoBI,MAArB,EAA6B,IAA7B,CADgB;AAAA,CATM,EAajB;EAAA,IAAGR,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcM,IAA7B;AAAA,CAbiB,EAcd;EAAA,IAAGP,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcc,IAA7B;AAAA,CAdc,EAgBrB;EAAA,IAAGf,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACgB,MAAN,CAAaC,MAAb,GAAsB,CAArC;AAAA,CAhBqB,CAA7B;AAqBP,OAAO,IAAMC,WAAW,GAAGvB,YAAY,CAACG,KAAD,CAAf,iGAAjB;AAIP,OAAO,IAAMqB,oBAAoB,GAAGzB,SAAS,CAAC,KAAD,CAAZ,gHAA1B;AAKP,OAAO,IAAM0B,4BAA4B,GAAG1B,SAAS,CAAC,KAAD,CAAZ,+HAAlC;AAKP,OAAO,IAAM2B,yBAAyB,GAAG3B,SAAS,CAAC,KAAD,CAAZ,yGACjB;EAAA,IAAGM,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAca,IAA7B;AAAA,CADiB,CAA/B"}

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

@@ -0,0 +1,19 @@
+import React, { ElementType } from 'react';
+export declare type MostUsedType = {
+    title: string;
+    category: string;
+    Component: ElementType;
+    props: any;
+};
+export declare type ItemsOptions = {
+    title: string;
+    Component: ElementType;
+    props: any;
+    rightComponents?: React.ReactNode;
+    items?: ItemsOptions[];
+};
+export declare type OptionsType = {
+    title: string;
+    items: ItemsOptions[];
+    leftComponents?: React.ReactNode;
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/molecules/Menubar/types.ts"],"sourcesContent":["import React, { ElementType } from 'react';\n\nexport type MostUsedType = {\n  title: string;\n  category: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n};\n\nexport type ItemsOptions = {\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  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n};\n\nexport type OptionsType = {\n  title: string;\n  items: ItemsOptions[];\n  leftComponents?: React.ReactNode;\n};\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+import { MostUsedType, OptionsType } from './types';
+export declare const filterAndTransform: (options: OptionsType[], search: string) => MostUsedType[];

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

@@ -0,0 +1,30 @@
+export var filterAndTransform = function filterAndTransform(options, search) {
+  var normalized = [];
+  options.forEach(function (option) {
+    option.items.forEach(function (item) {
+      var _item$items;
+
+      if (item.title.toLowerCase().startsWith(search)) {
+        normalized.push({
+          title: item.title,
+          Component: item.Component,
+          props: item.props,
+          category: option.title
+        });
+      }
+
+      (_item$items = item.items) == null ? void 0 : _item$items.forEach(function (sub) {
+        if (sub.title.toLowerCase().startsWith(search)) {
+          normalized.push({
+            title: sub.title,
+            Component: sub.Component,
+            props: sub.props,
+            category: option.title
+          });
+        }
+      });
+    });
+  });
+  return normalized;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["filterAndTransform","options","search","normalized","forEach","option","items","item","title","toLowerCase","startsWith","push","Component","props","category","sub"],"sources":["../../../../src/components/molecules/Menubar/utils.ts"],"sourcesContent":["import { MostUsedType, OptionsType } from './types';\n\nexport const filterAndTransform = (\n  options: OptionsType[],\n  search: string\n): MostUsedType[] => {\n  const normalized: MostUsedType[] = [];\n  options.forEach(option => {\n    option.items.forEach(item => {\n      if (item.title.toLowerCase().startsWith(search)) {\n        normalized.push({\n          title: item.title,\n          Component: item.Component,\n          props: item.props,\n          category: option.title,\n        });\n      }\n      item.items?.forEach(sub => {\n        if (sub.title.toLowerCase().startsWith(search)) {\n          normalized.push({\n            title: sub.title,\n            Component: sub.Component,\n            props: sub.props,\n            category: option.title,\n          });\n        }\n      });\n    });\n  });\n\n  return normalized;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAChCC,OADgC,EAEhCC,MAFgC,EAGb;EACnB,IAAMC,UAA0B,GAAG,EAAnC;EACAF,OAAO,CAACG,OAAR,CAAgB,UAAAC,MAAM,EAAI;IACxBA,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAqB,UAAAG,IAAI,EAAI;MAAA;;MAC3B,IAAIA,IAAI,CAACC,KAAL,CAAWC,WAAX,GAAyBC,UAAzB,CAAoCR,MAApC,CAAJ,EAAiD;QAC/CC,UAAU,CAACQ,IAAX,CAAgB;UACdH,KAAK,EAAED,IAAI,CAACC,KADE;UAEdI,SAAS,EAAEL,IAAI,CAACK,SAFF;UAGdC,KAAK,EAAEN,IAAI,CAACM,KAHE;UAIdC,QAAQ,EAAET,MAAM,CAACG;QAJH,CAAhB;MAMD;;MACD,eAAAD,IAAI,CAACD,KAAL,iCAAYF,OAAZ,CAAoB,UAAAW,GAAG,EAAI;QACzB,IAAIA,GAAG,CAACP,KAAJ,CAAUC,WAAV,GAAwBC,UAAxB,CAAmCR,MAAnC,CAAJ,EAAgD;UAC9CC,UAAU,CAACQ,IAAX,CAAgB;YACdH,KAAK,EAAEO,GAAG,CAACP,KADG;YAEdI,SAAS,EAAEG,GAAG,CAACH,SAFD;YAGdC,KAAK,EAAEE,GAAG,CAACF,KAHG;YAIdC,QAAQ,EAAET,MAAM,CAACG;UAJH,CAAhB;QAMD;MACF,CATD;IAUD,CAnBD;EAoBD,CArBD;EAuBA,OAAOL,UAAP;AACD,CA7BM"}

package/esm/components/molecules/Select/Dropdown/Dropdown.d.ts

@@ -0,0 +1,5 @@
+import { SelectProps } from '../Select';
+declare const Dropdown: <Data, Type extends "single" | "multi">({ options, onSearch, type, hideSearchBar, onSelect, value, keyExtractor, labelExtractor, setDropDownVisible, style, anchor, selectAllLabel, searchBarPlaceholder, }: SelectProps<Data, Type> & {
+    setDropDownVisible: (t: boolean) => void;
+}) => JSX.Element;
+export default Dropdown;