carbon-react 117.1.0 → 117.1.1

package/esm/__internal__/sticky-footer/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./sticky-footer.component";
+export type { StickyFooterProps } from "./sticky-footer.component";

package/esm/__internal__/sticky-footer/sticky-footer.component.d.ts

@@ -1,15 +1,11 @@
-export default StickyFooter;
-declare function StickyFooter({ children, containerRef, disableSticky, ...rest }: {
-    [x: string]: any;
-    children: any;
-    containerRef: any;
-    disableSticky: any;
-}): JSX.Element;
-declare namespace StickyFooter {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const containerRef: PropTypes.Validator<any>;
-        const disableSticky: PropTypes.Requireable<boolean>;
-    }
+import React from "react";
+export interface StickyFooterProps {
+    /** child elements */
+    children: React.ReactNode;
+    /** Ref of the container the footer should be sticky on */
+    containerRef: React.RefObject<HTMLElement>;
+    /** Disable the sticky behaviour manually */
+    disableSticky?: boolean;
 }
-import PropTypes from "prop-types";
+declare const StickyFooter: ({ children, containerRef, disableSticky, ...rest }: StickyFooterProps) => JSX.Element;
+export default StickyFooter;

package/esm/__internal__/sticky-footer/sticky-footer.component.js

@@ -13,18 +13,29 @@ const StickyFooter = ({
   ...rest
 }) => {
   const [isSticky, setIsSticky] = useState(true);
-  const footerRef = useRef();
+  const footerRef = useRef(null);
   const checkFooterPosition = useCallback(throttle(() => {
     const content = containerRef.current;
-    const stickyOffset = footerRef.current.clientHeight / 2;
-    const fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    /* Fallback to 0 to satisfy the TypeScript compiler */
+
+    /* footerRef will never be null in this method */
+
+    /* istanbul ignore next */
+
+    const stickyOffset = footerRef.current ? footerRef.current.clientHeight / 2 : 0;
+    let fullyScrolled; // istanbul ignore else
+
+    if (content) {
+      fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    }
+
     setIsSticky(!fullyScrolled);
   }, SCROLL_THROTTLE), []);
   useEffect(() => {
     const content = containerRef.current;
-    content.addEventListener("scroll", checkFooterPosition, false);
+    content === null || content === void 0 ? void 0 : content.addEventListener("scroll", checkFooterPosition, false);
     return () => {
-      content.removeEventListener("scroll", checkFooterPosition, false);
+      content === null || content === void 0 ? void 0 : content.removeEventListener("scroll", checkFooterPosition, false);
     };
   }, [checkFooterPosition, containerRef]);
   return /*#__PURE__*/React.createElement(StyledStickyFooter, _extends({
@@ -35,13 +46,16 @@ const StickyFooter = ({
 };
 
 StickyFooter.propTypes = {
-  /** child elements */
-  children: PropTypes.node.isRequired,
-
-  /** Ref of the container the footer should be sticky on */
-  containerRef: PropTypes.any.isRequired,
-
-  /** Disable the sticky behaviour manually */
-  disableSticky: PropTypes.bool
+  "children": PropTypes.node,
+  "containerRef": PropTypes.shape({
+    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
+  }).isRequired,
+  "disableSticky": PropTypes.bool
 };
 export default StickyFooter;

package/esm/__internal__/sticky-footer/sticky-footer.style.d.ts

@@ -1,2 +1,4 @@
+declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {
+    sticky: boolean;
+}, never>;
 export default StyledStickyFooter;
-declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/date/date.d.ts

@@ -45,6 +45,8 @@ export interface DateInputProps
   pickerProps?: DayPickerProps;
 }
 
-declare function DateInput(props: DateInputProps): JSX.Element;
+declare function DateInput(
+  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
+): JSX.Element;
 
 export default DateInput;

package/esm/components/drawer/drawer.component.js

@@ -154,8 +154,7 @@ const Drawer = ({
     }
   }, sidebar), footer && /*#__PURE__*/React.createElement(StickyFooter, {
     containerRef: scrollableContentRef,
-    disableSticky: !stickyFooter,
-    isExpanded: isExpanded
+    disableSticky: !stickyFooter
   }, footer))), /*#__PURE__*/React.createElement(StyledDrawerChildren, null, children));
 };
 

package/lib/__internal__/sticky-footer/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./sticky-footer.component";
+export type { StickyFooterProps } from "./sticky-footer.component";

package/lib/__internal__/sticky-footer/sticky-footer.component.d.ts

@@ -1,15 +1,11 @@
-export default StickyFooter;
-declare function StickyFooter({ children, containerRef, disableSticky, ...rest }: {
-    [x: string]: any;
-    children: any;
-    containerRef: any;
-    disableSticky: any;
-}): JSX.Element;
-declare namespace StickyFooter {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const containerRef: PropTypes.Validator<any>;
-        const disableSticky: PropTypes.Requireable<boolean>;
-    }
+import React from "react";
+export interface StickyFooterProps {
+    /** child elements */
+    children: React.ReactNode;
+    /** Ref of the container the footer should be sticky on */
+    containerRef: React.RefObject<HTMLElement>;
+    /** Disable the sticky behaviour manually */
+    disableSticky?: boolean;
 }
-import PropTypes from "prop-types";
+declare const StickyFooter: ({ children, containerRef, disableSticky, ...rest }: StickyFooterProps) => JSX.Element;
+export default StickyFooter;

package/lib/__internal__/sticky-footer/sticky-footer.component.js

@@ -30,18 +30,29 @@ const StickyFooter = ({
   ...rest
 }) => {
   const [isSticky, setIsSticky] = (0, _react.useState)(true);
-  const footerRef = (0, _react.useRef)();
+  const footerRef = (0, _react.useRef)(null);
   const checkFooterPosition = (0, _react.useCallback)((0, _throttle.default)(() => {
     const content = containerRef.current;
-    const stickyOffset = footerRef.current.clientHeight / 2;
-    const fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    /* Fallback to 0 to satisfy the TypeScript compiler */
+
+    /* footerRef will never be null in this method */
+
+    /* istanbul ignore next */
+
+    const stickyOffset = footerRef.current ? footerRef.current.clientHeight / 2 : 0;
+    let fullyScrolled; // istanbul ignore else
+
+    if (content) {
+      fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    }
+
     setIsSticky(!fullyScrolled);
   }, SCROLL_THROTTLE), []);
   (0, _react.useEffect)(() => {
     const content = containerRef.current;
-    content.addEventListener("scroll", checkFooterPosition, false);
+    content === null || content === void 0 ? void 0 : content.addEventListener("scroll", checkFooterPosition, false);
     return () => {
-      content.removeEventListener("scroll", checkFooterPosition, false);
+      content === null || content === void 0 ? void 0 : content.removeEventListener("scroll", checkFooterPosition, false);
     };
   }, [checkFooterPosition, containerRef]);
   return /*#__PURE__*/_react.default.createElement(_stickyFooter.default, _extends({
@@ -52,14 +63,17 @@ const StickyFooter = ({
 };
 
 StickyFooter.propTypes = {
-  /** child elements */
-  children: _propTypes.default.node.isRequired,
-
-  /** Ref of the container the footer should be sticky on */
-  containerRef: _propTypes.default.any.isRequired,
-
-  /** Disable the sticky behaviour manually */
-  disableSticky: _propTypes.default.bool
+  "children": _propTypes.default.node,
+  "containerRef": _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
+  }).isRequired,
+  "disableSticky": _propTypes.default.bool
 };
 var _default = StickyFooter;
 exports.default = _default;

package/lib/__internal__/sticky-footer/sticky-footer.style.d.ts

@@ -1,2 +1,4 @@
+declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {
+    sticky: boolean;
+}, never>;
 export default StyledStickyFooter;
-declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/date/date.d.ts

@@ -45,6 +45,8 @@ export interface DateInputProps
   pickerProps?: DayPickerProps;
 }
 
-declare function DateInput(props: DateInputProps): JSX.Element;
+declare function DateInput(
+  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
+): JSX.Element;
 
 export default DateInput;

package/lib/components/drawer/drawer.component.js

@@ -177,8 +177,7 @@ const Drawer = ({
     }
   }, sidebar), footer && /*#__PURE__*/_react.default.createElement(_stickyFooter.default, {
     containerRef: scrollableContentRef,
-    disableSticky: !stickyFooter,
-    isExpanded: isExpanded
+    disableSticky: !stickyFooter
   }, footer))), /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerChildren, null, children));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "117.1.0",
+  "version": "117.1.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",