@autoguru/overdrive 4.26.4 → 4.27.0

package/dist/components/EditableText/EditableText.js

@@ -52,7 +52,7 @@ export const EditableText = forwardRef((_ref, ref) => {
       setInputValue(changeValue);
     }
     if (typeof incomingOnChange === 'function') incomingOnChange(e);
-  }, [incomingOnChange, type]);
+  }, [incomingOnChange, type, mode]);
   const textStyles = useTextStyles({
     is,
     colour,

package/dist/components/FillHeightBox/FillHeightBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FillHeightBox.d.ts","sourceRoot":"","sources":["../../../lib/components/FillHeightBox/FillHeightBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAA4B,EAC3B,wBAAwB,EACxB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC,GAC1D,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAwBlD,CAAC"}
+{"version":3,"file":"FillHeightBox.d.ts","sourceRoot":"","sources":["../../../lib/components/FillHeightBox/FillHeightBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAA4B,EAC3B,wBAAwB,EACxB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC,GAC1D,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,KAAK,CA0BlD,CAAC"}

package/dist/components/FillHeightBox/FillHeightBox.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["includeMobile", "bottomGap", "serverVhFallback", "observedElementRef", "style"];
+const _excluded = ["includeMobile", "bottomGap", "serverVhFallback", "observedElementRef", "style", "maxHeight"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
@@ -15,7 +15,8 @@ export const FillHeightBox = _ref => {
       bottomGap,
       serverVhFallback,
       observedElementRef,
-      style
+      style,
+      maxHeight
     } = _ref,
     scrollPaneProps = _objectWithoutProperties(_ref, _excluded);
   const containerRef = React.useRef(null);
@@ -24,7 +25,8 @@ export const FillHeightBox = _ref => {
     includeMobile,
     observedElementRef,
     bottomGap,
-    serverVhFallback
+    serverVhFallback,
+    maxHeight
   });
   return _jsx(ScrollPane, _objectSpread(_objectSpread({}, scrollPaneProps), {}, {
     ref: containerRef,

package/dist/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useAnimationEvents';
+export * from './useAttachedBoxes';
+export * from './useDocumentBodyStyles';
+export * from './useNegativeMargin';
+export * from './useResponsiveValue';
+export * from './useWindowHeightFill';
+export * from './useWindowScrollLock';
+export * from './useMedia';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export * from "./useAnimationEvents/index.js";
+export * from "./useAttachedBoxes/index.js";
+export * from "./useDocumentBodyStyles/index.js";
+export * from "./useNegativeMargin/index.js";
+export * from "./useResponsiveValue/index.js";
+export * from "./useWindowHeightFill/index.js";
+export * from "./useWindowScrollLock/index.js";
+export * from "./useMedia/index.js";

package/dist/hooks/useNegativeMargin/index.d.ts

@@ -0,0 +1,2 @@
+export { useNegativeMarginTop, useNegativeMarginLeft, } from './useNegativeMargin';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useNegativeMargin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNegativeMargin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,oBAAoB,EACpB,qBAAqB,GACrB,MAAM,qBAAqB,CAAC"}

package/dist/hooks/useNegativeMargin/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export { useNegativeMarginTop, useNegativeMarginLeft } from "./useNegativeMargin.js";

package/dist/hooks/useWindowHeightFill/useWindowHeightFill.d.ts

@@ -5,9 +5,10 @@ export interface UseWindowHeightFillProps {
     serverVhFallback?: number;
     includeMobile?: boolean;
     observeDomChanges?: boolean;
+    maxHeight?: number;
     containerRef: RefObject<HTMLDivElement>;
     observedElementRef?: RefObject<HTMLDivElement>;
 }
-export declare const useWindowHeightFill: ({ bottomGap, includeMobile, serverVhFallback, containerRef, observedElementRef, }: UseWindowHeightFillProps) => string;
+export declare const useWindowHeightFill: ({ bottomGap, includeMobile, serverVhFallback, containerRef, observedElementRef, maxHeight, }: UseWindowHeightFillProps) => string;
 export default useWindowHeightFill;
 //# sourceMappingURL=useWindowHeightFill.d.ts.map

package/dist/hooks/useWindowHeightFill/useWindowHeightFill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowHeightFill.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useWindowHeightFill/useWindowHeightFill.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,WAAW,wBAAwB;IACxC,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,kBAAkB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,mBAAmB,sFAM7B,wBAAwB,KAAG,MA8D7B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"useWindowHeightFill.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useWindowHeightFill/useWindowHeightFill.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqC,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,WAAW,wBAAwB;IACxC,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,kBAAkB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,mBAAmB,iGAO7B,wBAAwB,KAAG,MAiE7B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/hooks/useWindowHeightFill/useWindowHeightFill.js

@@ -11,7 +11,8 @@ export const useWindowHeightFill = _ref => {
     includeMobile = false,
     serverVhFallback = 100,
     containerRef,
-    observedElementRef
+    observedElementRef,
+    maxHeight
   } = _ref;
   const cappedHeight = useResponsiveValue([includeMobile,, true]);
   const {
@@ -24,7 +25,7 @@ export const useWindowHeightFill = _ref => {
     if (!(containerRef !== null && containerRef !== void 0 && containerRef.current) || !((_window = window) !== null && _window !== void 0 && _window.innerHeight) || !((_document = document) !== null && _document !== void 0 && _document.body)) return void 0;
     const resize = () => {
       const gap = getThemeTokenValue(themeClass, themeContractVars.space[bottomGap]) || '0px';
-      const availableHeight = window.innerHeight - containerRef.current.getBoundingClientRect().top;
+      const availableHeight = Math.min(maxHeight !== null && maxHeight !== void 0 ? maxHeight : Number.POSITIVE_INFINITY, window.innerHeight - containerRef.current.getBoundingClientRect().top);
       const newHeight = gap ? "calc(".concat(availableHeight, "px - ").concat(gap, ")") : "".concat(availableHeight, "px");
       if (containerHeightRef.current !== newHeight) {
         setContainerHeight(newHeight);
@@ -50,7 +51,7 @@ export const useWindowHeightFill = _ref => {
       mutationObserver.disconnect();
       resizeObserver.disconnect();
     };
-  }, [containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.innerHeight, (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body, themeClass, bottomGap]);
+  }, [containerRef === null || containerRef === void 0 ? void 0 : containerRef.current, (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.innerHeight, (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body, themeClass, bottomGap, maxHeight]);
   return cappedHeight ? containerHeight : 'auto';
 };
 export default useWindowHeightFill;

package/dist/index.d.ts

@@ -1,6 +1,4 @@
-export * from './components/index';
-export { useMedia } from './hooks/useMedia/useMedia';
-export { useResponsiveValue } from './hooks/useResponsiveValue/useResponsiveValue';
-export { useAttachedBoxes } from './hooks/useAttachedBoxes/useAttachedBoxes';
+export * from './components';
+export * from './hooks';
 export { useId, arrayRingLookup } from './utils/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 export * from "./components/index.js";
-export { useMedia } from "./hooks/useMedia/useMedia.js";
-export { useResponsiveValue } from "./hooks/useResponsiveValue/useResponsiveValue.js";
-export { useAttachedBoxes } from "./hooks/useAttachedBoxes/useAttachedBoxes.js";
+export * from "./hooks/index.js";
 export { useId, arrayRingLookup } from "./utils/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.26.4",
+	"version": "4.27.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",