@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.
@@ -1777,11 +1777,12 @@ const PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref,
1777
1777
  })))));
1778
1778
  });
1779
1779
 
1780
- var modules_1fa9b208 = {"selectWrapper":"_07e75293","error":"f147bcea"};
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
- className: [modules_1fa9b208.selectWrapper, tone === 'error' ? modules_1fa9b208.error : null]
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: true,
2163
+ hideOnEscape: hideOnEscape,
2159
2164
  preventBodyScroll: true,
2160
2165
  borderRadius: "full",
2161
2166
  background: "default",