akeyless-client-commons 1.0.176 → 1.0.178

package/dist/components/index.d.mts

@@ -454,7 +454,7 @@ interface TableProps {
     filterLabel?: string;
     sortLabel?: string;
     exportExcelTitle?: string;
-    onRowClick?: (data?: any) => void;
+    onRowClick?: (data?: any, rowIndex?: number) => void;
     direction?: Direction;
     maxRows?: number;
     maxRowsLabel1?: string;
@@ -467,6 +467,7 @@ interface TableProps {
         oddRowClassName?: string;
         evenRowClassName?: string;
     };
+    selectedRowClassName?: string;
 }
 interface FilterProps {
     index: number;
@@ -480,9 +481,11 @@ declare const ExportToExcel: React__default.MemoExoticComponent<() => react_jsx_
 declare const Search: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 declare const TableHead: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 declare const TableBody: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
-declare const TableRow: ({ item, index }: {
+declare const TableRow: ({ item, index, isSelected, setSelectedRow, }: {
     item: TObject<any>;
     index: number;
+    isSelected: boolean;
+    setSelectedRow: (i: number) => void;
 }) => react_jsx_runtime.JSX.Element;
 declare const TableCell: ({ value }: {
     value: any;

package/dist/components/index.d.ts

@@ -454,7 +454,7 @@ interface TableProps {
     filterLabel?: string;
     sortLabel?: string;
     exportExcelTitle?: string;
-    onRowClick?: (data?: any) => void;
+    onRowClick?: (data?: any, rowIndex?: number) => void;
     direction?: Direction;
     maxRows?: number;
     maxRowsLabel1?: string;
@@ -467,6 +467,7 @@ interface TableProps {
         oddRowClassName?: string;
         evenRowClassName?: string;
     };
+    selectedRowClassName?: string;
 }
 interface FilterProps {
     index: number;
@@ -480,9 +481,11 @@ declare const ExportToExcel: React__default.MemoExoticComponent<() => react_jsx_
 declare const Search: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 declare const TableHead: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 declare const TableBody: React__default.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
-declare const TableRow: ({ item, index }: {
+declare const TableRow: ({ item, index, isSelected, setSelectedRow, }: {
     item: TObject<any>;
     index: number;
+    isSelected: boolean;
+    setSelectedRow: (i: number) => void;
 }) => react_jsx_runtime.JSX.Element;
 declare const TableCell: ({ value }: {
     value: any;

package/dist/components/index.js

@@ -5202,7 +5202,7 @@ var Search = (0, import_react11.memo)(function() {
     var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", {
         className: cn("border-black border-[1px] text-lg px-2 w-11/12", searchInputClassName),
-        type: "text",
+        type: "search",
         placeholder: searchPlaceHolder,
         value: searchQuery,
         onChange: handleSearch,
@@ -5253,24 +5253,28 @@ var TableHead = (0, import_react11.memo)(function() {
 }, renderOnce);
 var TableBody = (0, import_react11.memo)(function() {
     var dataToRender = useTableContext().dataToRender;
+    var _ref = _sliced_to_array((0, import_react11.useState)(null), 2), selectedRow = _ref[0], setSelectedRow = _ref[1];
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", {
         className: "divide-y divide-gray-600",
         children: dataToRender.renderedData.map(function(item, index2) {
             return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableRow2, {
                 item: item,
-                index: index2
+                index: index2,
+                setSelectedRow: setSelectedRow,
+                isSelected: selectedRow === index2
             }, index2);
         })
     });
 }, renderOnce);
 var TableRow2 = function(param) {
-    var item = param.item, index2 = param.index;
-    var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, rowClassName = _useTableContext.rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping;
+    var item = param.item, index2 = param.index, isSelected = param.isSelected, setSelectedRow = param.setSelectedRow;
+    var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, _useTableContext_rowClassName = _useTableContext.rowClassName, rowClassName = _useTableContext_rowClassName === void 0 ? "" : _useTableContext_rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping, _useTableContext_selectedRowClassName = _useTableContext.selectedRowClassName, selectedRowClassName = _useTableContext_selectedRowClassName === void 0 ? "" : _useTableContext_selectedRowClassName;
     var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
-        className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName || ""),
+        className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName, isSelected ? selectedRowClassName : ""),
         onClick: function() {
-            return onRowClick && onRowClick(item);
+            setSelectedRow(index2);
+            onRowClick && onRowClick(item, index2);
         },
         style: rowStyles,
         children: keysToRender.map(function(key, index3) {

package/dist/components/index.mjs

@@ -1193,7 +1193,7 @@ var LoginWithGoogleButton = function(param) {
     });
 };
 // src/components/table/components.tsx
-import { memo, useEffect as useEffect7, useMemo as useMemo6 } from "react";
+import { memo, useEffect as useEffect7, useMemo as useMemo6, useState as useState7 } from "react";
 // src/assets/svg.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var RedXSvg = function(param) {
@@ -4986,7 +4986,7 @@ var Search = memo(function() {
     var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
     return /* @__PURE__ */ jsx17("input", {
         className: cn("border-black border-[1px] text-lg px-2 w-11/12", searchInputClassName),
-        type: "text",
+        type: "search",
         placeholder: searchPlaceHolder,
         value: searchQuery,
         onChange: handleSearch,
@@ -5037,24 +5037,28 @@ var TableHead = memo(function() {
 }, renderOnce);
 var TableBody = memo(function() {
     var dataToRender = useTableContext().dataToRender;
+    var _useState7 = _sliced_to_array(useState7(null), 2), selectedRow = _useState7[0], setSelectedRow = _useState7[1];
     return /* @__PURE__ */ jsx17("tbody", {
         className: "divide-y divide-gray-600",
         children: dataToRender.renderedData.map(function(item, index2) {
             return /* @__PURE__ */ jsx17(TableRow2, {
                 item: item,
-                index: index2
+                index: index2,
+                setSelectedRow: setSelectedRow,
+                isSelected: selectedRow === index2
             }, index2);
         })
     });
 }, renderOnce);
 var TableRow2 = function(param) {
-    var item = param.item, index2 = param.index;
-    var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, rowClassName = _useTableContext.rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping;
+    var item = param.item, index2 = param.index, isSelected = param.isSelected, setSelectedRow = param.setSelectedRow;
+    var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, _useTableContext_rowClassName = _useTableContext.rowClassName, rowClassName = _useTableContext_rowClassName === void 0 ? "" : _useTableContext_rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping, _useTableContext_selectedRowClassName = _useTableContext.selectedRowClassName, selectedRowClassName = _useTableContext_selectedRowClassName === void 0 ? "" : _useTableContext_selectedRowClassName;
     var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
     return /* @__PURE__ */ jsx17("tr", {
-        className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName || ""),
+        className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName, isSelected ? selectedRowClassName : ""),
         onClick: function() {
-            return onRowClick && onRowClick(item);
+            setSelectedRow(index2);
+            onRowClick && onRowClick(item, index2);
         },
         style: rowStyles,
         children: keysToRender.map(function(key, index3) {
@@ -5289,7 +5293,7 @@ var NumberUI = function(param) {
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-import { cloneElement as cloneElement2, useEffect as useEffect10, useRef as useRef7, useState as useState9 } from "react";
+import { cloneElement as cloneElement2, useEffect as useEffect10, useRef as useRef7, useState as useState10 } from "react";
 // src/hooks/react.ts
 import { isEqual as isEqual5 } from "lodash";
 import { useEffect as useEffect8, useMemo as useMemo7, useRef as useRef4 } from "react";
@@ -5303,10 +5307,10 @@ function useDeepCompareEffect(effect, dependencies) {
     ]);
 }
 // src/components/forms/ModularForm/formElements.tsx
-import { Children, cloneElement, isValidElement, memo as memo2, useCallback as useCallback6, useMemo as useMemo9, useRef as useRef6, useState as useState8 } from "react";
+import { Children, cloneElement, isValidElement, memo as memo2, useCallback as useCallback6, useMemo as useMemo9, useRef as useRef6, useState as useState9 } from "react";
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 import { ChevronDown, Phone } from "lucide-react";
-import { forwardRef as forwardRef7, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef5, useState as useState7 } from "react";
+import { forwardRef as forwardRef7, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef5, useState as useState8 } from "react";
 import * as RPNInput from "react-phone-number-input";
 import flags from "react-phone-number-input/flags";
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -5319,7 +5323,7 @@ function InternationalPhonePicker(param) {
             }
         }
     };
-    var _useState7 = _sliced_to_array(useState7(""), 2), tempPhoneValue = _useState7[0], setTempPhoneValue = _useState7[1];
+    var _useState8 = _sliced_to_array(useState8(""), 2), tempPhoneValue = _useState8[0], setTempPhoneValue = _useState8[1];
     useEffect9(function() {
         if (defaultValue) {
             if (setPhoneValue) {
@@ -5567,8 +5571,8 @@ 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_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, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName, title = param.title;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    var _useState8 = _sliced_to_array(useState8(false), 2), isOpen = _useState8[0], setIsOpen = _useState8[1];
-    var _useState81 = _sliced_to_array(useState8(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _useState81[0], setSelectedValue = _useState81[1];
+    var _useState9 = _sliced_to_array(useState9(false), 2), isOpen = _useState9[0], setIsOpen = _useState9[1];
+    var _useState91 = _sliced_to_array(useState9(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _useState91[0], setSelectedValue = _useState91[1];
     var handleOptionClick = function(value) {
         setSelectedValue(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
@@ -5957,8 +5961,8 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submitFunction, _param_elements = param.elements, elements = _param_elements === void 0 ? [] : _param_elements, headerContent = param.headerContent, buttonContent = param.buttonContent, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_elementsContainerClassName = param.elementsContainerClassName, elementsContainerClassName = _param_elementsContainerClassName === void 0 ? "" : _param_elementsContainerClassName, _param_headerClassName = param.headerClassName, headerClassName = _param_headerClassName === void 0 ? "" : _param_headerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, submitRef = param.submitRef, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName, labelsCommonClassName = param.labelsCommonClassName, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, loaderProps = param.loaderProps, _param_autoFixLabelsWidthDeps = param.autoFixLabelsWidthDeps, autoFixLabelsWidthDeps = _param_autoFixLabelsWidthDeps === void 0 ? [] : _param_autoFixLabelsWidthDeps, onLoad = param.onLoad;
-    var _useState9 = _sliced_to_array(useState9(""), 2), errorMsg = _useState9[0], setErrorMsg = _useState9[1];
-    var _useState91 = _sliced_to_array(useState9(false), 2), isLoading = _useState91[0], setIsLoading = _useState91[1];
+    var _useState10 = _sliced_to_array(useState10(""), 2), errorMsg = _useState10[0], setErrorMsg = _useState10[1];
+    var _useState101 = _sliced_to_array(useState10(false), 2), isLoading = _useState101[0], setIsLoading = _useState101[1];
     var formRef = useRef7(null);
     useDeepCompareEffect(function() {
         if (formRef.current && autoFixLabelsWidth) {
@@ -6147,7 +6151,7 @@ var ModularForm = function(param) {
 };
 var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import moment3 from "moment";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var ConfirmForm = function(param) {
@@ -6192,7 +6196,7 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
-    var _useState10 = _sliced_to_array(useState10(false), 2), isLoading = _useState10[0], setIsLoading = _useState10[1];
+    var _useState11 = _sliced_to_array(useState11(false), 2), isLoading = _useState11[0], setIsLoading = _useState11[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             return _ts_generator(this, function(_state) {

package/package.json

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