@elliemae/ds-form 2.0.0-rc.9 → 2.1.0-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.
- package/cjs/Checkbox/DSCheckbox.js +4 -4
- package/cjs/CheckboxGroup/DSCheckboxGroup.js +2 -2
- package/cjs/ComboBox/v1/DSComboBox.js +20 -24
- package/cjs/ComboBox/v1/components/AllOption.js +2 -2
- package/cjs/ComboBox/v1/components/Control.js +2 -2
- package/cjs/ComboBox/v1/components/CustomOption.js +2 -2
- package/cjs/ComboBox/v1/components/CustomOptionMulti.js +2 -2
- package/cjs/ComboBox/v1/components/DropdownIndicator.js +2 -2
- package/cjs/ComboBox/v1/components/MenuList.js +2 -2
- package/cjs/ComboBox/v1/components/MultiValueRemove.js +2 -2
- package/cjs/ComboBox/v1/components/SelectMenu.js +2 -2
- package/cjs/ComboBox/v1/components/ValueContainer.js +2 -2
- package/cjs/ComboBox/v1/withSelectStringValueConverter.js +5 -6
- package/cjs/ComboBox/v2/Combobox.js +2 -2
- package/cjs/ComboBox/v2/components/AllOption.js +2 -2
- package/cjs/ComboBox/v2/components/ClearIndicator.js +2 -2
- package/cjs/ComboBox/v2/components/Content.js +2 -2
- package/cjs/ComboBox/v2/components/Control.js +2 -2
- package/cjs/ComboBox/v2/components/CustomOption.js +2 -2
- package/cjs/ComboBox/v2/components/CustomOptionMulti.js +2 -2
- package/cjs/ComboBox/v2/components/DropdownIndicator.js +2 -2
- package/cjs/ComboBox/v2/components/GroupHeading.js +2 -2
- package/cjs/ComboBox/v2/components/IndicatorSeparator.js +2 -2
- package/cjs/ComboBox/v2/components/MenuList.js +2 -2
- package/cjs/ComboBox/v2/components/MultiValueRemove.js +2 -2
- package/cjs/ComboBox/v2/components/SelectMenu.js +2 -2
- package/cjs/ComboBox/v2/components/ValueContainer.js +2 -2
- package/cjs/ComboBox/v3/ComboBoxCTX.js +16 -17
- package/cjs/ComboBox/v3/config/useComboBox.js +8 -8
- package/cjs/ComboBox/v3/parts/container/Container.js +1 -1
- package/cjs/ComboBox/v3/parts/controls-input/ControlsInput.js +5 -3
- package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js +8 -8
- package/cjs/ComboBox/v3/parts/header-list/HeaderList.js +5 -3
- package/cjs/ComboBox/v3/parts/menu-list/MenuList.js +7 -8
- package/cjs/ComboBox/v3/parts/menu-list/styled.js +8 -4
- package/cjs/ComboBox/v3/parts/menu-list/useItemRenderer.js +12 -11
- package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +5 -5
- package/cjs/ComboBox/v3/utils/hooks/useOnElementResize.js +4 -4
- package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +2 -2
- package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +2 -2
- package/cjs/ComboBoxFreeSolo/components/SingleValue.js +2 -2
- package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +2 -2
- package/cjs/DateInput/DSDateInput.js +2 -2
- package/cjs/DateInput/components/DateInputImpl.js +2 -2
- package/cjs/DateInput/components/DateInputs.js +2 -2
- package/cjs/DateInputV2/components/DateInputs.js +2 -2
- package/cjs/ExpandableInput/ExpandableInputImpl.js +2 -2
- package/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +6 -9
- package/cjs/FormItem/DSFormItemLayout.js +2 -2
- package/cjs/FormItem/ValidationFieldWrapper.js +4 -5
- package/cjs/Input/DSInput.js +2 -2
- package/cjs/Input/InputAddonWrapper.js +4 -5
- package/cjs/Input/InputImpl.js +18 -20
- package/cjs/InputGroup/AddonWrapper.js +6 -8
- package/cjs/InputMask/DSInputMask.js +2 -2
- package/cjs/InputMask/DSInputMaskDeprecated.js +12 -14
- package/cjs/InputMask/MaskTypes.js +2 -2
- package/cjs/InputMask/mask_types/DateInputMask.js +2 -2
- package/cjs/InputMask/mask_types/DateTimeInputMask.js +2 -2
- package/cjs/InputMask/mask_types/DictionaryInputMask.js +2 -2
- package/cjs/InputMask/mask_types/NumberInputMask.js +2 -2
- package/cjs/InputMask/mask_types/PhoneInputMask.js +2 -2
- package/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +2 -2
- package/cjs/InputMask/mask_types/SsnInputMask.js +2 -2
- package/cjs/InputMask/mask_types/UsZipCodeInputMask.js +2 -2
- package/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +2 -2
- package/cjs/InputMask/mask_types/index.js +2 -2
- package/cjs/InputProtected/DSInputProtected.js +2 -2
- package/cjs/LargeInputText/DSLargeInputText.js +2 -2
- package/cjs/MenuItem/components/SubmenuItem/index.js +2 -2
- package/cjs/Radio/DSRadio.js +11 -6
- package/cjs/RadioGroup/DSRadioGroup.js +2 -2
- package/cjs/SearchBox/NavSearchBox.js +5 -1
- package/cjs/SearchBox/SearchBoxToggle.js +2 -2
- package/cjs/SearchBox/withSearchable.js +5 -7
- package/cjs/TextBox/DSTextBox.js +2 -2
- package/cjs/TimeInput/DSTimeInput.js +2 -2
- package/cjs/TimeInput/TimeInputImpl.js +2 -2
- package/cjs/TimeInput/TimeInputs.js +2 -2
- package/cjs/Toggle/DSToggle.js +2 -2
- package/cjs/Toggle/DSToggleImpl.js +30 -30
- package/cjs/Toggle/DSToggleRender.js +2 -2
- package/esm/Checkbox/DSCheckbox.js +4 -4
- package/esm/CheckboxGroup/DSCheckboxGroup.js +2 -2
- package/esm/ComboBox/v1/DSComboBox.js +19 -23
- package/esm/ComboBox/v1/components/AllOption.js +2 -2
- package/esm/ComboBox/v1/components/Control.js +2 -2
- package/esm/ComboBox/v1/components/CustomOption.js +2 -2
- package/esm/ComboBox/v1/components/CustomOptionMulti.js +2 -2
- package/esm/ComboBox/v1/components/DropdownIndicator.js +2 -2
- package/esm/ComboBox/v1/components/MenuList.js +2 -2
- package/esm/ComboBox/v1/components/MultiValueRemove.js +2 -2
- package/esm/ComboBox/v1/components/SelectMenu.js +2 -2
- package/esm/ComboBox/v1/components/ValueContainer.js +2 -2
- package/esm/ComboBox/v1/withSelectStringValueConverter.js +5 -6
- package/esm/ComboBox/v2/Combobox.js +2 -2
- package/esm/ComboBox/v2/components/AllOption.js +2 -2
- package/esm/ComboBox/v2/components/ClearIndicator.js +2 -2
- package/esm/ComboBox/v2/components/Content.js +2 -2
- package/esm/ComboBox/v2/components/Control.js +2 -2
- package/esm/ComboBox/v2/components/CustomOption.js +2 -2
- package/esm/ComboBox/v2/components/CustomOptionMulti.js +2 -2
- package/esm/ComboBox/v2/components/DropdownIndicator.js +2 -2
- package/esm/ComboBox/v2/components/GroupHeading.js +2 -2
- package/esm/ComboBox/v2/components/IndicatorSeparator.js +2 -2
- package/esm/ComboBox/v2/components/MenuList.js +2 -2
- package/esm/ComboBox/v2/components/MultiValueRemove.js +2 -2
- package/esm/ComboBox/v2/components/SelectMenu.js +2 -2
- package/esm/ComboBox/v2/components/ValueContainer.js +2 -2
- package/esm/ComboBox/v3/ComboBoxCTX.js +5 -6
- package/esm/ComboBox/v3/config/useComboBox.js +8 -8
- package/esm/ComboBox/v3/parts/container/Container.js +1 -1
- package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js +5 -3
- package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js +8 -8
- package/esm/ComboBox/v3/parts/header-list/HeaderList.js +5 -3
- package/esm/ComboBox/v3/parts/menu-list/MenuList.js +8 -9
- package/esm/ComboBox/v3/parts/menu-list/styled.js +8 -4
- package/esm/ComboBox/v3/parts/menu-list/useItemRenderer.js +12 -11
- package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +5 -5
- package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js +4 -4
- package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +2 -2
- package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +2 -2
- package/esm/ComboBoxFreeSolo/components/SingleValue.js +2 -2
- package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +2 -2
- package/esm/DateInput/DSDateInput.js +2 -2
- package/esm/DateInput/components/DateInputImpl.js +2 -2
- package/esm/DateInput/components/DateInputs.js +2 -2
- package/esm/DateInputV2/components/DateInputs.js +2 -2
- package/esm/ExpandableInput/ExpandableInputImpl.js +2 -2
- package/esm/FloatingLabelInput/FloatingLabelInputImpl.js +6 -9
- package/esm/FormItem/DSFormItemLayout.js +2 -2
- package/esm/FormItem/ValidationFieldWrapper.js +4 -5
- package/esm/Input/DSInput.js +2 -2
- package/esm/Input/InputAddonWrapper.js +4 -5
- package/esm/Input/InputImpl.js +17 -19
- package/esm/InputGroup/AddonWrapper.js +7 -9
- package/esm/InputMask/DSInputMask.js +2 -2
- package/esm/InputMask/DSInputMaskDeprecated.js +12 -14
- package/esm/InputMask/MaskTypes.js +2 -2
- package/esm/InputMask/mask_types/DateInputMask.js +2 -2
- package/esm/InputMask/mask_types/DateTimeInputMask.js +2 -2
- package/esm/InputMask/mask_types/DictionaryInputMask.js +2 -2
- package/esm/InputMask/mask_types/NumberInputMask.js +2 -2
- package/esm/InputMask/mask_types/PhoneInputMask.js +2 -2
- package/esm/InputMask/mask_types/PhoneInternationalInputMask.js +2 -2
- package/esm/InputMask/mask_types/SsnInputMask.js +2 -2
- package/esm/InputMask/mask_types/UsZipCodeInputMask.js +2 -2
- package/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +2 -2
- package/esm/InputMask/mask_types/index.js +2 -2
- package/esm/InputProtected/DSInputProtected.js +2 -2
- package/esm/LargeInputText/DSLargeInputText.js +2 -2
- package/esm/MenuItem/components/SubmenuItem/index.js +2 -2
- package/esm/Radio/DSRadio.js +11 -6
- package/esm/RadioGroup/DSRadioGroup.js +2 -2
- package/esm/SearchBox/NavSearchBox.js +5 -1
- package/esm/SearchBox/SearchBoxToggle.js +2 -2
- package/esm/SearchBox/withSearchable.js +4 -6
- package/esm/TextBox/DSTextBox.js +2 -2
- package/esm/TimeInput/DSTimeInput.js +2 -2
- package/esm/TimeInput/TimeInputImpl.js +2 -2
- package/esm/TimeInput/TimeInputs.js +2 -2
- package/esm/Toggle/DSToggle.js +2 -2
- package/esm/Toggle/DSToggleImpl.js +30 -30
- package/esm/Toggle/DSToggleRender.js +2 -2
- package/package.json +24 -28
- package/types/Checkbox/DSCheckbox.d.ts +36 -47
- package/types/Checkbox/props.d.ts +14 -14
- package/types/CheckboxGroup/DSCheckboxGroup.d.ts +12 -12
- package/types/CheckboxGroup/props.d.ts +12 -12
- package/types/ComboBox/v3/ComboBox.d.ts +2 -2
- package/types/ComboBox/v3/parts/controls-input/useControlsInput.d.ts +3 -3
- package/types/ComboBox/v3/parts/menu-list/styled.d.ts +4 -3
- package/types/ComboBox/v3/parts/menu-list/useItemRenderer.d.ts +1 -1
- package/types/ComboBox/v3/propTypes.d.ts +2 -2
- package/types/ComboBox/v3/utils/hooks/useKeyboardNavigation.d.ts +4 -1
- package/types/ComboBox/v3/utils/listHelper.d.ts +1 -1
- package/types/DateInput/DSDateInput.d.ts +32 -32
- package/types/DateInput/props.d.ts +64 -32
- package/types/DateInputV2/components/DSDateInput.d.ts +20 -20
- package/types/DateInputV2/components/props.d.ts +20 -20
- package/types/FloatingLabelInput/DSFloatingLabelInput.d.ts +38 -38
- package/types/FormItem/DSFormItemLayout.d.ts +112 -112
- package/types/FormItem/Error/DSError.d.ts +4 -4
- package/types/FormItem/defaultProps.d.ts +38 -38
- package/types/FormItem/props.d.ts +74 -74
- package/types/InputGroup/DSInputGroup.d.ts +14 -14
- package/types/InputGroup/props.d.ts +14 -14
- package/types/InputMask/DSInputMask.d.ts +54 -54
- package/types/InputMask/props.d.ts +54 -54
- package/types/InputProtected/DSInputProtected.d.ts +12 -12
- package/types/InputProtected/props.d.ts +12 -12
- package/types/LargeInputText/DSLargeInputText.d.ts +54 -54
- package/types/LargeInputText/props.d.ts +54 -54
- package/types/Radio/DSRadio.d.ts +56 -46
- package/types/RadioGroup/DSRadioGroup.d.ts +12 -12
- package/types/RadioGroup/props.d.ts +12 -12
- package/types/SearchBox/DSSearchBox.d.ts +40 -40
- package/types/SearchBox/NavSearchBox.d.ts +24 -7
- package/types/SearchBox/SButton.d.ts +4 -4
- package/types/SearchBox/index.d.ts +1 -1
- package/types/SearchBox/props.d.ts +44 -44
- package/types/TextBox/DSTextBox.d.ts +38 -38
- package/types/TimeInput/DSTimeInput.d.ts +22 -22
- package/types/Toggle/DSToggle.d.ts +22 -22
- package/cjs/ComboBox/v3/utils/hooks/useOnWindowResize.js +0 -31
- package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js +0 -27
- package/types/ComboBox/v3/utils/hooks/useOnWindowResize.d.ts +0 -5
package/cjs/Input/DSInput.js
CHANGED
|
@@ -21,9 +21,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
21
21
|
|
|
22
22
|
const _excluded = ["containerProps", "id", "autoFocus", "disabled", "className", "clearable", "name", "maxLength", "minLength", "fluidWidth", "disableTooltip", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "leftComponent", "rightComponent", "required", "customInputType", "variant", "isShowElipsisActive"];
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
const DSInput = _ref => {
|
|
29
29
|
let {
|
|
@@ -18,9 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
18
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
20
|
|
|
21
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
21
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
22
|
|
|
23
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
23
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
24
|
const blockName = 'input-addon-wrapper';
|
|
25
25
|
const InputWrapper = dsClassnames.aggregatedClasses('div')(blockName);
|
|
26
26
|
const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon', _ref => {
|
|
@@ -112,11 +112,10 @@ class InputAddonWrapper extends React.Component {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
}
|
|
115
|
-
|
|
116
|
-
_defineProperty__default["default"](InputAddonWrapper, "defaultProps", {
|
|
115
|
+
InputAddonWrapper.defaultProps = {
|
|
117
116
|
rightComponents: [],
|
|
118
117
|
leftComponents: [],
|
|
119
118
|
containerProps: {}
|
|
120
|
-
}
|
|
119
|
+
};
|
|
121
120
|
|
|
122
121
|
module.exports = InputAddonWrapper;
|
package/cjs/Input/InputImpl.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
3
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
4
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
7
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
8
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
@@ -20,9 +20,9 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
23
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
23
24
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
24
25
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
26
26
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
27
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
28
28
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
@@ -32,9 +32,9 @@ const _excluded = ["role", "id", "isShowElipsisActive", "autoFocus", "className"
|
|
|
32
32
|
|
|
33
33
|
var _CloseCircle;
|
|
34
34
|
|
|
35
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
35
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
36
36
|
|
|
37
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
37
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
38
38
|
const blockName = 'input';
|
|
39
39
|
const Input = dsClassnames.aggregatedClasses('input')(blockName, null, _ref2 => {
|
|
40
40
|
let {
|
|
@@ -66,12 +66,10 @@ const noop = () => null;
|
|
|
66
66
|
class InputImpl extends React.Component {
|
|
67
67
|
constructor(props) {
|
|
68
68
|
super(props);
|
|
69
|
+
this.ref = void 0;
|
|
70
|
+
this.refTooltip = void 0;
|
|
69
71
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
_defineProperty__default["default"](this, "refTooltip", void 0);
|
|
73
|
-
|
|
74
|
-
_defineProperty__default["default"](this, "handleOnChange", e => {
|
|
72
|
+
this.handleOnChange = e => {
|
|
75
73
|
const {
|
|
76
74
|
onChange,
|
|
77
75
|
max
|
|
@@ -87,9 +85,9 @@ class InputImpl extends React.Component {
|
|
|
87
85
|
isEllipsisOn: this.ref.current.offsetWidth < this.ref.current.scrollWidth
|
|
88
86
|
});
|
|
89
87
|
}
|
|
90
|
-
}
|
|
88
|
+
};
|
|
91
89
|
|
|
92
|
-
|
|
90
|
+
this.handleBlur = e => {
|
|
93
91
|
const {
|
|
94
92
|
onBlur,
|
|
95
93
|
onChange,
|
|
@@ -111,9 +109,9 @@ class InputImpl extends React.Component {
|
|
|
111
109
|
this.setState({
|
|
112
110
|
active: false
|
|
113
111
|
});
|
|
114
|
-
}
|
|
112
|
+
};
|
|
115
113
|
|
|
116
|
-
|
|
114
|
+
this.handleFocus = e => {
|
|
117
115
|
const {
|
|
118
116
|
onFocus
|
|
119
117
|
} = this.props;
|
|
@@ -121,30 +119,30 @@ class InputImpl extends React.Component {
|
|
|
121
119
|
this.setState({
|
|
122
120
|
active: true
|
|
123
121
|
});
|
|
124
|
-
}
|
|
122
|
+
};
|
|
125
123
|
|
|
126
|
-
|
|
124
|
+
this.handleMouseEnter = () => {
|
|
127
125
|
if (!this.state.showTooltip) {
|
|
128
126
|
this.setState({
|
|
129
127
|
showTooltip: true
|
|
130
128
|
});
|
|
131
129
|
}
|
|
132
|
-
}
|
|
130
|
+
};
|
|
133
131
|
|
|
134
|
-
|
|
132
|
+
this.handleMouseLeave = () => {
|
|
135
133
|
if (this.state.showTooltip) {
|
|
136
134
|
this.setState({
|
|
137
135
|
showTooltip: false
|
|
138
136
|
});
|
|
139
137
|
}
|
|
140
|
-
}
|
|
138
|
+
};
|
|
141
139
|
|
|
142
|
-
|
|
140
|
+
this.setWidth = () => {
|
|
143
141
|
const client = this.refTooltip.current.getBoundingClientRect();
|
|
144
142
|
this.setState({
|
|
145
143
|
width: client.width
|
|
146
144
|
});
|
|
147
|
-
}
|
|
145
|
+
};
|
|
148
146
|
|
|
149
147
|
this.state = {
|
|
150
148
|
width: -1,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
6
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
7
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
@@ -14,20 +14,19 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
14
14
|
|
|
15
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
16
|
|
|
17
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
17
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
19
|
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
23
|
const blockName = 'input-addon-group';
|
|
24
24
|
const Container = dsClassnames.aggregatedClasses('div')(blockName);
|
|
25
25
|
const InputAddon = dsClassnames.aggregatedClasses('span')(blockName, 'addon');
|
|
26
26
|
class AddonWrapper extends React.Component {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(...arguments);
|
|
29
|
-
|
|
30
|
-
_defineProperty__default["default"](this, "state", {});
|
|
29
|
+
this.state = {};
|
|
31
30
|
}
|
|
32
31
|
|
|
33
32
|
render() {
|
|
@@ -47,7 +46,6 @@ class AddonWrapper extends React.Component {
|
|
|
47
46
|
}
|
|
48
47
|
|
|
49
48
|
}
|
|
50
|
-
|
|
51
|
-
_defineProperty__default["default"](AddonWrapper, "defaultProps", {});
|
|
49
|
+
AddonWrapper.defaultProps = {};
|
|
52
50
|
|
|
53
51
|
module.exports = AddonWrapper;
|
|
@@ -27,9 +27,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
27
27
|
|
|
28
28
|
const _excluded = ["aria-label", "autoFocus", "innerRef", "mask", "pipe", "value"];
|
|
29
29
|
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
31
|
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
33
|
|
|
34
34
|
const isStringMask = mask => typeof mask === 'string';
|
|
35
35
|
|
|
@@ -22,9 +22,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
22
22
|
|
|
23
23
|
const _excluded = ["autoFocus", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
24
24
|
|
|
25
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
25
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
28
|
|
|
29
29
|
const getValueFromEventOrString = e => {
|
|
30
30
|
let value = e;
|
|
@@ -96,12 +96,10 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
96
96
|
|
|
97
97
|
super(props);
|
|
98
98
|
_this = this;
|
|
99
|
+
this.lastkey = null;
|
|
100
|
+
this.lastkeycode = null;
|
|
99
101
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
_defineProperty__default["default"](this, "lastkeycode", null);
|
|
103
|
-
|
|
104
|
-
_defineProperty__default["default"](this, "conformValue", function (rawValueOrEvent, currentCaretPosition) {
|
|
102
|
+
this.conformValue = function (rawValueOrEvent, currentCaretPosition) {
|
|
105
103
|
let {
|
|
106
104
|
skipCaretPositioning = false,
|
|
107
105
|
skipOnChangeCallback = false
|
|
@@ -213,9 +211,9 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
213
211
|
if (!skipOnChangeCallback) onChange(event);
|
|
214
212
|
if (!skipCaretPositioning) setTimeout(() => setCaretPosition(_this.inputref, caretPos));
|
|
215
213
|
});
|
|
216
|
-
}
|
|
214
|
+
};
|
|
217
215
|
|
|
218
|
-
|
|
216
|
+
this.handleOnChange = e => {
|
|
219
217
|
var _e$target;
|
|
220
218
|
|
|
221
219
|
const rawValue = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || '';
|
|
@@ -224,9 +222,9 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
224
222
|
} = e.target;
|
|
225
223
|
const currentCaretPosition = selectionEnd;
|
|
226
224
|
this.conformValue(rawValue, currentCaretPosition);
|
|
227
|
-
}
|
|
225
|
+
};
|
|
228
226
|
|
|
229
|
-
|
|
227
|
+
this.handleKeyDown = e => {
|
|
230
228
|
e.stopPropagation();
|
|
231
229
|
const {
|
|
232
230
|
onKeyDown
|
|
@@ -234,9 +232,9 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
234
232
|
this.lastkey = e.key;
|
|
235
233
|
this.lastkeycode = e.keyCode;
|
|
236
234
|
onKeyDown(e);
|
|
237
|
-
}
|
|
235
|
+
};
|
|
238
236
|
|
|
239
|
-
|
|
237
|
+
this.handleBlur = e => {
|
|
240
238
|
const {
|
|
241
239
|
onBlur
|
|
242
240
|
} = this.props;
|
|
@@ -244,7 +242,7 @@ class DSInputMaskDeprecated extends React.Component {
|
|
|
244
242
|
focus: false
|
|
245
243
|
});
|
|
246
244
|
onBlur(e);
|
|
247
|
-
}
|
|
245
|
+
};
|
|
248
246
|
|
|
249
247
|
this.inputref = /*#__PURE__*/React__default["default"].createRef();
|
|
250
248
|
this.state = {
|
|
@@ -13,9 +13,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
15
15
|
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
17
|
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
19
|
|
|
20
20
|
/* eslint-disable no-unused-vars */
|
|
21
21
|
const MASK_TYPES = {
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
28
28
|
const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 8);
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
28
28
|
const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 12);
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "allowedWords", "ignoreCase", "autoFocus", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const startsWith = (a, b, ignoreCase) => {
|
|
28
28
|
if (ignoreCase) {
|
|
@@ -21,9 +21,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
21
21
|
|
|
22
22
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "allowDecimal", "allowLeadingZeroes", "allowNegative", "autoFocus", "className", "clearable", "decimalLimit", "decimalSymbol", "disabled", "fluidWidth", "hasError", "includeThousandsSeparator", "innerRef", "integerLimit", "leftComponent", "maxLength", "minLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "placeholder", "prefix", "readOnly", "requireDecimal", "rightComponent", "style", "suffix", "thousandsSeparatorSymbol", "type", "value"];
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
const addThousandsSeparator = (n, thousandsSeparatorSymbol) => n.replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparatorSymbol);
|
|
29
29
|
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
28
28
|
let nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9');
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
28
28
|
let nextMaskedValue = rawValue.split('+1').slice(-1)[0].split('').filter(char => char >= '0' && char <= '9');
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
28
28
|
const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 9);
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos) => {
|
|
28
28
|
const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 5);
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["focus", "setFocus", "setRawMask", "cursorPosition", "setCursorPosition", "lastkey", "setLastkey", "setRawValue", "style", "disabled", "className", "name", "maxLength", "minLength", "fluidWidth", "placeholder", "onKeyDown", "onClick", "onChange", "onFocus", "onBlur", "onPaste", "onKeyUp", "hasError", "readOnly", "type", "innerRef", "clearable", "leftComponent", "rightComponent", "value"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const conformValue = (rawValue, cursorPos, lastkeycode) => {
|
|
28
28
|
const nextMaskedValue = rawValue.split('').filter(char => char >= '0' && char <= '9').slice(0, 9);
|
|
@@ -30,9 +30,9 @@ const _excluded = ["ignoreCase"],
|
|
|
30
30
|
_excluded2 = ["prefix", "suffix", "includeThousandsSeparator", "thousandsSeparatorSymbol", "allowDecimal", "decimalSymbol", "decimalLimit", "requireDecimal", "allowNegative", "allowLeadingZeroes", "integerLimit"],
|
|
31
31
|
_excluded3 = ["prefix", "suffix", "includeThousandsSeparator", "thousandsSeparatorSymbol", "allowDecimal", "decimalSymbol", "decimalLimit", "requireDecimal", "allowNegative", "allowLeadingZeroes", "integerLimit"];
|
|
32
32
|
|
|
33
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
34
|
|
|
35
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
35
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
36
36
|
const dollarSign = '$';
|
|
37
37
|
const percentSign = '%';
|
|
38
38
|
const emptyString = '';
|
|
@@ -31,9 +31,9 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
31
31
|
|
|
32
32
|
const _excluded = ["leftAddon", "rightAddon", "onChange", "value", "readOnly", "mask", "type", "placeholderChar"];
|
|
33
33
|
|
|
34
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
34
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
35
|
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
37
|
const ADDON_ICON_OPTIONS = {
|
|
38
38
|
LockUnlocked: /*#__PURE__*/_jsx__default["default"](dsIcons.LockUnlocked, {}),
|
|
39
39
|
LockLocked: /*#__PURE__*/_jsx__default["default"](dsIcons.LockLocked, {}),
|
|
@@ -21,9 +21,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
21
21
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
22
22
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
const CounterArea = dsClassnames.aggregatedClasses('div')('counter', 'textarea', _ref => {
|
|
28
28
|
let {
|
|
29
29
|
limitError
|
|
@@ -33,9 +33,9 @@ var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
|
|
|
33
33
|
|
|
34
34
|
var _Ellipsis, _ChevronRight;
|
|
35
35
|
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
36
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
37
|
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
39
|
|
|
40
40
|
const SubmenuItem = props$1 => {
|
|
41
41
|
const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
|
package/cjs/Radio/DSRadio.js
CHANGED
|
@@ -24,9 +24,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
24
24
|
|
|
25
25
|
const _excluded = ["containerProps", "className", "style", "labelText", "htmlFor", "hasError", "readOnly", "disabled", "checked", "value", "name", "onChange", "children", "tabIndex"];
|
|
26
26
|
|
|
27
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
28
28
|
|
|
29
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
29
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
30
|
|
|
31
31
|
const DSRadio = _ref => {
|
|
32
32
|
let {
|
|
@@ -47,6 +47,8 @@ const DSRadio = _ref => {
|
|
|
47
47
|
} = _ref,
|
|
48
48
|
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
49
49
|
|
|
50
|
+
// this will be solved when we move to styled components...
|
|
51
|
+
// eslint-disable-next-line @typescript-eslint/unbound-method
|
|
50
52
|
const {
|
|
51
53
|
cssClassName,
|
|
52
54
|
classNameElement
|
|
@@ -83,6 +85,9 @@ const DSRadio = _ref => {
|
|
|
83
85
|
"aria-disabled": disabled,
|
|
84
86
|
className: classNameElement('input-button'),
|
|
85
87
|
onKeyDown: e => {
|
|
88
|
+
// really really bad pattern...
|
|
89
|
+
// overwriting the target to point to the hidden input because the focus is on the span and not on the input...
|
|
90
|
+
// we will solve this with a v2 of this when we move to controlled + styled components...
|
|
86
91
|
e.target = checkRef.current;
|
|
87
92
|
if (disabled) return;
|
|
88
93
|
|
|
@@ -94,8 +99,8 @@ const DSRadio = _ref => {
|
|
|
94
99
|
},
|
|
95
100
|
role: "radio",
|
|
96
101
|
style: style,
|
|
97
|
-
tabIndex: disabled ? -1 : tabIndex
|
|
98
|
-
|
|
102
|
+
tabIndex: disabled ? -1 : tabIndex // value={value} // should be unused?
|
|
103
|
+
,
|
|
99
104
|
children: /*#__PURE__*/_jsx__default["default"](Circle, {
|
|
100
105
|
checked: checked
|
|
101
106
|
})
|
|
@@ -160,7 +165,7 @@ const radioProps = {
|
|
|
160
165
|
/**
|
|
161
166
|
* Value that takes the checkbox if it is checked
|
|
162
167
|
*/
|
|
163
|
-
value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).
|
|
168
|
+
value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number, reactDesc.PropTypes.object]).description('Value that takes the checkbox if it is checked').isRequired,
|
|
164
169
|
|
|
165
170
|
/**
|
|
166
171
|
* Allows a function that is triggered once the radio changes
|
|
@@ -178,7 +183,7 @@ const radioProps = {
|
|
|
178
183
|
/** style override object */
|
|
179
184
|
style: reactDesc.PropTypes.number.description('style override object')
|
|
180
185
|
};
|
|
181
|
-
const DSRadioWithSchema = reactDesc.describe(DSRadio)
|
|
186
|
+
const DSRadioWithSchema = reactDesc.describe(DSRadio);
|
|
182
187
|
DSRadioWithSchema.propTypes = radioProps;
|
|
183
188
|
|
|
184
189
|
exports.DSRadioWithSchema = DSRadioWithSchema;
|