@linzjs/lui 20.0.0 → 20.0.2
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/CHANGELOG.md +14 -0
- package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts +3 -0
- package/dist/components/LuiFormElements/LuiDateInput/FireDateChange.d.ts +1 -0
- package/dist/index.js +18 -7
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +18 -7
- package/dist/lui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/lui.esm.js
CHANGED
|
@@ -25672,6 +25672,7 @@ var LuiExpandableBanner = function (props) {
|
|
|
25672
25672
|
useEffect(function () {
|
|
25673
25673
|
content.current && setMaxHeight(getMaxHeight(content.current));
|
|
25674
25674
|
}, [content]);
|
|
25675
|
+
var accordionExpandedOverflow = props.expandedOverflow || 'auto';
|
|
25675
25676
|
return (React__default.createElement(React__default.Fragment, null,
|
|
25676
25677
|
React__default.createElement("div", { className: clsx('lui-expand-container', props.className) },
|
|
25677
25678
|
props.labelPrefix,
|
|
@@ -25687,7 +25688,7 @@ var LuiExpandableBanner = function (props) {
|
|
|
25687
25688
|
: 'lui-expand-icon material-icons-round lui-expand-icon-transform') }, 'expand_more'))),
|
|
25688
25689
|
React__default.createElement("div", { className: "lui-accordion-content", style: {
|
|
25689
25690
|
maxHeight: collapse ? '0px' : maxHeight,
|
|
25690
|
-
overflow: collapse ? 'hidden' :
|
|
25691
|
+
overflow: collapse ? 'hidden' : accordionExpandedOverflow
|
|
25691
25692
|
}, onTransitionEnd: function (e) { return setMaxHeight(getMaxHeight(e.currentTarget)); }, ref: content }, props.children)));
|
|
25692
25693
|
};
|
|
25693
25694
|
|
|
@@ -28234,14 +28235,24 @@ var parseTextDate = function (value, options) {
|
|
|
28234
28235
|
}
|
|
28235
28236
|
};
|
|
28236
28237
|
|
|
28238
|
+
var fireDateChange = function (e) {
|
|
28239
|
+
var input = e.currentTarget;
|
|
28240
|
+
var clipboard = e.clipboardData.getData('text');
|
|
28241
|
+
var parsedValue = parseTextDate(clipboard, { allowTwoDigitYear: true });
|
|
28242
|
+
if (parsedValue) {
|
|
28243
|
+
var change = new InputEvent('change', {
|
|
28244
|
+
bubbles: true,
|
|
28245
|
+
cancelable: true
|
|
28246
|
+
});
|
|
28247
|
+
input.valueAsDate = new Date(parsedValue);
|
|
28248
|
+
input.dispatchEvent(change);
|
|
28249
|
+
}
|
|
28250
|
+
};
|
|
28251
|
+
|
|
28237
28252
|
var DateInput = forwardRef$1(function (props, ref) {
|
|
28238
28253
|
var valueProp = props.value, onChangeProp = props.onChange, onPasteProp = props.onPaste, inputProps = __rest(props, ["value", "onChange", "onPaste"]);
|
|
28239
|
-
return (React__default.createElement("input", __assign({}, inputProps, { ref: ref, pattern: "d{2}/d{2}/d{4}", placeholder: "dd/mm/yyyy", type:
|
|
28240
|
-
|
|
28241
|
-
var parsedValue = parseTextDate(data, { allowTwoDigitYear: true });
|
|
28242
|
-
if (parsedValue) {
|
|
28243
|
-
e.currentTarget.value = parsedValue;
|
|
28244
|
-
}
|
|
28254
|
+
return (React__default.createElement("input", __assign({}, inputProps, { ref: ref, pattern: "d{2}/d{2}/d{4}", placeholder: "dd/mm/yyyy", type: "date", value: valueProp, onChange: onChangeProp, onPaste: function (e) {
|
|
28255
|
+
fireDateChange(e);
|
|
28245
28256
|
onPasteProp === null || onPasteProp === void 0 ? void 0 : onPasteProp(e);
|
|
28246
28257
|
} })));
|
|
28247
28258
|
});
|