@elliemae/ds-form 2.3.1-rc.0 → 2.3.2-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 (17) hide show
  1. package/cjs/ComboBox/v1/DSComboBox.js +1 -1
  2. package/cjs/ComboBox/v1/components/Control.js +1 -1
  3. package/cjs/ComboBox/v1/components/SelectMenu.js +1 -1
  4. package/cjs/ComboBox/v2/Combobox.js +1 -1
  5. package/cjs/ComboBox/v2/components/Control.js +1 -1
  6. package/cjs/Input/DSInput.js +1 -1
  7. package/cjs/Input/InputImpl.js +3 -2
  8. package/cjs/InputProtected/DSInputProtected.js +5 -6
  9. package/esm/ComboBox/v1/DSComboBox.js +1 -1
  10. package/esm/ComboBox/v1/components/Control.js +1 -1
  11. package/esm/ComboBox/v1/components/SelectMenu.js +1 -1
  12. package/esm/ComboBox/v2/Combobox.js +1 -1
  13. package/esm/ComboBox/v2/components/Control.js +1 -1
  14. package/esm/Input/DSInput.js +1 -1
  15. package/esm/Input/InputImpl.js +3 -2
  16. package/esm/InputProtected/DSInputProtected.js +5 -6
  17. package/package.json +23 -25
package/cjs/ComboBox/v1/DSComboBox.js CHANGED
@@ -18,7 +18,7 @@ require('core-js/modules/esnext.iterator.for-each.js');
18
18
  var React = require('react');
19
19
  var lodash = require('lodash');
20
20
  var Select = require('react-select');
21
- var reactPopper = require('react-popper');
21
+ var reactPopper = require('@elliemae/react-popper');
22
22
  var reactMeasure = require('react-measure');
23
23
  var dsUtilities = require('@elliemae/ds-utilities');
24
24
  var withSelectStringValueConverter = require('./withSelectStringValueConverter.js');
package/cjs/ComboBox/v1/components/Control.js CHANGED
@@ -9,7 +9,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
9
9
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
10
10
  require('react');
11
11
  var Select = require('react-select');
12
- var reactPopper = require('react-popper');
12
+ var reactPopper = require('@elliemae/react-popper');
13
13
  var jsxRuntime = require('react/jsx-runtime');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/cjs/ComboBox/v1/components/SelectMenu.js CHANGED
@@ -13,7 +13,7 @@ var DSOverlay = require('@elliemae/ds-overlay');
13
13
  var dsMenu = require('@elliemae/ds-menu');
14
14
  var DSPopper = require('@elliemae/ds-popper');
15
15
  var Select = require('react-select');
16
- var reactPopper = require('react-popper');
16
+ var reactPopper = require('@elliemae/react-popper');
17
17
  var jsxRuntime = require('react/jsx-runtime');
18
18
 
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/cjs/ComboBox/v2/Combobox.js CHANGED
@@ -36,7 +36,7 @@ var lodash = require('lodash');
36
36
  var reactDesc = require('react-desc');
37
37
  var Select = require('react-select');
38
38
  var Creatable = require('react-select/creatable');
39
- var reactPopper = require('react-popper');
39
+ var reactPopper = require('@elliemae/react-popper');
40
40
  var reactMeasure = require('react-measure');
41
41
  var dsUtilities = require('@elliemae/ds-utilities');
42
42
  var dsSystem = require('@elliemae/ds-system');
package/cjs/ComboBox/v2/components/Control.js CHANGED
@@ -9,7 +9,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
9
9
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
10
10
  require('react');
11
11
  var Select = require('react-select');
12
- var reactPopper = require('react-popper');
12
+ var reactPopper = require('@elliemae/react-popper');
13
13
  var jsxRuntime = require('react/jsx-runtime');
14
14
 
15
15
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/cjs/Input/DSInput.js CHANGED
@@ -59,7 +59,7 @@ const DSInput = _ref => {
59
59
  "aria-label": otherProps['aria-label'],
60
60
  "aria-describedby": otherProps['aria-describedby'],
61
61
  autoFocus: autoFocus,
62
- className: "".concat(className, " ").concat(disabled ? 'input-disabled' : ''),
62
+ className: "".concat(className, " ").concat(disabled ? 'input-disabled' : '').concat(readOnly ? 'read-only' : ''),
63
63
  clearable: clearable,
64
64
  containerProps: containerProps,
65
65
  customInputType: customInputType,
package/cjs/Input/InputImpl.js CHANGED
@@ -275,7 +275,7 @@ class InputImpl extends React.Component {
275
275
  },
276
276
  className,
277
277
  autoFocus,
278
- disabled: disabled || readOnly,
278
+ disabled,
279
279
  maxLength,
280
280
  minLength,
281
281
  name,
@@ -296,7 +296,8 @@ class InputImpl extends React.Component {
296
296
  min,
297
297
  max,
298
298
  style,
299
- tabIndex
299
+ tabIndex,
300
+ readOnly
300
301
  }, containerProps);
301
302
 
302
303
  let InputComponent = /*#__PURE__*/jsxRuntime.jsx(WrapperForTooltipInput, {
package/cjs/InputProtected/DSInputProtected.js CHANGED
@@ -64,22 +64,21 @@ const DSInputProtected = _ref => {
64
64
  }, [leftAddon, rightAddon]);
65
65
  const handleLeft = React.useCallback(() => {
66
66
  setLocked(!inputLocked);
67
- }, [leftAddon, inputLocked]);
67
+ }, [inputLocked]);
68
68
  const handleRight = React.useCallback(() => {
69
69
  setHidden(!inputHidden);
70
- }, [rightAddon, inputHidden]);
70
+ }, [inputHidden]);
71
71
  return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"](DSInputGroup["default"], {
72
72
  leftAddon: left ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
73
73
  "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
74
74
  buttonType: "secondary",
75
- icon: ADDON_ICON_OPTIONS[inputLocked ? options.LEFT_ADDON_OPTIONS.LockUnlocked : options.LEFT_ADDON_OPTIONS.LockLocked],
75
+ icon: ADDON_ICON_OPTIONS[inputLocked ? options.LEFT_ADDON_OPTIONS.LockLocked : options.LEFT_ADDON_OPTIONS.LockUnlocked],
76
76
  onClick: handleLeft
77
77
  }) : undefined,
78
- readOnly: left ? inputLocked : readOnly,
79
78
  rightAddon: right ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
80
79
  "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
81
80
  buttonType: "secondary",
82
- icon: ADDON_ICON_OPTIONS[inputHidden ? options.RIGHT_ADDON_OPTIONS.VisibleView : options.RIGHT_ADDON_OPTIONS.InvisibleHide],
81
+ icon: ADDON_ICON_OPTIONS[inputHidden ? options.RIGHT_ADDON_OPTIONS.InvisibleHide : options.RIGHT_ADDON_OPTIONS.VisibleView],
83
82
  onClick: handleRight,
84
83
  containerProps: {
85
84
  'data-testid': 'inputprotected-show-hide-button'
@@ -89,7 +88,7 @@ const DSInputProtected = _ref => {
89
88
  mask: mask,
90
89
  placeholderChar: placeholderChar,
91
90
  onChange: onChange,
92
- readOnly: left ? inputLocked : readOnly,
91
+ disabled: left ? inputLocked : readOnly,
93
92
  type: right && inputHidden ? 'password' : type,
94
93
  value: value
95
94
  }))));
package/esm/ComboBox/v1/DSComboBox.js CHANGED
@@ -15,7 +15,7 @@ import React from 'react';
15
15
  import { debounce, throttle } from 'lodash';
16
16
  import Select from 'react-select';
17
17
  export { components } from 'react-select';
18
- import { Manager } from 'react-popper';
18
+ import { Manager } from '@elliemae/react-popper';
19
19
  import { withContentRect } from 'react-measure';
20
20
  import { cx } from '@elliemae/ds-utilities';
21
21
  import withSelectStringValueConverter from './withSelectStringValueConverter.js';
package/esm/ComboBox/v1/components/Control.js CHANGED
@@ -7,7 +7,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
7
7
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
8
8
  import 'react';
9
9
  import { components } from 'react-select';
10
- import { Reference } from 'react-popper';
10
+ import { Reference } from '@elliemae/react-popper';
11
11
  import { jsx } from 'react/jsx-runtime';
12
12
 
13
13
  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; }
package/esm/ComboBox/v1/components/SelectMenu.js CHANGED
@@ -11,7 +11,7 @@ import DSOverlay from '@elliemae/ds-overlay';
11
11
  import { Menu } from '@elliemae/ds-menu';
12
12
  import { PopperPositions } from '@elliemae/ds-popper';
13
13
  import { components } from 'react-select';
14
- import { Popper } from 'react-popper';
14
+ import { Popper } from '@elliemae/react-popper';
15
15
  import { jsx } from 'react/jsx-runtime';
16
16
 
17
17
  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; }
package/esm/ComboBox/v2/Combobox.js CHANGED
@@ -32,7 +32,7 @@ import { noop } from 'lodash';
32
32
  import { PropTypes, describe } from 'react-desc';
33
33
  import Select, { createFilter } from 'react-select';
34
34
  import Creatable from 'react-select/creatable';
35
- import { Manager } from 'react-popper';
35
+ import { Manager } from '@elliemae/react-popper';
36
36
  import { withContentRect } from 'react-measure';
37
37
  import { usePrevious, useShouldRecalculate, isEqual, cx } from '@elliemae/ds-utilities';
38
38
  import { useTheme } from '@elliemae/ds-system';
package/esm/ComboBox/v2/components/Control.js CHANGED
@@ -7,7 +7,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
7
7
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
8
8
  import 'react';
9
9
  import { components } from 'react-select';
10
- import { Reference } from 'react-popper';
10
+ import { Reference } from '@elliemae/react-popper';
11
11
  import { jsx } from 'react/jsx-runtime';
12
12
 
13
13
  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; }
package/esm/Input/DSInput.js CHANGED
@@ -50,7 +50,7 @@ const DSInput = _ref => {
50
50
  "aria-label": otherProps['aria-label'],
51
51
  "aria-describedby": otherProps['aria-describedby'],
52
52
  autoFocus: autoFocus,
53
- className: "".concat(className, " ").concat(disabled ? 'input-disabled' : ''),
53
+ className: "".concat(className, " ").concat(disabled ? 'input-disabled' : '').concat(readOnly ? 'read-only' : ''),
54
54
  clearable: clearable,
55
55
  containerProps: containerProps,
56
56
  customInputType: customInputType,
package/esm/Input/InputImpl.js CHANGED
@@ -263,7 +263,7 @@ class InputImpl extends Component {
263
263
  },
264
264
  className,
265
265
  autoFocus,
266
- disabled: disabled || readOnly,
266
+ disabled,
267
267
  maxLength,
268
268
  minLength,
269
269
  name,
@@ -284,7 +284,8 @@ class InputImpl extends Component {
284
284
  min,
285
285
  max,
286
286
  style,
287
- tabIndex
287
+ tabIndex,
288
+ readOnly
288
289
  }, containerProps);
289
290
 
290
291
  let InputComponent = /*#__PURE__*/jsx(WrapperForTooltipInput, {
package/esm/InputProtected/DSInputProtected.js CHANGED
@@ -53,22 +53,21 @@ const DSInputProtected = _ref => {
53
53
  }, [leftAddon, rightAddon]);
54
54
  const handleLeft = useCallback(() => {
55
55
  setLocked(!inputLocked);
56
- }, [leftAddon, inputLocked]);
56
+ }, [inputLocked]);
57
57
  const handleRight = useCallback(() => {
58
58
  setHidden(!inputHidden);
59
- }, [rightAddon, inputHidden]);
59
+ }, [inputHidden]);
60
60
  return /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSInputGroup, {
61
61
  leftAddon: left ? /*#__PURE__*/_jsx(DSButton, {
62
62
  "aria-label": "".concat(inputLocked ? 'Allow' : 'Disallow', " Edition"),
63
63
  buttonType: "secondary",
64
- icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockUnlocked : LEFT_ADDON_OPTIONS.LockLocked],
64
+ icon: ADDON_ICON_OPTIONS[inputLocked ? LEFT_ADDON_OPTIONS.LockLocked : LEFT_ADDON_OPTIONS.LockUnlocked],
65
65
  onClick: handleLeft
66
66
  }) : undefined,
67
- readOnly: left ? inputLocked : readOnly,
68
67
  rightAddon: right ? /*#__PURE__*/_jsx(DSButton, {
69
68
  "aria-label": "".concat(inputHidden ? 'Show' : 'Hide', " Characters"),
70
69
  buttonType: "secondary",
71
- icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.VisibleView : RIGHT_ADDON_OPTIONS.InvisibleHide],
70
+ icon: ADDON_ICON_OPTIONS[inputHidden ? RIGHT_ADDON_OPTIONS.InvisibleHide : RIGHT_ADDON_OPTIONS.VisibleView],
72
71
  onClick: handleRight,
73
72
  containerProps: {
74
73
  'data-testid': 'inputprotected-show-hide-button'
@@ -78,7 +77,7 @@ const DSInputProtected = _ref => {
78
77
  mask: mask,
79
78
  placeholderChar: placeholderChar,
80
79
  onChange: onChange,
81
- readOnly: left ? inputLocked : readOnly,
80
+ disabled: left ? inputLocked : readOnly,
82
81
  type: right && inputHidden ? 'password' : type,
83
82
  value: value
84
83
  }))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form",
3
- "version": "2.3.1-rc.0",
3
+ "version": "2.3.2-rc.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form",
6
6
  "module": "./esm/index.js",
@@ -748,36 +748,34 @@
748
748
  "build": "node ../../scripts/build/build.js"
749
749
  },
750
750
  "dependencies": {
751
- "@elliemae/ds-button": "2.3.1-rc.0",
752
- "@elliemae/ds-circular-progress-indicator": "2.3.1-rc.0",
753
- "@elliemae/ds-classnames": "2.3.1-rc.0",
754
- "@elliemae/ds-controlled-form": "2.3.1-rc.0",
755
- "@elliemae/ds-dropdownmenu": "2.3.1-rc.0",
756
- "@elliemae/ds-form": "2.3.1-rc.0",
757
- "@elliemae/ds-grid": "2.3.1-rc.0",
758
- "@elliemae/ds-icon": "2.3.1-rc.0",
759
- "@elliemae/ds-icons": "2.3.1-rc.0",
760
- "@elliemae/ds-menu": "2.3.1-rc.0",
761
- "@elliemae/ds-overlay": "2.3.1-rc.0",
762
- "@elliemae/ds-pills": "2.3.1-rc.0",
763
- "@elliemae/ds-popper": "2.3.1-rc.0",
764
- "@elliemae/ds-popperjs": "2.3.1-rc.0",
765
- "@elliemae/ds-props-helpers": "2.3.1-rc.0",
766
- "@elliemae/ds-separator": "2.3.1-rc.0",
767
- "@elliemae/ds-shared": "2.3.1-rc.0",
768
- "@elliemae/ds-system": "2.3.1-rc.0",
769
- "@elliemae/ds-text-wrapper": "2.3.1-rc.0",
770
- "@elliemae/ds-tooltip": "2.3.1-rc.0",
771
- "@elliemae/ds-truncated-tooltip-text": "2.3.1-rc.0",
772
- "@elliemae/ds-utilities": "2.3.1-rc.0",
751
+ "@elliemae/ds-button": "2.3.2-rc.0",
752
+ "@elliemae/ds-circular-progress-indicator": "2.3.2-rc.0",
753
+ "@elliemae/ds-classnames": "2.3.2-rc.0",
754
+ "@elliemae/ds-controlled-form": "2.3.2-rc.0",
755
+ "@elliemae/ds-dropdownmenu": "2.3.2-rc.0",
756
+ "@elliemae/ds-grid": "2.3.2-rc.0",
757
+ "@elliemae/ds-icon": "2.3.2-rc.0",
758
+ "@elliemae/ds-icons": "2.3.2-rc.0",
759
+ "@elliemae/ds-menu": "2.3.2-rc.0",
760
+ "@elliemae/ds-overlay": "2.3.2-rc.0",
761
+ "@elliemae/ds-popper": "2.3.2-rc.0",
762
+ "@elliemae/ds-props-helpers": "2.3.2-rc.0",
763
+ "@elliemae/ds-separator": "2.3.2-rc.0",
764
+ "@elliemae/ds-shared": "2.3.2-rc.0",
765
+ "@elliemae/ds-system": "2.3.2-rc.0",
766
+ "@elliemae/ds-text-wrapper": "2.3.2-rc.0",
767
+ "@elliemae/ds-tooltip": "2.3.2-rc.0",
768
+ "@elliemae/ds-truncated-tooltip-text": "2.3.2-rc.0",
769
+ "@elliemae/ds-utilities": "2.3.2-rc.0",
770
+ "@elliemae/react-popper": "1.0.2",
771
+ "@xstyled/styled-components": "~3.1.1",
772
+ "csstype": "~3.0.9",
773
773
  "memoize-one": "~5.1.1",
774
774
  "moment": "~2.29.1",
775
775
  "prop-types": "~15.7.2",
776
776
  "react-desc": "~4.1.3",
777
777
  "react-measure": "~2.5.2",
778
- "react-popper": "~1.3.11",
779
778
  "react-select": "~4.3.0",
780
- "react-virtual": "~2.8.2",
781
779
  "react-window": "~1.8.6",
782
780
  "resize-observer": "~1.0.2",
783
781
  "text-mask-core": "5.1.2",