linear-react-components-ui 1.1.2-beta.26 → 1.1.2-beta.28

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 (70) hide show
  1. package/.eslintcache +1 -0
  2. package/lib/assets/styles/input.scss +5 -0
  3. package/lib/form/Field.d.ts +2 -0
  4. package/lib/form/FieldArray.d.ts +2 -0
  5. package/lib/form/FieldNumber.d.ts +2 -0
  6. package/lib/form/FieldPeriod.d.ts +2 -0
  7. package/lib/form/helpers.d.ts +2 -0
  8. package/lib/form/index.d.ts +2 -0
  9. package/lib/form/types.d.ts +2 -0
  10. package/lib/form/withFieldHOC.d.ts +2 -0
  11. package/lib/form/withFormSecurity.d.ts +2 -0
  12. package/lib/inputs/base/InputTextBase.d.ts +2 -0
  13. package/lib/inputs/base/InputTextBase.js +44 -6
  14. package/lib/inputs/base/Label.d.ts +14 -0
  15. package/lib/inputs/base/Label.js +35 -0
  16. package/lib/inputs/base/helpers.d.ts +2 -0
  17. package/lib/inputs/base/types.d.ts +14 -2
  18. package/lib/inputs/date/Dialog.d.ts +2 -0
  19. package/lib/inputs/date/Dropdown.d.ts +2 -0
  20. package/lib/inputs/date/helpers.d.ts +2 -0
  21. package/lib/inputs/date/index.d.ts +2 -0
  22. package/lib/inputs/date/types.d.ts +2 -0
  23. package/lib/inputs/errorMessage/index.d.ts +2 -1
  24. package/lib/inputs/file/DefaultFile.d.ts +2 -0
  25. package/lib/inputs/file/DragDropFile.d.ts +2 -0
  26. package/lib/inputs/file/File.d.ts +2 -0
  27. package/lib/inputs/file/FileButtonSettings.d.ts +2 -0
  28. package/lib/inputs/file/helpers.d.ts +2 -0
  29. package/lib/inputs/file/index.d.ts +2 -0
  30. package/lib/inputs/file/types.d.ts +2 -0
  31. package/lib/inputs/inputHOC.d.ts +2 -1
  32. package/lib/inputs/mask/BaseMask.d.ts +2 -0
  33. package/lib/inputs/mask/Cnpj.d.ts +2 -0
  34. package/lib/inputs/mask/Cpf.d.ts +2 -0
  35. package/lib/inputs/mask/Phone.d.ts +2 -0
  36. package/lib/inputs/mask/ZipCode.d.ts +2 -0
  37. package/lib/inputs/mask/helpers.d.ts +2 -1
  38. package/lib/inputs/mask/imaskHOC.d.ts +2 -1
  39. package/lib/inputs/mask/index.d.ts +2 -0
  40. package/lib/inputs/mask/types.d.ts +2 -0
  41. package/lib/inputs/multiSelect/ActionButtons.d.ts +2 -0
  42. package/lib/inputs/multiSelect/Dropdown.d.ts +2 -0
  43. package/lib/inputs/multiSelect/helper.d.ts +2 -0
  44. package/lib/inputs/multiSelect/index.d.ts +2 -0
  45. package/lib/inputs/multiSelect/types.d.ts +2 -0
  46. package/lib/inputs/number/BaseNumber.d.ts +2 -1
  47. package/lib/inputs/number/Currency.d.ts +2 -1
  48. package/lib/inputs/number/Decimal.d.ts +2 -1
  49. package/lib/inputs/number/index.d.ts +2 -1
  50. package/lib/inputs/number/types.d.ts +2 -1
  51. package/lib/inputs/period/Dialog.d.ts +2 -0
  52. package/lib/inputs/period/Dropdown.d.ts +2 -0
  53. package/lib/inputs/period/PeriodList.d.ts +2 -0
  54. package/lib/inputs/period/helper.d.ts +2 -0
  55. package/lib/inputs/period/index.d.ts +2 -0
  56. package/lib/inputs/period/types.d.ts +2 -0
  57. package/lib/inputs/search/index.d.ts +2 -1
  58. package/lib/inputs/select/ActionButtons.d.ts +2 -1
  59. package/lib/inputs/select/Dropdown.d.ts +2 -1
  60. package/lib/inputs/select/helper.d.ts +2 -1
  61. package/lib/inputs/select/index.d.ts +2 -0
  62. package/lib/inputs/select/multiple/Selecteds.d.ts +2 -0
  63. package/lib/inputs/select/multiple/index.d.ts +2 -0
  64. package/lib/inputs/select/simple/index.d.ts +2 -0
  65. package/lib/inputs/select/types.d.ts +2 -0
  66. package/lib/inputs/textarea/index.d.ts +2 -0
  67. package/lib/inputs/textarea/types.d.ts +2 -0
  68. package/lib/inputs/types.d.ts +1 -0
  69. package/lib/internals/withTooltip.js +7 -3
  70. package/package.json +1 -1
package/lib/inputs/number/index.d.ts CHANGED
@@ -6,11 +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';
10
12
  import 'imask';
11
13
  import '../../@types/DataCombo.js';
12
14
  import '../../drawer/types.js';
13
- import '../../@types/Position.js';
14
15
  import '../../@types/Icon.js';
15
16
  import '../../icons/helper.js';
16
17
 
package/lib/inputs/number/types.d.ts CHANGED
@@ -4,10 +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';
7
9
  import 'imask';
8
10
  import '../../@types/DataCombo.js';
9
11
  import '../../drawer/types.js';
10
- import '../../@types/Position.js';
11
12
  import '../../@types/Icon.js';
12
13
  import '../../icons/helper.js';
13
14
 
package/lib/inputs/period/Dialog.d.ts CHANGED
@@ -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
 
package/lib/inputs/period/Dropdown.d.ts CHANGED
@@ -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
 
package/lib/inputs/period/PeriodList.d.ts CHANGED
@@ -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
 
package/lib/inputs/period/helper.d.ts CHANGED
@@ -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;
package/lib/inputs/period/index.d.ts CHANGED
@@ -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
 
package/lib/inputs/period/types.d.ts CHANGED
@@ -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 {
package/lib/inputs/search/index.d.ts CHANGED
@@ -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
 
package/lib/inputs/select/ActionButtons.d.ts CHANGED
@@ -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
 
package/lib/inputs/select/Dropdown.d.ts CHANGED
@@ -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
 
package/lib/inputs/select/helper.d.ts CHANGED
@@ -7,8 +7,9 @@ import '../../@types/DataCombo.js';
7
7
  import '../base/types.js';
8
8
  import '../../@types/Align.js';
9
9
  import '../../@types/Period.js';
10
- import '../../drawer/types.js';
10
+ import '../../internals/types.js';
11
11
  import '../../@types/Position.js';
12
+ import '../../drawer/types.js';
12
13
  import '../../@types/Icon.js';
13
14
  import '../../icons/helper.js';
14
15
 
package/lib/inputs/select/index.d.ts CHANGED
@@ -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
 
package/lib/inputs/select/multiple/Selecteds.d.ts CHANGED
@@ -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 Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
10
12
 
package/lib/inputs/select/multiple/index.d.ts CHANGED
@@ -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 MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;
10
12
 
package/lib/inputs/select/simple/index.d.ts CHANGED
@@ -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 SimpleSelect: (props: ISimpleSelectProps) => JSX.Element;
10
12
 
package/lib/inputs/select/types.d.ts CHANGED
@@ -4,6 +4,8 @@ import { PermissionAttr } from '../../@types/PermissionAttr.js';
4
4
  import { CustomInputEvent } from '../base/types.js';
5
5
  import { MutableRefObject } from 'react';
6
6
  import '../../@types/Period.js';
7
+ import '../../internals/types.js';
8
+ import '../../@types/Position.js';
7
9
 
8
10
  type AllOptions = {
9
11
  idValue?: number | null;
package/lib/inputs/textarea/index.d.ts CHANGED
@@ -4,6 +4,8 @@ import 'react';
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
  declare const TextArea: (props: ITextAreaProps) => JSX.Element;
9
11
 
package/lib/inputs/textarea/types.d.ts CHANGED
@@ -3,6 +3,8 @@ import 'react';
3
3
  import '../../@types/Align.js';
4
4
  import '../../@types/Period.js';
5
5
  import '../../@types/PermissionAttr.js';
6
+ import '../../internals/types.js';
7
+ import '../../@types/Position.js';
6
8
 
7
9
  interface ITextAreaProps extends IBaseProps {
8
10
  rows?: number;
package/lib/inputs/types.d.ts CHANGED
@@ -6,6 +6,7 @@ import { IBaseProps, CustomInputEvent } from './base/types.js';
6
6
  import { IDrawerProps } from '../drawer/types.js';
7
7
  import { TextAlign } from '../@types/Align.js';
8
8
  import '../@types/Period.js';
9
+ import '../internals/types.js';
9
10
  import '../@types/Position.js';
10
11
  import '../@types/Icon.js';
11
12
  import '../icons/helper.js';
package/lib/internals/withTooltip.js CHANGED
@@ -75,7 +75,7 @@ const withTooltip = WrappedComponent => {
75
75
  }
76
76
  }
77
77
  };
78
- }, [errorMessage]);
78
+ }, [errorMessage, tooltip]);
79
79
  (0, _react.useEffect)(() => {
80
80
  if (targetElement.current && tooltipElement.current) {
81
81
  const {
@@ -106,7 +106,11 @@ const withTooltip = WrappedComponent => {
106
106
  break;
107
107
  case 'left':
108
108
  if (targetDimensions.left < tooltipClientWidth) {
109
- setStateTooltipPosition('right');
109
+ if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
110
+ setStateTooltipPosition('bottom');
111
+ } else {
112
+ setStateTooltipPosition('right');
113
+ }
110
114
  } else {
111
115
  style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
112
116
  style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6, "px");
@@ -125,7 +129,7 @@ const withTooltip = WrappedComponent => {
125
129
  }
126
130
  setTooltipStyle(style);
127
131
  }
128
- }, [tooltipDimensions, tooltipElement.current, targetElement.current, stateTooltipPosition]);
132
+ }, [tooltipDimensions, stateTooltipPosition]);
129
133
  (0, _react.useEffect)(() => {
130
134
  setStateTooltipPosition(tooltipPosition);
131
135
  }, [window.scrollY, window.scrollX, window.innerWidth]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "linear-react-components-ui",
3
- "version": "1.1.2-beta.26",
3
+ "version": "1.1.2-beta.28",
4
4
  "description": "Linear Sistemas ReactJs Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.cjs",