@royaloperahouse/chord 0.7.11 → 0.7.12
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/CHANGELOG.md +3 -0
- package/dist/chord.cjs.development.js +7 -2
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +7 -2
- package/dist/chord.esm.js.map +1 -1
- package/dist/types/tickbox.d.ts +4 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3004,7 +3004,8 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3004
3004
|
mode = _ref$mode === void 0 ? 'light' : _ref$mode,
|
|
3005
3005
|
onChange = _ref.onChange,
|
|
3006
3006
|
_ref$checked = _ref.checked,
|
|
3007
|
-
checked = _ref$checked === void 0 ? false : _ref$checked
|
|
3007
|
+
checked = _ref$checked === void 0 ? false : _ref$checked,
|
|
3008
|
+
dataLabel = _ref.dataLabel;
|
|
3008
3009
|
|
|
3009
3010
|
var _useState = React.useState(checked),
|
|
3010
3011
|
selected = _useState[0],
|
|
@@ -3016,6 +3017,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3016
3017
|
onChange == null ? void 0 : onChange(inputChecked);
|
|
3017
3018
|
};
|
|
3018
3019
|
|
|
3020
|
+
React.useEffect(function () {
|
|
3021
|
+
setSelected(checked);
|
|
3022
|
+
}, [checked]);
|
|
3019
3023
|
var isDarkMode = mode === exports.TickboxMode.Dark;
|
|
3020
3024
|
return /*#__PURE__*/React__default.createElement(TickboxLabel, {
|
|
3021
3025
|
dark: isDarkMode,
|
|
@@ -3026,8 +3030,9 @@ var Tickbox = function Tickbox(_ref) {
|
|
|
3026
3030
|
}, children), /*#__PURE__*/React__default.createElement(TickboxInput, {
|
|
3027
3031
|
type: "checkbox",
|
|
3028
3032
|
checked: selected,
|
|
3033
|
+
onChange: onInputChange,
|
|
3029
3034
|
dark: isDarkMode,
|
|
3030
|
-
|
|
3035
|
+
"aria-labelledby": dataLabel
|
|
3031
3036
|
}), /*#__PURE__*/React__default.createElement(TickboxCheckmark, {
|
|
3032
3037
|
dark: isDarkMode
|
|
3033
3038
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|