@tecsinapse/react-web-kit 1.20.0 → 1.21.0

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

@@ -11,24 +11,29 @@ var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledSearchItemContainer = (0, _styled.default)('div')`
-  display: flex;
-  flex-direction: column;
-  padding: ${({
-  theme
-}) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};
-  border-top: ${({
-  theme
-}) => `${theme.borderWidth.pico} solid ${(0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)}`};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledSearchItemContainer = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  border-top: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return "".concat(theme.spacing.mili, " 0 ").concat(theme.spacing.centi, " 0");
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "".concat(theme.borderWidth.pico, " solid ").concat((0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05));
+});
 exports.StyledSearchItemContainer = StyledSearchItemContainer;
-const HighlightText = (0, _native.default)(_reactCore.Text)`
-  text-decoration: underline;
-  text-decoration-color: ${({
-  theme
-}) => theme.font.color.orange};
-`;
+const HighlightText = (0, _native.default)(_reactCore.Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-decoration: underline;\n  text-decoration-color: ", ";\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.font.color.orange;
+});
 exports.HighlightText = HighlightText;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledSearchItemContainer","styled","theme","spacing","mili","centi","borderWidth","pico","hex2rgba","miscellaneous","shadow","HighlightText","nativeStyled","Text","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;;AACA;;AACA;;;;AAEO,MAAMA,yBAAyB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AAC5E;AACA;AACA,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAKF,KAAK,CAACC,OAAN,CAAcE,KAAM,IAAI;AAC/E,gBAAgB,CAAC;EAAEH;AAAF,CAAD,KACX,GAAEA,KAAK,CAACI,WAAN,CAAkBC,IAAK,UAAS,IAAAC,mBAAA,EACjCN,KAAK,CAACO,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR,CATO;;AAWA,MAAMC,aAAa,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAAwC;AACrE;AACA,2BAA2B,CAAC;EAAEX;AAAF,CAAD,KAAeA,KAAK,CAACY,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AAClE,CAHO"}
+{"version":3,"file":"styled.js","names":["StyledSearchItemContainer","styled","theme","spacing","mili","centi","borderWidth","pico","hex2rgba","miscellaneous","shadow","HighlightText","nativeStyled","Text","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;;AACA;;AACA;;;;;;;;AAEO,MAAMA,yBAAyB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,4JAGzB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,gBAA0CF,KAAK,CAACC,OAAN,CAAcE,KAAxD;AAAA,CAHyB,EAItB;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,iBACTA,KAAK,CAACI,WAAN,CAAkBC,IADT,oBACuB,IAAAC,mBAAA,EACjCN,KAAK,CAACO,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CADvB;AAAA,CAJsB,CAA/B;;AAWA,MAAMC,aAAa,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAAH,yIAEC;EAAA,IAAC;IAAEX;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFD,CAAnB"}

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

@@ -30,7 +30,7 @@ const matchSpliter = (str, indexes, size) => {
 const stringMatcher = (searchTerm, textToReplace) => {
   const s = normalize(searchTerm);
   const tx = normalize(textToReplace);
-  const r = new RegExp(`(${s})`, 'g');
+  const r = new RegExp("(".concat(s, ")"), 'g');
   return Array.from(tx.matchAll(r));
 };
 
@@ -48,7 +48,7 @@ const highlightReplacer = (searchTerm, textToReplace, Component, props) => {
   const splited = matchSpliter(textToReplace, indexes, searchTerm.length);
   return splited.map((value, idx) => {
     return normalize(value) === search ? _react.default.createElement(Component, _extends({
-      key: `highlight-${value}${idx}`
+      key: "highlight-".concat(value).concat(idx)
     }, props), value) : _react.default.createElement(_react.default.Fragment, null, value);
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["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;;;;;;AAEA,MAAMA,SAAS,GAAIC,GAAD,IAAyB;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,MAAMC,YAAY,GAAG,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,KAIN;EACb,MAAMC,MAAgB,GAAG,EAAzB;EACA,IAAIC,YAAY,GAAG,CAAnB;EAEAH,OAAO,CAACI,OAAR,CAAiBC,KAAD,IAAmB;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,CAAcC,CAAC,IAAIA,CAAnB,CAAP;AACD,CAjBD;;AAmBO,MAAMC,aAAa,GAAG,CAC3BC,UAD2B,EAE3BC,aAF2B,KAGJ;EACvB,MAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;EACA,MAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;EAEA,MAAMG,CAAC,GAAG,IAAIC,MAAJ,CAAY,IAAGH,CAAE,GAAjB,EAAqB,GAArB,CAAV;EAEA,OAAOI,KAAK,CAACC,IAAN,CAAWJ,EAAE,CAACK,QAAH,CAAYJ,CAAZ,CAAX,CAAP;AACD,CAVM;;;;AAYP,MAAMK,iBAAiB,GAAG,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,KAKJ;EACpB,MAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;EACA,MAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;EAEA,IAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;IACvB,OAAOK,aAAP;EACD;;EAED,MAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAYC,KAAK,IAAIA,KAAK,CAACtB,KAA3B,CAA1B;EACA,MAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;EAEA,OAAOoB,OAAO,CAACF,GAAR,CAAY,CAACG,KAAD,EAAQC,GAAR,KAAgB;IACjC,OAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,6BAAC,SAAD;MAAW,GAAG,EAAG,aAAYK,KAAM,GAAEC,GAAI;IAAzC,GAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,4DAAGA,KAAH,CALF;EAOD,CARM,CAAP;AASD,CAzBD;;AA2BO,MAAME,SAAS,GAAG,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,KAKH;EACpB,IAAIV,aAAa,IAAID,UAArB,EAAiC;IAC/B,OAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;EACD;;EAED,OAAOV,aAAP;AACD,CAXM"}
+{"version":3,"file":"utils.js","names":["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;;;;;;AAEA,MAAMA,SAAS,GAAIC,GAAD,IAAyB;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,MAAMC,YAAY,GAAG,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,KAIN;EACb,MAAMC,MAAgB,GAAG,EAAzB;EACA,IAAIC,YAAY,GAAG,CAAnB;EAEAH,OAAO,CAACI,OAAR,CAAiBC,KAAD,IAAmB;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,CAAcC,CAAC,IAAIA,CAAnB,CAAP;AACD,CAjBD;;AAmBO,MAAMC,aAAa,GAAG,CAC3BC,UAD2B,EAE3BC,aAF2B,KAGJ;EACvB,MAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;EACA,MAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;EAEA,MAAMG,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,MAAMK,iBAAiB,GAAG,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,KAKJ;EACpB,MAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;EACA,MAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;EAEA,IAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;IACvB,OAAOK,aAAP;EACD;;EAED,MAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAYC,KAAK,IAAIA,KAAK,CAACtB,KAA3B,CAA1B;EACA,MAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;EAEA,OAAOoB,OAAO,CAACF,GAAR,CAAY,CAACG,KAAD,EAAQC,GAAR,KAAgB;IACjC,OAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,6BAAC,SAAD;MAAW,GAAG,sBAAeK,KAAf,SAAuBC,GAAvB;IAAd,GAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,4DAAGA,KAAH,CALF;EAOD,CARM,CAAP;AASD,CAzBD;;AA2BO,MAAME,SAAS,GAAG,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,KAKH;EACpB,IAAIV,aAAa,IAAID,UAArB,EAAiC;IAC/B,OAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;EACD;;EAED,OAAOV,aAAP;AACD,CAXM"}

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

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

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

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Menubar: true,
-  MenubarOptionsType: true,
-  MenubarMostUsedType: true,
-  MenubarItemsOptions: true
+  Menubar: true
 };
 Object.defineProperty(exports, "Menubar", {
   enumerable: true,
@@ -15,24 +12,6 @@ Object.defineProperty(exports, "Menubar", {
     return _Menubar.default;
   }
 });
-Object.defineProperty(exports, "MenubarItemsOptions", {
-  enumerable: true,
-  get: function () {
-    return _types.ItemsOptions;
-  }
-});
-Object.defineProperty(exports, "MenubarMostUsedType", {
-  enumerable: true,
-  get: function () {
-    return _types.MostUsedType;
-  }
-});
-Object.defineProperty(exports, "MenubarOptionsType", {
-  enumerable: true,
-  get: function () {
-    return _types.OptionsType;
-  }
-});
 
 var _Menubar = _interopRequireWildcard(require("./Menubar"));
 
@@ -48,8 +27,6 @@ Object.keys(_Menubar).forEach(function (key) {
   });
 });
 
-var _types = require("./types");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Menubar/index.ts"],"sourcesContent":["export { default as Menubar } from './Menubar';\nexport {\n  OptionsType as MenubarOptionsType,\n  MostUsedType as MenubarMostUsedType,\n  ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAMA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AALA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Menubar/index.ts"],"sourcesContent":["export { default as Menubar } from './Menubar';\nexport type {\n  OptionsType as MenubarOptionsType,\n  MostUsedType as MenubarMostUsedType,\n  ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAMA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -15,110 +15,131 @@ var _Button = require("../../atoms/Button");
 
 var _Input = require("../../atoms/Input");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledIconInput = (0, _styled.default)('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};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledIconInput = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: calc(", " + 2px);\n  padding-left: ", ";\n  padding-bottom: calc(", " - 2px);\n  padding-right: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.centi;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.centi;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spacing.centi;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spacing.centi;
+});
 exports.StyledIconInput = StyledIconInput;
-const StyledMenuBar = (0, _styled.default)('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
-}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
-`;
+const StyledMenuBar = (0, _styled.default)('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"])), _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.miscellaneous.surfaceColor;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return "".concat(theme.spacing.deca, " ").concat(theme.spacing.kilo);
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
+});
 exports.StyledMenuBar = StyledMenuBar;
-const StyledMenuButton = (0, _native.default)(_Button.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 StyledMenuButton = (0, _native.default)(_Button.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"])), _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.spacing.centi;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.spacing.centi;
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.spacing.centi;
+}, _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.spacing.centi;
+}, _ref12 => {
+  let {
+    theme
+  } = _ref12;
+  return theme.spacing.kilo;
+});
 exports.StyledMenuButton = StyledMenuButton;
-const StyledContainerOpenMenu = (0, _styled.default)('div')`
-    border-top: ${({
-  theme
-}) => `${theme.borderWidth.pico} solid ${(0, _reactCore.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
-}) => (0, _reactCore.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 StyledContainerOpenMenu = (0, _styled.default)('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"])), _ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return "".concat(theme.borderWidth.pico, " solid ").concat((0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05));
+}, _ref14 => {
+  let {
+    theme
+  } = _ref14;
+  return theme.miscellaneous.surfaceColor;
+}, _ref15 => {
+  let {
+    theme
+  } = _ref15;
+  return theme.borderRadius.mili;
+}, _ref16 => {
+  let {
+    theme
+  } = _ref16;
+  return theme.borderRadius.mili;
+}, _ref17 => {
+  let {
+    theme
+  } = _ref17;
+  return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
+}, _ref18 => {
+  let {
+    theme
+  } = _ref18;
+  return theme.spacing.kilo;
+}, _ref19 => {
+  let {
+    theme
+  } = _ref19;
+  return theme.spacing.mega;
+}, _ref20 => {
+  let {
+    theme
+  } = _ref20;
+  return theme.zIndex.header + 1;
+});
 exports.StyledContainerOpenMenu = StyledContainerOpenMenu;
-const StyledInput = (0, _native.default)(_Input.Input)`
-     width: 100%;
-`;
+const StyledInput = (0, _native.default)(_Input.Input)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n     width: 100%;\n"])));
 exports.StyledInput = StyledInput;
-const StyledInputContainer = (0, _styled.default)('div')`
-    display: flex;
-    flex: 1;
-`;
+const StyledInputContainer = (0, _styled.default)('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1;\n"])));
 exports.StyledInputContainer = StyledInputContainer;
-const StyledSearchResultsContainer = (0, _styled.default)('div')`
-    display: flex;
-    flex-direction: column;
-`;
+const StyledSearchResultsContainer = (0, _styled.default)('div')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n"])));
 exports.StyledSearchResultsContainer = StyledSearchResultsContainer;
-const StyledSearchTextContainer = (0, _styled.default)('div')`
-    margin-bottom: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+const StyledSearchTextContainer = (0, _styled.default)('div')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-bottom: ", ";\n"])), _ref21 => {
+  let {
+    theme
+  } = _ref21;
+  return theme.spacing.mili;
+});
 exports.StyledSearchTextContainer = StyledSearchTextContainer;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledIconInput","webStyled","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","hex2rgba","shadow","StyledMenuButton","nativeStyled","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","Input","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;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG,IAAAC,eAAA,EAAU,KAAV,CAAsC;AACrE,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AACzD,kBAAkB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AACrD,yBAAyB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC5D,mBAAmB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AACtD,CALO;;AAOA,MAAMC,aAAa,GAAG,IAAAJ,eAAA,EAAU,KAAV,CAAsC;AACnE;AACA,wBAAwB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAa;AACxE;AACA;AACA;AACA,eAAe,CAAC;EAAEL;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcK,IAAK,IAAGN,KAAK,CAACC,OAAN,CAAcM,IAAK,EAAE;AAC5E,8BAA8B,CAAC;EAAEP;AAAF,CAAD,KACxB,IAAAQ,mBAAA,EAASR,KAAK,CAACI,aAAN,CAAoBK,MAA7B,EAAqC,IAArC,CAA2C;AACjD,CATO;;AAWA,MAAMC,gBAAgB,GAAG,IAAAC,eAAA,EAAaC,cAAb,CAA0C;AAC1E,wBAAwB,CAAC;EAAEZ;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC3D,0BAA0B,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC7D,2BAA2B,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC9D,yBAAyB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAC5D,oBAAoB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcM,IAAK;AACtD;AACA;AACA;AACA,CATO;;AAWA,MAAMM,uBAAuB,GAAG,IAAAd,eAAA,EAAU,KAAV,CAAsC;AAC7E,kBAAkB,CAAC;EAAEC;AAAF,CAAD,KACX,GAAEA,KAAK,CAACc,WAAN,CAAkBC,IAAK,UAAS,IAAAP,mBAAA,EACjCR,KAAK,CAACI,aAAN,CAAoBK,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACV,wBAAwB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAa;AACxE,iCAAiC,CAAC;EAAEL;AAAF,CAAD,KAAeA,KAAK,CAACgB,YAAN,CAAmBC,IAAK;AACxE,kCAAkC,CAAC;EAAEjB;AAAF,CAAD,KAAeA,KAAK,CAACgB,YAAN,CAAmBC,IAAK;AACzE,8BAA8B,CAAC;EAAEjB;AAAF,CAAD,KACxB,IAAAQ,mBAAA,EAASR,KAAK,CAACI,aAAN,CAAoBK,MAA7B,EAAqC,IAArC,CAA2C;AACjD;AACA;AACA,mBAAmB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcM,IAAK;AACrD,sBAAsB,CAAC;EAAEP;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAciB,IAAK;AACxD;AACA,eAAe,CAAC;EAAElB;AAAF,CAAD,KAAeA,KAAK,CAACmB,MAAN,CAAaC,MAAb,GAAsB,CAAE;AACtD;AACA;AACA,CAnBO;;AAqBA,MAAMC,WAAW,GAAG,IAAAV,eAAA,EAAaW,YAAb,CAAyC;AACpE;AACA,CAFO;;AAIA,MAAMC,oBAAoB,GAAG,IAAAxB,eAAA,EAAU,KAAV,CAAiB;AACrD;AACA;AACA,CAHO;;AAKA,MAAMyB,4BAA4B,GAAG,IAAAzB,eAAA,EAAU,KAAV,CAAiB;AAC7D;AACA;AACA,CAHO;;AAKA,MAAM0B,yBAAyB,GAAG,IAAA1B,eAAA,EAAU,KAAV,CAAsC;AAC/E,qBAAqB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcgB,IAAK;AACvD,CAFO"}
+{"version":3,"file":"styled.js","names":["StyledIconInput","webStyled","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","hex2rgba","shadow","StyledMenuButton","nativeStyled","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","Input","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":"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"}

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

@@ -21,21 +21,22 @@ const fullWidth = {
   width: '100%'
 };
 
-const Dropdown = ({
-  options,
-  onSearch,
-  type,
-  hideSearchBar,
-  onSelect,
-  value,
-  keyExtractor,
-  labelExtractor,
-  setDropDownVisible,
-  style,
-  anchor,
-  selectAllLabel,
-  searchBarPlaceholder
-}) => {
+const Dropdown = _ref => {
+  let {
+    options,
+    onSearch,
+    type,
+    hideSearchBar,
+    onSelect,
+    value,
+    keyExtractor,
+    labelExtractor,
+    setDropDownVisible,
+    style,
+    anchor,
+    selectAllLabel,
+    searchBarPlaceholder
+  } = _ref;
   const [searchArg, setSearchArg] = (0, _reactCore.useDebouncedState)('', onSearch);
 
   const lengthOptions = _react.default.useMemo(() => options.length, [options]);

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","useDebouncedState","lengthOptions","React","useMemo","length","checkedAll","setCheckedAll","useState","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":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AASA;;;;AAEA,MAAMA,SAAS,GAAG;EAAEC,KAAK,EAAE;AAAT,CAAlB;;AAEA,MAAMC,QAAQ,GAAG,CAAwC;EACvDC,OADuD;EAEvDC,QAFuD;EAGvDC,IAHuD;EAIvDC,aAJuD;EAKvDC,QALuD;EAMvDC,KANuD;EAOvDC,YAPuD;EAQvDC,cARuD;EASvDC,kBATuD;EAUvDC,KAVuD;EAWvDC,MAXuD;EAYvDC,cAZuD;EAavDC;AAbuD,CAAxC,KAgBE;EACjB,MAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4B,IAAAC,4BAAA,EAA0B,EAA1B,EAA8Bd,QAA9B,CAAlC;;EACA,MAAMe,aAAa,GAAGC,cAAA,CAAMC,OAAN,CAAc,MAAMlB,OAAO,CAACmB,MAA5B,EAAoC,CAACnB,OAAD,CAApC,CAAtB;;EAEA,MAAM,CAACoB,UAAD,EAAaC,aAAb,IAA8BJ,cAAA,CAAMK,QAAN,CAClCpB,IAAI,KAAK,OAAT,IAAoB,CAACG,KAAD,aAACA,KAAD,uBAACA,KAAD,CAAmBc,MAAnB,MAA8BH,aADhB,CAApC;;EAIAC,cAAA,CAAMM,SAAN,CAAgB,MAAM;IACpB,IAAIrB,IAAI,KAAK,OAAb,EAAsB;MACpBc,aAAa,MAAMX,KAAN,aAAMA,KAAN,uBAAMA,KAAD,CAAmBc,MAAxB,CAAb,GACIE,aAAa,CAAC,IAAD,CADjB,GAEIA,aAAa,CAAC,KAAD,CAFjB;IAGD;EACF,CAND,EAMG,CAAChB,KAAD,EAAQH,IAAR,EAAcc,aAAd,CANH;;EAQA,MAAMQ,eAAe,GAAGP,cAAA,CAAMQ,WAAN,CAAkB,MAAM;IAC9C,MAAMC,KAAK,GAAG1B,OAAO,CAAC2B,GAAR,CAAYC,MAAM,IAAIA,MAAtB,CAAd;IACA,IAAIC,GAAJ;IACAR,aAAa,CAACS,IAAI,IAAI;MACpBD,GAAG,GAAG,CAACC,IAAP;MACA,OAAO,CAACA,IAAR;IACD,CAHY,CAAb;IAKA,MAAMC,QAAgB,GAAG,EAAzB;IACA,CAACF,GAAD,GAAOzB,QAAQ,CAAC2B,QAAD,CAAf,GAA2C3B,QAAQ,CAACsB,KAAD,CAAnD;EACD,CAVuB,EAUrB,CAAC1B,OAAD,EAAUqB,aAAV,EAAyBjB,QAAzB,CAVqB,CAAxB;;EAYA,MAAM4B,QAAQ,GAAGf,cAAA,CAAMQ,WAAN,CACfQ,IAAI,IAAInB,YAAY,CAACmB,IAAD,CADL,EAEf,CAACnB,YAAD,CAFe,CAAjB;;EAKA,OACE,6BAAC,+BAAD;IACE,aAAa,EAAEE,aADjB;IAEE,KAAK,EAAEP,KAFT;IAGE,MAAM,EAAEC;EAHV,GAKGR,IAAI,KAAK,OAAT,IACC,6BAAC,+BAAD;IACE,OAAO,EAAEC,aAAa,GAAGqB,eAAH,GAAqBU;EAD7C,GAGE,6BAAC,mBAAD;IAAU,OAAO,EAAEd,UAAnB;IAA+B,QAAQ,EAAEI;EAAzC,EAHF,EAIG,CAACrB,aAAD,GACC,6BAAC,0BAAD,QACE,6BAAC,uBAAD;IACE,SAAS,EAAEU,SADb;IAEE,QAAQ,EAAEmB,QAFZ;IAGE,SAAS,EAAEnC,SAHb;IAIE,WAAW,EAAEe;EAJf,EADF,CADD,GAUC,6BAAC,gCAAD,QACE,6BAAC,eAAD;IAAM,UAAU,EAAC;EAAjB,GACE,6BAAC,kBAAD,QAAaD,cAAb,CADF,CADF,CAdJ,CANJ,EA4BGT,IAAI,KAAK,QAAT,IAAqB,CAACC,aAAtB,IACC,6BAAC,uBAAD,QACE,6BAAC,uBAAD;IACE,SAAS,EAAEU,SADb;IAEE,QAAQ,EAAEmB,QAFZ;IAGE,SAAS,EAAEnC,SAHb;IAIE,WAAW,EAAEe;EAJf,EADF,CA7BJ,EAsCE,6BAAC,wBAAD;IAAkB,aAAa,EAAEZ,OAAO,CAACmB;EAAzC,GACGnB,OAAO,CAAC2B,GAAR,CAAY,CAACQ,IAAD,EAAOC,KAAP,KACX,6BAAC,sBAAD;IACE,IAAI,EAAElC,IADR;IAEE,GAAG,EAAEI,YAAY,CAAC6B,IAAD,CAFnB;IAGE,IAAI,EAAEA,IAHR;IAIE,QAAQ,EAAE/B,QAJZ;IAKE,KAAK,EAAEC,KALT;IAME,YAAY,EAAEC,YANhB;IAOE,KAAK,EAAE8B,KAPT;IAQE,cAAc,EAAE7B,cARlB;IASE,kBAAkB,EAAEC,kBATtB;IAUE,UAAU,EAAEY,UAVd;IAWE,aAAa,EAAEC,aAXjB;IAYE,aAAa,EAAEL;EAZjB,EADD,CADH,CAtCF,CADF;AA2DD,CA5GD;;eA8GejB,Q"}
+{"version":3,"file":"Dropdown.js","names":["fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","useDebouncedState","lengthOptions","React","useMemo","length","checkedAll","setCheckedAll","useState","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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"}

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

@@ -22,12 +22,13 @@ const InputIcon = _react.default.createElement(_reactCore.Icon, {
   }
 });
 
-const SearchInput = ({
-  fullWidth,
-  searchArg,
-  onChange,
-  placeholder
-}) => {
+const SearchInput = _ref => {
+  let {
+    fullWidth,
+    searchArg,
+    onChange,
+    placeholder
+  } = _ref;
   return _react.default.createElement(_Input.Input, {
     style: fullWidth,
     placeholder: placeholder,

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["InputIcon","marginHorizontal","SearchInput","fullWidth","searchArg","onChange","placeholder","React","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;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GACb,6BAAC,eAAD;EACE,IAAI,EAAC,SADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,gBAAgB,EAAE;EAApB;AAJT,EADF;;AASA,MAAMC,WAAW,GAAG,CAAC;EAAEC,SAAF;EAAaC,SAAb;EAAwBC,QAAxB;EAAkCC;AAAlC,CAAD,KAAqD;EACvE,OACE,6BAAC,YAAD;IACE,KAAK,EAAEH,SADT;IAEE,WAAW,EAAEG,WAFf;IAGE,KAAK,EAAEF,SAHT;IAIE,aAAa,EAAEJ,SAJjB;IAKE,QAAQ,EAAEK;EALZ,EADF;AASD,CAVD;;eAYeE,cAAA,CAAMC,IAAN,CAAWN,WAAX,C"}
+{"version":3,"file":"SearchInput.js","names":["InputIcon","marginHorizontal","SearchInput","fullWidth","searchArg","onChange","placeholder","React","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;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GACb,6BAAC,eAAD;EACE,IAAI,EAAC,SADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,gBAAgB,EAAE;EAApB;AAJT,EADF;;AASA,MAAMC,WAAW,GAAG,QAAqD;EAAA,IAApD;IAAEC,SAAF;IAAaC,SAAb;IAAwBC,QAAxB;IAAkCC;EAAlC,CAAoD;EACvE,OACE,6BAAC,YAAD;IACE,KAAK,EAAEH,SADT;IAEE,WAAW,EAAEG,WAFf;IAGE,KAAK,EAAEF,SAHT;IAIE,aAAa,EAAEJ,SAJjB;IAKE,QAAQ,EAAEK;EALZ,EADF;AASD,CAVD;;eAYeE,cAAA,CAAMC,IAAN,CAAWN,WAAX,C"}