@autoguru/overdrive 4.28.0 → 4.29.0

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;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAM5E,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

@@ -2,6 +2,7 @@
 
 import * as React from 'react';
 import { cloneElement } from 'react';
+import { useNullCheck } from "../../hooks/useNullCheck/index.js";
 import { resolveResponsiveStyle } from "../../utils/resolveResponsiveProps.js";
 import { Box, useBoxStyles } from "../Box/index.js";
 import * as styles from "./Icon.css.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/components/Image/SimpleImage.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactElement } from 'react';
 export interface Props extends Partial<Omit<HTMLImageElement, 'loading' | 'className' | 'width' | 'height'>> {
     src: string;
     eager?: boolean;
@@ -7,7 +7,7 @@ export interface Props extends Partial<Omit<HTMLImageElement, 'loading' | 'class
     width?: string;
     height?: string;
     className?: string;
+    fallbackComponent?: ReactElement;
 }
 export declare const SimpleImage: FunctionComponent<Props>;
-export default SimpleImage;
 //# sourceMappingURL=SimpleImage.d.ts.map

package/dist/components/Image/SimpleImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleImage.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/SimpleImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC,CACpE;IACD,GAAG,EAAE,MAAM,CAAC;IAKZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAMhB,YAAY,CAAC,EAAE,OAAO,CAAC;IAMvB,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAiBhD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SimpleImage.d.ts","sourceRoot":"","sources":["../../../lib/components/Image/SimpleImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,KAChB,SAAQ,OAAO,CACd,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC,CACpE;IACD,GAAG,EAAE,MAAM,CAAC;IAKZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAMhB,YAAY,CAAC,EAAE,OAAO,CAAC;IAMvB,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,iBAAiB,CAAC,EAAE,YAAY,CAAC;CACjC;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAgChD,CAAC"}

package/dist/components/Image/SimpleImage.js

@@ -2,10 +2,11 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["eager", "syncDecoding", "className", "src", "srcSet"];
+const _excluded = ["eager", "syncDecoding", "className", "src", "srcSet", "fallbackComponent"];
 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';
+import { useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const SimpleImage = _ref => {
   let {
@@ -13,15 +14,23 @@ export const SimpleImage = _ref => {
       syncDecoding = 'false',
       className = '',
       src,
-      srcSet
+      srcSet,
+      fallbackComponent
     } = _ref,
     imgProps = _objectWithoutProperties(_ref, _excluded);
+  const [hasError, setHasError] = useState(false);
+  const handleError = () => {
+    setHasError(true);
+  };
+  if (hasError && fallbackComponent) {
+    return fallbackComponent;
+  }
   return _jsx("img", _objectSpread({
     loading: eager ? 'eager' : 'lazy',
     decoding: syncDecoding ? 'sync' : 'async',
     className: className,
     srcSet: srcSet,
-    src: src
+    src: src,
+    onError: handleError
   }, imgProps));
-};
-export default SimpleImage;
+};

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.29.0",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",