@linzjs/lui 20.0.0 → 20.0.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [20.0.2](https://github.com/linz/lui/compare/v20.0.1...v20.0.2) (2023-09-21)
+
+
+### Bug Fixes
+
+* **LuiExpandableBanner:** configure overflow ([#1013](https://github.com/linz/lui/issues/1013)) ([da054c2](https://github.com/linz/lui/commit/da054c25aa9b0ae194a03c019f4249164823abd5))
+
+## [20.0.1](https://github.com/linz/lui/compare/v20.0.0...v20.0.1) (2023-09-20)
+
+
+### Bug Fixes
+
+* **LuiDateInput:** fire onChange upon valid paste ([#1009](https://github.com/linz/lui/issues/1009)) ([3b15b3e](https://github.com/linz/lui/commit/3b15b3e28b13011eacc5a06504733b5280db4c76))
+
 # [20.0.0](https://github.com/linz/lui/compare/v19.0.0...v20.0.0) (2023-09-18)
 
 # [19.0.0](https://github.com/linz/lui/compare/v18.11.2...v19.0.0) (2023-09-14)

package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts

@@ -1,8 +1,11 @@
 import React, { ReactNode } from 'react';
+declare type OverflowType = 'hidden' | 'auto' | 'inherit' | 'overlay' | 'revert' | 'scroll' | 'unset' | 'visible';
 export interface Expandable {
     className?: string;
     label: ReactNode;
     labelPrefix?: ReactNode;
     start?: 'collapsed' | 'expanded';
+    expandedOverflow?: OverflowType;
 }
 export declare const LuiExpandableBanner: React.FC<React.PropsWithChildren<Expandable>>;
+export {};

package/dist/components/LuiFormElements/LuiDateInput/FireDateChange.d.ts

@@ -0,0 +1 @@
+export declare const fireDateChange: (e: React.ClipboardEvent<HTMLInputElement>) => void;

package/dist/index.js

@@ -25701,6 +25701,7 @@ var LuiExpandableBanner = function (props) {
     React.useEffect(function () {
         content.current && setMaxHeight(getMaxHeight(content.current));
     }, [content]);
+    var accordionExpandedOverflow = props.expandedOverflow || 'auto';
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: clsx('lui-expand-container', props.className) },
             props.labelPrefix,
@@ -25716,7 +25717,7 @@ var LuiExpandableBanner = function (props) {
                         : 'lui-expand-icon material-icons-round lui-expand-icon-transform') }, 'expand_more'))),
         React__default["default"].createElement("div", { className: "lui-accordion-content", style: {
                 maxHeight: collapse ? '0px' : maxHeight,
-                overflow: collapse ? 'hidden' : 'auto'
+                overflow: collapse ? 'hidden' : accordionExpandedOverflow
             }, onTransitionEnd: function (e) { return setMaxHeight(getMaxHeight(e.currentTarget)); }, ref: content }, props.children)));
 };
 
@@ -28263,14 +28264,24 @@ var parseTextDate = function (value, options) {
     }
 };
 
+var fireDateChange = function (e) {
+    var input = e.currentTarget;
+    var clipboard = e.clipboardData.getData('text');
+    var parsedValue = parseTextDate(clipboard, { allowTwoDigitYear: true });
+    if (parsedValue) {
+        var change = new InputEvent('change', {
+            bubbles: true,
+            cancelable: true
+        });
+        input.valueAsDate = new Date(parsedValue);
+        input.dispatchEvent(change);
+    }
+};
+
 var DateInput = React.forwardRef(function (props, ref) {
     var valueProp = props.value, onChangeProp = props.onChange, onPasteProp = props.onPaste, inputProps = __rest(props, ["value", "onChange", "onPaste"]);
-    return (React__default["default"].createElement("input", __assign({}, inputProps, { ref: ref, pattern: "d{2}/d{2}/d{4}", placeholder: "dd/mm/yyyy", type: 'date', value: valueProp, onChange: function (e) { return onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(e); }, onPaste: function (e) {
-            var data = e.clipboardData.getData('text');
-            var parsedValue = parseTextDate(data, { allowTwoDigitYear: true });
-            if (parsedValue) {
-                e.currentTarget.value = parsedValue;
-            }
+    return (React__default["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) {
+            fireDateChange(e);
             onPasteProp === null || onPasteProp === void 0 ? void 0 : onPasteProp(e);
         } })));
 });