@doist/reactist 17.3.0 → 17.5.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/dist/reactist.cjs.development.js +11 -6
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/new-components/modal/modal.js +5 -3
- package/es/new-components/modal/modal.js.map +1 -1
- package/es/new-components/select-field/select-field.js +5 -2
- package/es/new-components/select-field/select-field.js.map +1 -1
- package/es/new-components/select-field/select-field.module.css.js +1 -1
- package/lib/new-components/modal/modal-stories-components.d.ts +1 -0
- package/lib/new-components/modal/modal.d.ts +10 -1
- package/lib/new-components/modal/modal.js +1 -1
- package/lib/new-components/modal/modal.js.map +1 -1
- package/lib/new-components/select-field/select-field.d.ts +3 -3
- package/lib/new-components/select-field/select-field.js +1 -1
- package/lib/new-components/select-field/select-field.js.map +1 -1
- package/lib/new-components/select-field/select-field.module.css.js +1 -1
- package/package.json +1 -1
- package/styles/reactist.css +1 -1
- package/styles/select-field.css +1 -1
- package/styles/select-field.module.css.css +1 -1
|
@@ -1777,11 +1777,12 @@ const PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref,
|
|
|
1777
1777
|
})))));
|
|
1778
1778
|
});
|
|
1779
1779
|
|
|
1780
|
-
var modules_1fa9b208 = {"selectWrapper":"
|
|
1780
|
+
var modules_1fa9b208 = {"selectWrapper":"a804edbf","bordered":"_50a3655f","error":"a6d38abf"};
|
|
1781
1781
|
|
|
1782
|
-
const _excluded$k = ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby"];
|
|
1782
|
+
const _excluded$k = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby"];
|
|
1783
1783
|
const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref) {
|
|
1784
1784
|
let {
|
|
1785
|
+
variant = 'default',
|
|
1785
1786
|
id,
|
|
1786
1787
|
label,
|
|
1787
1788
|
secondaryLabel,
|
|
@@ -1797,6 +1798,7 @@ const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref
|
|
|
1797
1798
|
props = _objectWithoutProperties(_ref, _excluded$k);
|
|
1798
1799
|
|
|
1799
1800
|
return /*#__PURE__*/React.createElement(BaseField, {
|
|
1801
|
+
variant: variant,
|
|
1800
1802
|
id: id,
|
|
1801
1803
|
label: label,
|
|
1802
1804
|
secondaryLabel: secondaryLabel,
|
|
@@ -1808,7 +1810,8 @@ const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref
|
|
|
1808
1810
|
hidden: hidden,
|
|
1809
1811
|
"aria-describedby": ariaDescribedBy
|
|
1810
1812
|
}, extraProps => /*#__PURE__*/React.createElement(Box, {
|
|
1811
|
-
|
|
1813
|
+
"data-testid": "select-wrapper",
|
|
1814
|
+
className: [modules_1fa9b208.selectWrapper, tone === 'error' ? modules_1fa9b208.error : null, variant === 'bordered' ? modules_1fa9b208.bordered : null]
|
|
1812
1815
|
}, /*#__PURE__*/React.createElement("select", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
|
|
1813
1816
|
ref: ref
|
|
1814
1817
|
}), children), /*#__PURE__*/React.createElement(SelectChevron, {
|
|
@@ -2061,7 +2064,7 @@ function Badge(_ref) {
|
|
|
2061
2064
|
|
|
2062
2065
|
var modules_8f59d13b = {"overlay":"_868392ae","fadein":"_63d7ee15","fitContent":"b8548bf2","container":"_31956461","full":"_1007df83","large":"_10c275aa","medium":"_0ac526b4","small":"_30f38fdb","xlarge":"_54868e8b","expand":"c0bc68bc","buttonContainer":"_6527332a","headerContent":"_4750dc1b"};
|
|
2063
2066
|
|
|
2064
|
-
const _excluded$q = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "children"],
|
|
2067
|
+
const _excluded$q = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children"],
|
|
2065
2068
|
_excluded2$1 = ["children", "button", "withDivider", "exceptionallySetClassName"],
|
|
2066
2069
|
_excluded3 = ["exceptionallySetClassName", "children"],
|
|
2067
2070
|
_excluded4 = ["exceptionallySetClassName", "withDivider"],
|
|
@@ -2094,6 +2097,8 @@ function Modal(_ref) {
|
|
|
2094
2097
|
exceptionallySetClassName,
|
|
2095
2098
|
exceptionallySetOverlayClassName,
|
|
2096
2099
|
autoFocus = true,
|
|
2100
|
+
hideOnEscape = true,
|
|
2101
|
+
hideOnInteractOutside = true,
|
|
2097
2102
|
children
|
|
2098
2103
|
} = _ref,
|
|
2099
2104
|
props = _objectWithoutProperties(_ref, _excluded$q);
|
|
@@ -2145,7 +2150,7 @@ function Modal(_ref) {
|
|
|
2145
2150
|
"data-testid": "modal-overlay",
|
|
2146
2151
|
"data-overlay": true,
|
|
2147
2152
|
className: classNames(modules_8f59d13b.overlay, modules_8f59d13b[height], modules_8f59d13b[width], exceptionallySetOverlayClassName),
|
|
2148
|
-
onClick: handleBackdropClick,
|
|
2153
|
+
onClick: hideOnInteractOutside ? handleBackdropClick : undefined,
|
|
2149
2154
|
ref: backdropRef
|
|
2150
2155
|
}, /*#__PURE__*/React.createElement(FocusLock, {
|
|
2151
2156
|
autoFocus: autoFocus,
|
|
@@ -2155,7 +2160,7 @@ function Modal(_ref) {
|
|
|
2155
2160
|
ref: dialogRef,
|
|
2156
2161
|
as: Box,
|
|
2157
2162
|
state: state,
|
|
2158
|
-
hideOnEscape:
|
|
2163
|
+
hideOnEscape: hideOnEscape,
|
|
2159
2164
|
preventBodyScroll: true,
|
|
2160
2165
|
borderRadius: "full",
|
|
2161
2166
|
background: "default",
|