@mmb-digital/ds-lilly 0.3.8 → 0.3.9

package/dist/ds-lilly.js

@@ -104296,20 +104296,15 @@ var Checkbox2_assign = (undefined && undefined.__assign) || function () {
 
 
 var Checkbox2 = function (_a) {
-    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, _c = _a.value, defaultState = _c === void 0 ? false : _c;
-    var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(defaultState), isChecked = _d[0], setIsChecked = _d[1];
+    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
     var handleOnChange = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (event) {
         if (!isDisabled) {
-            onChange && onChange(!isChecked);
-            setIsChecked(!isChecked);
+            onChange && onChange(!value);
         }
         if (!allowEventPropagation) {
             event.stopPropagation();
         }
-    }, [allowEventPropagation, isChecked, isDisabled, onChange]);
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
-        setIsChecked(defaultState);
-    }, [defaultState]);
+    }, [allowEventPropagation, value, isDisabled, onChange]);
     var handleOnKeyPress = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (event) {
         var key = event.key;
         if (key === KEYS.Space)
@@ -104324,17 +104319,14 @@ var Checkbox2 = function (_a) {
         name: name,
         theme: theme
     };
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
-        setIsChecked(defaultState);
-    }, [defaultState]);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup2, Checkbox2_assign({}, formGroupProps),
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("label", { "aria-checked": isChecked ? 'true' : 'false', className: classBinder_cx('f-checkbox2', {
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("label", { "aria-checked": value ? 'true' : 'false', className: classBinder_cx('f-checkbox2', {
                 'f-checkbox2--disabled': isDisabled
             }, theme), "data-testid": testId, id: name, role: "checkbox", tabIndex: 0, onClick: handleOnChange, onKeyPress: handleOnKeyPress },
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "f-checkbox2__over" },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('f-checkbox2__indicator', {
-                        'f-checkbox2__indicator--checked': isChecked
-                    }) }, isChecked && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "tickFill" }))),
+                        'f-checkbox2__indicator--checked': value
+                    }) }, value && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "tickFill" }))),
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "f-checkbox2__text" },
                 label,
                 labelTooltip && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tooltip, { content: labelTooltip },

package/dist/types/src/components/Form/Checkbox2/Checkbox2.d.ts

@@ -2,5 +2,5 @@ import { FormField2PropsType } from '../../../types';
 export declare type Checkbox2PropsType = Omit<FormField2PropsType, 'value'> & {
     value?: boolean;
 };
-export declare const Checkbox2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, label, labelTooltip, name, onChange, testId, theme, value: defaultState }: Checkbox2PropsType) => JSX.Element;
+export declare const Checkbox2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, label, labelTooltip, name, onChange, testId, theme, value }: Checkbox2PropsType) => JSX.Element;
 //# sourceMappingURL=Checkbox2.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,