@tecsinapse/react-web-kit 1.18.5 → 1.19.0

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

@@ -0,0 +1,12 @@
+import { ButtonSizeType, FontColor, IconPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+interface TextComponentProps {
+    textProps?: TextProps;
+    size?: ButtonSizeType;
+    defaultFontColor: keyof FontColor;
+    label?: string;
+    iconPosition?: IconPositionOptions;
+    hasIcon?: boolean;
+}
+declare const _default: React.NamedExoticComponent<TextComponentProps>;
+export default _default;

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/components/organisms/DataGrid/Footer/Footer.js

@@ -67,7 +67,8 @@ const Footer = ({
     onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(0);
   }, [onPageChange, onRowsPerPageChange]);
 
-  const quantityRowsRendered = rowsPerPage > rowsCount ? rowsCount : rowsPerPage;
+  const currentInitItem = page * rowsPerPage + 1;
+  const currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
   return _react.default.createElement(_Table.TFoot, null, _react.default.createElement(_Table.Tr, null, _react.default.createElement(_styled.TdFooterStyled, {
     colSpan: 99
   }, _react.default.createElement(_styled.FooterContainer, null, _react.default.createElement(_styled.FooterContainerStart, null, pagination && _react.default.createElement(_styled.SelectContainer, null, _react.default.createElement(_reactWebKit.Select, {
@@ -87,7 +88,7 @@ const Footer = ({
   }, exportLabel)))), pagination && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styled.TextPagination, {
     fontWeight: 'bold',
     fontColor: 'medium'
-  }, `Exibindo ${quantityRowsRendered} de ${rowsCount} registros`), _react.default.createElement(_styled.FooterContainerEnd, null, _react.default.createElement(_styled.NavigationButton, {
+  }, `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`), _react.default.createElement(_styled.FooterContainerEnd, null, _react.default.createElement(_styled.NavigationButton, {
     onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1),
     disabled: page === 0
   }, _react.default.createElement(_reactWebKit.Icon, {

package/dist/components/organisms/DataGrid/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"names":["Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","React","useCallback","value","quantityRowsRendered","String","Array","keys","slice","map","memo"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n  FooterContainer,\n  FooterContainerEnd,\n  FooterContainerStart,\n  HoveredText,\n  NavigationButton,\n  PageButton,\n  PagesContainer,\n  SelectContainer,\n  TdFooterStyled,\n  TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n  rowsPerPage: number;\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions: number[];\n  rowsPerPageLabel: (value: number) => string;\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements */\n  rowsCount: number;\n  page: number;\n  onPageChange?: (page: number) => void;\n  pagination: boolean;\n  exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n  rowsPerPage,\n  onRowsPerPageChange,\n  rowsPerPageOptions,\n  rowsPerPageLabel,\n  exportFunction,\n  exportLabel,\n  rowsCount,\n  page,\n  onPageChange,\n  pagination,\n  exportComponent,\n}) => {\n  if (pagination && (!onPageChange || !onRowsPerPageChange)) {\n    throw new Error(\n      '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n    );\n  }\n\n  const getPaginationSlice = (): { start: number; end: number } => {\n    const totalPages = Math.ceil(rowsCount / rowsPerPage);\n    if (totalPages < 4) {\n      return { start: 0, end: totalPages };\n    }\n    if (page === 0) {\n      return { start: page, end: page + 3 };\n    }\n    if (page === totalPages - 1) {\n      return { start: page - 2, end: page + 1 };\n    }\n    return { start: page - 1, end: page + 2 };\n  };\n\n  const handleRowsPerPage = React.useCallback(\n    value => {\n      onRowsPerPageChange?.(value as number);\n      onPageChange?.(0);\n    },\n    [onPageChange, onRowsPerPageChange]\n  );\n\n  const quantityRowsRendered =\n    rowsPerPage > rowsCount ? rowsCount : rowsPerPage;\n\n  return (\n    <TFoot>\n      <Tr>\n        <TdFooterStyled colSpan={99}>\n          <FooterContainer>\n            <FooterContainerStart>\n              {pagination && (\n                <SelectContainer>\n                  <Select\n                    options={rowsPerPageOptions}\n                    onSelect={handleRowsPerPage}\n                    value={rowsPerPage}\n                    type={'single'}\n                    keyExtractor={value => String(value)}\n                    labelExtractor={rowsPerPageLabel}\n                    anchor=\"top\"\n                  />\n                </SelectContainer>\n              )}\n              {exportComponent && !exportFunction && <>{exportComponent}</>}\n              {exportFunction && (\n                <HoveredText>\n                  <Button variant=\"outlined\" onPress={() => exportFunction()}>\n                    <Text fontColor=\"orange\" fontWeight=\"bold\">\n                      {exportLabel}\n                    </Text>\n                  </Button>\n                </HoveredText>\n              )}\n            </FooterContainerStart>\n            {pagination && (\n              <>\n                <TextPagination\n                  fontWeight={'bold'}\n                  fontColor={'medium'}\n                >{`Exibindo ${quantityRowsRendered} de ${rowsCount} registros`}</TextPagination>\n                <FooterContainerEnd>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page - 1)}\n                    disabled={page === 0}\n                  >\n                    <Icon\n                      name={'chevron-left'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                  <PagesContainer>\n                    {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n                      .slice(\n                        getPaginationSlice().start,\n                        getPaginationSlice().end\n                      )\n                      .map(value => (\n                        <HoveredText key={`page-${value}`}>\n                          <PageButton\n                            variant={page === value ? 'outlined' : 'text'}\n                            onPress={() => onPageChange?.(value)}\n                          >\n                            <Text fontColor=\"medium\" fontWeight=\"bold\">\n                              {value + 1}\n                            </Text>\n                          </PageButton>\n                        </HoveredText>\n                      ))}\n                  </PagesContainer>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page + 1)}\n                    disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n                  >\n                    <Icon\n                      name={'chevron-right'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                </FooterContainerEnd>\n              </>\n            )}\n          </FooterContainer>\n        </TdFooterStyled>\n      </Tr>\n    </TFoot>\n  );\n};\n\nexport default React.memo(Footer);\n"],"file":"Footer.js"}
+{"version":3,"sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"names":["Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","React","useCallback","value","currentInitItem","currentFinalItem","String","Array","keys","slice","map","memo"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n  FooterContainer,\n  FooterContainerEnd,\n  FooterContainerStart,\n  HoveredText,\n  NavigationButton,\n  PageButton,\n  PagesContainer,\n  SelectContainer,\n  TdFooterStyled,\n  TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n  rowsPerPage: number;\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions: number[];\n  rowsPerPageLabel: (value: number) => string;\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements */\n  rowsCount: number;\n  page: number;\n  onPageChange?: (page: number) => void;\n  pagination: boolean;\n  exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n  rowsPerPage,\n  onRowsPerPageChange,\n  rowsPerPageOptions,\n  rowsPerPageLabel,\n  exportFunction,\n  exportLabel,\n  rowsCount,\n  page,\n  onPageChange,\n  pagination,\n  exportComponent,\n}) => {\n  if (pagination && (!onPageChange || !onRowsPerPageChange)) {\n    throw new Error(\n      '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n    );\n  }\n\n  const getPaginationSlice = (): { start: number; end: number } => {\n    const totalPages = Math.ceil(rowsCount / rowsPerPage);\n    if (totalPages < 4) {\n      return { start: 0, end: totalPages };\n    }\n    if (page === 0) {\n      return { start: page, end: page + 3 };\n    }\n    if (page === totalPages - 1) {\n      return { start: page - 2, end: page + 1 };\n    }\n    return { start: page - 1, end: page + 2 };\n  };\n\n  const handleRowsPerPage = React.useCallback(\n    value => {\n      onRowsPerPageChange?.(value as number);\n      onPageChange?.(0);\n    },\n    [onPageChange, onRowsPerPageChange]\n  );\n  const currentInitItem = page * rowsPerPage + 1;\n  const currentFinalItem =\n    (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n  return (\n    <TFoot>\n      <Tr>\n        <TdFooterStyled colSpan={99}>\n          <FooterContainer>\n            <FooterContainerStart>\n              {pagination && (\n                <SelectContainer>\n                  <Select\n                    options={rowsPerPageOptions}\n                    onSelect={handleRowsPerPage}\n                    value={rowsPerPage}\n                    type={'single'}\n                    keyExtractor={value => String(value)}\n                    labelExtractor={rowsPerPageLabel}\n                    anchor=\"top\"\n                  />\n                </SelectContainer>\n              )}\n              {exportComponent && !exportFunction && <>{exportComponent}</>}\n              {exportFunction && (\n                <HoveredText>\n                  <Button variant=\"outlined\" onPress={() => exportFunction()}>\n                    <Text fontColor=\"orange\" fontWeight=\"bold\">\n                      {exportLabel}\n                    </Text>\n                  </Button>\n                </HoveredText>\n              )}\n            </FooterContainerStart>\n            {pagination && (\n              <>\n                <TextPagination\n                  fontWeight={'bold'}\n                  fontColor={'medium'}\n                >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n                <FooterContainerEnd>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page - 1)}\n                    disabled={page === 0}\n                  >\n                    <Icon\n                      name={'chevron-left'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                  <PagesContainer>\n                    {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n                      .slice(\n                        getPaginationSlice().start,\n                        getPaginationSlice().end\n                      )\n                      .map(value => (\n                        <HoveredText key={`page-${value}`}>\n                          <PageButton\n                            variant={page === value ? 'outlined' : 'text'}\n                            onPress={() => onPageChange?.(value)}\n                          >\n                            <Text fontColor=\"medium\" fontWeight=\"bold\">\n                              {value + 1}\n                            </Text>\n                          </PageButton>\n                        </HoveredText>\n                      ))}\n                  </PagesContainer>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page + 1)}\n                    disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n                  >\n                    <Icon\n                      name={'chevron-right'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                </FooterContainerEnd>\n              </>\n            )}\n          </FooterContainer>\n        </TdFooterStyled>\n      </Tr>\n    </TFoot>\n  );\n};\n\nexport default React.memo(Footer);\n"],"file":"Footer.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"}