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

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

@@ -1,34 +1,34 @@
-"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var nativeStyled = require('@emotion/native');
+var styled = require('@emotion/styled');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledDiv = styled__default["default"]("div")`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+const StyledLabel = nativeStyled__default["default"](reactCore.Text)`
+  ${({ theme, labelPosition }) => {
+  if (labelPosition === "right")
+    return nativeStyled.css`
+        margin-left: ${theme == null ? void 0 : theme.spacing.centi};
+      `;
+  else if (labelPosition === "left")
+    return nativeStyled.css`
+        margin-right: ${theme == null ? void 0 : theme.spacing.centi};
+      `;
+}}
+`;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledLabel = exports.StyledDiv = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledDiv = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
 exports.StyledDiv = StyledDiv;
-const StyledLabel = (0, _native.default)(_reactCore.Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
-  let {
-    theme,
-    labelPosition
-  } = _ref;
-  if (labelPosition === 'right') return (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin-left: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);else if (labelPosition === 'left') return (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        margin-right: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);
-});
 exports.StyledLabel = StyledLabel;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledDiv","webStyled","StyledLabel","nativeStyled","Text","theme","labelPosition","css","spacing","centi"],"sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAEO,MAAMA,SAAS,GAAG,IAAAC,eAAA,EAAU,KAAV,CAAH,yIAAf;;AAMA,MAAMC,WAAW,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAAH,kFAKpB,QAA8B;EAAA,IAA7B;IAAEC,KAAF;IAASC;EAAT,CAA6B;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,WAAOC,WAAP,6GACiBF,KADjB,aACiBA,KADjB,uBACiBA,KAAK,CAAEG,OAAP,CAAeC,KADhC,EADF,KAIK,IAAIH,aAAa,KAAK,MAAtB,EACH,WAAOC,WAAP,8GACkBF,KADlB,aACkBA,KADlB,uBACkBA,KAAK,CAAEG,OAAP,CAAeC,KADjC;AAGH,CAdqB,CAAjB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"names":["webStyled","nativeStyled","Text","css"],"mappings":";;;;;;;;;;;;;AAIa,MAAA,SAAA,GAAYA,2BAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAcC,iCAAaC,cAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAAC,gBAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAAA,gBAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;;"}

package/dist/components/molecules/Masonry/Masonry.js

@@ -1,57 +1,46 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Masonry = _ref => {
-  let {
-    children,
-    columns,
-    spacingTop,
-    spacingLeft
-  } = _ref;
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+const Masonry = ({
+  children,
+  columns,
+  spacingTop,
+  spacingLeft
+}) => {
   const getColumns = () => {
-    const columnsArray = Array.from({
-      length: columns
-    }, () => []);
-
-    _react.default.Children.forEach(children, (child, index) => {
-      if (child && _react.default.isValidElement(child)) {
+    const columnsArray = Array.from(
+      { length: columns },
+      () => []
+    );
+    React__default["default"].Children.forEach(children, (child, index) => {
+      if (child && React__default["default"].isValidElement(child)) {
         columnsArray[index % columns].push(child);
       }
     });
-
     return columnsArray;
   };
-
-  const renderColumn = column => {
-    return column.map((item, index) => _react.default.createElement(_styled.StyledRowItem, {
+  const renderColumn = (column) => {
+    return column.map((item, index) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledRowItem, {
       key: index,
-      index: index,
-      spacingTop: spacingTop
+      index,
+      spacingTop
     }, item));
   };
-
   const renderColumns = () => {
-    return getColumns().map((column, index) => _react.default.createElement(_styled.StyledColumnItem, {
+    return getColumns().map((column, index) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledColumnItem, {
       key: index,
-      index: index,
-      spacingLeft: spacingLeft
+      index,
+      spacingLeft
     }, renderColumn(column)));
   };
-
-  return _react.default.createElement(_styled.StyledMasonry, null, renderColumns());
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledMasonry, null, renderColumns());
 };
 
-var _default = Masonry;
-exports.default = _default;
-//# sourceMappingURL=Masonry.js.map
+module.exports = Masonry;
+//# sourceMappingURL=Masonry.js.map

package/dist/components/molecules/Masonry/Masonry.js.map

@@ -1 +1 @@
-{"version":3,"file":"Masonry.js","names":["Masonry","children","columns","spacingTop","spacingLeft","getColumns","columnsArray","Array","from","length","React","Children","forEach","child","index","isValidElement","push","renderColumn","column","map","item","renderColumns"],"sources":["../../../../src/components/molecules/Masonry/Masonry.tsx"],"sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\nimport { StyledColumnItem, StyledRowItem, StyledMasonry } from './styled';\n\nexport interface MasonryProps {\n  columns: number;\n  /** Spacing to the left of every block on index % column !== 0 */\n  spacingLeft: SpacingType;\n  /** Spacing to the top of every block on index >= column */\n  spacingTop: SpacingType;\n}\n\nconst Masonry: React.FC<MasonryProps> = ({\n  children,\n  columns,\n  spacingTop,\n  spacingLeft,\n}) => {\n  const getColumns = () => {\n    const columnsArray: React.ReactNode[][] = Array.from(\n      { length: columns },\n      () => []\n    );\n\n    React.Children.forEach(children, (child, index) => {\n      if (child && React.isValidElement(child)) {\n        columnsArray[index % columns].push(child);\n      }\n    });\n\n    return columnsArray;\n  };\n\n  const renderColumn = column => {\n    return column.map((item, index) => (\n      <StyledRowItem key={index} index={index} spacingTop={spacingTop}>\n        {item}\n      </StyledRowItem>\n    ));\n  };\n\n  const renderColumns = () => {\n    return getColumns().map((column, index) => (\n      <StyledColumnItem key={index} index={index} spacingLeft={spacingLeft}>\n        {renderColumn(column)}\n      </StyledColumnItem>\n    ));\n  };\n\n  return <StyledMasonry>{renderColumns()}</StyledMasonry>;\n};\n\nexport default Masonry;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAUA,MAAMA,OAA+B,GAAG,QAKlC;EAAA,IALmC;IACvCC,QADuC;IAEvCC,OAFuC;IAGvCC,UAHuC;IAIvCC;EAJuC,CAKnC;;EACJ,MAAMC,UAAU,GAAG,MAAM;IACvB,MAAMC,YAAiC,GAAGC,KAAK,CAACC,IAAN,CACxC;MAAEC,MAAM,EAAEP;IAAV,CADwC,EAExC,MAAM,EAFkC,CAA1C;;IAKAQ,cAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBX,QAAvB,EAAiC,CAACY,KAAD,EAAQC,KAAR,KAAkB;MACjD,IAAID,KAAK,IAAIH,cAAA,CAAMK,cAAN,CAAqBF,KAArB,CAAb,EAA0C;QACxCP,YAAY,CAACQ,KAAK,GAAGZ,OAAT,CAAZ,CAA8Bc,IAA9B,CAAmCH,KAAnC;MACD;IACF,CAJD;;IAMA,OAAOP,YAAP;EACD,CAbD;;EAeA,MAAMW,YAAY,GAAGC,MAAM,IAAI;IAC7B,OAAOA,MAAM,CAACC,GAAP,CAAW,CAACC,IAAD,EAAON,KAAP,KAChB,6BAAC,qBAAD;MAAe,GAAG,EAAEA,KAApB;MAA2B,KAAK,EAAEA,KAAlC;MAAyC,UAAU,EAAEX;IAArD,GACGiB,IADH,CADK,CAAP;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,MAAM;IAC1B,OAAOhB,UAAU,GAAGc,GAAb,CAAiB,CAACD,MAAD,EAASJ,KAAT,KACtB,6BAAC,wBAAD;MAAkB,GAAG,EAAEA,KAAvB;MAA8B,KAAK,EAAEA,KAArC;MAA4C,WAAW,EAAEV;IAAzD,GACGa,YAAY,CAACC,MAAD,CADf,CADK,CAAP;EAKD,CAND;;EAQA,OAAO,6BAAC,qBAAD,QAAgBG,aAAa,EAA7B,CAAP;AACD,CAtCD;;eAwCerB,O"}
+{"version":3,"file":"Masonry.js","sources":["../../../../src/components/molecules/Masonry/Masonry.tsx"],"sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\nimport { StyledColumnItem, StyledRowItem, StyledMasonry } from './styled';\n\nexport interface MasonryProps {\n  columns: number;\n  /** Spacing to the left of every block on index % column !== 0 */\n  spacingLeft: SpacingType;\n  /** Spacing to the top of every block on index >= column */\n  spacingTop: SpacingType;\n}\n\nconst Masonry: React.FC<MasonryProps> = ({\n  children,\n  columns,\n  spacingTop,\n  spacingLeft,\n}) => {\n  const getColumns = () => {\n    const columnsArray: React.ReactNode[][] = Array.from(\n      { length: columns },\n      () => []\n    );\n\n    React.Children.forEach(children, (child, index) => {\n      if (child && React.isValidElement(child)) {\n        columnsArray[index % columns].push(child);\n      }\n    });\n\n    return columnsArray;\n  };\n\n  const renderColumn = column => {\n    return column.map((item, index) => (\n      <StyledRowItem key={index} index={index} spacingTop={spacingTop}>\n        {item}\n      </StyledRowItem>\n    ));\n  };\n\n  const renderColumns = () => {\n    return getColumns().map((column, index) => (\n      <StyledColumnItem key={index} index={index} spacingLeft={spacingLeft}>\n        {renderColumn(column)}\n      </StyledColumnItem>\n    ));\n  };\n\n  return <StyledMasonry>{renderColumns()}</StyledMasonry>;\n};\n\nexport default Masonry;\n"],"names":["React","StyledRowItem","StyledColumnItem","StyledMasonry"],"mappings":";;;;;;;;;AAYA,MAAM,UAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,MAAM,eAAoC,KAAM,CAAA,IAAA;AAAA,MAC9C,EAAE,QAAQ,OAAQ,EAAA;AAAA,MAClB,MAAM,EAAC;AAAA,KACT,CAAA;AAEA,IAAAA,yBAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AACjD,MAAA,IAAI,KAAS,IAAAA,yBAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AACxC,QAAa,YAAA,CAAA,KAAA,GAAQ,OAAS,CAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OAC1C;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,YAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,eAAe,CAAU,MAAA,KAAA;AAC7B,IAAA,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,0BACtBA,yBAAA,CAAA,aAAA,CAAAC,oBAAA,EAAA;AAAA,MAAc,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,UAAA;AAAA,KAAA,EACtC,IACH,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,OAAO,YAAa,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,0BAC9BD,yBAAA,CAAA,aAAA,CAAAE,uBAAA,EAAA;AAAA,MAAiB,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,WAAA;AAAA,KACzC,EAAA,YAAA,CAAa,MAAM,CACtB,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAO,uBAAAF,yBAAA,CAAA,aAAA,CAACG,oBAAe,EAAA,IAAA,EAAA,aAAA,EAAgB,CAAA,CAAA;AACzC;;;;"}

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

@@ -1,36 +1,35 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledRowItem = exports.StyledMasonry = exports.StyledColumnItem = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
 
-var _templateObject, _templateObject2, _templateObject3;
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledColumnItem = styled__default["default"]("div")`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-content: stretch;
+  flex: 1;
+  width: 0;
+  margin-left: ${({ theme, index, spacingLeft = "nano" }) => index > 0 ? theme.spacing[spacingLeft] : "initial"};
+`;
+const StyledMasonry = styled__default["default"]("div")`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: stretch;
+  box-sizing: border-box;
+  width: 100%;
+`;
+const StyledRowItem = styled__default["default"]("div")`
+  margin-top: ${({ theme, index, spacingTop = "nano" }) => index > 0 ? theme.spacing[spacingTop] : "initial"};
+`;
 
-const StyledColumnItem = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: stretch;\n  flex: 1;\n  width: 0;\n  margin-left: ", ";\n"])), _ref => {
-  let {
-    theme,
-    index,
-    spacingLeft = 'nano'
-  } = _ref;
-  return index > 0 ? theme.spacing[spacingLeft] : 'initial';
-});
 exports.StyledColumnItem = StyledColumnItem;
-const StyledMasonry = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n"])));
 exports.StyledMasonry = StyledMasonry;
-const StyledRowItem = (0, _styled.default)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), _ref2 => {
-  let {
-    theme,
-    index,
-    spacingTop = 'nano'
-  } = _ref2;
-  return index > 0 ? theme.spacing[spacingTop] : 'initial';
-});
 exports.StyledRowItem = StyledRowItem;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledColumnItem","styled","theme","index","spacingLeft","spacing","StyledMasonry","StyledRowItem","spacingTop"],"sources":["../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: stretch;\n  flex: 1;\n  width: 0;\n  margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAIO,MAAMA,gBAAgB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,+NASZ;EAAA,IAAC;IAAEC,KAAF;IAASC,KAAT;IAAgBC,WAAW,GAAG;EAA9B,CAAD;EAAA,OACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAD5B;AAAA,CATY,CAAtB;;AAaA,MAAME,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAH,qNAAnB;;AASA,MAAMM,aAAa,GAAG,IAAAN,eAAA,EAAO,KAAP,CAAH,+FAGV;EAAA,IAAC;IAAEC,KAAF;IAASC,KAAT;IAAgBK,UAAU,GAAG;EAA7B,CAAD;EAAA,OACZL,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcG,UAAd,CAAZ,GAAwC,SAD5B;AAAA,CAHU,CAAnB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: stretch;\n  flex: 1;\n  width: 0;\n  margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;AAIa,MAAA,gBAAA,GAAmBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAS3B,EAAA,CAAC,EAAE,KAAA,EAAO,KAAO,EAAA,WAAA,GAAc,MAAO,EAAA,KACnD,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,WAAe,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA;AAGhC,MAAA,aAAA,GAAgBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgBA,2BAAO,KAAK,CAAA,CAAA;AAAA,cAGzB,EAAA,CAAC,EAAE,KAAA,EAAO,KAAO,EAAA,UAAA,GAAa,MAAO,EAAA,KACjD,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,UAAc,CAAA,GAAA,SAAA,CAAA;AAAA;;;;;;"}

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

@@ -1,56 +1,43 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var MenuItem = require('./MenuItem/MenuItem.js');
+var styled = require('./styled.js');
+var Masonry = require('../../Masonry/Masonry.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactCore = require("@tecsinapse/react-core");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _MenuItem = require("./MenuItem");
-
-var _styled = require("./styled");
-
-var _Masonry = require("../../Masonry");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const MenuBlock = _ref => {
-  let {
-    options,
-    toggle
-  } = _ref;
-  return _react.default.createElement(_Masonry.Masonry, {
+const MenuBlock = ({ options, toggle }) => {
+  return /* @__PURE__ */ React__default["default"].createElement(Masonry, {
     columns: 4,
     spacingTop: "kilo",
     spacingLeft: "mega"
-  }, options.map(data => _react.default.createElement(_react.default.Fragment, {
-    key: "".concat(data.title)
-  }, _react.default.createElement(_styled.StyledContainerMenu, null, data.leftComponents && _react.default.createElement(_styled.StyledLeftComponent, null, data.leftComponents), _react.default.createElement(_reactCore.Text, {
+  }, options.map((data) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, {
+    key: `${data.title}`
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerMenu, null, data.leftComponents && /* @__PURE__ */ React__default["default"].createElement(styled.StyledLeftComponent, null, data.leftComponents), /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontWeight: "bold"
-  }, data.title)), _react.default.createElement(_styled.StyledContainerItems, null, data.items.map(_ref2 => {
-    let {
+  }, data.title)), /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerItems, null, data.items.map(
+    ({
       title,
       Component,
       props,
       rightComponents,
       items
-    } = _ref2;
-    return _react.default.createElement(_MenuItem.MenuItem, {
-      items: items,
+    }) => /* @__PURE__ */ React__default["default"].createElement(MenuItem, {
+      items,
       key: title,
-      title: title,
-      Component: Component,
-      rightComponents: rightComponents,
-      props: props,
-      toggle: toggle
-    });
-  })))));
+      title,
+      Component,
+      rightComponents,
+      props,
+      toggle
+    })
+  )))));
 };
+var MenuBlock$1 = React__default["default"].memo(MenuBlock);
 
-var _default = _react.default.memo(MenuBlock);
-
-exports.default = _default;
-//# sourceMappingURL=MenuBlock.js.map
+module.exports = MenuBlock$1;
+//# sourceMappingURL=MenuBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBlock.js","names":["MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","React","memo"],"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n  StyledContainerItems,\n  StyledContainerMenu,\n  StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n  toggle: () => void;\n  options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n  return (\n    <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n      {options.map(data => (\n        <React.Fragment key={`${data.title}`}>\n          <StyledContainerMenu>\n            {data.leftComponents && (\n              <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n            )}\n            <Text fontWeight=\"bold\">{data.title}</Text>\n          </StyledContainerMenu>\n          <StyledContainerItems>\n            {data.items.map(\n              ({\n                title,\n                Component,\n                props,\n                rightComponents,\n                items,\n              }: ItemsOptions) => (\n                <MenuItem\n                  items={items}\n                  key={title}\n                  title={title}\n                  Component={Component}\n                  rightComponents={rightComponents}\n                  props={props}\n                  toggle={toggle}\n                />\n              )\n            )}\n          </StyledContainerItems>\n        </React.Fragment>\n      ))}\n    </Masonry>\n  );\n};\n\nexport default React.memo(MenuBlock);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;;;AAOA,MAAMA,SAAmC,GAAG,QAAyB;EAAA,IAAxB;IAAEC,OAAF;IAAWC;EAAX,CAAwB;EACnE,OACE,6BAAC,gBAAD;IAAS,OAAO,EAAE,CAAlB;IAAqB,UAAU,EAAC,MAAhC;IAAuC,WAAW,EAAC;EAAnD,GACGD,OAAO,CAACE,GAAR,CAAYC,IAAI,IACf,6BAAC,cAAD,CAAO,QAAP;IAAgB,GAAG,YAAKA,IAAI,CAACC,KAAV;EAAnB,GACE,6BAAC,2BAAD,QACGD,IAAI,CAACE,cAAL,IACC,6BAAC,2BAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,6BAAC,eAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,6BAAC,4BAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC;IAAA,IAAC;MACCE,KADD;MAECG,SAFD;MAGCC,KAHD;MAICC,eAJD;MAKCH;IALD,CAAD;IAAA,OAOE,6BAAC,kBAAD;MACE,KAAK,EAAEA,KADT;MAEE,GAAG,EAAEF,KAFP;MAGE,KAAK,EAAEA,KAHT;MAIE,SAAS,EAAEG,SAJb;MAKE,eAAe,EAAEE,eALnB;MAME,KAAK,EAAED,KANT;MAOE,MAAM,EAAEP;IAPV,EAPF;EAAA,CADD,CADH,CAPF,CADD,CADH,CADF;AAmCD,CApCD;;eAsCeS,cAAA,CAAMC,IAAN,CAAWZ,SAAX,C"}
+{"version":3,"file":"MenuBlock.js","sources":["../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n  StyledContainerItems,\n  StyledContainerMenu,\n  StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n  toggle: () => void;\n  options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n  return (\n    <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n      {options.map(data => (\n        <React.Fragment key={`${data.title}`}>\n          <StyledContainerMenu>\n            {data.leftComponents && (\n              <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n            )}\n            <Text fontWeight=\"bold\">{data.title}</Text>\n          </StyledContainerMenu>\n          <StyledContainerItems>\n            {data.items.map(\n              ({\n                title,\n                Component,\n                props,\n                rightComponents,\n                items,\n              }: ItemsOptions) => (\n                <MenuItem\n                  items={items}\n                  key={title}\n                  title={title}\n                  Component={Component}\n                  rightComponents={rightComponents}\n                  props={props}\n                  toggle={toggle}\n                />\n              )\n            )}\n          </StyledContainerItems>\n        </React.Fragment>\n      ))}\n    </Masonry>\n  );\n};\n\nexport default React.memo(MenuBlock);\n"],"names":["React","StyledContainerMenu","StyledLeftComponent","Text","StyledContainerItems"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,CAAA;AAAA,IAAG,UAAW,EAAA,MAAA;AAAA,IAAO,WAAY,EAAA,MAAA;AAAA,GAAA,EAChD,OAAQ,CAAA,GAAA,CAAI,CACX,IAAA,qBAAAA,yBAAA,CAAA,aAAA,CAACA,0BAAM,QAAN,EAAA;AAAA,IAAe,GAAA,EAAK,GAAG,IAAK,CAAA,KAAA,CAAA,CAAA;AAAA,GAC3B,kBAAAA,yBAAA,CAAA,aAAA,CAACC,kCACE,IAAK,CAAA,cAAA,4DACHC,0BAAqB,EAAA,IAAA,EAAA,IAAA,CAAK,cAAe,CAAA,kBAE3CF,yBAAA,CAAA,aAAA,CAAAG,cAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAA,EAAQ,KAAK,KAAM,CACtC,mBACCH,yBAAA,CAAA,aAAA,CAAAI,2BAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA;AAAA,IACV,CAAC;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,0BAECJ,yBAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAA;AAAA,MACA,GAAK,EAAA,KAAA;AAAA,MACL,KAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,GAGN,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,kBAAeA,yBAAA,CAAM,KAAK,SAAS,CAAA;;;;"}

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js

@@ -1,65 +1,66 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var SubMenuBlock = require('./SubMenuBlock/SubMenuBlock.js');
+var styled$1 = require('../styled.js');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactCore = require("@tecsinapse/react-core");
-
-var _SubMenuBlock = require("./SubMenuBlock");
-
-var _styled = require("../styled");
-
-var _styled2 = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const MenuItem = _ref => {
-  let {
-    title,
-    Component = 'a',
-    props = {},
-    rightComponents,
-    items,
-    toggle
-  } = _ref;
-
-  const [open, setOpen] = _react.default.useState(false);
-
-  const noTextDecoration = {
-    textDecoration: 'none'
-  };
-
-  const getIconName = () => open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const MenuItem = ({
+  title,
+  Component = "a",
+  props = {},
+  rightComponents,
+  items,
+  toggle
+}) => {
+  const [open, setOpen] = React__default["default"].useState(false);
+  const noTextDecoration = { textDecoration: "none" };
+  const getIconName = () => open ? "arrow-up-drop-circle-outline" : "arrow-down-drop-circle-outline";
   const handleMenuAction = () => setOpen(!open);
-
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styled2.StyledContainerItemText, {
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerItemText, {
     key: title
-  }, _react.default.createElement(Component, _extends({}, props, {
+  }, /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps(__spreadValues({}, props), {
     style: noTextDecoration,
     onClick: toggle
-  }), _react.default.createElement(_reactCore.Text, {
-    colorVariant: open ? 'primary' : 'secondary',
-    colorTone: open ? 'medium' : 'dark'
-  }, _react.default.createElement(_styled.StyledText, null, title))), rightComponents && !items && _react.default.createElement(_styled.StyledRightComponent, null, rightComponents), items && _react.default.createElement(_styled2.StyledSubButton, {
+  }), /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
+    colorVariant: open ? "primary" : "secondary",
+    colorTone: open ? "medium" : "dark"
+  }, /* @__PURE__ */ React__default["default"].createElement(styled$1.StyledText, null, title))), rightComponents && !items && /* @__PURE__ */ React__default["default"].createElement(styled$1.StyledRightComponent, null, rightComponents), items && /* @__PURE__ */ React__default["default"].createElement(styled.StyledSubButton, {
     onClick: handleMenuAction
-  }, _react.default.createElement(_reactCore.Icon, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
     name: getIconName(),
     type: "material-community",
     fontColor: "orange"
-  }))), open && (items === null || items === void 0 ? void 0 : items.map(subItem => _react.default.createElement(_SubMenuBlock.SubMenuBlock, {
+  }))), open && (items == null ? void 0 : items.map((subItem) => /* @__PURE__ */ React__default["default"].createElement(SubMenuBlock, {
     key: subItem.title,
     data: subItem,
-    toggle: toggle
+    toggle
   }))));
 };
 
-var _default = MenuItem;
-exports.default = _default;
-//# sourceMappingURL=MenuItem.js.map
+module.exports = MenuItem;
+//# sourceMappingURL=MenuItem.js.map

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["MenuItem","title","Component","props","rightComponents","items","toggle","open","setOpen","React","useState","noTextDecoration","textDecoration","getIconName","handleMenuAction","map","subItem"],"sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n  title: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n  toggle: () => void;\n  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n  title,\n  Component = 'a',\n  props = {},\n  rightComponents,\n  items,\n  toggle,\n}) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const getIconName = () =>\n    open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n  const handleMenuAction = () => setOpen(!open);\n\n  return (\n    <>\n      <StyledContainerItemText key={title}>\n        <Component {...props} style={noTextDecoration} onClick={toggle}>\n          <Text\n            colorVariant={open ? 'primary' : 'secondary'}\n            colorTone={open ? 'medium' : 'dark'}\n          >\n            <StyledText>{title}</StyledText>\n          </Text>\n        </Component>\n        {rightComponents && !items && (\n          <StyledRightComponent>{rightComponents}</StyledRightComponent>\n        )}\n        {items && (\n          <StyledSubButton onClick={handleMenuAction}>\n            <Icon\n              name={getIconName()}\n              type=\"material-community\"\n              fontColor=\"orange\"\n            />\n          </StyledSubButton>\n        )}\n      </StyledContainerItemText>\n      {open &&\n        items?.map(subItem => (\n          <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n        ))}\n    </>\n  );\n};\n\nexport default MenuItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAcA,MAAMA,QAAiC,GAAG,QAOpC;EAAA,IAPqC;IACzCC,KADyC;IAEzCC,SAAS,GAAG,GAF6B;IAGzCC,KAAK,GAAG,EAHiC;IAIzCC,eAJyC;IAKzCC,KALyC;IAMzCC;EANyC,CAOrC;;EACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBC,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAAxB;;EAEA,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,MAAMC,WAAW,GAAG,MAClBN,IAAI,GAAG,8BAAH,GAAoC,gCAD1C;;EAGA,MAAMO,gBAAgB,GAAG,MAAMN,OAAO,CAAC,CAACD,IAAF,CAAtC;;EAEA,OACE,4DACE,6BAAC,gCAAD;IAAyB,GAAG,EAAEN;EAA9B,GACE,6BAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEQ,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,eAAD;IACE,YAAY,EAAEC,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,6BAAC,kBAAD,QAAaN,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,6BAAC,4BAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,6BAAC,wBAAD;IAAiB,OAAO,EAAES;EAA1B,GACE,6BAAC,eAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGN,IAAI,KACHF,KADG,aACHA,KADG,uBACHA,KAAK,CAAEU,GAAP,CAAWC,OAAO,IAChB,6BAAC,0BAAD;IAAc,GAAG,EAAEA,OAAO,CAACf,KAA3B;IAAkC,IAAI,EAAEe,OAAxC;IAAiD,MAAM,EAAEV;EAAzD,EADF,CADG,CAvBP,CADF;AA8BD,CA/CD;;eAiDeN,Q"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n  title: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n  toggle: () => void;\n  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n  title,\n  Component = 'a',\n  props = {},\n  rightComponents,\n  items,\n  toggle,\n}) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const getIconName = () =>\n    open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n  const handleMenuAction = () => setOpen(!open);\n\n  return (\n    <>\n      <StyledContainerItemText key={title}>\n        <Component {...props} style={noTextDecoration} onClick={toggle}>\n          <Text\n            colorVariant={open ? 'primary' : 'secondary'}\n            colorTone={open ? 'medium' : 'dark'}\n          >\n            <StyledText>{title}</StyledText>\n          </Text>\n        </Component>\n        {rightComponents && !items && (\n          <StyledRightComponent>{rightComponents}</StyledRightComponent>\n        )}\n        {items && (\n          <StyledSubButton onClick={handleMenuAction}>\n            <Icon\n              name={getIconName()}\n              type=\"material-community\"\n              fontColor=\"orange\"\n            />\n          </StyledSubButton>\n        )}\n      </StyledContainerItemText>\n      {open &&\n        items?.map(subItem => (\n          <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n        ))}\n    </>\n  );\n};\n\nexport default MenuItem;\n"],"names":["React","StyledContainerItemText","Text","StyledText","StyledRightComponent","StyledSubButton","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,SAAY,GAAA,GAAA;AAAA,EACZ,QAAQ,EAAC;AAAA,EACT,eAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,yBAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAM,MAAA,WAAA,GAAc,MAClB,IAAA,GAAO,8BAAiC,GAAA,gCAAA,CAAA;AAE1C,EAAA,MAAM,gBAAmB,GAAA,MAAM,OAAQ,CAAA,CAAC,IAAI,CAAA,CAAA;AAE5C,EAAA,yHAEKA,yBAAA,CAAA,aAAA,CAAAC,8BAAA,EAAA;AAAA,IAAwB,GAAK,EAAA,KAAA;AAAA,GAC5B,kBAAAD,yBAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrDA,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,IACC,YAAA,EAAc,OAAO,SAAY,GAAA,WAAA;AAAA,IACjC,SAAA,EAAW,OAAO,QAAW,GAAA,MAAA;AAAA,GAAA,kBAE5BF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA,IAAA,EAAY,KAAM,CACrB,CACF,CACC,EAAA,eAAA,IAAmB,CAAC,KAAA,oBAClBH,yBAAA,CAAA,aAAA,CAAAI,6BAAA,EAAA,IAAA,EAAsB,eAAgB,CAAA,EAExC,yBACEJ,yBAAA,CAAA,aAAA,CAAAK,sBAAA,EAAA;AAAA,IAAgB,OAAS,EAAA,gBAAA;AAAA,GAAA,kBACvBL,yBAAA,CAAA,aAAA,CAAAM,cAAA,EAAA;AAAA,IACC,MAAM,WAAY,EAAA;AAAA,IAClB,IAAK,EAAA,oBAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,EACC,SACC,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAI,6BACRN,yBAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,KAAK,OAAQ,CAAA,KAAA;AAAA,IAAO,IAAM,EAAA,OAAA;AAAA,IAAS,MAAA;AAAA,GAAgB,CAEvE,CAAA,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js

@@ -1,46 +1,45 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _styled = require("../../styled");
-
-var _styled2 = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const SubMenuBlock = _ref => {
-  let {
-    data,
-    toggle
-  } = _ref;
-  const {
-    Component,
-    props,
-    rightComponents,
-    title
-  } = data;
-  const noTextDecoration = {
-    textDecoration: 'none'
-  };
-  return _react.default.createElement(_styled2.StyledContainerItem, null, _react.default.createElement(_styled2.DummyBorder, null), _react.default.createElement(Component, _extends({}, props, {
+'use strict';
+
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var styled$1 = require('../../styled.js');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const SubMenuBlock = ({ data, toggle }) => {
+  const { Component, props, rightComponents, title } = data;
+  const noTextDecoration = { textDecoration: "none" };
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerItem, null, /* @__PURE__ */ React__default["default"].createElement(styled.DummyBorder, null), /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps(__spreadValues({}, props), {
     style: noTextDecoration,
     onClick: toggle
-  }), _react.default.createElement(_reactCore.Text, {
+  }), /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     colorVariant: "secondary",
     colorTone: "medium",
     typography: "sub"
-  }, _react.default.createElement(_styled.StyledText, null, title))), rightComponents && _react.default.createElement(_styled.StyledRightComponent, null, rightComponents));
+  }, /* @__PURE__ */ React__default["default"].createElement(styled$1.StyledText, null, title))), rightComponents && /* @__PURE__ */ React__default["default"].createElement(styled$1.StyledRightComponent, null, rightComponents));
 };
 
-var _default = SubMenuBlock;
-exports.default = _default;
-//# sourceMappingURL=SubMenuBlock.js.map
+module.exports = SubMenuBlock;
+//# sourceMappingURL=SubMenuBlock.js.map