@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.
- package/dist/cjs/components/atoms/Accordion/Accordion.js +20 -47
- package/dist/cjs/components/atoms/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/Badge.js +9 -43
- package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/atoms/Button/Button.js +15 -55
- package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
- package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js +2 -2
- package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
- package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js +2 -2
- package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
- package/dist/cjs/components/atoms/Button/styled.js +2 -2
- package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Dropdown/index.js +1 -17
- package/dist/cjs/components/atoms/Dropdown/index.js.map +1 -1
- package/dist/cjs/components/atoms/Input/Input.js +27 -79
- package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
- package/dist/cjs/components/atoms/InputMask/InputMask.js +27 -79
- package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/Modal.js +15 -43
- package/dist/cjs/components/atoms/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/atoms/Overlay/Overlay.js +4 -17
- package/dist/cjs/components/atoms/Overlay/Overlay.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js +13 -47
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/styled.js +2 -8
- package/dist/cjs/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/Switch.js +21 -53
- package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Body/TBody.js +7 -35
- package/dist/cjs/components/atoms/Table/Body/TBody.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Cell/Td.js +7 -35
- package/dist/cjs/components/atoms/Table/Cell/Td.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Container/TableContainer.js +7 -35
- package/dist/cjs/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Footer/TFoot.js +7 -35
- package/dist/cjs/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Header/THead.js +7 -35
- package/dist/cjs/components/atoms/Table/Header/THead.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Header/Th.js +7 -35
- package/dist/cjs/components/atoms/Table/Header/Th.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Row/Tr.js +7 -35
- package/dist/cjs/components/atoms/Table/Row/Tr.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Table.js +7 -35
- package/dist/cjs/components/atoms/Table/Table.js.map +1 -1
- package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js +9 -39
- package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/Tag.js +9 -39
- package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/atoms/Tooltip/Tooltip.js +2 -3
- package/dist/cjs/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +3 -21
- package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js +4 -31
- package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +22 -57
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +4 -35
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/cjs/components/molecules/Drawer/Drawer.js +21 -48
- package/dist/cjs/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Grid.js +24 -57
- package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Item/Item.js +30 -76
- package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Item/functions.js +2 -3
- package/dist/cjs/components/molecules/Grid/Item/functions.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +13 -47
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +6 -22
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/styled.js +2 -2
- package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js +4 -35
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +15 -47
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -49
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -2
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +5 -23
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +3 -21
- package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/Menubar.js +15 -51
- package/dist/cjs/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js +3 -21
- package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +3 -21
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js +4 -19
- package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/animations.js +8 -18
- package/dist/cjs/components/molecules/Menubar/animations.js.map +1 -1
- package/dist/cjs/components/molecules/Menubar/utils.js +1 -2
- package/dist/cjs/components/molecules/Menubar/utils.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js +2 -2
- package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Select.js +28 -73
- package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +10 -41
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/TextArea.js +29 -83
- package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/DataGrid.js +36 -86
- package/dist/cjs/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js +5 -5
- package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/organisms/DataGrid/Header/Header.js +5 -5
- package/dist/cjs/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/esm/components/atoms/Accordion/Accordion.js +21 -48
- package/dist/esm/components/atoms/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.js +9 -43
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.js +15 -55
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/Button/hooks/useMouseHover.js +2 -2
- package/dist/esm/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
- package/dist/esm/components/atoms/Button/hooks/useMousePressed.js +2 -2
- package/dist/esm/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
- package/dist/esm/components/atoms/Button/styled.js +2 -2
- package/dist/esm/components/atoms/Button/styled.js.map +1 -1
- package/dist/esm/components/atoms/Dropdown/index.js +1 -17
- package/dist/esm/components/atoms/Dropdown/index.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +27 -79
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMask/InputMask.js +27 -79
- package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/esm/components/atoms/Modal/Modal.js +15 -43
- package/dist/esm/components/atoms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/atoms/Overlay/Overlay.js +4 -17
- package/dist/esm/components/atoms/Overlay/Overlay.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js +13 -47
- package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/styled.js +2 -8
- package/dist/esm/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +21 -53
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/atoms/Table/Body/TBody.js +7 -35
- package/dist/esm/components/atoms/Table/Body/TBody.js.map +1 -1
- package/dist/esm/components/atoms/Table/Cell/Td.js +7 -35
- package/dist/esm/components/atoms/Table/Cell/Td.js.map +1 -1
- package/dist/esm/components/atoms/Table/Container/TableContainer.js +7 -35
- package/dist/esm/components/atoms/Table/Container/TableContainer.js.map +1 -1
- package/dist/esm/components/atoms/Table/Footer/TFoot.js +7 -35
- package/dist/esm/components/atoms/Table/Footer/TFoot.js.map +1 -1
- package/dist/esm/components/atoms/Table/Header/THead.js +7 -35
- package/dist/esm/components/atoms/Table/Header/THead.js.map +1 -1
- package/dist/esm/components/atoms/Table/Header/Th.js +7 -35
- package/dist/esm/components/atoms/Table/Header/Th.js.map +1 -1
- package/dist/esm/components/atoms/Table/Row/Tr.js +7 -35
- package/dist/esm/components/atoms/Table/Row/Tr.js.map +1 -1
- package/dist/esm/components/atoms/Table/Table.js +7 -35
- package/dist/esm/components/atoms/Table/Table.js.map +1 -1
- package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js +9 -39
- package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
- package/dist/esm/components/atoms/Tag/Tag.js +9 -39
- package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/esm/components/atoms/Tooltip/Tooltip.js +2 -3
- package/dist/esm/components/atoms/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +3 -21
- package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
- package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +4 -31
- package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +22 -57
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +4 -35
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/esm/components/molecules/Drawer/Drawer.js +21 -48
- package/dist/esm/components/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Grid.js +24 -57
- package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Item/Item.js +30 -76
- package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Item/functions.js +2 -3
- package/dist/esm/components/molecules/Grid/Item/functions.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +13 -47
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js +6 -22
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/styled.js +2 -2
- package/dist/esm/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.js +4 -35
- package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +15 -47
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -49
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/styled.js +2 -2
- package/dist/esm/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +5 -23
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +3 -21
- package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/Menubar.js +15 -51
- package/dist/esm/components/molecules/Menubar/Menubar.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js +3 -21
- package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +3 -21
- package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js +4 -19
- package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/animations.js +8 -18
- package/dist/esm/components/molecules/Menubar/animations.js.map +1 -1
- package/dist/esm/components/molecules/Menubar/utils.js +1 -2
- package/dist/esm/components/molecules/Menubar/utils.js.map +1 -1
- package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js +2 -2
- package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/molecules/Select/Select.js +29 -74
- package/dist/esm/components/molecules/Select/Select.js.map +1 -1
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +10 -41
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/molecules/TextArea/TextArea.js +29 -83
- package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/DataGrid.js +36 -86
- package/dist/esm/components/organisms/DataGrid/DataGrid.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/Footer/Footer.js +5 -5
- package/dist/esm/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
- package/dist/esm/components/organisms/DataGrid/Header/Header.js +5 -5
- package/dist/esm/components/organisms/DataGrid/Header/Header.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/package.json +3 -3
|
@@ -9,84 +9,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
11
|
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __defProps = Object.defineProperties;
|
|
14
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
15
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
16
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
17
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
18
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
19
|
-
var __spreadValues = (a, b) => {
|
|
20
|
-
for (var prop in b || (b = {}))
|
|
21
|
-
if (__hasOwnProp.call(b, prop))
|
|
22
|
-
__defNormalProp(a, prop, b[prop]);
|
|
23
|
-
if (__getOwnPropSymbols)
|
|
24
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
25
|
-
if (__propIsEnum.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
}
|
|
28
|
-
return a;
|
|
29
|
-
};
|
|
30
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
31
|
-
var __objRest = (source, exclude) => {
|
|
32
|
-
var target = {};
|
|
33
|
-
for (var prop in source)
|
|
34
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
35
|
-
target[prop] = source[prop];
|
|
36
|
-
if (source != null && __getOwnPropSymbols)
|
|
37
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
38
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
39
|
-
target[prop] = source[prop];
|
|
40
|
-
}
|
|
41
|
-
return target;
|
|
42
|
-
};
|
|
43
12
|
const InputMask = React__default["default"].forwardRef(
|
|
44
|
-
(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
"label",
|
|
69
|
-
"labelColor",
|
|
70
|
-
"labelColorVariant",
|
|
71
|
-
"labelColorTone",
|
|
72
|
-
"labelTypography",
|
|
73
|
-
"labelStack",
|
|
74
|
-
"labelWeight",
|
|
75
|
-
"leftComponent",
|
|
76
|
-
"rightComponent",
|
|
77
|
-
"disabled",
|
|
78
|
-
"style",
|
|
79
|
-
"borderColor",
|
|
80
|
-
"borderColorGradation",
|
|
81
|
-
"inputContainerStyle",
|
|
82
|
-
"variant",
|
|
83
|
-
"hintComponent",
|
|
84
|
-
"hint",
|
|
85
|
-
"onFocus",
|
|
86
|
-
"onBlur",
|
|
87
|
-
"value",
|
|
88
|
-
"placeholder"
|
|
89
|
-
]);
|
|
13
|
+
({
|
|
14
|
+
label,
|
|
15
|
+
labelColor,
|
|
16
|
+
labelColorVariant,
|
|
17
|
+
labelColorTone,
|
|
18
|
+
labelTypography,
|
|
19
|
+
labelStack,
|
|
20
|
+
labelWeight,
|
|
21
|
+
leftComponent,
|
|
22
|
+
rightComponent,
|
|
23
|
+
disabled,
|
|
24
|
+
style,
|
|
25
|
+
borderColor,
|
|
26
|
+
borderColorGradation,
|
|
27
|
+
inputContainerStyle,
|
|
28
|
+
variant = "default",
|
|
29
|
+
hintComponent,
|
|
30
|
+
hint,
|
|
31
|
+
onFocus,
|
|
32
|
+
onBlur,
|
|
33
|
+
value,
|
|
34
|
+
placeholder,
|
|
35
|
+
...rest
|
|
36
|
+
}, ref) => {
|
|
90
37
|
const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
|
|
91
38
|
text: hint,
|
|
92
39
|
variant
|
|
@@ -115,14 +62,15 @@ const InputMask = React__default["default"].forwardRef(
|
|
|
115
62
|
focused,
|
|
116
63
|
disabled,
|
|
117
64
|
variant
|
|
118
|
-
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledWebTextInputMask,
|
|
65
|
+
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledWebTextInputMask, {
|
|
66
|
+
...rest,
|
|
119
67
|
placeholder: onlyLabel ? label : placeholder,
|
|
120
68
|
value,
|
|
121
69
|
ref,
|
|
122
70
|
disabled,
|
|
123
71
|
onFocus: handleFocus,
|
|
124
72
|
onBlur: handleBlur
|
|
125
|
-
}))
|
|
73
|
+
})), hint && _hint);
|
|
126
74
|
}
|
|
127
75
|
);
|
|
128
76
|
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":["React","Hint","useInputFocus","View","InputContainer","StyledWebTextInputMask"],"mappings":"
|
|
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":["React","Hint","useInputFocus","View","InputContainer","StyledWebTextInputMask"],"mappings":";;;;;;;;;;;AAcA,MAAM,YAAmCA,yBAAM,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,iCAAkBA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACGF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACHH,yBAAA,CAAA,aAAA,CAAAI,wBAAA,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,kBAECJ,yBAAA,CAAA,aAAA,CAAAK,6BAAA,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;;;;"}
|
|
@@ -10,46 +10,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (__hasOwnProp.call(b, prop))
|
|
21
|
-
__defNormalProp(a, prop, b[prop]);
|
|
22
|
-
if (__getOwnPropSymbols)
|
|
23
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
-
if (__propIsEnum.call(b, prop))
|
|
25
|
-
__defNormalProp(a, prop, b[prop]);
|
|
26
|
-
}
|
|
27
|
-
return a;
|
|
28
|
-
};
|
|
29
|
-
var __objRest = (source, exclude) => {
|
|
30
|
-
var target = {};
|
|
31
|
-
for (var prop in source)
|
|
32
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
if (source != null && __getOwnPropSymbols)
|
|
35
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
36
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
37
|
-
target[prop] = source[prop];
|
|
38
|
-
}
|
|
39
|
-
return target;
|
|
40
|
-
};
|
|
41
|
-
const Modal = (_a) => {
|
|
42
|
-
var _b = _a, {
|
|
43
|
-
children,
|
|
44
|
-
open,
|
|
45
|
-
onClose,
|
|
46
|
-
style
|
|
47
|
-
} = _b, rest = __objRest(_b, [
|
|
48
|
-
"children",
|
|
49
|
-
"open",
|
|
50
|
-
"onClose",
|
|
51
|
-
"style"
|
|
52
|
-
]);
|
|
13
|
+
const Modal = ({
|
|
14
|
+
children,
|
|
15
|
+
open,
|
|
16
|
+
onClose,
|
|
17
|
+
style,
|
|
18
|
+
...rest
|
|
19
|
+
}) => {
|
|
53
20
|
return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Overlay, {
|
|
54
21
|
open,
|
|
55
22
|
onClose,
|
|
@@ -57,9 +24,14 @@ const Modal = (_a) => {
|
|
|
57
24
|
}), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
|
|
58
25
|
in: open,
|
|
59
26
|
timeout: 400
|
|
60
|
-
}, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.ModalContainer,
|
|
61
|
-
style:
|
|
62
|
-
|
|
27
|
+
}, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.ModalContainer, {
|
|
28
|
+
style: {
|
|
29
|
+
...style,
|
|
30
|
+
...animations.defaultStyleOverlay,
|
|
31
|
+
...animations.transitionStylesOverlay[state]
|
|
32
|
+
},
|
|
33
|
+
...rest
|
|
34
|
+
}, children)));
|
|
63
35
|
};
|
|
64
36
|
|
|
65
37
|
module.exports = Modal;
|
|
@@ -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":["React","Transition","ModalContainer","defaultStyleOverlay","transitionStylesOverlay"],"mappings":"
|
|
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":["React","Transition","ModalContainer","defaultStyleOverlay","transitionStylesOverlay"],"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,yHAEKA,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrDA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACED,yBAAA,CAAA,aAAA,CAAAE,qBAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,GAAGC,8BAAA;AAAA,MACH,GAAGC,kCAAwB,CAAA,KAAA,CAAA;AAAA,KAC7B;AAAA,IACC,GAAG,IAAA;AAAA,GAEH,EAAA,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -9,22 +9,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
11
|
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
14
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
15
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
16
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
17
|
-
var __spreadValues = (a, b) => {
|
|
18
|
-
for (var prop in b || (b = {}))
|
|
19
|
-
if (__hasOwnProp.call(b, prop))
|
|
20
|
-
__defNormalProp(a, prop, b[prop]);
|
|
21
|
-
if (__getOwnPropSymbols)
|
|
22
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
23
|
-
if (__propIsEnum.call(b, prop))
|
|
24
|
-
__defNormalProp(a, prop, b[prop]);
|
|
25
|
-
}
|
|
26
|
-
return a;
|
|
27
|
-
};
|
|
28
12
|
const Overlay = ({
|
|
29
13
|
timeout = 300,
|
|
30
14
|
open,
|
|
@@ -36,7 +20,10 @@ const Overlay = ({
|
|
|
36
20
|
in: open,
|
|
37
21
|
timeout
|
|
38
22
|
}, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledOverlay, {
|
|
39
|
-
style:
|
|
23
|
+
style: {
|
|
24
|
+
...animations.defaultStyleOverlay,
|
|
25
|
+
...animations.transitionStylesOverlay[state]
|
|
26
|
+
},
|
|
40
27
|
onClick: open ? onClose : void 0,
|
|
41
28
|
show: open,
|
|
42
29
|
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":["React","Transition","StyledOverlay","defaultStyleOverlay","transitionStylesOverlay"],"mappings":"
|
|
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":["React","Transition","StyledOverlay","defaultStyleOverlay","transitionStylesOverlay"],"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,uBACGA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACED,yBAAA,CAAA,aAAA,CAAAE,oBAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAGC,8BAAA;AAAA,MACH,GAAGC,kCAAwB,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;;;;"}
|
|
@@ -8,62 +8,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (__getOwnPropSymbols)
|
|
21
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
22
|
-
if (__propIsEnum.call(b, prop))
|
|
23
|
-
__defNormalProp(a, prop, b[prop]);
|
|
24
|
-
}
|
|
25
|
-
return a;
|
|
26
|
-
};
|
|
27
|
-
var __objRest = (source, exclude) => {
|
|
28
|
-
var target = {};
|
|
29
|
-
for (var prop in source)
|
|
30
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
-
target[prop] = source[prop];
|
|
32
|
-
if (source != null && __getOwnPropSymbols)
|
|
33
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
-
target[prop] = source[prop];
|
|
36
|
-
}
|
|
37
|
-
return target;
|
|
38
|
-
};
|
|
39
|
-
const Skeleton = (_a) => {
|
|
40
|
-
var _b = _a, {
|
|
41
|
-
children,
|
|
42
|
-
width,
|
|
43
|
-
height,
|
|
44
|
-
animation = "wave",
|
|
45
|
-
active = true,
|
|
46
|
-
radius
|
|
47
|
-
} = _b, rest = __objRest(_b, [
|
|
48
|
-
"children",
|
|
49
|
-
"width",
|
|
50
|
-
"height",
|
|
51
|
-
"animation",
|
|
52
|
-
"active",
|
|
53
|
-
"radius"
|
|
54
|
-
]);
|
|
11
|
+
const Skeleton = ({
|
|
12
|
+
children,
|
|
13
|
+
width,
|
|
14
|
+
height,
|
|
15
|
+
animation = "wave",
|
|
16
|
+
active = true,
|
|
17
|
+
radius,
|
|
18
|
+
...rest
|
|
19
|
+
}) => {
|
|
55
20
|
if (!width && !height && !children) {
|
|
56
21
|
throw new Error(
|
|
57
22
|
"[Skeleton] You should provide children or specify width and height"
|
|
58
23
|
);
|
|
59
24
|
}
|
|
60
|
-
return /* @__PURE__ */ React__default["default"].createElement(styled.Wrapper,
|
|
25
|
+
return /* @__PURE__ */ React__default["default"].createElement(styled.Wrapper, {
|
|
61
26
|
width,
|
|
62
27
|
height,
|
|
63
28
|
animation,
|
|
64
29
|
active,
|
|
65
|
-
radius
|
|
66
|
-
|
|
30
|
+
radius,
|
|
31
|
+
...rest
|
|
32
|
+
}, /* @__PURE__ */ React__default["default"].createElement(reactNativeWeb.View, {
|
|
67
33
|
style: { opacity: active ? 0 : 1 },
|
|
68
34
|
pointerEvents: active ? "none" : "auto"
|
|
69
35
|
}, 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":["React","Wrapper","View"],"mappings":"
|
|
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":["React","Wrapper","View"],"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,uBACGA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,kBAEHD,yBAAA,CAAA,aAAA,CAAAE,mBAAA,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;;;;"}
|
|
@@ -60,14 +60,8 @@ const Wrapper = styled__default["default"]("div")`
|
|
|
60
60
|
animation,
|
|
61
61
|
active
|
|
62
62
|
}) => !active ? void 0 : animation === "pulse" ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
|
|
63
|
-
width: ${({ width }) => {
|
|
64
|
-
|
|
65
|
-
return (_a = `${width}px`) != null ? _a : "100%";
|
|
66
|
-
}};
|
|
67
|
-
height: ${({ height }) => {
|
|
68
|
-
var _a;
|
|
69
|
-
return (_a = `${height}px`) != null ? _a : "auto";
|
|
70
|
-
}};
|
|
63
|
+
width: ${({ width }) => `${width}px` ?? "100%"};
|
|
64
|
+
height: ${({ height }) => `${height}px` ?? "auto"};
|
|
71
65
|
border-radius: ${({ theme, radius }) => radius ? theme.borderRadius[radius] : "unset"};
|
|
72
66
|
${({ animation, active }) => !active ? void 0 : animation === "pulse" ? pulseAnim : waveAnim};
|
|
73
67
|
`;
|
|
@@ -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":["keyframes","css","styled"],"mappings":";;;;;;;;;;;AAKA,MAAM,OAAU,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAAC,SAAA,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,GAAAA,SAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAUC,2BAAO,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,
|
|
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":["keyframes","css","styled"],"mappings":";;;;;;;;;;;AAKA,MAAM,OAAU,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAAC,SAAA,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,GAAAA,SAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAUC,2BAAO,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;;;;"}
|
|
@@ -9,55 +9,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
__defNormalProp(a, prop, b[prop]);
|
|
23
|
-
if (__getOwnPropSymbols)
|
|
24
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
25
|
-
if (__propIsEnum.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
}
|
|
28
|
-
return a;
|
|
29
|
-
};
|
|
30
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
31
|
-
var __objRest = (source, exclude) => {
|
|
32
|
-
var target = {};
|
|
33
|
-
for (var prop in source)
|
|
34
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
35
|
-
target[prop] = source[prop];
|
|
36
|
-
if (source != null && __getOwnPropSymbols)
|
|
37
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
38
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
39
|
-
target[prop] = source[prop];
|
|
40
|
-
}
|
|
41
|
-
return target;
|
|
42
|
-
};
|
|
43
|
-
const Switch = (_a) => {
|
|
44
|
-
var _b = _a, {
|
|
45
|
-
onChange,
|
|
46
|
-
activeColor = "primary",
|
|
47
|
-
activeColorTone = "medium",
|
|
48
|
-
inactiveColor = "secondary",
|
|
49
|
-
inactiveColorTone = "light",
|
|
50
|
-
active,
|
|
51
|
-
disabled = false
|
|
52
|
-
} = _b, rest = __objRest(_b, [
|
|
53
|
-
"onChange",
|
|
54
|
-
"activeColor",
|
|
55
|
-
"activeColorTone",
|
|
56
|
-
"inactiveColor",
|
|
57
|
-
"inactiveColorTone",
|
|
58
|
-
"active",
|
|
59
|
-
"disabled"
|
|
60
|
-
]);
|
|
12
|
+
const Switch = ({
|
|
13
|
+
onChange,
|
|
14
|
+
activeColor = "primary",
|
|
15
|
+
activeColorTone = "medium",
|
|
16
|
+
inactiveColor = "secondary",
|
|
17
|
+
inactiveColorTone = "light",
|
|
18
|
+
active,
|
|
19
|
+
disabled = false,
|
|
20
|
+
...rest
|
|
21
|
+
}) => {
|
|
61
22
|
const theme = reactWebKit.useTheme();
|
|
62
23
|
const handleChange = React.useCallback(() => {
|
|
63
24
|
if (!disabled)
|
|
@@ -105,10 +66,17 @@ const Switch = (_a) => {
|
|
|
105
66
|
timeout: 100
|
|
106
67
|
}, (state) => /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
107
68
|
onClick: handleChange
|
|
108
|
-
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitchContent,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
69
|
+
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitchContent, {
|
|
70
|
+
...rest,
|
|
71
|
+
style: {
|
|
72
|
+
...defaultStyleBackground,
|
|
73
|
+
...transitionStylesBackground[state]
|
|
74
|
+
}
|
|
75
|
+
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitch, {
|
|
76
|
+
style: {
|
|
77
|
+
...defaultStyleCircle,
|
|
78
|
+
...transitionStylesCircle[state]
|
|
79
|
+
}
|
|
112
80
|
}))));
|
|
113
81
|
};
|
|
114
82
|
|
|
@@ -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":["useTheme","useCallback","lightenDarkenColor","React","Transition","StyledSwitchContent","StyledSwitch"],"mappings":"
|
|
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":["useTheme","useCallback","lightenDarkenColor","React","Transition","StyledSwitchContent","StyledSwitch"],"mappings":";;;;;;;;;;;AASA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,WAAc,GAAA,SAAA;AAAA,EACd,eAAkB,GAAA,QAAA;AAAA,EAClB,aAAgB,GAAA,WAAA;AAAA,EAChB,iBAAoB,GAAA,OAAA;AAAA,EACpB,MAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACR,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,oBAAS,EAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAeC,kBAAY,MAAM;AACrC,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,QAAA,CAAS,CAAC,MAAM,CAAA,CAAA;AAAA,GAC9B,EAAA,CAAC,MAAQ,EAAA,QAAQ,CAAC,CAAA,CAAA;AAErB,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,UAAY,EAAA,CAAA,cAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,IAAA,OAAO,WACHC,8BAAmB,CAAA,KAAA,CAAM,MAAM,aAAe,CAAA,CAAA,iBAAA,CAAA,EAAoB,EAAE,CACpE,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,0BAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,aAAe,CAAA,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,WAAa,CAAA,CAAA,eAAA,CAAA;AAAA,OAC3B;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,WAAa,CAAA,CAAA,eAAA,CAAA;AAAA,OAC3B;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAA,CAAM,MAAM,aAAe,CAAA,CAAA,iBAAA,CAAA;AAAA,OAC7B;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,YAAY,CAAa,UAAA,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,QAAA,EAAU,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,IACxC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,GACxC,CAAA;AAEA,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,MAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,GAAA,EAC9B,2BACED,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,OAAS,EAAA,YAAA;AAAA,GAAA,kBACXA,yBAAA,CAAA,aAAA,CAAAE,0BAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,GAAG,sBAAA;AAAA,MACH,GAAG,0BAA2B,CAAA,KAAA,CAAA;AAAA,KAChC;AAAA,GAAA,kBAECF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,kBAAA;AAAA,MACH,GAAG,sBAAuB,CAAA,KAAA,CAAA;AAAA,KAC5B;AAAA,GACF,CACF,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -6,41 +6,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
6
6
|
|
|
7
7
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
if (__hasOwnProp.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
if (__getOwnPropSymbols)
|
|
19
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
-
if (__propIsEnum.call(b, prop))
|
|
21
|
-
__defNormalProp(a, prop, b[prop]);
|
|
22
|
-
}
|
|
23
|
-
return a;
|
|
24
|
-
};
|
|
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 TBody = (_a) => {
|
|
38
|
-
var _b = _a, {
|
|
39
|
-
children
|
|
40
|
-
} = _b, rest = __objRest(_b, [
|
|
41
|
-
"children"
|
|
42
|
-
]);
|
|
43
|
-
return /* @__PURE__ */ React__default["default"].createElement("tbody", __spreadValues({}, rest), children);
|
|
9
|
+
const TBody = ({
|
|
10
|
+
children,
|
|
11
|
+
...rest
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ React__default["default"].createElement("tbody", {
|
|
14
|
+
...rest
|
|
15
|
+
}, children);
|
|
44
16
|
};
|
|
45
17
|
|
|
46
18
|
module.exports = TBody;
|
|
@@ -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":["React"],"mappings":"
|
|
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":["React"],"mappings":";;;;;;;;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
|
|
@@ -7,41 +7,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
7
7
|
|
|
8
8
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
if (__hasOwnProp.call(b, prop))
|
|
18
|
-
__defNormalProp(a, prop, b[prop]);
|
|
19
|
-
if (__getOwnPropSymbols)
|
|
20
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
-
if (__propIsEnum.call(b, prop))
|
|
22
|
-
__defNormalProp(a, prop, b[prop]);
|
|
23
|
-
}
|
|
24
|
-
return a;
|
|
25
|
-
};
|
|
26
|
-
var __objRest = (source, exclude) => {
|
|
27
|
-
var target = {};
|
|
28
|
-
for (var prop in source)
|
|
29
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
30
|
-
target[prop] = source[prop];
|
|
31
|
-
if (source != null && __getOwnPropSymbols)
|
|
32
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
33
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
34
|
-
target[prop] = source[prop];
|
|
35
|
-
}
|
|
36
|
-
return target;
|
|
37
|
-
};
|
|
38
|
-
const Td = (_a) => {
|
|
39
|
-
var _b = _a, {
|
|
40
|
-
children
|
|
41
|
-
} = _b, rest = __objRest(_b, [
|
|
42
|
-
"children"
|
|
43
|
-
]);
|
|
44
|
-
return /* @__PURE__ */ React__default["default"].createElement(styled.TCell, __spreadValues({}, rest), children);
|
|
10
|
+
const Td = ({
|
|
11
|
+
children,
|
|
12
|
+
...rest
|
|
13
|
+
}) => {
|
|
14
|
+
return /* @__PURE__ */ React__default["default"].createElement(styled.TCell, {
|
|
15
|
+
...rest
|
|
16
|
+
}, children);
|
|
45
17
|
};
|
|
46
18
|
|
|
47
19
|
module.exports = Td;
|
|
@@ -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":["React","TCell"],"mappings":"
|
|
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":["React","TCell"],"mappings":";;;;;;;;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,YAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
|