akeyless-client-commons 1.0.84 → 1.0.86

package/dist/components/index.d.mts

@@ -207,6 +207,7 @@ interface SelectElement extends BaseElementProps {
         label: string;
     }[];
     optionsContainerClassName?: string;
+    selectClassName?: string;
     defaultValue?: any;
     onChange?: (value: any) => void;
     optionClassName?: string;
@@ -535,7 +536,7 @@ declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placehold
 
 declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
 declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
-declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
+declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
 declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
 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, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
 declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/index.d.ts

@@ -207,6 +207,7 @@ interface SelectElement extends BaseElementProps {
         label: string;
     }[];
     optionsContainerClassName?: string;
+    selectClassName?: string;
     defaultValue?: any;
     onChange?: (value: any) => void;
     optionClassName?: string;
@@ -535,7 +536,7 @@ declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placehold
 
 declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
 declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
-declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
+declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
 declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
 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, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
 declare const TextAreaContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, labelWithDots, }: TextAreaContainerProps) => react_jsx_runtime.JSX.Element;

package/dist/components/index.js

@@ -5594,7 +5594,7 @@ var InputContainer = function(param) {
         handleChangeFunction
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn("center", containerClassName),
+        className: cn("flex justify-center items-center gap-2", containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 withDots: labelWithDots,
@@ -5623,7 +5623,7 @@ var InputContainer = function(param) {
     });
 };
 var SelectContainer = function(param) {
-    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots;
+    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
     var _ref = _sliced_to_array((0, import_react12.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
@@ -5634,7 +5634,7 @@ var SelectContainer = function(param) {
         setIsOpen(false);
     };
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn("center", containerClassName),
+        className: cn("flex justify-center items-center gap-2", containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 withDots: labelWithDots,
@@ -5651,7 +5651,7 @@ var SelectContainer = function(param) {
                 },
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
-                        className: "border-b-[1px] border-black max-h-6 cursor-pointer",
+                        className: cn("max-h-6 cursor-pointer", "border-[1px] border-black/10 hover:border-black rounded-sm", selectClassName),
                         children: ((_options_find = options.find(function(opt) {
                             return opt.value === selectedValue;
                         })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
@@ -5734,7 +5734,7 @@ var SelectWithSearch = function(param) {
     var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName, labelWithDots = param.labelWithDots;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
-        className: cn("flex justify-between items-center w-full", containerClassName),
+        className: cn("flex justify-between items-center w-full gap-2", containerClassName),
         children: [
             labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 withDots: labelWithDots,

package/dist/components/index.mjs

@@ -5390,7 +5390,7 @@ var InputContainer = function(param) {
         handleChangeFunction
     ]);
     return /* @__PURE__ */ jsxs14("div", {
-        className: cn("center", containerClassName),
+        className: cn("flex justify-center items-center gap-2", containerClassName),
         children: [
             labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
                 withDots: labelWithDots,
@@ -5419,7 +5419,7 @@ var InputContainer = function(param) {
     });
 };
 var SelectContainer = function(param) {
-    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots;
+    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
     var _useState7 = _sliced_to_array(useState7(false), 2), isOpen = _useState7[0], setIsOpen = _useState7[1];
@@ -5430,7 +5430,7 @@ var SelectContainer = function(param) {
         setIsOpen(false);
     };
     return /* @__PURE__ */ jsxs14("div", {
-        className: cn("center", containerClassName),
+        className: cn("flex justify-center items-center gap-2", containerClassName),
         children: [
             labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
                 withDots: labelWithDots,
@@ -5447,7 +5447,7 @@ var SelectContainer = function(param) {
                 },
                 children: [
                     /* @__PURE__ */ jsx19("div", {
-                        className: "border-b-[1px] border-black max-h-6 cursor-pointer",
+                        className: cn("max-h-6 cursor-pointer", "border-[1px] border-black/10 hover:border-black rounded-sm", selectClassName),
                         children: ((_options_find = options.find(function(opt) {
                             return opt.value === selectedValue;
                         })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
@@ -5530,7 +5530,7 @@ var SelectWithSearch = function(param) {
     var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName, labelWithDots = param.labelWithDots;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
     return /* @__PURE__ */ jsxs14("div", {
-        className: cn("flex justify-between items-center w-full", containerClassName),
+        className: cn("flex justify-between items-center w-full gap-2", containerClassName),
         children: [
             labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
                 withDots: labelWithDots,

package/dist/types/index.d.mts

@@ -155,6 +155,7 @@ interface SelectElement extends BaseElementProps {
         label: string;
     }[];
     optionsContainerClassName?: string;
+    selectClassName?: string;
     defaultValue?: any;
     onChange?: (value: any) => void;
     optionClassName?: string;

package/dist/types/index.d.ts

@@ -155,6 +155,7 @@ interface SelectElement extends BaseElementProps {
         label: string;
     }[];
     optionsContainerClassName?: string;
+    selectClassName?: string;
     defaultValue?: any;
     onChange?: (value: any) => void;
     optionClassName?: string;

package/package.json

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