linear-react-components-ui 1.1.2-beta.9 → 1.1.2

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 (183) hide show
  1. package/.eslintcache +1 -0
  2. package/.gitlab-ci.yml +1 -0
  3. package/.vscode/settings.json +10 -1
  4. package/lib/@types/Align.d.ts +1 -1
  5. package/lib/@types/ButtonTypes.d.ts +1 -1
  6. package/lib/@types/ColorStyles.d.ts +1 -1
  7. package/lib/@types/DataCombo.d.ts +1 -1
  8. package/lib/@types/Icon.d.ts +1 -1
  9. package/lib/@types/LabelStyles.d.ts +1 -1
  10. package/lib/@types/Period.d.ts +1 -1
  11. package/lib/@types/PermissionAttr.d.ts +1 -1
  12. package/lib/@types/PointerEvents.d.ts +1 -1
  13. package/lib/@types/Position.d.ts +1 -1
  14. package/lib/@types/PositionAlert.d.ts +1 -1
  15. package/lib/@types/Size.d.ts +1 -1
  16. package/lib/@types/SizePixels.d.ts +2 -2
  17. package/lib/@types/StorageMock.d.ts +1 -1
  18. package/lib/alerts/types.d.ts +1 -1
  19. package/lib/assets/styles/checkbox.scss +45 -38
  20. package/lib/assets/styles/colors.scss +3 -1
  21. package/lib/assets/styles/commons.scss +1 -0
  22. package/lib/assets/styles/dialog.scss +27 -10
  23. package/lib/assets/styles/error.scss +9 -0
  24. package/lib/assets/styles/fieldset.scss +3 -0
  25. package/lib/assets/styles/gridlayout.scss +0 -2
  26. package/lib/assets/styles/hint.scss +21 -0
  27. package/lib/assets/styles/icon.scss +4 -31
  28. package/lib/assets/styles/input.scss +7 -7
  29. package/lib/assets/styles/multiSelect.scss +6 -1
  30. package/lib/assets/styles/radio.scss +37 -35
  31. package/lib/assets/styles/select.scss +13 -7
  32. package/lib/assets/styles/tabs.scss +3 -0
  33. package/lib/avatar/types.d.ts +1 -1
  34. package/lib/badge/types.d.ts +1 -1
  35. package/lib/buttons/types.d.ts +1 -1
  36. package/lib/calendar/types.d.ts +1 -1
  37. package/lib/checkbox/Label.js +13 -4
  38. package/lib/checkbox/index.d.ts +2 -2
  39. package/lib/checkbox/index.js +22 -17
  40. package/lib/checkbox/types.d.ts +3 -2
  41. package/lib/dialog/base/Content.js +1 -0
  42. package/lib/dialog/base/Header.js +4 -4
  43. package/lib/dialog/base/index.js +9 -6
  44. package/lib/dialog/types.d.ts +1 -1
  45. package/lib/drawer/Drawer.js +5 -4
  46. package/lib/drawer/Header.js +1 -1
  47. package/lib/drawer/types.d.ts +1 -1
  48. package/lib/dropdown/Popup.d.ts +1 -1
  49. package/lib/dropdown/Popup.js +5 -2
  50. package/lib/dropdown/types.d.ts +2 -1
  51. package/lib/fieldset/index.js +4 -2
  52. package/lib/fieldset/types.d.ts +3 -1
  53. package/lib/form/Field.d.ts +3 -1
  54. package/lib/form/FieldArray.d.ts +2 -0
  55. package/lib/form/FieldNumber.d.ts +2 -0
  56. package/lib/form/FieldPeriod.d.ts +2 -0
  57. package/lib/form/helpers.d.ts +2 -0
  58. package/lib/form/index.d.ts +2 -0
  59. package/lib/form/types.d.ts +3 -1
  60. package/lib/form/withFieldHOC.d.ts +2 -0
  61. package/lib/form/withFormSecurity.d.ts +2 -0
  62. package/lib/gridlayout/GridRow.js +10 -2
  63. package/lib/gridlayout/types.d.ts +2 -2
  64. package/lib/hint/helpers.d.ts +3 -0
  65. package/lib/hint/helpers.js +21 -0
  66. package/lib/hint/index.d.ts +2 -1
  67. package/lib/hint/index.js +9 -15
  68. package/lib/hint/types.d.ts +4 -1
  69. package/lib/icons/helper.d.ts +4 -0
  70. package/lib/icons/helper.js +5 -1
  71. package/lib/icons/index.d.ts +2 -3
  72. package/lib/icons/index.js +3 -10
  73. package/lib/icons/types.d.ts +9 -22
  74. package/lib/index.d.ts +0 -1
  75. package/lib/inputs/base/InputTextBase.d.ts +2 -0
  76. package/lib/inputs/base/InputTextBase.js +54 -8
  77. package/lib/inputs/base/Label.d.ts +14 -0
  78. package/lib/inputs/base/Label.js +35 -0
  79. package/lib/inputs/base/helpers.d.ts +3 -2
  80. package/lib/inputs/base/helpers.js +1 -8
  81. package/lib/inputs/base/types.d.ts +15 -2
  82. package/lib/inputs/color/types.d.ts +1 -1
  83. package/lib/inputs/date/Dialog.d.ts +2 -0
  84. package/lib/inputs/date/Dropdown.d.ts +2 -0
  85. package/lib/inputs/date/helpers.d.ts +2 -0
  86. package/lib/inputs/date/index.d.ts +2 -0
  87. package/lib/inputs/date/index.js +2 -0
  88. package/lib/inputs/date/types.d.ts +4 -1
  89. package/lib/inputs/errorMessage/index.d.ts +17 -0
  90. package/lib/inputs/errorMessage/index.js +26 -0
  91. package/lib/inputs/file/DefaultFile.d.ts +2 -0
  92. package/lib/inputs/file/DefaultFile.js +4 -2
  93. package/lib/inputs/file/DragDropFile.d.ts +2 -0
  94. package/lib/inputs/file/DragDropFile.js +4 -2
  95. package/lib/inputs/file/File.d.ts +2 -0
  96. package/lib/inputs/file/FileButtonSettings.d.ts +2 -0
  97. package/lib/inputs/file/helpers.d.ts +2 -0
  98. package/lib/inputs/file/index.d.ts +2 -0
  99. package/lib/inputs/file/types.d.ts +3 -1
  100. package/lib/inputs/inputHOC.d.ts +3 -1
  101. package/lib/inputs/mask/BaseMask.d.ts +3 -0
  102. package/lib/inputs/mask/Cnpj.d.ts +3 -0
  103. package/lib/inputs/mask/Cpf.d.ts +3 -0
  104. package/lib/inputs/mask/Phone.d.ts +3 -0
  105. package/lib/inputs/mask/ZipCode.d.ts +3 -0
  106. package/lib/inputs/mask/helpers.d.ts +2 -1
  107. package/lib/inputs/mask/imaskHOC.d.ts +3 -1
  108. package/lib/inputs/mask/index.d.ts +3 -0
  109. package/lib/inputs/mask/types.d.ts +6 -2
  110. package/lib/inputs/multiSelect/ActionButtons.d.ts +2 -0
  111. package/lib/inputs/multiSelect/ActionButtons.js +10 -8
  112. package/lib/inputs/multiSelect/Dropdown.d.ts +2 -0
  113. package/lib/inputs/multiSelect/Dropdown.js +2 -6
  114. package/lib/inputs/multiSelect/helper.d.ts +2 -0
  115. package/lib/inputs/multiSelect/index.d.ts +2 -0
  116. package/lib/inputs/multiSelect/types.d.ts +3 -1
  117. package/lib/inputs/number/BaseNumber.d.ts +3 -1
  118. package/lib/inputs/number/Currency.d.ts +3 -1
  119. package/lib/inputs/number/Decimal.d.ts +3 -1
  120. package/lib/inputs/number/index.d.ts +3 -1
  121. package/lib/inputs/number/types.d.ts +4 -2
  122. package/lib/inputs/period/Dialog.d.ts +2 -0
  123. package/lib/inputs/period/Dropdown.d.ts +2 -0
  124. package/lib/inputs/period/PeriodList.d.ts +2 -0
  125. package/lib/inputs/period/helper.d.ts +2 -0
  126. package/lib/inputs/period/index.d.ts +2 -0
  127. package/lib/inputs/period/index.js +4 -1
  128. package/lib/inputs/period/types.d.ts +3 -1
  129. package/lib/inputs/search/index.d.ts +3 -1
  130. package/lib/inputs/select/ActionButtons.d.ts +3 -1
  131. package/lib/inputs/select/ActionButtons.js +18 -27
  132. package/lib/inputs/select/Dropdown.d.ts +3 -1
  133. package/lib/inputs/select/Dropdown.js +2 -6
  134. package/lib/inputs/select/helper.d.ts +3 -1
  135. package/lib/inputs/select/index.d.ts +2 -0
  136. package/lib/inputs/select/multiple/Selecteds.d.ts +3 -1
  137. package/lib/inputs/select/multiple/Selecteds.js +3 -5
  138. package/lib/inputs/select/multiple/index.d.ts +2 -0
  139. package/lib/inputs/select/multiple/index.js +38 -19
  140. package/lib/inputs/select/simple/index.d.ts +2 -0
  141. package/lib/inputs/select/simple/index.js +60 -31
  142. package/lib/inputs/select/types.d.ts +6 -3
  143. package/lib/inputs/text/types.d.ts +1 -1
  144. package/lib/inputs/textarea/index.d.ts +2 -0
  145. package/lib/inputs/textarea/types.d.ts +3 -1
  146. package/lib/inputs/types.d.ts +12 -5
  147. package/lib/internals/types.d.ts +1 -1
  148. package/lib/internals/withTooltip.js +7 -3
  149. package/lib/labelMessages/types.d.ts +1 -1
  150. package/lib/labels/types.d.ts +1 -1
  151. package/lib/list/types.d.ts +1 -1
  152. package/lib/menus/float/index.d.ts +10 -10
  153. package/lib/menus/float/types.d.ts +2 -2
  154. package/lib/menus/sidenav/popup_menu_search/index.js +4 -3
  155. package/lib/menus/sidenav/types.d.ts +2 -2
  156. package/lib/panel/types.d.ts +1 -1
  157. package/lib/popover/types.d.ts +1 -1
  158. package/lib/progress/types.d.ts +1 -1
  159. package/lib/radio/types.d.ts +1 -1
  160. package/lib/shortcuts/types.d.ts +1 -1
  161. package/lib/skeleton/types.d.ts +1 -1
  162. package/lib/spinner/types.d.ts +1 -1
  163. package/lib/split/helpers.d.ts +1 -1
  164. package/lib/split/types.d.ts +1 -1
  165. package/lib/table/HeaderColumn.d.ts +1 -1
  166. package/lib/table/HeaderColumn.js +5 -1
  167. package/lib/table/types.d.ts +3 -1
  168. package/lib/tabs/context.js +1 -1
  169. package/lib/tabs/types.d.ts +4 -4
  170. package/lib/toolbar/types.d.ts +1 -1
  171. package/lib/tooltip/types.d.ts +1 -1
  172. package/lib/treetable/Row.d.ts +1 -1
  173. package/lib/treetable/helpers.d.ts +1 -1
  174. package/lib/treetable/index.d.ts +2 -2
  175. package/lib/treeview/types.d.ts +1 -1
  176. package/lib/{types.d-DvJcBS8L.d.ts → types.d-73cece43.d.ts} +1 -1
  177. package/lib/uitour/types.d.ts +1 -1
  178. package/package.json +7 -7
  179. package/.tool-versions +0 -1
  180. package/lib/assets/styles/textContent.scss +0 -9
  181. package/lib/menus/sidenav/popup_menu_help/index.js +0 -78
  182. package/lib/textContent/index.d.ts +0 -8
  183. package/lib/textContent/index.js +0 -30
@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
4
4
  import '../../@types/Align.js';
5
5
  import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
7
9
 
8
10
  type CustomFile = FileList | File | File[];
9
11
  interface IFileProps {
@@ -49,4 +51,4 @@ interface IFileButtonSettingsProps {
49
51
  onBtnClickInsert: () => void;
50
52
  }
51
53
 
52
- export type { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
54
+ export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
@@ -1,12 +1,14 @@
1
1
  import React__default from 'react';
2
2
  import { IInputHOCProps } from './types.js';
3
+ import 'imask';
3
4
  import '../@types/PermissionAttr.js';
4
5
  import '../@types/DataCombo.js';
5
6
  import './base/types.js';
6
7
  import '../@types/Align.js';
7
8
  import '../@types/Period.js';
8
- import '../drawer/types.js';
9
+ import '../internals/types.js';
9
10
  import '../@types/Position.js';
11
+ import '../drawer/types.js';
10
12
  import '../@types/Icon.js';
11
13
  import '../icons/helper.js';
12
14
 
@@ -1,9 +1,12 @@
1
1
  import { IBaseMaskProps } from './types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/Align.js';
4
5
  import '../../@types/PermissionAttr.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Period.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
7
10
 
8
11
  declare const _default: {
9
12
  (props: IBaseMaskProps): JSX.Element;
@@ -1,9 +1,12 @@
1
1
  import { ICnpjFieldProps } from './types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/Align.js';
4
5
  import '../../@types/PermissionAttr.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Period.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
7
10
 
8
11
  declare const CnpjField: {
9
12
  (props: ICnpjFieldProps): JSX.Element;
@@ -1,9 +1,12 @@
1
1
  import { ICpfProps } from './types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/Align.js';
4
5
  import '../../@types/PermissionAttr.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Period.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
7
10
 
8
11
  declare const CpfField: {
9
12
  (props: ICpfProps): JSX.Element;
@@ -1,9 +1,12 @@
1
1
  import { IPhoneFieldProps } from './types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/Align.js';
4
5
  import '../../@types/PermissionAttr.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Period.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
7
10
 
8
11
  declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
9
12
 
@@ -1,9 +1,12 @@
1
1
  import { IZipCode } from './types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/Align.js';
4
5
  import '../../@types/PermissionAttr.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Period.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
7
10
 
8
11
  declare const ZipCodeField: (props: IZipCode) => JSX.Element;
9
12
 
@@ -6,8 +6,9 @@ import '../../@types/DataCombo.js';
6
6
  import '../base/types.js';
7
7
  import '../../@types/Align.js';
8
8
  import '../../@types/Period.js';
9
- import '../../drawer/types.js';
9
+ import '../../internals/types.js';
10
10
  import '../../@types/Position.js';
11
+ import '../../drawer/types.js';
11
12
  import '../../@types/Icon.js';
12
13
  import '../../icons/helper.js';
13
14
 
@@ -1,12 +1,14 @@
1
1
  import React__default from 'react';
2
2
  import { IMaskHOCProps } from '../types.js';
3
+ import 'imask';
3
4
  import '../../@types/PermissionAttr.js';
4
5
  import '../../@types/DataCombo.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Align.js';
7
8
  import '../../@types/Period.js';
8
- import '../../drawer/types.js';
9
+ import '../../internals/types.js';
9
10
  import '../../@types/Position.js';
11
+ import '../../drawer/types.js';
10
12
  import '../../@types/Icon.js';
11
13
  import '../../icons/helper.js';
12
14
 
@@ -5,10 +5,13 @@ export { default as PhoneField } from './Phone.js';
5
5
  export { default as ZipCodeField } from './ZipCode.js';
6
6
  import './types.js';
7
7
  import 'react';
8
+ import 'imask';
8
9
  import '../../@types/Align.js';
9
10
  import '../../@types/PermissionAttr.js';
10
11
  import '../base/types.js';
11
12
  import '../../@types/Period.js';
13
+ import '../../internals/types.js';
14
+ import '../../@types/Position.js';
12
15
 
13
16
 
14
17
 
@@ -1,15 +1,18 @@
1
1
  import { KeyboardEvent, MutableRefObject } from 'react';
2
+ import IMask from 'imask';
2
3
  import { TextAlign } from '../../@types/Align.js';
3
4
  import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
4
5
  import { CustomInputEvent } from '../base/types.js';
5
6
  import '../../@types/Period.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
6
9
 
7
10
  interface IBaseMaskProps {
8
11
  value?: string;
9
12
  onBlur?: (e: CustomInputEvent) => void;
10
13
  onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
11
14
  defaultValue?: string;
12
- mask?: string | NumberConstructor;
15
+ mask?: IMask.AnyMask;
13
16
  isNumeric?: boolean;
14
17
  scale?: number;
15
18
  radix?: string;
@@ -47,6 +50,7 @@ interface IBaseMaskProps {
47
50
  returnFormattedValueOnKeyDown?: boolean;
48
51
  isDateField?: boolean;
49
52
  autoCompleteMask?: 'left' | 'right';
53
+ definitions?: IMask.AllMaskedOptions['definitions'];
50
54
  }
51
55
  interface ICnpjFieldProps extends IBaseMaskProps {
52
56
  value?: string;
@@ -68,4 +72,4 @@ interface IZipCode extends IBaseMaskProps {
68
72
  value?: string;
69
73
  }
70
74
 
71
- export type { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };
75
+ export { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };
@@ -5,6 +5,8 @@ import '../base/types.js';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
7
  import '../../@types/PermissionAttr.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
8
10
 
9
11
  declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
10
12
 
@@ -20,22 +20,24 @@ const ActionButtons = _ref => {
20
20
  dropdownAlignButton = 'left'
21
21
  } = _ref;
22
22
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
23
+ transparent: true,
24
+ tabIndex: -1,
23
25
  disabled: disabled,
26
+ boxShadow: false,
24
27
  size: "small",
25
- iconName: dropdownOpened ? 'up' : 'down',
26
28
  onClick: handleOpenClose,
27
29
  customClass: "actionbutton",
28
- transparent: true,
29
- boxShadow: false
30
+ iconName: dropdownOpened ? 'up' : 'down'
30
31
  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
31
- disabled: disabled,
32
- iconName: "more1",
32
+ dropdown: true,
33
33
  transparent: true,
34
+ disabled: disabled,
35
+ tabIndex: -1,
34
36
  boxShadow: false,
37
+ showIconDropdown: false,
38
+ iconName: "more1",
35
39
  customClass: "actionbutton",
36
- dropdown: true,
37
- dropdownAlign: dropdownAlignButton,
38
- showIconDropdown: false
40
+ dropdownAlign: dropdownAlignButton
39
41
  }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
40
42
  itemId: "1",
41
43
  text: "Marcar Todos",
@@ -5,6 +5,8 @@ import '../base/types.js';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
7
  import '../../@types/PermissionAttr.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
8
10
 
9
11
  declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
10
12
 
@@ -94,11 +94,9 @@ const Dropdown = props => {
94
94
  className: "listcontainer"
95
95
  }, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
96
96
  className: "item selectall"
97
- }, /*#__PURE__*/_react.default.createElement("span", {
98
- role: "button",
97
+ }, /*#__PURE__*/_react.default.createElement("button", {
99
98
  className: "menubutton",
100
99
  tabIndex: -1,
101
- onKeyPress: () => {},
102
100
  onClick: () => isAllChecked ? onUncheckAll(true) : onCheckAll(true)
103
101
  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
104
102
  name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
@@ -110,11 +108,9 @@ const Dropdown = props => {
110
108
  return /*#__PURE__*/_react.default.createElement("div", {
111
109
  key: "dropdowmItem ".concat(item[idKey], "}"),
112
110
  className: "item ".concat(isChecked && '-selected')
113
- }, /*#__PURE__*/_react.default.createElement("span", {
114
- role: "button",
111
+ }, /*#__PURE__*/_react.default.createElement("button", {
115
112
  className: "menubutton",
116
113
  tabIndex: -1,
117
- onKeyPress: () => {},
118
114
  onClick: () => {
119
115
  onSelect(item);
120
116
  }
@@ -5,6 +5,8 @@ import '../base/types.js';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
7
  import '../../@types/PermissionAttr.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
8
10
 
9
11
  declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
10
12
 
@@ -5,6 +5,8 @@ import '../base/types.js';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
7
  import '../../@types/PermissionAttr.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
8
10
 
9
11
  declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
10
12
 
@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
4
4
  import '../../@types/Align.js';
5
5
  import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
7
9
 
8
10
  type DescriptionKey = string | ((dataSelected: DataCombo) => string);
9
11
  interface GetFilteredParams {
@@ -56,4 +58,4 @@ interface IMultiSelectProps {
56
58
  label?: string;
57
59
  }
58
60
 
59
- export type { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
61
+ export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
@@ -4,10 +4,12 @@ import '../base/types.js';
4
4
  import 'react';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
7
9
  import '../types.js';
10
+ import 'imask';
8
11
  import '../../@types/DataCombo.js';
9
12
  import '../../drawer/types.js';
10
- import '../../@types/Position.js';
11
13
  import '../../@types/Icon.js';
12
14
  import '../../icons/helper.js';
13
15
 
@@ -4,10 +4,12 @@ import '../base/types.js';
4
4
  import 'react';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
7
9
  import '../types.js';
10
+ import 'imask';
8
11
  import '../../@types/DataCombo.js';
9
12
  import '../../drawer/types.js';
10
- import '../../@types/Position.js';
11
13
  import '../../@types/Icon.js';
12
14
  import '../../icons/helper.js';
13
15
 
@@ -4,10 +4,12 @@ import '../base/types.js';
4
4
  import 'react';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
7
9
  import '../types.js';
10
+ import 'imask';
8
11
  import '../../@types/DataCombo.js';
9
12
  import '../../drawer/types.js';
10
- import '../../@types/Position.js';
11
13
  import '../../@types/Icon.js';
12
14
  import '../../icons/helper.js';
13
15
 
@@ -6,10 +6,12 @@ import '../base/types.js';
6
6
  import 'react';
7
7
  import '../../@types/Align.js';
8
8
  import '../../@types/Period.js';
9
+ import '../../internals/types.js';
10
+ import '../../@types/Position.js';
9
11
  import '../types.js';
12
+ import 'imask';
10
13
  import '../../@types/DataCombo.js';
11
14
  import '../../drawer/types.js';
12
- import '../../@types/Position.js';
13
15
  import '../../@types/Icon.js';
14
16
  import '../../icons/helper.js';
15
17
 
@@ -4,9 +4,11 @@ import { IMaskHOCProps } from '../types.js';
4
4
  import 'react';
5
5
  import '../../@types/Align.js';
6
6
  import '../../@types/Period.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
9
+ import 'imask';
7
10
  import '../../@types/DataCombo.js';
8
11
  import '../../drawer/types.js';
9
- import '../../@types/Position.js';
10
12
  import '../../@types/Icon.js';
11
13
  import '../../icons/helper.js';
12
14
 
@@ -31,4 +33,4 @@ interface ICurrencyProps extends INumberFieldProps {
31
33
  displayCurrencySymbol?: boolean;
32
34
  }
33
35
 
34
- export type { IBaseNumberProps, ICurrencyProps, INumberFieldProps };
36
+ export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
7
  import '../base/types.js';
8
8
  import '../../@types/Align.js';
9
+ import '../../internals/types.js';
10
+ import '../../@types/Position.js';
9
11
 
10
12
  declare const Dialog: ({ onOpenChange, children, dialogSize }: IDialogProps) => JSX.Element;
11
13
 
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
7
  import '../base/types.js';
8
8
  import '../../@types/Align.js';
9
+ import '../../internals/types.js';
10
+ import '../../@types/Position.js';
9
11
 
10
12
  declare const Dropdown: (props: IPeriodDropdownProps) => React.ReactPortal;
11
13
 
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
7
  import '../base/types.js';
8
8
  import '../../@types/Align.js';
9
+ import '../../internals/types.js';
10
+ import '../../@types/Position.js';
9
11
 
10
12
  declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
11
13
 
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
7
  import '../base/types.js';
8
8
  import '../../@types/Align.js';
9
+ import '../../internals/types.js';
10
+ import '../../@types/Position.js';
9
11
 
10
12
  declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
11
13
  topPosition: number | string;
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
6
6
  import '../../@types/PermissionAttr.js';
7
7
  import '../base/types.js';
8
8
  import '../../@types/Align.js';
9
+ import '../../internals/types.js';
10
+ import '../../@types/Position.js';
9
11
 
10
12
  declare const PeriodPicker: (props: IPeriodPickerProps) => JSX.Element | null;
11
13
 
@@ -16,6 +16,7 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
16
16
  var _hint = _interopRequireDefault(require("../../hint"));
17
17
  var helperBase = _interopRequireWildcard(require("../base/helpers"));
18
18
  require("../../assets/styles/periodpicker.scss");
19
+ var _errorMessage = require("../errorMessage");
19
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
21
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -374,6 +375,8 @@ const PeriodPicker = props => {
374
375
  visible: !!hint,
375
376
  customClass: "hint",
376
377
  description: hint
377
- }), props.errorMessages && helperBase.getErrorMessages(props.errorMessages));
378
+ }), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
379
+ messages: props.errorMessages
380
+ }));
378
381
  };
379
382
  var _default = exports.default = PeriodPicker;
@@ -5,6 +5,8 @@ import { Period } from '../../@types/Period.js';
5
5
  import { PermissionAttr } from '../../@types/PermissionAttr.js';
6
6
  import { CustomInputEvent } from '../base/types.js';
7
7
  import '../../@types/Align.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
8
10
 
9
11
  type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
10
12
  interface ChangeInputPeriodEvent {
@@ -65,4 +67,4 @@ interface IPeriodListProps {
65
67
  selected?: string;
66
68
  }
67
69
 
68
- export type { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };
70
+ export { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };
@@ -1,12 +1,14 @@
1
1
  import { ISearchProps } from '../types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/PermissionAttr.js';
4
5
  import '../../@types/DataCombo.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Align.js';
7
8
  import '../../@types/Period.js';
8
- import '../../drawer/types.js';
9
+ import '../../internals/types.js';
9
10
  import '../../@types/Position.js';
11
+ import '../../drawer/types.js';
10
12
  import '../../@types/Icon.js';
11
13
  import '../../icons/helper.js';
12
14
 
@@ -1,12 +1,14 @@
1
1
  import { IActionButtonsSelectProps } from '../types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/PermissionAttr.js';
4
5
  import '../../@types/DataCombo.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Align.js';
7
8
  import '../../@types/Period.js';
8
- import '../../drawer/types.js';
9
+ import '../../internals/types.js';
9
10
  import '../../@types/Position.js';
11
+ import '../../drawer/types.js';
10
12
  import '../../@types/Icon.js';
11
13
  import '../../icons/helper.js';
12
14
 
@@ -11,37 +11,28 @@ const ActionButtons = props => {
11
11
  const {
12
12
  disabled = false,
13
13
  showClearButton = true,
14
- dropDownOpened
14
+ dropDownOpened,
15
+ handlerOpenClose,
16
+ handlerClear
15
17
  } = props;
16
- const returnOnClick = () => {
17
- if (!disabled) {
18
- return props.handleOpenClose();
19
- }
20
- return undefined;
21
- };
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showClearButton && /*#__PURE__*/_react.default.createElement("span", {
23
- role: "button",
24
- className: "actionbutton",
25
- onClick: () => {
26
- props.handleClear();
27
- },
28
- onKeyPress: () => {},
29
- tabIndex: -1
18
+ return /*#__PURE__*/_react.default.createElement("div", {
19
+ className: "actionbuttonsselect"
20
+ }, showClearButton && /*#__PURE__*/_react.default.createElement("button", {
21
+ disabled: disabled,
22
+ tabIndex: -1,
23
+ className: "actionbutton buttonclear",
24
+ onClick: handlerClear
30
25
  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
31
- pointerEvents: "none",
32
26
  name: "cancel",
33
- customClass: "iconclear"
34
- })), /*#__PURE__*/_react.default.createElement("span", {
35
- role: "button",
36
- className: "actionbutton",
37
- onClick: () => {
38
- returnOnClick();
39
- },
40
- onKeyPress: () => {},
41
- tabIndex: -1
42
- }, /*#__PURE__*/_react.default.createElement(_icons.default, {
43
- name: dropDownOpened ? 'mini_up' : 'mini_down',
44
27
  pointerEvents: "none"
28
+ })), /*#__PURE__*/_react.default.createElement("button", {
29
+ disabled: disabled,
30
+ tabIndex: -1,
31
+ className: "actionbutton buttonopenclose",
32
+ onClick: handlerOpenClose
33
+ }, /*#__PURE__*/_react.default.createElement(_icons.default, {
34
+ pointerEvents: "none",
35
+ name: dropDownOpened ? 'mini_up' : 'mini_down'
45
36
  })));
46
37
  };
47
38
  var _default = exports.default = ActionButtons;
@@ -1,12 +1,14 @@
1
1
  import { IDropdownSelectProps } from '../types.js';
2
2
  import 'react';
3
+ import 'imask';
3
4
  import '../../@types/PermissionAttr.js';
4
5
  import '../../@types/DataCombo.js';
5
6
  import '../base/types.js';
6
7
  import '../../@types/Align.js';
7
8
  import '../../@types/Period.js';
8
- import '../../drawer/types.js';
9
+ import '../../internals/types.js';
9
10
  import '../../@types/Position.js';
11
+ import '../../drawer/types.js';
10
12
  import '../../@types/Icon.js';
11
13
  import '../../icons/helper.js';
12
14
 
@@ -29,7 +29,6 @@ const Dropdown = props => {
29
29
  dropdownWidth,
30
30
  gridWrapperStyle,
31
31
  handleOnSelect,
32
- handleOnBlur,
33
32
  inputValue,
34
33
  handleOnFocus,
35
34
  opened,
@@ -83,15 +82,12 @@ const Dropdown = props => {
83
82
  return /*#__PURE__*/_react.default.createElement("div", {
84
83
  key: "dropdowmIten ".concat(item[idKey], "}"),
85
84
  className: helper.getDropdownItemCssClass(itemSelected, disabled, striped)
86
- }, /*#__PURE__*/_react.default.createElement("span", {
87
- role: "button",
85
+ }, /*#__PURE__*/_react.default.createElement("button", {
88
86
  className: "menubutton",
89
87
  tabIndex: -1,
90
- onKeyPress: () => {},
91
- onClick: () => {
88
+ onClick: event => {
92
89
  if (!disabled) {
93
90
  handleOnSelect(item);
94
- handleOnBlur(item);
95
91
  }
96
92
  }
97
93
  }, item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
@@ -1,13 +1,15 @@
1
1
  import { IDropdownSelectProps } from '../types.js';
2
2
  import { GetSimpleFilteredParams, GetMultipleFilteredParams } from './types.js';
3
3
  import 'react';
4
+ import 'imask';
4
5
  import '../../@types/PermissionAttr.js';
5
6
  import '../../@types/DataCombo.js';
6
7
  import '../base/types.js';
7
8
  import '../../@types/Align.js';
8
9
  import '../../@types/Period.js';
9
- import '../../drawer/types.js';
10
+ import '../../internals/types.js';
10
11
  import '../../@types/Position.js';
12
+ import '../../drawer/types.js';
11
13
  import '../../@types/Icon.js';
12
14
  import '../../icons/helper.js';
13
15
 
@@ -5,6 +5,8 @@ import '../../@types/PermissionAttr.js';
5
5
  import '../base/types.js';
6
6
  import 'react';
7
7
  import '../../@types/Period.js';
8
+ import '../../internals/types.js';
9
+ import '../../@types/Position.js';
8
10
 
9
11
  declare const SelectField: (props: ISelectFieldProps) => JSX.Element;
10
12
 
@@ -5,7 +5,9 @@ import '../../../@types/PermissionAttr.js';
5
5
  import '../../base/types.js';
6
6
  import 'react';
7
7
  import '../../../@types/Period.js';
8
+ import '../../../internals/types.js';
9
+ import '../../../@types/Position.js';
8
10
 
9
- declare const Selecteds: ({ currents, descriptionKey, idKey, handleOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
11
+ declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
10
12
 
11
13
  export { Selecteds as default };