@tecsinapse/react-web-kit 3.5.0 → 3.5.1-beta.1

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 (168) hide show
  1. package/dist/cjs/components/atoms/Accordion/Accordion.js +36 -29
  2. package/dist/cjs/components/atoms/Badge/Badge.js +5 -5
  3. package/dist/cjs/components/atoms/Button/Button.js +5 -5
  4. package/dist/cjs/components/atoms/Dropdown/index.js +6 -5
  5. package/dist/cjs/components/atoms/Input/Input.js +34 -30
  6. package/dist/cjs/components/atoms/InputMask/InputMask.js +34 -30
  7. package/dist/cjs/components/atoms/Modal/Modal.js +17 -13
  8. package/dist/cjs/components/atoms/Overlay/Overlay.js +6 -5
  9. package/dist/cjs/components/atoms/Skeleton/Skeleton.js +12 -12
  10. package/dist/cjs/components/atoms/Switch/Switch.js +13 -12
  11. package/dist/cjs/components/atoms/Table/Body/TBody.js +2 -2
  12. package/dist/cjs/components/atoms/Table/Cell/Td.js +2 -2
  13. package/dist/cjs/components/atoms/Table/Container/TableContainer.js +2 -2
  14. package/dist/cjs/components/atoms/Table/Footer/TFoot.js +2 -2
  15. package/dist/cjs/components/atoms/Table/Header/THead.js +5 -2
  16. package/dist/cjs/components/atoms/Table/Header/Th.js +2 -2
  17. package/dist/cjs/components/atoms/Table/Row/Tr.js +2 -2
  18. package/dist/cjs/components/atoms/Table/Table.js +2 -2
  19. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js +8 -2
  20. package/dist/cjs/components/atoms/Tag/Tag.js +6 -6
  21. package/dist/cjs/components/atoms/Tooltip/Tooltip.js +24 -18
  22. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +13 -10
  23. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js +6 -6
  24. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +13 -12
  25. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +4 -3
  26. package/dist/cjs/components/molecules/DateTimePickerSelector/DateTimePickerSelector.js +53 -64
  27. package/dist/cjs/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.js +6 -5
  28. package/dist/cjs/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js +25 -21
  29. package/dist/cjs/components/molecules/Drawer/Drawer.js +16 -12
  30. package/dist/cjs/components/molecules/Grid/Grid.js +32 -24
  31. package/dist/cjs/components/molecules/Grid/Item/Item.js +10 -5
  32. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +33 -31
  33. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +6 -5
  34. package/dist/cjs/components/molecules/InputPassword/InputPassword.js +13 -9
  35. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +6 -5
  36. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +36 -32
  37. package/dist/cjs/components/molecules/Masonry/Masonry.js +4 -3
  38. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js +24 -17
  39. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +23 -15
  40. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +6 -2
  41. package/dist/cjs/components/molecules/Menubar/Menubar.js +75 -58
  42. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js +30 -23
  43. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +14 -11
  44. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js +2 -2
  45. package/dist/cjs/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.js +28 -24
  46. package/dist/cjs/components/molecules/ScrollableTimePicker/ScrollableTimePicker.js +31 -47
  47. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js +50 -45
  48. package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js +3 -2
  49. package/dist/cjs/components/molecules/Select/Select.js +50 -45
  50. package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js +5 -1
  51. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +2 -2
  52. package/dist/cjs/components/molecules/TextArea/TextArea.js +19 -19
  53. package/dist/cjs/components/organisms/DataGrid/DataGrid.js +55 -47
  54. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js +72 -57
  55. package/dist/cjs/components/organisms/DataGrid/Footer/styled.js +2 -1
  56. package/dist/cjs/components/organisms/DataGrid/Header/Header.js +28 -22
  57. package/dist/cjs/components/organisms/DataGrid/Header/styled.js +1 -1
  58. package/dist/cjs/components/organisms/DataGrid/Row/Row.js +11 -7
  59. package/dist/cjs/components/organisms/DataGrid/styled.js +1 -1
  60. package/dist/esm/components/atoms/Accordion/Accordion.js +36 -29
  61. package/dist/esm/components/atoms/Badge/Badge.js +5 -5
  62. package/dist/esm/components/atoms/Button/Button.js +5 -5
  63. package/dist/esm/components/atoms/Dropdown/index.js +6 -5
  64. package/dist/esm/components/atoms/Input/Input.js +34 -30
  65. package/dist/esm/components/atoms/InputMask/InputMask.js +34 -30
  66. package/dist/esm/components/atoms/Modal/Modal.js +18 -14
  67. package/dist/esm/components/atoms/Overlay/Overlay.js +7 -6
  68. package/dist/esm/components/atoms/Skeleton/Skeleton.js +12 -12
  69. package/dist/esm/components/atoms/Switch/Switch.js +14 -13
  70. package/dist/esm/components/atoms/Table/Body/TBody.js +2 -2
  71. package/dist/esm/components/atoms/Table/Cell/Td.js +2 -2
  72. package/dist/esm/components/atoms/Table/Container/TableContainer.js +2 -2
  73. package/dist/esm/components/atoms/Table/Footer/TFoot.js +2 -2
  74. package/dist/esm/components/atoms/Table/Header/THead.js +5 -2
  75. package/dist/esm/components/atoms/Table/Header/Th.js +2 -2
  76. package/dist/esm/components/atoms/Table/Row/Tr.js +2 -2
  77. package/dist/esm/components/atoms/Table/Table.js +2 -2
  78. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js +8 -2
  79. package/dist/esm/components/atoms/Tag/Tag.js +6 -6
  80. package/dist/esm/components/atoms/Tooltip/Tooltip.js +24 -18
  81. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +13 -10
  82. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +6 -6
  83. package/dist/esm/components/molecules/DatePicker/DatePicker.js +14 -13
  84. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +5 -4
  85. package/dist/esm/components/molecules/DateTimePickerSelector/DateTimePickerSelector.js +53 -45
  86. package/dist/esm/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.js +6 -5
  87. package/dist/esm/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js +25 -21
  88. package/dist/esm/components/molecules/Drawer/Drawer.js +17 -13
  89. package/dist/esm/components/molecules/Grid/Grid.js +32 -24
  90. package/dist/esm/components/molecules/Grid/Item/Item.js +10 -5
  91. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +33 -31
  92. package/dist/esm/components/molecules/IconTextButton/TextComponent.js +6 -5
  93. package/dist/esm/components/molecules/InputPassword/InputPassword.js +13 -9
  94. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +6 -5
  95. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +36 -32
  96. package/dist/esm/components/molecules/Masonry/Masonry.js +4 -3
  97. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js +24 -17
  98. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +23 -15
  99. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +6 -2
  100. package/dist/esm/components/molecules/Menubar/Menubar.js +75 -58
  101. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js +31 -24
  102. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +14 -11
  103. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js +2 -2
  104. package/dist/esm/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.js +28 -24
  105. package/dist/esm/components/molecules/ScrollableTimePicker/ScrollableTimePicker.js +31 -28
  106. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js +50 -45
  107. package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js +3 -2
  108. package/dist/esm/components/molecules/Select/Select.js +50 -45
  109. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js +5 -1
  110. package/dist/esm/components/molecules/Snackbar/Snackbar.js +2 -2
  111. package/dist/esm/components/molecules/TextArea/TextArea.js +19 -19
  112. package/dist/esm/components/organisms/DataGrid/DataGrid.js +55 -47
  113. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js +72 -57
  114. package/dist/esm/components/organisms/DataGrid/Footer/styled.js +2 -1
  115. package/dist/esm/components/organisms/DataGrid/Header/Header.js +28 -22
  116. package/dist/esm/components/organisms/DataGrid/Header/styled.js +1 -1
  117. package/dist/esm/components/organisms/DataGrid/Row/Row.js +11 -7
  118. package/dist/esm/components/organisms/DataGrid/styled.js +1 -1
  119. package/dist/types/components/atoms/Accordion/Accordion.d.ts +1 -1
  120. package/dist/types/components/atoms/Accordion/styled.d.ts +4 -4
  121. package/dist/types/components/atoms/Dropdown/index.d.ts +1 -1
  122. package/dist/types/components/atoms/Dropdown/styled.d.ts +1 -1
  123. package/dist/types/components/atoms/Modal/styled.d.ts +1 -1
  124. package/dist/types/components/atoms/Overlay/Overlay.d.ts +2 -2
  125. package/dist/types/components/atoms/Overlay/styled.d.ts +1 -1
  126. package/dist/types/components/atoms/Skeleton/styled.d.ts +1 -1
  127. package/dist/types/components/atoms/Switch/styled.d.ts +2 -2
  128. package/dist/types/components/atoms/Table/Cell/styled.d.ts +1 -1
  129. package/dist/types/components/atoms/Table/Container/styled.d.ts +1 -1
  130. package/dist/types/components/atoms/Table/Footer/styled.d.ts +1 -1
  131. package/dist/types/components/atoms/Table/Header/styled.d.ts +3 -3
  132. package/dist/types/components/atoms/Table/Row/styled.d.ts +1 -1
  133. package/dist/types/components/atoms/Table/Toolbar/styled.d.ts +1 -1
  134. package/dist/types/components/atoms/Table/styled.d.ts +1 -1
  135. package/dist/types/components/atoms/Tooltip/styled.d.ts +2 -2
  136. package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts +2 -2
  137. package/dist/types/components/molecules/Breadcrumbs/styled.d.ts +1 -1
  138. package/dist/types/components/molecules/DatePicker/DatePicker.d.ts +2 -1
  139. package/dist/types/components/molecules/DatePicker/Modal.d.ts +3 -2
  140. package/dist/types/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.d.ts +1 -1
  141. package/dist/types/components/molecules/Drawer/styled.d.ts +1 -1
  142. package/dist/types/components/molecules/Grid/Grid.d.ts +1 -1
  143. package/dist/types/components/molecules/Grid/Item/Item.d.ts +1 -1
  144. package/dist/types/components/molecules/LabeledSwitch/styled.d.ts +1 -1
  145. package/dist/types/components/molecules/Masonry/Masonry.d.ts +2 -2
  146. package/dist/types/components/molecules/Masonry/styled.d.ts +3 -3
  147. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts +2 -2
  148. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts +2 -2
  149. package/dist/types/components/molecules/Menubar/MenuBlock/styled.d.ts +5 -5
  150. package/dist/types/components/molecules/Menubar/MostUsed/styled.d.ts +1 -1
  151. package/dist/types/components/molecules/Menubar/SearchResultItem/styled.d.ts +1 -1
  152. package/dist/types/components/molecules/Menubar/styled.d.ts +6 -6
  153. package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts +2 -2
  154. package/dist/types/components/molecules/ScrollableTimePicker/styled.d.ts +2 -2
  155. package/dist/types/components/molecules/Select/Dropdown/Dropdown.d.ts +1 -1
  156. package/dist/types/components/molecules/Select/Dropdown/components/SearchInput.d.ts +1 -1
  157. package/dist/types/components/molecules/Select/Dropdown/styled.d.ts +7 -12
  158. package/dist/types/components/molecules/Select/Select.d.ts +2 -2
  159. package/dist/types/components/molecules/Select/SelectItem/SelectItem.d.ts +2 -1
  160. package/dist/types/components/molecules/Select/SelectItem/styled.d.ts +3 -3
  161. package/dist/types/components/molecules/Select/styled.d.ts +3 -3
  162. package/dist/types/components/organisms/DataGrid/DataGrid.d.ts +1 -1
  163. package/dist/types/components/organisms/DataGrid/Footer/styled.d.ts +8 -25
  164. package/dist/types/components/organisms/DataGrid/Header/Header.d.ts +2 -1
  165. package/dist/types/components/organisms/DataGrid/Header/styled.d.ts +1 -3
  166. package/dist/types/components/organisms/DataGrid/Row/Row.d.ts +1 -1
  167. package/dist/types/components/organisms/DataGrid/styled.d.ts +1 -3
  168. package/package.json +3 -3
@@ -1,32 +1,15 @@
1
- export declare const TdFooterStyled: import("@emotion/styled").StyledComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
2
- theme?: import("@emotion/react").Theme;
3
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
1
+ export declare const TdFooterStyled: import("@emotion/styled").StyledComponent<any, {}, {}>;
4
2
  export declare const FlexContainer: import("@emotion/styled").StyledComponent<{
5
3
  theme?: import("@emotion/react").Theme;
6
4
  as?: React.ElementType;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const FooterContainer: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme;
10
- as?: React.ElementType;
11
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
12
- theme?: import("@emotion/react").Theme;
13
- }, {}, {}>;
14
- export declare const FooterContainerStart: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme;
16
- as?: React.ElementType;
17
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
18
- theme?: import("@emotion/react").Theme;
19
- }, {}, {}>;
20
- export declare const FooterContainerEnd: import("@emotion/styled").StyledComponent<{
21
- theme?: import("@emotion/react").Theme;
22
- as?: React.ElementType;
23
- } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
24
- theme?: import("@emotion/react").Theme;
25
- }, {}, {}>;
5
+ }, JSX.IntrinsicElements, {}>;
6
+ export declare const FooterContainer: import("@emotion/styled").StyledComponent<any, {}, {}>;
7
+ export declare const FooterContainerStart: import("@emotion/styled").StyledComponent<any, {}, {}>;
8
+ export declare const FooterContainerEnd: import("@emotion/styled").StyledComponent<any, {}, {}>;
26
9
  export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
27
10
  theme?: import("@emotion/react").Theme;
28
11
  as?: React.ElementType;
29
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
+ } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
30
13
  export declare const NavigationButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
31
14
  onMouseOver?: () => void;
32
15
  onMouseOut?: () => void;
@@ -48,11 +31,11 @@ export declare const PageButton: import("@emotion/native").StyledComponent<impor
48
31
  export declare const PagesContainer: import("@emotion/styled").StyledComponent<{
49
32
  theme?: import("@emotion/react").Theme;
50
33
  as?: React.ElementType;
51
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
34
+ } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
52
35
  export declare const HoveredText: import("@emotion/styled").StyledComponent<{
53
36
  theme?: import("@emotion/react").Theme;
54
37
  as?: React.ElementType;
55
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
38
+ } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
56
39
  export declare const TextPagination: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
57
40
  theme?: import("@emotion/react").Theme;
58
41
  as?: React.ElementType;
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import { HeadersType } from '../types';
2
3
  export interface DataGridHeaderProps<Data> {
3
4
  headers: HeadersType<Data>[];
@@ -8,5 +9,5 @@ export interface DataGridHeaderProps<Data> {
8
9
  rowsCount: number;
9
10
  selectable?: boolean;
10
11
  }
11
- declare const Header: <Data>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => JSX.Element;
12
+ declare const Header: <Data>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => React.ReactElement;
12
13
  export default Header;
@@ -1,3 +1 @@
1
- export declare const CheckboxHeader: import("@emotion/styled").StyledComponent<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
2
- theme?: import("@emotion/react").Theme;
3
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
1
+ export declare const CheckboxHeader: import("@emotion/styled").StyledComponent<any, {}, {}>;
@@ -6,5 +6,5 @@ declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, chec
6
6
  handleSelect: any;
7
7
  selectable: any;
8
8
  headers: any;
9
- }) => React.JSX.Element>;
9
+ }) => import("react/jsx-runtime").JSX.Element>;
10
10
  export default _default;
@@ -1,3 +1 @@
1
- export declare const CheckboxCell: import("@emotion/styled").StyledComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
2
- theme?: import("@emotion/react").Theme;
3
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
1
+ export declare const CheckboxCell: import("@emotion/styled").StyledComponent<any, {}, {}>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tecsinapse/react-web-kit",
3
3
  "description": "React components library for web",
4
- "version": "3.5.0",
4
+ "version": "3.5.1-beta.1",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
7
7
  "module": "dist/esm/index.js",
@@ -19,7 +19,7 @@
19
19
  "@emotion/native": "~11.11.0",
20
20
  "@emotion/react": "~11.11.0",
21
21
  "@emotion/styled": "~11.11.0",
22
- "@tecsinapse/react-core": "3.4.14",
22
+ "@tecsinapse/react-core": "3.4.15-beta.1",
23
23
  "date-fns": "~2.30.0",
24
24
  "react-native-vector-icons": "^9.2.0",
25
25
  "react-transition-group": "~4.4.5"
@@ -38,5 +38,5 @@
38
38
  "react-dom": ">=18.0.0",
39
39
  "react-native-web": ">=0.18.0 <1"
40
40
  },
41
- "gitHead": "e2db119fd66716080671d57c50c277f4dff667d4"
41
+ "gitHead": "31f09f066e7f7ee57e2736d0124f2aeb667c78a9"
42
42
  }