@elliemae/ds-form 2.0.0-rc.7 → 2.0.1-rc.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 (108) hide show
  1. package/cjs/ComboBox/v1/DSComboBox.js +18 -22
  2. package/cjs/ComboBox/v1/withSelectStringValueConverter.js +3 -4
  3. package/cjs/ComboBox/v3/ComboBoxCTX.js +16 -17
  4. package/cjs/ComboBox/v3/config/useComboBox.js +6 -6
  5. package/cjs/ComboBox/v3/parts/container/Container.js +1 -1
  6. package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js +5 -3
  7. package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js +8 -8
  8. package/cjs/ComboBox/v3/parts/header-list/HeaderList.js +5 -3
  9. package/cjs/ComboBox/v3/parts/menu-list/MenuList.js +7 -8
  10. package/cjs/ComboBox/v3/parts/menu-list/styled.js +8 -4
  11. package/cjs/ComboBox/v3/parts/menu-list/useItemRenderer.js +10 -9
  12. package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +5 -5
  13. package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js +4 -4
  14. package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +4 -7
  15. package/cjs/FormItem/ValidationFieldWrapper.js +2 -3
  16. package/cjs/Input/InputAddonWrapper.js +2 -3
  17. package/cjs/Input/InputImpl.js +16 -18
  18. package/cjs/InputGroup/AddonWrapper.js +4 -6
  19. package/cjs/InputMask/DSInputMaskDeprecated.js +10 -12
  20. package/cjs/SearchBox/NavSearchBox.js +5 -1
  21. package/cjs/SearchBox/withSearchable.js +3 -5
  22. package/cjs/Toggle/DSToggleImpl.js +28 -28
  23. package/esm/ComboBox/v1/DSComboBox.js +17 -21
  24. package/esm/ComboBox/v1/withSelectStringValueConverter.js +3 -4
  25. package/esm/ComboBox/v3/ComboBoxCTX.js +5 -6
  26. package/esm/ComboBox/v3/config/useComboBox.js +6 -6
  27. package/esm/ComboBox/v3/parts/container/Container.js +1 -1
  28. package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js +5 -3
  29. package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js +8 -8
  30. package/esm/ComboBox/v3/parts/header-list/HeaderList.js +5 -3
  31. package/esm/ComboBox/v3/parts/menu-list/MenuList.js +8 -9
  32. package/esm/ComboBox/v3/parts/menu-list/styled.js +8 -4
  33. package/esm/ComboBox/v3/parts/menu-list/useItemRenderer.js +10 -9
  34. package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +5 -5
  35. package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js +4 -4
  36. package/esm/FloatingLabelInput/FloatingLabelInputImpl.js +4 -7
  37. package/esm/FormItem/ValidationFieldWrapper.js +2 -3
  38. package/esm/Input/InputAddonWrapper.js +2 -3
  39. package/esm/Input/InputImpl.js +15 -17
  40. package/esm/InputGroup/AddonWrapper.js +5 -7
  41. package/esm/InputMask/DSInputMaskDeprecated.js +10 -12
  42. package/esm/SearchBox/NavSearchBox.js +5 -1
  43. package/esm/SearchBox/withSearchable.js +2 -4
  44. package/esm/Toggle/DSToggleImpl.js +28 -28
  45. package/package.json +31 -23
  46. package/types/Checkbox/DSCheckbox.d.ts +78 -13
  47. package/types/Checkbox/props.d.ts +58 -12
  48. package/types/CheckboxGroup/DSCheckboxGroup.d.ts +51 -7
  49. package/types/CheckboxGroup/props.d.ts +37 -6
  50. package/types/ComboBox/v2/Combobox.d.ts +56 -1
  51. package/types/ComboBox/v3/ComboBox.d.ts +54 -16
  52. package/types/ComboBox/v3/parts/controls-input/useControlsInput.d.ts +3 -3
  53. package/types/ComboBox/v3/parts/dropdown-indicator/styled.d.ts +1 -60
  54. package/types/ComboBox/v3/parts/header-list/styled.d.ts +4 -208
  55. package/types/ComboBox/v3/parts/menu-list/styled.d.ts +4 -3
  56. package/types/ComboBox/v3/parts/menu-list/useItemRenderer.d.ts +1 -1
  57. package/types/ComboBox/v3/propTypes.d.ts +49 -15
  58. package/types/ComboBox/v3/utils/hooks/useKeyboardNavigation.d.ts +4 -1
  59. package/types/ComboBox/v3/utils/listHelper.d.ts +1 -1
  60. package/types/DateInput/DSDateInput.d.ts +97 -16
  61. package/types/DateInput/props.d.ts +97 -16
  62. package/types/DateInputV2/components/DSDateInput.d.ts +72 -5
  63. package/types/DateInputV2/components/props.d.ts +61 -10
  64. package/types/FloatingLabelInput/DSFloatingLabelInput.d.ts +118 -20
  65. package/types/FormItem/DSFormItemLayout.d.ts +390 -60
  66. package/types/FormItem/Error/DSError.d.ts +21 -3
  67. package/types/FormItem/defaultProps.d.ts +118 -20
  68. package/types/FormItem/props.d.ts +229 -39
  69. package/types/InputGroup/DSInputGroup.d.ts +56 -8
  70. package/types/InputGroup/props.d.ts +43 -7
  71. package/types/InputMask/DSInputMask.d.ts +172 -30
  72. package/types/InputMask/mask_types/DateInputMask.d.ts +34 -33
  73. package/types/InputMask/mask_types/DateTimeInputMask.d.ts +34 -33
  74. package/types/InputMask/mask_types/DictionaryInputMask.d.ts +37 -36
  75. package/types/InputMask/mask_types/NumberInputMask.d.ts +46 -45
  76. package/types/InputMask/mask_types/PhoneInputMask.d.ts +34 -33
  77. package/types/InputMask/mask_types/PhoneInternationalInputMask.d.ts +34 -33
  78. package/types/InputMask/mask_types/SsnInputMask.d.ts +34 -33
  79. package/types/InputMask/mask_types/UsZipCodeInputMask.d.ts +34 -33
  80. package/types/InputMask/mask_types/ZipCodeSearchInputMask.d.ts +34 -33
  81. package/types/InputMask/props.d.ts +172 -30
  82. package/types/InputProtected/DSInputProtected.d.ts +56 -7
  83. package/types/InputProtected/props.d.ts +43 -8
  84. package/types/LargeInputText/DSLargeInputText.d.ts +163 -27
  85. package/types/LargeInputText/props.d.ts +163 -27
  86. package/types/MenuItem/components/MenuItem/index.d.ts +12 -3
  87. package/types/MenuItem/components/MultiMenuItem/MultiMenuItem.d.ts +12 -3
  88. package/types/MenuItem/components/Section/index.d.ts +4 -1
  89. package/types/MenuItem/components/Section/props.d.ts +4 -1
  90. package/types/MenuItem/components/SingleMenuItem/SingleMenuItem.d.ts +7 -2
  91. package/types/MenuItem/components/SubmenuItem/index.d.ts +12 -3
  92. package/types/MenuItem/props.d.ts +7 -2
  93. package/types/Radio/DSRadio.d.ts +79 -13
  94. package/types/RadioGroup/DSRadioGroup.d.ts +51 -7
  95. package/types/RadioGroup/props.d.ts +37 -6
  96. package/types/SearchBox/DSSearchBox.d.ts +146 -21
  97. package/types/SearchBox/NavSearchBox.d.ts +18 -3
  98. package/types/SearchBox/SButton.d.ts +13 -2
  99. package/types/SearchBox/index.d.ts +1 -1
  100. package/types/SearchBox/props.d.ts +133 -22
  101. package/types/SearchBox/styled.d.ts +1 -49
  102. package/types/TextBox/DSTextBox.d.ts +146 -21
  103. package/types/TimeInput/DSTimeInput.d.ts +83 -12
  104. package/types/TimeInput/utils.d.ts +1 -1
  105. package/types/Toggle/DSToggle.d.ts +84 -12
  106. package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js +0 -31
  107. package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js +0 -27
  108. package/types/ComboBox/v3/utils/hooks/useOnWindowResize.d.ts +0 -5
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare const DSToggle: {
3
4
  ({ containerProps, hasError, readOnly, disabled, checked, labelOn, labelOff, name, value, size, ...otherProps }: {
@@ -26,49 +27,120 @@ declare const DSToggle: {
26
27
  /**
27
28
  * Set of Properties attached to the main container
28
29
  */
29
- containerProps: any;
30
+ containerProps: {
31
+ defaultValue<T = unknown>(arg: T): {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ isRequired: import("react-desc").PropTypesDescValidator;
35
+ };
30
36
  /**
31
37
  * Whether the toggle has error or not
32
38
  */
33
- hasError: any;
39
+ hasError: {
40
+ defaultValue<T = unknown>(arg: T): {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ isRequired: import("react-desc").PropTypesDescValidator;
44
+ };
34
45
  /**
35
46
  * Whether the toggle is read only or not
36
47
  */
37
- readOnly: any;
48
+ readOnly: {
49
+ defaultValue<T = unknown>(arg: T): {
50
+ deprecated: import("react-desc").PropTypesDescValidator;
51
+ };
52
+ isRequired: import("react-desc").PropTypesDescValidator;
53
+ };
38
54
  /**
39
55
  * Whether the toggle is disabled or not
40
56
  */
41
- disabled: any;
57
+ disabled: {
58
+ defaultValue<T = unknown>(arg: T): {
59
+ deprecated: import("react-desc").PropTypesDescValidator;
60
+ };
61
+ isRequired: import("react-desc").PropTypesDescValidator;
62
+ };
42
63
  /**
43
64
  * Whether the toggle is checked or not
44
65
  */
45
- checked: any;
66
+ checked: {
67
+ defaultValue<T = unknown>(arg: T): {
68
+ deprecated: import("react-desc").PropTypesDescValidator;
69
+ };
70
+ isRequired: import("react-desc").PropTypesDescValidator;
71
+ };
46
72
  /**
47
73
  * Allows a function that is triggered once the toggle changes
48
74
  */
49
- onChange: any;
75
+ onChange: {
76
+ defaultValue<T = unknown>(arg: T): {
77
+ deprecated: import("react-desc").PropTypesDescValidator;
78
+ };
79
+ isRequired: import("react-desc").PropTypesDescValidator;
80
+ };
50
81
  /**
51
82
  * Label to show when the toggle is ON
52
83
  */
53
- labelOn: any;
84
+ labelOn: {
85
+ defaultValue<T = unknown>(arg: T): {
86
+ deprecated: import("react-desc").PropTypesDescValidator;
87
+ };
88
+ isRequired: import("react-desc").PropTypesDescValidator;
89
+ };
54
90
  /**
55
91
  * Label to show when the toggle is OFF
56
92
  */
57
- labelOff: any;
93
+ labelOff: {
94
+ defaultValue<T = unknown>(arg: T): {
95
+ deprecated: import("react-desc").PropTypesDescValidator;
96
+ };
97
+ isRequired: import("react-desc").PropTypesDescValidator;
98
+ };
58
99
  /**
59
100
  * Default value once the component is initialized
60
101
  */
61
- value: any;
102
+ value: {
103
+ defaultValue<T = unknown>(arg: T): {
104
+ deprecated: import("react-desc").PropTypesDescValidator;
105
+ };
106
+ isRequired: import("react-desc").PropTypesDescValidator;
107
+ };
62
108
  /**
63
109
  * ['s', 'm', 'l']
64
110
  */
65
- size: any;
111
+ size: {
112
+ defaultValue<T = unknown>(arg: T): {
113
+ deprecated: import("react-desc").PropTypesDescValidator;
114
+ };
115
+ isRequired: import("react-desc").PropTypesDescValidator;
116
+ };
66
117
  /**
67
118
  * Input name
68
119
  */
69
- name: any;
120
+ name: {
121
+ defaultValue<T = unknown>(arg: T): {
122
+ deprecated: import("react-desc").PropTypesDescValidator;
123
+ };
124
+ isRequired: import("react-desc").PropTypesDescValidator;
125
+ };
70
126
  };
71
127
  };
72
- declare const DSToggleWithSchema: any;
128
+ declare const DSToggleWithSchema: {
129
+ (props?: {
130
+ [x: string]: any;
131
+ containerProps: any;
132
+ hasError: any;
133
+ readOnly: any;
134
+ disabled: any;
135
+ checked: any;
136
+ labelOn: any;
137
+ labelOff: any;
138
+ name: any;
139
+ value: any;
140
+ size: any;
141
+ } | undefined): JSX.Element;
142
+ propTypes: unknown;
143
+ toTypescript: () => import("react-desc").TypescriptSchema;
144
+ };
73
145
  export default DSToggle;
74
146
  export { DSToggleWithSchema };
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
- var React = require('react');
7
-
8
- // Taken and modified from https://stackoverflow.com/a/60218754
9
-
10
- const useDimensions = targetRef => {
11
- const queryDimension = React.useCallback(dimension => targetRef.current ? targetRef.current[dimension] : 0, []);
12
- const [width, setWidth] = React.useState(targetRef.current ? targetRef.current.offsetWidth : 0);
13
- const [height, setHeight] = React.useState(targetRef.current ? targetRef.current.offsetWidth : 0);
14
- const handleResize = React.useCallback(() => {
15
- setWidth(queryDimension('offsetWidth'));
16
- setHeight(queryDimension('offsetHeight'));
17
- }, []);
18
- React.useEffect(() => {
19
- window.addEventListener('resize', handleResize);
20
- return () => window.removeEventListener('resize', handleResize);
21
- }, []);
22
- React.useLayoutEffect(() => {
23
- handleResize();
24
- }, []);
25
- return React.useMemo(() => ({
26
- width,
27
- height
28
- }), [width, height]);
29
- };
30
-
31
- exports.useDimensions = useDimensions;
@@ -1,27 +0,0 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
- import { useCallback, useState, useEffect, useLayoutEffect, useMemo } from 'react';
3
-
4
- // Taken and modified from https://stackoverflow.com/a/60218754
5
-
6
- const useDimensions = targetRef => {
7
- const queryDimension = useCallback(dimension => targetRef.current ? targetRef.current[dimension] : 0, []);
8
- const [width, setWidth] = useState(targetRef.current ? targetRef.current.offsetWidth : 0);
9
- const [height, setHeight] = useState(targetRef.current ? targetRef.current.offsetWidth : 0);
10
- const handleResize = useCallback(() => {
11
- setWidth(queryDimension('offsetWidth'));
12
- setHeight(queryDimension('offsetHeight'));
13
- }, []);
14
- useEffect(() => {
15
- window.addEventListener('resize', handleResize);
16
- return () => window.removeEventListener('resize', handleResize);
17
- }, []);
18
- useLayoutEffect(() => {
19
- handleResize();
20
- }, []);
21
- return useMemo(() => ({
22
- width,
23
- height
24
- }), [width, height]);
25
- };
26
-
27
- export { useDimensions };
@@ -1,5 +0,0 @@
1
- declare const useDimensions: (targetRef: any) => {
2
- width: any;
3
- height: any;
4
- };
5
- export { useDimensions };