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

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

@@ -1,63 +1,70 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getInputContainerStyles = exports.getContainerOpenMenuStyles = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 const getDefaultInputContainerStyles = {
-  transitionDuration: '250ms',
-  transitionProperty: 'opacity scale transform',
-  transitionTimingFunction: 'ease-in-out'
+  transitionDuration: "250ms",
+  transitionProperty: "opacity scale transform",
+  transitionTimingFunction: "ease-in-out"
 };
 const getDefaultContainerOpenMenuStyles = {
-  transitionDuration: '250ms',
-  transitionProperty: 'opacity scale transform',
-  transitionTimingFunction: 'ease-in-out'
+  transitionDuration: "250ms",
+  transitionProperty: "opacity scale transform",
+  transitionTimingFunction: "ease-in-out"
 };
 const getInputContainerTransform = {
   entered: {
-    transform: 'scale(1, 1) translateY(0px)'
+    transform: "scale(1, 1) translateY(0px)"
   },
   entering: {
     opacity: 0.5,
-    transform: 'scale(0.99, 0.99) translateY(-5px)'
+    transform: "scale(0.99, 0.99) translateY(-5px)"
   },
   exited: {
     opacity: 0,
-    transform: 'scale(0.99, 0.99) translateY(-50px)'
+    transform: "scale(0.99, 0.99) translateY(-50px)"
   },
   exiting: {
     opacity: 0.5,
-    transform: 'scale(0.99, 0.99) translateY(-5px)'
+    transform: "scale(0.99, 0.99) translateY(-5px)"
   }
 };
 const getContainerOpenMenuTransform = {
   entered: {
-    transform: 'scale(1, 1) translateY(0px) '
+    transform: "scale(1, 1) translateY(0px) "
   },
   entering: {
     opacity: 0.95,
-    transform: 'scale(0.99, 0.99) translateY(0px)'
+    transform: "scale(0.99, 0.99) translateY(0px)"
   },
   exited: {
     opacity: 0,
-    transform: 'scale(0.99, 0.99) translateY(-600px)'
+    transform: "scale(0.99, 0.99) translateY(-600px)"
   },
   exiting: {
     opacity: 0.95,
-    transform: 'scale(0.99, 0.99) translateY(0px)'
+    transform: "scale(0.99, 0.99) translateY(0px)"
   }
 };
-
-const getInputContainerStyles = state => ({ ...getDefaultInputContainerStyles,
-  ...getInputContainerTransform[state]
-});
-
-exports.getInputContainerStyles = getInputContainerStyles;
-
-const getContainerOpenMenuStyles = state => ({ ...getDefaultContainerOpenMenuStyles,
-  ...getContainerOpenMenuTransform[state]
-});
+const getInputContainerStyles = (state) => __spreadValues(__spreadValues({}, getDefaultInputContainerStyles), getInputContainerTransform[state]);
+const getContainerOpenMenuStyles = (state) => __spreadValues(__spreadValues({}, getDefaultContainerOpenMenuStyles), getContainerOpenMenuTransform[state]);
 
 exports.getContainerOpenMenuStyles = getContainerOpenMenuStyles;
-//# sourceMappingURL=animations.js.map
+exports.getInputContainerStyles = getInputContainerStyles;
+//# sourceMappingURL=animations.js.map

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

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

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

@@ -1,145 +1,83 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSearchTextContainer = exports.StyledSearchResultsContainer = exports.StyledMenuButton = exports.StyledMenuBar = exports.StyledInputContainer = exports.StyledInput = exports.StyledIconInput = exports.StyledContainerOpenMenu = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+var Button = require('../../atoms/Button/Button.js');
+require('react');
+var Input = require('../../atoms/Input/Input.js');
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactCore = require("@tecsinapse/react-core");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-var _Button = require("../../atoms/Button");
+const StyledIconInput = styled__default["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};
+`;
+const StyledMenuBar = styled__default["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 }) => reactCore.hex2rgba(theme.miscellaneous.shadow, 0.05)};
+`;
+const StyledMenuButton = nativeStyled__default["default"](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__default["default"]("div")`
+    border-top: ${({ theme }) => `${theme.borderWidth.pico} solid ${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 }) => 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 StyledInput = nativeStyled__default["default"](Input)`
+     width: 100%;
+`;
+const StyledInputContainer = styled__default["default"]("div")`
+    display: flex;
+    flex: 1;
+`;
+const StyledSearchResultsContainer = styled__default["default"]("div")`
+    display: flex;
+    flex-direction: column;
+`;
+const StyledSearchTextContainer = styled__default["default"]("div")`
+    margin-bottom: ${({ theme }) => theme.spacing.mili};
+`;
 
-var _Input = require("../../atoms/Input");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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')(_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)(_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')(_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)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n     width: 100%;\n"])));
+exports.StyledIconInput = StyledIconInput;
 exports.StyledInput = StyledInput;
-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')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n"])));
+exports.StyledMenuBar = StyledMenuBar;
+exports.StyledMenuButton = StyledMenuButton;
 exports.StyledSearchResultsContainer = StyledSearchResultsContainer;
-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
+//# 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":"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"}
+{"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","hex2rgba","nativeStyled"],"mappings":"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"}

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

@@ -1,16 +1,12 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterAndTransform = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
 const filterAndTransform = (options, search) => {
   const normalized = [];
-  options.forEach(option => {
-    option.items.forEach(item => {
-      var _item$items;
-
+  options.forEach((option) => {
+    option.items.forEach((item) => {
+      var _a;
       if (item.title.toLowerCase().startsWith(search)) {
         normalized.push({
           title: item.title,
@@ -19,8 +15,7 @@ const filterAndTransform = (options, search) => {
           category: option.title
         });
       }
-
-      (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.forEach(sub => {
+      (_a = item.items) == null ? void 0 : _a.forEach((sub) => {
         if (sub.title.toLowerCase().startsWith(search)) {
           normalized.push({
             title: sub.title,
@@ -36,4 +31,4 @@ const filterAndTransform = (options, search) => {
 };
 
 exports.filterAndTransform = filterAndTransform;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/dist/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":";;;;;;;AAEO,MAAMA,kBAAkB,GAAG,CAChCC,OADgC,EAEhCC,MAFgC,KAGb;EACnB,MAAMC,UAA0B,GAAG,EAAnC;EACAF,OAAO,CAACG,OAAR,CAAgBC,MAAM,IAAI;IACxBA,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAqBG,IAAI,IAAI;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,CAAoBW,GAAG,IAAI;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/dist/components/molecules/Select/Dropdown/Dropdown.js

@@ -1,106 +1,93 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _SelectItem = require("../SelectItem");
-
-var _styled = require("./styled");
-
-var _components = require("./components");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const fullWidth = {
-  width: '100%'
-};
-
-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]);
-
-  const [checkedAll, setCheckedAll] = _react.default.useState(type === 'multi' && (value === null || value === void 0 ? void 0 : value.length) === lengthOptions);
-
-  _react.default.useEffect(() => {
-    if (type === 'multi') {
-      lengthOptions === (value === null || value === void 0 ? void 0 : value.length) ? setCheckedAll(true) : setCheckedAll(false);
+'use strict';
+
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var SelectItem = require('../SelectItem/SelectItem.js');
+var styled = require('./styled.js');
+var SearchInput = require('./components/SearchInput.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const fullWidth = { width: "100%" };
+const Dropdown = ({
+  options,
+  onSearch,
+  type,
+  hideSearchBar,
+  onSelect,
+  value,
+  keyExtractor,
+  labelExtractor,
+  setDropDownVisible,
+  style,
+  anchor,
+  selectAllLabel,
+  searchBarPlaceholder
+}) => {
+  const [searchArg, setSearchArg] = reactCore.useDebouncedState("", onSearch);
+  const lengthOptions = React__default["default"].useMemo(() => options.length, [options]);
+  const [checkedAll, setCheckedAll] = React__default["default"].useState(
+    type === "multi" && (value == null ? void 0 : value.length) === lengthOptions
+  );
+  React__default["default"].useEffect(() => {
+    if (type === "multi") {
+      lengthOptions === (value == null ? void 0 : value.length) ? setCheckedAll(true) : setCheckedAll(false);
     }
   }, [value, type, lengthOptions]);
-
-  const onClickCheckAll = _react.default.useCallback(() => {
-    const items = options.map(option => option);
+  const onClickCheckAll = React__default["default"].useCallback(() => {
+    const items = options.map((option) => option);
     let aux;
-    setCheckedAll(prev => {
+    setCheckedAll((prev) => {
       aux = !prev;
       return !prev;
     });
     const auxArray = [];
     !aux ? onSelect(auxArray) : onSelect(items);
   }, [options, setCheckedAll, onSelect]);
-
-  const onChange = _react.default.useCallback(text => setSearchArg(text), [setSearchArg]);
-
-  return _react.default.createElement(_styled.StyledContainerDropdown, {
-    lengthOptions: lengthOptions,
-    style: style,
-    anchor: anchor
-  }, type === 'multi' && _react.default.createElement(_styled.StyledContainerCheckAll, {
-    onClick: hideSearchBar ? onClickCheckAll : undefined
-  }, _react.default.createElement(_reactCore.Checkbox, {
+  const onChange = React__default["default"].useCallback(
+    (text) => setSearchArg(text),
+    [setSearchArg]
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerDropdown, {
+    lengthOptions,
+    style,
+    anchor
+  }, type === "multi" && /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerCheckAll, {
+    onClick: hideSearchBar ? onClickCheckAll : void 0
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Checkbox, {
     checked: checkedAll,
     onChange: onClickCheckAll
-  }), !hideSearchBar ? _react.default.createElement(_styled.SearchBarContainer, null, _react.default.createElement(_components.SearchInput, {
-    searchArg: searchArg,
-    onChange: onChange,
-    fullWidth: fullWidth,
+  }), !hideSearchBar ? /* @__PURE__ */ React__default["default"].createElement(styled.SearchBarContainer, null, /* @__PURE__ */ React__default["default"].createElement(SearchInput, {
+    searchArg,
+    onChange,
+    fullWidth,
     placeholder: searchBarPlaceholder
-  })) : _react.default.createElement(_styled.StyledContainerTextLabel, null, _react.default.createElement(_reactCore.Text, {
+  })) : /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerTextLabel, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontWeight: "bold"
-  }, _react.default.createElement(_styled.StyledSpan, null, selectAllLabel)))), type === 'single' && !hideSearchBar && _react.default.createElement(_styled.PaddedContainer, null, _react.default.createElement(_components.SearchInput, {
-    searchArg: searchArg,
-    onChange: onChange,
-    fullWidth: fullWidth,
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSpan, null, selectAllLabel)))), type === "single" && !hideSearchBar && /* @__PURE__ */ React__default["default"].createElement(styled.PaddedContainer, null, /* @__PURE__ */ React__default["default"].createElement(SearchInput, {
+    searchArg,
+    onChange,
+    fullWidth,
     placeholder: searchBarPlaceholder
-  })), _react.default.createElement(_styled.OptionsContainer, {
+  })), /* @__PURE__ */ React__default["default"].createElement(styled.OptionsContainer, {
     lengthOptions: options.length
-  }, options.map((item, index) => _react.default.createElement(_SelectItem.ItemSelect, {
-    type: type,
+  }, options.map((item, index) => /* @__PURE__ */ React__default["default"].createElement(SelectItem, {
+    type,
     key: keyExtractor(item),
-    item: item,
-    onSelect: onSelect,
-    value: value,
-    keyExtractor: keyExtractor,
-    index: index,
-    labelExtractor: labelExtractor,
-    setDropDownVisible: setDropDownVisible,
-    checkedAll: checkedAll,
-    setCheckedAll: setCheckedAll,
+    item,
+    onSelect,
+    value,
+    keyExtractor,
+    index,
+    labelExtractor,
+    setDropDownVisible,
+    checkedAll,
+    setCheckedAll,
     lenghtOptions: lengthOptions
   }))));
 };
 
-var _default = Dropdown;
-exports.default = _default;
-//# sourceMappingURL=Dropdown.js.map
+module.exports = Dropdown;
+//# sourceMappingURL=Dropdown.js.map