@tecsinapse/react-native-kit 1.22.6 → 1.22.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/dist/cjs/components/atoms/Avatar/Avatar.js +3 -21
  2. package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -1
  3. package/dist/cjs/components/atoms/Badge/Badge.js +9 -43
  4. package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
  5. package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js +14 -43
  6. package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  7. package/dist/cjs/components/atoms/BottomNavigator/Item.js +13 -43
  8. package/dist/cjs/components/atoms/BottomNavigator/Item.js.map +1 -1
  9. package/dist/cjs/components/atoms/Button/Button.js +9 -42
  10. package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
  11. package/dist/cjs/components/atoms/Button/States/Error.js +5 -23
  12. package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -1
  13. package/dist/cjs/components/atoms/Button/States/Loading.js +3 -21
  14. package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -1
  15. package/dist/cjs/components/atoms/Button/States/Success.js +3 -21
  16. package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -1
  17. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +3 -21
  18. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  19. package/dist/cjs/components/atoms/Header/Header.d.ts +1 -0
  20. package/dist/cjs/components/atoms/Header/Header.js +25 -51
  21. package/dist/cjs/components/atoms/Header/Header.js.map +1 -1
  22. package/dist/cjs/components/atoms/Header/styled.js +1 -0
  23. package/dist/cjs/components/atoms/Header/styled.js.map +1 -1
  24. package/dist/cjs/components/atoms/Input/Input.js +32 -84
  25. package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
  26. package/dist/cjs/components/atoms/InputMask/InputMask.js +29 -83
  27. package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
  28. package/dist/cjs/components/atoms/Modal/ModalGroupManager.js +5 -33
  29. package/dist/cjs/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  30. package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js +67 -86
  31. package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  32. package/dist/cjs/components/atoms/Modal/useLazyModalManager.js +1 -1
  33. package/dist/cjs/components/atoms/Modal/useLazyModalManager.js.map +1 -1
  34. package/dist/cjs/components/atoms/Modal/useModalManager.js +1 -1
  35. package/dist/cjs/components/atoms/Modal/useModalManager.js.map +1 -1
  36. package/dist/cjs/components/atoms/Skeleton/Pulse.js +4 -5
  37. package/dist/cjs/components/atoms/Skeleton/Pulse.js.map +1 -1
  38. package/dist/cjs/components/atoms/Skeleton/Skeleton.js +13 -47
  39. package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
  40. package/dist/cjs/components/atoms/Skeleton/Wave.js +5 -6
  41. package/dist/cjs/components/atoms/Skeleton/Wave.js.map +1 -1
  42. package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js +11 -43
  43. package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  44. package/dist/cjs/components/atoms/Tag/Tag.js +5 -33
  45. package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
  46. package/dist/cjs/components/atoms/Text/Text.js +4 -31
  47. package/dist/cjs/components/atoms/Text/Text.js.map +1 -1
  48. package/dist/cjs/components/atoms/Text/styled.js +3 -3
  49. package/dist/cjs/components/atoms/Text/styled.js.map +1 -1
  50. package/dist/cjs/components/atoms/TextArea/TextArea.js +29 -83
  51. package/dist/cjs/components/atoms/TextArea/TextArea.js.map +1 -1
  52. package/dist/cjs/components/molecules/Calendar/Calendar.js +8 -40
  53. package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -1
  54. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +15 -48
  55. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
  56. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +12 -43
  57. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  58. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +8 -40
  59. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  60. package/dist/cjs/components/molecules/Grid/Grid.js +20 -55
  61. package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
  62. package/dist/cjs/components/molecules/Grid/Item/Item.js +28 -75
  63. package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
  64. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +13 -47
  65. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  66. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +7 -23
  67. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  68. package/dist/cjs/components/molecules/IconTextButton/styled.js +3 -3
  69. package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
  70. package/dist/cjs/components/molecules/InputPassword/InputPassword.js +4 -35
  71. package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
  72. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +15 -47
  73. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  74. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -49
  75. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  76. package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -2
  77. package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
  78. package/dist/cjs/components/molecules/Select/Modal.js +25 -71
  79. package/dist/cjs/components/molecules/Select/Modal.js.map +1 -1
  80. package/dist/cjs/components/molecules/Select/Select.js +37 -91
  81. package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
  82. package/dist/cjs/components/molecules/Select/styled.js +3 -6
  83. package/dist/cjs/components/molecules/Select/styled.js.map +1 -1
  84. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +10 -41
  85. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
  86. package/dist/esm/components/atoms/Avatar/Avatar.js +3 -21
  87. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  88. package/dist/esm/components/atoms/Badge/Badge.js +9 -43
  89. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
  90. package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js +14 -43
  91. package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  92. package/dist/esm/components/atoms/BottomNavigator/Item.js +13 -43
  93. package/dist/esm/components/atoms/BottomNavigator/Item.js.map +1 -1
  94. package/dist/esm/components/atoms/Button/Button.js +9 -42
  95. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  96. package/dist/esm/components/atoms/Button/States/Error.js +6 -24
  97. package/dist/esm/components/atoms/Button/States/Error.js.map +1 -1
  98. package/dist/esm/components/atoms/Button/States/Loading.js +3 -21
  99. package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -1
  100. package/dist/esm/components/atoms/Button/States/Success.js +3 -21
  101. package/dist/esm/components/atoms/Button/States/Success.js.map +1 -1
  102. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +3 -21
  103. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  104. package/dist/esm/components/atoms/Header/Header.d.ts +1 -0
  105. package/dist/esm/components/atoms/Header/Header.js +26 -52
  106. package/dist/esm/components/atoms/Header/Header.js.map +1 -1
  107. package/dist/esm/components/atoms/Header/styled.js +2 -1
  108. package/dist/esm/components/atoms/Header/styled.js.map +1 -1
  109. package/dist/esm/components/atoms/Input/Input.js +32 -84
  110. package/dist/esm/components/atoms/Input/Input.js.map +1 -1
  111. package/dist/esm/components/atoms/InputMask/InputMask.js +29 -83
  112. package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
  113. package/dist/esm/components/atoms/Modal/ModalGroupManager.js +5 -33
  114. package/dist/esm/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  115. package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js +67 -86
  116. package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  117. package/dist/esm/components/atoms/Modal/useLazyModalManager.js +1 -1
  118. package/dist/esm/components/atoms/Modal/useLazyModalManager.js.map +1 -1
  119. package/dist/esm/components/atoms/Modal/useModalManager.js +1 -1
  120. package/dist/esm/components/atoms/Modal/useModalManager.js.map +1 -1
  121. package/dist/esm/components/atoms/Skeleton/Pulse.js +4 -5
  122. package/dist/esm/components/atoms/Skeleton/Pulse.js.map +1 -1
  123. package/dist/esm/components/atoms/Skeleton/Skeleton.js +13 -47
  124. package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
  125. package/dist/esm/components/atoms/Skeleton/Wave.js +5 -6
  126. package/dist/esm/components/atoms/Skeleton/Wave.js.map +1 -1
  127. package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js +11 -43
  128. package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  129. package/dist/esm/components/atoms/Tag/Tag.js +5 -33
  130. package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
  131. package/dist/esm/components/atoms/Text/Text.js +4 -31
  132. package/dist/esm/components/atoms/Text/Text.js.map +1 -1
  133. package/dist/esm/components/atoms/Text/styled.js +3 -3
  134. package/dist/esm/components/atoms/Text/styled.js.map +1 -1
  135. package/dist/esm/components/atoms/TextArea/TextArea.js +29 -83
  136. package/dist/esm/components/atoms/TextArea/TextArea.js.map +1 -1
  137. package/dist/esm/components/molecules/Calendar/Calendar.js +8 -40
  138. package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -1
  139. package/dist/esm/components/molecules/DatePicker/DatePicker.js +15 -48
  140. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  141. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +12 -43
  142. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  143. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +8 -40
  144. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  145. package/dist/esm/components/molecules/Grid/Grid.js +20 -55
  146. package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
  147. package/dist/esm/components/molecules/Grid/Item/Item.js +28 -75
  148. package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
  149. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +13 -47
  150. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  151. package/dist/esm/components/molecules/IconTextButton/TextComponent.js +7 -23
  152. package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  153. package/dist/esm/components/molecules/IconTextButton/styled.js +3 -3
  154. package/dist/esm/components/molecules/IconTextButton/styled.js.map +1 -1
  155. package/dist/esm/components/molecules/InputPassword/InputPassword.js +4 -35
  156. package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
  157. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +15 -47
  158. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  159. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -49
  160. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  161. package/dist/esm/components/molecules/LabeledSwitch/styled.js +2 -2
  162. package/dist/esm/components/molecules/LabeledSwitch/styled.js.map +1 -1
  163. package/dist/esm/components/molecules/Select/Modal.js +25 -71
  164. package/dist/esm/components/molecules/Select/Modal.js.map +1 -1
  165. package/dist/esm/components/molecules/Select/Select.js +38 -92
  166. package/dist/esm/components/molecules/Select/Select.js.map +1 -1
  167. package/dist/esm/components/molecules/Select/styled.js +3 -6
  168. package/dist/esm/components/molecules/Select/styled.js.map +1 -1
  169. package/dist/esm/components/molecules/Snackbar/Snackbar.js +10 -41
  170. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  171. package/package.json +3 -3
@@ -2,75 +2,26 @@ import React__default from 'react';
2
2
  import { View } from 'react-native';
3
3
  import { useTheme, getGridItemColumSpan, getGridItemPadding } from '@tecsinapse/react-core';
4
4
 
5
- var __defProp = Object.defineProperty;
6
- var __defProps = Object.defineProperties;
7
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
- const GridItem = (_a) => {
37
- var _b = _a, {
38
- children,
39
- span,
40
- columns = 12,
41
- loadingComponent,
42
- loading = false,
43
- spacing: _spacing,
44
- wrapper = false,
45
- alignContent,
46
- alignItems,
47
- alignSelf,
48
- flex,
49
- flexDirection,
50
- flexGrow,
51
- flexShrink,
52
- justifyContent,
53
- flexBasis,
54
- style
55
- } = _b, rest = __objRest(_b, [
56
- "children",
57
- "span",
58
- "columns",
59
- "loadingComponent",
60
- "loading",
61
- "spacing",
62
- "wrapper",
63
- "alignContent",
64
- "alignItems",
65
- "alignSelf",
66
- "flex",
67
- "flexDirection",
68
- "flexGrow",
69
- "flexShrink",
70
- "justifyContent",
71
- "flexBasis",
72
- "style"
73
- ]);
5
+ const GridItem = ({
6
+ children,
7
+ span,
8
+ columns = 12,
9
+ loadingComponent,
10
+ loading = false,
11
+ spacing: _spacing,
12
+ wrapper = false,
13
+ alignContent,
14
+ alignItems,
15
+ alignSelf,
16
+ flex,
17
+ flexDirection,
18
+ flexGrow,
19
+ flexShrink,
20
+ justifyContent,
21
+ flexBasis,
22
+ style,
23
+ ...rest
24
+ }) => {
74
25
  const { spacing } = useTheme();
75
26
  if (!React__default.Children.only(children)) {
76
27
  throw new Error("The number of children in GridItem should be one");
@@ -88,18 +39,20 @@ const GridItem = (_a) => {
88
39
  flexShrink,
89
40
  justifyContent,
90
41
  boxSizing: "border-box",
91
- flexBasis: flexBasis != null ? flexBasis : `${getGridItemColumSpan(columns, span)}%`,
42
+ flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,
92
43
  paddingTop: getGridItemPadding("top", _spacing, spacing),
93
44
  paddingBottom: getGridItemPadding("bottom", _spacing, spacing),
94
45
  paddingRight: getGridItemPadding("right", _spacing, spacing),
95
46
  paddingLeft: getGridItemPadding("left", _spacing, spacing)
96
47
  };
97
- const clone = React__default.cloneElement(children, __spreadProps(__spreadValues({}, children == null ? void 0 : children.props), {
98
- style: wrapper ? children == null ? void 0 : children.props.style : __spreadValues(__spreadValues({}, _style), children == null ? void 0 : children.props.style)
99
- }));
100
- return wrapper ? /* @__PURE__ */ React__default.createElement(View, __spreadProps(__spreadValues({}, rest), {
48
+ const clone = React__default.cloneElement(children, {
49
+ ...children?.props,
50
+ style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
51
+ });
52
+ return wrapper ? /* @__PURE__ */ React__default.createElement(View, {
53
+ ...rest,
101
54
  style: [style, _style]
102
- }), clone) : clone;
55
+ }, clone) : clone;
103
56
  };
104
57
 
105
58
  export { GridItem as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeM,MAAA,QAAA,GAAW,CAAC,EAmBkB,KAAA;AAnBlB,EAChB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,gBAAA;AAAA,IACA,OAAU,GAAA,KAAA;AAAA,IACV,OAAS,EAAA,QAAA;AAAA,IACT,OAAU,GAAA,KAAA;AAAA,IACV,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,GAhCF,GAekB,EAkBb,EAAA,IAAA,GAAA,SAAA,CAlBa,EAkBb,EAAA;AAAA,IAjBH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,IAAI,CAACA,cAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAA,MAAM,QAAQA,cAAM,CAAA,YAAA,CAAa,QAAU,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACtC,qCAAU,KAD4B,CAAA,EAAA;AAAA,IAEzC,KAAA,EAAO,UACH,QAAU,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAM,QAChB,cAAK,CAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAW,qCAAU,KAAM,CAAA,KAAA,CAAA;AAAA,GACrC,CAAA,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,mBACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAS,IAAT,CAAA,EAAA;AAAA,IAAe,KAAA,EAAO,CAAC,KAAA,EAAO,MAAM,CAAA;AAAA,GAAA,CAAA,EAClC,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"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"],"names":["React"],"mappings":";;;;AAeA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAoC,KAAA;AAClC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,IAAI,CAACA,cAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQA,cAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAA,OAAO,0BACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,KAAA,EAAO,CAAC,KAAA,EAAO,MAAM,CAAA;AAAA,GAAA,EAClC,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
@@ -3,54 +3,20 @@ import React__default from 'react';
3
3
  import { StyledIconTextButton } from './styled.js';
4
4
  import TextComponent from './TextComponent.js';
5
5
 
6
- var __defProp = Object.defineProperty;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
- const IconTextButton = (_a) => {
35
- var _b = _a, {
36
- iconProps,
37
- iconPosition = "left",
38
- textProps,
39
- label,
40
- variant = "filled",
41
- size = "default"
42
- } = _b, rest = __objRest(_b, [
43
- "iconProps",
44
- "iconPosition",
45
- "textProps",
46
- "label",
47
- "variant",
48
- "size"
49
- ]);
50
- return /* @__PURE__ */ React__default.createElement(StyledIconTextButton, __spreadValues({
6
+ const IconTextButton = ({
7
+ iconProps,
8
+ iconPosition = "left",
9
+ textProps,
10
+ label,
11
+ variant = "filled",
12
+ size = "default",
13
+ ...rest
14
+ }) => {
15
+ return /* @__PURE__ */ React__default.createElement(StyledIconTextButton, {
51
16
  boxed: !label,
52
- variant
53
- }, rest), iconPosition === "left" ? /* @__PURE__ */ React__default.createElement(IconComponent, {
17
+ variant,
18
+ ...rest
19
+ }, iconPosition === "left" ? /* @__PURE__ */ React__default.createElement(IconComponent, {
54
20
  iconProps,
55
21
  size,
56
22
  defaultFontColor: fontColorVC[variant]
@@ -1 +1 @@
1
- {"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,cAAA,GAAsD,CAAC,EAQvD,KAAA;AARuD,EAC3D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,YAAe,GAAA,MAAA;AAAA,IACf,SAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAU,GAAA,QAAA;AAAA,IACV,IAAO,GAAA,SAAA;AAAA,GAnBT,GAa6D,EAOxD,EAAA,IAAA,GAAA,SAAA,CAPwD,EAOxD,EAAA;AAAA,IANH,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,cAAA,CAAA;AAAA,IAAqB,OAAO,CAAC,KAAA;AAAA,IAAO,OAAA;AAAA,GAAsB,EAAA,IAAA,CAAA,EACxD,YAAiB,KAAA,MAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,IAC9B,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"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"],"names":["React"],"mappings":";;;;;AAaA,MAAM,iBAAsD,CAAC;AAAA,EAC3D,SAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,SAAA;AAAA,EACJ,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IAAqB,OAAO,CAAC,KAAA;AAAA,IAAO,OAAA;AAAA,IAAmB,GAAG,IAAA;AAAA,GACxD,EAAA,YAAA,KAAiB,yBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,IAC9B,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,IACX,YAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA,EACC,YAAiB,KAAA,OAAA,mBACfA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAkB,WAAY,CAAA,OAAA,CAAA;AAAA,GAChC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
@@ -1,22 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import { StyledText } from './styled.js';
3
3
 
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
4
  const TextComponent = ({
21
5
  textProps,
22
6
  size = "default",
@@ -25,14 +9,14 @@ const TextComponent = ({
25
9
  iconPosition = "left",
26
10
  hasIcon = false
27
11
  }) => {
28
- var _a, _b, _c;
29
- return label ? /* @__PURE__ */ React__default.createElement(StyledText, __spreadValues({
30
- typography: ((_a = textProps == null ? void 0 : textProps.typography) != null ? _a : size === "small") ? "sub" : "base",
31
- fontWeight: (_b = textProps == null ? void 0 : textProps.fontWeight) != null ? _b : "bold",
32
- fontColor: (_c = textProps == null ? void 0 : textProps.fontColor) != null ? _c : defaultFontColor,
12
+ return label ? /* @__PURE__ */ React__default.createElement(StyledText, {
13
+ typography: textProps?.typography ?? size === "small" ? "sub" : "base",
14
+ fontWeight: textProps?.fontWeight ?? "bold",
15
+ fontColor: textProps?.fontColor ?? defaultFontColor,
33
16
  iconPosition,
34
- hasIcon
35
- }, textProps), label) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
17
+ hasIcon,
18
+ ...textProps
19
+ }, label) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
36
20
  };
37
21
  var TextComponent$1 = React__default.memo(TextComponent);
38
22
 
@@ -1 +1 @@
1
- {"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AAzBN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA0BE,EAAA,OAAO,wBACJA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,cAAA,CAAA;AAAA,IACC,cAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,KAAQ,GAAA,MAAA;AAAA,IAChE,UAAA,EAAA,CAAY,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,UAAA,KAAX,IAAyB,GAAA,EAAA,GAAA,MAAA;AAAA,IACrC,SAAA,EAAA,CAAW,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,SAAA,KAAX,IAAwB,GAAA,EAAA,GAAA,gBAAA;AAAA,IACnC,YAAA;AAAA,IACA,OAAA;AAAA,GACI,EAAA,SAAA,CAAA,EAEH,KACH,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
1
+ {"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"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"],"names":["React"],"mappings":";;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AACJ,EAAA,OAAO,wBACJA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IACC,UAAY,EAAA,SAAA,EAAW,UAAc,IAAA,IAAA,KAAS,UAAU,KAAQ,GAAA,MAAA;AAAA,IAChE,UAAA,EAAY,WAAW,UAAc,IAAA,MAAA;AAAA,IACrC,SAAA,EAAW,WAAW,SAAa,IAAA,gBAAA;AAAA,IACnC,YAAA;AAAA,IACA,OAAA;AAAA,IACC,GAAG,SAAA;AAAA,GAEH,EAAA,KACH,oBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
@@ -5,7 +5,7 @@ import 'react';
5
5
  import Text from '../../atoms/Text/Text.js';
6
6
 
7
7
  const boxedStyle = ({ theme }) => `
8
- padding: ${theme == null ? void 0 : theme.spacing.centi};
8
+ padding: ${theme?.spacing.centi};
9
9
  aspect-ratio: 1;
10
10
  `;
11
11
  const StyledIconTextButton = styled(Button)`
@@ -15,11 +15,11 @@ const StyledText = styled(Text)`
15
15
  ${({ theme, iconPosition, hasIcon = false }) => {
16
16
  if (hasIcon && iconPosition === "left")
17
17
  return css`
18
- margin-left: ${theme == null ? void 0 : theme.spacing.mili};
18
+ margin-left: ${theme?.spacing.mili};
19
19
  `;
20
20
  else if (hasIcon && iconPosition === "right")
21
21
  return css`
22
- margin-right: ${theme == null ? void 0 : theme.spacing.mili};
22
+ margin-right: ${theme?.spacing.mili};
23
23
  `;
24
24
  }}
25
25
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"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"],"names":[],"mappings":";;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA,CAAA;AAAA,aAAA,EACxC,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuB,OAAO,MAAM,CAAA,CAAA;AAAA,EAK7C,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAMjC,CAAC,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,GAAU,OAAY,KAAA;AAC9C,EAAA,IAAI,WAAW,YAAiB,KAAA,MAAA;AAC9B,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,WAAW,YAAiB,KAAA,OAAA;AACnC,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"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"],"names":[],"mappings":";;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA,CAAA;AAAA,aAAA,EACxC,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIjB,MAAA,oBAAA,GAAuB,OAAO,MAAM,CAAA,CAAA;AAAA,EAK7C,EAAA,CAAC,EAAE,KAAO,EAAA,KAAA,OAAY,KAAS,IAAA,UAAA,CAAW,EAAE,KAAA,EAAO,CAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAMjC,CAAC,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,GAAU,OAAY,KAAA;AAC9C,EAAA,IAAI,WAAW,YAAiB,KAAA,MAAA;AAC9B,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,WAAW,YAAiB,KAAA,OAAA;AACnC,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}
@@ -2,42 +2,11 @@ import { InputPasswordIcon } from '@tecsinapse/react-core';
2
2
  import React__default, { useState } from 'react';
3
3
  import Input from '../../atoms/Input/Input.js';
4
4
 
5
- var __defProp = Object.defineProperty;
6
- var __defProps = Object.defineProperties;
7
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
5
  const InputPassword = React__default.forwardRef(
37
- (_a, ref) => {
38
- var _b = _a, { rightComponent } = _b, rest = __objRest(_b, ["rightComponent"]);
6
+ ({ rightComponent, ...rest }, ref) => {
39
7
  const [revealed, setRevealed] = useState(false);
40
- return /* @__PURE__ */ React__default.createElement(Input, __spreadProps(__spreadValues({}, rest), {
8
+ return /* @__PURE__ */ React__default.createElement(Input, {
9
+ ...rest,
41
10
  ref,
42
11
  secureTextEntry: !revealed,
43
12
  rightComponent: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(InputPasswordIcon, {
@@ -45,7 +14,7 @@ const InputPassword = React__default.forwardRef(
45
14
  revealed,
46
15
  effect: "none"
47
16
  }), rightComponent)
48
- }));
17
+ });
49
18
  }
50
19
  );
51
20
  InputPassword.displayName = "InputPassword";
@@ -1 +1 @@
1
- {"version":3,"file":"InputPassword.js","sources":["../../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { useState } from 'react';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { TextInput } from 'react-native';\n\nexport type InputPasswordNativeProps = InputNativeProps;\n\nconst InputPassword = React.forwardRef<TextInput, InputPasswordNativeProps>(\n ({ rightComponent, ...rest }, ref) => {\n const [revealed, setRevealed] = useState(false);\n return (\n <Input\n {...rest}\n ref={ref}\n secureTextEntry={!revealed}\n rightComponent={\n <>\n <InputPasswordIcon\n onChangeState={setRevealed}\n revealed={revealed}\n effect=\"none\"\n />\n {rightComponent}\n </>\n }\n />\n );\n }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,gBAAgBA,cAAM,CAAA,UAAA;AAAA,EAC1B,CAAC,IAA6B,GAAQ,KAAA;AAArC,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EARL,cAAA,EAAA,GAQG,EAAqB,EAAA,IAAA,GAAA,SAAA,CAArB,IAAqB,CAAnB,gBAAA,CAAA,CAAA,CAAA;AACD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,wCACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,iBAAiB,CAAC,QAAA;AAAA,MAClB,cAAA,8FAEKA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,QACC,aAAe,EAAA,WAAA;AAAA,QACf,QAAA;AAAA,QACA,MAAO,EAAA,MAAA;AAAA,OACT,GACC,cACH,CAAA;AAAA,KAEJ,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
1
+ {"version":3,"file":"InputPassword.js","sources":["../../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { useState } from 'react';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { TextInput } from 'react-native';\n\nexport type InputPasswordNativeProps = InputNativeProps;\n\nconst InputPassword = React.forwardRef<TextInput, InputPasswordNativeProps>(\n ({ rightComponent, ...rest }, ref) => {\n const [revealed, setRevealed] = useState(false);\n return (\n <Input\n {...rest}\n ref={ref}\n secureTextEntry={!revealed}\n rightComponent={\n <>\n <InputPasswordIcon\n onChangeState={setRevealed}\n revealed={revealed}\n effect=\"none\"\n />\n {rightComponent}\n </>\n }\n />\n );\n }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"names":["React"],"mappings":";;;;AAOA,MAAM,gBAAgBA,cAAM,CAAA,UAAA;AAAA,EAC1B,CAAC,EAAE,cAAmB,EAAA,GAAA,IAAA,IAAQ,GAAQ,KAAA;AACpC,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,iBAAiB,CAAC,QAAA;AAAA,MAClB,cAAA,8FAEKA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,QACC,aAAe,EAAA,WAAA;AAAA,QACf,QAAA;AAAA,QACA,MAAO,EAAA,MAAA;AAAA,OACT,GACC,cACH,CAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
@@ -2,56 +2,24 @@ import React__default from 'react';
2
2
  import { Pressable } from 'react-native';
3
3
  import { StyledLabel } from './styled.js';
4
4
 
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
- var __spreadValues = (a, b) => {
11
- for (var prop in b || (b = {}))
12
- if (__hasOwnProp.call(b, prop))
13
- __defNormalProp(a, prop, b[prop]);
14
- if (__getOwnPropSymbols)
15
- for (var prop of __getOwnPropSymbols(b)) {
16
- if (__propIsEnum.call(b, prop))
17
- __defNormalProp(a, prop, b[prop]);
18
- }
19
- return a;
20
- };
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
- const LabelComponent = (_a) => {
34
- var _b = _a, {
35
- label,
36
- labelPosition,
37
- labelProps,
38
- active,
39
- switchDisabled = false
40
- } = _b, rest = __objRest(_b, [
41
- "label",
42
- "labelPosition",
43
- "labelProps",
44
- "active",
45
- "switchDisabled"
46
- ]);
47
- var _a2, _b2;
5
+ const LabelComponent = ({
6
+ label,
7
+ labelPosition,
8
+ labelProps,
9
+ active,
10
+ switchDisabled = false,
11
+ ...rest
12
+ }) => {
48
13
  const defaultFontColor = active && !switchDisabled ? "dark" : "medium";
49
14
  const defaultFontWeight = active && !switchDisabled ? "bold" : "regular";
50
- return /* @__PURE__ */ React__default.createElement(Pressable, __spreadValues({}, rest), /* @__PURE__ */ React__default.createElement(StyledLabel, __spreadValues({
15
+ return /* @__PURE__ */ React__default.createElement(Pressable, {
16
+ ...rest
17
+ }, /* @__PURE__ */ React__default.createElement(StyledLabel, {
51
18
  labelPosition,
52
- fontColor: (_a2 = labelProps == null ? void 0 : labelProps.fontColor) != null ? _a2 : defaultFontColor,
53
- fontWeight: (_b2 = labelProps == null ? void 0 : labelProps.fontWeight) != null ? _b2 : defaultFontWeight
54
- }, labelProps), label));
19
+ fontColor: labelProps?.fontColor ?? defaultFontColor,
20
+ fontWeight: labelProps?.fontWeight ?? defaultFontWeight,
21
+ ...labelProps
22
+ }, label));
55
23
  };
56
24
  var LabelComponent$1 = React__default.memo(LabelComponent);
57
25
 
@@ -1 +1 @@
1
- {"version":3,"file":"LabelComponent.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"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"],"names":["_a","_b","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAA,GAA0C,CAAC,EAO3C,KAAA;AAP2C,EAC/C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,GAvBnB,GAkBiD,EAM5C,EAAA,IAAA,GAAA,SAAA,CAN4C,EAM5C,EAAA;AAAA,IALH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,GAAA,CAAA,CAAA;AAvBF,EAAA,IAAAA,GAAAC,EAAAA,GAAAA,CAAAA;AA0BE,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EACE,uBAAAC,cAAA,CAAA,aAAA,CAAC,SAAc,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,cAAA,CAAA;AAAA,IACC,aAAA;AAAA,IACA,SAAWF,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAZ,OAAAA,GAAyB,GAAA,gBAAA;AAAA,IACpC,UAAYC,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,UAAA,KAAZ,OAAAA,GAA0B,GAAA,iBAAA;AAAA,GAClC,EAAA,UAAA,CAAA,EAEH,KACH,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAeC,cAAA,CAAM,KAAK,cAAc,CAAA;;;;"}
1
+ {"version":3,"file":"LabelComponent.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"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"],"names":["React"],"mappings":";;;;AAkBA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACd,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,IAAA;AAAA,GAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,SAAA,EAAW,YAAY,SAAa,IAAA,gBAAA;AAAA,IACpC,UAAA,EAAY,YAAY,UAAc,IAAA,iBAAA;AAAA,IACrC,GAAG,UAAA;AAAA,GAAA,EAEH,KACH,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAeA,cAAA,CAAM,KAAK,cAAc,CAAA;;;;"}
@@ -3,52 +3,16 @@ import React__default from 'react';
3
3
  import LabelComponent from './LabelComponent.js';
4
4
  import { StyledView } from './styled.js';
5
5
 
6
- var __defProp = Object.defineProperty;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
- var __spreadValues = (a, b) => {
12
- for (var prop in b || (b = {}))
13
- if (__hasOwnProp.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- if (__getOwnPropSymbols)
16
- for (var prop of __getOwnPropSymbols(b)) {
17
- if (__propIsEnum.call(b, prop))
18
- __defNormalProp(a, prop, b[prop]);
19
- }
20
- return a;
21
- };
22
- var __objRest = (source, exclude) => {
23
- var target = {};
24
- for (var prop in source)
25
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
- target[prop] = source[prop];
27
- if (source != null && __getOwnPropSymbols)
28
- for (var prop of __getOwnPropSymbols(source)) {
29
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
- target[prop] = source[prop];
31
- }
32
- return target;
33
- };
34
- const LabeledSwitch = (_a) => {
35
- var _b = _a, {
36
- label,
37
- labelPosition = "right",
38
- labelProps,
39
- pressableLabel = false,
40
- active,
41
- disabled,
42
- onChange
43
- } = _b, rest = __objRest(_b, [
44
- "label",
45
- "labelPosition",
46
- "labelProps",
47
- "pressableLabel",
48
- "active",
49
- "disabled",
50
- "onChange"
51
- ]);
6
+ const LabeledSwitch = ({
7
+ label,
8
+ labelPosition = "right",
9
+ labelProps,
10
+ pressableLabel = false,
11
+ active,
12
+ disabled,
13
+ onChange,
14
+ ...rest
15
+ }) => {
52
16
  return /* @__PURE__ */ React__default.createElement(StyledView, null, labelPosition === "left" ? /* @__PURE__ */ React__default.createElement(LabelComponent, {
53
17
  active,
54
18
  label,
@@ -57,11 +21,12 @@ const LabeledSwitch = (_a) => {
57
21
  disabled: !pressableLabel || disabled,
58
22
  switchDisabled: disabled,
59
23
  onPress: () => onChange(!active)
60
- }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), /* @__PURE__ */ React__default.createElement(Switch, __spreadValues({
24
+ }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), /* @__PURE__ */ React__default.createElement(Switch, {
61
25
  active,
62
26
  onChange,
63
- disabled
64
- }, rest)), labelPosition === "right" ? /* @__PURE__ */ React__default.createElement(LabelComponent, {
27
+ disabled,
28
+ ...rest
29
+ }), labelPosition === "right" ? /* @__PURE__ */ React__default.createElement(LabelComponent, {
65
30
  active,
66
31
  label,
67
32
  labelPosition: "right",
@@ -1 +1 @@
1
- {"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,aAAA,GAA8C,CAAC,EAS/C,KAAA;AAT+C,EACnD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAUqD,EAQhD,EAAA,IAAA,GAAA,SAAA,CARgD,EAQhD,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"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"],"names":["React"],"mappings":";;;;;AAUA,MAAM,gBAA8C,CAAC;AAAA,EACnD,KAAA;AAAA,EACA,aAAgB,GAAA,OAAA;AAAA,EAChB,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACC,GAAG,IAAA;AAAA,GACN,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChBA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
@@ -11,11 +11,11 @@ const StyledLabel = styled(Text)`
11
11
  ${({ theme, labelPosition }) => {
12
12
  if (labelPosition === "right")
13
13
  return css`
14
- margin-left: ${theme == null ? void 0 : theme.spacing.centi};
14
+ margin-left: ${theme?.spacing.centi};
15
15
  `;
16
16
  else if (labelPosition === "left")
17
17
  return css`
18
- margin-right: ${theme == null ? void 0 : theme.spacing.centi};
18
+ margin-right: ${theme?.spacing.centi};
19
19
  `;
20
20
  }}
21
21
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { LabelPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { Text } from '../../atoms/Text';\n\nexport const StyledView = styled(View)`\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledLabel = styled(Text)<\n Partial<StyleProps> & {\n labelPosition: LabelPositionOptions;\n }\n>`\n ${({ theme, labelPosition }) => {\n if (labelPosition === 'right')\n return css`\n margin-left: ${theme?.spacing.centi};\n `;\n else if (labelPosition === 'left')\n return css`\n margin-right: ${theme?.spacing.centi};\n `;\n }}\n`;\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxB,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { LabelPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { Text } from '../../atoms/Text';\n\nexport const StyledView = styled(View)`\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledLabel = styled(Text)<\n Partial<StyleProps> & {\n labelPosition: LabelPositionOptions;\n }\n>`\n ${({ theme, labelPosition }) => {\n if (labelPosition === 'right')\n return css`\n margin-left: ${theme?.spacing.centi};\n `;\n else if (labelPosition === 'left')\n return css`\n margin-right: ${theme?.spacing.centi};\n `;\n }}\n`;\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxB,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,OAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}