carbon-react 105.1.0 → 105.2.0

package/esm/hooks/__internal__/useInputAccessibility/useInputAccessibility.d.ts

@@ -1,14 +1,14 @@
 export default function useInputAccessibility({ id, error, warning, info, label, fieldHelp, }: {
-    id: any;
-    error: any;
-    warning: any;
-    info: any;
-    label: any;
-    fieldHelp: any;
+    id: string;
+    error?: string;
+    warning?: string;
+    info?: string;
+    label?: string;
+    fieldHelp?: string;
 }): {
-    labelId: string | undefined;
-    validationIconId: string | undefined;
-    fieldHelpId: string | undefined;
-    ariaDescribedBy: string;
-    ariaLabelledBy: string | undefined;
+    labelId?: string;
+    validationIconId?: string;
+    fieldHelpId?: string;
+    ariaDescribedBy?: string;
+    ariaLabelledBy?: string;
 };

package/esm/hooks/__internal__/useInputAccessibility/useInputAccessibility.js

@@ -7,9 +7,7 @@ export default function useInputAccessibility({
   fieldHelp
 }) {
   const labelId = label ? `${id}-label` : undefined;
-  const validationIconId = [error, warning, info].filter(validation => {
-    return validation && typeof validation === "string";
-  }).length ? `${id}-validation-icon` : undefined;
+  const validationIconId = [error, warning, info].filter(validation => validation && typeof validation === "string").length ? `${id}-validation-icon` : undefined;
   const fieldHelpId = fieldHelp ? `${id}-field-help` : undefined;
   const ariaDescribedBy = [fieldHelpId, validationIconId].filter(Boolean).join(" ");
   const ariaLabelledBy = labelId;

package/esm/hooks/__internal__/useIsAboveBreakpoint/index.d.ts

@@ -1 +1 @@
-export default function useIsAboveBreakpoint(breakpoint?: number): boolean;
+export { default } from "./useIsAboveBreakpoint";

package/esm/hooks/__internal__/useIsAboveBreakpoint/index.js

@@ -1,6 +1 @@
-import useMediaQuery from "../../useMediaQuery";
-export default function useIsAboveBreakpoint(breakpoint) {
-  const matchesQuery = useMediaQuery(`(min-width:${breakpoint}px)`);
-  if (!breakpoint) return undefined;
-  return matchesQuery;
-}
+export { default } from "./useIsAboveBreakpoint";

package/esm/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.d.ts

@@ -0,0 +1 @@
+export default function useIsAboveBreakpoint(breakpoint?: number): boolean | undefined;

package/esm/hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js

@@ -0,0 +1,6 @@
+import useMediaQuery from "../../useMediaQuery";
+export default function useIsAboveBreakpoint(breakpoint) {
+  const matchesQuery = useMediaQuery(`(min-width:${breakpoint}px)`);
+  if (!breakpoint) return undefined;
+  return matchesQuery;
+}

package/esm/hooks/__internal__/useLocale/index.d.ts

@@ -1 +1 @@
-export default function useLocale(): import("../../../locales/locale").default;
+export { default } from "./useLocale";

package/esm/hooks/__internal__/useLocale/index.js

@@ -1,5 +1 @@
-import { useContext } from "react";
-import Context from "../../../__internal__/i18n-context";
-export default function useLocale() {
-  return useContext(Context);
-}
+export { default } from "./useLocale";

package/esm/hooks/__internal__/useLocale/useLocale.d.ts

@@ -0,0 +1 @@
+export default function useLocale(): import("../../../locales/locale").default;

package/esm/hooks/__internal__/useLocale/useLocale.js

@@ -0,0 +1,5 @@
+import { useContext } from "react";
+import Context from "../../../__internal__/i18n-context";
+export default function useLocale() {
+  return useContext(Context);
+}

package/esm/hooks/__internal__/useResizeObserver/index.d.ts

@@ -1,10 +1 @@
-import * as React from "react";
-
-export default function useResizeObserver(
-  /** Reference to the resizable HTML element -  */
-  ref: React.RefObject<HTMLElement>,
-  /** Callback meant to be executed on element resize */
-  onResize: () => void,
-  /** Flag to indicate whether hook should be disabled  */
-  disabled?: boolean
-): void;
+export { default } from "./useResizeObserver";

package/esm/hooks/__internal__/useResizeObserver/index.js

@@ -1,23 +1 @@
-import { useRef, useLayoutEffect } from "react";
-export default function useResizeObserver(ref, onResize, disabled) {
-  const observer = useRef(null);
-  const onResizeRef = useRef(null);
-  onResizeRef.current = onResize;
-  useLayoutEffect(() => {
-    const referenceRef = ref.current;
-
-    if (!disabled) {
-      observer.current = new ResizeObserver(() => {
-        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef.current();
-      });
-      observer.current.observe(referenceRef);
-    }
-
-    return () => {
-      if (!disabled) {
-        observer.current.unobserve(referenceRef);
-        observer.current.disconnect();
-      }
-    };
-  }, [ref, disabled]);
-}
+export { default } from "./useResizeObserver";

package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from "react";
+export default function useResizeObserver(
+/** Reference to the resizable HTML element */
+ref: RefObject<Element>, 
+/** Callback meant to be executed on element resize */
+onResize: () => void, 
+/** Flag to indicate whether hook should be disabled  */
+disabled?: boolean): void;

package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,29 @@
+import { useRef, useLayoutEffect } from "react";
+export default function useResizeObserver(
+/** Reference to the resizable HTML element */
+ref,
+/** Callback meant to be executed on element resize */
+onResize,
+/** Flag to indicate whether hook should be disabled  */
+disabled) {
+  const observer = useRef();
+  const onResizeRef = useRef(onResize);
+  onResizeRef.current = onResize;
+  useLayoutEffect(() => {
+    const referenceRef = ref.current;
+
+    if (!disabled && referenceRef) {
+      observer.current = new ResizeObserver(() => {
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef.current();
+      });
+      observer.current.observe(referenceRef);
+    }
+
+    return () => {
+      if (!disabled && referenceRef && observer.current) {
+        observer.current.unobserve(referenceRef);
+        observer.current.disconnect();
+      }
+    };
+  }, [ref, disabled]);
+}

package/esm/hooks/__internal__/useScrollBlock/index.d.ts

@@ -1,4 +1 @@
-export default function useScrollBlock(): {
-  blockScroll: () => void;
-  allowScroll: () => void;
-};
+export { default } from "./useScrollBlock";

package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.d.ts

@@ -1,12 +1,26 @@
-export default ScrollBlockManager;
+declare global {
+    interface Window {
+        __CARBON_INTERNALS_SCROLL_BLOCKERS?: {
+            components: {
+                [key: string]: boolean;
+            };
+            originalValues: string[];
+            restoreValues?: (() => void) | null;
+        };
+    }
+}
 declare class ScrollBlockManager {
-    components: any;
-    originalValues: any;
-    registerComponent(id: any): void;
-    unregisterComponent(id: any): void;
-    saveOriginalValues(values: any): void;
-    saveRestoreValuesCallback(callback: any): void;
-    getRestoreValuesCallback(): any;
-    getOriginalValues(): any;
+    components: {
+        [key: string]: boolean;
+    };
+    originalValues: string[];
+    constructor();
+    registerComponent(id: string): void;
+    unregisterComponent(id: string): void;
+    saveRestoreValuesCallback(callback: (() => void) | null): void;
+    getRestoreValuesCallback(): (() => void) | null | undefined;
+    saveOriginalValues(values: string[]): void;
+    getOriginalValues(): string[];
     isBlocked(): boolean;
 }
+export default ScrollBlockManager;

package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.js

@@ -4,19 +4,26 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-// TODO: This component can be refactored to remove redundant code after
-// we can confirm that all Sage products use version 105.0.0^
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// TODO: This component can be refactored to remove redundant code
+// once we can confirm that all Sage products use version 105.0.0^
 let ScrollBlockManager = /*#__PURE__*/function () {
   function ScrollBlockManager() {
     _classCallCheck(this, ScrollBlockManager);
 
+    _defineProperty(this, "components", void 0);
+
+    _defineProperty(this, "originalValues", void 0);
+
     // Due to possibility of multiple carbon versions using it
     // it is necessary to maintain same structure in this global variable
     if (!window.__CARBON_INTERNALS_SCROLL_BLOCKERS) {
       window.__CARBON_INTERNALS_SCROLL_BLOCKERS = {
         components: {},
         // originalValues can be removed
-        originalValues: []
+        originalValues: [],
+        restoreValues: null
       };
     }
 
@@ -34,23 +41,28 @@ let ScrollBlockManager = /*#__PURE__*/function () {
     key: "unregisterComponent",
     value: function unregisterComponent(id) {
       delete this.components[id];
-    } // TODO: saveOriginalValues can be removed
-
-  }, {
-    key: "saveOriginalValues",
-    value: function saveOriginalValues(values) {
-      this.originalValues.length = 0;
-      this.originalValues.push(...values);
     }
   }, {
     key: "saveRestoreValuesCallback",
     value: function saveRestoreValuesCallback(callback) {
-      window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues = callback;
+      /* istanbul ignore else */
+      if (window.__CARBON_INTERNALS_SCROLL_BLOCKERS) {
+        window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues = callback;
+      }
     }
   }, {
     key: "getRestoreValuesCallback",
     value: function getRestoreValuesCallback() {
-      return window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues;
+      var _window$__CARBON_INTE;
+
+      return (_window$__CARBON_INTE = window.__CARBON_INTERNALS_SCROLL_BLOCKERS) === null || _window$__CARBON_INTE === void 0 ? void 0 : _window$__CARBON_INTE.restoreValues;
+    } // TODO: saveOriginalValues can be removed
+
+  }, {
+    key: "saveOriginalValues",
+    value: function saveOriginalValues(values) {
+      this.originalValues.length = 0;
+      this.originalValues.push(...values);
     } // TODO: getOriginalValues can be removed
 
   }, {

package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.d.ts

@@ -1,5 +1,5 @@
-export default useScrollBlock;
-declare function useScrollBlock(): {
+declare const useScrollBlock: () => {
     blockScroll: () => void;
     allowScroll: () => void;
 };
+export default useScrollBlock;

package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -4,20 +4,18 @@ import ScrollBlockManager from "./scroll-block-manager"; // TODO: This component
 // we can confirm that all Sage products use version 105.0.0^
 
 const scrollBlockManager = new ScrollBlockManager();
-/* istanbul ignore next */
-
-const safeDocument = typeof document !== "undefined" ? document : {};
 
 const useScrollBlock = () => {
   const {
     current: containerGuid
   } = useRef(guid());
-  const originalValuesRef = useRef();
+  const originalValuesRef = useRef([]);
   const rules = useMemo(() => {
+    /* istanbul ignore next */
     const {
       documentElement,
       body
-    } = safeDocument;
+    } = document || {};
     const scrollBarWidth = window.innerWidth - documentElement.clientWidth;
     const bodyPaddingRight = parseInt(window.getComputedStyle(body).getPropertyValue("padding-right")) || 0;
     return [// TODO: First two entries of this array with the documentElement can be removed

package/esm/hooks/useMediaQuery/index.d.ts

@@ -1 +1 @@
-export default function useMediaQuery(query: string): boolean;
+export { default } from "./useMediaQuery";

package/esm/hooks/useMediaQuery/index.js

@@ -1,19 +1 @@
-import React from "react";
-export default function useMediaQuery(queryInput) {
-  const query = queryInput.replace(/^@media( ?)/m, "");
-  const [match, setMatch] = React.useState(() => false);
-  React.useEffect(() => {
-    const queryList = window.matchMedia(query);
-
-    const updateMatch = () => {
-      setMatch(queryList.matches);
-    };
-
-    updateMatch();
-    queryList.addListener(updateMatch);
-    return () => {
-      queryList.removeListener(updateMatch);
-    };
-  }, [query]);
-  return match;
-}
+export { default } from "./useMediaQuery";

package/esm/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export default function useMediaQuery(queryInput: string): boolean;

package/esm/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,19 @@
+import React from "react";
+export default function useMediaQuery(queryInput) {
+  const query = queryInput.replace(/^@media( ?)/m, "");
+  const [match, setMatch] = React.useState(() => false);
+  React.useEffect(() => {
+    const queryList = window.matchMedia(query);
+
+    const updateMatch = () => {
+      setMatch(queryList.matches);
+    };
+
+    updateMatch();
+    queryList.addListener(updateMatch);
+    return () => {
+      queryList.removeListener(updateMatch);
+    };
+  }, [query]);
+  return match;
+}

package/esm/locales/en-gb.d.ts

@@ -1,5 +1,3 @@
-import Locale from ".";
-
-declare const EnGb: Locale;
-
-export default EnGb;
+import Locale from "./locale";
+declare const enGB: Locale;
+export default enGB;

package/esm/locales/en-gb.js

@@ -1,8 +1,8 @@
-import { enGB } from "./date-fns-locales";
+import { enGB as enGBDateLocale } from "./date-fns-locales";
 
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 
-export default {
+const enGB = {
   locale: () => "en-GB",
   actions: {
     edit: () => "Edit",
@@ -19,7 +19,7 @@ export default {
     yes: () => "Yes"
   },
   date: {
-    dateFnsLocale: () => enGB
+    dateFnsLocale: () => enGBDateLocale
   },
   dialog: {
     ariaLabels: {
@@ -128,4 +128,5 @@ export default {
       }
     }
   }
-};
+};
+export default enGB;

package/esm/locales/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./locale";
+export type { default } from "./locale";
 export { default as EnGb } from "./en-gb";
 export { default as PlPl } from "./pl-pl";

package/esm/locales/index.js

@@ -0,0 +1,2 @@
+export { default as EnGb } from "./en-gb";
+export { default as PlPl } from "./pl-pl";

package/esm/locales/locale.d.ts

@@ -1,111 +1,105 @@
 import { Locale as DateFnsLocale } from "date-fns";
-
 interface Locale {
-  locale: () => string;
-  actions: {
-    edit: () => string;
-    delete: () => string;
-  };
-  actionPopover: {
-    ariaLabel: () => string;
-  };
-  batchSelection: {
-    selected: (count: number | string) => string;
-  };
-  confirm: {
-    no: () => string;
-    yes: () => string;
-  };
-  date: {
-    dateFnsLocale: () => DateFnsLocale;
-  };
-  dialog: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  dialogFullScreen: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  errors: {
-    messages: {
-      formSummary: (
-        errors: number,
-        warnings: number,
-        type: string
-      ) => [string, string] | null;
-    };
-  };
-  message: {
-    closeButtonAriaLabel: () => string;
-  };
-  numeralDate: {
-    validation: {
-      day: () => string;
-      month: () => string;
-      year: () => string;
-    };
-  };
-  pager: {
-    show: () => string;
-    records: (count: number | string, showNumber: boolean) => string;
-    first: () => string;
-    last: () => string;
-    next: () => string;
-    previous: () => string;
-    pageX: () => string;
-    ofY: (count: string | number) => string;
-  };
-  select: {
-    actionButtonText: () => string;
-    placeholder: () => string;
-    noResultsForTerm: (term: string) => string;
-  };
-  link: {
-    skipLinkLabel: () => string;
-  };
-  sidebar: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  switch: {
-    on: () => string;
-    off: () => string;
-  };
-  textEditor: {
-    tooltipMessages: {
-      bold: () => string;
-      italic: () => string;
-      bulletList: () => string;
-      numberList: () => string;
-    };
-    ariaLabels: {
-      bold: () => string;
-      italic: () => string;
-      bulletList: () => string;
-      numberList: () => string;
-    };
-  };
-  tileSelect: {
-    deselect: () => string;
-  };
-  toast: {
-    ariaLabels: {
-      close: () => string;
-    };
-  };
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => string;
+    locale: () => string;
+    actions: {
+        edit: () => string;
+        delete: () => string;
+    };
+    actionPopover: {
+        ariaLabel: () => string;
+    };
+    batchSelection: {
+        selected: (count: number | string) => string;
+    };
+    confirm: {
+        no: () => string;
+        yes: () => string;
+    };
+    date: {
+        dateFnsLocale: () => DateFnsLocale;
+    };
+    dialog: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    dialogFullScreen: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    errors: {
+        messages: {
+            formSummary: (errors: number, warnings: number, type: string) => [string, string] | null;
+        };
+    };
+    message: {
+        closeButtonAriaLabel: () => string;
+    };
+    numeralDate: {
+        validation: {
+            day: () => string;
+            month: () => string;
+            year: () => string;
+        };
+    };
+    pager: {
+        show: () => string;
+        records: (count: number | string, showNumber: boolean) => string;
+        first: () => string;
+        last: () => string;
         next: () => string;
-        back: () => string;
-      };
+        previous: () => string;
+        pageX: () => string;
+        ofY: (count: string | number) => string;
+    };
+    select: {
+        actionButtonText: () => string;
+        placeholder: () => string;
+        noResultsForTerm: (term: string) => string;
+    };
+    link: {
+        skipLinkLabel: () => string;
+    };
+    sidebar: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    switch: {
+        on: () => string;
+        off: () => string;
+    };
+    textEditor: {
+        tooltipMessages: {
+            bold: () => string;
+            italic: () => string;
+            bulletList: () => string;
+            numberList: () => string;
+        };
+        ariaLabels: {
+            bold: () => string;
+            italic: () => string;
+            bulletList: () => string;
+            numberList: () => string;
+        };
+    };
+    tileSelect: {
+        deselect: () => string;
+    };
+    toast: {
+        ariaLabels: {
+            close: () => string;
+        };
+    };
+    wizards: {
+        multiStep: {
+            buttons: {
+                submit: () => string;
+                next: () => string;
+                back: () => string;
+            };
+        };
     };
-  };
 }
-
 export default Locale;

package/esm/locales/locale.js

@@ -0,0 +1 @@
+export {};

package/esm/locales/pl-pl.d.ts

@@ -1,5 +1,3 @@
-import Locale from ".";
-
-declare const PlPl: Locale;
-
-export default PlPl;
+import Locale from "./locale";
+declare const plPL: Locale;
+export default plPL;

package/esm/locales/pl-pl.js

@@ -1,8 +1,8 @@
-import { pl } from "./date-fns-locales";
+import { pl as plDateLocale } from "./date-fns-locales";
 
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 
-export default {
+const plPL = {
   locale: () => "pl-PL",
   actions: {
     edit: () => "Edytuj",
@@ -19,7 +19,7 @@ export default {
     yes: () => "Tak"
   },
   date: {
-    dateFnsLocale: () => pl
+    dateFnsLocale: () => plDateLocale
   },
   dialog: {
     ariaLabels: {
@@ -126,4 +126,5 @@ export default {
       }
     }
   }
-};
+};
+export default plPL;