akeyless-client-commons 1.1.49 → 1.1.51

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.
Files changed (12) hide show
  1. package/dist/components/index.css.map +1 -1
  2. package/dist/components/index.d.mts +11 -9
  3. package/dist/components/index.d.ts +11 -9
  4. package/dist/components/index.js +67 -32
  5. package/dist/components/index.mjs +67 -32
  6. package/dist/helpers/index.js +13 -0
  7. package/dist/helpers/index.mjs +13 -0
  8. package/dist/hooks/index.js +13 -0
  9. package/dist/hooks/index.mjs +13 -0
  10. package/dist/types/index.d.mts +2 -0
  11. package/dist/types/index.d.ts +2 -0
  12. package/package.json +1 -1
package/dist/components/index.js CHANGED
@@ -1284,6 +1284,18 @@ var SocketService = /*#__PURE__*/ function() {
1284
1284
  return cb();
1285
1285
  });
1286
1286
  });
1287
+ this.socket.io.on("close", function(reason) {
1288
+ console.log("Socket Manager close:", reason);
1289
+ _this.disconnectCallbacks.forEach(function(cb) {
1290
+ return cb();
1291
+ });
1292
+ });
1293
+ this.socket.io.engine.on("close", function(reason) {
1294
+ console.log("Socket Engine close:", reason);
1295
+ _this.disconnectCallbacks.forEach(function(cb) {
1296
+ return cb();
1297
+ });
1298
+ });
1287
1299
  this.socket.on("session", function(param) {
1288
1300
  var session_id = param.session_id;
1289
1301
  if (session_id) {
@@ -1388,6 +1400,7 @@ var SocketService = /*#__PURE__*/ function() {
1388
1400
  value: function disconnectSocket() {
1389
1401
  if (this.socket) {
1390
1402
  this.socket.disconnect();
1403
+ this.socket.io.engine.close();
1391
1404
  }
1392
1405
  }
1393
1406
  },
@@ -6155,7 +6168,7 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
6155
6168
  return sortOptions;
6156
6169
  };
6157
6170
  var InputContainer = function(param) {
6158
- var validationError = param.validationError, _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_inputType = param.inputType, inputType = _param_inputType === void 0 ? "text" : _param_inputType, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_validationName = param.validationName, validationName = _param_validationName === void 0 ? "textNumbers" : _param_validationName, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, title = param.title, labelStyle = param.labelStyle;
6171
+ var validationError = param.validationError, _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_inputType = param.inputType, inputType = _param_inputType === void 0 ? "text" : _param_inputType, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_validationName = param.validationName, validationName = _param_validationName === void 0 ? "textNumbers" : _param_validationName, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle;
6159
6172
  var handleChangeFunction = (0, import_react15.useCallback)(function(e) {
6160
6173
  handleChange(e);
6161
6174
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
@@ -6179,7 +6192,8 @@ var InputContainer = function(param) {
6179
6192
  labelsCommonClassName: labelsCommonClassName,
6180
6193
  name: name,
6181
6194
  required: required,
6182
- labelStyle: labelStyle
6195
+ labelStyle: labelStyle,
6196
+ elementsCommonClassName: elementsCommonClassName
6183
6197
  };
6184
6198
  }, [
6185
6199
  containerClassName,
@@ -6190,7 +6204,8 @@ var InputContainer = function(param) {
6190
6204
  labelsCommonClassName,
6191
6205
  name,
6192
6206
  required,
6193
- labelStyle
6207
+ labelStyle,
6208
+ elementsCommonClassName
6194
6209
  ]);
6195
6210
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
6196
6211
  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
@@ -6212,7 +6227,7 @@ var InputContainer = function(param) {
6212
6227
  }));
6213
6228
  };
6214
6229
  var SelectContainer = function(param) {
6215
- 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, labelStyle = param.labelStyle;
6230
+ 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, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle;
6216
6231
  var _sortOptions_, _options_find;
6217
6232
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
6218
6233
  var _ref = _sliced_to_array((0, import_react15.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
@@ -6232,7 +6247,8 @@ var SelectContainer = function(param) {
6232
6247
  labelsCommonClassName: labelsCommonClassName,
6233
6248
  name: name,
6234
6249
  required: required,
6235
- labelStyle: labelStyle
6250
+ labelStyle: labelStyle,
6251
+ elementsCommonClassName: elementsCommonClassName
6236
6252
  };
6237
6253
  }, [
6238
6254
  containerClassName,
@@ -6243,7 +6259,8 @@ var SelectContainer = function(param) {
6243
6259
  labelsCommonClassName,
6244
6260
  name,
6245
6261
  required,
6246
- labelStyle
6262
+ labelStyle,
6263
+ elementsCommonClassName
6247
6264
  ]);
6248
6265
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
6249
6266
  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
@@ -6290,7 +6307,7 @@ var SelectContainer = function(param) {
6290
6307
  }));
6291
6308
  };
6292
6309
  function MultiSelect(param) {
6293
- var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, searchInputProps = param.searchInputProps, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, labelStyle = param.labelStyle, closeDropdownOnSelect = param.closeDropdownOnSelect;
6310
+ var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, searchInputProps = param.searchInputProps, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, labelStyle = param.labelStyle, closeDropdownOnSelect = param.closeDropdownOnSelect, elementsCommonClassName = param.elementsCommonClassName;
6294
6311
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
6295
6312
  var containerProps = (0, import_react15.useMemo)(function() {
6296
6313
  return {
@@ -6303,7 +6320,8 @@ function MultiSelect(param) {
6303
6320
  name: name,
6304
6321
  required: required,
6305
6322
  defaultContainerClassName: !!labelContent,
6306
- labelStyle: labelStyle
6323
+ labelStyle: labelStyle,
6324
+ elementsCommonClassName: elementsCommonClassName
6307
6325
  };
6308
6326
  }, [
6309
6327
  styles.containerClassName,
@@ -6314,7 +6332,8 @@ function MultiSelect(param) {
6314
6332
  labelsCommonClassName,
6315
6333
  name,
6316
6334
  required,
6317
- labelStyle
6335
+ labelStyle,
6336
+ elementsCommonClassName
6318
6337
  ]);
6319
6338
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
6320
6339
  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(multiselect_default, {
@@ -6350,7 +6369,7 @@ function MultiSelect(param) {
6350
6369
  }));
6351
6370
  }
6352
6371
  var SelectWithSearch = function(param) {
6353
- 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, labelsCommonClassName = param.labelsCommonClassName, labelStyle = param.labelStyle;
6372
+ 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, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, labelStyle = param.labelStyle;
6354
6373
  var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
6355
6374
  var containerProps = (0, import_react15.useMemo)(function() {
6356
6375
  return {
@@ -6362,7 +6381,8 @@ var SelectWithSearch = function(param) {
6362
6381
  labelsCommonClassName: labelsCommonClassName,
6363
6382
  name: name,
6364
6383
  required: required,
6365
- labelStyle: labelStyle
6384
+ labelStyle: labelStyle,
6385
+ elementsCommonClassName: elementsCommonClassName
6366
6386
  };
6367
6387
  }, [
6368
6388
  containerClassName,
@@ -6373,7 +6393,8 @@ var SelectWithSearch = function(param) {
6373
6393
  labelsCommonClassName,
6374
6394
  name,
6375
6395
  required,
6376
- labelStyle
6396
+ labelStyle,
6397
+ elementsCommonClassName
6377
6398
  ]);
6378
6399
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
6379
6400
  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchSelect, {
@@ -6400,7 +6421,7 @@ var SelectWithSearch = function(param) {
6400
6421
  }));
6401
6422
  };
6402
6423
  var TextAreaContainer = function(param) {
6403
- var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, value = param.value, onChange = param.onChange, direction = param.direction, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, labelStyle = param.labelStyle;
6424
+ var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, value = param.value, onChange = param.onChange, direction = param.direction, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, labelStyle = param.labelStyle;
6404
6425
  var containerProps = (0, import_react15.useMemo)(function() {
6405
6426
  return {
6406
6427
  containerClassName: containerClassName,
@@ -6411,7 +6432,8 @@ var TextAreaContainer = function(param) {
6411
6432
  labelsCommonClassName: labelsCommonClassName,
6412
6433
  name: name,
6413
6434
  required: required,
6414
- labelStyle: labelStyle
6435
+ labelStyle: labelStyle,
6436
+ elementsCommonClassName: elementsCommonClassName
6415
6437
  };
6416
6438
  }, [
6417
6439
  containerClassName,
@@ -6422,7 +6444,8 @@ var TextAreaContainer = function(param) {
6422
6444
  labelsCommonClassName,
6423
6445
  name,
6424
6446
  required,
6425
- labelStyle
6447
+ labelStyle,
6448
+ elementsCommonClassName
6426
6449
  ]);
6427
6450
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
6428
6451
  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
@@ -6447,7 +6470,7 @@ var FormSeparator = function(param) {
6447
6470
  }));
6448
6471
  };
6449
6472
  var CheckboxContainer = function(param) {
6450
- 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, labelStyle = param.labelStyle;
6473
+ 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, labelStyle = param.labelStyle, elementsCommonClassName = param.elementsCommonClassName;
6451
6474
  var containerProps = (0, import_react15.useMemo)(function() {
6452
6475
  return {
6453
6476
  containerClassName: containerClassName,
@@ -6458,7 +6481,8 @@ var CheckboxContainer = function(param) {
6458
6481
  labelsCommonClassName: labelsCommonClassName,
6459
6482
  name: name,
6460
6483
  required: required,
6461
- labelStyle: labelStyle
6484
+ labelStyle: labelStyle,
6485
+ elementsCommonClassName: elementsCommonClassName
6462
6486
  };
6463
6487
  }, [
6464
6488
  containerClassName,
@@ -6469,7 +6493,8 @@ var CheckboxContainer = function(param) {
6469
6493
  labelsCommonClassName,
6470
6494
  name,
6471
6495
  required,
6472
- labelStyle
6496
+ labelStyle,
6497
+ elementsCommonClassName
6473
6498
  ]);
6474
6499
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
6475
6500
  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Checkbox, {
@@ -6495,7 +6520,7 @@ var DurationPicker = function(param) {
6495
6520
  "hours",
6496
6521
  "minutes",
6497
6522
  "seconds"
6498
- ] : _param_options, _param_hideLabels = param.hideLabels, hideLabels = _param_hideLabels === void 0 ? false : _param_hideLabels;
6523
+ ] : _param_options, _param_hideLabels = param.hideLabels, hideLabels = _param_hideLabels === void 0 ? false : _param_hideLabels, elementsCommonClassName = param.elementsCommonClassName;
6499
6524
  var containerProps = (0, import_react15.useMemo)(function() {
6500
6525
  return {
6501
6526
  containerClassName: containerClassName,
@@ -6506,7 +6531,8 @@ var DurationPicker = function(param) {
6506
6531
  labelsCommonClassName: labelsCommonClassName,
6507
6532
  name: name,
6508
6533
  required: required,
6509
- labelStyle: labelStyle
6534
+ labelStyle: labelStyle,
6535
+ elementsCommonClassName: elementsCommonClassName
6510
6536
  };
6511
6537
  }, [
6512
6538
  containerClassName,
@@ -6517,7 +6543,8 @@ var DurationPicker = function(param) {
6517
6543
  labelsCommonClassName,
6518
6544
  name,
6519
6545
  required,
6520
- labelStyle
6546
+ labelStyle,
6547
+ elementsCommonClassName
6521
6548
  ]);
6522
6549
  var _ref = _sliced_to_array((0, import_react15.useState)(value ? secondsToDuration(value) : {
6523
6550
  days: 0,
@@ -6576,9 +6603,9 @@ var DurationPicker = function(param) {
6576
6603
  }));
6577
6604
  };
6578
6605
  var FormElementContainer = function(param) {
6579
- var containerClassName = param.containerClassName, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, name = param.name, required = param.required, children = param.children, _param_defaultContainerClassName = param.defaultContainerClassName, defaultContainerClassName = _param_defaultContainerClassName === void 0 ? true : _param_defaultContainerClassName, labelStyle = param.labelStyle;
6606
+ var containerClassName = param.containerClassName, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, name = param.name, required = param.required, children = param.children, _param_defaultContainerClassName = param.defaultContainerClassName, defaultContainerClassName = _param_defaultContainerClassName === void 0 ? true : _param_defaultContainerClassName, _param_elementsCommonClassName = param.elementsCommonClassName, elementsCommonClassName = _param_elementsCommonClassName === void 0 ? "" : _param_elementsCommonClassName, labelStyle = param.labelStyle;
6580
6607
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
6581
- className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName),
6608
+ className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
6582
6609
  children: [
6583
6610
  labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
6584
6611
  labelStyle: labelStyle,
@@ -6701,7 +6728,7 @@ var ModularForm = function(param) {
6701
6728
  return function(form) {
6702
6729
  return _ref.apply(this, arguments);
6703
6730
  };
6704
- }() : _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;
6731
+ }() : _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, elementsCommonClassName = param.elementsCommonClassName, _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;
6705
6732
  var _ref = _sliced_to_array((0, import_react16.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
6706
6733
  var _ref1 = _sliced_to_array((0, import_react16.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
6707
6734
  var formRef = (0, import_react16.useRef)(null);
@@ -6815,49 +6842,57 @@ var ModularForm = function(param) {
6815
6842
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputContainer, _object_spread_props(_object_spread({
6816
6843
  direction: direction
6817
6844
  }, element), {
6818
- labelsCommonClassName: labelsCommonClassName
6845
+ labelsCommonClassName: labelsCommonClassName,
6846
+ elementsCommonClassName: elementsCommonClassName
6819
6847
  }), index2);
6820
6848
  case "textarea":
6821
6849
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextAreaContainer, _object_spread_props(_object_spread({
6822
6850
  direction: element.direction || direction
6823
6851
  }, element), {
6824
- labelsCommonClassName: labelsCommonClassName
6852
+ labelsCommonClassName: labelsCommonClassName,
6853
+ elementsCommonClassName: elementsCommonClassName
6825
6854
  }), index2);
6826
6855
  case "select":
6827
6856
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContainer, _object_spread_props(_object_spread({
6828
6857
  direction: direction
6829
6858
  }, element), {
6830
- labelsCommonClassName: labelsCommonClassName
6859
+ labelsCommonClassName: labelsCommonClassName,
6860
+ elementsCommonClassName: elementsCommonClassName
6831
6861
  }), index2);
6832
6862
  case "checkbox":
6833
6863
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxContainer, _object_spread_props(_object_spread({
6834
6864
  direction: direction
6835
6865
  }, element), {
6836
- labelsCommonClassName: labelsCommonClassName
6866
+ labelsCommonClassName: labelsCommonClassName,
6867
+ elementsCommonClassName: elementsCommonClassName
6837
6868
  }), index2);
6838
6869
  case "multiSelect":
6839
6870
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelect, _object_spread_props(_object_spread({
6840
6871
  direction: direction
6841
6872
  }, element), {
6842
- labelsCommonClassName: labelsCommonClassName
6873
+ labelsCommonClassName: labelsCommonClassName,
6874
+ elementsCommonClassName: elementsCommonClassName
6843
6875
  }), index2);
6844
6876
  case "selectWithSearch":
6845
6877
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectWithSearch, _object_spread_props(_object_spread({
6846
6878
  direction: direction
6847
6879
  }, element), {
6848
- labelsCommonClassName: labelsCommonClassName
6880
+ labelsCommonClassName: labelsCommonClassName,
6881
+ elementsCommonClassName: elementsCommonClassName
6849
6882
  }), index2);
6850
6883
  case "internationalPhoneInput":
6851
6884
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({
6852
6885
  direction: direction
6853
6886
  }, element), {
6854
- labelsCommonClassName: labelsCommonClassName
6887
+ labelsCommonClassName: labelsCommonClassName,
6888
+ elementsCommonClassName: elementsCommonClassName
6855
6889
  }), index2);
6856
6890
  case "duration":
6857
6891
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DurationPicker, _object_spread_props(_object_spread({
6858
6892
  direction: direction
6859
6893
  }, element), {
6860
- labelsCommonClassName: labelsCommonClassName
6894
+ labelsCommonClassName: labelsCommonClassName,
6895
+ elementsCommonClassName: elementsCommonClassName
6861
6896
  }), index2);
6862
6897
  case "separator":
6863
6898
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormSeparator, _object_spread_props(_object_spread({