@ornikar/bumper 2.2.1-canary.431a0c996598cbee4e3c07f6b9886d37d2a76679.0 → 2.2.1-canary.d9333a410786c9c1a722ce408a27e7980c9146a4.0

package/src/components/toast/__snapshots__/Toast.stories.tsx.snap

@@ -1,146 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`bumper/Toast Toast 1`] = `
-<RNCSafeAreaProvider
-  onInsetsChange={[Function]}
-  style={
-    [
-      {
-        "flex": 1,
-      },
-      undefined,
-    ]
-  }
->
-  <RNCSafeAreaProvider
-    onInsetsChange={[Function]}
-    style={
-      [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      style={
-        {
-          "flexDirection": "column",
-          "paddingBottom": 12,
-          "paddingLeft": 4,
-          "paddingRight": 4,
-          "paddingTop": 4,
-        }
-      }
-    >
-      <Text
-        style={
-          {
-            "fontFamily": "GTStandardSemibold",
-            "fontSize": 38,
-            "letterSpacing": 0,
-            "lineHeight": 48,
-            "marginBottom": 4,
-          }
-        }
-        suppressHighlighting={true}
-      >
-        Demo
-      </Text>
-      <View
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-      >
-        <Text
-          style={
-            {
-              "fontFamily": "GTStandard",
-            }
-          }
-          suppressHighlighting={true}
-        >
-          Show Toast
-        </Text>
-      </View>
-      <View
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-      >
-        <Text
-          style={
-            {
-              "fontFamily": "GTStandard",
-            }
-          }
-          suppressHighlighting={true}
-        >
-          Show Toast 2
-        </Text>
-      </View>
-    </View>
-    <View
-      pointerEvents="box-none"
-      style={
-        {
-          "bottom": 0,
-          "left": 0,
-          "maxWidth": "100%",
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-          "zIndex": 9007199254740991,
-        }
-      }
-    >
-      <View
-        aria-label="Notifications (F8)"
-        pointerEvents="box-none"
-        role="region"
-        style={
-          {
-            "bottom": 0,
-            "flexDirection": "column",
-            "left": 0,
-            "maxWidth": "100%",
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-            "zIndex": 100000,
-          }
-        }
-        tabIndex={-1}
-      >
-        <View
-          focusable={false}
-          pointerEvents="box-none"
-          style={
-            {
-              "flexDirection": "column",
-              "left": 0,
-              "maxWidth": "100%",
-              "position": "absolute",
-              "right": 0,
-              "top": 0,
-            }
-          }
-        />
-      </View>
-    </View>
-  </RNCSafeAreaProvider>
-</RNCSafeAreaProvider>
-`;

package/src/components/toast/__snapshots_web__/Toast.stories.tsx.snap

@@ -1,81 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`bumper/Toast Toast 1`] = `
-<DocumentFragment>
-  <div
-    class="css-view-175oi2r r-flex-13awgt0"
-  >
-    <span
-      class=""
-      style="display: contents;"
-    >
-      <span
-        class=" "
-        style="display: contents;"
-      >
-        <span
-          class=" t_light is_Theme"
-          style="display: contents;"
-        >
-          <div
-            class="css-view-175oi2r r-flex-13awgt0"
-          >
-            <div
-              class="is_VStack _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _paddingTop-t-space-4 _paddingBottom-t-space-12 _paddingRight-t-space-4 _paddingLeft-t-space-4"
-            >
-              <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-t-space-4 _marginLeft-0px _fontFamily-f-family _fontSize-f-size-head100347201 _lineHeight-f-lineHeigh1544154440 _letterSpacing-f-letterSpa1195674547 _fontWeight-f-weight-se1074390495"
-                data-disable-theme="true"
-              >
-                Demo
-              </span>
-              <div
-                class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
-              >
-                <span
-                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
-                  data-disable-theme="true"
-                >
-                  Show Toast
-                </span>
-              </div>
-              <div
-                class="_display-flex _alignItems-stretch _flexDirection-column _flexBasis-auto _boxSizing-border-box _position-relative _minHeight-0px _minWidth-0px _flexShrink-0"
-              >
-                <span
-                  class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _display-inline _boxSizing-border-box _wordWrap-break-word _whiteSpace-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _fontFamily-f-family"
-                  data-disable-theme="true"
-                >
-                  Show Toast 2
-                </span>
-              </div>
-            </div>
-            <span
-              style="z-index: 9007199254740991; position: fixed; inset: 0; contain: strict; pointer-events: none;"
-            >
-              <div
-                aria-label="Notifications (F8)"
-                class="is_ViewportWrapper _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-fixed _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _pointerEvents-box-none _top-0px _bottom-0px _left-0px _right-0px _maxWidth-10037 _zIndex-100000"
-                role="region"
-                tabindex="-1"
-              >
-                <div
-                  class="is_ToastViewport _display-flex _alignItems-stretch _flexBasis-auto _boxSizing-border-box _position-fixed _minHeight-0px _minWidth-0px _flexShrink-0 _flexDirection-column _pointerEvents-box-none _maxWidth-10037 _top-0px _left-0px _right-0px"
-                  tabindex="-1"
-                >
-                  <div
-                    style="display: contents;"
-                  />
-                </div>
-              </div>
-            </span>
-            <div
-              style="display: contents;"
-            />
-          </div>
-        </span>
-      </span>
-    </span>
-  </div>
-</DocumentFragment>
-`;

package/src/components/toast/decorators/ToastProviderDecorator.tsx

@@ -1,23 +0,0 @@
-import { makeDecorator } from '@storybook/addons';
-import type { ReactNode } from 'react';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { ToastProvider } from '../ToastProvider';
-
-export const ToastStoryDecorator = makeDecorator({
-  name: 'ToastStoryDecorator',
-  parameterName: 'toast',
-  wrapper: (storyFn, context): ReactNode => {
-    const story = storyFn(context) as unknown as ReactNode;
-
-    return (
-      <SafeAreaProvider>
-        <ToastProvider
-          ToastComponent={context.parameters.toast.component || null}
-          position={context.parameters.toast?.position || 'top'}
-        >
-          {story}
-        </ToastProvider>
-      </SafeAreaProvider>
-    );
-  },
-});

package/src/components/toast/types.ts

@@ -1,9 +0,0 @@
-import type { CustomData } from '@tamagui/toast';
-
-export interface ToastOptions extends CustomData {
-  title: string;
-}
-
-export interface ToastProps extends ToastOptions {
-  hideToast: () => void;
-}

package/src/components/toast/useToast.tsx

@@ -1,35 +0,0 @@
-import { useCallback } from 'react';
-import { useToastStore } from './ToastStoreProvider';
-import type { ToastOptions } from './types';
-
-interface UseToastReturn {
-  toasts: ToastOptions[];
-  showToast: (options: ToastOptions) => void;
-  hideToast: (id: string) => void;
-}
-
-export function useToast(): UseToastReturn {
-  const { toasts, addToast, removeToast } = useToastStore();
-
-  const showToast = useCallback(
-    (options: ToastOptions): void => {
-      const { title, ...otherOptions } = options;
-      const id = `${JSON.stringify(options)}${Math.random()}`;
-      addToast({ id, title, ...otherOptions });
-    },
-    [addToast],
-  );
-
-  const hideToast = useCallback(
-    (id: string): void => {
-      removeToast(id);
-    },
-    [removeToast],
-  );
-
-  return {
-    toasts,
-    showToast,
-    hideToast,
-  };
-}