@elliemae/ds-form 2.3.1 → 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 (7) hide show
  1. package/cjs/Input/DSInput.js +1 -1
  2. package/cjs/Input/InputImpl.js +3 -2
  3. package/cjs/InputProtected/DSInputProtected.js +5 -6
  4. package/esm/Input/DSInput.js +1 -1
  5. package/esm/Input/InputImpl.js +3 -2
  6. package/esm/InputProtected/DSInputProtected.js +5 -6
  7. package/package.json +20 -20
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/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",
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,25 +748,25 @@
748
748
  "build": "node ../../scripts/build/build.js"
749
749
  },
750
750
  "dependencies": {
751
- "@elliemae/ds-button": "2.3.1",
752
- "@elliemae/ds-circular-progress-indicator": "2.3.1",
753
- "@elliemae/ds-classnames": "2.3.1",
754
- "@elliemae/ds-controlled-form": "2.3.1",
755
- "@elliemae/ds-dropdownmenu": "2.3.1",
756
- "@elliemae/ds-grid": "2.3.1",
757
- "@elliemae/ds-icon": "2.3.1",
758
- "@elliemae/ds-icons": "2.3.1",
759
- "@elliemae/ds-menu": "2.3.1",
760
- "@elliemae/ds-overlay": "2.3.1",
761
- "@elliemae/ds-popper": "2.3.1",
762
- "@elliemae/ds-props-helpers": "2.3.1",
763
- "@elliemae/ds-separator": "2.3.1",
764
- "@elliemae/ds-shared": "2.3.1",
765
- "@elliemae/ds-system": "2.3.1",
766
- "@elliemae/ds-text-wrapper": "2.3.1",
767
- "@elliemae/ds-tooltip": "2.3.1",
768
- "@elliemae/ds-truncated-tooltip-text": "2.3.1",
769
- "@elliemae/ds-utilities": "2.3.1",
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
770
  "@elliemae/react-popper": "1.0.2",
771
771
  "@xstyled/styled-components": "~3.1.1",
772
772
  "csstype": "~3.0.9",