@ballistix.digital/react-components 0.4.92 → 0.4.94
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/index.esm.js +9 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +9 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -9183,13 +9183,14 @@ var zh$1 = _mergeNamespaces$1({
|
|
|
9183
9183
|
}, [zhExports]);
|
|
9184
9184
|
|
|
9185
9185
|
var DateMenuForm = function (props) {
|
|
9186
|
-
var _a
|
|
9186
|
+
var _a;
|
|
9187
|
+
var _b = props.name, name = _b === void 0 ? 'date-menu-form' : _b, _c = props.size, size = _c === void 0 ? 'compact' : _c, label = props.label, _d = props.i18n, i18n = _d === void 0 ? 'en' : _d, description = props.description, placeholder = props.placeholder, separator = props.separator, startFrom = props.startFrom, _e = props.displayFormat, displayFormat = _e === void 0 ? 'DD.MM.YYYY' : _e, _f = props.direction, direction = _f === void 0 ? 'down' : _f, minDate = props.minDate, maxDate = props.maxDate, _g = props.startWeekOn, startWeekOn = _g === void 0 ? 'mon' : _g, required = props.required, defaultValue = props.value, error = props.error, _h = props.type, type = _h === void 0 ? 'normal' : _h, _j = props.isRequired, isRequired = _j === void 0 ? false : _j, _k = props.isTouched, isTouched = _k === void 0 ? false : _k, isDisabled = props.isDisabled, _l = props.isSolo, isSolo = _l === void 0 ? false : _l, _m = props.isRanged, isRanged = _m === void 0 ? false : _m, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
9187
9188
|
var isValid = error === undefined;
|
|
9188
|
-
var
|
|
9189
|
-
var
|
|
9189
|
+
var _o = React.useState(true), isFocus = _o[0], setIsFocus = _o[1];
|
|
9190
|
+
var _p = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
|
|
9190
9191
|
startDate: null,
|
|
9191
9192
|
endDate: null,
|
|
9192
|
-
}), state =
|
|
9193
|
+
}), state = _p[0], setState = _p[1];
|
|
9193
9194
|
var handleValueChange = function (newValue) {
|
|
9194
9195
|
setState(newValue);
|
|
9195
9196
|
onChange && onChange(newValue);
|
|
@@ -9218,13 +9219,15 @@ var DateMenuForm = function (props) {
|
|
|
9218
9219
|
}
|
|
9219
9220
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
9220
9221
|
}, [isFocus]);
|
|
9221
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsx(Datepicker, { i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate,
|
|
9222
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles$1.container }, { children: [jsxRuntime.jsx(Datepicker, { inputName: name, i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate,
|
|
9222
9223
|
//
|
|
9223
9224
|
value: state,
|
|
9224
9225
|
//
|
|
9225
9226
|
onChange: handleValueChange,
|
|
9226
9227
|
//
|
|
9227
|
-
inputClassName: styles$1.input, startWeekOn: startWeekOn }), !isSolo && (jsxRuntime.jsxs("div", __assign({ className: styles$1.foot }, { children: [description && !(error && isTouched) && (jsxRuntime.jsx("p", __assign({ className: styles$1.description }, { children: description }))), error && isTouched && (jsxRuntime.jsx("p", __assign({ className: styles$1.error }, { children:
|
|
9228
|
+
inputClassName: styles$1.input, startWeekOn: startWeekOn }), !isSolo && (jsxRuntime.jsxs("div", __assign({ className: styles$1.foot }, { children: [description && !(error && isTouched) && (jsxRuntime.jsx("p", __assign({ className: styles$1.description }, { children: description }))), error && isTouched && (jsxRuntime.jsx("p", __assign({ className: styles$1.error }, { children: typeof error === 'string'
|
|
9229
|
+
? error
|
|
9230
|
+
: (_a = error === null || error === void 0 ? void 0 : error.startDate) !== null && _a !== void 0 ? _a : error === null || error === void 0 ? void 0 : error.endDate })))] })))] }))] })));
|
|
9228
9231
|
};
|
|
9229
9232
|
|
|
9230
9233
|
var base = {
|