@hero-design/rn 8.13.0 → 8.14.0

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-@hero-design/rn:build: cache hit, replaying output 19d63fea7a3101d0
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-@hero-design/rn:build: created lib/index.js, es/index.js in 28s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
+@hero-design/rn:build: cache hit, replaying output 03d15f462ba189d6
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
+@hero-design/rn:build: created lib/index.js, es/index.js in 26.9s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -12380,7 +12380,7 @@ var StyledErrorDescription = index$a(Typography.Text)(function (_ref8) {
 });
 
 var _excluded$a = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"],
-  _excluded2 = ["visible", "variant", "title", "description", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
+  _excluded2 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var ErrorPage = function ErrorPage(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'in-page' : _ref$variant,
@@ -12427,12 +12427,14 @@ var Error$1 = function Error(_ref2) {
     variant = _ref2$variant === void 0 ? 'in-page' : _ref2$variant,
     title = _ref2.title,
     description = _ref2.description,
+    image = _ref2.image,
     testID = _ref2.testID,
     ctaText = _ref2.ctaText,
     onCtaPress = _ref2.onCtaPress,
     secondaryCtaText = _ref2.secondaryCtaText,
     onSecondaryCtaPress = _ref2.onSecondaryCtaPress,
     nativeProps = _objectWithoutProperties(_ref2, _excluded2);
+  useDeprecation("Visible prop is deprecated. Use conditional rendering instead", visible);
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
@@ -12478,6 +12480,7 @@ var Error$1 = function Error(_ref2) {
       variant: variant,
       title: title,
       description: description,
+      image: image,
       testID: testID,
       ctaText: ctaText,
       onCtaPress: onCtaPress && function () {
@@ -12493,6 +12496,7 @@ var Error$1 = function Error(_ref2) {
     variant: variant,
     title: title,
     description: description,
+    image: image,
     testID: testID,
     ctaText: ctaText,
     onCtaPress: onCtaPress,

package/lib/index.js

@@ -12409,7 +12409,7 @@ var StyledErrorDescription = index$a(Typography.Text)(function (_ref8) {
 });
 
 var _excluded$a = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"],
-  _excluded2 = ["visible", "variant", "title", "description", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
+  _excluded2 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var ErrorPage = function ErrorPage(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'in-page' : _ref$variant,
@@ -12456,12 +12456,14 @@ var Error$1 = function Error(_ref2) {
     variant = _ref2$variant === void 0 ? 'in-page' : _ref2$variant,
     title = _ref2.title,
     description = _ref2.description,
+    image = _ref2.image,
     testID = _ref2.testID,
     ctaText = _ref2.ctaText,
     onCtaPress = _ref2.onCtaPress,
     secondaryCtaText = _ref2.secondaryCtaText,
     onSecondaryCtaPress = _ref2.onSecondaryCtaPress,
     nativeProps = _objectWithoutProperties(_ref2, _excluded2);
+  useDeprecation("Visible prop is deprecated. Use conditional rendering instead", visible);
   var _useState = React.useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
@@ -12507,6 +12509,7 @@ var Error$1 = function Error(_ref2) {
       variant: variant,
       title: title,
       description: description,
+      image: image,
       testID: testID,
       ctaText: ctaText,
       onCtaPress: onCtaPress && function () {
@@ -12522,6 +12525,7 @@ var Error$1 = function Error(_ref2) {
     variant: variant,
     title: title,
     description: description,
+    image: image,
     testID: testID,
     ctaText: ctaText,
     onCtaPress: onCtaPress,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.13.0",
+  "version": "8.14.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.13.0",
+    "@hero-design/colors": "8.14.0",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.13.0",
+    "@hero-design/eslint-plugin": "8.14.0",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,9 +60,9 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.13.0",
+    "eslint-config-hd": "8.14.0",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.13.0",
+    "prettier-config-hd": "8.14.0",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",

package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap

@@ -57,6 +57,7 @@ exports[`Error renders error screen with image correctly 1`] = `
       testID="error-image"
     />
     <Text
+      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -86,6 +87,7 @@ exports[`Error renders error screen with image correctly 1`] = `
       We’re sorry, something went wrong
     </Text>
     <Text
+      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -190,6 +192,7 @@ exports[`Error renders full screen error page correctly 1`] = `
         testID="error-image"
       />
       <Text
+        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -219,6 +222,7 @@ exports[`Error renders full screen error page correctly 1`] = `
         We’re sorry, something went wrong
       </Text>
       <Text
+        allowFontScaling={false}
         style={
           Array [
             Object {
@@ -282,6 +286,7 @@ exports[`Error renders title only correctly 1`] = `
     }
   >
     <Text
+      allowFontScaling={false}
       style={
         Array [
           Object {
@@ -311,6 +316,7 @@ exports[`Error renders title only correctly 1`] = `
       We’re sorry, something went wrong
     </Text>
     <Text
+      allowFontScaling={false}
       style={
         Array [
           Object {

package/src/components/Error/__tests__/index.spec.tsx

@@ -9,7 +9,7 @@ const description = 'Please try again later';
 describe('Error', () => {
   it('renders title only correctly', () => {
     const { toJSON, getByText } = renderWithTheme(
-      <Error visible title={title} description={description} />
+      <Error title={title} description={description} />
     );
 
     expect(getByText(title)).toBeTruthy();
@@ -18,12 +18,7 @@ describe('Error', () => {
   });
   it('renders error screen with image correctly', () => {
     const { toJSON, getByText, getByTestId } = renderWithTheme(
-      <Error
-        visible
-        title={title}
-        description={description}
-        image="path_to_image"
-      />
+      <Error title={title} description={description} image="path_to_image" />
     );
 
     expect(getByText(title)).toBeTruthy();
@@ -34,7 +29,6 @@ describe('Error', () => {
   it('renders full screen error page correctly', () => {
     const { toJSON, getByText, getByTestId } = renderWithTheme(
       <Error
-        visible
         variant="full-screen"
         title={title}
         description={description}
@@ -52,7 +46,6 @@ describe('Error', () => {
     const onSecondaryCtaPress = jest.fn();
     const { getByText } = renderWithTheme(
       <Error
-        visible
         title={title}
         description={description}
         image="path_to_image"

package/src/components/Error/index.tsx

@@ -13,8 +13,15 @@ import {
   StyledErrorModal,
   StyledErrorTitle,
 } from './StyledError';
+import { useDeprecation } from '../../utils/hooks';
 
-interface ErrorPageProps extends ViewProps {
+interface ErrorProps extends ViewProps {
+  /**
+   * @deprecated use conditional rendering instead
+   *
+   * Visibility of the error
+   */
+  visible?: boolean;
   /**
    * Variant of the error
    */
@@ -53,13 +60,6 @@ interface ErrorPageProps extends ViewProps {
   onSecondaryCtaPress?: () => void;
 }
 
-type ErrorProps = ErrorPageProps & {
-  /**
-   * Visibility of the error
-   */
-  visible: boolean;
-};
-
 type onCloseCallbackType = 'cta' | 'secondaryCta' | null;
 
 const ErrorPage = ({
@@ -73,7 +73,7 @@ const ErrorPage = ({
   secondaryCtaText,
   onSecondaryCtaPress,
   ...nativeProps
-}: ErrorPageProps): ReactElement => {
+}: ErrorProps): ReactElement => {
   const showCta = ctaText && onCtaPress !== undefined;
   const showSecondaryCta =
     secondaryCtaText && onSecondaryCtaPress !== undefined;
@@ -127,6 +127,7 @@ const Error = ({
   variant = 'in-page',
   title,
   description,
+  image,
   testID,
   ctaText,
   onCtaPress,
@@ -134,6 +135,11 @@ const Error = ({
   onSecondaryCtaPress,
   ...nativeProps
 }: ErrorProps): ReactElement => {
+  useDeprecation(
+    `Visible prop is deprecated. Use conditional rendering instead`,
+    visible
+  );
+
   const [isVisible, setIsVisible] = useState(visible);
   const [ctaPressed, setCtaPressed] = useState<onCloseCallbackType>(null);
 
@@ -176,6 +182,7 @@ const Error = ({
           variant={variant}
           title={title}
           description={description}
+          image={image}
           testID={testID}
           ctaText={ctaText}
           onCtaPress={
@@ -202,6 +209,7 @@ const Error = ({
       variant={variant}
       title={title}
       description={description}
+      image={image}
       testID={testID}
       ctaText={ctaText}
       onCtaPress={onCtaPress}

package/types/components/Error/index.d.ts

@@ -1,7 +1,13 @@
 import type { ReactElement } from 'react';
 import type { ImageSourcePropType, ViewProps } from 'react-native';
 import { ErrorVariant } from './StyledError';
-interface ErrorPageProps extends ViewProps {
+interface ErrorProps extends ViewProps {
+    /**
+     * @deprecated use conditional rendering instead
+     *
+     * Visibility of the error
+     */
+    visible?: boolean;
     /**
      * Variant of the error
      */
@@ -39,17 +45,11 @@ interface ErrorPageProps extends ViewProps {
      */
     onSecondaryCtaPress?: () => void;
 }
-declare type ErrorProps = ErrorPageProps & {
-    /**
-     * Visibility of the error
-     */
-    visible: boolean;
-};
 /**
  * Renders error page
  *
  * @param {ErrorProps}
  * @return {*}  {ReactElement}
  */
-declare const Error: ({ visible, variant, title, description, testID, ctaText, onCtaPress, secondaryCtaText, onSecondaryCtaPress, ...nativeProps }: ErrorProps) => ReactElement;
+declare const Error: ({ visible, variant, title, description, image, testID, ctaText, onCtaPress, secondaryCtaText, onSecondaryCtaPress, ...nativeProps }: ErrorProps) => ReactElement;
 export default Error;