akeyless-client-commons 1.0.158 → 1.0.160

package/dist/components/index.d.mts

@@ -13,9 +13,9 @@ interface CheckBoxProps {
     circleClassName?: string;
     containerClassName?: string;
     elementClassName?: string;
+    disabled?: boolean;
     setChecked?: (v: boolean) => void;
     checked?: boolean;
-    defaultChecked?: boolean;
     className?: string;
     name?: string;
     id?: string;
@@ -23,7 +23,7 @@ interface CheckBoxProps {
     inputProps?: ComponentProps<"input">;
     title?: string;
 }
-declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title, defaultChecked, inputProps, }: CheckBoxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title, disabled, inputProps, }: CheckBoxProps) => react_jsx_runtime.JSX.Element;
 
 interface ErrorBoundaryProps {
     fallback?: React__default.ReactNode;
@@ -564,7 +564,7 @@ declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, u
 declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, createNewOptionContainerClassName, labelWithDots, labelsCommonClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
 declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, labelsCommonClassName, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
 declare const FormSeparator: ({ props, children }: FormSeparatorProps) => react_jsx_runtime.JSX.Element;
-declare const CheckboxContainer: ({ id, checked, setChecked, circleClassName, className, containerClassName, elementClassName, name, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, props, rotate, title, defaultChecked, inputProps, required, }: CheckboxContainerProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxContainer: ({ id, checked, setChecked, circleClassName, className, containerClassName, elementClassName, name, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, props, rotate, disabled, title, inputProps, required, }: CheckboxContainerProps) => react_jsx_runtime.JSX.Element;
 declare const FormElementContainer: ({ containerClassName, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, name, required, children, defaultContainerClassName, }: BaseElementProps & {
     children: ReactNode;
     defaultContainerClassName?: boolean;

package/dist/components/index.d.ts

@@ -13,9 +13,9 @@ interface CheckBoxProps {
     circleClassName?: string;
     containerClassName?: string;
     elementClassName?: string;
+    disabled?: boolean;
     setChecked?: (v: boolean) => void;
     checked?: boolean;
-    defaultChecked?: boolean;
     className?: string;
     name?: string;
     id?: string;
@@ -23,7 +23,7 @@ interface CheckBoxProps {
     inputProps?: ComponentProps<"input">;
     title?: string;
 }
-declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title, defaultChecked, inputProps, }: CheckBoxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title, disabled, inputProps, }: CheckBoxProps) => react_jsx_runtime.JSX.Element;
 
 interface ErrorBoundaryProps {
     fallback?: React__default.ReactNode;
@@ -564,7 +564,7 @@ declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, u
 declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, createNewOptionContainerClassName, labelWithDots, labelsCommonClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
 declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, labelsCommonClassName, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
 declare const FormSeparator: ({ props, children }: FormSeparatorProps) => react_jsx_runtime.JSX.Element;
-declare const CheckboxContainer: ({ id, checked, setChecked, circleClassName, className, containerClassName, elementClassName, name, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, props, rotate, title, defaultChecked, inputProps, required, }: CheckboxContainerProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxContainer: ({ id, checked, setChecked, circleClassName, className, containerClassName, elementClassName, name, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, props, rotate, disabled, title, inputProps, required, }: CheckboxContainerProps) => react_jsx_runtime.JSX.Element;
 declare const FormElementContainer: ({ containerClassName, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, name, required, children, defaultContainerClassName, }: BaseElementProps & {
     children: ReactNode;
     defaultContainerClassName?: boolean;

package/dist/components/index.js

@@ -1132,9 +1132,10 @@ var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseD
 var import_react2 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Checkbox = function(param) {
-    var _param_id = param.id, id = _param_id === void 0 ? Math.random().toString() : _param_id, _param_checked = param.checked, checked = _param_checked === void 0 ? false : _param_checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, className = param.className, circleClassName = param.circleClassName, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, props = param.props, title = param.title, _param_defaultChecked = param.defaultChecked, defaultChecked = _param_defaultChecked === void 0 ? false : _param_defaultChecked, inputProps = param.inputProps;
+    var _param_id = param.id, id = _param_id === void 0 ? Math.random().toString() : _param_id, _param_checked = param.checked, checked = _param_checked === void 0 ? false : _param_checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, className = param.className, circleClassName = param.circleClassName, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, props = param.props, title = param.title, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, inputProps = param.inputProps;
     var _ref = _sliced_to_array((0, import_react2.useState)(checked), 2), isChecked = _ref[0], setIsChecked = _ref[1];
     var toggleChecked = function() {
+        if (disabled) return;
         setIsChecked(!isChecked);
         setChecked === null || setChecked === void 0 ? void 0 : setChecked(!isChecked);
     };
@@ -1149,8 +1150,8 @@ var Checkbox = function(param) {
         className: containerClassName,
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", _object_spread_props(_object_spread({}, inputProps), {
+                disabled: disabled,
                 name: name,
-                defaultChecked: defaultChecked,
                 type: "checkbox",
                 id: id,
                 className: "hidden",
@@ -1161,7 +1162,7 @@ var Checkbox = function(param) {
                 title: title
             }, props), {
                 htmlFor: id,
-                className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", className),
+                className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", disabled ? "opacity-70 cursor-not-allowed" : "", className),
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         className: cn("relative w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(isChecked ? "bg-[#52d66b]" : "bg-[#c8ccd4]"), elementClassName)
@@ -5977,7 +5978,7 @@ var FormSeparator = function(param) {
     }));
 };
 var CheckboxContainer = function(param) {
-    var id = param.id, checked = param.checked, setChecked = param.setChecked, circleClassName = param.circleClassName, className = param.className, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, props = param.props, rotate = param.rotate, title = param.title, _param_defaultChecked = param.defaultChecked, defaultChecked = _param_defaultChecked === void 0 ? false : _param_defaultChecked, inputProps = param.inputProps, required = param.required;
+    var id = param.id, checked = param.checked, setChecked = param.setChecked, circleClassName = param.circleClassName, className = param.className, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, props = param.props, rotate = param.rotate, disabled = param.disabled, title = param.title, inputProps = param.inputProps, required = param.required;
     var containerProps = (0, import_react13.useMemo)(function() {
         return {
             containerClassName: containerClassName,
@@ -6012,7 +6013,7 @@ var CheckboxContainer = function(param) {
             containerClassName: containerClassName,
             elementClassName: elementClassName,
             title: title,
-            defaultChecked: defaultChecked,
+            disabled: disabled,
             inputProps: inputProps
         })
     }));

package/dist/components/index.mjs

@@ -919,9 +919,10 @@ var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseD
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Checkbox = function(param) {
-    var _param_id = param.id, id = _param_id === void 0 ? Math.random().toString() : _param_id, _param_checked = param.checked, checked = _param_checked === void 0 ? false : _param_checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, className = param.className, circleClassName = param.circleClassName, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, props = param.props, title = param.title, _param_defaultChecked = param.defaultChecked, defaultChecked = _param_defaultChecked === void 0 ? false : _param_defaultChecked, inputProps = param.inputProps;
+    var _param_id = param.id, id = _param_id === void 0 ? Math.random().toString() : _param_id, _param_checked = param.checked, checked = _param_checked === void 0 ? false : _param_checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, className = param.className, circleClassName = param.circleClassName, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, props = param.props, title = param.title, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, inputProps = param.inputProps;
     var _useState = _sliced_to_array(useState(checked), 2), isChecked = _useState[0], setIsChecked = _useState[1];
     var toggleChecked = function() {
+        if (disabled) return;
         setIsChecked(!isChecked);
         setChecked === null || setChecked === void 0 ? void 0 : setChecked(!isChecked);
     };
@@ -936,8 +937,8 @@ var Checkbox = function(param) {
         className: containerClassName,
         children: [
             /* @__PURE__ */ jsx("input", _object_spread_props(_object_spread({}, inputProps), {
+                disabled: disabled,
                 name: name,
-                defaultChecked: defaultChecked,
                 type: "checkbox",
                 id: id,
                 className: "hidden",
@@ -948,7 +949,7 @@ var Checkbox = function(param) {
                 title: title
             }, props), {
                 htmlFor: id,
-                className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", className),
+                className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", disabled ? "opacity-70 cursor-not-allowed" : "", className),
                 children: [
                     /* @__PURE__ */ jsx("div", {
                         className: cn("relative w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(isChecked ? "bg-[#52d66b]" : "bg-[#c8ccd4]"), elementClassName)
@@ -5764,7 +5765,7 @@ var FormSeparator = function(param) {
     }));
 };
 var CheckboxContainer = function(param) {
-    var id = param.id, checked = param.checked, setChecked = param.setChecked, circleClassName = param.circleClassName, className = param.className, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, props = param.props, rotate = param.rotate, title = param.title, _param_defaultChecked = param.defaultChecked, defaultChecked = _param_defaultChecked === void 0 ? false : _param_defaultChecked, inputProps = param.inputProps, required = param.required;
+    var id = param.id, checked = param.checked, setChecked = param.setChecked, circleClassName = param.circleClassName, className = param.className, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, props = param.props, rotate = param.rotate, disabled = param.disabled, title = param.title, inputProps = param.inputProps, required = param.required;
     var containerProps = useMemo8(function() {
         return {
             containerClassName: containerClassName,
@@ -5799,7 +5800,7 @@ var CheckboxContainer = function(param) {
             containerClassName: containerClassName,
             elementClassName: elementClassName,
             title: title,
-            defaultChecked: defaultChecked,
+            disabled: disabled,
             inputProps: inputProps
         })
     }));

package/dist/types/index.d.mts

@@ -122,9 +122,9 @@ interface CheckBoxProps {
     circleClassName?: string;
     containerClassName?: string;
     elementClassName?: string;
+    disabled?: boolean;
     setChecked?: (v: boolean) => void;
     checked?: boolean;
-    defaultChecked?: boolean;
     className?: string;
     name?: string;
     id?: string;

package/dist/types/index.d.ts

@@ -122,9 +122,9 @@ interface CheckBoxProps {
     circleClassName?: string;
     containerClassName?: string;
     elementClassName?: string;
+    disabled?: boolean;
     setChecked?: (v: boolean) => void;
     checked?: boolean;
-    defaultChecked?: boolean;
     className?: string;
     name?: string;
     id?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "akeyless-client-commons",
-    "version": "1.0.158",
+    "version": "1.0.160",
     "scripts": {
         "build": "tsup",
         "deploy": "npm run build && npm version patch --no-git-tag-version && npm publish",