akeyless-client-commons 1.0.158 → 1.0.159
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.
|
@@ -13,9 +13,9 @@ interface CheckBoxProps {
|
|
|
13
13
|
circleClassName?: string;
|
|
14
14
|
containerClassName?: string;
|
|
15
15
|
elementClassName?: string;
|
|
16
|
+
disabled?: boolean;
|
|
16
17
|
setChecked?: (v: boolean) => void;
|
|
17
18
|
checked?: boolean;
|
|
18
|
-
defaultChecked?: boolean;
|
|
19
19
|
className?: string;
|
|
20
20
|
name?: string;
|
|
21
21
|
id?: string;
|
|
@@ -23,7 +23,7 @@ interface CheckBoxProps {
|
|
|
23
23
|
inputProps?: ComponentProps<"input">;
|
|
24
24
|
title?: string;
|
|
25
25
|
}
|
|
26
|
-
declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title,
|
|
26
|
+
declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title, disabled, inputProps, }: CheckBoxProps) => react_jsx_runtime.JSX.Element;
|
|
27
27
|
|
|
28
28
|
interface ErrorBoundaryProps {
|
|
29
29
|
fallback?: React__default.ReactNode;
|
|
@@ -564,7 +564,7 @@ declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, u
|
|
|
564
564
|
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;
|
|
565
565
|
declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, labelsCommonClassName, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
|
|
566
566
|
declare const FormSeparator: ({ props, children }: FormSeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
567
|
-
declare const CheckboxContainer: ({ id, checked, setChecked, circleClassName, className, containerClassName, elementClassName, name, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, props, rotate,
|
|
567
|
+
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;
|
|
568
568
|
declare const FormElementContainer: ({ containerClassName, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, name, required, children, defaultContainerClassName, }: BaseElementProps & {
|
|
569
569
|
children: ReactNode;
|
|
570
570
|
defaultContainerClassName?: boolean;
|
|
@@ -13,9 +13,9 @@ interface CheckBoxProps {
|
|
|
13
13
|
circleClassName?: string;
|
|
14
14
|
containerClassName?: string;
|
|
15
15
|
elementClassName?: string;
|
|
16
|
+
disabled?: boolean;
|
|
16
17
|
setChecked?: (v: boolean) => void;
|
|
17
18
|
checked?: boolean;
|
|
18
|
-
defaultChecked?: boolean;
|
|
19
19
|
className?: string;
|
|
20
20
|
name?: string;
|
|
21
21
|
id?: string;
|
|
@@ -23,7 +23,7 @@ interface CheckBoxProps {
|
|
|
23
23
|
inputProps?: ComponentProps<"input">;
|
|
24
24
|
title?: string;
|
|
25
25
|
}
|
|
26
|
-
declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title,
|
|
26
|
+
declare const Checkbox: ({ id, checked, setChecked, rotate, className, circleClassName, containerClassName, elementClassName, name, props, title, disabled, inputProps, }: CheckBoxProps) => react_jsx_runtime.JSX.Element;
|
|
27
27
|
|
|
28
28
|
interface ErrorBoundaryProps {
|
|
29
29
|
fallback?: React__default.ReactNode;
|
|
@@ -564,7 +564,7 @@ declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, u
|
|
|
564
564
|
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;
|
|
565
565
|
declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, labelsCommonClassName, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;
|
|
566
566
|
declare const FormSeparator: ({ props, children }: FormSeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
567
|
-
declare const CheckboxContainer: ({ id, checked, setChecked, circleClassName, className, containerClassName, elementClassName, name, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, props, rotate,
|
|
567
|
+
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;
|
|
568
568
|
declare const FormElementContainer: ({ containerClassName, direction, labelClassName, labelContent, labelWithDots, labelsCommonClassName, name, required, children, defaultContainerClassName, }: BaseElementProps & {
|
|
569
569
|
children: ReactNode;
|
|
570
570
|
defaultContainerClassName?: boolean;
|
package/dist/components/index.js
CHANGED
|
@@ -1132,9 +1132,10 @@ var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseD
|
|
|
1132
1132
|
var import_react2 = require("react");
|
|
1133
1133
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
1134
1134
|
var Checkbox = function(param) {
|
|
1135
|
-
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,
|
|
1135
|
+
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;
|
|
1136
1136
|
var _ref = _sliced_to_array((0, import_react2.useState)(checked), 2), isChecked = _ref[0], setIsChecked = _ref[1];
|
|
1137
1137
|
var toggleChecked = function() {
|
|
1138
|
+
if (disabled) return;
|
|
1138
1139
|
setIsChecked(!isChecked);
|
|
1139
1140
|
setChecked === null || setChecked === void 0 ? void 0 : setChecked(!isChecked);
|
|
1140
1141
|
};
|
|
@@ -1149,8 +1150,8 @@ var Checkbox = function(param) {
|
|
|
1149
1150
|
className: containerClassName,
|
|
1150
1151
|
children: [
|
|
1151
1152
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", _object_spread_props(_object_spread({}, inputProps), {
|
|
1153
|
+
disabled: disabled,
|
|
1152
1154
|
name: name,
|
|
1153
|
-
defaultChecked: defaultChecked,
|
|
1154
1155
|
type: "checkbox",
|
|
1155
1156
|
id: id,
|
|
1156
1157
|
className: "hidden",
|
|
@@ -1161,7 +1162,7 @@ var Checkbox = function(param) {
|
|
|
1161
1162
|
title: title
|
|
1162
1163
|
}, props), {
|
|
1163
1164
|
htmlFor: id,
|
|
1164
|
-
className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", className),
|
|
1165
|
+
className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", disabled ? "opacity-50 cursor-not-allowed" : "", className),
|
|
1165
1166
|
children: [
|
|
1166
1167
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1167
1168
|
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) {
|
|
|
5977
5978
|
}));
|
|
5978
5979
|
};
|
|
5979
5980
|
var CheckboxContainer = function(param) {
|
|
5980
|
-
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,
|
|
5981
|
+
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;
|
|
5981
5982
|
var containerProps = (0, import_react13.useMemo)(function() {
|
|
5982
5983
|
return {
|
|
5983
5984
|
containerClassName: containerClassName,
|
|
@@ -6012,7 +6013,7 @@ var CheckboxContainer = function(param) {
|
|
|
6012
6013
|
containerClassName: containerClassName,
|
|
6013
6014
|
elementClassName: elementClassName,
|
|
6014
6015
|
title: title,
|
|
6015
|
-
|
|
6016
|
+
disabled: disabled,
|
|
6016
6017
|
inputProps: inputProps
|
|
6017
6018
|
})
|
|
6018
6019
|
}));
|
|
@@ -919,9 +919,10 @@ var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseD
|
|
|
919
919
|
import { useEffect, useState } from "react";
|
|
920
920
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
921
921
|
var Checkbox = function(param) {
|
|
922
|
-
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,
|
|
922
|
+
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;
|
|
923
923
|
var _useState = _sliced_to_array(useState(checked), 2), isChecked = _useState[0], setIsChecked = _useState[1];
|
|
924
924
|
var toggleChecked = function() {
|
|
925
|
+
if (disabled) return;
|
|
925
926
|
setIsChecked(!isChecked);
|
|
926
927
|
setChecked === null || setChecked === void 0 ? void 0 : setChecked(!isChecked);
|
|
927
928
|
};
|
|
@@ -936,8 +937,8 @@ var Checkbox = function(param) {
|
|
|
936
937
|
className: containerClassName,
|
|
937
938
|
children: [
|
|
938
939
|
/* @__PURE__ */ jsx("input", _object_spread_props(_object_spread({}, inputProps), {
|
|
940
|
+
disabled: disabled,
|
|
939
941
|
name: name,
|
|
940
|
-
defaultChecked: defaultChecked,
|
|
941
942
|
type: "checkbox",
|
|
942
943
|
id: id,
|
|
943
944
|
className: "hidden",
|
|
@@ -948,7 +949,7 @@ var Checkbox = function(param) {
|
|
|
948
949
|
title: title
|
|
949
950
|
}, props), {
|
|
950
951
|
htmlFor: id,
|
|
951
|
-
className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", className),
|
|
952
|
+
className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", disabled ? "opacity-50 cursor-not-allowed" : "", className),
|
|
952
953
|
children: [
|
|
953
954
|
/* @__PURE__ */ jsx("div", {
|
|
954
955
|
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) {
|
|
|
5764
5765
|
}));
|
|
5765
5766
|
};
|
|
5766
5767
|
var CheckboxContainer = function(param) {
|
|
5767
|
-
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,
|
|
5768
|
+
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;
|
|
5768
5769
|
var containerProps = useMemo8(function() {
|
|
5769
5770
|
return {
|
|
5770
5771
|
containerClassName: containerClassName,
|
|
@@ -5799,7 +5800,7 @@ var CheckboxContainer = function(param) {
|
|
|
5799
5800
|
containerClassName: containerClassName,
|
|
5800
5801
|
elementClassName: elementClassName,
|
|
5801
5802
|
title: title,
|
|
5802
|
-
|
|
5803
|
+
disabled: disabled,
|
|
5803
5804
|
inputProps: inputProps
|
|
5804
5805
|
})
|
|
5805
5806
|
}));
|
package/dist/types/index.d.mts
CHANGED
|
@@ -122,9 +122,9 @@ interface CheckBoxProps {
|
|
|
122
122
|
circleClassName?: string;
|
|
123
123
|
containerClassName?: string;
|
|
124
124
|
elementClassName?: string;
|
|
125
|
+
disabled?: boolean;
|
|
125
126
|
setChecked?: (v: boolean) => void;
|
|
126
127
|
checked?: boolean;
|
|
127
|
-
defaultChecked?: boolean;
|
|
128
128
|
className?: string;
|
|
129
129
|
name?: string;
|
|
130
130
|
id?: string;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -122,9 +122,9 @@ interface CheckBoxProps {
|
|
|
122
122
|
circleClassName?: string;
|
|
123
123
|
containerClassName?: string;
|
|
124
124
|
elementClassName?: string;
|
|
125
|
+
disabled?: boolean;
|
|
125
126
|
setChecked?: (v: boolean) => void;
|
|
126
127
|
checked?: boolean;
|
|
127
|
-
defaultChecked?: boolean;
|
|
128
128
|
className?: string;
|
|
129
129
|
name?: string;
|
|
130
130
|
id?: string;
|