@tecsinapse/react-web-kit 3.3.8 → 3.3.10-beta.0

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 (177) hide show
  1. package/dist/cjs/components/molecules/Select/Select.js +13 -1
  2. package/dist/cjs/components/molecules/Select/styled.js +6 -11
  3. package/dist/esm/components/molecules/Select/Select.js +14 -2
  4. package/dist/esm/components/molecules/Select/styled.js +6 -11
  5. package/package.json +3 -3
  6. package/dist/types/components/atoms/Accordion/Accordion.d.ts +0 -9
  7. package/dist/types/components/atoms/Accordion/animations.d.ts +0 -42
  8. package/dist/types/components/atoms/Accordion/index.d.ts +0 -2
  9. package/dist/types/components/atoms/Accordion/styled.d.ts +0 -17
  10. package/dist/types/components/atoms/Badge/Badge.d.ts +0 -8
  11. package/dist/types/components/atoms/Badge/index.d.ts +0 -2
  12. package/dist/types/components/atoms/Button/Button.d.ts +0 -10
  13. package/dist/types/components/atoms/Button/hooks/useMouseHover.d.ts +0 -5
  14. package/dist/types/components/atoms/Button/hooks/useMousePressed.d.ts +0 -5
  15. package/dist/types/components/atoms/Button/index.d.ts +0 -3
  16. package/dist/types/components/atoms/Button/styled.d.ts +0 -13
  17. package/dist/types/components/atoms/Dropdown/index.d.ts +0 -9
  18. package/dist/types/components/atoms/Dropdown/styled.d.ts +0 -5
  19. package/dist/types/components/atoms/Input/Input.d.ts +0 -7
  20. package/dist/types/components/atoms/Input/index.d.ts +0 -2
  21. package/dist/types/components/atoms/Input/styled.d.ts +0 -5
  22. package/dist/types/components/atoms/InputMask/InputMask.d.ts +0 -7
  23. package/dist/types/components/atoms/InputMask/index.d.ts +0 -2
  24. package/dist/types/components/atoms/InputMask/styled.d.ts +0 -5
  25. package/dist/types/components/atoms/Modal/Modal.d.ts +0 -7
  26. package/dist/types/components/atoms/Modal/animations.d.ts +0 -23
  27. package/dist/types/components/atoms/Modal/index.d.ts +0 -2
  28. package/dist/types/components/atoms/Modal/styled.d.ts +0 -5
  29. package/dist/types/components/atoms/Overlay/Overlay.d.ts +0 -11
  30. package/dist/types/components/atoms/Overlay/animations.d.ts +0 -23
  31. package/dist/types/components/atoms/Overlay/index.d.ts +0 -1
  32. package/dist/types/components/atoms/Overlay/styled.d.ts +0 -11
  33. package/dist/types/components/atoms/Skeleton/Skeleton.d.ts +0 -11
  34. package/dist/types/components/atoms/Skeleton/index.d.ts +0 -2
  35. package/dist/types/components/atoms/Skeleton/styled.d.ts +0 -6
  36. package/dist/types/components/atoms/Switch/Switch.d.ts +0 -4
  37. package/dist/types/components/atoms/Switch/index.d.ts +0 -1
  38. package/dist/types/components/atoms/Switch/styled.d.ts +0 -9
  39. package/dist/types/components/atoms/Table/Body/TBody.d.ts +0 -3
  40. package/dist/types/components/atoms/Table/Body/index.d.ts +0 -1
  41. package/dist/types/components/atoms/Table/Cell/Td.d.ts +0 -3
  42. package/dist/types/components/atoms/Table/Cell/index.d.ts +0 -1
  43. package/dist/types/components/atoms/Table/Cell/styled.d.ts +0 -5
  44. package/dist/types/components/atoms/Table/Container/TableContainer.d.ts +0 -3
  45. package/dist/types/components/atoms/Table/Container/index.d.ts +0 -1
  46. package/dist/types/components/atoms/Table/Container/styled.d.ts +0 -5
  47. package/dist/types/components/atoms/Table/Footer/TFoot.d.ts +0 -3
  48. package/dist/types/components/atoms/Table/Footer/index.d.ts +0 -1
  49. package/dist/types/components/atoms/Table/Footer/styled.d.ts +0 -5
  50. package/dist/types/components/atoms/Table/Header/THead.d.ts +0 -3
  51. package/dist/types/components/atoms/Table/Header/Th.d.ts +0 -3
  52. package/dist/types/components/atoms/Table/Header/index.d.ts +0 -2
  53. package/dist/types/components/atoms/Table/Header/styled.d.ts +0 -13
  54. package/dist/types/components/atoms/Table/Row/Tr.d.ts +0 -3
  55. package/dist/types/components/atoms/Table/Row/index.d.ts +0 -1
  56. package/dist/types/components/atoms/Table/Row/styled.d.ts +0 -5
  57. package/dist/types/components/atoms/Table/Table.d.ts +0 -3
  58. package/dist/types/components/atoms/Table/Toolbar/TableToolbar.d.ts +0 -8
  59. package/dist/types/components/atoms/Table/Toolbar/index.d.ts +0 -2
  60. package/dist/types/components/atoms/Table/Toolbar/styled.d.ts +0 -5
  61. package/dist/types/components/atoms/Table/index.d.ts +0 -9
  62. package/dist/types/components/atoms/Table/styled.d.ts +0 -5
  63. package/dist/types/components/atoms/Tag/Tag.d.ts +0 -8
  64. package/dist/types/components/atoms/Tag/index.d.ts +0 -2
  65. package/dist/types/components/atoms/Tooltip/Tooltip.d.ts +0 -15
  66. package/dist/types/components/atoms/Tooltip/index.d.ts +0 -2
  67. package/dist/types/components/atoms/Tooltip/styled.d.ts +0 -18
  68. package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts +0 -9
  69. package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/index.d.ts +0 -2
  70. package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts +0 -9
  71. package/dist/types/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +0 -11
  72. package/dist/types/components/molecules/Breadcrumbs/index.d.ts +0 -2
  73. package/dist/types/components/molecules/Breadcrumbs/styled.d.ts +0 -5
  74. package/dist/types/components/molecules/DatePicker/DatePicker.d.ts +0 -6
  75. package/dist/types/components/molecules/DatePicker/Modal.d.ts +0 -5
  76. package/dist/types/components/molecules/DatePicker/index.d.ts +0 -2
  77. package/dist/types/components/molecules/DatePicker/styled.d.ts +0 -11
  78. package/dist/types/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -4
  79. package/dist/types/components/molecules/DateTimePicker/Modal.d.ts +0 -3
  80. package/dist/types/components/molecules/DateTimePicker/index.d.ts +0 -2
  81. package/dist/types/components/molecules/DateTimePicker/styled.d.ts +0 -11
  82. package/dist/types/components/molecules/DateTimePickerSelector/DateTimePickerSelector.d.ts +0 -5
  83. package/dist/types/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.d.ts +0 -10
  84. package/dist/types/components/molecules/DateTimePickerSelector/components/ScrollableDigit.d.ts +0 -13
  85. package/dist/types/components/molecules/DateTimePickerSelector/components/index.d.ts +0 -2
  86. package/dist/types/components/molecules/DateTimePickerSelector/index.d.ts +0 -1
  87. package/dist/types/components/molecules/DateTimePickerSelector/styled.d.ts +0 -40
  88. package/dist/types/components/molecules/Drawer/Drawer.d.ts +0 -9
  89. package/dist/types/components/molecules/Drawer/animations.d.ts +0 -35
  90. package/dist/types/components/molecules/Drawer/index.d.ts +0 -2
  91. package/dist/types/components/molecules/Drawer/styled.d.ts +0 -6
  92. package/dist/types/components/molecules/Grid/Grid.d.ts +0 -5
  93. package/dist/types/components/molecules/Grid/Item/Item.d.ts +0 -9
  94. package/dist/types/components/molecules/Grid/Item/functions.d.ts +0 -2
  95. package/dist/types/components/molecules/Grid/Item/index.d.ts +0 -2
  96. package/dist/types/components/molecules/Grid/index.d.ts +0 -4
  97. package/dist/types/components/molecules/IconTextButton/IconTextButton.d.ts +0 -6
  98. package/dist/types/components/molecules/IconTextButton/TextComponent.d.ts +0 -12
  99. package/dist/types/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts +0 -7
  100. package/dist/types/components/molecules/IconTextButton/index.d.ts +0 -2
  101. package/dist/types/components/molecules/IconTextButton/styled.d.ts +0 -12
  102. package/dist/types/components/molecules/InputPassword/InputPassword.d.ts +0 -5
  103. package/dist/types/components/molecules/InputPassword/index.d.ts +0 -2
  104. package/dist/types/components/molecules/LabeledSwitch/LabelComponent.d.ts +0 -12
  105. package/dist/types/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -7
  106. package/dist/types/components/molecules/LabeledSwitch/index.d.ts +0 -2
  107. package/dist/types/components/molecules/LabeledSwitch/styled.d.ts +0 -12
  108. package/dist/types/components/molecules/Masonry/Masonry.d.ts +0 -10
  109. package/dist/types/components/molecules/Masonry/index.d.ts +0 -1
  110. package/dist/types/components/molecules/Masonry/styled.d.ts +0 -18
  111. package/dist/types/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts +0 -8
  112. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts +0 -12
  113. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts +0 -8
  114. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.d.ts +0 -1
  115. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts +0 -9
  116. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/index.d.ts +0 -1
  117. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts +0 -9
  118. package/dist/types/components/molecules/Menubar/MenuBlock/index.d.ts +0 -1
  119. package/dist/types/components/molecules/Menubar/MenuBlock/styled.d.ts +0 -21
  120. package/dist/types/components/molecules/Menubar/Menubar.d.ts +0 -14
  121. package/dist/types/components/molecules/Menubar/MostUsed/MostUsed.d.ts +0 -9
  122. package/dist/types/components/molecules/Menubar/MostUsed/index.d.ts +0 -1
  123. package/dist/types/components/molecules/Menubar/MostUsed/styled.d.ts +0 -9
  124. package/dist/types/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts +0 -9
  125. package/dist/types/components/molecules/Menubar/SearchResultItem/index.d.ts +0 -1
  126. package/dist/types/components/molecules/Menubar/SearchResultItem/styled.d.ts +0 -9
  127. package/dist/types/components/molecules/Menubar/SearchResultItem/utils.d.ts +0 -3
  128. package/dist/types/components/molecules/Menubar/animations.d.ts +0 -4
  129. package/dist/types/components/molecules/Menubar/index.d.ts +0 -3
  130. package/dist/types/components/molecules/Menubar/styled.d.ts +0 -40
  131. package/dist/types/components/molecules/Menubar/types.d.ts +0 -19
  132. package/dist/types/components/molecules/Menubar/utils.d.ts +0 -2
  133. package/dist/types/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.d.ts +0 -10
  134. package/dist/types/components/molecules/ScrollableMonthYearPicker/index.d.ts +0 -1
  135. package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts +0 -9
  136. package/dist/types/components/molecules/ScrollableTimePicker/ScrollableTimePicker.d.ts +0 -10
  137. package/dist/types/components/molecules/ScrollableTimePicker/index.d.ts +0 -1
  138. package/dist/types/components/molecules/ScrollableTimePicker/styled.d.ts +0 -9
  139. package/dist/types/components/molecules/Select/Dropdown/Dropdown.d.ts +0 -11
  140. package/dist/types/components/molecules/Select/Dropdown/components/SearchInput.d.ts +0 -8
  141. package/dist/types/components/molecules/Select/Dropdown/components/index.d.ts +0 -1
  142. package/dist/types/components/molecules/Select/Dropdown/index.d.ts +0 -1
  143. package/dist/types/components/molecules/Select/Dropdown/styled.d.ts +0 -36
  144. package/dist/types/components/molecules/Select/Select.d.ts +0 -23
  145. package/dist/types/components/molecules/Select/SelectItem/SelectItem.d.ts +0 -16
  146. package/dist/types/components/molecules/Select/SelectItem/index.d.ts +0 -1
  147. package/dist/types/components/molecules/Select/SelectItem/styled.d.ts +0 -15
  148. package/dist/types/components/molecules/Select/animations.d.ts +0 -51
  149. package/dist/types/components/molecules/Select/functions.d.ts +0 -2
  150. package/dist/types/components/molecules/Select/index.d.ts +0 -2
  151. package/dist/types/components/molecules/Select/styled.d.ts +0 -10
  152. package/dist/types/components/molecules/Select/types.d.ts +0 -4
  153. package/dist/types/components/molecules/Snackbar/Snackbar.d.ts +0 -8
  154. package/dist/types/components/molecules/Snackbar/index.d.ts +0 -2
  155. package/dist/types/components/molecules/Snackbar/styled.d.ts +0 -5
  156. package/dist/types/components/molecules/TextArea/TextArea.d.ts +0 -5
  157. package/dist/types/components/molecules/TextArea/index.d.ts +0 -2
  158. package/dist/types/components/molecules/TextArea/styled.d.ts +0 -1
  159. package/dist/types/components/organisms/DataGrid/DataGrid.d.ts +0 -29
  160. package/dist/types/components/organisms/DataGrid/Footer/Footer.d.ts +0 -16
  161. package/dist/types/components/organisms/DataGrid/Footer/index.d.ts +0 -1
  162. package/dist/types/components/organisms/DataGrid/Footer/styled.d.ts +0 -60
  163. package/dist/types/components/organisms/DataGrid/Header/Header.d.ts +0 -12
  164. package/dist/types/components/organisms/DataGrid/Header/index.d.ts +0 -1
  165. package/dist/types/components/organisms/DataGrid/Header/styled.d.ts +0 -4
  166. package/dist/types/components/organisms/DataGrid/Header/utils.d.ts +0 -8
  167. package/dist/types/components/organisms/DataGrid/Row/Row.d.ts +0 -10
  168. package/dist/types/components/organisms/DataGrid/Row/index.d.ts +0 -1
  169. package/dist/types/components/organisms/DataGrid/index.d.ts +0 -3
  170. package/dist/types/components/organisms/DataGrid/styled.d.ts +0 -4
  171. package/dist/types/components/organisms/DataGrid/types.d.ts +0 -8
  172. package/dist/types/components/organisms/DataGrid/utils.d.ts +0 -2
  173. package/dist/types/hooks/index.d.ts +0 -3
  174. package/dist/types/hooks/useBreakpoints.d.ts +0 -6
  175. package/dist/types/hooks/useClickAwayListener.d.ts +0 -2
  176. package/dist/types/hooks/useWindowSize.d.ts +0 -6
  177. package/dist/types/index.d.ts +0 -47
@@ -104,13 +104,25 @@ const Select = ({
104
104
  () => setDropDownVisible((prev) => !prev),
105
105
  [setDropDownVisible]
106
106
  );
107
+ const RightComponent = React.useMemo(
108
+ () => /* @__PURE__ */ React.createElement(
109
+ styled.StyledIconComponent,
110
+ {
111
+ name: "chevron-down",
112
+ type: "material-community",
113
+ size: "centi",
114
+ disabled
115
+ }
116
+ ),
117
+ [disabled]
118
+ );
107
119
  return /* @__PURE__ */ React.createElement(styled.StyledContainer, { ref: refDropDown, ...rest }, /* @__PURE__ */ React.createElement(styled.StyledInputContainer, { onFocus: handlePressInput }, /* @__PURE__ */ React.createElement(
108
120
  reactCore.PressableInputContainer,
109
121
  {
110
122
  label: _label,
111
123
  onPress,
112
124
  disabled,
113
- rightComponent: styled.RightComponent
125
+ rightComponent: RightComponent
114
126
  },
115
127
  /* @__PURE__ */ React.createElement(
116
128
  reactCore.Text,
@@ -2,7 +2,7 @@
2
2
 
3
3
  var styled = require('@emotion/styled');
4
4
  var reactCore = require('@tecsinapse/react-core');
5
- var React = require('react');
5
+ var styled$1 = require('@emotion/native');
6
6
 
7
7
  const StyledContainer = styled("div")`
8
8
  display: flex;
@@ -15,16 +15,11 @@ const StyledContainer = styled("div")`
15
15
  const StyledInputContainer = styled("div")`
16
16
  width: 100%;
17
17
  `;
18
- const RightComponent = /* @__PURE__ */ React.createElement(
19
- reactCore.Icon,
20
- {
21
- name: "chevron-down",
22
- type: "material-community",
23
- size: "centi",
24
- style: { marginRight: 12 }
25
- }
26
- );
18
+ const StyledIconComponent = styled$1(reactCore.Icon)`
19
+ margin-right: 12px;
20
+ color: ${({ disabled, theme }) => disabled ? theme.color.secondary.light : "inherit"};
21
+ `;
27
22
 
28
- exports.RightComponent = RightComponent;
29
23
  exports.StyledContainer = StyledContainer;
24
+ exports.StyledIconComponent = StyledIconComponent;
30
25
  exports.StyledInputContainer = StyledInputContainer;
@@ -1,11 +1,11 @@
1
1
  import { PressableInputContainer, Text } from '@tecsinapse/react-core';
2
- import React__default, { useState, useId, useEffect } from 'react';
2
+ import React__default, { useState, useId, useEffect, useMemo } from 'react';
3
3
  import { Transition } from 'react-transition-group';
4
4
  import { useClickAwayListener } from '../../../hooks/useClickAwayListener.js';
5
5
  import { defaultStyles, transition } from './animations.js';
6
6
  import Dropdown from './Dropdown/Dropdown.js';
7
7
  import { getDisplayValue } from './functions.js';
8
- import { StyledContainer, StyledInputContainer, RightComponent } from './styled.js';
8
+ import { StyledIconComponent, StyledContainer, StyledInputContainer } from './styled.js';
9
9
 
10
10
  const Select = ({
11
11
  value,
@@ -102,6 +102,18 @@ const Select = ({
102
102
  () => setDropDownVisible((prev) => !prev),
103
103
  [setDropDownVisible]
104
104
  );
105
+ const RightComponent = useMemo(
106
+ () => /* @__PURE__ */ React__default.createElement(
107
+ StyledIconComponent,
108
+ {
109
+ name: "chevron-down",
110
+ type: "material-community",
111
+ size: "centi",
112
+ disabled
113
+ }
114
+ ),
115
+ [disabled]
116
+ );
105
117
  return /* @__PURE__ */ React__default.createElement(StyledContainer, { ref: refDropDown, ...rest }, /* @__PURE__ */ React__default.createElement(StyledInputContainer, { onFocus: handlePressInput }, /* @__PURE__ */ React__default.createElement(
106
118
  PressableInputContainer,
107
119
  {
@@ -1,6 +1,6 @@
1
1
  import styled from '@emotion/styled';
2
2
  import { Icon } from '@tecsinapse/react-core';
3
- import React__default from 'react';
3
+ import styled$1 from '@emotion/native';
4
4
 
5
5
  const StyledContainer = styled("div")`
6
6
  display: flex;
@@ -13,14 +13,9 @@ const StyledContainer = styled("div")`
13
13
  const StyledInputContainer = styled("div")`
14
14
  width: 100%;
15
15
  `;
16
- const RightComponent = /* @__PURE__ */ React__default.createElement(
17
- Icon,
18
- {
19
- name: "chevron-down",
20
- type: "material-community",
21
- size: "centi",
22
- style: { marginRight: 12 }
23
- }
24
- );
16
+ const StyledIconComponent = styled$1(Icon)`
17
+ margin-right: 12px;
18
+ color: ${({ disabled, theme }) => disabled ? theme.color.secondary.light : "inherit"};
19
+ `;
25
20
 
26
- export { RightComponent, StyledContainer, StyledInputContainer };
21
+ export { StyledContainer, StyledIconComponent, StyledInputContainer };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tecsinapse/react-web-kit",
3
3
  "description": "TecSinapse React components",
4
- "version": "3.3.8",
4
+ "version": "3.3.10-beta.0",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
7
7
  "module": "dist/esm/index.js",
@@ -21,7 +21,7 @@
21
21
  "@emotion/native": "~11.11.0",
22
22
  "@emotion/react": "~11.11.0",
23
23
  "@emotion/styled": "~11.11.0",
24
- "@tecsinapse/react-core": "3.3.5",
24
+ "@tecsinapse/react-core": "3.3.7-beta.0",
25
25
  "date-fns": "~2.30.0",
26
26
  "react-native-vector-icons": "^9.2.0",
27
27
  "react-transition-group": "~4.4.5"
@@ -40,5 +40,5 @@
40
40
  "react-dom": "^18.0.0",
41
41
  "react-native-web": ">=0.18.0 <1"
42
42
  },
43
- "gitHead": "588127ddda450b66ab81cb32352f0b4d8fcf584c"
43
+ "gitHead": "a1a418553abed1699b51725c61eacd30f518fe3c"
44
44
  }
@@ -1,9 +0,0 @@
1
- import React, { PropsWithChildren } from 'react';
2
- export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
3
- open?: boolean;
4
- onChange?: () => void;
5
- title: string;
6
- transition?: number;
7
- }
8
- declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => JSX.Element;
9
- export default Accordion;
@@ -1,42 +0,0 @@
1
- import { ThemeProp } from '@tecsinapse/react-core';
2
- export declare const contentStyle: (open: boolean, transition: number, value: number, theme: ThemeProp) => {
3
- transition: string;
4
- paddingBottom: number;
5
- height: number;
6
- };
7
- export declare const contentTransition: (value: number, theme: ThemeProp) => {
8
- entering: {
9
- paddingBottom: number;
10
- height: number;
11
- };
12
- entered: {
13
- paddingBottom: number;
14
- height: number;
15
- };
16
- exiting: {
17
- paddingBottom: number;
18
- height: number;
19
- };
20
- exited: {
21
- paddingBottom: number;
22
- height: number;
23
- };
24
- };
25
- export declare const titleStyle: (transition: number, theme: ThemeProp) => {
26
- transition: string;
27
- color: string;
28
- };
29
- export declare const titleTransition: (theme: ThemeProp) => {
30
- entering: {
31
- color: string;
32
- };
33
- entered: {
34
- color: string;
35
- };
36
- exiting: {
37
- color: string;
38
- };
39
- exited: {
40
- color: string;
41
- };
42
- };
@@ -1,2 +0,0 @@
1
- export { default as Accordion } from './Accordion';
2
- export type { AccordionProps } from './Accordion';
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const IconContainer: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const TitleContainer: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const AccordionContainer: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,8 +0,0 @@
1
- import { BadgeProps, FontColorType } from '@tecsinapse/react-core';
2
- import { FC } from 'react';
3
- export interface BadgeWebProps extends Omit<BadgeProps, 'value'> {
4
- fontColor?: FontColorType;
5
- value: string | number;
6
- }
7
- declare const Badge: FC<BadgeWebProps>;
8
- export default Badge;
@@ -1,2 +0,0 @@
1
- export { default as Badge } from './Badge';
2
- export type { BadgeWebProps } from './Badge';
@@ -1,10 +0,0 @@
1
- import { ButtonProps } from '@tecsinapse/react-core';
2
- import { FC } from 'react';
3
- export type WebButtonProps = ButtonProps & {
4
- onMouseOver?: () => void;
5
- onMouseOut?: () => void;
6
- onPressIn?: () => void;
7
- onPressOut?: () => void;
8
- };
9
- declare const Button: FC<WebButtonProps>;
10
- export default Button;
@@ -1,5 +0,0 @@
1
- export declare const useMouseHover: (active: boolean, onMouseOver?: () => void, onMouseOut?: () => void) => {
2
- mouseOver: boolean;
3
- handleMouseOver: () => void;
4
- handleMouseOut: () => void;
5
- };
@@ -1,5 +0,0 @@
1
- export declare const useMousePressed: (active: boolean, onPressIn?: () => void, onPressOut?: () => void) => {
2
- pressed: boolean;
3
- handlePressIn: () => void;
4
- handlePressOut: () => void;
5
- };
@@ -1,3 +0,0 @@
1
- export { default as Button } from './Button';
2
- export type { WebButtonProps } from './Button';
3
- export * from './hooks/useMouseHover';
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledWebButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- mouseOver: boolean;
7
- pressed: boolean;
8
- } & {
9
- onMouseOver?: (() => void) | undefined;
10
- onMouseOut?: (() => void) | undefined;
11
- onPressIn?: (() => void) | undefined;
12
- onPressOut?: (() => void) | undefined;
13
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
@@ -1,9 +0,0 @@
1
- import React, { Dispatch, SetStateAction } from 'react';
2
- export interface DropdownProps {
3
- visible: boolean;
4
- setVisible: Dispatch<SetStateAction<boolean>>;
5
- onClickAway?: () => void;
6
- }
7
- export declare const Dropdown: React.FC<DropdownProps & {
8
- children: JSX.Element;
9
- }>;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,7 +0,0 @@
1
- import { InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
2
- import React, { FC } from 'react';
3
- export type InputWebProps = Omit<InputElementProps, 'style'> & InputContainerProps & {
4
- ref?: React.Ref<HTMLInputElement | undefined>;
5
- };
6
- declare const Input: FC<InputWebProps>;
7
- export default Input;
@@ -1,2 +0,0 @@
1
- export { default as Input } from './Input';
2
- export type { InputWebProps } from './Input';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledWebTextInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
@@ -1,7 +0,0 @@
1
- import { InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
2
- import React, { FC } from 'react';
3
- export type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> & InputContainerProps & {
4
- ref?: React.Ref<HTMLInputElement | undefined>;
5
- };
6
- declare const InputMask: FC<InputMaskWebProps>;
7
- export default InputMask;
@@ -1,2 +0,0 @@
1
- export { default as InputMask } from './InputMask';
2
- export type { InputMaskWebProps } from './InputMask';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledWebTextInputMask: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputMaskElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
3
- open: boolean;
4
- onClose: () => void;
5
- }
6
- declare const Modal: React.FC<ModalProps>;
7
- export default Modal;
@@ -1,23 +0,0 @@
1
- export declare const defaultStyleOverlay: {
2
- transition: string;
3
- opacity: number;
4
- visibility: string;
5
- };
6
- export declare const transitionStylesOverlay: {
7
- entering: {
8
- opacity: number;
9
- visibility: string;
10
- };
11
- entered: {
12
- opacity: number;
13
- visibility: string;
14
- };
15
- exiting: {
16
- opacity: number;
17
- visibility: string;
18
- };
19
- exited: {
20
- opacity: number;
21
- visibility: string;
22
- };
23
- };
@@ -1,2 +0,0 @@
1
- export { default as Modal } from './Modal';
2
- export type { ModalProps } from './Modal';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ModalContainer: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { ZIndex } from '@tecsinapse/react-core';
3
- export interface OverlayProps {
4
- timeout?: number;
5
- open: boolean;
6
- onClose: () => void;
7
- zIndex: keyof ZIndex;
8
- children?: ReactNode;
9
- }
10
- declare const Overlay: ({ timeout, open, onClose, zIndex, children, }: OverlayProps) => JSX.Element;
11
- export default Overlay;
@@ -1,23 +0,0 @@
1
- export declare const defaultStyleOverlay: {
2
- transition: string;
3
- opacity: number;
4
- visibility: string;
5
- };
6
- export declare const transitionStylesOverlay: {
7
- entering: {
8
- opacity: number;
9
- visibility: string;
10
- };
11
- entered: {
12
- opacity: number;
13
- visibility: string;
14
- };
15
- exiting: {
16
- opacity: number;
17
- visibility: string;
18
- };
19
- exited: {
20
- opacity: number;
21
- visibility: string;
22
- };
23
- };
@@ -1 +0,0 @@
1
- export { default as Overlay } from './Overlay';
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { ZIndex } from '@tecsinapse/react-core';
3
- type InjectedProps = {
4
- show: boolean;
5
- zIndex: keyof ZIndex;
6
- };
7
- export declare const StyledOverlay: import("@emotion/styled").StyledComponent<{
8
- theme?: import("@emotion/react").Theme | undefined;
9
- as?: import("react").ElementType<any> | undefined;
10
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
- export {};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { BorderRadiusType } from '@tecsinapse/react-core';
3
- export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
4
- width?: number;
5
- height?: number;
6
- animation?: 'pulse' | 'wave';
7
- active?: boolean;
8
- radius?: BorderRadiusType;
9
- }
10
- declare const Skeleton: React.FC<SkeletonProps>;
11
- export default Skeleton;
@@ -1,2 +0,0 @@
1
- export { default as Skeleton } from './Skeleton';
2
- export type { SkeletonProps } from './Skeleton';
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { SkeletonProps } from './Skeleton';
3
- export declare const Wrapper: import("@emotion/styled").StyledComponent<{
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import { SwitchProps } from '@tecsinapse/react-core';
3
- declare const Switch: FC<SwitchProps>;
4
- export default Switch;
@@ -1 +0,0 @@
1
- export { default as Switch } from './Switch';
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledSwitchContent: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const StyledSwitch: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
3
- export default TBody;
@@ -1 +0,0 @@
1
- export { default as TBody } from './TBody';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>>;
3
- export default Td;
@@ -1 +0,0 @@
1
- export { default as Td } from './Td';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const TCell: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>>;
3
- export default TableContainer;
@@ -1 +0,0 @@
1
- export { default as TableContainer } from './TableContainer';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const TContainer: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
3
- export default TFoot;
@@ -1 +0,0 @@
1
- export { default as TFoot } from './TFoot';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const TFooter: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
3
- export default THead;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>>;
3
- export default Th;
@@ -1,2 +0,0 @@
1
- export { default as Th } from './Th';
2
- export { default as THead } from './THead';
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ThStyled: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
6
- export declare const THeadStyled: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
10
- export declare const HeaderBackground: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>>;
3
- export default Tr;
@@ -1 +0,0 @@
1
- export { default as Tr } from './Tr';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const TRow: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>>;
3
- export default Table;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export interface TableToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
3
- rightIcons?: React.ReactNode;
4
- footer?: React.ReactNode;
5
- title: string;
6
- }
7
- declare const TableToolbar: React.FC<TableToolbarProps>;
8
- export default TableToolbar;
@@ -1,2 +0,0 @@
1
- export { default as TableToolbar } from './TableToolbar';
2
- export type { TableToolbarProps } from './TableToolbar';
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const TableToolbarStyled: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;