@ballistix.digital/react-components 0.4.94 → 0.4.96
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.d.ts +1 -0
- package/dist/index.esm.js +7 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -9184,13 +9184,15 @@ var zh$1 = _mergeNamespaces$1({
|
|
|
9184
9184
|
|
|
9185
9185
|
var DateMenuForm = function (props) {
|
|
9186
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,
|
|
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, _h = props.icon, icon = _h === void 0 ? function (isEmpty) {
|
|
9188
|
+
return isEmpty ? (jsxRuntime.jsx(IconElement, { accessor: "calendar" })) : (jsxRuntime.jsx(IconElement, { accessor: "xmark" }));
|
|
9189
|
+
} : _h, required = props.required, defaultValue = props.value, error = props.error, _j = props.type, type = _j === void 0 ? 'normal' : _j, _k = props.isRequired, isRequired = _k === void 0 ? false : _k, _l = props.isTouched, isTouched = _l === void 0 ? false : _l, isDisabled = props.isDisabled, _m = props.isSolo, isSolo = _m === void 0 ? false : _m, _o = props.isRanged, isRanged = _o === void 0 ? false : _o, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
9188
9190
|
var isValid = error === undefined;
|
|
9189
|
-
var
|
|
9190
|
-
var
|
|
9191
|
+
var _p = React.useState(true), isFocus = _p[0], setIsFocus = _p[1];
|
|
9192
|
+
var _q = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
|
|
9191
9193
|
startDate: null,
|
|
9192
9194
|
endDate: null,
|
|
9193
|
-
}), state =
|
|
9195
|
+
}), state = _q[0], setState = _q[1];
|
|
9194
9196
|
var handleValueChange = function (newValue) {
|
|
9195
9197
|
setState(newValue);
|
|
9196
9198
|
onChange && onChange(newValue);
|
|
@@ -9219,7 +9221,7 @@ var DateMenuForm = function (props) {
|
|
|
9219
9221
|
}
|
|
9220
9222
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
9221
9223
|
}, [isFocus]);
|
|
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,
|
|
9224
|
+
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, inputId: name, i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate, toggleIcon: icon,
|
|
9223
9225
|
//
|
|
9224
9226
|
value: state,
|
|
9225
9227
|
//
|