@rpg-engine/long-bow 0.5.85 → 0.5.87
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/components/CheckItem.d.ts +3 -3
- package/dist/long-bow.cjs.development.js +11 -12
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +11 -12
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/CheckButton.stories.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/CheckItem.tsx +11 -15
- package/src/stories/CheckButton.stories.tsx +20 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface ICheckItemProps {
|
|
3
|
-
label
|
|
4
|
-
|
|
5
|
-
onChange: (label: string, selected: boolean) => void;
|
|
3
|
+
label?: string;
|
|
4
|
+
defaultValue?: boolean;
|
|
5
|
+
onChange: (label: string | undefined, selected: boolean) => void;
|
|
6
6
|
}
|
|
7
7
|
export declare const CheckItem: React.FC<ICheckItemProps>;
|
|
@@ -13251,25 +13251,24 @@ var CheckButton = function CheckButton(_ref) {
|
|
|
13251
13251
|
|
|
13252
13252
|
var CheckItem = function CheckItem(_ref) {
|
|
13253
13253
|
var label = _ref.label,
|
|
13254
|
-
|
|
13254
|
+
_ref$defaultValue = _ref.defaultValue,
|
|
13255
|
+
defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue,
|
|
13255
13256
|
onChange = _ref.onChange;
|
|
13256
|
-
var _useState = React.useState(
|
|
13257
|
-
|
|
13258
|
-
|
|
13257
|
+
var _useState = React.useState(defaultValue),
|
|
13258
|
+
checked = _useState[0],
|
|
13259
|
+
setChecked = _useState[1];
|
|
13259
13260
|
var handleClick = function handleClick() {
|
|
13260
|
-
|
|
13261
|
-
|
|
13261
|
+
var newCheckedState = !checked;
|
|
13262
|
+
setChecked(newCheckedState);
|
|
13263
|
+
onChange(label, newCheckedState);
|
|
13262
13264
|
};
|
|
13263
13265
|
return React__default.createElement("div", {
|
|
13264
|
-
|
|
13266
|
+
onPointerDown: handleClick
|
|
13265
13267
|
}, React__default.createElement("input", {
|
|
13266
13268
|
className: "rpgui-checkbox",
|
|
13267
13269
|
type: "checkbox",
|
|
13268
|
-
checked:
|
|
13269
|
-
|
|
13270
|
-
}), React__default.createElement("label", {
|
|
13271
|
-
onPointerDown: handleClick
|
|
13272
|
-
}, label), React__default.createElement("br", null));
|
|
13270
|
+
checked: checked
|
|
13271
|
+
}), React__default.createElement("label", null, label), React__default.createElement("br", null));
|
|
13273
13272
|
};
|
|
13274
13273
|
|
|
13275
13274
|
var SingleShortcut = /*#__PURE__*/styled__default.button.withConfig({
|