@tecsinapse/react-web-kit 1.22.7 → 1.22.9

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 (223) hide show
  1. package/dist/cjs/components/atoms/Accordion/Accordion.js +20 -47
  2. package/dist/cjs/components/atoms/Accordion/Accordion.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/Button/Button.js +15 -55
  6. package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
  7. package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js +2 -2
  8. package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
  9. package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js +2 -2
  10. package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
  11. package/dist/cjs/components/atoms/Button/styled.js +2 -2
  12. package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
  13. package/dist/cjs/components/atoms/Dropdown/index.js +1 -17
  14. package/dist/cjs/components/atoms/Dropdown/index.js.map +1 -1
  15. package/dist/cjs/components/atoms/Input/Input.js +27 -79
  16. package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
  17. package/dist/cjs/components/atoms/InputMask/InputMask.js +27 -79
  18. package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
  19. package/dist/cjs/components/atoms/Modal/Modal.js +15 -43
  20. package/dist/cjs/components/atoms/Modal/Modal.js.map +1 -1
  21. package/dist/cjs/components/atoms/Overlay/Overlay.js +4 -17
  22. package/dist/cjs/components/atoms/Overlay/Overlay.js.map +1 -1
  23. package/dist/cjs/components/atoms/Skeleton/Skeleton.js +13 -47
  24. package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
  25. package/dist/cjs/components/atoms/Skeleton/styled.js +2 -8
  26. package/dist/cjs/components/atoms/Skeleton/styled.js.map +1 -1
  27. package/dist/cjs/components/atoms/Switch/Switch.js +21 -53
  28. package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
  29. package/dist/cjs/components/atoms/Table/Body/TBody.js +7 -35
  30. package/dist/cjs/components/atoms/Table/Body/TBody.js.map +1 -1
  31. package/dist/cjs/components/atoms/Table/Cell/Td.js +7 -35
  32. package/dist/cjs/components/atoms/Table/Cell/Td.js.map +1 -1
  33. package/dist/cjs/components/atoms/Table/Container/TableContainer.js +7 -35
  34. package/dist/cjs/components/atoms/Table/Container/TableContainer.js.map +1 -1
  35. package/dist/cjs/components/atoms/Table/Footer/TFoot.js +7 -35
  36. package/dist/cjs/components/atoms/Table/Footer/TFoot.js.map +1 -1
  37. package/dist/cjs/components/atoms/Table/Header/THead.js +7 -35
  38. package/dist/cjs/components/atoms/Table/Header/THead.js.map +1 -1
  39. package/dist/cjs/components/atoms/Table/Header/Th.js +7 -35
  40. package/dist/cjs/components/atoms/Table/Header/Th.js.map +1 -1
  41. package/dist/cjs/components/atoms/Table/Row/Tr.js +7 -35
  42. package/dist/cjs/components/atoms/Table/Row/Tr.js.map +1 -1
  43. package/dist/cjs/components/atoms/Table/Table.js +7 -35
  44. package/dist/cjs/components/atoms/Table/Table.js.map +1 -1
  45. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js +9 -39
  46. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
  47. package/dist/cjs/components/atoms/Tag/Tag.js +9 -39
  48. package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
  49. package/dist/cjs/components/atoms/Tooltip/Tooltip.js +2 -3
  50. package/dist/cjs/components/atoms/Tooltip/Tooltip.js.map +1 -1
  51. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +3 -21
  52. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
  53. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js +4 -31
  54. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  55. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +22 -57
  56. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
  57. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +4 -35
  58. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  59. package/dist/cjs/components/molecules/Drawer/Drawer.js +21 -48
  60. package/dist/cjs/components/molecules/Drawer/Drawer.js.map +1 -1
  61. package/dist/cjs/components/molecules/Grid/Grid.js +24 -57
  62. package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
  63. package/dist/cjs/components/molecules/Grid/Item/Item.js +30 -76
  64. package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
  65. package/dist/cjs/components/molecules/Grid/Item/functions.js +2 -3
  66. package/dist/cjs/components/molecules/Grid/Item/functions.js.map +1 -1
  67. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +13 -47
  68. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  69. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +6 -22
  70. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  71. package/dist/cjs/components/molecules/IconTextButton/styled.js +2 -2
  72. package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
  73. package/dist/cjs/components/molecules/InputPassword/InputPassword.js +4 -35
  74. package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
  75. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +15 -47
  76. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  77. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -49
  78. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  79. package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -2
  80. package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
  81. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +5 -23
  82. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  83. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +3 -21
  84. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
  85. package/dist/cjs/components/molecules/Menubar/Menubar.js +15 -51
  86. package/dist/cjs/components/molecules/Menubar/Menubar.js.map +1 -1
  87. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js +3 -21
  88. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  89. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +3 -21
  90. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
  91. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js +4 -19
  92. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
  93. package/dist/cjs/components/molecules/Menubar/animations.js +8 -18
  94. package/dist/cjs/components/molecules/Menubar/animations.js.map +1 -1
  95. package/dist/cjs/components/molecules/Menubar/utils.js +1 -2
  96. package/dist/cjs/components/molecules/Menubar/utils.js.map +1 -1
  97. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js +2 -2
  98. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
  99. package/dist/cjs/components/molecules/Select/Select.js +28 -73
  100. package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
  101. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +10 -41
  102. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
  103. package/dist/cjs/components/molecules/TextArea/TextArea.js +29 -83
  104. package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
  105. package/dist/cjs/components/organisms/DataGrid/DataGrid.js +36 -86
  106. package/dist/cjs/components/organisms/DataGrid/DataGrid.js.map +1 -1
  107. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js +5 -5
  108. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
  109. package/dist/cjs/components/organisms/DataGrid/Header/Header.js +5 -5
  110. package/dist/cjs/components/organisms/DataGrid/Header/Header.js.map +1 -1
  111. package/dist/cjs/index.d.ts +1 -1
  112. package/dist/esm/components/atoms/Accordion/Accordion.js +21 -48
  113. package/dist/esm/components/atoms/Accordion/Accordion.js.map +1 -1
  114. package/dist/esm/components/atoms/Badge/Badge.js +9 -43
  115. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
  116. package/dist/esm/components/atoms/Button/Button.js +15 -55
  117. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  118. package/dist/esm/components/atoms/Button/hooks/useMouseHover.js +2 -2
  119. package/dist/esm/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
  120. package/dist/esm/components/atoms/Button/hooks/useMousePressed.js +2 -2
  121. package/dist/esm/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
  122. package/dist/esm/components/atoms/Button/styled.js +2 -2
  123. package/dist/esm/components/atoms/Button/styled.js.map +1 -1
  124. package/dist/esm/components/atoms/Dropdown/index.js +1 -17
  125. package/dist/esm/components/atoms/Dropdown/index.js.map +1 -1
  126. package/dist/esm/components/atoms/Input/Input.js +27 -79
  127. package/dist/esm/components/atoms/Input/Input.js.map +1 -1
  128. package/dist/esm/components/atoms/InputMask/InputMask.js +27 -79
  129. package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
  130. package/dist/esm/components/atoms/Modal/Modal.js +15 -43
  131. package/dist/esm/components/atoms/Modal/Modal.js.map +1 -1
  132. package/dist/esm/components/atoms/Overlay/Overlay.js +4 -17
  133. package/dist/esm/components/atoms/Overlay/Overlay.js.map +1 -1
  134. package/dist/esm/components/atoms/Skeleton/Skeleton.js +13 -47
  135. package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
  136. package/dist/esm/components/atoms/Skeleton/styled.js +2 -8
  137. package/dist/esm/components/atoms/Skeleton/styled.js.map +1 -1
  138. package/dist/esm/components/atoms/Switch/Switch.js +21 -53
  139. package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
  140. package/dist/esm/components/atoms/Table/Body/TBody.js +7 -35
  141. package/dist/esm/components/atoms/Table/Body/TBody.js.map +1 -1
  142. package/dist/esm/components/atoms/Table/Cell/Td.js +7 -35
  143. package/dist/esm/components/atoms/Table/Cell/Td.js.map +1 -1
  144. package/dist/esm/components/atoms/Table/Container/TableContainer.js +7 -35
  145. package/dist/esm/components/atoms/Table/Container/TableContainer.js.map +1 -1
  146. package/dist/esm/components/atoms/Table/Footer/TFoot.js +7 -35
  147. package/dist/esm/components/atoms/Table/Footer/TFoot.js.map +1 -1
  148. package/dist/esm/components/atoms/Table/Header/THead.js +7 -35
  149. package/dist/esm/components/atoms/Table/Header/THead.js.map +1 -1
  150. package/dist/esm/components/atoms/Table/Header/Th.js +7 -35
  151. package/dist/esm/components/atoms/Table/Header/Th.js.map +1 -1
  152. package/dist/esm/components/atoms/Table/Row/Tr.js +7 -35
  153. package/dist/esm/components/atoms/Table/Row/Tr.js.map +1 -1
  154. package/dist/esm/components/atoms/Table/Table.js +7 -35
  155. package/dist/esm/components/atoms/Table/Table.js.map +1 -1
  156. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js +9 -39
  157. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
  158. package/dist/esm/components/atoms/Tag/Tag.js +9 -39
  159. package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
  160. package/dist/esm/components/atoms/Tooltip/Tooltip.js +2 -3
  161. package/dist/esm/components/atoms/Tooltip/Tooltip.js.map +1 -1
  162. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +3 -21
  163. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
  164. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +4 -31
  165. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  166. package/dist/esm/components/molecules/DatePicker/DatePicker.js +22 -57
  167. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  168. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +4 -35
  169. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  170. package/dist/esm/components/molecules/Drawer/Drawer.js +21 -48
  171. package/dist/esm/components/molecules/Drawer/Drawer.js.map +1 -1
  172. package/dist/esm/components/molecules/Grid/Grid.js +24 -57
  173. package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
  174. package/dist/esm/components/molecules/Grid/Item/Item.js +30 -76
  175. package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
  176. package/dist/esm/components/molecules/Grid/Item/functions.js +2 -3
  177. package/dist/esm/components/molecules/Grid/Item/functions.js.map +1 -1
  178. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +13 -47
  179. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  180. package/dist/esm/components/molecules/IconTextButton/TextComponent.js +6 -22
  181. package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  182. package/dist/esm/components/molecules/IconTextButton/styled.js +2 -2
  183. package/dist/esm/components/molecules/IconTextButton/styled.js.map +1 -1
  184. package/dist/esm/components/molecules/InputPassword/InputPassword.js +4 -35
  185. package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
  186. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +15 -47
  187. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  188. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -49
  189. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  190. package/dist/esm/components/molecules/LabeledSwitch/styled.js +2 -2
  191. package/dist/esm/components/molecules/LabeledSwitch/styled.js.map +1 -1
  192. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +5 -23
  193. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  194. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +3 -21
  195. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
  196. package/dist/esm/components/molecules/Menubar/Menubar.js +15 -51
  197. package/dist/esm/components/molecules/Menubar/Menubar.js.map +1 -1
  198. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js +3 -21
  199. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  200. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +3 -21
  201. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
  202. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js +4 -19
  203. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
  204. package/dist/esm/components/molecules/Menubar/animations.js +8 -18
  205. package/dist/esm/components/molecules/Menubar/animations.js.map +1 -1
  206. package/dist/esm/components/molecules/Menubar/utils.js +1 -2
  207. package/dist/esm/components/molecules/Menubar/utils.js.map +1 -1
  208. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js +2 -2
  209. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
  210. package/dist/esm/components/molecules/Select/Select.js +29 -74
  211. package/dist/esm/components/molecules/Select/Select.js.map +1 -1
  212. package/dist/esm/components/molecules/Snackbar/Snackbar.js +10 -41
  213. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  214. package/dist/esm/components/molecules/TextArea/TextArea.js +29 -83
  215. package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
  216. package/dist/esm/components/organisms/DataGrid/DataGrid.js +36 -86
  217. package/dist/esm/components/organisms/DataGrid/DataGrid.js.map +1 -1
  218. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js +5 -5
  219. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
  220. package/dist/esm/components/organisms/DataGrid/Header/Header.js +5 -5
  221. package/dist/esm/components/organisms/DataGrid/Header/Header.js.map +1 -1
  222. package/dist/esm/index.d.ts +1 -1
  223. package/package.json +3 -3
@@ -3,84 +3,31 @@ import React from 'react';
3
3
  import { View } from 'react-native-web';
4
4
  import { StyledWebTextInputMask } from './styled.js';
5
5
 
6
- var __defProp = Object.defineProperty;
7
- var __defProps = Object.defineProperties;
8
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
9
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
- var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
- var __objRest = (source, exclude) => {
26
- var target = {};
27
- for (var prop in source)
28
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
- target[prop] = source[prop];
30
- if (source != null && __getOwnPropSymbols)
31
- for (var prop of __getOwnPropSymbols(source)) {
32
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
- target[prop] = source[prop];
34
- }
35
- return target;
36
- };
37
6
  const InputMask = React.forwardRef(
38
- (_a, ref) => {
39
- var _b = _a, {
40
- label,
41
- labelColor,
42
- labelColorVariant,
43
- labelColorTone,
44
- labelTypography,
45
- labelStack,
46
- labelWeight,
47
- leftComponent,
48
- rightComponent,
49
- disabled,
50
- style,
51
- borderColor,
52
- borderColorGradation,
53
- inputContainerStyle,
54
- variant = "default",
55
- hintComponent,
56
- hint,
57
- onFocus,
58
- onBlur,
59
- value,
60
- placeholder
61
- } = _b, rest = __objRest(_b, [
62
- "label",
63
- "labelColor",
64
- "labelColorVariant",
65
- "labelColorTone",
66
- "labelTypography",
67
- "labelStack",
68
- "labelWeight",
69
- "leftComponent",
70
- "rightComponent",
71
- "disabled",
72
- "style",
73
- "borderColor",
74
- "borderColorGradation",
75
- "inputContainerStyle",
76
- "variant",
77
- "hintComponent",
78
- "hint",
79
- "onFocus",
80
- "onBlur",
81
- "value",
82
- "placeholder"
83
- ]);
7
+ ({
8
+ label,
9
+ labelColor,
10
+ labelColorVariant,
11
+ labelColorTone,
12
+ labelTypography,
13
+ labelStack,
14
+ labelWeight,
15
+ leftComponent,
16
+ rightComponent,
17
+ disabled,
18
+ style,
19
+ borderColor,
20
+ borderColorGradation,
21
+ inputContainerStyle,
22
+ variant = "default",
23
+ hintComponent,
24
+ hint,
25
+ onFocus,
26
+ onBlur,
27
+ value,
28
+ placeholder,
29
+ ...rest
30
+ }, ref) => {
84
31
  const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, {
85
32
  text: hint,
86
33
  variant
@@ -109,14 +56,15 @@ const InputMask = React.forwardRef(
109
56
  focused,
110
57
  disabled,
111
58
  variant
112
- }, /* @__PURE__ */ React.createElement(StyledWebTextInputMask, __spreadProps(__spreadValues({}, rest), {
59
+ }, /* @__PURE__ */ React.createElement(StyledWebTextInputMask, {
60
+ ...rest,
113
61
  placeholder: onlyLabel ? label : placeholder,
114
62
  value,
115
63
  ref,
116
64
  disabled,
117
65
  onFocus: handleFocus,
118
66
  onBlur: handleBlur
119
- }))), hint && _hint);
67
+ })), hint && _hint);
120
68
  }
121
69
  );
122
70
  InputMask.displayName = "InputMask";
@@ -1 +1 @@
1
- {"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n Hint,\n InputContainer,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <InputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledWebTextInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE,IAwBA,GACG,KAAA;AAzBH,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAU,GAAA,SAAA;AAAA,MACV,aAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,KArCN,GAgBI,EAsBK,EAAA,IAAA,GAAA,SAAA,CAtBL,EAsBK,EAAA;AAAA,MArBH,OAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,sBAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAM,MAAA,KAAA,GAAQ,iCAAkB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACH,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,yDACK,IADL,CAAA,EAAA;AAAA,MAEC,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CAAA,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
1
+ {"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n Hint,\n InputContainer,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <InputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledWebTextInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCAAkB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACH,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
@@ -4,46 +4,13 @@ import Overlay from '../Overlay/Overlay.js';
4
4
  import { ModalContainer } from './styled.js';
5
5
  import { defaultStyleOverlay, transitionStylesOverlay } from './animations.js';
6
6
 
7
- var __defProp = Object.defineProperty;
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 __objRest = (source, exclude) => {
24
- var target = {};
25
- for (var prop in source)
26
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
27
- target[prop] = source[prop];
28
- if (source != null && __getOwnPropSymbols)
29
- for (var prop of __getOwnPropSymbols(source)) {
30
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
31
- target[prop] = source[prop];
32
- }
33
- return target;
34
- };
35
- const Modal = (_a) => {
36
- var _b = _a, {
37
- children,
38
- open,
39
- onClose,
40
- style
41
- } = _b, rest = __objRest(_b, [
42
- "children",
43
- "open",
44
- "onClose",
45
- "style"
46
- ]);
7
+ const Modal = ({
8
+ children,
9
+ open,
10
+ onClose,
11
+ style,
12
+ ...rest
13
+ }) => {
47
14
  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
48
15
  open,
49
16
  onClose,
@@ -51,9 +18,14 @@ const Modal = (_a) => {
51
18
  }), /* @__PURE__ */ React.createElement(Transition, {
52
19
  in: open,
53
20
  timeout: 400
54
- }, (state) => /* @__PURE__ */ React.createElement(ModalContainer, __spreadValues({
55
- style: __spreadValues(__spreadValues(__spreadValues({}, style), defaultStyleOverlay), transitionStylesOverlay[state])
56
- }, rest), children)));
21
+ }, (state) => /* @__PURE__ */ React.createElement(ModalContainer, {
22
+ style: {
23
+ ...style,
24
+ ...defaultStyleOverlay,
25
+ ...transitionStylesOverlay[state]
26
+ },
27
+ ...rest
28
+ }, children)));
57
29
  };
58
30
 
59
31
  export { Modal as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n children,\n open,\n onClose,\n style,\n ...rest\n}) => {\n return (\n <>\n <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n <Transition in={open} timeout={400}>\n {state => (\n <ModalContainer\n style={{\n ...style,\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n {...rest}\n >\n {children}\n </ModalContainer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,KAAA,GAA8B,CAAC,EAM/B,KAAA;AAN+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,GAfF,GAWqC,EAKhC,EAAA,IAAA,GAAA,SAAA,CALgC,EAKhC,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,KACA,CAAA,EAAA,mBAAA,CAAA,EACA,uBAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,GAEzB,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n children,\n open,\n onClose,\n style,\n ...rest\n}) => {\n return (\n <>\n <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n <Transition in={open} timeout={400}>\n {state => (\n <ModalContainer\n style={{\n ...style,\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n {...rest}\n >\n {children}\n </ModalContainer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,GAAG,mBAAA;AAAA,MACH,GAAG,uBAAwB,CAAA,KAAA,CAAA;AAAA,KAC7B;AAAA,IACC,GAAG,IAAA;AAAA,GAEH,EAAA,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -3,22 +3,6 @@ import { Transition } from 'react-transition-group';
3
3
  import { defaultStyleOverlay, transitionStylesOverlay } from './animations.js';
4
4
  import { StyledOverlay } 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
6
  const Overlay = ({
23
7
  timeout = 300,
24
8
  open,
@@ -30,7 +14,10 @@ const Overlay = ({
30
14
  in: open,
31
15
  timeout
32
16
  }, (state) => /* @__PURE__ */ React.createElement(StyledOverlay, {
33
- style: __spreadValues(__spreadValues({}, defaultStyleOverlay), transitionStylesOverlay[state]),
17
+ style: {
18
+ ...defaultStyleOverlay,
19
+ ...transitionStylesOverlay[state]
20
+ },
34
21
  onClick: open ? onClose : void 0,
35
22
  show: open,
36
23
  zIndex
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n timeout?: number;\n open: boolean;\n onClose: () => void;\n zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n timeout = 300,\n open,\n onClose,\n zIndex = 'default',\n children,\n}) => {\n return (\n <Transition in={open} timeout={timeout}>\n {state => (\n <StyledOverlay\n style={{\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n onClick={open ? onClose : undefined}\n show={open}\n zIndex={zIndex}\n >\n {children}\n </StyledOverlay>\n )}\n </Transition>\n );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,UAAkC,CAAC;AAAA,EACvC,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAA,mBAAA,CAAA,EACA,uBAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,IAE7B,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,IAC1B,IAAM,EAAA,IAAA;AAAA,IACN,MAAA;AAAA,GAAA,EAEC,QACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n timeout?: number;\n open: boolean;\n onClose: () => void;\n zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n timeout = 300,\n open,\n onClose,\n zIndex = 'default',\n children,\n}) => {\n return (\n <Transition in={open} timeout={timeout}>\n {state => (\n <StyledOverlay\n style={{\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n onClick={open ? onClose : undefined}\n show={open}\n zIndex={zIndex}\n >\n {children}\n </StyledOverlay>\n )}\n </Transition>\n );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;AAaA,MAAM,UAAkC,CAAC;AAAA,EACvC,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,mBAAA;AAAA,MACH,GAAG,uBAAwB,CAAA,KAAA,CAAA;AAAA,KAC7B;AAAA,IACA,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,IAC1B,IAAM,EAAA,IAAA;AAAA,IACN,MAAA;AAAA,GAAA,EAEC,QACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -2,62 +2,28 @@ import React from 'react';
2
2
  import { Wrapper } from './styled.js';
3
3
  import { View } from 'react-native-web';
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 Skeleton = (_a) => {
34
- var _b = _a, {
35
- children,
36
- width,
37
- height,
38
- animation = "wave",
39
- active = true,
40
- radius
41
- } = _b, rest = __objRest(_b, [
42
- "children",
43
- "width",
44
- "height",
45
- "animation",
46
- "active",
47
- "radius"
48
- ]);
5
+ const Skeleton = ({
6
+ children,
7
+ width,
8
+ height,
9
+ animation = "wave",
10
+ active = true,
11
+ radius,
12
+ ...rest
13
+ }) => {
49
14
  if (!width && !height && !children) {
50
15
  throw new Error(
51
16
  "[Skeleton] You should provide children or specify width and height"
52
17
  );
53
18
  }
54
- return /* @__PURE__ */ React.createElement(Wrapper, __spreadValues({
19
+ return /* @__PURE__ */ React.createElement(Wrapper, {
55
20
  width,
56
21
  height,
57
22
  animation,
58
23
  active,
59
- radius
60
- }, rest), /* @__PURE__ */ React.createElement(View, {
24
+ radius,
25
+ ...rest
26
+ }, /* @__PURE__ */ React.createElement(View, {
61
27
  style: { opacity: active ? 0 : 1 },
62
28
  pointerEvents: active ? "none" : "auto"
63
29
  }, children));
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,QAAA,GAAoC,CAAC,EAQrC,KAAA;AARqC,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,MAAS,GAAA,IAAA;AAAA,IACT,MAAA;AAAA,GAnBF,GAa2C,EAOtC,EAAA,IAAA,GAAA,SAAA,CAPsC,EAOtC,EAAA;AAAA,IANH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,GAAA,EACI,uBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,MAAS,GAAA,IAAA;AAAA,EACT,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -52,14 +52,8 @@ const Wrapper = styled("div")`
52
52
  animation,
53
53
  active
54
54
  }) => !active ? void 0 : animation === "pulse" ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
55
- width: ${({ width }) => {
56
- var _a;
57
- return (_a = `${width}px`) != null ? _a : "100%";
58
- }};
59
- height: ${({ height }) => {
60
- var _a;
61
- return (_a = `${height}px`) != null ? _a : "auto";
62
- }};
55
+ width: ${({ width }) => `${width}px` ?? "100%"};
56
+ height: ${({ height }) => `${height}px` ?? "auto"};
63
57
  border-radius: ${({ theme, radius }) => radius ? theme.borderRadius[radius] : "unset"};
64
58
  ${({ animation, active }) => !active ? void 0 : animation === "pulse" ? pulseAnim : waveAnim};
65
59
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SACjB,EAAA,CAAC,EAAE,KAAA,EAAS,KAAA;AAjEvB,EAAA,IAAA,EAAA,CAAA;AAiE0B,EAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAG,cAAH,IAAgB,GAAA,EAAA,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAAA,UAC9B,EAAA,CAAC,EAAE,MAAA,EAAU,KAAA;AAlEzB,EAAA,IAAA,EAAA,CAAA;AAkE4B,EAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAG,eAAH,IAAiB,GAAA,EAAA,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,aAAa,MAAU,CAAA,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAa,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,UAAA,EAC9B,CAAC,EAAE,MAAO,EAAA,KAAM,GAAG,MAAc,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,aAAa,MAAU,CAAA,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}
@@ -3,55 +3,16 @@ import { useTheme, lightenDarkenColor } from '@tecsinapse/react-web-kit';
3
3
  import { Transition } from 'react-transition-group';
4
4
  import { StyledSwitchContent, StyledSwitch } from './styled.js';
5
5
 
6
- var __defProp = Object.defineProperty;
7
- var __defProps = Object.defineProperties;
8
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
9
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
- var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
- var __objRest = (source, exclude) => {
26
- var target = {};
27
- for (var prop in source)
28
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
- target[prop] = source[prop];
30
- if (source != null && __getOwnPropSymbols)
31
- for (var prop of __getOwnPropSymbols(source)) {
32
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
- target[prop] = source[prop];
34
- }
35
- return target;
36
- };
37
- const Switch = (_a) => {
38
- var _b = _a, {
39
- onChange,
40
- activeColor = "primary",
41
- activeColorTone = "medium",
42
- inactiveColor = "secondary",
43
- inactiveColorTone = "light",
44
- active,
45
- disabled = false
46
- } = _b, rest = __objRest(_b, [
47
- "onChange",
48
- "activeColor",
49
- "activeColorTone",
50
- "inactiveColor",
51
- "inactiveColorTone",
52
- "active",
53
- "disabled"
54
- ]);
6
+ const Switch = ({
7
+ onChange,
8
+ activeColor = "primary",
9
+ activeColorTone = "medium",
10
+ inactiveColor = "secondary",
11
+ inactiveColorTone = "light",
12
+ active,
13
+ disabled = false,
14
+ ...rest
15
+ }) => {
55
16
  const theme = useTheme();
56
17
  const handleChange = useCallback(() => {
57
18
  if (!disabled)
@@ -99,10 +60,17 @@ const Switch = (_a) => {
99
60
  timeout: 100
100
61
  }, (state) => /* @__PURE__ */ React.createElement("div", {
101
62
  onClick: handleChange
102
- }, /* @__PURE__ */ React.createElement(StyledSwitchContent, __spreadProps(__spreadValues({}, rest), {
103
- style: __spreadValues(__spreadValues({}, defaultStyleBackground), transitionStylesBackground[state])
104
- }), /* @__PURE__ */ React.createElement(StyledSwitch, {
105
- style: __spreadValues(__spreadValues({}, defaultStyleCircle), transitionStylesCircle[state])
63
+ }, /* @__PURE__ */ React.createElement(StyledSwitchContent, {
64
+ ...rest,
65
+ style: {
66
+ ...defaultStyleBackground,
67
+ ...transitionStylesBackground[state]
68
+ }
69
+ }, /* @__PURE__ */ React.createElement(StyledSwitch, {
70
+ style: {
71
+ ...defaultStyleCircle,
72
+ ...transitionStylesCircle[state]
73
+ }
106
74
  }))));
107
75
  };
108
76
 
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n lightenDarkenColor,\n SwitchProps,\n useTheme,\n} from '@tecsinapse/react-web-kit';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n onChange,\n activeColor = 'primary',\n activeColorTone = 'medium',\n inactiveColor = 'secondary',\n inactiveColorTone = 'light',\n active,\n disabled = false,\n ...rest\n}) => {\n const theme = useTheme();\n const handleChange = useCallback(() => {\n if (!disabled) onChange(!active);\n }, [active, onChange]);\n\n const defaultStyleBackground = {\n transition: `all 300ms ease`,\n };\n\n const getBackgroundColor = (color: string) => {\n return disabled\n ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n : color;\n };\n const transitionStylesBackground = {\n entering: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n entered: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exiting: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exited: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n };\n\n const defaultStyleCircle = {\n transition: `transform ${100}ms ease`,\n };\n\n const transitionStylesCircle = {\n entering: { transform: 'translateX(0%)' },\n entered: { transform: 'translateX(150%)' },\n exiting: { transform: 'translateX(150%)' },\n exited: { transform: 'translateX(0%)' },\n };\n\n return (\n <Transition in={active} timeout={100}>\n {state => (\n <div onClick={handleChange}>\n <StyledSwitchContent\n {...rest}\n style={{\n ...defaultStyleBackground,\n ...transitionStylesBackground[state],\n }}\n >\n <StyledSwitch\n style={{\n ...defaultStyleCircle,\n ...transitionStylesCircle[state],\n }}\n />\n </StyledSwitchContent>\n </div>\n )}\n </Transition>\n );\n};\n\nexport default Switch;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n lightenDarkenColor,\n SwitchProps,\n useTheme,\n} from '@tecsinapse/react-web-kit';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n onChange,\n activeColor = 'primary',\n activeColorTone = 'medium',\n inactiveColor = 'secondary',\n inactiveColorTone = 'light',\n active,\n disabled = false,\n ...rest\n}) => {\n const theme = useTheme();\n const handleChange = useCallback(() => {\n if (!disabled) onChange(!active);\n }, [active, onChange]);\n\n const defaultStyleBackground = {\n transition: `all 300ms ease`,\n };\n\n const getBackgroundColor = (color: string) => {\n return disabled\n ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n : color;\n };\n const transitionStylesBackground = {\n entering: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n entered: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exiting: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exited: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n };\n\n const defaultStyleCircle = {\n transition: `transform ${100}ms ease`,\n };\n\n const transitionStylesCircle = {\n entering: { transform: 'translateX(0%)' },\n entered: { transform: 'translateX(150%)' },\n exiting: { transform: 'translateX(150%)' },\n exited: { transform: 'translateX(0%)' },\n };\n\n return (\n <Transition in={active} timeout={100}>\n {state => (\n <div onClick={handleChange}>\n <StyledSwitchContent\n {...rest}\n style={{\n ...defaultStyleBackground,\n ...transitionStylesBackground[state],\n }}\n >\n <StyledSwitch\n style={{\n ...defaultStyleCircle,\n ...transitionStylesCircle[state],\n }}\n />\n </StyledSwitchContent>\n </div>\n )}\n </Transition>\n );\n};\n\nexport default Switch;\n"],"names":[],"mappings":"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"}
@@ -1,40 +1,12 @@
1
1
  import React from 'react';
2
2
 
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __objRest = (source, exclude) => {
20
- var target = {};
21
- for (var prop in source)
22
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
23
- target[prop] = source[prop];
24
- if (source != null && __getOwnPropSymbols)
25
- for (var prop of __getOwnPropSymbols(source)) {
26
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
27
- target[prop] = source[prop];
28
- }
29
- return target;
30
- };
31
- const TBody = (_a) => {
32
- var _b = _a, {
33
- children
34
- } = _b, rest = __objRest(_b, [
35
- "children"
36
- ]);
37
- return /* @__PURE__ */ React.createElement("tbody", __spreadValues({}, rest), children);
3
+ const TBody = ({
4
+ children,
5
+ ...rest
6
+ }) => {
7
+ return /* @__PURE__ */ React.createElement("tbody", {
8
+ ...rest
9
+ }, children);
38
10
  };
39
11
 
40
12
  export { TBody as default };
@@ -1 +1 @@
1
- {"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,MAAA,KAAA,GAAiE,CAAC,EAGlE,KAAA;AAHkE,EACtE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAHF,GAEwE,EAEnE,EAAA,IAAA,GAAA,SAAA,CAFmE,EAEnE,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAU,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
1
+ {"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
@@ -1,41 +1,13 @@
1
1
  import React from 'react';
2
2
  import { TCell } 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
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- const Td = (_a) => {
33
- var _b = _a, {
34
- children
35
- } = _b, rest = __objRest(_b, [
36
- "children"
37
- ]);
38
- return /* @__PURE__ */ React.createElement(TCell, __spreadValues({}, rest), children);
4
+ const Td = ({
5
+ children,
6
+ ...rest
7
+ }) => {
8
+ return /* @__PURE__ */ React.createElement(TCell, {
9
+ ...rest
10
+ }, children);
39
11
  };
40
12
 
41
13
  export { Td as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,EAAA,GAA6D,CAAC,EAG9D,KAAA;AAH8D,EAClE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAJF,GAGoE,EAE/D,EAAA,IAAA,GAAA,SAAA,CAF+D,EAE/D,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAU,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
1
+ {"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}