@metamask-previews/design-system-react-native 0.0.0-preview.8561168 → 0.0.0-preview.8c84975

package/dist/temp-components/Spinner/Spinner.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { SpinnerProps } from './Spinner.types';
-declare const Spinner: ({ color, spinnerIconProps, loadingText, loadingTextProps, twClassName, ...props }: SpinnerProps) => React.JSX.Element;
-export default Spinner;
-//# sourceMappingURL=Spinner.d.ts.map

package/dist/temp-components/Spinner/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,QAAA,MAAM,OAAO,sFAOV,YAAY,sBA4Cd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/temp-components/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,+CAAoC;AACpC,mFAMiC;AAGjC,8DAAuD;AAEvD,iEAAyC;AACzC,2DAA4D;AAG5D,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,GAAG,yCAAqB,CAAC,KAAK,EACnC,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,GAAG,yCAAqB,CAAC,gBAAgB;QACzC,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,GAAG,yCAAqB,CAAC,gBAAgB;QACzC,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA,iCAAiC,WAAW,EAAE,CAAC,CACxD,MAAM,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,cAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,cAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,cAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../components/Icon';\nimport Icon, { IconName } from '../../components/Icon';\nimport type { TextProps } from '../../components/Text';\nimport Text from '../../components/Text';\nimport { DEFAULT_SPINNER_PROPS } from './Spinner.constants';\nimport type { SpinnerProps } from './Spinner.types';\n\nconst Spinner = ({\n  color = DEFAULT_SPINNER_PROPS.color,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName = '',\n  ...props\n}: SpinnerProps) => {\n  const tw = useTailwind();\n\n  // Create a shared value for rotation\n  const rotation = useSharedValue(0);\n\n  // Start the animation when the component mounts\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n      -1, // Infinite repetitions\n      false, // Do not reverse the animation\n    );\n  }, []);\n\n  // Define the animated style\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${rotation.value % 360}deg` }],\n  }));\n\n  const finalSpinnerIconProps: IconProps = {\n    ...DEFAULT_SPINNER_PROPS.spinnerIconProps,\n    name: IconName.Loading,\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    ...DEFAULT_SPINNER_PROPS.loadingTextProps,\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      style={tw`flex-row gap-x-2 items-center ${twClassName}`}\n      testID=\"spinner\"\n      {...props}\n    >\n      <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n        <Icon {...finalSpinnerIconProps} />\n      </Animated.View>\n      {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n    </View>\n  );\n};\n\nexport default Spinner;\n"]}

package/dist/temp-components/Spinner/Spinner.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/temp-components/Spinner/Spinner.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.types.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { IconProps, IconColor } from '../../components/Icon';\nimport type { TextProps } from '../../components/Text/Text.types';\n\n/**\n * Spinner component props.\n */\nexport type SpinnerProps = {\n  /**\n   * Optional prop that sets the color of the spinner icon using predefined theme colors\n   * @default IconColor.IconDefault\n   */\n  color?: IconColor;\n  /**\n   * Optional props to be passed to the loadingText element\n   */\n  spinnerIconProps?: Partial<IconProps>;\n  /**\n   * Optional text to display on the right of the spinner, providing additional context or information about the loading state.\n   */\n  loadingText?: string;\n  /**\n   * Optional props to be passed to the loadingText element\n   */\n  loadingTextProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/temp-components/Spinner/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './Spinner';
-export type { SpinnerProps } from './Spinner.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/temp-components/Spinner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/temp-components/Spinner/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Spinner_1 = require("./Spinner");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Spinner_1).default; } });
-//# sourceMappingURL=index.js.map

package/dist/temp-components/Spinner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/index.ts"],"names":[],"mappings":";;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA","sourcesContent":["export { default } from './Spinner';\nexport type { SpinnerProps } from './Spinner.types';\n"]}