@doist/reactist 17.2.0 → 17.4.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 +16 -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/checkbox-field/checkbox-field.js +10 -2
- package/es/new-components/checkbox-field/checkbox-field.js.map +1 -1
- package/es/new-components/checkbox-field/checkbox-field.module.css.js +1 -1
- package/es/new-components/modal/modal.js +5 -3
- package/es/new-components/modal/modal.js.map +1 -1
- package/lib/new-components/checkbox-field/checkbox-field.d.ts +3 -1
- package/lib/new-components/checkbox-field/checkbox-field.js +1 -1
- package/lib/new-components/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/new-components/checkbox-field/checkbox-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/package.json +1 -1
- package/styles/checkbox-field.css +1 -1
- package/styles/checkbox-field.module.css.css +1 -1
- package/styles/reactist.css +1 -1
|
@@ -1486,14 +1486,15 @@ function CheckboxIcon(_ref) {
|
|
|
1486
1486
|
}));
|
|
1487
1487
|
}
|
|
1488
1488
|
|
|
1489
|
-
var modules_664a6a80 = {"container":"
|
|
1489
|
+
var modules_664a6a80 = {"container":"_84dfdb83","disabled":"_131a2ca4","checked":"_95b1556d","keyFocused":"_49de7ebd","icon":"_6b4b1851","label":"_9047f3bd"};
|
|
1490
1490
|
|
|
1491
|
-
const _excluded$i = ["label", "disabled", "indeterminate", "defaultChecked", "onChange"];
|
|
1491
|
+
const _excluded$i = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
|
|
1492
1492
|
const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, ref) {
|
|
1493
1493
|
var _ref2, _props$checked, _props$checked2;
|
|
1494
1494
|
|
|
1495
1495
|
let {
|
|
1496
1496
|
label,
|
|
1497
|
+
icon,
|
|
1497
1498
|
disabled,
|
|
1498
1499
|
indeterminate,
|
|
1499
1500
|
defaultChecked,
|
|
@@ -1555,7 +1556,14 @@ const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref,
|
|
|
1555
1556
|
disabled: disabled,
|
|
1556
1557
|
indeterminate: indeterminate,
|
|
1557
1558
|
"aria-hidden": true
|
|
1558
|
-
}),
|
|
1559
|
+
}), icon ? /*#__PURE__*/React.createElement(Box, {
|
|
1560
|
+
display: "flex",
|
|
1561
|
+
className: modules_664a6a80.icon,
|
|
1562
|
+
"aria-hidden": true
|
|
1563
|
+
}, icon) : null, label ? /*#__PURE__*/React.createElement(Box, {
|
|
1564
|
+
display: "flex",
|
|
1565
|
+
className: modules_664a6a80.label
|
|
1566
|
+
}, /*#__PURE__*/React.createElement(Text, null, label)) : null);
|
|
1559
1567
|
});
|
|
1560
1568
|
|
|
1561
1569
|
var modules_540a88ff = {"container":"_2e189908","auxiliaryLabel":"_83051e0a","bordered":"fd20ef50","error":"d1a17d92","primaryLabel":"_75e0afa0","secondaryLabel":"d04a867d","messageIcon":"_77b2107e"};
|
|
@@ -2053,7 +2061,7 @@ function Badge(_ref) {
|
|
|
2053
2061
|
|
|
2054
2062
|
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"};
|
|
2055
2063
|
|
|
2056
|
-
const _excluded$q = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "children"],
|
|
2064
|
+
const _excluded$q = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "exceptionallySetOverlayClassName", "autoFocus", "hideOnEscape", "hideOnInteractOutside", "children"],
|
|
2057
2065
|
_excluded2$1 = ["children", "button", "withDivider", "exceptionallySetClassName"],
|
|
2058
2066
|
_excluded3 = ["exceptionallySetClassName", "children"],
|
|
2059
2067
|
_excluded4 = ["exceptionallySetClassName", "withDivider"],
|
|
@@ -2086,6 +2094,8 @@ function Modal(_ref) {
|
|
|
2086
2094
|
exceptionallySetClassName,
|
|
2087
2095
|
exceptionallySetOverlayClassName,
|
|
2088
2096
|
autoFocus = true,
|
|
2097
|
+
hideOnEscape = true,
|
|
2098
|
+
hideOnInteractOutside = true,
|
|
2089
2099
|
children
|
|
2090
2100
|
} = _ref,
|
|
2091
2101
|
props = _objectWithoutProperties(_ref, _excluded$q);
|
|
@@ -2137,7 +2147,7 @@ function Modal(_ref) {
|
|
|
2137
2147
|
"data-testid": "modal-overlay",
|
|
2138
2148
|
"data-overlay": true,
|
|
2139
2149
|
className: classNames(modules_8f59d13b.overlay, modules_8f59d13b[height], modules_8f59d13b[width], exceptionallySetOverlayClassName),
|
|
2140
|
-
onClick: handleBackdropClick,
|
|
2150
|
+
onClick: hideOnInteractOutside ? handleBackdropClick : undefined,
|
|
2141
2151
|
ref: backdropRef
|
|
2142
2152
|
}, /*#__PURE__*/React.createElement(FocusLock, {
|
|
2143
2153
|
autoFocus: autoFocus,
|
|
@@ -2147,7 +2157,7 @@ function Modal(_ref) {
|
|
|
2147
2157
|
ref: dialogRef,
|
|
2148
2158
|
as: Box,
|
|
2149
2159
|
state: state,
|
|
2150
|
-
hideOnEscape:
|
|
2160
|
+
hideOnEscape: hideOnEscape,
|
|
2151
2161
|
preventBodyScroll: true,
|
|
2152
2162
|
borderRadius: "full",
|
|
2153
2163
|
background: "default",
|