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

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

@@ -1,42 +1,54 @@
-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";
+import { StyledCardContainer, StyledCard } from './styled.js';
 
-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, {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const MostUsed = ({ data, label, toggle }) => {
+  const noTextDecoration = { textDecoration: "none" };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ 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, {
+  }, label), /* @__PURE__ */ React.createElement(StyledCardContainer, null, data.slice(0, 4).map(
+    ({
+      title,
+      category,
+      Component = "a",
+      props = {}
+    }) => /* @__PURE__ */ React.createElement(Component, __spreadProps(__spreadValues({}, props), {
       style: noTextDecoration,
-      key: "".concat(title, "-").concat(category),
+      key: `${title}-${category}`,
       onClick: toggle
-    }), React.createElement(StyledCard, {
+    }), /* @__PURE__ */ React.createElement(StyledCard, {
       elevated: true,
-      key: "".concat(title, "-").concat(category)
-    }, React.createElement(Text, {
+      key: `${title}-${category}`
+    }, /* @__PURE__ */ React.createElement(Text, {
       fontWeight: "bold",
       colorVariant: "primary"
-    }, title), React.createElement(Text, {
+    }, title), /* @__PURE__ */ React.createElement(Text, {
       fontWeight: "bold",
       colorVariant: "secondary",
       typography: "label"
-    }, category)));
-  })));
+    }, category)))
+  )));
 };
+var MostUsed$1 = React.memo(MostUsed);
 
-export default React.memo(MostUsed);
-//# sourceMappingURL=MostUsed.js.map
+export { MostUsed$1 as default };
+//# sourceMappingURL=MostUsed.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MostUsed.js","names":["React","Text","StyledCard","StyledCardContainer","MostUsed","data","label","toggle","noTextDecoration","textDecoration","slice","map","title","category","Component","props","memo"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n  data: MostUsedType[];\n  label: string;\n  toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <>\n      <Text fontWeight=\"bold\">{label}</Text>\n      <StyledCardContainer>\n        {data\n          .slice(0, 4)\n          .map(\n            ({\n              title,\n              category,\n              Component = 'a',\n              props = {},\n            }: MostUsedType) => (\n              <Component\n                {...props}\n                style={noTextDecoration}\n                key={`${title}-${category}`}\n                onClick={toggle}\n              >\n                <StyledCard elevated key={`${title}-${category}`}>\n                  <Text fontWeight=\"bold\" colorVariant=\"primary\">\n                    {title}\n                  </Text>\n                  <Text\n                    fontWeight=\"bold\"\n                    colorVariant=\"secondary\"\n                    typography=\"label\"\n                  >\n                    {category}\n                  </Text>\n                </StyledCard>\n              </Component>\n            )\n          )}\n      </StyledCardContainer>\n    </>\n  );\n};\n\nexport default React.memo(MostUsed);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,UAAT,EAAqBC,mBAArB;;AASA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAA6B;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;EAAA,IAApBC,KAAoB,QAApBA,KAAoB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACrE,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,0CACE,oBAAC,IAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBH,KAAzB,CADF,EAEE,oBAAC,mBAAD,QACGD,IAAI,CACFK,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG;IAAA,IACEC,KADF,SACEA,KADF;IAAA,IAEEC,QAFF,SAEEA,QAFF;IAAA,4BAGEC,SAHF;IAAA,IAGEA,SAHF,gCAGc,GAHd;IAAA,wBAIEC,KAJF;IAAA,IAIEA,KAJF,4BAIU,EAJV;IAAA,OAME,oBAAC,SAAD,eACMA,KADN;MAEE,KAAK,EAAEP,gBAFT;MAGE,GAAG,YAAKI,KAAL,cAAcC,QAAd,CAHL;MAIE,OAAO,EAAEN;IAJX,IAME,oBAAC,UAAD;MAAY,QAAQ,MAApB;MAAqB,GAAG,YAAKK,KAAL,cAAcC,QAAd;IAAxB,GACE,oBAAC,IAAD;MAAM,UAAU,EAAC,MAAjB;MAAwB,YAAY,EAAC;IAArC,GACGD,KADH,CADF,EAIE,oBAAC,IAAD;MACE,UAAU,EAAC,MADb;MAEE,YAAY,EAAC,WAFf;MAGE,UAAU,EAAC;IAHb,GAKGC,QALH,CAJF,CANF,CANF;EAAA,CAHH,CADH,CAFF,CADF;AAqCD,CAxCD;;AA0CA,eAAeb,KAAK,CAACgB,IAAN,CAAWZ,QAAX,CAAf"}
+{"version":3,"file":"MostUsed.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,WAAoC,CAAC,EAAE,IAAM,EAAA,KAAA,EAAO,QAAa,KAAA;AACrE,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAQ,EAAA,KAAM,mBAC9B,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EACE,KACE,KAAM,CAAA,CAAA,EAAG,CAAC,CACV,CAAA,GAAA;AAAA,IACC,CAAC;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAY,GAAA,GAAA;AAAA,MACZ,QAAQ,EAAC;AAAA,KACX,qBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,KADL,CAAA,EAAA;AAAA,MAEC,KAAO,EAAA,gBAAA;AAAA,MACP,GAAA,EAAK,GAAG,KAAS,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,MACjB,OAAS,EAAA,MAAA;AAAA,KAAA,CAAA,kBAER,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MAAW,QAAQ,EAAA,IAAA;AAAA,MAAC,GAAA,EAAK,GAAG,KAAS,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,KAAA,kBACnC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,UAAW,EAAA,MAAA;AAAA,MAAO,YAAa,EAAA,SAAA;AAAA,KAClC,EAAA,KACH,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,UAAW,EAAA,MAAA;AAAA,MACX,YAAa,EAAA,WAAA;AAAA,MACb,UAAW,EAAA,OAAA;AAAA,KAEV,EAAA,QACH,CACF,CACF,CAAA;AAAA,GAGR,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAe,KAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}

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

@@ -1,31 +1,20 @@
-var _templateObject, _templateObject2;
+import styled from '@emotion/styled';
+import { Card } from '@tecsinapse/react-core';
+import nativeStyled from '@emotion/native';
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledCardContainer = styled("div")`
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-column-gap: ${({ theme }) => theme.spacing.mega};
+    margin-bottom: ${({ theme }) => theme.spacing.kilo};
+    margin-top: ${({ theme }) => theme.spacing.centi};
+`;
+const StyledCard = nativeStyled(Card)`
+    padding-top: ${({ theme }) => theme.spacing.mili};
+    padding-bottom: ${({ theme }) => theme.spacing.mili};
+    padding-left: ${({ theme }) => theme.spacing.deca};
+    padding-right: ${({ theme }) => theme.spacing.deca};
+`;
 
-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 = _taggedTemplateLiteral(["\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ", ";\n    margin-bottom: ", ";\n    margin-top: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacing.mega;
-}, function (_ref2) {
-  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 = _taggedTemplateLiteral(["\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-left: ", ";\n    padding-right: ", ";\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.spacing.mili;
-}, function (_ref5) {
-  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
+export { StyledCard, StyledCardContainer };
+//# sourceMappingURL=styled.js.map

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

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

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

@@ -1,33 +1,43 @@
-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";
+import { StyledSearchItemContainer, HighlightText } from './styled.js';
+import { highlight } from './utils.js';
 
-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, {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const SearchResultItem = ({
+  data,
+  searchTerm,
+  toggle
+}) => {
+  const { title, category, Component, props } = data;
+  const noTextDecoration = { textDecoration: "none" };
+  const textProps = { fontColor: "orange", fontWeight: "bold" };
+  return /* @__PURE__ */ React.createElement(Component, __spreadProps(__spreadValues({}, props), {
     style: noTextDecoration,
     onClick: toggle
-  }), React.createElement(StyledSearchItemContainer, null, React.createElement(Text, {
+  }), /* @__PURE__ */ React.createElement(StyledSearchItemContainer, null, /* @__PURE__ */ React.createElement(Text, {
     typography: "base",
     colorVariant: "secondary",
     colorTone: "dark"
-  }, highlight(searchTerm, title, HighlightText, textProps)), React.createElement(Text, {
+  }, highlight(searchTerm, title, HighlightText, textProps)), /* @__PURE__ */ React.createElement(Text, {
     typography: "sub",
     fontWeight: "bold",
     colorVariant: "secondary",
@@ -35,5 +45,5 @@ var SearchResultItem = function SearchResultItem(_ref) {
   }, category)));
 };
 
-export default SearchResultItem;
-//# sourceMappingURL=SearchResultItem.js.map
+export { SearchResultItem as default };
+//# sourceMappingURL=SearchResultItem.js.map

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

@@ -1 +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"}
+{"version":3,"file":"SearchResultItem.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,mBAA+C,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,QAAU,EAAA,SAAA,EAAW,OAAU,GAAA,IAAA,CAAA;AAC9C,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,MAAM,SAAuB,GAAA,EAAE,SAAW,EAAA,QAAA,EAAU,YAAY,MAAO,EAAA,CAAA;AAEvE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GACtD,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iDACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,IAAO,YAAa,EAAA,WAAA;AAAA,IAAY,SAAU,EAAA,MAAA;AAAA,GAAA,EACxD,UAAU,UAAY,EAAA,KAAA,EAAO,eAAe,SAAS,CACxD,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,UAAW,EAAA,KAAA;AAAA,IACX,UAAW,EAAA,MAAA;AAAA,IACX,YAAa,EAAA,WAAA;AAAA,IACb,SAAU,EAAA,QAAA;AAAA,GAET,EAAA,QACH,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","default","nativeStyled","hex2rgba","Text","StyledSearchItemContainer","theme","spacing","mili","centi","borderWidth","pico","miscellaneous","shadow","HighlightText","font","color","orange"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n  border-top: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n  text-decoration: underline;\n  text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAO,IAAIC,YAApB,QAAwC,iBAAxC;AACA,SAASC,QAAT,EAA+BC,IAA/B,QAA2C,wBAA3C;AAEA,OAAO,IAAMC,yBAAyB,GAAGL,MAAM,CAAC,KAAD,CAAT,4JAGzB;EAAA,IAAGM,KAAH,QAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,gBAA0CF,KAAK,CAACC,OAAN,CAAcE,KAAxD;AAAA,CAHyB,EAItB;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,iBACTA,KAAK,CAACI,WAAN,CAAkBC,IADT,oBACuBR,QAAQ,CACzCG,KAAK,CAACM,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD/B;AAAA,CAJsB,CAA/B;AAWP,OAAO,IAAMC,aAAa,GAAGZ,YAAY,CAACE,IAAD,CAAf,yIAEC;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFD,CAAnB"}
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;;AAIa,MAAA,yBAAA,GAA4B,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,WAGxC,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAU,CAAA,GAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,cAAA,EACrD,CAAC,EAAE,KAAA,OACf,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGS,MAAA,aAAA,GAAgB,aAAa,IAAI,CAAA,CAAA;AAAA;AAAA,yBAAA,EAEnB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","normalize","str","replace","toLowerCase","matchSpliter","indexes","size","result","currentIndex","forEach","index","push","substring","length","filter","e","stringMatcher","searchTerm","textToReplace","s","tx","r","RegExp","Array","from","matchAll","highlightReplacer","Component","props","search","matches","map","match","splited","value","idx","highlight"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n    .toLowerCase();\n};\n\nconst matchSpliter = (\n  str: string,\n  indexes: number[],\n  size: number\n): string[] => {\n  const result: string[] = [];\n  let currentIndex = 0;\n\n  indexes.forEach((index: number) => {\n    result.push(str.substring(currentIndex, index));\n    result.push(str.substring(index, index + size));\n    currentIndex = index + size;\n  });\n\n  result.push(str.substring(currentIndex, str.length));\n\n  return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n  searchTerm: string,\n  textToReplace: string\n): RegExpMatchArray[] => {\n  const s = normalize(searchTerm);\n  const tx = normalize(textToReplace);\n\n  const r = new RegExp(`(${s})`, 'g');\n\n  return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  const search = normalize(searchTerm);\n  const matches = stringMatcher(searchTerm, textToReplace);\n\n  if (matches.length <= 0) {\n    return textToReplace;\n  }\n\n  const indexes: number[] = matches.map(match => match.index) as number[];\n  const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n  return splited.map((value, idx) => {\n    return normalize(value) === search ? (\n      <Component key={`highlight-${value}${idx}`} {...props}>\n        {value}\n      </Component>\n    ) : (\n      <>{value}</>\n    );\n  });\n};\n\nexport const highlight = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  if (textToReplace && searchTerm) {\n    return highlightReplacer(searchTerm, textToReplace, Component, props);\n  }\n\n  return textToReplace;\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyB;EACzC,OAAOA,GAAG,CACPD,SADI,CACM,KADN,EAEJE,OAFI,CAEI,kBAFJ,EAEwB,EAFxB,EAGJA,OAHI,CAGI,wBAHJ,EAG8B,GAH9B,EAIJC,WAJI,EAAP;AAKD,CAND;;AAQA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,EAIN;EACb,IAAMC,MAAgB,GAAG,EAAzB;EACA,IAAIC,YAAY,GAAG,CAAnB;EAEAH,OAAO,CAACI,OAAR,CAAgB,UAACC,KAAD,EAAmB;IACjCH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BE,KAA5B,CAAZ;IACAH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcF,KAAd,EAAqBA,KAAK,GAAGJ,IAA7B,CAAZ;IACAE,YAAY,GAAGE,KAAK,GAAGJ,IAAvB;EACD,CAJD;EAMAC,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BP,GAAG,CAACY,MAAhC,CAAZ;EAEA,OAAON,MAAM,CAACO,MAAP,CAAc,UAAAC,CAAC;IAAA,OAAIA,CAAJ;EAAA,CAAf,CAAP;AACD,CAjBD;;AAmBA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,UAD2B,EAE3BC,aAF2B,EAGJ;EACvB,IAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;EACA,IAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;EAEA,IAAMG,CAAC,GAAG,IAAIC,MAAJ,YAAeH,CAAf,QAAqB,GAArB,CAAV;EAEA,OAAOI,KAAK,CAACC,IAAN,CAAWJ,EAAE,CAACK,QAAH,CAAYJ,CAAZ,CAAX,CAAP;AACD,CAVM;;AAYP,IAAMK,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,EAKJ;EACpB,IAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;EACA,IAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;EAEA,IAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;IACvB,OAAOK,aAAP;EACD;;EAED,IAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAY,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACtB,KAAV;EAAA,CAAjB,CAA1B;EACA,IAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;EAEA,OAAOoB,OAAO,CAACF,GAAR,CAAY,UAACG,KAAD,EAAQC,GAAR,EAAgB;IACjC,OAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,oBAAC,SAAD;MAAW,GAAG,sBAAeK,KAAf,SAAuBC,GAAvB;IAAd,GAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,0CAAGA,KAAH,CALF;EAOD,CARM,CAAP;AASD,CAzBD;;AA2BA,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,EAKH;EACpB,IAAIV,aAAa,IAAID,UAArB,EAAiC;IAC/B,OAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;EACD;;EAED,OAAOV,aAAP;AACD,CAXM"}
+{"version":3,"file":"utils.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,MAAM,SAAA,GAAY,CAAC,GAAwB,KAAA;AACzC,EAAA,OAAO,GACJ,CAAA,SAAA,CAAU,KAAK,CAAA,CACf,OAAQ,CAAA,kBAAA,EAAoB,EAAE,CAAA,CAC9B,OAAQ,CAAA,wBAAA,EAA0B,GAAG,CAAA,CACrC,WAAY,EAAA,CAAA;AACjB,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CACnB,GACA,EAAA,OAAA,EACA,IACa,KAAA;AACb,EAAA,MAAM,SAAmB,EAAC,CAAA;AAC1B,EAAA,IAAI,YAAe,GAAA,CAAA,CAAA;AAEnB,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,KAAkB,KAAA;AACjC,IAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAI,SAAU,CAAA,YAAA,EAAc,KAAK,CAAC,CAAA,CAAA;AAC9C,IAAA,MAAA,CAAO,KAAK,GAAI,CAAA,SAAA,CAAU,KAAO,EAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AAC9C,IAAA,YAAA,GAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AAED,EAAA,MAAA,CAAO,KAAK,GAAI,CAAA,SAAA,CAAU,YAAc,EAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAEnD,EAAO,OAAA,MAAA,CAAO,MAAO,CAAA,CAAA,CAAA,KAAK,CAAC,CAAA,CAAA;AAC7B,CAAA,CAAA;AAEa,MAAA,aAAA,GAAgB,CAC3B,UAAA,EACA,aACuB,KAAA;AACvB,EAAM,MAAA,CAAA,GAAI,UAAU,UAAU,CAAA,CAAA;AAC9B,EAAM,MAAA,EAAA,GAAK,UAAU,aAAa,CAAA,CAAA;AAElC,EAAA,MAAM,CAAI,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,MAAM,GAAG,CAAA,CAAA;AAElC,EAAA,OAAO,KAAM,CAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,CAAC,CAAC,CAAA,CAAA;AAClC,EAAA;AAEA,MAAM,iBAAoB,GAAA,CACxB,UACA,EAAA,aAAA,EACA,WACA,KACoB,KAAA;AACpB,EAAM,MAAA,MAAA,GAAS,UAAU,UAAU,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,aAAc,CAAA,UAAA,EAAY,aAAa,CAAA,CAAA;AAEvD,EAAI,IAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACvB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,OAAoB,GAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,KAAA,KAAS,MAAM,KAAK,CAAA,CAAA;AAC1D,EAAA,MAAM,OAAU,GAAA,YAAA,CAAa,aAAe,EAAA,OAAA,EAAS,WAAW,MAAM,CAAA,CAAA;AAEtE,EAAA,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,GAAQ,KAAA;AACjC,IAAA,OAAO,SAAU,CAAA,KAAK,CAAM,KAAA,MAAA,mBACzB,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,cAAA,CAAA;AAAA,MAAU,GAAA,EAAK,aAAa,KAAQ,CAAA,EAAA,GAAA,CAAA,CAAA;AAAA,KAAA,EAAW,KAC7C,CAAA,EAAA,KACH,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,KAAM,CAAA,CAAA;AAAA,GAEZ,CAAA,CAAA;AACH,CAAA,CAAA;AAEO,MAAM,SAAY,GAAA,CACvB,UACA,EAAA,aAAA,EACA,WACA,KACoB,KAAA;AACpB,EAAA,IAAI,iBAAiB,UAAY,EAAA;AAC/B,IAAA,OAAO,iBAAkB,CAAA,UAAA,EAAY,aAAe,EAAA,SAAA,EAAW,KAAK,CAAA,CAAA;AAAA,GACtE;AAEA,EAAO,OAAA,aAAA,CAAA;AACT;;;;"}

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

@@ -1,57 +1,65 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var getDefaultInputContainerStyles = {
-  transitionDuration: '250ms',
-  transitionProperty: 'opacity scale transform',
-  transitionTimingFunction: 'ease-in-out'
+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;
+};
+const getDefaultInputContainerStyles = {
+  transitionDuration: "250ms",
+  transitionProperty: "opacity scale transform",
+  transitionTimingFunction: "ease-in-out"
 };
-var getDefaultContainerOpenMenuStyles = {
-  transitionDuration: '250ms',
-  transitionProperty: 'opacity scale transform',
-  transitionTimingFunction: 'ease-in-out'
+const getDefaultContainerOpenMenuStyles = {
+  transitionDuration: "250ms",
+  transitionProperty: "opacity scale transform",
+  transitionTimingFunction: "ease-in-out"
 };
-var getInputContainerTransform = {
+const getInputContainerTransform = {
   entered: {
-    transform: 'scale(1, 1) translateY(0px)'
+    transform: "scale(1, 1) translateY(0px)"
   },
   entering: {
     opacity: 0.5,
-    transform: 'scale(0.99, 0.99) translateY(-5px)'
+    transform: "scale(0.99, 0.99) translateY(-5px)"
   },
   exited: {
     opacity: 0,
-    transform: 'scale(0.99, 0.99) translateY(-50px)'
+    transform: "scale(0.99, 0.99) translateY(-50px)"
   },
   exiting: {
     opacity: 0.5,
-    transform: 'scale(0.99, 0.99) translateY(-5px)'
+    transform: "scale(0.99, 0.99) translateY(-5px)"
   }
 };
-var getContainerOpenMenuTransform = {
+const getContainerOpenMenuTransform = {
   entered: {
-    transform: 'scale(1, 1) translateY(0px) '
+    transform: "scale(1, 1) translateY(0px) "
   },
   entering: {
     opacity: 0.95,
-    transform: 'scale(0.99, 0.99) translateY(0px)'
+    transform: "scale(0.99, 0.99) translateY(0px)"
   },
   exited: {
     opacity: 0,
-    transform: 'scale(0.99, 0.99) translateY(-600px)'
+    transform: "scale(0.99, 0.99) translateY(-600px)"
   },
   exiting: {
     opacity: 0.95,
-    transform: 'scale(0.99, 0.99) translateY(0px)'
+    transform: "scale(0.99, 0.99) translateY(0px)"
   }
 };
-export var getInputContainerStyles = function getInputContainerStyles(state) {
-  return _objectSpread(_objectSpread({}, getDefaultInputContainerStyles), getInputContainerTransform[state]);
-};
-export var getContainerOpenMenuStyles = function getContainerOpenMenuStyles(state) {
-  return _objectSpread(_objectSpread({}, getDefaultContainerOpenMenuStyles), getContainerOpenMenuTransform[state]);
-};
-//# sourceMappingURL=animations.js.map
+const getInputContainerStyles = (state) => __spreadValues(__spreadValues({}, getDefaultInputContainerStyles), getInputContainerTransform[state]);
+const getContainerOpenMenuStyles = (state) => __spreadValues(__spreadValues({}, getDefaultContainerOpenMenuStyles), getContainerOpenMenuTransform[state]);
+
+export { getContainerOpenMenuStyles, getInputContainerStyles };
+//# sourceMappingURL=animations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["getDefaultInputContainerStyles","transitionDuration","transitionProperty","transitionTimingFunction","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px)',\n  },\n  entering: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-50px)',\n  },\n  exiting: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n};\n\nconst getContainerOpenMenuTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px) ',\n  },\n  entering: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-600px)',\n  },\n  exiting: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n};\n\nexport const getInputContainerStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultInputContainerStyles,\n  ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultContainerOpenMenuStyles,\n  ...getContainerOpenMenuTransform[state],\n});\n"],"mappings":";;;;;;AAGA,IAAMA,8BAA8B,GAAG;EACrCC,kBAAkB,EAAE,OADiB;EAErCC,kBAAkB,EAAE,yBAFiB;EAGrCC,wBAAwB,EAAE;AAHW,CAAvC;AAMA,IAAMC,iCAAiC,GAAG;EACxCH,kBAAkB,EAAE,OADoB;EAExCC,kBAAkB,EAAE,yBAFoB;EAGxCC,wBAAwB,EAAE;AAHc,CAA1C;AAMA,IAAME,0BAA0B,GAAG;EACjCC,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CADwB;EAIjCC,QAAQ,EAAE;IACRC,OAAO,EAAE,GADD;IAERF,SAAS,EAAE;EAFH,CAJuB;EAQjCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CARyB;EAYjCI,OAAO,EAAE;IACPF,OAAO,EAAE,GADF;IAEPF,SAAS,EAAE;EAFJ;AAZwB,CAAnC;AAkBA,IAAMK,6BAA6B,GAAG;EACpCN,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CAD2B;EAIpCC,QAAQ,EAAE;IACRC,OAAO,EAAE,IADD;IAERF,SAAS,EAAE;EAFH,CAJ0B;EAQpCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CAR4B;EAYpCI,OAAO,EAAE;IACPF,OAAO,EAAE,IADF;IAEPF,SAAS,EAAE;EAFJ;AAZ2B,CAAtC;AAkBA,OAAO,IAAMM,uBAAuB,GAAG,SAA1BA,uBAA0B,CACrCC,KADqC;EAAA,uCAGlCd,8BAHkC,GAIlCK,0BAA0B,CAACS,KAAD,CAJQ;AAAA,CAAhC;AAOP,OAAO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACxCD,KADwC;EAAA,uCAGrCV,iCAHqC,GAIrCQ,6BAA6B,CAACE,KAAD,CAJQ;AAAA,CAAnC"}
+{"version":3,"file":"animations.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,MAAM,8BAAiC,GAAA;AAAA,EACrC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,yBAAA;AAAA,EACpB,wBAA0B,EAAA,aAAA;AAC5B,CAAA,CAAA;AAEA,MAAM,iCAAoC,GAAA;AAAA,EACxC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,yBAAA;AAAA,EACpB,wBAA0B,EAAA,aAAA;AAC5B,CAAA,CAAA;AAEA,MAAM,0BAA6B,GAAA;AAAA,EACjC,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,6BAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,GAAA;AAAA,IACT,SAAW,EAAA,oCAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,qCAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,GAAA;AAAA,IACT,SAAW,EAAA,oCAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEA,MAAM,6BAAgC,GAAA;AAAA,EACpC,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,8BAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,SAAW,EAAA,mCAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,sCAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,IAAA;AAAA,IACT,SAAW,EAAA,mCAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEO,MAAM,uBAA0B,GAAA,CACrC,KACmB,KAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAChB,iCACA,0BAA2B,CAAA,KAAA,CAAA,EAAA;AAGzB,MAAM,0BAA6B,GAAA,CACxC,KACmB,KAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAChB,oCACA,6BAA8B,CAAA,KAAA,CAAA;;;;"}