@tecsinapse/react-native-kit 1.18.6 → 1.19.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.19.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.18.6...@tecsinapse/react-native-kit@1.19.0) (2022-08-24)
+
+
+### Bug Fixes
+
+* add key to native grid children clone ([2f7d8db](https://github.com/tecsinapse/design-system/commit/2f7d8db616d79b7b48ed6192c909b53df13c759f))
+* change PressableSurface with Pressable on LabeledSwitch label ([5029a74](https://github.com/tecsinapse/design-system/commit/5029a74bfc272f5aecb3bdae9152f0920a36c8bb))
+* LabeledSwitch disabled and react-core exports ([855f12f](https://github.com/tecsinapse/design-system/commit/855f12f0dff1ce4c5969eba723707340e60a3310))
+* native grid extends view props ([525d923](https://github.com/tecsinapse/design-system/commit/525d923137388996fa67b17b019abb6ad77ccf95))
+
+
+### Features
+
+* grid web responsive support ([fd91539](https://github.com/tecsinapse/design-system/commit/fd91539dae6df151beeb48ce3749623e2bb4dedc))
+* LabeledSwitch implementation. ([519fe87](https://github.com/tecsinapse/design-system/commit/519fe8769d687f15af09c9fb77fe98a727f9078b))
+
+
+
+
+
 ## [1.18.6](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.18.5...@tecsinapse/react-native-kit@1.18.6) (2022-08-19)
 
 **Note:** Version bump only for package @tecsinapse/react-native-kit

package/dist/components/atoms/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "@tecsinapse/react-core";
-import { FC } from "react";
+import { ButtonProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
 export declare type ButtonNativeProps = ButtonProps & {
     autoDismissKeyboard?: boolean;
 };

package/dist/components/atoms/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","autoDismissKeyboard","onPress","others","handleOnPress","event","Keyboard","dismiss"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AAMO,MAAMA,MAA6B,GAAG,CAAC;AAAEC,EAAAA,mBAAmB,GAAG,IAAxB;AAA8BC,EAAAA,OAA9B;AAAuC,KAAGC;AAA1C,CAAD,KAAwD;AAEjG,QAAMC,aAAa,GAAG,wBAAaC,KAAD,IAAW;AACzCJ,IAAAA,mBAAmB,IAAIK,sBAASC,OAAT,EAAvB;AACAL,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGG,KAAH,CAAP;AACH,GAHqB,EAGnB,CAACH,OAAD,CAHmB,CAAtB;AAKA,SAAO,6BAAC,iBAAD,eAAgBC,MAAhB;AAAwB,IAAA,OAAO,EAAEC;AAAjC,KAAP;AACH,CARM","sourcesContent":["import { Button as ButtonCore, ButtonProps } from \"@tecsinapse/react-core\";\nimport React, { FC, useCallback } from \"react\";\nimport { Keyboard } from \"react-native\";\n\nexport type ButtonNativeProps = ButtonProps & {\n    autoDismissKeyboard?: boolean\n}\n\nexport const Button: FC<ButtonNativeProps> = ({ autoDismissKeyboard = true, onPress, ...others }) => {\n\n    const handleOnPress = useCallback((event) => {\n        autoDismissKeyboard && Keyboard.dismiss()\n        onPress?.(event)\n    }, [onPress])\n\n    return <ButtonCore {...others} onPress={handleOnPress}/>\n}"],"file":"Button.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","autoDismissKeyboard","onPress","others","handleOnPress","event","Keyboard","dismiss"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AAMO,MAAMA,MAA6B,GAAG,CAAC;AAC5CC,EAAAA,mBAAmB,GAAG,IADsB;AAE5CC,EAAAA,OAF4C;AAG5C,KAAGC;AAHyC,CAAD,KAIvC;AACJ,QAAMC,aAAa,GAAG,wBACpBC,KAAK,IAAI;AACPJ,IAAAA,mBAAmB,IAAIK,sBAASC,OAAT,EAAvB;AACAL,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGG,KAAH,CAAP;AACD,GAJmB,EAKpB,CAACH,OAAD,CALoB,CAAtB;AAQA,SAAO,6BAAC,iBAAD,eAAgBC,MAAhB;AAAwB,IAAA,OAAO,EAAEC;AAAjC,KAAP;AACD,CAdM","sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n  autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n  autoDismissKeyboard = true,\n  onPress,\n  ...others\n}) => {\n  const handleOnPress = useCallback(\n    event => {\n      autoDismissKeyboard && Keyboard.dismiss();\n      onPress?.(event);\n    },\n    [onPress]\n  );\n\n  return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"file":"Button.js"}

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

@@ -0,0 +1,5 @@
+import { ViewProps } from 'react-native';
+import { IGrid } from '@tecsinapse/react-core';
+export declare type IGridNative = IGrid & ViewProps;
+declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => JSX.Element;
+export default Grid;

package/dist/components/molecules/Grid/Grid.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Item = require("./Item");
+
+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 Grid = ({
+  children,
+  columns = 12,
+  layout,
+  style,
+  spacing,
+  ...rest
+}) => {
+  if (layout) {
+    const flatLayout = layout.flat();
+    return _react.default.createElement(_reactNative.View, _extends({
+      style: [style, {
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      }]
+    }, rest), _react.default.Children.map(children, (child, index) => _react.default.createElement(_Item.GridItem, {
+      key: `child-${index}`,
+      columns: columns,
+      span: flatLayout[index],
+      spacing: spacing
+    }, child)));
+  }
+
+  return _react.default.createElement(_reactNative.View, _extends({
+    style: [style, {
+      display: 'flex',
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    }]
+  }, rest), _react.default.Children.map(children, (child, index) => {
+    return _react.default.cloneElement(child, { ...(child == null ? void 0 : child.props),
+      columns,
+      spacing: (child == null ? void 0 : child.props.spacing) ?? spacing,
+      key: `child-${index}`
+    });
+  }));
+};
+
+var _default = Grid;
+exports.default = _default;
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"names":["Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","React","Children","map","child","index","cloneElement","props","key"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAKA,MAAMA,IAAI,GAAG,CAAC;AACZC,EAAAA,QADY;AAEZC,EAAAA,OAAO,GAAG,EAFE;AAGZC,EAAAA,MAHY;AAIZC,EAAAA,KAJY;AAKZC,EAAAA,OALY;AAMZ,KAAGC;AANS,CAAD,KAOmB;AAC9B,MAAIH,MAAJ,EAAY;AACV,UAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;AACA,WACE,6BAAC,iBAAD;AACE,MAAA,KAAK,EAAE,CACLJ,KADK,EAEL;AACEK,QAAAA,OAAO,EAAE,MADX;AAEEC,QAAAA,aAAa,EAAE,KAFjB;AAGEC,QAAAA,QAAQ,EAAE;AAHZ,OAFK;AADT,OASML,IATN,GAWGM,eAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAC5B,6BAAC,cAAD;AACE,MAAA,GAAG,EAAG,SAAQA,KAAM,EADtB;AAEE,MAAA,OAAO,EAAEd,OAFX;AAGE,MAAA,IAAI,EAAEK,UAAU,CAACS,KAAD,CAHlB;AAIE,MAAA,OAAO,EAAEX;AAJX,OAMGU,KANH,CADD,CAXH,CADF;AAwBD;;AAED,SACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLX,KADK,EAEL;AACEK,MAAAA,OAAO,EAAE,MADX;AAEEC,MAAAA,aAAa,EAAE,KAFjB;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAFK;AADT,KASML,IATN,GAWGM,eAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAAkB;AAC9C,WAAOJ,eAAMK,YAAN,CAAmBF,KAAnB,EAA0B,EAC/B,IAAGA,KAAH,oBAAGA,KAAK,CAAEG,KAAV,CAD+B;AAE/BhB,MAAAA,OAF+B;AAG/BG,MAAAA,OAAO,EAAE,CAAAU,KAAK,QAAL,YAAAA,KAAK,CAAEG,KAAP,CAAab,OAAb,KAAwBA,OAHF;AAI/Bc,MAAAA,GAAG,EAAG,SAAQH,KAAM;AAJW,KAA1B,CAAP;AAMD,GAPA,CAXH,CADF;AAsBD,CA1DD;;eA4DehB,I","sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\n        ]}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\n      ]}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </View>\n  );\n};\n\nexport default Grid;\n"],"file":"Grid.js"}

package/dist/components/molecules/Grid/Item/Item.d.ts

@@ -0,0 +1,7 @@
+import { ViewProps } from 'react-native';
+import { IGridItem } from '@tecsinapse/react-core';
+export declare type IGridItemNative = IGridItem & ViewProps & {
+    flexBasis?: string | 'auto';
+};
+declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
+export default GridItem;

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

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactCore = require("@tecsinapse/react-core");
+
+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 GridItem = ({
+  children,
+  span,
+  columns = 12,
+  loadingComponent,
+  loading = false,
+  spacing: _spacing,
+  wrapper = false,
+  alignContent,
+  alignItems,
+  alignSelf,
+  flex,
+  flexDirection,
+  flexGrow,
+  flexShrink,
+  justifyContent,
+  flexBasis,
+  style,
+  ...rest
+}) => {
+  const {
+    spacing
+  } = (0, _reactCore.useTheme)();
+
+  if (!_react.default.Children.only(children)) {
+    throw new Error('The number of children in GridItem should be one');
+  }
+
+  if (loadingComponent && loading) {
+    return loadingComponent;
+  }
+
+  const _style = {
+    alignContent,
+    alignItems,
+    alignSelf,
+    flex,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    boxSizing: 'border-box',
+    flexBasis: flexBasis ?? `${(0, _reactCore.getGridItemColumSpan)(columns, span)}%`,
+    paddingTop: (0, _reactCore.getGridItemPadding)('top', _spacing, spacing),
+    paddingBottom: (0, _reactCore.getGridItemPadding)('bottom', _spacing, spacing),
+    paddingRight: (0, _reactCore.getGridItemPadding)('right', _spacing, spacing),
+    paddingLeft: (0, _reactCore.getGridItemPadding)('left', _spacing, spacing)
+  };
+
+  const clone = _react.default.cloneElement(children, { ...(children == null ? void 0 : children.props),
+    style: wrapper ? children == null ? void 0 : children.props.style : { ..._style,
+      ...(children == null ? void 0 : children.props.style)
+    }
+  });
+
+  return wrapper ? _react.default.createElement(_reactNative.View, _extends({}, rest, {
+    style: [style, _style]
+  }), clone) : clone;
+};
+
+var _default = GridItem;
+exports.default = _default;
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"names":["GridItem","children","span","columns","loadingComponent","loading","spacing","_spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","React","Children","only","Error","_style","boxSizing","paddingTop","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAaA,MAAMA,QAAQ,GAAG,CAAC;AAChBC,EAAAA,QADgB;AAEhBC,EAAAA,IAFgB;AAGhBC,EAAAA,OAAO,GAAG,EAHM;AAIhBC,EAAAA,gBAJgB;AAKhBC,EAAAA,OAAO,GAAG,KALM;AAMhBC,EAAAA,OAAO,EAAEC,QANO;AAOhBC,EAAAA,OAAO,GAAG,KAPM;AAQhBC,EAAAA,YARgB;AAShBC,EAAAA,UATgB;AAUhBC,EAAAA,SAVgB;AAWhBC,EAAAA,IAXgB;AAYhBC,EAAAA,aAZgB;AAahBC,EAAAA,QAbgB;AAchBC,EAAAA,UAdgB;AAehBC,EAAAA,cAfgB;AAgBhBC,EAAAA,SAhBgB;AAiBhBC,EAAAA,KAjBgB;AAkBhB,KAAGC;AAlBa,CAAD,KAmBmB;AAClC,QAAM;AAAEb,IAAAA;AAAF,MAAc,0BAApB;;AACA,MAAI,CAACc,eAAMC,QAAN,CAAeC,IAAf,CAAoBrB,QAApB,CAAL,EAAoC;AAClC,UAAM,IAAIsB,KAAJ,CAAU,kDAAV,CAAN;AACD;;AACD,MAAInB,gBAAgB,IAAIC,OAAxB,EAAiC;AAC/B,WAAOD,gBAAP;AACD;;AAED,QAAMoB,MAAM,GAAG;AACbf,IAAAA,YADa;AAEbC,IAAAA,UAFa;AAGbC,IAAAA,SAHa;AAIbC,IAAAA,IAJa;AAKbC,IAAAA,aALa;AAMbC,IAAAA,QANa;AAObC,IAAAA,UAPa;AAQbC,IAAAA,cARa;AASbS,IAAAA,SAAS,EAAE,YATE;AAUbR,IAAAA,SAAS,EAAEA,SAAS,IAAK,GAAE,qCAAqBd,OAArB,EAA8BD,IAA9B,CAAoC,GAVlD;AAWbwB,IAAAA,UAAU,EAAE,mCAAmB,KAAnB,EAA0BnB,QAA1B,EAAoCD,OAApC,CAXC;AAYbqB,IAAAA,aAAa,EAAE,mCAAmB,QAAnB,EAA6BpB,QAA7B,EAAuCD,OAAvC,CAZF;AAabsB,IAAAA,YAAY,EAAE,mCAAmB,OAAnB,EAA4BrB,QAA5B,EAAsCD,OAAtC,CAbD;AAcbuB,IAAAA,WAAW,EAAE,mCAAmB,MAAnB,EAA2BtB,QAA3B,EAAqCD,OAArC;AAdA,GAAf;;AAiBA,QAAMwB,KAAK,GAAGV,eAAMW,YAAN,CAAmB9B,QAAnB,EAA6B,EACzC,IAAGA,QAAH,oBAAGA,QAAQ,CAAE+B,KAAb,CADyC;AAEzCd,IAAAA,KAAK,EAAEV,OAAO,GACVP,QADU,oBACVA,QAAQ,CAAE+B,KAAV,CAAgBd,KADN,GAEV,EAAE,GAAGM,MAAL;AAAa,UAAGvB,QAAH,oBAAGA,QAAQ,CAAE+B,KAAV,CAAgBd,KAAnB;AAAb;AAJqC,GAA7B,CAAd;;AAOA,SAAOV,OAAO,GACZ,6BAAC,iBAAD,eAAUW,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACD,KAAD,EAAQM,MAAR;AAAvB,MACGM,KADH,CADY,GAKZA,KALF;AAOD,CA3DD;;eA6De9B,Q","sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  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}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\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 _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\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    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"file":"Item.js"}

package/dist/components/molecules/Grid/Item/index.d.ts

@@ -0,0 +1 @@
+export { default as GridItem, IGridItemNative } from './Item';

package/dist/components/molecules/Grid/Item/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.IGridItemNative = exports.GridItem = void 0;
+
+var _Item = _interopRequireWildcard(require("./Item"));
+
+exports.GridItem = _Item.default;
+exports.IGridItemNative = _Item.IGridItemNative;
+
+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/Grid/Item/index.js.map

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

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

@@ -0,0 +1,2 @@
+export { GridItem } from './Item';
+export { default as Grid } from './Grid';

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

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Grid = exports.GridItem = void 0;
+
+var _Item = require("./Item");
+
+exports.GridItem = _Item.GridItem;
+
+var _Grid = _interopRequireDefault(require("./Grid"));
+
+exports.Grid = _Grid.default;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { IconTextButtonProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { ButtonNativeProps } from '../../atoms/Button';
+export declare type NativeIconTextButtonProps = IconTextButtonProps & Omit<ButtonNativeProps, 'ButtonProps'>;
+declare const IconTextButton: React.FC<NativeIconTextButtonProps>;
+export default IconTextButton;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = require("./styled");
+
+var _TextComponent = _interopRequireDefault(require("./TextComponent"));
+
+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 IconTextButton = ({
+  iconProps,
+  iconPosition = 'left',
+  textProps,
+  label,
+  variant = 'filled',
+  size = 'default',
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.StyledIconTextButton, _extends({
+    boxed: !label,
+    variant: variant
+  }, rest), iconPosition === 'left' ? _react.default.createElement(_reactCore.IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: _reactCore.fontColorVC[variant]
+  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_TextComponent.default, {
+    label: label,
+    defaultFontColor: _reactCore.fontColorVC[variant],
+    hasIcon: !!iconProps,
+    iconPosition: iconPosition,
+    textProps: textProps,
+    size: size
+  }), iconPosition === 'right' ? _react.default.createElement(_reactCore.IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: _reactCore.fontColorVC[variant]
+  }) : _react.default.createElement(_react.default.Fragment, null));
+};
+
+var _default = IconTextButton;
+exports.default = _default;
+//# sourceMappingURL=IconTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"names":["IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","fontColorVC"],"mappings":";;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;AAKA,MAAMA,cAAmD,GAAG,CAAC;AAC3DC,EAAAA,SAD2D;AAE3DC,EAAAA,YAAY,GAAG,MAF4C;AAG3DC,EAAAA,SAH2D;AAI3DC,EAAAA,KAJ2D;AAK3DC,EAAAA,OAAO,GAAG,QALiD;AAM3DC,EAAAA,IAAI,GAAG,SANoD;AAO3D,KAAGC;AAPwD,CAAD,KAQtD;AACJ,SACE,6BAAC,4BAAD;AAAsB,IAAA,KAAK,EAAE,CAACH,KAA9B;AAAqC,IAAA,OAAO,EAAEC;AAA9C,KAA2DE,IAA3D,GACGL,YAAY,KAAK,MAAjB,GACC,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAED,SADb;AAEE,IAAA,IAAI,EAAEK,IAFR;AAGE,IAAA,gBAAgB,EAAEE,uBAAYH,OAAZ;AAHpB,IADD,GAOC,2DARJ,EAUE,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,gBAAgB,EAAEI,uBAAYH,OAAZ,CAFpB;AAGE,IAAA,OAAO,EAAE,CAAC,CAACJ,SAHb;AAIE,IAAA,YAAY,EAAEC,YAJhB;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,IAAI,EAAEG;AANR,IAVF,EAkBGJ,YAAY,KAAK,OAAjB,GACC,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAED,SADb;AAEE,IAAA,IAAI,EAAEK,IAFR;AAGE,IAAA,gBAAgB,EAAEE,uBAAYH,OAAZ;AAHpB,IADD,GAOC,2DAzBJ,CADF;AA8BD,CAvCD;;eAyCeL,c","sourcesContent":["import {\n  fontColorVC,\n  IconComponent,\n  IconTextButtonProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { ButtonNativeProps } from '../../atoms/Button';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type NativeIconTextButtonProps = IconTextButtonProps &\n  Omit<ButtonNativeProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<NativeIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}) => {\n  return (\n    <StyledIconTextButton boxed={!label} variant={variant} {...rest}>\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={fontColorVC[variant]}\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={fontColorVC[variant]}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"file":"IconTextButton.js"}

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,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+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 TextComponent = ({
+  textProps,
+  size = 'default',
+  defaultFontColor,
+  label,
+  iconPosition = 'left',
+  hasIcon = false
+}) => {
+  return label ? _react.default.createElement(_styled.StyledText, _extends({
+    typography: (textProps == null ? void 0 : textProps.typography) ?? size === 'small' ? 'sub' : 'base',
+    fontWeight: (textProps == null ? void 0 : textProps.fontWeight) ?? 'bold',
+    fontColor: (textProps == null ? void 0 : textProps.fontColor) ?? defaultFontColor,
+    iconPosition: iconPosition,
+    hasIcon: hasIcon
+  }, 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","iconPosition","hasIcon","typography","fontWeight","fontColor","React","memo"],"mappings":";;;;;AAMA;;AACA;;;;;;AAWA,MAAMA,aAAqC,GAAG,CAAC;AAC7CC,EAAAA,SAD6C;AAE7CC,EAAAA,IAAI,GAAG,SAFsC;AAG7CC,EAAAA,gBAH6C;AAI7CC,EAAAA,KAJ6C;AAK7CC,EAAAA,YAAY,GAAG,MAL8B;AAM7CC,EAAAA,OAAO,GAAG;AANmC,CAAD,KAOxC;AACJ,SAAOF,KAAK,GACV,6BAAC,kBAAD;AACE,IAAA,UAAU,EAAE,CAAAH,SAAS,QAAT,YAAAA,SAAS,CAAEM,UAAX,KAAyBL,IAAI,KAAK,OAAlC,GAA4C,KAA5C,GAAoD,MADlE;AAEE,IAAA,UAAU,EAAE,CAAAD,SAAS,QAAT,YAAAA,SAAS,CAAEO,UAAX,KAAyB,MAFvC;AAGE,IAAA,SAAS,EAAE,CAAAP,SAAS,QAAT,YAAAA,SAAS,CAAEQ,SAAX,KAAwBN,gBAHrC;AAIE,IAAA,YAAY,EAAEE,YAJhB;AAKE,IAAA,OAAO,EAAEC;AALX,KAMML,SANN,GAQGG,KARH,CADU,GAYV,2DAZF;AAcD,CAtBD;;eAwBeM,eAAMC,IAAN,CAAWX,aAAX,C","sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledText } from './styled';\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  iconPosition = 'left',\n  hasIcon = false,\n}) => {\n  return label ? (\n    <StyledText\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      iconPosition={iconPosition}\n      hasIcon={hasIcon}\n      {...textProps}\n    >\n      {label}\n    </StyledText>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"file":"TextComponent.js"}

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.NativeIconTextButtonProps = exports.IconTextButton = void 0;
+
+var _IconTextButton = _interopRequireWildcard(require("./IconTextButton"));
+
+exports.IconTextButton = _IconTextButton.default;
+exports.NativeIconTextButtonProps = _IconTextButton.NativeIconTextButtonProps;
+
+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  NativeIconTextButtonProps,\n} from './IconTextButton';\n"],"file":"index.js"}

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StyledText = exports.StyledIconTextButton = void 0;
+
+var _native = _interopRequireWildcard(require("@emotion/native"));
+
+var _Button = require("../../atoms/Button");
+
+var _Text = require("../../atoms/Text");
+
+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 boxedStyle = ({
+  theme
+}) => `
+    padding: ${theme == null ? void 0 : theme.spacing.centi};
+    aspect-ratio: 1;
+  `;
+
+const StyledIconTextButton = (0, _native.default)(_Button.Button)`
+  ${({
+  boxed,
+  theme
+}) => boxed && boxedStyle({
+  theme
+})};
+`;
+exports.StyledIconTextButton = StyledIconTextButton;
+const StyledText = (0, _native.default)(_Text.Text)`
+  ${({
+  theme,
+  iconPosition,
+  hasIcon = false
+}) => {
+  if (hasIcon && iconPosition === 'left') return (0, _native.css)`
+        margin-left: ${theme == null ? void 0 : theme.spacing.mili};
+      `;else if (hasIcon && iconPosition === 'right') return (0, _native.css)`
+        margin-right: ${theme == null ? void 0 : theme.spacing.mili};
+      `;
+}}
+`;
+exports.StyledText = StyledText;
+//# 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","boxed","StyledText","Text","iconPosition","hasIcon","mili"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAqC;AACxD,eAAeA,KADwC,oBACxCA,KAAK,CAAEC,OAAP,CAAeC,KAAM;AACpC;AACA,GAHA;;AAKO,MAAMC,oBAAoB,GAAG,qBAAOC,cAAP,CAIlC;AACF,IAAI,CAAC;AAAEC,EAAAA,KAAF;AAASL,EAAAA;AAAT,CAAD,KAAsBK,KAAK,IAAIN,UAAU,CAAC;AAAEC,EAAAA;AAAF,CAAD,CAAY;AACzD,CANO;;AAQA,MAAMM,UAAU,GAAG,qBAAOC,UAAP,CAKxB;AACF,IAAI,CAAC;AAAEP,EAAAA,KAAF;AAASQ,EAAAA,YAAT;AAAuBC,EAAAA,OAAO,GAAG;AAAjC,CAAD,KAA8C;AAC9C,MAAIA,OAAO,IAAID,YAAY,KAAK,MAAhC,EACE,OAAO,gBAAI;AACjB,uBAAuBR,KADP,oBACOA,KAAK,CAAEC,OAAP,CAAeS,IAAK;AAC3C,OAFM,CADF,KAIK,IAAID,OAAO,IAAID,YAAY,KAAK,OAAhC,EACH,OAAO,gBAAI;AACjB,wBAAwBR,KADR,oBACQA,KAAK,CAAEC,OAAP,CAAeS,IAAK;AAC5C,OAFM;AAGH,CAAC;AACJ,CAhBO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Text } from '../../atoms/Text';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) => `\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  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n\nexport const StyledText = styled(Text)<\n  Partial<StyleProps> & {\n    iconPosition: IconPositionOptions;\n    hasIcon?: boolean;\n  }\n>`\n  ${({ theme, iconPosition, hasIcon = false }) => {\n    if (hasIcon && iconPosition === 'left')\n      return css`\n        margin-left: ${theme?.spacing.mili};\n      `;\n    else if (hasIcon && iconPosition === 'right')\n      return css`\n        margin-right: ${theme?.spacing.mili};\n      `;\n  }}\n`;\n"],"file":"styled.js"}

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+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(_reactNative.Pressable, rest, _react.default.createElement(_styled.StyledLabel, _extends({
+    labelPosition: labelPosition,
+    fontColor: (labelProps == null ? void 0 : labelProps.fontColor) ?? defaultFontColor,
+    fontWeight: (labelProps == null ? 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":";;;;;AAKA;;AACA;;AAEA;;;;;;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,sBAAD,EAAeC,IAAf,EACE,6BAAC,mBAAD;AACE,IAAA,aAAa,EAAEJ,aADjB;AAEE,IAAA,SAAS,EAAE,CAAAC,UAAU,QAAV,YAAAA,UAAU,CAAEM,SAAZ,KAAyBF,gBAFtC;AAGE,IAAA,UAAU,EAAE,CAAAJ,UAAU,QAAV,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} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { TextNativeProps } from '../../atoms/Text';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n  label: string;\n  labelPosition: LabelPositionOptions;\n  labelProps?: TextNativeProps;\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,8 @@
+import { LabeledSwitchProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+import { TextNativeProps } from '../../atoms/Text';
+export declare type LabeledSwitchNativeProps = LabeledSwitchProps & {
+    labelProps?: TextNativeProps;
+};
+declare const LabeledSwitch: FC<LabeledSwitchNativeProps>;
+export default LabeledSwitch;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = 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,
+  active,
+  disabled,
+  onChange,
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.StyledView, 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,
+    onChange: onChange,
+    disabled: disabled
+  }, 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","active","disabled","onChange","rest"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAMA,MAAMA,aAA2C,GAAG,CAAC;AACnDC,EAAAA,KADmD;AAEnDC,EAAAA,aAAa,GAAG,OAFmC;AAGnDC,EAAAA,UAHmD;AAInDC,EAAAA,cAAc,GAAG,KAJkC;AAKnDC,EAAAA,MALmD;AAMnDC,EAAAA,QANmD;AAOnDC,EAAAA,QAPmD;AAQnD,KAAGC;AARgD,CAAD,KAS9C;AACJ,SACE,6BAAC,kBAAD,QACGN,aAAa,KAAK,MAAlB,GACC,6BAAC,uBAAD;AACE,IAAA,MAAM,EAAEG,MADV;AAEE,IAAA,KAAK,EAAEJ,KAFT;AAGE,IAAA,aAAa,EAAE,MAHjB;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,QAAQ,EAAE,CAACC,cAAD,IAAmBE,QAL/B;AAME,IAAA,cAAc,EAAEA,QANlB;AAOE,IAAA,OAAO,EAAE,MAAMC,QAAQ,CAAC,CAACF,MAAF;AAPzB,IADD,GAWC,2DAZJ,EAcE,6BAAC,iBAAD;AACE,IAAA,MAAM,EAAEA,MADV;AAEE,IAAA,QAAQ,EAAEE,QAFZ;AAGE,IAAA,QAAQ,EAAED;AAHZ,KAIME,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,6BAAC,uBAAD;AACE,IAAA,MAAM,EAAEG,MADV;AAEE,IAAA,KAAK,EAAEJ,KAFT;AAGE,IAAA,aAAa,EAAE,OAHjB;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,QAAQ,EAAE,CAACC,cAAD,IAAmBE,QAL/B;AAME,IAAA,cAAc,EAAEA,QANlB;AAOE,IAAA,OAAO,EAAE,MAAMC,QAAQ,CAAC,CAACF,MAAF;AAPzB,IADD,GAWC,2DA/BJ,CADF;AAoCD,CA9CD;;eAgDeL,a","sourcesContent":["import { LabeledSwitchProps, Switch } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextNativeProps } from '../../atoms/Text';\nimport LabelComponent from './LabelComponent';\nimport { StyledView } from './styled';\n\nexport type LabeledSwitchNativeProps = LabeledSwitchProps & {\n  labelProps?: TextNativeProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchNativeProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  active,\n  disabled,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledView>\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        onChange={onChange}\n        disabled={disabled}\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    </StyledView>\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, LabeledSwitchNativeProps, } from './LabeledSwitch';

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

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.LabeledSwitchNativeProps = exports.LabeledSwitch = void 0;
+
+var _LabeledSwitch = _interopRequireWildcard(require("./LabeledSwitch"));
+
+exports.LabeledSwitch = _LabeledSwitch.default;
+exports.LabeledSwitchNativeProps = _LabeledSwitch.LabeledSwitchNativeProps;
+
+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  LabeledSwitchNativeProps,\n} from './LabeledSwitch';\n"],"file":"index.js"}