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

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

@@ -1,81 +1,67 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import styled from '@emotion/styled';
+import nativeStyled from '@emotion/native';
+import { hex2rgba } from '@tecsinapse/react-core';
+import Button from '../../atoms/Button/Button.js';
+import 'react';
+import Input from '../../atoms/Input/Input.js';
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledIconInput = styled("div")`
+  padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);
+  padding-left: ${({ theme }) => theme.spacing.centi};
+  padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);
+  padding-right: ${({ theme }) => theme.spacing.centi};
+`;
+const StyledMenuBar = styled("div")`
+    position: relative;
+    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};
+    box-shadow: 0px 2px 8px ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
+`;
+const StyledMenuButton = nativeStyled(Button)`
+    padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);
+    padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);
+    padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);
+    padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);
+    margin-right: ${({ theme }) => theme.spacing.kilo};
+    & * {
+      user-select: none;
+    }
+`;
+const StyledContainerOpenMenu = styled("div")`
+    border-top: ${({ theme }) => `${theme.borderWidth.pico} solid ${hex2rgba(
+  theme.miscellaneous.shadow,
+  0.05
+)}`};
+    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; 
+    border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; 
+    border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};
+    box-shadow: 0px 2px 8px ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
+    padding-right: 8vw;
+    padding-left: 8vw;
+    padding-top: ${({ theme }) => theme.spacing.kilo};
+    padding-bottom: ${({ theme }) => theme.spacing.mega};
+    position: absolute;
+    z-index: ${({ theme }) => theme.zIndex.header + 1};
+    width: -webkit-fill-available;
+    width: -moz-available;
+`;
+const StyledInput = nativeStyled(Input)`
+     width: 100%;
+`;
+const StyledInputContainer = styled("div")`
+    display: flex;
+    flex: 1;
+`;
+const StyledSearchResultsContainer = styled("div")`
+    display: flex;
+    flex-direction: column;
+`;
+const StyledSearchTextContainer = styled("div")`
+    margin-bottom: ${({ theme }) => theme.spacing.mili};
+`;
 
-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 = _taggedTemplateLiteral(["\n  padding-top: calc(", " + 2px);\n  padding-left: ", ";\n  padding-bottom: calc(", " - 2px);\n  padding-right: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacing.centi;
-}, function (_ref2) {
-  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 = _taggedTemplateLiteral(["\n    position: relative;\n    background-color: ", ";\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: ", ";\n    box-shadow: 0px 2px 8px ", ";\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.miscellaneous.surfaceColor;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return "".concat(theme.spacing.deca, " ").concat(theme.spacing.kilo);
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return hex2rgba(theme.miscellaneous.shadow, 0.05);
-});
-export var StyledMenuButton = nativeStyled(Button)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding-top: calc(", " + 2px);\n    padding-right: calc(", " + 2px);\n    padding-bottom: calc(", " + 2px);\n    padding-left: calc(", " + 2px);\n    margin-right: ", ";\n    & * {\n      user-select: none;\n    }\n"])), function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.spacing.centi;
-}, function (_ref9) {
-  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 = _taggedTemplateLiteral(["\n    border-top: ", ";\n    background-color: ", "; \n    border-bottom-left-radius: ", "; \n    border-bottom-right-radius: ", ";\n    box-shadow: 0px 2px 8px ", ";\n    padding-right: 8vw;\n    padding-left: 8vw;\n    padding-top: ", ";\n    padding-bottom: ", ";\n    position: absolute;\n    z-index: ", ";\n    width: -webkit-fill-available;\n    width: -moz-available;\n"])), function (_ref13) {
-  var theme = _ref13.theme;
-  return "".concat(theme.borderWidth.pico, " solid ").concat(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 = _taggedTemplateLiteral(["\n     width: 100%;\n"])));
-export var StyledInputContainer = webStyled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1;\n"])));
-export var StyledSearchResultsContainer = webStyled('div')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n"])));
-export var StyledSearchTextContainer = webStyled('div')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-bottom: ", ";\n"])), function (_ref21) {
-  var theme = _ref21.theme;
-  return theme.spacing.mili;
-});
-//# sourceMappingURL=styled.js.map
+export { StyledContainerOpenMenu, StyledIconInput, StyledInput, StyledInputContainer, StyledMenuBar, StyledMenuButton, StyledSearchResultsContainer, StyledSearchTextContainer };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +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,8LACN;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,+PAEF;EAAA,IAAGM,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAnC;AAAA,CAFE,EAMX;EAAA,IAAGL,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcK,IAAhC,cAAwCN,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,qSACL;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,icAClB;EAAA,IAAGM,KAAH,UAAGA,KAAH;EAAA,iBACTA,KAAK,CAACW,WAAN,CAAkBC,IADT,oBACuBhB,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,4FAAjB;AAIP,OAAO,IAAMqB,oBAAoB,GAAGzB,SAAS,CAAC,KAAD,CAAZ,2GAA1B;AAKP,OAAO,IAAM0B,4BAA4B,GAAG1B,SAAS,CAAC,KAAD,CAAZ,0HAAlC;AAKP,OAAO,IAAM2B,yBAAyB,GAAG3B,SAAS,CAAC,KAAD,CAAZ,oGACjB;EAAA,IAAGM,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAca,IAA7B;AAAA,CADiB,CAA/B"}
+{"version":3,"file":"styled.js","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"],"names":["webStyled"],"mappings":"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"}

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

@@ -1,9 +1,8 @@
-export var filterAndTransform = function filterAndTransform(options, search) {
-  var normalized = [];
-  options.forEach(function (option) {
-    option.items.forEach(function (item) {
-      var _item$items;
-
+const filterAndTransform = (options, search) => {
+  const normalized = [];
+  options.forEach((option) => {
+    option.items.forEach((item) => {
+      var _a;
       if (item.title.toLowerCase().startsWith(search)) {
         normalized.push({
           title: item.title,
@@ -12,8 +11,7 @@ export var filterAndTransform = function filterAndTransform(options, search) {
           category: option.title
         });
       }
-
-      (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.forEach(function (sub) {
+      (_a = item.items) == null ? void 0 : _a.forEach((sub) => {
         if (sub.title.toLowerCase().startsWith(search)) {
           normalized.push({
             title: sub.title,
@@ -27,4 +25,6 @@ export var filterAndTransform = function filterAndTransform(options, search) {
   });
   return normalized;
 };
-//# sourceMappingURL=utils.js.map
+
+export { filterAndTransform };
+//# sourceMappingURL=utils.js.map

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

@@ -1 +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,4DAAYF,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"}
+{"version":3,"file":"utils.js","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"],"names":[],"mappings":"AAEa,MAAA,kBAAA,GAAqB,CAChC,OAAA,EACA,MACmB,KAAA;AACnB,EAAA,MAAM,aAA6B,EAAC,CAAA;AACpC,EAAA,OAAA,CAAQ,QAAQ,CAAU,MAAA,KAAA;AACxB,IAAO,MAAA,CAAA,KAAA,CAAM,QAAQ,CAAQ,IAAA,KAAA;AARjC,MAAA,IAAA,EAAA,CAAA;AASM,MAAA,IAAI,KAAK,KAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AAC/C,QAAA,UAAA,CAAW,IAAK,CAAA;AAAA,UACd,OAAO,IAAK,CAAA,KAAA;AAAA,UACZ,WAAW,IAAK,CAAA,SAAA;AAAA,UAChB,OAAO,IAAK,CAAA,KAAA;AAAA,UACZ,UAAU,MAAO,CAAA,KAAA;AAAA,SAClB,CAAA,CAAA;AAAA,OACH;AACA,MAAK,CAAA,EAAA,GAAA,IAAA,CAAA,KAAA,KAAL,IAAY,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACzB,QAAA,IAAI,IAAI,KAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AAC9C,UAAA,UAAA,CAAW,IAAK,CAAA;AAAA,YACd,OAAO,GAAI,CAAA,KAAA;AAAA,YACX,WAAW,GAAI,CAAA,SAAA;AAAA,YACf,OAAO,GAAI,CAAA,KAAA;AAAA,YACX,UAAU,MAAO,CAAA,KAAA;AAAA,WAClB,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/esm/components/molecules/Select/Dropdown/Dropdown.js

@@ -1,113 +1,87 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React from 'react';
-import { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';
-import { ItemSelect } from "../SelectItem";
-import { SearchBarContainer, StyledContainerCheckAll, StyledContainerDropdown, StyledContainerTextLabel, StyledSpan, OptionsContainer, PaddedContainer } from "./styled";
-import { SearchInput } from "./components";
-var fullWidth = {
-  width: '100%'
-};
+import { useDebouncedState, Checkbox, Text } from '@tecsinapse/react-core';
+import ItemSelect from '../SelectItem/SelectItem.js';
+import { StyledContainerDropdown, StyledContainerCheckAll, SearchBarContainer, StyledContainerTextLabel, StyledSpan, PaddedContainer, OptionsContainer } from './styled.js';
+import SearchInput from './components/SearchInput.js';
 
-var Dropdown = function Dropdown(_ref) {
-  var options = _ref.options,
-      onSearch = _ref.onSearch,
-      type = _ref.type,
-      hideSearchBar = _ref.hideSearchBar,
-      onSelect = _ref.onSelect,
-      value = _ref.value,
-      keyExtractor = _ref.keyExtractor,
-      labelExtractor = _ref.labelExtractor,
-      setDropDownVisible = _ref.setDropDownVisible,
-      style = _ref.style,
-      anchor = _ref.anchor,
-      selectAllLabel = _ref.selectAllLabel,
-      searchBarPlaceholder = _ref.searchBarPlaceholder;
-
-  var _useDebouncedState = useDebouncedState('', onSearch),
-      _useDebouncedState2 = _slicedToArray(_useDebouncedState, 2),
-      searchArg = _useDebouncedState2[0],
-      setSearchArg = _useDebouncedState2[1];
-
-  var lengthOptions = React.useMemo(function () {
-    return options.length;
-  }, [options]);
-
-  var _React$useState = React.useState(type === 'multi' && (value === null || value === void 0 ? void 0 : value.length) === lengthOptions),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      checkedAll = _React$useState2[0],
-      setCheckedAll = _React$useState2[1];
-
-  React.useEffect(function () {
-    if (type === 'multi') {
-      lengthOptions === (value === null || value === void 0 ? void 0 : value.length) ? setCheckedAll(true) : setCheckedAll(false);
+const fullWidth = { width: "100%" };
+const Dropdown = ({
+  options,
+  onSearch,
+  type,
+  hideSearchBar,
+  onSelect,
+  value,
+  keyExtractor,
+  labelExtractor,
+  setDropDownVisible,
+  style,
+  anchor,
+  selectAllLabel,
+  searchBarPlaceholder
+}) => {
+  const [searchArg, setSearchArg] = useDebouncedState("", onSearch);
+  const lengthOptions = React.useMemo(() => options.length, [options]);
+  const [checkedAll, setCheckedAll] = React.useState(
+    type === "multi" && (value == null ? void 0 : value.length) === lengthOptions
+  );
+  React.useEffect(() => {
+    if (type === "multi") {
+      lengthOptions === (value == null ? void 0 : value.length) ? setCheckedAll(true) : setCheckedAll(false);
     }
   }, [value, type, lengthOptions]);
-  var onClickCheckAll = React.useCallback(function () {
-    var items = options.map(function (option) {
-      return option;
-    });
-    var aux;
-    setCheckedAll(function (prev) {
+  const onClickCheckAll = React.useCallback(() => {
+    const items = options.map((option) => option);
+    let aux;
+    setCheckedAll((prev) => {
       aux = !prev;
       return !prev;
     });
-    var auxArray = [];
+    const auxArray = [];
     !aux ? onSelect(auxArray) : onSelect(items);
   }, [options, setCheckedAll, onSelect]);
-  var onChange = React.useCallback(function (text) {
-    return setSearchArg(text);
-  }, [setSearchArg]);
-  return React.createElement(StyledContainerDropdown, {
-    lengthOptions: lengthOptions,
-    style: style,
-    anchor: anchor
-  }, type === 'multi' && React.createElement(StyledContainerCheckAll, {
-    onClick: hideSearchBar ? onClickCheckAll : undefined
-  }, React.createElement(Checkbox, {
+  const onChange = React.useCallback(
+    (text) => setSearchArg(text),
+    [setSearchArg]
+  );
+  return /* @__PURE__ */ React.createElement(StyledContainerDropdown, {
+    lengthOptions,
+    style,
+    anchor
+  }, type === "multi" && /* @__PURE__ */ React.createElement(StyledContainerCheckAll, {
+    onClick: hideSearchBar ? onClickCheckAll : void 0
+  }, /* @__PURE__ */ React.createElement(Checkbox, {
     checked: checkedAll,
     onChange: onClickCheckAll
-  }), !hideSearchBar ? React.createElement(SearchBarContainer, null, React.createElement(SearchInput, {
-    searchArg: searchArg,
-    onChange: onChange,
-    fullWidth: fullWidth,
+  }), !hideSearchBar ? /* @__PURE__ */ React.createElement(SearchBarContainer, null, /* @__PURE__ */ React.createElement(SearchInput, {
+    searchArg,
+    onChange,
+    fullWidth,
     placeholder: searchBarPlaceholder
-  })) : React.createElement(StyledContainerTextLabel, null, React.createElement(Text, {
+  })) : /* @__PURE__ */ React.createElement(StyledContainerTextLabel, null, /* @__PURE__ */ React.createElement(Text, {
     fontWeight: "bold"
-  }, React.createElement(StyledSpan, null, selectAllLabel)))), type === 'single' && !hideSearchBar && React.createElement(PaddedContainer, null, React.createElement(SearchInput, {
-    searchArg: searchArg,
-    onChange: onChange,
-    fullWidth: fullWidth,
+  }, /* @__PURE__ */ React.createElement(StyledSpan, null, selectAllLabel)))), type === "single" && !hideSearchBar && /* @__PURE__ */ React.createElement(PaddedContainer, null, /* @__PURE__ */ React.createElement(SearchInput, {
+    searchArg,
+    onChange,
+    fullWidth,
     placeholder: searchBarPlaceholder
-  })), React.createElement(OptionsContainer, {
+  })), /* @__PURE__ */ React.createElement(OptionsContainer, {
     lengthOptions: options.length
-  }, options.map(function (item, index) {
-    return React.createElement(ItemSelect, {
-      type: type,
-      key: keyExtractor(item),
-      item: item,
-      onSelect: onSelect,
-      value: value,
-      keyExtractor: keyExtractor,
-      index: index,
-      labelExtractor: labelExtractor,
-      setDropDownVisible: setDropDownVisible,
-      checkedAll: checkedAll,
-      setCheckedAll: setCheckedAll,
-      lenghtOptions: lengthOptions
-    });
-  })));
+  }, options.map((item, index) => /* @__PURE__ */ React.createElement(ItemSelect, {
+    type,
+    key: keyExtractor(item),
+    item,
+    onSelect,
+    value,
+    keyExtractor,
+    index,
+    labelExtractor,
+    setDropDownVisible,
+    checkedAll,
+    setCheckedAll,
+    lenghtOptions: lengthOptions
+  }))));
 };
 
-export default Dropdown;
-//# sourceMappingURL=Dropdown.js.map
+export { Dropdown as default };
+//# sourceMappingURL=Dropdown.js.map

package/esm/components/molecules/Select/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","Checkbox","Text","useDebouncedState","ItemSelect","SearchBarContainer","StyledContainerCheckAll","StyledContainerDropdown","StyledContainerTextLabel","StyledSpan","OptionsContainer","PaddedContainer","SearchInput","fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","lengthOptions","useMemo","length","useState","checkedAll","setCheckedAll","useEffect","onClickCheckAll","useCallback","items","map","option","aux","prev","auxArray","onChange","text","undefined","item","index"],"sources":["../../../../../src/components/molecules/Select/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { ItemSelect } from '../SelectItem';\nimport { SelectProps } from '../Select';\nimport {\n  SearchBarContainer,\n  StyledContainerCheckAll,\n  StyledContainerDropdown,\n  StyledContainerTextLabel,\n  StyledSpan,\n  OptionsContainer,\n  PaddedContainer,\n} from './styled';\nimport { SearchInput } from './components';\n\nconst fullWidth = { width: '100%' };\n\nconst Dropdown = <Data, Type extends 'single' | 'multi'>({\n  options,\n  onSearch,\n  type,\n  hideSearchBar,\n  onSelect,\n  value,\n  keyExtractor,\n  labelExtractor,\n  setDropDownVisible,\n  style,\n  anchor,\n  selectAllLabel,\n  searchBarPlaceholder,\n}: SelectProps<Data, Type> & {\n  setDropDownVisible: (t: boolean) => void;\n}): JSX.Element => {\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const lengthOptions = React.useMemo(() => options.length, [options]);\n\n  const [checkedAll, setCheckedAll] = React.useState<boolean>(\n    type === 'multi' && (value as Data[])?.length === lengthOptions\n  );\n\n  React.useEffect(() => {\n    if (type === 'multi') {\n      lengthOptions === (value as Data[])?.length\n        ? setCheckedAll(true)\n        : setCheckedAll(false);\n    }\n  }, [value, type, lengthOptions]);\n\n  const onClickCheckAll = React.useCallback(() => {\n    const items = options.map(option => option);\n    let aux;\n    setCheckedAll(prev => {\n      aux = !prev;\n      return !prev;\n    });\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    const auxArray: Data[] = [];\n    !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);\n  }, [options, setCheckedAll, onSelect]);\n\n  const onChange = React.useCallback(\n    text => setSearchArg(text),\n    [setSearchArg]\n  );\n\n  return (\n    <StyledContainerDropdown\n      lengthOptions={lengthOptions}\n      style={style}\n      anchor={anchor}\n    >\n      {type === 'multi' && (\n        <StyledContainerCheckAll\n          onClick={hideSearchBar ? onClickCheckAll : undefined}\n        >\n          <Checkbox checked={checkedAll} onChange={onClickCheckAll} />\n          {!hideSearchBar ? (\n            <SearchBarContainer>\n              <SearchInput\n                searchArg={searchArg}\n                onChange={onChange}\n                fullWidth={fullWidth}\n                placeholder={searchBarPlaceholder}\n              />\n            </SearchBarContainer>\n          ) : (\n            <StyledContainerTextLabel>\n              <Text fontWeight=\"bold\">\n                <StyledSpan>{selectAllLabel}</StyledSpan>\n              </Text>\n            </StyledContainerTextLabel>\n          )}\n        </StyledContainerCheckAll>\n      )}\n      {type === 'single' && !hideSearchBar && (\n        <PaddedContainer>\n          <SearchInput\n            searchArg={searchArg}\n            onChange={onChange}\n            fullWidth={fullWidth}\n            placeholder={searchBarPlaceholder}\n          />\n        </PaddedContainer>\n      )}\n      <OptionsContainer lengthOptions={options.length}>\n        {options.map((item, index) => (\n          <ItemSelect\n            type={type}\n            key={keyExtractor(item)}\n            item={item}\n            onSelect={onSelect}\n            value={value}\n            keyExtractor={keyExtractor}\n            index={index}\n            labelExtractor={labelExtractor}\n            setDropDownVisible={setDropDownVisible}\n            checkedAll={checkedAll}\n            setCheckedAll={setCheckedAll}\n            lenghtOptions={lengthOptions}\n          />\n        ))}\n      </OptionsContainer>\n    </StyledContainerDropdown>\n  );\n};\n\nexport default Dropdown;\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/molecules/Select/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { ItemSelect } from '../SelectItem';\nimport { SelectProps } from '../Select';\nimport {\n  SearchBarContainer,\n  StyledContainerCheckAll,\n  StyledContainerDropdown,\n  StyledContainerTextLabel,\n  StyledSpan,\n  OptionsContainer,\n  PaddedContainer,\n} from './styled';\nimport { SearchInput } from './components';\n\nconst fullWidth = { width: '100%' };\n\nconst Dropdown = <Data, Type extends 'single' | 'multi'>({\n  options,\n  onSearch,\n  type,\n  hideSearchBar,\n  onSelect,\n  value,\n  keyExtractor,\n  labelExtractor,\n  setDropDownVisible,\n  style,\n  anchor,\n  selectAllLabel,\n  searchBarPlaceholder,\n}: SelectProps<Data, Type> & {\n  setDropDownVisible: (t: boolean) => void;\n}): JSX.Element => {\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const lengthOptions = React.useMemo(() => options.length, [options]);\n\n  const [checkedAll, setCheckedAll] = React.useState<boolean>(\n    type === 'multi' && (value as Data[])?.length === lengthOptions\n  );\n\n  React.useEffect(() => {\n    if (type === 'multi') {\n      lengthOptions === (value as Data[])?.length\n        ? setCheckedAll(true)\n        : setCheckedAll(false);\n    }\n  }, [value, type, lengthOptions]);\n\n  const onClickCheckAll = React.useCallback(() => {\n    const items = (options as Data[]).map(option => option);\n    let aux;\n    setCheckedAll(prev => {\n      aux = !prev;\n      return !prev;\n    });\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    const auxArray: Data[] = [];\n    !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);\n  }, [options, setCheckedAll, onSelect]);\n\n  const onChange = React.useCallback(\n    text => setSearchArg(text),\n    [setSearchArg]\n  );\n\n  return (\n    <StyledContainerDropdown\n      lengthOptions={lengthOptions}\n      style={style}\n      anchor={anchor}\n    >\n      {type === 'multi' && (\n        <StyledContainerCheckAll\n          onClick={hideSearchBar ? onClickCheckAll : undefined}\n        >\n          <Checkbox checked={checkedAll} onChange={onClickCheckAll} />\n          {!hideSearchBar ? (\n            <SearchBarContainer>\n              <SearchInput\n                searchArg={searchArg}\n                onChange={onChange}\n                fullWidth={fullWidth}\n                placeholder={searchBarPlaceholder}\n              />\n            </SearchBarContainer>\n          ) : (\n            <StyledContainerTextLabel>\n              <Text fontWeight=\"bold\">\n                <StyledSpan>{selectAllLabel}</StyledSpan>\n              </Text>\n            </StyledContainerTextLabel>\n          )}\n        </StyledContainerCheckAll>\n      )}\n      {type === 'single' && !hideSearchBar && (\n        <PaddedContainer>\n          <SearchInput\n            searchArg={searchArg}\n            onChange={onChange}\n            fullWidth={fullWidth}\n            placeholder={searchBarPlaceholder}\n          />\n        </PaddedContainer>\n      )}\n      <OptionsContainer lengthOptions={options.length}>\n        {(options as Data[]).map((item, index) => (\n          <ItemSelect\n            type={type}\n            key={keyExtractor(item)}\n            item={item}\n            onSelect={onSelect}\n            value={value}\n            keyExtractor={keyExtractor}\n            index={index}\n            labelExtractor={labelExtractor}\n            setDropDownVisible={setDropDownVisible}\n            checkedAll={checkedAll}\n            setCheckedAll={setCheckedAll}\n            lenghtOptions={lengthOptions}\n          />\n        ))}\n      </OptionsContainer>\n    </StyledContainerDropdown>\n  );\n};\n\nexport default Dropdown;\n"],"names":[],"mappings":"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"}

package/esm/components/molecules/Select/Dropdown/components/SearchInput.js

@@ -1,28 +1,23 @@
 import React from 'react';
 import { Icon } from '@tecsinapse/react-core';
-import { Input } from "../../../../atoms/Input";
-var InputIcon = React.createElement(Icon, {
+import Input from '../../../../atoms/Input/Input.js';
+
+const InputIcon = /* @__PURE__ */ React.createElement(Icon, {
   name: "magnify",
   type: "material-community",
   size: "centi",
-  style: {
-    marginHorizontal: 12
-  }
+  style: { marginHorizontal: 12 }
 });
-
-var SearchInput = function SearchInput(_ref) {
-  var fullWidth = _ref.fullWidth,
-      searchArg = _ref.searchArg,
-      onChange = _ref.onChange,
-      placeholder = _ref.placeholder;
-  return React.createElement(Input, {
+const SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {
+  return /* @__PURE__ */ React.createElement(Input, {
     style: fullWidth,
-    placeholder: placeholder,
+    placeholder,
     value: searchArg,
     leftComponent: InputIcon,
-    onChange: onChange
+    onChange
   });
 };
+var SearchInput$1 = React.memo(SearchInput);
 
-export default React.memo(SearchInput);
-//# sourceMappingURL=SearchInput.js.map
+export { SearchInput$1 as default };
+//# sourceMappingURL=SearchInput.js.map

package/esm/components/molecules/Select/Dropdown/components/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["React","Icon","Input","InputIcon","marginHorizontal","SearchInput","fullWidth","searchArg","onChange","placeholder","memo"],"sources":["../../../../../../src/components/molecules/Select/Dropdown/components/SearchInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@tecsinapse/react-core';\nimport { Input } from '../../../../atoms/Input';\n\nconst InputIcon = (\n  <Icon\n    name=\"magnify\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginHorizontal: 12 }}\n  />\n);\n\nconst SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {\n  return (\n    <Input\n      style={fullWidth}\n      placeholder={placeholder}\n      value={searchArg}\n      leftComponent={InputIcon}\n      onChange={onChange}\n    />\n  );\n};\n\nexport default React.memo(SearchInput);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,KAAT;AAEA,IAAMC,SAAS,GACb,oBAAC,IAAD;EACE,IAAI,EAAC,SADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,gBAAgB,EAAE;EAApB;AAJT,EADF;;AASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,IAAvCC,SAAuC,QAAvCA,SAAuC;EAAA,IAA5BC,QAA4B,QAA5BA,QAA4B;EAAA,IAAlBC,WAAkB,QAAlBA,WAAkB;EACvE,OACE,oBAAC,KAAD;IACE,KAAK,EAAEH,SADT;IAEE,WAAW,EAAEG,WAFf;IAGE,KAAK,EAAEF,SAHT;IAIE,aAAa,EAAEJ,SAJjB;IAKE,QAAQ,EAAEK;EALZ,EADF;AASD,CAVD;;AAYA,eAAeR,KAAK,CAACU,IAAN,CAAWL,WAAX,CAAf"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../../../src/components/molecules/Select/Dropdown/components/SearchInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@tecsinapse/react-core';\nimport { Input } from '../../../../atoms/Input';\n\nconst InputIcon = (\n  <Icon\n    name=\"magnify\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginHorizontal: 12 }}\n  />\n);\n\nconst SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {\n  return (\n    <Input\n      style={fullWidth}\n      placeholder={placeholder}\n      value={searchArg}\n      leftComponent={InputIcon}\n      onChange={onChange}\n    />\n  );\n};\n\nexport default React.memo(SearchInput);\n"],"names":[],"mappings":";;;;AAIA,MAAM,4BACH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,EACC,IAAK,EAAA,SAAA;AAAA,EACL,IAAK,EAAA,oBAAA;AAAA,EACL,IAAK,EAAA,OAAA;AAAA,EACL,KAAA,EAAO,EAAE,gBAAA,EAAkB,EAAG,EAAA;AAAA,CAChC,CAAA,CAAA;AAGF,MAAM,cAAc,CAAC,EAAE,WAAW,SAAW,EAAA,QAAA,EAAU,aAAkB,KAAA;AACvE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACC,KAAO,EAAA,SAAA;AAAA,IACP,WAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACP,aAAe,EAAA,SAAA;AAAA,IACf,QAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,oBAAe,KAAA,CAAM,KAAK,WAAW,CAAA;;;;"}