@thecb/components 9.2.0-beta.10 → 9.2.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "9.2.0-beta.10",
+  "version": "9.2.0-beta.11",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/popover/Popover.js

@@ -4,7 +4,7 @@ import Text from "../../atoms/text";
 import Paragraph from "../../atoms/paragraph";
 import { Box } from "../../atoms/layouts";
 import ButtonWithAction from "../../atoms/button-with-action";
-import { useOutsideClick } from "../../../util";
+import { useOutsideClick } from "../../../hooks";
 import { noop } from "../../../util/general";
 import { fallbackValues } from "./Popover.theme";
 

package/src/components/molecules/terms-and-conditions/TermsAndConditionsControlV2.js

@@ -9,7 +9,7 @@ import {
   ERROR_COLOR
 } from "../../../constants/colors";
 import { generateShadows } from "../../../util/generateShadows";
-import useScrollTo from "../../../util/useScrollTo";
+import { useScrollTo } from "../../../hooks";
 
 const TermsAndConditionsControlV2 = ({
   showCheckbox = true,

package/src/components/molecules/toast-notification/ToastNotification.stories.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import ToastNotification from "./ToastNotification";
 import page from "../../../../.storybook/page";
-import { useToastNotification } from "../../../util";
+import { useToastNotification } from "../../../hooks";
 import { ToastVariants } from "../../../types/common";
 
 export const toastNotificationSuccess = () => {
@@ -38,13 +38,13 @@ export const toastNotificationError = () => {
     toastVariant,
     toastMessage,
     showToast,
-    hideToast,
+    hideToast
   } = useToastNotification();
 
   useEffect(() => {
     showToast({
       message: "An error occurred",
-      variant: ToastVariants.ERROR,
+      variant: ToastVariants.ERROR
     });
   }, []);
 
@@ -61,7 +61,7 @@ toastNotificationError.storyName = "Error Toast";
 
 const story = page({
   title: "Components|Molecules/ToastNotification",
-  Component: ToastNotification,
+  Component: ToastNotification
 });
 
 export default story;

package/src/hooks/index.js

@@ -0,0 +1,3 @@
+export { default as useOutsideClick } from "./use-outside-click";
+export { default as useScrollTo } from "./use-scroll-to";
+export { default as useToastNotification } from "./use-toast-notification";

package/src/{util/hooks → hooks}/use-toast-notification/index.d.ts

@@ -1,4 +1,4 @@
-import { ToastVariants } from "../../../types/common";
+import { ToastVariants } from "../../types/common";
 
 export interface UseToastOptions {
   timeout?: number;

package/src/index.d.ts

@@ -1,5 +1,5 @@
 import * as constants from "./constants";
-import * as hooks from "./util/hooks";
+import * as hooks from "./hooks";
 export * from "./components";
 export * from "./types/common";
 export { constants, hooks };

package/src/index.js

@@ -1,4 +1,5 @@
 export * from "./components";
 import * as constants from "./constants";
 import * as util from "./util";
-export { constants, util };
+import * as hooks from "./hooks";
+export { constants, util, hooks };

package/src/util/index.js

@@ -2,8 +2,8 @@ import * as formats from "./formats";
 import * as general from "./general";
 import * as theme from "./themeUtils";
 import useFocusInvalidInput from "./focusFirstInvalidInputHook";
-import useOutsideClick from "./useOutsideClick";
-import useToastNotification from "./hooks/use-toast-notification";
+import useOutsideClick from "../hooks/use-outside-click";
+import useToastNotification from "../hooks/use-toast-notification";
 
 export {
   formats,

package/src/util/hooks/index.js

@@ -1 +0,0 @@
-export { default as useToastNotification } from "./use-toast-notification";