akeyless-client-commons 1.0.71 → 1.0.73
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.
|
@@ -274,6 +274,7 @@ interface InternationalInputProps extends Omit<BaseElementProps, "elementClassNa
|
|
|
274
274
|
defaultCountry?: RPNInput.Country;
|
|
275
275
|
onEnter?: () => void;
|
|
276
276
|
direction?: Direction;
|
|
277
|
+
defaultFocus?: boolean;
|
|
277
278
|
}
|
|
278
279
|
interface CustomElementProps extends BaseElementProps {
|
|
279
280
|
type: "custom";
|
|
@@ -521,7 +522,7 @@ declare const Table: React__default.MemoExoticComponent<(props: TableProps) => r
|
|
|
521
522
|
|
|
522
523
|
declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
|
|
523
524
|
|
|
524
|
-
declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
|
|
525
|
+
declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, defaultFocus, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
|
|
525
526
|
|
|
526
527
|
declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
|
|
527
528
|
declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -274,6 +274,7 @@ interface InternationalInputProps extends Omit<BaseElementProps, "elementClassNa
|
|
|
274
274
|
defaultCountry?: RPNInput.Country;
|
|
275
275
|
onEnter?: () => void;
|
|
276
276
|
direction?: Direction;
|
|
277
|
+
defaultFocus?: boolean;
|
|
277
278
|
}
|
|
278
279
|
interface CustomElementProps extends BaseElementProps {
|
|
279
280
|
type: "custom";
|
|
@@ -521,7 +522,7 @@ declare const Table: React__default.MemoExoticComponent<(props: TableProps) => r
|
|
|
521
522
|
|
|
522
523
|
declare const ModularForm: ({ submitFunction, elements, headerContent, buttonContent, formClassName, headerClassName, direction, buttonClassName, submitRef, footerClassName, errorClassName, }: ModularFormProps) => react_jsx_runtime.JSX.Element;
|
|
523
524
|
|
|
524
|
-
declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
|
|
525
|
+
declare function InternationalPhonePicker({ setPhoneValue, phoneValue, placeholder, className, containerClassName, defaultCountry, flagContainerClassName, inputClassName, defaultValue, name, style, onEnter, labelContent, labelClassName, required, direction, defaultFocus, }: InternationalInputProps): react_jsx_runtime.JSX.Element;
|
|
525
526
|
|
|
526
527
|
declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
|
|
527
528
|
declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
|
package/dist/components/index.js
CHANGED
|
@@ -4709,9 +4709,10 @@ function SearchSelect(param) {
|
|
|
4709
4709
|
var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
|
|
4710
4710
|
var id = (0, import_react9.useId)();
|
|
4711
4711
|
var _ref = _sliced_to_array((0, import_react9.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
|
|
4712
|
-
var _ref1
|
|
4713
|
-
var _ref2 = _sliced_to_array((0, import_react9.useState)(""), 2),
|
|
4714
|
-
var _ref3 = _sliced_to_array((0, import_react9.useState)(
|
|
4712
|
+
var _ref1;
|
|
4713
|
+
var _ref2 = _sliced_to_array((0, import_react9.useState)((_ref1 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref1 !== void 0 ? _ref1 : ""), 2), selectedValue = _ref2[0], setSelectedValue = _ref2[1];
|
|
4714
|
+
var _ref3 = _sliced_to_array((0, import_react9.useState)(""), 2), searchQuery = _ref3[0], setSearchQuery = _ref3[1];
|
|
4715
|
+
var _ref4 = _sliced_to_array((0, import_react9.useState)([]), 2), newOptions = _ref4[0], setNewOptions = _ref4[1];
|
|
4715
4716
|
(0, import_react9.useEffect)(function() {
|
|
4716
4717
|
setSelectedValue(value);
|
|
4717
4718
|
}, [
|
|
@@ -5376,7 +5377,7 @@ var RPNInput = __toESM(require("react-phone-number-input"));
|
|
|
5376
5377
|
var import_flags = __toESM(require("react-phone-number-input/flags"));
|
|
5377
5378
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
5378
5379
|
function InternationalPhonePicker(param) {
|
|
5379
|
-
var setPhoneValue = param.setPhoneValue, _param_phoneValue = param.phoneValue, phoneValue = _param_phoneValue === void 0 ? "" : _param_phoneValue, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_defaultCountry = param.defaultCountry, defaultCountry = _param_defaultCountry === void 0 ? "IL" : _param_defaultCountry, _param_flagContainerClassName = param.flagContainerClassName, flagContainerClassName = _param_flagContainerClassName === void 0 ? "" : _param_flagContainerClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, defaultValue = param.defaultValue, name = param.name, style = param.style, onEnter = param.onEnter, labelContent = param.labelContent, labelClassName = param.labelClassName, required = param.required, direction = param.direction;
|
|
5380
|
+
var setPhoneValue = param.setPhoneValue, _param_phoneValue = param.phoneValue, phoneValue = _param_phoneValue === void 0 ? "" : _param_phoneValue, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_defaultCountry = param.defaultCountry, defaultCountry = _param_defaultCountry === void 0 ? "IL" : _param_defaultCountry, _param_flagContainerClassName = param.flagContainerClassName, flagContainerClassName = _param_flagContainerClassName === void 0 ? "" : _param_flagContainerClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, defaultValue = param.defaultValue, name = param.name, style = param.style, onEnter = param.onEnter, labelContent = param.labelContent, labelClassName = param.labelClassName, required = param.required, direction = param.direction, _param_defaultFocus = param.defaultFocus, defaultFocus = _param_defaultFocus === void 0 ? true : _param_defaultFocus;
|
|
5380
5381
|
var handleKeyDown = function(e) {
|
|
5381
5382
|
if (e.key === "Enter") {
|
|
5382
5383
|
if (onEnter) {
|
|
@@ -5431,7 +5432,8 @@ function InternationalPhonePicker(param) {
|
|
|
5431
5432
|
className: cn("min-h-10", inputClassName),
|
|
5432
5433
|
onKeyDown: handleKeyDown,
|
|
5433
5434
|
defaultValue: defaultValue,
|
|
5434
|
-
style: style
|
|
5435
|
+
style: style,
|
|
5436
|
+
defaultFocus: defaultFocus
|
|
5435
5437
|
},
|
|
5436
5438
|
placeholder: placeholder,
|
|
5437
5439
|
value: tempPhoneValue || phoneValue,
|
|
@@ -5451,15 +5453,16 @@ function InternationalPhonePicker(param) {
|
|
|
5451
5453
|
});
|
|
5452
5454
|
}
|
|
5453
5455
|
var PhoneInput = (0, import_react11.forwardRef)(function(_param, ref) {
|
|
5454
|
-
var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, props = _object_without_properties(_param, [
|
|
5456
|
+
var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, defaultFocus = _param.defaultFocus, props = _object_without_properties(_param, [
|
|
5455
5457
|
"className",
|
|
5456
5458
|
"onKeyDown",
|
|
5457
5459
|
"defaultValue",
|
|
5458
|
-
"style"
|
|
5460
|
+
"style",
|
|
5461
|
+
"defaultFocus"
|
|
5459
5462
|
]);
|
|
5460
5463
|
var inputRef = (0, import_react11.useRef)(null);
|
|
5461
5464
|
(0, import_react11.useEffect)(function() {
|
|
5462
|
-
if (inputRef.current) {
|
|
5465
|
+
if (inputRef.current && defaultFocus) {
|
|
5463
5466
|
inputRef.current.focus();
|
|
5464
5467
|
}
|
|
5465
5468
|
}, []);
|
|
@@ -4508,7 +4508,8 @@ function SearchSelect(param) {
|
|
|
4508
4508
|
var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
|
|
4509
4509
|
var id = useId();
|
|
4510
4510
|
var _useState5 = _sliced_to_array(useState5(false), 2), open = _useState5[0], setOpen = _useState5[1];
|
|
4511
|
-
var
|
|
4511
|
+
var _ref;
|
|
4512
|
+
var _useState51 = _sliced_to_array(useState5((_ref = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref !== void 0 ? _ref : ""), 2), selectedValue = _useState51[0], setSelectedValue = _useState51[1];
|
|
4512
4513
|
var _useState52 = _sliced_to_array(useState5(""), 2), searchQuery = _useState52[0], setSearchQuery = _useState52[1];
|
|
4513
4514
|
var _useState53 = _sliced_to_array(useState5([]), 2), newOptions = _useState53[0], setNewOptions = _useState53[1];
|
|
4514
4515
|
useEffect5(function() {
|
|
@@ -5175,7 +5176,7 @@ import * as RPNInput from "react-phone-number-input";
|
|
|
5175
5176
|
import flags from "react-phone-number-input/flags";
|
|
5176
5177
|
import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
5177
5178
|
function InternationalPhonePicker(param) {
|
|
5178
|
-
var setPhoneValue = param.setPhoneValue, _param_phoneValue = param.phoneValue, phoneValue = _param_phoneValue === void 0 ? "" : _param_phoneValue, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_defaultCountry = param.defaultCountry, defaultCountry = _param_defaultCountry === void 0 ? "IL" : _param_defaultCountry, _param_flagContainerClassName = param.flagContainerClassName, flagContainerClassName = _param_flagContainerClassName === void 0 ? "" : _param_flagContainerClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, defaultValue = param.defaultValue, name = param.name, style = param.style, onEnter = param.onEnter, labelContent = param.labelContent, labelClassName = param.labelClassName, required = param.required, direction = param.direction;
|
|
5179
|
+
var setPhoneValue = param.setPhoneValue, _param_phoneValue = param.phoneValue, phoneValue = _param_phoneValue === void 0 ? "" : _param_phoneValue, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_defaultCountry = param.defaultCountry, defaultCountry = _param_defaultCountry === void 0 ? "IL" : _param_defaultCountry, _param_flagContainerClassName = param.flagContainerClassName, flagContainerClassName = _param_flagContainerClassName === void 0 ? "" : _param_flagContainerClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, defaultValue = param.defaultValue, name = param.name, style = param.style, onEnter = param.onEnter, labelContent = param.labelContent, labelClassName = param.labelClassName, required = param.required, direction = param.direction, _param_defaultFocus = param.defaultFocus, defaultFocus = _param_defaultFocus === void 0 ? true : _param_defaultFocus;
|
|
5179
5180
|
var handleKeyDown = function(e) {
|
|
5180
5181
|
if (e.key === "Enter") {
|
|
5181
5182
|
if (onEnter) {
|
|
@@ -5230,7 +5231,8 @@ function InternationalPhonePicker(param) {
|
|
|
5230
5231
|
className: cn("min-h-10", inputClassName),
|
|
5231
5232
|
onKeyDown: handleKeyDown,
|
|
5232
5233
|
defaultValue: defaultValue,
|
|
5233
|
-
style: style
|
|
5234
|
+
style: style,
|
|
5235
|
+
defaultFocus: defaultFocus
|
|
5234
5236
|
},
|
|
5235
5237
|
placeholder: placeholder,
|
|
5236
5238
|
value: tempPhoneValue || phoneValue,
|
|
@@ -5250,15 +5252,16 @@ function InternationalPhonePicker(param) {
|
|
|
5250
5252
|
});
|
|
5251
5253
|
}
|
|
5252
5254
|
var PhoneInput = forwardRef7(function(_param, ref) {
|
|
5253
|
-
var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, props = _object_without_properties(_param, [
|
|
5255
|
+
var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, defaultFocus = _param.defaultFocus, props = _object_without_properties(_param, [
|
|
5254
5256
|
"className",
|
|
5255
5257
|
"onKeyDown",
|
|
5256
5258
|
"defaultValue",
|
|
5257
|
-
"style"
|
|
5259
|
+
"style",
|
|
5260
|
+
"defaultFocus"
|
|
5258
5261
|
]);
|
|
5259
5262
|
var inputRef = useRef4(null);
|
|
5260
5263
|
useEffect6(function() {
|
|
5261
|
-
if (inputRef.current) {
|
|
5264
|
+
if (inputRef.current && defaultFocus) {
|
|
5262
5265
|
inputRef.current.focus();
|
|
5263
5266
|
}
|
|
5264
5267
|
}, []);
|
package/dist/types/index.d.mts
CHANGED
|
@@ -222,6 +222,7 @@ interface InternationalInputProps extends Omit<BaseElementProps, "elementClassNa
|
|
|
222
222
|
defaultCountry?: RPNInput.Country;
|
|
223
223
|
onEnter?: () => void;
|
|
224
224
|
direction?: Direction;
|
|
225
|
+
defaultFocus?: boolean;
|
|
225
226
|
}
|
|
226
227
|
interface CustomElementProps extends BaseElementProps {
|
|
227
228
|
type: "custom";
|
package/dist/types/index.d.ts
CHANGED
|
@@ -222,6 +222,7 @@ interface InternationalInputProps extends Omit<BaseElementProps, "elementClassNa
|
|
|
222
222
|
defaultCountry?: RPNInput.Country;
|
|
223
223
|
onEnter?: () => void;
|
|
224
224
|
direction?: Direction;
|
|
225
|
+
defaultFocus?: boolean;
|
|
225
226
|
}
|
|
226
227
|
interface CustomElementProps extends BaseElementProps {
|
|
227
228
|
type: "custom";
|