@autoguru/overdrive 4.28.0 → 4.28.1

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAqBzC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,KAAK,MAAM,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,OAAO,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,IAAI,EAAE,iBAAiB,CAAC,KAAK,CA0BzC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Icon/Icon.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { useNullCheck } from "../../hooks/useNullCheck/index.js";
 import * as React from 'react';
 import { cloneElement } from 'react';
 import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
@@ -13,19 +14,20 @@ export const Icon = _ref => {
     size = 'small',
     display = 'block'
   } = _ref;
+  useNullCheck(icon, 'Icon component received an empty icon prop.');
   return _jsx(Box, {
     is: "i",
     display: display,
     className: [resolveResponsiveStyle(size, styles.size), className],
     role: "presentation",
-    children: cloneElement(icon, {
+    children: icon ? cloneElement(icon, {
       className: useBoxStyles({
         is: 'svg',
         display: 'block',
         width: 'full',
         height: 'full'
       })
-    })
+    }) : '⬤'
   });
 };
 export default Icon;

package/dist/components/Icon/stories.js

@@ -17,7 +17,8 @@ const iconOptions = {
   CurrencyUsdIcon,
   PlusIcon,
   StarIcon,
-  CheckIcon
+  CheckIcon,
+  empty: null
 };
 export default {
   title: 'Foundation/Icon',

package/dist/hooks/index.d.ts

@@ -6,4 +6,5 @@ export * from './useResponsiveValue';
 export * from './useWindowHeightFill';
 export * from './useWindowScrollLock';
 export * from './useMedia';
+export * from './useNullCheck';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAC3B,cAAc,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -7,4 +7,5 @@ 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";
+export * from "./useMedia/index.js";
+export * from "./useNullCheck/index.js";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNullCheck/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useNullCheck/index.js

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

package/dist/hooks/useNullCheck/useNullCheck.d.ts

@@ -0,0 +1,2 @@
+export declare const useNullCheck: (value: any, message: string) => void;
+//# sourceMappingURL=useNullCheck.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNullCheck.d.ts","sourceRoot":"","sources":["../../../lib/hooks/useNullCheck/useNullCheck.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,UAAW,GAAG,WAAW,MAAM,SAMvD,CAAC"}

package/dist/hooks/useNullCheck/useNullCheck.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { useEffect } from 'react';
+export const useNullCheck = (value, message) => {
+  useEffect(() => {
+    if (!value) {
+      console.warn("%c".concat(message), 'color: orange');
+    }
+  }, [value, message]);
+};

package/package.json

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