@ballistix.digital/react-components 0.4.93 → 0.4.95
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 +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.d.ts
CHANGED
|
@@ -848,6 +848,7 @@ type TDateMenuFormProps = {
|
|
|
848
848
|
minDate?: Date;
|
|
849
849
|
maxDate?: Date;
|
|
850
850
|
startWeekOn?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
|
|
851
|
+
icon?: (isOpen: boolean) => ReactNode;
|
|
851
852
|
required?: ({ isRequired }: {
|
|
852
853
|
isRequired: boolean;
|
|
853
854
|
}) => string | ReactNode;
|
package/dist/index.esm.js
CHANGED
|
@@ -9172,13 +9172,14 @@ var zh$1 = _mergeNamespaces({
|
|
|
9172
9172
|
}, [zhExports]);
|
|
9173
9173
|
|
|
9174
9174
|
var DateMenuForm = function (props) {
|
|
9175
|
-
var _a
|
|
9175
|
+
var _a;
|
|
9176
|
+
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 () { return jsx(IconElement, { accessor: "calendar" }); } : _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;
|
|
9176
9177
|
var isValid = error === undefined;
|
|
9177
|
-
var
|
|
9178
|
-
var
|
|
9178
|
+
var _p = useState(true), isFocus = _p[0], setIsFocus = _p[1];
|
|
9179
|
+
var _q = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : {
|
|
9179
9180
|
startDate: null,
|
|
9180
9181
|
endDate: null,
|
|
9181
|
-
}), state =
|
|
9182
|
+
}), state = _q[0], setState = _q[1];
|
|
9182
9183
|
var handleValueChange = function (newValue) {
|
|
9183
9184
|
setState(newValue);
|
|
9184
9185
|
onChange && onChange(newValue);
|
|
@@ -9207,13 +9208,15 @@ var DateMenuForm = function (props) {
|
|
|
9207
9208
|
}
|
|
9208
9209
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
9209
9210
|
}, [isFocus]);
|
|
9210
|
-
return (jsxs("div", __assign({ className: styles$1.container }, { children: [jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles$1.container }, { children: [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,
|
|
9211
|
+
return (jsxs("div", __assign({ className: styles$1.container }, { children: [jsxs("div", __assign({ className: styles$1.head }, { children: [label && (jsx("label", __assign({ htmlFor: name, className: styles$1.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsx("span", __assign({ className: styles$1.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxs("div", __assign({ className: styles$1.container }, { children: [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,
|
|
9211
9212
|
//
|
|
9212
9213
|
value: state,
|
|
9213
9214
|
//
|
|
9214
9215
|
onChange: handleValueChange,
|
|
9215
9216
|
//
|
|
9216
|
-
inputClassName: styles$1.input, startWeekOn: startWeekOn }), !isSolo && (jsxs("div", __assign({ className: styles$1.foot }, { children: [description && !(error && isTouched) && (jsx("p", __assign({ className: styles$1.description }, { children: description }))), error && isTouched && (jsx("p", __assign({ className: styles$1.error }, { children:
|
|
9217
|
+
inputClassName: styles$1.input, startWeekOn: startWeekOn }), !isSolo && (jsxs("div", __assign({ className: styles$1.foot }, { children: [description && !(error && isTouched) && (jsx("p", __assign({ className: styles$1.description }, { children: description }))), error && isTouched && (jsx("p", __assign({ className: styles$1.error }, { children: typeof error === 'string'
|
|
9218
|
+
? error
|
|
9219
|
+
: (_a = error === null || error === void 0 ? void 0 : error.startDate) !== null && _a !== void 0 ? _a : error === null || error === void 0 ? void 0 : error.endDate })))] })))] }))] })));
|
|
9217
9220
|
};
|
|
9218
9221
|
|
|
9219
9222
|
var base = {
|