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.
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.d.mts +11 -9
- package/dist/components/index.d.ts +11 -9
- package/dist/components/index.js +67 -32
- package/dist/components/index.mjs +67 -32
- package/dist/helpers/index.js +13 -0
- package/dist/helpers/index.mjs +13 -0
- package/dist/hooks/index.js +13 -0
- package/dist/hooks/index.mjs +13 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1062,6 +1062,18 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
1062
1062
|
return cb();
|
|
1063
1063
|
});
|
|
1064
1064
|
});
|
|
1065
|
+
this.socket.io.on("close", function(reason) {
|
|
1066
|
+
console.log("Socket Manager close:", reason);
|
|
1067
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
1068
|
+
return cb();
|
|
1069
|
+
});
|
|
1070
|
+
});
|
|
1071
|
+
this.socket.io.engine.on("close", function(reason) {
|
|
1072
|
+
console.log("Socket Engine close:", reason);
|
|
1073
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
1074
|
+
return cb();
|
|
1075
|
+
});
|
|
1076
|
+
});
|
|
1065
1077
|
this.socket.on("session", function(param) {
|
|
1066
1078
|
var session_id = param.session_id;
|
|
1067
1079
|
if (session_id) {
|
|
@@ -1166,6 +1178,7 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
1166
1178
|
value: function disconnectSocket() {
|
|
1167
1179
|
if (this.socket) {
|
|
1168
1180
|
this.socket.disconnect();
|
|
1181
|
+
this.socket.io.engine.close();
|
|
1169
1182
|
}
|
|
1170
1183
|
}
|
|
1171
1184
|
},
|
|
@@ -5933,7 +5946,7 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
|
|
|
5933
5946
|
return sortOptions;
|
|
5934
5947
|
};
|
|
5935
5948
|
var InputContainer = function(param) {
|
|
5936
|
-
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;
|
|
5949
|
+
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;
|
|
5937
5950
|
var handleChangeFunction = useCallback6(function(e) {
|
|
5938
5951
|
handleChange(e);
|
|
5939
5952
|
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
@@ -5957,7 +5970,8 @@ var InputContainer = function(param) {
|
|
|
5957
5970
|
labelsCommonClassName: labelsCommonClassName,
|
|
5958
5971
|
name: name,
|
|
5959
5972
|
required: required,
|
|
5960
|
-
labelStyle: labelStyle
|
|
5973
|
+
labelStyle: labelStyle,
|
|
5974
|
+
elementsCommonClassName: elementsCommonClassName
|
|
5961
5975
|
};
|
|
5962
5976
|
}, [
|
|
5963
5977
|
containerClassName,
|
|
@@ -5968,7 +5982,8 @@ var InputContainer = function(param) {
|
|
|
5968
5982
|
labelsCommonClassName,
|
|
5969
5983
|
name,
|
|
5970
5984
|
required,
|
|
5971
|
-
labelStyle
|
|
5985
|
+
labelStyle,
|
|
5986
|
+
elementsCommonClassName
|
|
5972
5987
|
]);
|
|
5973
5988
|
return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
5974
5989
|
children: /* @__PURE__ */ jsx20("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
|
|
@@ -5990,7 +6005,7 @@ var InputContainer = function(param) {
|
|
|
5990
6005
|
}));
|
|
5991
6006
|
};
|
|
5992
6007
|
var SelectContainer = function(param) {
|
|
5993
|
-
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;
|
|
6008
|
+
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;
|
|
5994
6009
|
var _sortOptions_, _options_find;
|
|
5995
6010
|
var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
|
|
5996
6011
|
var _useState9 = _sliced_to_array(useState9(false), 2), isOpen = _useState9[0], setIsOpen = _useState9[1];
|
|
@@ -6010,7 +6025,8 @@ var SelectContainer = function(param) {
|
|
|
6010
6025
|
labelsCommonClassName: labelsCommonClassName,
|
|
6011
6026
|
name: name,
|
|
6012
6027
|
required: required,
|
|
6013
|
-
labelStyle: labelStyle
|
|
6028
|
+
labelStyle: labelStyle,
|
|
6029
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6014
6030
|
};
|
|
6015
6031
|
}, [
|
|
6016
6032
|
containerClassName,
|
|
@@ -6021,7 +6037,8 @@ var SelectContainer = function(param) {
|
|
|
6021
6037
|
labelsCommonClassName,
|
|
6022
6038
|
name,
|
|
6023
6039
|
required,
|
|
6024
|
-
labelStyle
|
|
6040
|
+
labelStyle,
|
|
6041
|
+
elementsCommonClassName
|
|
6025
6042
|
]);
|
|
6026
6043
|
return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6027
6044
|
children: /* @__PURE__ */ jsxs14("div", {
|
|
@@ -6068,7 +6085,7 @@ var SelectContainer = function(param) {
|
|
|
6068
6085
|
}));
|
|
6069
6086
|
};
|
|
6070
6087
|
function MultiSelect(param) {
|
|
6071
|
-
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;
|
|
6088
|
+
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;
|
|
6072
6089
|
var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
|
|
6073
6090
|
var containerProps = useMemo9(function() {
|
|
6074
6091
|
return {
|
|
@@ -6081,7 +6098,8 @@ function MultiSelect(param) {
|
|
|
6081
6098
|
name: name,
|
|
6082
6099
|
required: required,
|
|
6083
6100
|
defaultContainerClassName: !!labelContent,
|
|
6084
|
-
labelStyle: labelStyle
|
|
6101
|
+
labelStyle: labelStyle,
|
|
6102
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6085
6103
|
};
|
|
6086
6104
|
}, [
|
|
6087
6105
|
styles.containerClassName,
|
|
@@ -6092,7 +6110,8 @@ function MultiSelect(param) {
|
|
|
6092
6110
|
labelsCommonClassName,
|
|
6093
6111
|
name,
|
|
6094
6112
|
required,
|
|
6095
|
-
labelStyle
|
|
6113
|
+
labelStyle,
|
|
6114
|
+
elementsCommonClassName
|
|
6096
6115
|
]);
|
|
6097
6116
|
return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6098
6117
|
children: /* @__PURE__ */ jsx20(multiselect_default, {
|
|
@@ -6128,7 +6147,7 @@ function MultiSelect(param) {
|
|
|
6128
6147
|
}));
|
|
6129
6148
|
}
|
|
6130
6149
|
var SelectWithSearch = function(param) {
|
|
6131
|
-
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;
|
|
6150
|
+
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;
|
|
6132
6151
|
var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
|
|
6133
6152
|
var containerProps = useMemo9(function() {
|
|
6134
6153
|
return {
|
|
@@ -6140,7 +6159,8 @@ var SelectWithSearch = function(param) {
|
|
|
6140
6159
|
labelsCommonClassName: labelsCommonClassName,
|
|
6141
6160
|
name: name,
|
|
6142
6161
|
required: required,
|
|
6143
|
-
labelStyle: labelStyle
|
|
6162
|
+
labelStyle: labelStyle,
|
|
6163
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6144
6164
|
};
|
|
6145
6165
|
}, [
|
|
6146
6166
|
containerClassName,
|
|
@@ -6151,7 +6171,8 @@ var SelectWithSearch = function(param) {
|
|
|
6151
6171
|
labelsCommonClassName,
|
|
6152
6172
|
name,
|
|
6153
6173
|
required,
|
|
6154
|
-
labelStyle
|
|
6174
|
+
labelStyle,
|
|
6175
|
+
elementsCommonClassName
|
|
6155
6176
|
]);
|
|
6156
6177
|
return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6157
6178
|
children: /* @__PURE__ */ jsx20(SearchSelect, {
|
|
@@ -6178,7 +6199,7 @@ var SelectWithSearch = function(param) {
|
|
|
6178
6199
|
}));
|
|
6179
6200
|
};
|
|
6180
6201
|
var TextAreaContainer = function(param) {
|
|
6181
|
-
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;
|
|
6202
|
+
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;
|
|
6182
6203
|
var containerProps = useMemo9(function() {
|
|
6183
6204
|
return {
|
|
6184
6205
|
containerClassName: containerClassName,
|
|
@@ -6189,7 +6210,8 @@ var TextAreaContainer = function(param) {
|
|
|
6189
6210
|
labelsCommonClassName: labelsCommonClassName,
|
|
6190
6211
|
name: name,
|
|
6191
6212
|
required: required,
|
|
6192
|
-
labelStyle: labelStyle
|
|
6213
|
+
labelStyle: labelStyle,
|
|
6214
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6193
6215
|
};
|
|
6194
6216
|
}, [
|
|
6195
6217
|
containerClassName,
|
|
@@ -6200,7 +6222,8 @@ var TextAreaContainer = function(param) {
|
|
|
6200
6222
|
labelsCommonClassName,
|
|
6201
6223
|
name,
|
|
6202
6224
|
required,
|
|
6203
|
-
labelStyle
|
|
6225
|
+
labelStyle,
|
|
6226
|
+
elementsCommonClassName
|
|
6204
6227
|
]);
|
|
6205
6228
|
return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6206
6229
|
children: /* @__PURE__ */ jsx20("textarea", _object_spread_props(_object_spread({}, props), {
|
|
@@ -6225,7 +6248,7 @@ var FormSeparator = function(param) {
|
|
|
6225
6248
|
}));
|
|
6226
6249
|
};
|
|
6227
6250
|
var CheckboxContainer = function(param) {
|
|
6228
|
-
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;
|
|
6251
|
+
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;
|
|
6229
6252
|
var containerProps = useMemo9(function() {
|
|
6230
6253
|
return {
|
|
6231
6254
|
containerClassName: containerClassName,
|
|
@@ -6236,7 +6259,8 @@ var CheckboxContainer = function(param) {
|
|
|
6236
6259
|
labelsCommonClassName: labelsCommonClassName,
|
|
6237
6260
|
name: name,
|
|
6238
6261
|
required: required,
|
|
6239
|
-
labelStyle: labelStyle
|
|
6262
|
+
labelStyle: labelStyle,
|
|
6263
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6240
6264
|
};
|
|
6241
6265
|
}, [
|
|
6242
6266
|
containerClassName,
|
|
@@ -6247,7 +6271,8 @@ var CheckboxContainer = function(param) {
|
|
|
6247
6271
|
labelsCommonClassName,
|
|
6248
6272
|
name,
|
|
6249
6273
|
required,
|
|
6250
|
-
labelStyle
|
|
6274
|
+
labelStyle,
|
|
6275
|
+
elementsCommonClassName
|
|
6251
6276
|
]);
|
|
6252
6277
|
return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6253
6278
|
children: /* @__PURE__ */ jsx20(Checkbox, {
|
|
@@ -6273,7 +6298,7 @@ var DurationPicker = function(param) {
|
|
|
6273
6298
|
"hours",
|
|
6274
6299
|
"minutes",
|
|
6275
6300
|
"seconds"
|
|
6276
|
-
] : _param_options, _param_hideLabels = param.hideLabels, hideLabels = _param_hideLabels === void 0 ? false : _param_hideLabels;
|
|
6301
|
+
] : _param_options, _param_hideLabels = param.hideLabels, hideLabels = _param_hideLabels === void 0 ? false : _param_hideLabels, elementsCommonClassName = param.elementsCommonClassName;
|
|
6277
6302
|
var containerProps = useMemo9(function() {
|
|
6278
6303
|
return {
|
|
6279
6304
|
containerClassName: containerClassName,
|
|
@@ -6284,7 +6309,8 @@ var DurationPicker = function(param) {
|
|
|
6284
6309
|
labelsCommonClassName: labelsCommonClassName,
|
|
6285
6310
|
name: name,
|
|
6286
6311
|
required: required,
|
|
6287
|
-
labelStyle: labelStyle
|
|
6312
|
+
labelStyle: labelStyle,
|
|
6313
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6288
6314
|
};
|
|
6289
6315
|
}, [
|
|
6290
6316
|
containerClassName,
|
|
@@ -6295,7 +6321,8 @@ var DurationPicker = function(param) {
|
|
|
6295
6321
|
labelsCommonClassName,
|
|
6296
6322
|
name,
|
|
6297
6323
|
required,
|
|
6298
|
-
labelStyle
|
|
6324
|
+
labelStyle,
|
|
6325
|
+
elementsCommonClassName
|
|
6299
6326
|
]);
|
|
6300
6327
|
var _useState9 = _sliced_to_array(useState9(value ? secondsToDuration(value) : {
|
|
6301
6328
|
days: 0,
|
|
@@ -6354,9 +6381,9 @@ var DurationPicker = function(param) {
|
|
|
6354
6381
|
}));
|
|
6355
6382
|
};
|
|
6356
6383
|
var FormElementContainer = function(param) {
|
|
6357
|
-
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;
|
|
6384
|
+
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;
|
|
6358
6385
|
return /* @__PURE__ */ jsxs14("div", {
|
|
6359
|
-
className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName),
|
|
6386
|
+
className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
|
|
6360
6387
|
children: [
|
|
6361
6388
|
labelContent && /* @__PURE__ */ jsx20(ElementLabel, {
|
|
6362
6389
|
labelStyle: labelStyle,
|
|
@@ -6479,7 +6506,7 @@ var ModularForm = function(param) {
|
|
|
6479
6506
|
return function(form) {
|
|
6480
6507
|
return _ref.apply(this, arguments);
|
|
6481
6508
|
};
|
|
6482
|
-
}() : _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;
|
|
6509
|
+
}() : _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;
|
|
6483
6510
|
var _useState10 = _sliced_to_array(useState10(""), 2), errorMsg = _useState10[0], setErrorMsg = _useState10[1];
|
|
6484
6511
|
var _useState101 = _sliced_to_array(useState10(false), 2), isLoading = _useState101[0], setIsLoading = _useState101[1];
|
|
6485
6512
|
var formRef = useRef7(null);
|
|
@@ -6593,49 +6620,57 @@ var ModularForm = function(param) {
|
|
|
6593
6620
|
return /* @__PURE__ */ jsx21(InputContainer, _object_spread_props(_object_spread({
|
|
6594
6621
|
direction: direction
|
|
6595
6622
|
}, element), {
|
|
6596
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6623
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6624
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6597
6625
|
}), index2);
|
|
6598
6626
|
case "textarea":
|
|
6599
6627
|
return /* @__PURE__ */ jsx21(TextAreaContainer, _object_spread_props(_object_spread({
|
|
6600
6628
|
direction: element.direction || direction
|
|
6601
6629
|
}, element), {
|
|
6602
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6630
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6631
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6603
6632
|
}), index2);
|
|
6604
6633
|
case "select":
|
|
6605
6634
|
return /* @__PURE__ */ jsx21(SelectContainer, _object_spread_props(_object_spread({
|
|
6606
6635
|
direction: direction
|
|
6607
6636
|
}, element), {
|
|
6608
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6637
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6638
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6609
6639
|
}), index2);
|
|
6610
6640
|
case "checkbox":
|
|
6611
6641
|
return /* @__PURE__ */ jsx21(CheckboxContainer, _object_spread_props(_object_spread({
|
|
6612
6642
|
direction: direction
|
|
6613
6643
|
}, element), {
|
|
6614
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6644
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6645
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6615
6646
|
}), index2);
|
|
6616
6647
|
case "multiSelect":
|
|
6617
6648
|
return /* @__PURE__ */ jsx21(MultiSelect, _object_spread_props(_object_spread({
|
|
6618
6649
|
direction: direction
|
|
6619
6650
|
}, element), {
|
|
6620
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6651
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6652
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6621
6653
|
}), index2);
|
|
6622
6654
|
case "selectWithSearch":
|
|
6623
6655
|
return /* @__PURE__ */ jsx21(SelectWithSearch, _object_spread_props(_object_spread({
|
|
6624
6656
|
direction: direction
|
|
6625
6657
|
}, element), {
|
|
6626
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6658
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6659
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6627
6660
|
}), index2);
|
|
6628
6661
|
case "internationalPhoneInput":
|
|
6629
6662
|
return /* @__PURE__ */ jsx21(InternationalPhonePicker, _object_spread_props(_object_spread({
|
|
6630
6663
|
direction: direction
|
|
6631
6664
|
}, element), {
|
|
6632
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6665
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6666
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6633
6667
|
}), index2);
|
|
6634
6668
|
case "duration":
|
|
6635
6669
|
return /* @__PURE__ */ jsx21(DurationPicker, _object_spread_props(_object_spread({
|
|
6636
6670
|
direction: direction
|
|
6637
6671
|
}, element), {
|
|
6638
|
-
labelsCommonClassName: labelsCommonClassName
|
|
6672
|
+
labelsCommonClassName: labelsCommonClassName,
|
|
6673
|
+
elementsCommonClassName: elementsCommonClassName
|
|
6639
6674
|
}), index2);
|
|
6640
6675
|
case "separator":
|
|
6641
6676
|
return /* @__PURE__ */ jsx21(FormSeparator, _object_spread_props(_object_spread({
|
package/dist/helpers/index.js
CHANGED
|
@@ -2714,6 +2714,18 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
2714
2714
|
return cb();
|
|
2715
2715
|
});
|
|
2716
2716
|
});
|
|
2717
|
+
this.socket.io.on("close", function(reason) {
|
|
2718
|
+
console.log("Socket Manager close:", reason);
|
|
2719
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
2720
|
+
return cb();
|
|
2721
|
+
});
|
|
2722
|
+
});
|
|
2723
|
+
this.socket.io.engine.on("close", function(reason) {
|
|
2724
|
+
console.log("Socket Engine close:", reason);
|
|
2725
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
2726
|
+
return cb();
|
|
2727
|
+
});
|
|
2728
|
+
});
|
|
2717
2729
|
this.socket.on("session", function(param) {
|
|
2718
2730
|
var session_id = param.session_id;
|
|
2719
2731
|
if (session_id) {
|
|
@@ -2818,6 +2830,7 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
2818
2830
|
value: function disconnectSocket() {
|
|
2819
2831
|
if (this.socket) {
|
|
2820
2832
|
this.socket.disconnect();
|
|
2833
|
+
this.socket.io.engine.close();
|
|
2821
2834
|
}
|
|
2822
2835
|
}
|
|
2823
2836
|
},
|
package/dist/helpers/index.mjs
CHANGED
|
@@ -2332,6 +2332,18 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
2332
2332
|
return cb();
|
|
2333
2333
|
});
|
|
2334
2334
|
});
|
|
2335
|
+
this.socket.io.on("close", function(reason) {
|
|
2336
|
+
console.log("Socket Manager close:", reason);
|
|
2337
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
2338
|
+
return cb();
|
|
2339
|
+
});
|
|
2340
|
+
});
|
|
2341
|
+
this.socket.io.engine.on("close", function(reason) {
|
|
2342
|
+
console.log("Socket Engine close:", reason);
|
|
2343
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
2344
|
+
return cb();
|
|
2345
|
+
});
|
|
2346
|
+
});
|
|
2335
2347
|
this.socket.on("session", function(param) {
|
|
2336
2348
|
var session_id = param.session_id;
|
|
2337
2349
|
if (session_id) {
|
|
@@ -2436,6 +2448,7 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
2436
2448
|
value: function disconnectSocket() {
|
|
2437
2449
|
if (this.socket) {
|
|
2438
2450
|
this.socket.disconnect();
|
|
2451
|
+
this.socket.io.engine.close();
|
|
2439
2452
|
}
|
|
2440
2453
|
}
|
|
2441
2454
|
},
|
package/dist/hooks/index.js
CHANGED
|
@@ -699,6 +699,18 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
699
699
|
return cb();
|
|
700
700
|
});
|
|
701
701
|
});
|
|
702
|
+
this.socket.io.on("close", function(reason) {
|
|
703
|
+
console.log("Socket Manager close:", reason);
|
|
704
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
705
|
+
return cb();
|
|
706
|
+
});
|
|
707
|
+
});
|
|
708
|
+
this.socket.io.engine.on("close", function(reason) {
|
|
709
|
+
console.log("Socket Engine close:", reason);
|
|
710
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
711
|
+
return cb();
|
|
712
|
+
});
|
|
713
|
+
});
|
|
702
714
|
this.socket.on("session", function(param) {
|
|
703
715
|
var session_id = param.session_id;
|
|
704
716
|
if (session_id) {
|
|
@@ -803,6 +815,7 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
803
815
|
value: function disconnectSocket() {
|
|
804
816
|
if (this.socket) {
|
|
805
817
|
this.socket.disconnect();
|
|
818
|
+
this.socket.io.engine.close();
|
|
806
819
|
}
|
|
807
820
|
}
|
|
808
821
|
},
|
package/dist/hooks/index.mjs
CHANGED
|
@@ -602,6 +602,18 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
602
602
|
return cb();
|
|
603
603
|
});
|
|
604
604
|
});
|
|
605
|
+
this.socket.io.on("close", function(reason) {
|
|
606
|
+
console.log("Socket Manager close:", reason);
|
|
607
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
608
|
+
return cb();
|
|
609
|
+
});
|
|
610
|
+
});
|
|
611
|
+
this.socket.io.engine.on("close", function(reason) {
|
|
612
|
+
console.log("Socket Engine close:", reason);
|
|
613
|
+
_this.disconnectCallbacks.forEach(function(cb) {
|
|
614
|
+
return cb();
|
|
615
|
+
});
|
|
616
|
+
});
|
|
605
617
|
this.socket.on("session", function(param) {
|
|
606
618
|
var session_id = param.session_id;
|
|
607
619
|
if (session_id) {
|
|
@@ -706,6 +718,7 @@ var SocketService = /*#__PURE__*/ function() {
|
|
|
706
718
|
value: function disconnectSocket() {
|
|
707
719
|
if (this.socket) {
|
|
708
720
|
this.socket.disconnect();
|
|
721
|
+
this.socket.io.engine.close();
|
|
709
722
|
}
|
|
710
723
|
}
|
|
711
724
|
},
|
package/dist/types/index.d.mts
CHANGED
|
@@ -157,6 +157,7 @@ interface BaseElementProps {
|
|
|
157
157
|
validationError?: string;
|
|
158
158
|
direction?: Direction;
|
|
159
159
|
labelsCommonClassName?: string;
|
|
160
|
+
elementsCommonClassName?: string;
|
|
160
161
|
title?: string;
|
|
161
162
|
labelStyle?: React.CSSProperties;
|
|
162
163
|
}
|
|
@@ -312,6 +313,7 @@ interface ModularFormProps {
|
|
|
312
313
|
autoFixLabelsWidthDeps?: any[];
|
|
313
314
|
loaderProps?: LoaderProps;
|
|
314
315
|
elementsContainerClassName?: string;
|
|
316
|
+
elementsCommonClassName?: string;
|
|
315
317
|
className?: string;
|
|
316
318
|
}
|
|
317
319
|
interface ConfirmFormProps {
|
package/dist/types/index.d.ts
CHANGED
|
@@ -157,6 +157,7 @@ interface BaseElementProps {
|
|
|
157
157
|
validationError?: string;
|
|
158
158
|
direction?: Direction;
|
|
159
159
|
labelsCommonClassName?: string;
|
|
160
|
+
elementsCommonClassName?: string;
|
|
160
161
|
title?: string;
|
|
161
162
|
labelStyle?: React.CSSProperties;
|
|
162
163
|
}
|
|
@@ -312,6 +313,7 @@ interface ModularFormProps {
|
|
|
312
313
|
autoFixLabelsWidthDeps?: any[];
|
|
313
314
|
loaderProps?: LoaderProps;
|
|
314
315
|
elementsContainerClassName?: string;
|
|
316
|
+
elementsCommonClassName?: string;
|
|
315
317
|
className?: string;
|
|
316
318
|
}
|
|
317
319
|
interface ConfirmFormProps {
|