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

package/esm/components/molecules/Grid/Item/Item.js

@@ -1,87 +1,109 @@
-var _excluded = ["children", "span", "columns", "loadingComponent", "loading", "spacing", "wrapper", "alignContent", "alignItems", "alignSelf", "flex", "flexDirection", "flexGrow", "flexShrink", "justifyContent", "flexBasis", "style"];
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 React from 'react';
 import { useTheme, getGridItemColumSpan, getGridItemPadding } from '@tecsinapse/react-core';
-import { useBreakpoints } from '@tecsinapse/react-web-kit';
-import { getSpan } from "./functions";
-
-var GridItem = function GridItem(_ref) {
-  var children = _ref.children,
-      _span = _ref.span,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? 12 : _ref$columns,
-      loadingComponent = _ref.loadingComponent,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _spacing = _ref.spacing,
-      _ref$wrapper = _ref.wrapper,
-      wrapper = _ref$wrapper === void 0 ? false : _ref$wrapper,
-      alignContent = _ref.alignContent,
-      alignItems = _ref.alignItems,
-      alignSelf = _ref.alignSelf,
-      flex = _ref.flex,
-      flexDirection = _ref.flexDirection,
-      flexGrow = _ref.flexGrow,
-      flexShrink = _ref.flexShrink,
-      justifyContent = _ref.justifyContent,
-      flexBasis = _ref.flexBasis,
-      style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useTheme = useTheme(),
-      spacing = _useTheme.spacing;
-
-  var _useBreakpoints = useBreakpoints(),
-      sm = _useBreakpoints.sm,
-      md = _useBreakpoints.md,
-      lg = _useBreakpoints.lg;
-
+import { useBreakpoints } from '../../../../hooks/useBreakpoints.js';
+import { getSpan } from './functions.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));
+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 GridItem = (_a) => {
+  var _b = _a, {
+    children,
+    span: _span,
+    columns = 12,
+    loadingComponent,
+    loading = false,
+    spacing: _spacing,
+    wrapper = false,
+    alignContent,
+    alignItems,
+    alignSelf,
+    flex,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    flexBasis,
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "span",
+    "columns",
+    "loadingComponent",
+    "loading",
+    "spacing",
+    "wrapper",
+    "alignContent",
+    "alignItems",
+    "alignSelf",
+    "flex",
+    "flexDirection",
+    "flexGrow",
+    "flexShrink",
+    "justifyContent",
+    "flexBasis",
+    "style"
+  ]);
+  const { spacing } = useTheme();
+  const { sm, md, lg } = useBreakpoints();
   if (!React.Children.only(children)) {
-    throw new Error('The number of children in GridItem should be one');
+    throw new Error("The number of children in GridItem should be one");
   }
-
   if (loadingComponent && loading) {
     return loadingComponent;
   }
-
-  var span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);
-
-  var _style = _objectSpread(_objectSpread({}, style), {}, {
-    alignContent: alignContent,
-    alignItems: alignItems,
-    alignSelf: alignSelf,
-    flexDirection: flexDirection,
-    flexGrow: flexGrow,
-    flexShrink: flexShrink,
-    justifyContent: justifyContent,
-    flex: flex,
-    boxSizing: 'border-box',
-    flexBasis: flexBasis !== null && flexBasis !== void 0 ? flexBasis : "".concat(getGridItemColumSpan(columns, span), "%"),
-    paddingTop: getGridItemPadding('top', _spacing, spacing),
-    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),
-    paddingRight: getGridItemPadding('right', _spacing, spacing),
-    paddingLeft: getGridItemPadding('left', _spacing, spacing)
+  const span = typeof _span === "number" ? _span : getSpan(_span, sm, md, lg);
+  const _style = __spreadProps(__spreadValues({}, style), {
+    alignContent,
+    alignItems,
+    alignSelf,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    flex,
+    boxSizing: "border-box",
+    flexBasis: flexBasis != null ? flexBasis : `${getGridItemColumSpan(columns, span)}%`,
+    paddingTop: getGridItemPadding("top", _spacing, spacing),
+    paddingBottom: getGridItemPadding("bottom", _spacing, spacing),
+    paddingRight: getGridItemPadding("right", _spacing, spacing),
+    paddingLeft: getGridItemPadding("left", _spacing, spacing)
   });
-
-  var clone = React.cloneElement(children, _objectSpread(_objectSpread({}, children === null || children === void 0 ? void 0 : children.props), {}, {
-    style: wrapper ? children === null || children === void 0 ? void 0 : children.props.style : _objectSpread(_objectSpread({}, _style), children === null || children === void 0 ? void 0 : children.props.style)
+  const clone = React.cloneElement(children, __spreadProps(__spreadValues({}, children == null ? void 0 : children.props), {
+    style: wrapper ? children == null ? void 0 : children.props.style : __spreadValues(__spreadValues({}, _style), children == null ? void 0 : children.props.style)
   }));
-  return wrapper ? React.createElement("div", _extends({}, rest, {
+  return wrapper ? /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), {
     style: _style
   }), clone) : clone;
 };
 
-export default GridItem;
-//# sourceMappingURL=Item.js.map
+export { GridItem as default };
+//# sourceMappingURL=Item.js.map

package/esm/components/molecules/Grid/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["React","useTheme","getGridItemColumSpan","getGridItemPadding","useBreakpoints","getSpan","GridItem","children","_span","span","columns","loadingComponent","loading","_spacing","spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","sm","md","lg","Children","only","Error","_style","boxSizing","paddingTop","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '@tecsinapse/react-web-kit';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":[],"mappings":"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"}

package/esm/components/molecules/Grid/Item/functions.js

@@ -1,10 +1,15 @@
-export var getSpan = function getSpan(value, sm, md, lg) {
-  var _value$md, _ref, _value$lg;
-
-  if (!value) return 0;
-  if (sm) return value.sm;
-  if (md) return (_value$md = value === null || value === void 0 ? void 0 : value.md) !== null && _value$md !== void 0 ? _value$md : value.sm;
-  if (lg) return (_ref = (_value$lg = value === null || value === void 0 ? void 0 : value.lg) !== null && _value$lg !== void 0 ? _value$lg : value === null || value === void 0 ? void 0 : value.md) !== null && _ref !== void 0 ? _ref : value.sm;
+const getSpan = (value, sm, md, lg) => {
+  var _a, _b, _c;
+  if (!value)
+    return 0;
+  if (sm)
+    return value.sm;
+  if (md)
+    return (_a = value == null ? void 0 : value.md) != null ? _a : value.sm;
+  if (lg)
+    return (_c = (_b = value == null ? void 0 : value.lg) != null ? _b : value == null ? void 0 : value.md) != null ? _c : value.sm;
   return 0;
 };
-//# sourceMappingURL=functions.js.map
+
+export { getSpan };
+//# sourceMappingURL=functions.js.map

package/esm/components/molecules/Grid/Item/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["getSpan","value","sm","md","lg"],"sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (!value) return 0;\n  if (sm) return value.sm;\n  if (md) return value?.md ?? value.sm;\n  if (lg) return value?.lg ?? value?.md ?? value.sm;\n  return 0;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,EAKV;EAAA;;EACX,IAAI,CAACH,KAAL,EAAY,OAAO,CAAP;EACZ,IAAIC,EAAJ,EAAQ,OAAOD,KAAK,CAACC,EAAb;EACR,IAAIC,EAAJ,EAAQ,oBAAOF,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEE,EAAd,iDAAoBF,KAAK,CAACC,EAA1B;EACR,IAAIE,EAAJ,EAAQ,4BAAOH,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEG,EAAd,iDAAoBH,KAApB,aAAoBA,KAApB,uBAAoBA,KAAK,CAAEE,EAA3B,uCAAiCF,KAAK,CAACC,EAAvC;EACR,OAAO,CAAP;AACD,CAXM"}
+{"version":3,"file":"functions.js","sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (!value) return 0;\n  if (sm) return value.sm;\n  if (md) return value?.md ?? value.sm;\n  if (lg) return value?.lg ?? value?.md ?? value.sm;\n  return 0;\n};\n"],"names":[],"mappings":"AAEO,MAAM,OAAU,GAAA,CACrB,KACA,EAAA,EAAA,EACA,IACA,EACW,KAAA;AAPb,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAQE,EAAA,IAAI,CAAC,KAAA;AAAO,IAAO,OAAA,CAAA,CAAA;AACnB,EAAI,IAAA,EAAA;AAAI,IAAA,OAAO,KAAM,CAAA,EAAA,CAAA;AACrB,EAAI,IAAA,EAAA;AAAI,IAAO,OAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,EAAP,KAAA,IAAA,GAAA,EAAA,GAAa,KAAM,CAAA,EAAA,CAAA;AAClC,EAAI,IAAA,EAAA;AAAI,IAAA,OAAA,CAAO,0CAAO,EAAP,KAAA,IAAA,GAAA,EAAA,GAAa,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,EAAA,KAApB,YAA0B,KAAM,CAAA,EAAA,CAAA;AAC/C,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}

package/esm/components/molecules/IconTextButton/IconTextButton.js

@@ -1,50 +1,34 @@
-var _excluded = ["iconProps", "iconPosition", "textProps", "label", "variant", "size"];
-
 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 { IconComponent } from '@tecsinapse/react-core';
 import React from 'react';
 import useIconTextButton from "./hooks/useIconTextButton";
 import { StyledIconTextButton } from "./styled";
 import TextComponent from "./TextComponent";
 
-var IconTextButton = function IconTextButton(_ref) {
-  var iconProps = _ref.iconProps,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
-      textProps = _ref.textProps,
-      label = _ref.label,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useIconTextButton = useIconTextButton(variant),
-      handleHover = _useIconTextButton.handleHover,
-      handlePressed = _useIconTextButton.handlePressed,
-      defaultFontColor = _useIconTextButton.defaultFontColor;
-
+const IconTextButton = _ref => {
+  let {
+    iconProps,
+    iconPosition = 'left',
+    textProps,
+    label,
+    variant = 'filled',
+    size = 'default',
+    ...rest
+  } = _ref;
+  const {
+    handleHover,
+    handlePressed,
+    defaultFontColor
+  } = useIconTextButton(variant);
   return React.createElement(StyledIconTextButton, _extends({
     boxed: !label,
     variant: variant,
     size: size,
-    onMouseOut: function onMouseOut() {
-      return handleHover(true);
-    },
-    onMouseOver: function onMouseOver() {
-      return handleHover(false);
-    },
-    onPressIn: function onPressIn() {
-      return handlePressed(true);
-    },
-    onPressOut: function onPressOut() {
-      return handlePressed(false);
-    }
+    onMouseOut: () => handleHover(true),
+    onMouseOver: () => handleHover(false),
+    onPressIn: () => handlePressed(true),
+    onPressOut: () => handlePressed(false)
   }, rest), iconPosition === 'left' ? React.createElement(IconComponent, {
     iconProps: iconProps,
     size: size,

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

@@ -1 +1 @@
-{"version":3,"file":"IconTextButton.js","names":["IconComponent","React","useIconTextButton","StyledIconTextButton","TextComponent","IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n  Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}): JSX.Element => {\n  const { handleHover, handlePressed, defaultFontColor } =\n    useIconTextButton(variant);\n\n  return (\n    <StyledIconTextButton\n      boxed={!label}\n      variant={variant}\n      size={size}\n      onMouseOut={() => handleHover(true)}\n      onMouseOver={() => handleHover(false)}\n      onPressIn={() => handlePressed(true)}\n      onPressOut={() => handlePressed(false)}\n      {...rest}\n    >\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={defaultFontColor}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;;;;;;;AAAA,SAASA,aAAT,QAAmD,wBAAnD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,iBAAP;AACA,SAASC,oBAAT;AACA,OAAOC,aAAP;;AAKA,IAAMC,cAAgD,GAAG,SAAnDA,cAAmD,OAQtC;EAAA,IAPjBC,SAOiB,QAPjBA,SAOiB;EAAA,6BANjBC,YAMiB;EAAA,IANjBA,YAMiB,kCANF,MAME;EAAA,IALjBC,SAKiB,QALjBA,SAKiB;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,wBAHjBC,OAGiB;EAAA,IAHjBA,OAGiB,6BAHP,QAGO;EAAA,qBAFjBC,IAEiB;EAAA,IAFjBA,IAEiB,0BAFV,SAEU;EAAA,IADdC,IACc;;EACjB,yBACEV,iBAAiB,CAACQ,OAAD,CADnB;EAAA,IAAQG,WAAR,sBAAQA,WAAR;EAAA,IAAqBC,aAArB,sBAAqBA,aAArB;EAAA,IAAoCC,gBAApC,sBAAoCA,gBAApC;;EAGA,OACE,oBAAC,oBAAD;IACE,KAAK,EAAE,CAACN,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE;MAAA,OAAME,WAAW,CAAC,IAAD,CAAjB;IAAA,CAJd;IAKE,WAAW,EAAE;MAAA,OAAMA,WAAW,CAAC,KAAD,CAAjB;IAAA,CALf;IAME,SAAS,EAAE;MAAA,OAAMC,aAAa,CAAC,IAAD,CAAnB;IAAA,CANb;IAOE,UAAU,EAAE;MAAA,OAAMA,aAAa,CAAC,KAAD,CAAnB;IAAA;EAPd,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAjBJ,EAmBE,oBAAC,aAAD;IACE,KAAK,EAAEN,KADT;IAEE,gBAAgB,EAAEM,gBAFpB;IAGE,OAAO,EAAE,CAAC,CAACT,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAnBF,EA2BGJ,YAAY,KAAK,OAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAlCJ,CADF;AAuCD,CAnDD;;AAqDA,eAAeV,cAAf"}
+{"version":3,"file":"IconTextButton.js","names":["IconComponent","React","useIconTextButton","StyledIconTextButton","TextComponent","IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n  Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}): JSX.Element => {\n  const { handleHover, handlePressed, defaultFontColor } =\n    useIconTextButton(variant);\n\n  return (\n    <StyledIconTextButton\n      boxed={!label}\n      variant={variant}\n      size={size}\n      onMouseOut={() => handleHover(true)}\n      onMouseOver={() => handleHover(false)}\n      onPressIn={() => handlePressed(true)}\n      onPressOut={() => handlePressed(false)}\n      {...rest}\n    >\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={defaultFontColor}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;AAAA,SAASA,aAAT,QAAmD,wBAAnD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,iBAAP;AACA,SAASC,oBAAT;AACA,OAAOC,aAAP;;AAKA,MAAMC,cAAgD,GAAG,QAQtC;EAAA,IARuC;IACxDC,SADwD;IAExDC,YAAY,GAAG,MAFyC;IAGxDC,SAHwD;IAIxDC,KAJwD;IAKxDC,OAAO,GAAG,QAL8C;IAMxDC,IAAI,GAAG,SANiD;IAOxD,GAAGC;EAPqD,CAQvC;EACjB,MAAM;IAAEC,WAAF;IAAeC,aAAf;IAA8BC;EAA9B,IACJb,iBAAiB,CAACQ,OAAD,CADnB;EAGA,OACE,oBAAC,oBAAD;IACE,KAAK,EAAE,CAACD,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE,MAAME,WAAW,CAAC,IAAD,CAJ/B;IAKE,WAAW,EAAE,MAAMA,WAAW,CAAC,KAAD,CALhC;IAME,SAAS,EAAE,MAAMC,aAAa,CAAC,IAAD,CANhC;IAOE,UAAU,EAAE,MAAMA,aAAa,CAAC,KAAD;EAPjC,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAjBJ,EAmBE,oBAAC,aAAD;IACE,KAAK,EAAEN,KADT;IAEE,gBAAgB,EAAEM,gBAFpB;IAGE,OAAO,EAAE,CAAC,CAACT,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAnBF,EA2BGJ,YAAY,KAAK,OAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAlCJ,CADF;AAuCD,CAnDD;;AAqDA,eAAeV,cAAf"}

package/esm/components/molecules/IconTextButton/TextComponent.js

@@ -3,14 +3,15 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { Text } from '@tecsinapse/react-core';
 import React from 'react';
 
-var TextComponent = function TextComponent(_ref) {
+const TextComponent = _ref => {
   var _textProps$typography, _textProps$fontWeight, _textProps$fontColor;
 
-  var textProps = _ref.textProps,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      defaultFontColor = _ref.defaultFontColor,
-      label = _ref.label;
+  let {
+    textProps,
+    size = 'default',
+    defaultFontColor,
+    label
+  } = _ref;
   return label ? React.createElement(Text, _extends({
     typography: ((_textProps$typography = textProps === null || textProps === void 0 ? void 0 : textProps.typography) !== null && _textProps$typography !== void 0 ? _textProps$typography : size === 'small') ? 'sub' : 'base',
     fontWeight: (_textProps$fontWeight = textProps === null || textProps === void 0 ? void 0 : textProps.fontWeight) !== null && _textProps$fontWeight !== void 0 ? _textProps$fontWeight : 'bold',

package/esm/components/molecules/IconTextButton/TextComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.js","names":["Text","React","TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;AAAA,SAIEA,IAJF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;;AAWA,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAKxC;EAAA;;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,SAGH;EAAA,IAFJC,gBAEI,QAFJA,gBAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,OAAOA,KAAK,GACV,oBAAC,IAAD;IACE,UAAU,EAAE,0BAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEI,UAAX,yEAAyBH,IAAI,KAAK,OAAlC,IAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,2BAAED,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEK,UAAb,yEAA2B,MAFvC;IAGE,SAAS,0BAAEL,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEM,SAAb,uEAA0BJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,yCAVF;AAYD,CAlBD;;AAoBA,eAAeL,KAAK,CAACS,IAAN,CAAWR,aAAX,CAAf"}
+{"version":3,"file":"TextComponent.js","names":["Text","React","TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;AAAA,SAIEA,IAJF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;;AAWA,MAAMC,aAAqC,GAAG,QAKxC;EAAA;;EAAA,IALyC;IAC7CC,SAD6C;IAE7CC,IAAI,GAAG,SAFsC;IAG7CC,gBAH6C;IAI7CC;EAJ6C,CAKzC;EACJ,OAAOA,KAAK,GACV,oBAAC,IAAD;IACE,UAAU,EAAE,0BAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEI,UAAX,yEAAyBH,IAAI,KAAK,OAAlC,IAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,2BAAED,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEK,UAAb,yEAA2B,MAFvC;IAGE,SAAS,0BAAEL,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEM,SAAb,uEAA0BJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,yCAVF;AAYD,CAlBD;;AAoBA,eAAeL,KAAK,CAACS,IAAN,CAAWR,aAAX,CAAf"}

package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js

@@ -1,40 +1,20 @@
-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 { fontColorVC } from '@tecsinapse/react-core';
 import { useCallback, useState } from 'react';
 
-var useIconTextButton = function useIconTextButton(variant) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hover = _useState2[0],
-      setHover = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      pressed = _useState4[0],
-      setPressed = _useState4[1];
-
-  var defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];
-  var handleHover = useCallback(function (value) {
+const useIconTextButton = variant => {
+  const [hover, setHover] = useState(false);
+  const [pressed, setPressed] = useState(false);
+  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];
+  const handleHover = useCallback(value => {
     setHover(value);
   }, [setHover]);
-  var handlePressed = useCallback(function (value) {
+  const handlePressed = useCallback(value => {
     setPressed(value);
   }, [setPressed]);
   return {
-    handleHover: handleHover,
-    handlePressed: handlePressed,
-    defaultFontColor: defaultFontColor
+    handleHover,
+    handlePressed,
+    defaultFontColor
   };
 };
 

package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIconTextButton.js","names":["fontColorVC","useCallback","useState","useIconTextButton","variant","hover","setHover","pressed","setPressed","defaultFontColor","handleHover","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,WAAT,QAAyC,wBAAzC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD,EAA0B;EAClD,gBAA0BF,QAAQ,CAAU,KAAV,CAAlC;EAAA;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,gBAAgB,GAAG,CAACF,OAAD,IAAYF,KAAZ,GAAoB,OAApB,GAA8BL,WAAW,CAACI,OAAD,CAAlE;EAEA,IAAMM,WAAW,GAAGT,WAAW,CAC7B,UAACU,KAAD,EAAoB;IAClBL,QAAQ,CAACK,KAAD,CAAR;EACD,CAH4B,EAI7B,CAACL,QAAD,CAJ6B,CAA/B;EAOA,IAAMM,aAAa,GAAGX,WAAW,CAC/B,UAACU,KAAD,EAAoB;IAClBH,UAAU,CAACG,KAAD,CAAV;EACD,CAH8B,EAI/B,CAACH,UAAD,CAJ+B,CAAjC;EAOA,OAAO;IACLE,WAAW,EAAXA,WADK;IAELE,aAAa,EAAbA,aAFK;IAGLH,gBAAgB,EAAhBA;EAHK,CAAP;AAKD,CAzBD;;AA2BA,eAAeN,iBAAf"}
+{"version":3,"file":"useIconTextButton.js","names":["fontColorVC","useCallback","useState","useIconTextButton","variant","hover","setHover","pressed","setPressed","defaultFontColor","handleHover","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":"AAAA,SAASA,WAAT,QAAyC,wBAAzC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;;AAEA,MAAMC,iBAAiB,GAAIC,OAAD,IAA0B;EAClD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBJ,QAAQ,CAAU,KAAV,CAAlC;EACA,MAAM,CAACK,OAAD,EAAUC,UAAV,IAAwBN,QAAQ,CAAU,KAAV,CAAtC;EAEA,MAAMO,gBAAgB,GAAG,CAACF,OAAD,IAAYF,KAAZ,GAAoB,OAApB,GAA8BL,WAAW,CAACI,OAAD,CAAlE;EAEA,MAAMM,WAAW,GAAGT,WAAW,CAC5BU,KAAD,IAAoB;IAClBL,QAAQ,CAACK,KAAD,CAAR;EACD,CAH4B,EAI7B,CAACL,QAAD,CAJ6B,CAA/B;EAOA,MAAMM,aAAa,GAAGX,WAAW,CAC9BU,KAAD,IAAoB;IAClBH,UAAU,CAACG,KAAD,CAAV;EACD,CAH8B,EAI/B,CAACH,UAAD,CAJ+B,CAAjC;EAOA,OAAO;IACLE,WADK;IAELE,aAFK;IAGLH;EAHK,CAAP;AAKD,CAzBD;;AA2BA,eAAeN,iBAAf"}

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

@@ -5,19 +5,25 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import styled from '@emotion/native';
 import { Button } from "../../atoms/Button";
 
-var boxedStyle = function boxedStyle(_ref) {
-  var theme = _ref.theme;
+const boxedStyle = _ref => {
+  let {
+    theme
+  } = _ref;
   return "\n    padding: ".concat(theme === null || theme === void 0 ? void 0 : theme.spacing.centi, ";\n    aspect-ratio: 1;\n  ");
 };
 
-export var StyledIconTextButton = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: ", ";\n  ", ";\n"])), function (_ref2) {
-  var theme = _ref2.theme;
+export const StyledIconTextButton = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: ", ";\n  ", ";\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme === null || theme === void 0 ? void 0 : theme.spacing.mili;
-}, function (_ref3) {
-  var boxed = _ref3.boxed,
-      theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    boxed,
+    theme
+  } = _ref3;
   return boxed && boxedStyle({
-    theme: theme
+    theme
   });
 });
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Button","boxedStyle","theme","spacing","centi","StyledIconTextButton","mili","boxed"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,MAAT;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,gCAEJA,KAFI,aAEJA,KAFI,uBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMA,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAACC,MAAD,CAAT,+FAKxB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeG,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,IAAUL,KAAV,SAAUA,KAAV;EAAA,OAAsBK,KAAK,IAAIN,UAAU,CAAC;IAAEC,KAAK,EAALA;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}
+{"version":3,"file":"styled.js","names":["styled","Button","boxedStyle","theme","spacing","centi","StyledIconTextButton","mili","boxed"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,MAAT;;AAEA,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,gCAEJA,KAFI,aAEJA,KAFI,uBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMA,OAAO,MAAMC,oBAAoB,GAAGN,MAAM,CAACC,MAAD,CAAT,+FAKxB;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeG,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAC;IAAEC,KAAF;IAASL;EAAT,CAAD;EAAA,OAAsBK,KAAK,IAAIN,UAAU,CAAC;IAAEC;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}

package/esm/components/molecules/InputPassword/InputPassword.js

@@ -1,45 +1,54 @@
-var _excluded = ["rightComponent"];
-
-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; }
-
-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 { InputPasswordIcon } from '@tecsinapse/react-core';
 import React, { useState } from 'react';
-import { Input } from "../../atoms/Input";
-var InputPassword = React.forwardRef(function (_ref, ref) {
-  var rightComponent = _ref.rightComponent,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      revealed = _useState2[0],
-      setRevealed = _useState2[1];
-
-  return React.createElement(Input, _extends({}, rest, {
-    ref: ref,
-    secureTextEntry: !revealed,
-    rightComponent: React.createElement(React.Fragment, null, React.createElement(InputPasswordIcon, {
-      onChangeState: setRevealed,
-      revealed: revealed,
-      effect: "none"
-    }), rightComponent)
-  }));
-});
-InputPassword.displayName = 'InputPassword';
-export default InputPassword;
-//# sourceMappingURL=InputPassword.js.map
+import Input from '../../atoms/Input/Input.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));
+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 InputPassword = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { rightComponent } = _b, rest = __objRest(_b, ["rightComponent"]);
+    const [revealed, setRevealed] = useState(false);
+    return /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues({}, rest), {
+      ref,
+      secureTextEntry: !revealed,
+      rightComponent: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InputPasswordIcon, {
+        onChangeState: setRevealed,
+        revealed,
+        effect: "none"
+      }), rightComponent)
+    }));
+  }
+);
+InputPassword.displayName = "InputPassword";
+
+export { InputPassword as default };
+//# sourceMappingURL=InputPassword.js.map