@tecsinapse/react-web-kit 1.18.7 → 1.19.0

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const TextComponent = ({
+  textProps,
+  size = 'default',
+  defaultFontColor,
+  label
+}) => {
+  return label ? _react.default.createElement(_reactCore.Text, _extends({
+    typography: (textProps === null || textProps === void 0 ? void 0 : textProps.typography) ?? size === 'small' ? 'sub' : 'base',
+    fontWeight: (textProps === null || textProps === void 0 ? void 0 : textProps.fontWeight) ?? 'bold',
+    fontColor: (textProps === null || textProps === void 0 ? void 0 : textProps.fontColor) ?? defaultFontColor
+  }, textProps), label) : _react.default.createElement(_react.default.Fragment, null);
+};
+
+var _default = _react.default.memo(TextComponent);
+
+exports.default = _default;
+//# sourceMappingURL=TextComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"names":["TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","React","memo"],"mappings":";;;;;;;AAAA;;AAOA;;;;;;AAWA,MAAMA,aAAqC,GAAG,CAAC;AAC7CC,EAAAA,SAD6C;AAE7CC,EAAAA,IAAI,GAAG,SAFsC;AAG7CC,EAAAA,gBAH6C;AAI7CC,EAAAA;AAJ6C,CAAD,KAKxC;AACJ,SAAOA,KAAK,GACV,6BAAC,eAAD;AACE,IAAA,UAAU,EAAE,CAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEI,UAAX,KAAyBH,IAAI,KAAK,OAAlC,GAA4C,KAA5C,GAAoD,MADlE;AAEE,IAAA,UAAU,EAAE,CAAAD,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEK,UAAX,KAAyB,MAFvC;AAGE,IAAA,SAAS,EAAE,CAAAL,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEM,SAAX,KAAwBJ;AAHrC,KAIMF,SAJN,GAMGG,KANH,CADU,GAUV,2DAVF;AAYD,CAlBD;;eAoBeI,eAAMC,IAAN,CAAWT,aAAX,C","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"],"file":"TextComponent.js"}

package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts

@@ -0,0 +1,6 @@
+declare const useIconTextButton: (variant: any) => {
+    handleHover: (value: boolean) => void;
+    handlePressed: (value: boolean) => void;
+    defaultFontColor: any;
+};
+export default useIconTextButton;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = require("react");
+
+const useIconTextButton = variant => {
+  const [hover, setHover] = (0, _react.useState)(false);
+  const [pressed, setPressed] = (0, _react.useState)(false);
+  const defaultFontColor = !pressed && hover ? 'light' : _reactCore.fontColorVC[variant];
+  const handleHover = (0, _react.useCallback)(value => {
+    setHover(value);
+  }, [setHover]);
+  const handlePressed = (0, _react.useCallback)(value => {
+    setPressed(value);
+  }, [setPressed]);
+  return {
+    handleHover,
+    handlePressed,
+    defaultFontColor
+  };
+};
+
+var _default = useIconTextButton;
+exports.default = _default;
+//# sourceMappingURL=useIconTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"names":["useIconTextButton","variant","hover","setHover","pressed","setPressed","defaultFontColor","fontColorVC","handleHover","value","handlePressed"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,MAAMA,iBAAiB,GAAIC,OAAD,IAA0B;AAClD,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAkB,KAAlB,CAA1B;AACA,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,qBAAkB,KAAlB,CAA9B;AAEA,QAAMC,gBAAgB,GAAG,CAACF,OAAD,IAAYF,KAAZ,GAAoB,OAApB,GAA8BK,uBAAYN,OAAZ,CAAvD;AAEA,QAAMO,WAAW,GAAG,wBACjBC,KAAD,IAAoB;AAClBN,IAAAA,QAAQ,CAACM,KAAD,CAAR;AACD,GAHiB,EAIlB,CAACN,QAAD,CAJkB,CAApB;AAOA,QAAMO,aAAa,GAAG,wBACnBD,KAAD,IAAoB;AAClBJ,IAAAA,UAAU,CAACI,KAAD,CAAV;AACD,GAHmB,EAIpB,CAACJ,UAAD,CAJoB,CAAtB;AAOA,SAAO;AACLG,IAAAA,WADK;AAELE,IAAAA,aAFK;AAGLJ,IAAAA;AAHK,GAAP;AAKD,CAzBD;;eA2BeN,iB","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"],"file":"useIconTextButton.js"}

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

@@ -0,0 +1 @@
+export { default as IconTextButton, WebIconTextButtonProps, } from './IconTextButton';

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IconTextButton", {
+  enumerable: true,
+  get: function () {
+    return _IconTextButton.default;
+  }
+});
+Object.defineProperty(exports, "WebIconTextButtonProps", {
+  enumerable: true,
+  get: function () {
+    return _IconTextButton.WebIconTextButtonProps;
+  }
+});
+
+var _IconTextButton = _interopRequireWildcard(require("./IconTextButton"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export {\n  default as IconTextButton,\n  WebIconTextButtonProps,\n} from './IconTextButton';\n"],"file":"index.js"}

package/dist/components/molecules/IconTextButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledIconTextButton = void 0;
+
+var _native = _interopRequireDefault(require("@emotion/native"));
+
+var _Button = require("../../atoms/Button");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const boxedStyle = ({
+  theme
+}) => `
+    padding: ${theme === null || theme === void 0 ? void 0 : theme.spacing.centi};
+    aspect-ratio: 1;
+  `;
+
+const StyledIconTextButton = (0, _native.default)(_Button.Button)`
+  gap: ${({
+  theme
+}) => theme === null || theme === void 0 ? void 0 : theme.spacing.mili};
+  ${({
+  boxed,
+  theme
+}) => boxed && boxedStyle({
+  theme
+})};
+`;
+exports.StyledIconTextButton = StyledIconTextButton;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"names":["boxedStyle","theme","spacing","centi","StyledIconTextButton","Button","mili","boxed"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAChB;AACH,eAAeA,KADb,aACaA,KADb,uBACaA,KAAK,CAAEC,OAAP,CAAeC,KAAM;AACpC;AACA,GAJA;;AAMO,MAAMC,oBAAoB,GAAG,qBAAOC,cAAP,CAIlC;AACF,SAAS,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeI,IAAK;AAC5C,IAAI,CAAC;AAAEC,EAAAA,KAAF;AAASN,EAAAA;AAAT,CAAD,KAAsBM,KAAK,IAAIP,UAAU,CAAC;AAAEC,EAAAA;AAAF,CAAD,CAAY;AACzD,CAPO","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"],"file":"styled.js"}

package/dist/components/molecules/LabeledSwitch/LabelComponent.d.ts

@@ -0,0 +1,12 @@
+import { LabelPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { PressableProps } from 'react-native';
+export interface LabelComponentProps extends PressableProps {
+    label: string;
+    labelPosition: LabelPositionOptions;
+    labelProps?: TextProps;
+    active: boolean;
+    switchDisabled?: boolean;
+}
+declare const _default: React.NamedExoticComponent<LabelComponentProps>;
+export default _default;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeWeb = require("react-native-web");
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const LabelComponent = ({
+  label,
+  labelPosition,
+  labelProps,
+  active,
+  switchDisabled = false,
+  ...rest
+}) => {
+  const defaultFontColor = active && !switchDisabled ? 'dark' : 'medium';
+  const defaultFontWeight = active && !switchDisabled ? 'bold' : 'regular';
+  return _react.default.createElement(_reactNativeWeb.Pressable, rest, _react.default.createElement(_styled.StyledLabel, _extends({
+    labelPosition: labelPosition,
+    fontColor: (labelProps === null || labelProps === void 0 ? void 0 : labelProps.fontColor) ?? defaultFontColor,
+    fontWeight: (labelProps === null || labelProps === void 0 ? void 0 : labelProps.fontWeight) ?? defaultFontWeight
+  }, labelProps), label));
+};
+
+var _default = _react.default.memo(LabelComponent);
+
+exports.default = _default;
+//# sourceMappingURL=LabelComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"names":["LabelComponent","label","labelPosition","labelProps","active","switchDisabled","rest","defaultFontColor","defaultFontWeight","fontColor","fontWeight","React","memo"],"mappings":";;;;;;;AAMA;;AACA;;AACA;;;;;;AAUA,MAAMA,cAAuC,GAAG,CAAC;AAC/CC,EAAAA,KAD+C;AAE/CC,EAAAA,aAF+C;AAG/CC,EAAAA,UAH+C;AAI/CC,EAAAA,MAJ+C;AAK/CC,EAAAA,cAAc,GAAG,KAL8B;AAM/C,KAAGC;AAN4C,CAAD,KAO1C;AACJ,QAAMC,gBAAiC,GACrCH,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,QADvC;AAEA,QAAMG,iBAAmC,GACvCJ,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,SADvC;AAGA,SACE,6BAAC,yBAAD,EAAeC,IAAf,EACE,6BAAC,mBAAD;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,SAAS,EAAE,CAAAC,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEM,SAAZ,KAAyBF,gBAFtC;AAGE,IAAA,UAAU,EAAE,CAAAJ,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEO,UAAZ,KAA0BF;AAHxC,KAIML,UAJN,GAMGF,KANH,CADF,CADF;AAYD,CAzBD;;eA2BeU,eAAMC,IAAN,CAAWZ,cAAX,C","sourcesContent":["import {\n  FontColor,\n  FontWeight,\n  LabelPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n  label: string;\n  labelPosition: LabelPositionOptions;\n  labelProps?: TextProps;\n  active: boolean;\n  switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n  label,\n  labelPosition,\n  labelProps,\n  active,\n  switchDisabled = false,\n  ...rest\n}) => {\n  const defaultFontColor: keyof FontColor =\n    active && !switchDisabled ? 'dark' : 'medium';\n  const defaultFontWeight: keyof FontWeight =\n    active && !switchDisabled ? 'bold' : 'regular';\n\n  return (\n    <Pressable {...rest}>\n      <StyledLabel\n        labelPosition={labelPosition}\n        fontColor={labelProps?.fontColor ?? defaultFontColor}\n        fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n        {...labelProps}\n      >\n        {label}\n      </StyledLabel>\n    </Pressable>\n  );\n};\n\nexport default React.memo(LabelComponent);\n"],"file":"LabelComponent.js"}

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.d.ts

@@ -0,0 +1,7 @@
+import { LabeledSwitchProps, TextProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export declare type LabeledSwitchWebProps = LabeledSwitchProps & {
+    labelProps?: TextProps;
+};
+declare const LabeledSwitch: FC<LabeledSwitchWebProps>;
+export default LabeledSwitch;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _LabelComponent = _interopRequireDefault(require("./LabelComponent"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const LabeledSwitch = ({
+  label,
+  labelPosition = 'right',
+  labelProps,
+  pressableLabel = false,
+  disabled,
+  active,
+  onChange,
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.StyledDiv, null, labelPosition === 'left' ? _react.default.createElement(_LabelComponent.default, {
+    active: active,
+    label: label,
+    labelPosition: 'left',
+    labelProps: labelProps,
+    disabled: !pressableLabel || disabled,
+    switchDisabled: disabled,
+    onPress: () => onChange(!active)
+  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_reactCore.Switch, _extends({
+    active: active,
+    disabled: disabled,
+    onChange: onChange
+  }, rest)), labelPosition === 'right' ? _react.default.createElement(_LabelComponent.default, {
+    active: active,
+    label: label,
+    labelPosition: 'right',
+    labelProps: labelProps,
+    disabled: !pressableLabel || disabled,
+    switchDisabled: disabled,
+    onPress: () => onChange(!active)
+  }) : _react.default.createElement(_react.default.Fragment, null));
+};
+
+var _default = LabeledSwitch;
+exports.default = _default;
+//# sourceMappingURL=LabeledSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"names":["LabeledSwitch","label","labelPosition","labelProps","pressableLabel","disabled","active","onChange","rest"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAMA,MAAMA,aAAwC,GAAG,CAAC;AAChDC,EAAAA,KADgD;AAEhDC,EAAAA,aAAa,GAAG,OAFgC;AAGhDC,EAAAA,UAHgD;AAIhDC,EAAAA,cAAc,GAAG,KAJ+B;AAKhDC,EAAAA,QALgD;AAMhDC,EAAAA,MANgD;AAOhDC,EAAAA,QAPgD;AAQhD,KAAGC;AAR6C,CAAD,KAS3C;AACJ,SACE,6BAAC,iBAAD,QACGN,aAAa,KAAK,MAAlB,GACC,6BAAC,uBAAD;AACE,IAAA,MAAM,EAAEI,MADV;AAEE,IAAA,KAAK,EAAEL,KAFT;AAGE,IAAA,aAAa,EAAE,MAHjB;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;AAME,IAAA,cAAc,EAAEA,QANlB;AAOE,IAAA,OAAO,EAAE,MAAME,QAAQ,CAAC,CAACD,MAAF;AAPzB,IADD,GAWC,2DAZJ,EAcE,6BAAC,iBAAD;AACE,IAAA,MAAM,EAAEA,MADV;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,QAAQ,EAAEE;AAHZ,KAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,6BAAC,uBAAD;AACE,IAAA,MAAM,EAAEI,MADV;AAEE,IAAA,KAAK,EAAEL,KAFT;AAGE,IAAA,aAAa,EAAE,OAHjB;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;AAME,IAAA,cAAc,EAAEA,QANlB;AAOE,IAAA,OAAO,EAAE,MAAME,QAAQ,CAAC,CAACD,MAAF;AAPzB,IADD,GAWC,2DA/BJ,CADF;AAoCD,CA9CD;;eAgDeN,a","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"],"file":"LabeledSwitch.js"}

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

@@ -0,0 +1 @@
+export { default as LabeledSwitch, LabeledSwitchWebProps, } from './LabeledSwitch';

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LabeledSwitch", {
+  enumerable: true,
+  get: function () {
+    return _LabeledSwitch.default;
+  }
+});
+Object.defineProperty(exports, "LabeledSwitchWebProps", {
+  enumerable: true,
+  get: function () {
+    return _LabeledSwitch.LabeledSwitchWebProps;
+  }
+});
+
+var _LabeledSwitch = _interopRequireWildcard(require("./LabeledSwitch"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export {\n  default as LabeledSwitch,\n  LabeledSwitchWebProps,\n} from './LabeledSwitch';\n"],"file":"index.js"}

package/dist/components/molecules/LabeledSwitch/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLabel = exports.StyledDiv = void 0;
+
+var _native = _interopRequireWildcard(require("@emotion/native"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const StyledDiv = (0, _styled.default)('div')`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+exports.StyledDiv = StyledDiv;
+const StyledLabel = (0, _native.default)(_reactCore.Text)`
+  ${({
+  theme,
+  labelPosition
+}) => {
+  if (labelPosition === 'right') return (0, _native.css)`
+        margin-left: ${theme === null || theme === void 0 ? void 0 : theme.spacing.centi};
+      `;else if (labelPosition === 'left') return (0, _native.css)`
+        margin-right: ${theme === null || theme === void 0 ? void 0 : theme.spacing.centi};
+      `;
+}}
+`;
+exports.StyledLabel = StyledLabel;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"names":["StyledDiv","StyledLabel","Text","theme","labelPosition","spacing","centi"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,SAAS,GAAG,qBAAU,KAAV,CAAiB;AAC1C;AACA;AACA;AACA,CAJO;;AAMA,MAAMC,WAAW,GAAG,qBAAaC,eAAb,CAIzB;AACF,IAAI,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAA8B;AAC9B,MAAIA,aAAa,KAAK,OAAtB,EACE,OAAO,gBAAI;AACjB,uBAAuBD,KADP,aACOA,KADP,uBACOA,KAAK,CAAEE,OAAP,CAAeC,KAAM;AAC5C,OAFM,CADF,KAIK,IAAIF,aAAa,KAAK,MAAtB,EACH,OAAO,gBAAI;AACjB,wBAAwBD,KADR,aACQA,KADR,uBACQA,KAAK,CAAEE,OAAP,CAAeC,KAAM;AAC7C,OAFM;AAGH,CAAC;AACJ,CAfO","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"],"file":"styled.js"}

package/dist/hooks/index.d.ts

@@ -1 +1,3 @@
+export { useBreakpoints } from './useBreakpoints';
 export { useClickAwayListener } from './useClickAwayListener';
+export { useWindowSize } from './useWindowSize';

package/dist/hooks/index.js

@@ -3,12 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return _useBreakpoints.useBreakpoints;
+  }
+});
 Object.defineProperty(exports, "useClickAwayListener", {
   enumerable: true,
   get: function () {
     return _useClickAwayListener.useClickAwayListener;
   }
 });
+Object.defineProperty(exports, "useWindowSize", {
+  enumerable: true,
+  get: function () {
+    return _useWindowSize.useWindowSize;
+  }
+});
+
+var _useBreakpoints = require("./useBreakpoints");
 
 var _useClickAwayListener = require("./useClickAwayListener");
+
+var _useWindowSize = require("./useWindowSize");
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { useClickAwayListener } from './useClickAwayListener';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { useBreakpoints } from './useBreakpoints';\nexport { useClickAwayListener } from './useClickAwayListener';\nexport { useWindowSize } from './useWindowSize';\n"],"file":"index.js"}

package/dist/hooks/useBreakpoints.d.ts

@@ -0,0 +1,6 @@
+export declare type UseBreakpointsReturn = {
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};
+export declare const useBreakpoints: () => UseBreakpointsReturn;

package/dist/hooks/useBreakpoints.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBreakpoints = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _useWindowSize = require("./useWindowSize");
+
+const useBreakpoints = () => {
+  const {
+    width
+  } = (0, _useWindowSize.useWindowSize)();
+  const {
+    breakpoints
+  } = (0, _reactCore.useTheme)();
+  return {
+    sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,
+    md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,
+    lg: Number(width) > breakpoints.md
+  };
+};
+
+exports.useBreakpoints = useBreakpoints;
+//# sourceMappingURL=useBreakpoints.js.map

package/dist/hooks/useBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useBreakpoints.ts"],"names":["useBreakpoints","width","breakpoints","sm","Number","md","lg"],"mappings":";;;;;;;AAAA;;AACA;;AAQO,MAAMA,cAAc,GAAG,MAA4B;AACxD,QAAM;AAAEC,IAAAA;AAAF,MAAY,mCAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAkB,0BAAxB;AACA,SAAO;AACLC,IAAAA,EAAE,EAAEC,MAAM,CAACH,KAAD,CAAN,IAAiB,CAAjB,IAAsBG,MAAM,CAACH,KAAD,CAAN,IAAiBC,WAAW,CAACC,EADlD;AAELE,IAAAA,EAAE,EAAED,MAAM,CAACH,KAAD,CAAN,GAAgBC,WAAW,CAACC,EAA5B,IAAkCC,MAAM,CAACH,KAAD,CAAN,IAAiBC,WAAW,CAACG,EAF9D;AAGLC,IAAAA,EAAE,EAAEF,MAAM,CAACH,KAAD,CAAN,GAAgBC,WAAW,CAACG;AAH3B,GAAP;AAKD,CARM","sourcesContent":["import { useTheme } from '@tecsinapse/react-core';\nimport { useWindowSize } from './useWindowSize';\n\nexport type UseBreakpointsReturn = {\n  sm: boolean;\n  md: boolean;\n  lg: boolean;\n};\n\nexport const useBreakpoints = (): UseBreakpointsReturn => {\n  const { width } = useWindowSize();\n  const { breakpoints } = useTheme();\n  return {\n    sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,\n    md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,\n    lg: Number(width) > breakpoints.md,\n  };\n};\n"],"file":"useBreakpoints.js"}

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+declare type WindowSize = {
+    width: number | undefined;
+    height: number | undefined;
+};
+export declare const useWindowSize: () => WindowSize;
+export {};

package/dist/hooks/useWindowSize.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWindowSize = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useWindowSize = () => {
+  const [windowSize, setWindowSize] = _react.default.useState({
+    width: undefined,
+    height: undefined
+  });
+
+  _react.default.useEffect(() => {
+    const handleResize = () => {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
+  return windowSize;
+};
+
+exports.useWindowSize = useWindowSize;
+//# sourceMappingURL=useWindowSize.js.map

package/dist/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useWindowSize.ts"],"names":["useWindowSize","windowSize","setWindowSize","React","useState","width","undefined","height","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;;;AAOO,MAAMA,aAAa,GAAG,MAAkB;AAC7C,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,eAAMC,QAAN,CAA2B;AAC7DC,IAAAA,KAAK,EAAEC,SADsD;AAE7DC,IAAAA,MAAM,EAAED;AAFqD,GAA3B,CAApC;;AAIAH,iBAAMK,SAAN,CAAgB,MAAM;AACpB,UAAMC,YAAY,GAAG,MAAM;AACzBP,MAAAA,aAAa,CAAC;AACZG,QAAAA,KAAK,EAAEK,MAAM,CAACC,UADF;AAEZJ,QAAAA,MAAM,EAAEG,MAAM,CAACE;AAFH,OAAD,CAAb;AAID,KALD;;AAMAF,IAAAA,MAAM,CAACG,gBAAP,CAAwB,QAAxB,EAAkCJ,YAAlC;AACAA,IAAAA,YAAY;AACZ,WAAO,MAAMC,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqCL,YAArC,CAAb;AACD,GAVD,EAUG,EAVH;;AAWA,SAAOR,UAAP;AACD,CAjBM","sourcesContent":["import React from 'react';\n\ntype WindowSize = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nexport const useWindowSize = (): WindowSize => {\n  const [windowSize, setWindowSize] = React.useState<WindowSize>({\n    width: undefined,\n    height: undefined,\n  });\n  React.useEffect(() => {\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n  return windowSize;\n};\n"],"file":"useWindowSize.js"}

package/dist/index.d.ts

@@ -1,22 +1,23 @@
 export * from '@tecsinapse/react-core';
-export { default as Badge, BadgeWebProps, } from './components/atoms/Badge/Badge';
+export { Accordion, AccordionProps } from './components/atoms/Accordion';
+export { BadgeWebProps, default as Badge, } from './components/atoms/Badge/Badge';
 export { Button, useMouseHover, WebButtonProps, } from './components/atoms/Button';
 export { Input, InputWebProps } from './components/atoms/Input';
-export { Tag, TagProps } from './components/atoms/Tag';
-export { InputPassword, InputPasswordWebProps, } from './components/molecules/InputPassword';
 export { InputMask, InputMaskWebProps } from './components/atoms/InputMask';
-export { Menubar, MenubarProps, MenubarOptionsType, MenubarItemsOptions, MenubarMostUsedType, } from './components/molecules/Menubar';
+export { Modal, ModalProps } from './components/atoms/Modal';
+export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
+export { Tag, TagProps } from './components/atoms/Tag';
+export { ITooltip, Tooltip } from './components/atoms/Tooltip';
+export { Breadcrumbs, BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
+export { DatePicker, WebDatePickerProps, } from './components/molecules/DatePicker';
+export { DateTimePicker, WebDateTimePickerProps, } from './components/molecules/DateTimePicker';
 export { Drawer, DrawerProps } from './components/molecules/Drawer';
+export { Grid, GridItem, IGridWeb, IGridItemWeb, } from './components/molecules/Grid';
+export { InputPassword, InputPasswordWebProps, } from './components/molecules/InputPassword';
+export { LabeledSwitch, LabeledSwitchWebProps, } from './components/molecules/LabeledSwitch';
+export { Menubar, MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps, } from './components/molecules/Menubar';
 export { Select, SelectProps } from './components/molecules/Select';
 export { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';
-export { Breadcrumbs, BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
-export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
-export { Accordion, AccordionProps } from './components/atoms/Accordion';
-export { DataGrid, DataGridProps, HeadersType, } from './components/organisms/DataGrid';
-export { Modal, ModalProps } from './components/atoms/Modal';
 export { TextArea, TextAreaProps } from './components/molecules/TextArea';
-export { Tooltip, ITooltip } from './components/atoms/Tooltip';
+export { DataGrid, DataGridProps, HeadersType, } from './components/organisms/DataGrid';
 export * from './hooks';
-export { DatePicker, WebDatePickerProps, } from './components/molecules/DatePicker';
-export { DateTimePicker, WebDateTimePickerProps, } from './components/molecules/DateTimePicker';
-export { Grid, GridItem, IGrid, IGridItem } from './components/molecules/Grid';