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

package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -1,54 +1,76 @@
-var _excluded = ["label", "labelPosition", "labelProps", "pressableLabel", "disabled", "active", "onChange"];
-
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { Switch } from '@tecsinapse/react-core';
 import React from 'react';
-import LabelComponent from "./LabelComponent";
-import { StyledDiv } from "./styled";
-
-var LabeledSwitch = function LabeledSwitch(_ref) {
-  var label = _ref.label,
-      _ref$labelPosition = _ref.labelPosition,
-      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
-      labelProps = _ref.labelProps,
-      _ref$pressableLabel = _ref.pressableLabel,
-      pressableLabel = _ref$pressableLabel === void 0 ? false : _ref$pressableLabel,
-      disabled = _ref.disabled,
-      active = _ref.active,
-      onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded);
+import LabelComponent from './LabelComponent.js';
+import { StyledDiv } from './styled.js';
 
-  return React.createElement(StyledDiv, null, labelPosition === 'left' ? React.createElement(LabelComponent, {
-    active: active,
-    label: label,
-    labelPosition: 'left',
-    labelProps: labelProps,
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const LabeledSwitch = (_a) => {
+  var _b = _a, {
+    label,
+    labelPosition = "right",
+    labelProps,
+    pressableLabel = false,
+    disabled,
+    active,
+    onChange
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelPosition",
+    "labelProps",
+    "pressableLabel",
+    "disabled",
+    "active",
+    "onChange"
+  ]);
+  return /* @__PURE__ */ React.createElement(StyledDiv, null, labelPosition === "left" ? /* @__PURE__ */ React.createElement(LabelComponent, {
+    active,
+    label,
+    labelPosition: "left",
+    labelProps,
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
-    onPress: function onPress() {
-      return onChange(!active);
-    }
-  }) : React.createElement(React.Fragment, null), React.createElement(Switch, _extends({
-    active: active,
-    disabled: disabled,
-    onChange: onChange
-  }, rest)), labelPosition === 'right' ? React.createElement(LabelComponent, {
-    active: active,
-    label: label,
-    labelPosition: 'right',
-    labelProps: labelProps,
+    onPress: () => onChange(!active)
+  }) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(Switch, __spreadValues({
+    active,
+    disabled,
+    onChange
+  }, rest)), labelPosition === "right" ? /* @__PURE__ */ React.createElement(LabelComponent, {
+    active,
+    label,
+    labelPosition: "right",
+    labelProps,
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
-    onPress: function onPress() {
-      return onChange(!active);
-    }
-  }) : React.createElement(React.Fragment, null));
+    onPress: () => onChange(!active)
+  }) : /* @__PURE__ */ React.createElement(React.Fragment, null));
 };
 
-export default LabeledSwitch;
-//# sourceMappingURL=LabeledSwitch.js.map
+export { LabeledSwitch as default };
+//# sourceMappingURL=LabeledSwitch.js.map

package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledSwitch.js","names":["Switch","React","LabelComponent","StyledDiv","LabeledSwitch","label","labelPosition","labelProps","pressableLabel","disabled","active","onChange","rest"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"mappings":";;;;;;;;AAAA,SAA6BA,MAA7B,QAAsD,wBAAtD;AACA,OAAOC,KAAP,MAA0B,OAA1B;AACA,OAAOC,cAAP;AACA,SAASC,SAAT;;AAMA,IAAMC,aAAwC,GAAG,SAA3CA,aAA2C,OAS3C;EAAA,IARJC,KAQI,QARJA,KAQI;EAAA,8BAPJC,aAOI;EAAA,IAPJA,aAOI,mCAPY,OAOZ;EAAA,IANJC,UAMI,QANJA,UAMI;EAAA,+BALJC,cAKI;EAAA,IALJA,cAKI,oCALa,KAKb;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,SAAD,QACGN,aAAa,KAAK,MAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,MAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCAZJ,EAcE,oBAAC,MAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAED,QAFZ;IAGE,QAAQ,EAAEE;EAHZ,GAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,OAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCA/BJ,CADF;AAoCD,CA9CD;;AAgDA,eAAeN,aAAf"}
+{"version":3,"file":"LabeledSwitch.js","sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAhBF,GASkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,14 +1,24 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import nativeStyled, { css } from '@emotion/native';
+import styled from '@emotion/styled';
+import { Text } from '@tecsinapse/react-core';
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledDiv = styled("div")`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+const StyledLabel = nativeStyled(Text)`
+  ${({ theme, labelPosition }) => {
+  if (labelPosition === "right")
+    return css`
+        margin-left: ${theme == null ? void 0 : theme.spacing.centi};
+      `;
+  else if (labelPosition === "left")
+    return css`
+        margin-right: ${theme == null ? void 0 : theme.spacing.centi};
+      `;
+}}
+`;
 
-import { css, default as nativeStyled } from '@emotion/native';
-import { default as webStyled } from '@emotion/styled';
-import { Text } from '@tecsinapse/react-core';
-export var StyledDiv = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
-export var StyledLabel = nativeStyled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme,
-      labelPosition = _ref.labelPosition;
-  if (labelPosition === 'right') return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin-left: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);else if (labelPosition === 'left') return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        margin-right: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);
-});
-//# sourceMappingURL=styled.js.map
+export { StyledDiv, StyledLabel };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["css","default","nativeStyled","webStyled","Text","StyledDiv","StyledLabel","theme","labelPosition","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,SAASA,GAAT,EAAcC,OAAO,IAAIC,YAAzB,QAA6C,iBAA7C;AACA,SAASD,OAAO,IAAIE,SAApB,QAAqC,iBAArC;AACA,SAA2CC,IAA3C,QAAuD,wBAAvD;AAEA,OAAO,IAAMC,SAAS,GAAGF,SAAS,CAAC,KAAD,CAAZ,yIAAf;AAMP,OAAO,IAAMG,WAAW,GAAGJ,YAAY,CAACE,IAAD,CAAf,kFAKpB,gBAA8B;EAAA,IAA3BG,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,OAAOR,GAAP,4GACiBO,KADjB,aACiBA,KADjB,uBACiBA,KAAK,CAAEE,OAAP,CAAeC,KADhC,EADF,KAIK,IAAIF,aAAa,KAAK,MAAtB,EACH,OAAOR,GAAP,6GACkBO,KADlB,aACkBA,KADlB,uBACkBA,KAAK,CAAEE,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"],"mappings":";;;;AAIa,MAAA,SAAA,GAAYA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}

package/esm/components/molecules/Masonry/Masonry.js

@@ -1,48 +1,40 @@
 import React from 'react';
-import { StyledColumnItem, StyledRowItem, StyledMasonry } from "./styled";
+import { StyledMasonry, StyledColumnItem, StyledRowItem } from './styled.js';
 
-var Masonry = function Masonry(_ref) {
-  var children = _ref.children,
-      columns = _ref.columns,
-      spacingTop = _ref.spacingTop,
-      spacingLeft = _ref.spacingLeft;
-
-  var getColumns = function getColumns() {
-    var columnsArray = Array.from({
-      length: columns
-    }, function () {
-      return [];
-    });
-    React.Children.forEach(children, function (child, index) {
+const Masonry = ({
+  children,
+  columns,
+  spacingTop,
+  spacingLeft
+}) => {
+  const getColumns = () => {
+    const columnsArray = Array.from(
+      { length: columns },
+      () => []
+    );
+    React.Children.forEach(children, (child, index) => {
       if (child && React.isValidElement(child)) {
         columnsArray[index % columns].push(child);
       }
     });
     return columnsArray;
   };
-
-  var renderColumn = function renderColumn(column) {
-    return column.map(function (item, index) {
-      return React.createElement(StyledRowItem, {
-        key: index,
-        index: index,
-        spacingTop: spacingTop
-      }, item);
-    });
+  const renderColumn = (column) => {
+    return column.map((item, index) => /* @__PURE__ */ React.createElement(StyledRowItem, {
+      key: index,
+      index,
+      spacingTop
+    }, item));
   };
-
-  var renderColumns = function renderColumns() {
-    return getColumns().map(function (column, index) {
-      return React.createElement(StyledColumnItem, {
-        key: index,
-        index: index,
-        spacingLeft: spacingLeft
-      }, renderColumn(column));
-    });
+  const renderColumns = () => {
+    return getColumns().map((column, index) => /* @__PURE__ */ React.createElement(StyledColumnItem, {
+      key: index,
+      index,
+      spacingLeft
+    }, renderColumn(column)));
   };
-
-  return React.createElement(StyledMasonry, null, renderColumns());
+  return /* @__PURE__ */ React.createElement(StyledMasonry, null, renderColumns());
 };
 
-export default Masonry;
-//# sourceMappingURL=Masonry.js.map
+export { Masonry as default };
+//# sourceMappingURL=Masonry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Masonry.js","names":["React","StyledColumnItem","StyledRowItem","StyledMasonry","Masonry","children","columns","spacingTop","spacingLeft","getColumns","columnsArray","Array","from","length","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,EAA0CC,aAA1C;;AAUA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKlC;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,WACI,QADJA,WACI;;EACJ,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvB,IAAMC,YAAiC,GAAGC,KAAK,CAACC,IAAN,CACxC;MAAEC,MAAM,EAAEP;IAAV,CADwC,EAExC;MAAA,OAAM,EAAN;IAAA,CAFwC,CAA1C;IAKAN,KAAK,CAACc,QAAN,CAAeC,OAAf,CAAuBV,QAAvB,EAAiC,UAACW,KAAD,EAAQC,KAAR,EAAkB;MACjD,IAAID,KAAK,IAAIhB,KAAK,CAACkB,cAAN,CAAqBF,KAArB,CAAb,EAA0C;QACxCN,YAAY,CAACO,KAAK,GAAGX,OAAT,CAAZ,CAA8Ba,IAA9B,CAAmCH,KAAnC;MACD;IACF,CAJD;IAMA,OAAON,YAAP;EACD,CAbD;;EAeA,IAAMU,YAAY,GAAG,SAAfA,YAAe,CAAAC,MAAM,EAAI;IAC7B,OAAOA,MAAM,CAACC,GAAP,CAAW,UAACC,IAAD,EAAON,KAAP;MAAA,OAChB,oBAAC,aAAD;QAAe,GAAG,EAAEA,KAApB;QAA2B,KAAK,EAAEA,KAAlC;QAAyC,UAAU,EAAEV;MAArD,GACGgB,IADH,CADgB;IAAA,CAAX,CAAP;EAKD,CAND;;EAQA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1B,OAAOf,UAAU,GAAGa,GAAb,CAAiB,UAACD,MAAD,EAASJ,KAAT;MAAA,OACtB,oBAAC,gBAAD;QAAkB,GAAG,EAAEA,KAAvB;QAA8B,KAAK,EAAEA,KAArC;QAA4C,WAAW,EAAET;MAAzD,GACGY,YAAY,CAACC,MAAD,CADf,CADsB;IAAA,CAAjB,CAAP;EAKD,CAND;;EAQA,OAAO,oBAAC,aAAD,QAAgBG,aAAa,EAA7B,CAAP;AACD,CAtCD;;AAwCA,eAAepB,OAAf"}
+{"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":[],"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,IAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AACjD,MAAA,IAAI,KAAS,IAAA,KAAA,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,0BACtB,KAAA,CAAA,aAAA,CAAA,aAAA,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,0BAC9B,KAAA,CAAA,aAAA,CAAA,gBAAA,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,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,IAAA,EAAA,aAAA,EAAgB,CAAA,CAAA;AACzC;;;;"}

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

@@ -1,21 +1,25 @@
-var _templateObject, _templateObject2, _templateObject3;
+import styled from '@emotion/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("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("div")`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: stretch;
+  box-sizing: border-box;
+  width: 100%;
+`;
+const StyledRowItem = styled("div")`
+  margin-top: ${({ theme, index, spacingTop = "nano" }) => index > 0 ? theme.spacing[spacingTop] : "initial"};
+`;
 
-import styled from '@emotion/styled';
-export var StyledColumnItem = styled('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"])), function (_ref) {
-  var theme = _ref.theme,
-      index = _ref.index,
-      _ref$spacingLeft = _ref.spacingLeft,
-      spacingLeft = _ref$spacingLeft === void 0 ? 'nano' : _ref$spacingLeft;
-  return index > 0 ? theme.spacing[spacingLeft] : 'initial';
-});
-export var StyledMasonry = styled('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"])));
-export var StyledRowItem = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), function (_ref2) {
-  var theme = _ref2.theme,
-      index = _ref2.index,
-      _ref2$spacingTop = _ref2.spacingTop,
-      spacingTop = _ref2$spacingTop === void 0 ? 'nano' : _ref2$spacingTop;
-  return index > 0 ? theme.spacing[spacingTop] : 'initial';
-});
-//# sourceMappingURL=styled.js.map
+export { StyledColumnItem, StyledMasonry, StyledRowItem };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledColumnItem","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,OAAOA,MAAP,MAAmB,iBAAnB;AAIA,OAAO,IAAMC,gBAAgB,GAAGD,MAAM,CAAC,KAAD,CAAT,+NASZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,IAAUC,KAAV,QAAUA,KAAV;EAAA,4BAAiBC,WAAjB;EAAA,IAAiBA,WAAjB,iCAA+B,MAA/B;EAAA,OACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAD5B;AAAA,CATY,CAAtB;AAaP,OAAO,IAAME,aAAa,GAAGN,MAAM,CAAC,KAAD,CAAT,qNAAnB;AASP,OAAO,IAAMO,aAAa,GAAGP,MAAM,CAAC,KAAD,CAAT,+FAGV;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,IAAUC,KAAV,SAAUA,KAAV;EAAA,6BAAiBK,UAAjB;EAAA,IAAiBA,UAAjB,iCAA8B,MAA9B;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":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,OAAO,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,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgB,OAAO,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/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js

@@ -1,39 +1,37 @@
 import React from 'react';
 import { Text } from '@tecsinapse/react-core';
-import { MenuItem } from "./MenuItem";
-import { StyledContainerItems, StyledContainerMenu, StyledLeftComponent } from "./styled";
-import { Masonry } from "../../Masonry";
+import MenuItem from './MenuItem/MenuItem.js';
+import { StyledContainerMenu, StyledLeftComponent, StyledContainerItems } from './styled.js';
+import Masonry from '../../Masonry/Masonry.js';
 
-var MenuBlock = function MenuBlock(_ref) {
-  var options = _ref.options,
-      toggle = _ref.toggle;
-  return React.createElement(Masonry, {
+const MenuBlock = ({ options, toggle }) => {
+  return /* @__PURE__ */ React.createElement(Masonry, {
     columns: 4,
     spacingTop: "kilo",
     spacingLeft: "mega"
-  }, options.map(function (data) {
-    return React.createElement(React.Fragment, {
-      key: "".concat(data.title)
-    }, React.createElement(StyledContainerMenu, null, data.leftComponents && React.createElement(StyledLeftComponent, null, data.leftComponents), React.createElement(Text, {
-      fontWeight: "bold"
-    }, data.title)), React.createElement(StyledContainerItems, null, data.items.map(function (_ref2) {
-      var title = _ref2.title,
-          Component = _ref2.Component,
-          props = _ref2.props,
-          rightComponents = _ref2.rightComponents,
-          items = _ref2.items;
-      return React.createElement(MenuItem, {
-        items: items,
-        key: title,
-        title: title,
-        Component: Component,
-        rightComponents: rightComponents,
-        props: props,
-        toggle: toggle
-      });
-    })));
-  }));
+  }, options.map((data) => /* @__PURE__ */ React.createElement(React.Fragment, {
+    key: `${data.title}`
+  }, /* @__PURE__ */ React.createElement(StyledContainerMenu, null, data.leftComponents && /* @__PURE__ */ React.createElement(StyledLeftComponent, null, data.leftComponents), /* @__PURE__ */ React.createElement(Text, {
+    fontWeight: "bold"
+  }, data.title)), /* @__PURE__ */ React.createElement(StyledContainerItems, null, data.items.map(
+    ({
+      title,
+      Component,
+      props,
+      rightComponents,
+      items
+    }) => /* @__PURE__ */ React.createElement(MenuItem, {
+      items,
+      key: title,
+      title,
+      Component,
+      rightComponents,
+      props,
+      toggle
+    })
+  )))));
 };
+var MenuBlock$1 = React.memo(MenuBlock);
 
-export default React.memo(MenuBlock);
-//# sourceMappingURL=MenuBlock.js.map
+export { MenuBlock$1 as default };
+//# sourceMappingURL=MenuBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBlock.js","names":["React","Text","MenuItem","StyledContainerItems","StyledContainerMenu","StyledLeftComponent","Masonry","MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,QAAT;AACA,SACEC,oBADF,EAEEC,mBAFF,EAGEC,mBAHF;AAMA,SAASC,OAAT;;AAOA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAAyB;EAAA,IAAtBC,OAAsB,QAAtBA,OAAsB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACnE,OACE,oBAAC,OAAD;IAAS,OAAO,EAAE,CAAlB;IAAqB,UAAU,EAAC,MAAhC;IAAuC,WAAW,EAAC;EAAnD,GACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,IAAI;IAAA,OACf,oBAAC,KAAD,CAAO,QAAP;MAAgB,GAAG,YAAKA,IAAI,CAACC,KAAV;IAAnB,GACE,oBAAC,mBAAD,QACGD,IAAI,CAACE,cAAL,IACC,oBAAC,mBAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,oBAAC,IAAD;MAAM,UAAU,EAAC;IAAjB,GAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,oBAAC,oBAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC;MAAA,IACEE,KADF,SACEA,KADF;MAAA,IAEEG,SAFF,SAEEA,SAFF;MAAA,IAGEC,KAHF,SAGEA,KAHF;MAAA,IAIEC,eAJF,SAIEA,eAJF;MAAA,IAKEH,KALF,SAKEA,KALF;MAAA,OAOE,oBAAC,QAAD;QACE,KAAK,EAAEA,KADT;QAEE,GAAG,EAAEF,KAFP;QAGE,KAAK,EAAEA,KAHT;QAIE,SAAS,EAAEG,SAJb;QAKE,eAAe,EAAEE,eALnB;QAME,KAAK,EAAED,KANT;QAOE,MAAM,EAAEP;MAPV,EAPF;IAAA,CADD,CADH,CAPF,CADe;EAAA,CAAhB,CADH,CADF;AAmCD,CApCD;;AAsCA,eAAeT,KAAK,CAACkB,IAAN,CAAWX,SAAX,CAAf"}
+{"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":[],"mappings":";;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,uBACG,KAAA,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,qBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,QAAN,EAAA;AAAA,IAAe,GAAA,EAAK,GAAG,IAAK,CAAA,KAAA,CAAA,CAAA;AAAA,GAC3B,kBAAA,KAAA,CAAA,aAAA,CAAC,2BACE,IAAK,CAAA,cAAA,wCACH,mBAAqB,EAAA,IAAA,EAAA,IAAA,CAAK,cAAe,CAAA,kBAE3C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAA,EAAQ,KAAK,KAAM,CACtC,mBACC,KAAA,CAAA,aAAA,CAAA,oBAAA,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,0BAEC,KAAA,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,kBAAe,KAAA,CAAM,KAAK,SAAS,CAAA;;;;"}

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

@@ -1,72 +1,60 @@
-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); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React from 'react';
-import { Icon, Text } from '@tecsinapse/react-core';
-import { SubMenuBlock } from "./SubMenuBlock";
-import { StyledRightComponent, StyledText } from "../styled";
-import { StyledContainerItemText, StyledSubButton } from "./styled";
-
-var MenuItem = function MenuItem(_ref) {
-  var title = _ref.title,
-      _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'a' : _ref$Component,
-      _ref$props = _ref.props,
-      props = _ref$props === void 0 ? {} : _ref$props,
-      rightComponents = _ref.rightComponents,
-      items = _ref.items,
-      toggle = _ref.toggle;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      open = _React$useState2[0],
-      setOpen = _React$useState2[1];
-
-  var noTextDecoration = {
-    textDecoration: 'none'
-  };
-
-  var getIconName = function getIconName() {
-    return open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';
-  };
-
-  var handleMenuAction = function handleMenuAction() {
-    return setOpen(!open);
-  };
-
-  return React.createElement(React.Fragment, null, React.createElement(StyledContainerItemText, {
+import { Text, Icon } from '@tecsinapse/react-core';
+import SubMenuBlock from './SubMenuBlock/SubMenuBlock.js';
+import { StyledText, StyledRightComponent } from '../styled.js';
+import { StyledContainerItemText, StyledSubButton } from './styled.js';
+
+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.useState(false);
+  const noTextDecoration = { textDecoration: "none" };
+  const getIconName = () => open ? "arrow-up-drop-circle-outline" : "arrow-down-drop-circle-outline";
+  const handleMenuAction = () => setOpen(!open);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StyledContainerItemText, {
     key: title
-  }, React.createElement(Component, _extends({}, props, {
+  }, /* @__PURE__ */ React.createElement(Component, __spreadProps(__spreadValues({}, props), {
     style: noTextDecoration,
     onClick: toggle
-  }), React.createElement(Text, {
-    colorVariant: open ? 'primary' : 'secondary',
-    colorTone: open ? 'medium' : 'dark'
-  }, React.createElement(StyledText, null, title))), rightComponents && !items && React.createElement(StyledRightComponent, null, rightComponents), items && React.createElement(StyledSubButton, {
+  }), /* @__PURE__ */ React.createElement(Text, {
+    colorVariant: open ? "primary" : "secondary",
+    colorTone: open ? "medium" : "dark"
+  }, /* @__PURE__ */ React.createElement(StyledText, null, title))), rightComponents && !items && /* @__PURE__ */ React.createElement(StyledRightComponent, null, rightComponents), items && /* @__PURE__ */ React.createElement(StyledSubButton, {
     onClick: handleMenuAction
-  }, React.createElement(Icon, {
+  }, /* @__PURE__ */ React.createElement(Icon, {
     name: getIconName(),
     type: "material-community",
     fontColor: "orange"
-  }))), open && (items === null || items === void 0 ? void 0 : items.map(function (subItem) {
-    return React.createElement(SubMenuBlock, {
-      key: subItem.title,
-      data: subItem,
-      toggle: toggle
-    });
-  })));
+  }))), open && (items == null ? void 0 : items.map((subItem) => /* @__PURE__ */ React.createElement(SubMenuBlock, {
+    key: subItem.title,
+    data: subItem,
+    toggle
+  }))));
 };
 
-export default MenuItem;
-//# sourceMappingURL=MenuItem.js.map
+export { MenuItem as default };
+//# sourceMappingURL=MenuItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","Icon","Text","SubMenuBlock","StyledRightComponent","StyledText","StyledContainerItemText","StyledSubButton","MenuItem","title","Component","props","rightComponents","items","toggle","useState","open","setOpen","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,OAAOA,KAAP,MAAmC,OAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,UAA/B;AACA,SAASC,uBAAT,EAAkCC,eAAlC;;AAcA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAOpC;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,0BALJC,SAKI;EAAA,IALJA,SAKI,+BALQ,GAKR;EAAA,sBAJJC,KAII;EAAA,IAJJA,KAII,2BAJI,EAIJ;EAAA,IAHJC,eAGI,QAHJA,eAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADJC,MACI,QADJA,MACI;;EACJ,sBAAwBd,KAAK,CAACe,QAAN,CAAwB,KAAxB,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAClBJ,IAAI,GAAG,8BAAH,GAAoC,gCADtB;EAAA,CAApB;;EAGA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB;IAAA,OAAMJ,OAAO,CAAC,CAACD,IAAF,CAAb;EAAA,CAAzB;;EAEA,OACE,0CACE,oBAAC,uBAAD;IAAyB,GAAG,EAAEP;EAA9B,GACE,oBAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEO,gBAA7B;IAA+C,OAAO,EAAEJ;EAAxD,IACE,oBAAC,IAAD;IACE,YAAY,EAAEE,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,oBAAC,UAAD,QAAaP,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,oBAAC,oBAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,oBAAC,eAAD;IAAiB,OAAO,EAAEQ;EAA1B,GACE,oBAAC,IAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGJ,IAAI,KACHH,KADG,aACHA,KADG,uBACHA,KAAK,CAAES,GAAP,CAAW,UAAAC,OAAO;IAAA,OAChB,oBAAC,YAAD;MAAc,GAAG,EAAEA,OAAO,CAACd,KAA3B;MAAkC,IAAI,EAAEc,OAAxC;MAAiD,MAAM,EAAET;IAAzD,EADgB;EAAA,CAAlB,CADG,CAvBP,CADF;AA8BD,CA/CD;;AAiDA,eAAeN,QAAf"}
+{"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":[],"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,GAAA,KAAA,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,iFAEK,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA;AAAA,IAAwB,GAAK,EAAA,KAAA;AAAA,GAC5B,kBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,YAAA,EAAc,OAAO,SAAY,GAAA,WAAA;AAAA,IACjC,SAAA,EAAW,OAAO,QAAW,GAAA,MAAA;AAAA,GAAA,kBAE5B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAY,KAAM,CACrB,CACF,CACC,EAAA,eAAA,IAAmB,CAAC,KAAA,oBAClB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EAAsB,eAAgB,CAAA,EAExC,yBACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IAAgB,OAAS,EAAA,gBAAA;AAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,IAAA,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,6BACR,KAAA,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;;;;"}