@storybook/react-native 6.5.5 → 6.5.6-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/index.d.ts +125 -18
  2. package/dist/index.js +1591 -41
  3. package/package.json +7 -8
  4. package/dist/constants.d.ts +0 -5
  5. package/dist/constants.js +0 -8
  6. package/dist/hooks.d.ts +0 -67
  7. package/dist/hooks.js +0 -168
  8. package/dist/preview/View.d.ts +0 -50
  9. package/dist/preview/View.js +0 -183
  10. package/dist/preview/components/OnDeviceUI/OnDeviceUI.d.ts +0 -12
  11. package/dist/preview/components/OnDeviceUI/OnDeviceUI.js +0 -163
  12. package/dist/preview/components/OnDeviceUI/Panel.d.ts +0 -9
  13. package/dist/preview/components/OnDeviceUI/Panel.js +0 -28
  14. package/dist/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.d.ts +0 -12
  15. package/dist/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.js +0 -31
  16. package/dist/preview/components/OnDeviceUI/addons/Addons.d.ts +0 -6
  17. package/dist/preview/components/OnDeviceUI/addons/Addons.js +0 -34
  18. package/dist/preview/components/OnDeviceUI/addons/AddonsSkeleton.d.ts +0 -14
  19. package/dist/preview/components/OnDeviceUI/addons/AddonsSkeleton.js +0 -78
  20. package/dist/preview/components/OnDeviceUI/addons/List.d.ts +0 -9
  21. package/dist/preview/components/OnDeviceUI/addons/List.js +0 -18
  22. package/dist/preview/components/OnDeviceUI/addons/Wrapper.d.ts +0 -8
  23. package/dist/preview/components/OnDeviceUI/addons/Wrapper.js +0 -31
  24. package/dist/preview/components/OnDeviceUI/addons/index.d.ts +0 -1
  25. package/dist/preview/components/OnDeviceUI/addons/index.js +0 -8
  26. package/dist/preview/components/OnDeviceUI/animation.d.ts +0 -61
  27. package/dist/preview/components/OnDeviceUI/animation.js +0 -116
  28. package/dist/preview/components/OnDeviceUI/index.d.ts +0 -1
  29. package/dist/preview/components/OnDeviceUI/index.js +0 -8
  30. package/dist/preview/components/OnDeviceUI/navigation/Navigation.d.ts +0 -9
  31. package/dist/preview/components/OnDeviceUI/navigation/Navigation.js +0 -54
  32. package/dist/preview/components/OnDeviceUI/navigation/NavigationBar.d.ts +0 -8
  33. package/dist/preview/components/OnDeviceUI/navigation/NavigationBar.js +0 -24
  34. package/dist/preview/components/OnDeviceUI/navigation/NavigationButton.d.ts +0 -2
  35. package/dist/preview/components/OnDeviceUI/navigation/NavigationButton.js +0 -23
  36. package/dist/preview/components/OnDeviceUI/navigation/constants.d.ts +0 -3
  37. package/dist/preview/components/OnDeviceUI/navigation/constants.js +0 -6
  38. package/dist/preview/components/OnDeviceUI/navigation/index.d.ts +0 -1
  39. package/dist/preview/components/OnDeviceUI/navigation/index.js +0 -8
  40. package/dist/preview/components/Shared/icons.d.ts +0 -53
  41. package/dist/preview/components/Shared/icons.js +0 -72
  42. package/dist/preview/components/Shared/layout.d.ts +0 -26
  43. package/dist/preview/components/Shared/layout.js +0 -24
  44. package/dist/preview/components/Shared/tabs.d.ts +0 -20
  45. package/dist/preview/components/Shared/tabs.js +0 -48
  46. package/dist/preview/components/StoryListView/StoryListView.d.ts +0 -7
  47. package/dist/preview/components/StoryListView/StoryListView.js +0 -201
  48. package/dist/preview/components/StoryListView/getNestedStories.d.ts +0 -10
  49. package/dist/preview/components/StoryListView/getNestedStories.js +0 -95
  50. package/dist/preview/components/StoryListView/getNestedStories.test.d.ts +0 -1
  51. package/dist/preview/components/StoryListView/getNestedStories.test.js +0 -237
  52. package/dist/preview/components/StoryListView/index.d.ts +0 -1
  53. package/dist/preview/components/StoryListView/index.js +0 -8
  54. package/dist/preview/components/StoryView/StoryView.d.ts +0 -3
  55. package/dist/preview/components/StoryView/StoryView.js +0 -47
  56. package/dist/preview/components/StoryView/index.d.ts +0 -1
  57. package/dist/preview/components/StoryView/index.js +0 -8
  58. package/dist/preview/executeLoadable.d.ts +0 -27
  59. package/dist/preview/executeLoadable.js +0 -95
  60. package/dist/preview/rn-host-detect.d.ts +0 -1
  61. package/dist/preview/rn-host-detect.js +0 -63
  62. package/dist/preview/start.d.ts +0 -16
  63. package/dist/preview/start.js +0 -124
  64. package/dist/types/types-6.0.d.ts +0 -72
  65. package/dist/types/types-6.0.js +0 -2
  66. package/dist/types/types.d.ts +0 -14
  67. package/dist/types/types.js +0 -2
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var OnDeviceUI_1 = require("./OnDeviceUI");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(OnDeviceUI_1).default; } });
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { ViewProps } from 'react-native';
3
- interface NavigationProps {
4
- tabOpen: number;
5
- onChangeTab: (index: number) => void;
6
- onLayout: ViewProps['onLayout'];
7
- }
8
- declare const _default: React.MemoExoticComponent<({ tabOpen, onChangeTab, onLayout }: NavigationProps) => import("react/jsx-runtime").JSX.Element>;
9
- export default _default;
@@ -1,54 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var jsx_runtime_1 = require("react/jsx-runtime");
7
- var react_1 = __importDefault(require("react"));
8
- var react_native_1 = require("react-native");
9
- var react_native_safe_area_context_1 = require("react-native-safe-area-context");
10
- var react_native_swipe_gestures_1 = __importDefault(require("react-native-swipe-gestures"));
11
- var hooks_1 = require("../../../../hooks");
12
- var NavigationBar_1 = require("./NavigationBar");
13
- var NavigationButton_1 = require("./NavigationButton");
14
- var SWIPE_CONFIG = {
15
- velocityThreshold: 0.2,
16
- directionalOffsetThreshold: 80,
17
- };
18
- var navStyle = {
19
- position: 'absolute',
20
- left: 0,
21
- right: 0,
22
- bottom: 0,
23
- };
24
- var Navigation = function (_a) {
25
- var tabOpen = _a.tabOpen, onChangeTab = _a.onChangeTab, onLayout = _a.onLayout;
26
- var insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
27
- var handleSwipeLeft = function () {
28
- if (tabOpen < 1) {
29
- onChangeTab(tabOpen + 1);
30
- }
31
- };
32
- var handleSwipeRight = function () {
33
- if (tabOpen > -1) {
34
- onChangeTab(tabOpen - 1);
35
- }
36
- };
37
- var isUIVisible = (0, hooks_1.useIsUIVisible)()[0];
38
- return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: navStyle, onLayout: onLayout, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { children: isUIVisible && ((0, jsx_runtime_1.jsx)(react_native_swipe_gestures_1.default, { onSwipeLeft: handleSwipeLeft, onSwipeRight: handleSwipeRight, config: SWIPE_CONFIG, children: (0, jsx_runtime_1.jsx)(NavigationBar_1.NavigationBar, { index: tabOpen, onPress: onChangeTab, style: { paddingBottom: insets.bottom } }) })) }), (0, jsx_runtime_1.jsxs)(NavigationShortcuts, { children: [(0, jsx_runtime_1.jsx)(NavigationButton_1.VisibilityButton, {}), (0, jsx_runtime_1.jsx)(NavigationButton_1.AddonsSplitButton, {})] })] }));
39
- };
40
- exports.default = react_1.default.memo(Navigation);
41
- function NavigationShortcuts(_a) {
42
- var children = _a.children;
43
- var insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
44
- return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
45
- zIndex: 100,
46
- alignSelf: 'center',
47
- justifyContent: 'center',
48
- alignItems: 'center',
49
- flexDirection: 'row-reverse',
50
- position: 'absolute',
51
- bottom: insets.bottom + 14,
52
- right: 8,
53
- }, children: children }));
54
- }
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { StyleProp, ViewStyle } from 'react-native';
3
- export interface NavigationBarProps {
4
- index: number;
5
- onPress: (id: number) => void;
6
- style?: StyleProp<ViewStyle>;
7
- }
8
- export declare const NavigationBar: React.MemoExoticComponent<({ index, onPress, style }: NavigationBarProps) => import("react/jsx-runtime").JSX.Element>;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.NavigationBar = void 0;
7
- var jsx_runtime_1 = require("react/jsx-runtime");
8
- var react_1 = __importDefault(require("react"));
9
- var native_1 = __importDefault(require("@emotion/native"));
10
- var constants_1 = require("./constants");
11
- var tabs_1 = require("../../Shared/tabs");
12
- var NavigationTabBar = (0, native_1.default)(tabs_1.TabBar)(function (_a) {
13
- var theme = _a.theme;
14
- return ({
15
- paddingHorizontal: theme.tokens.spacing2,
16
- backgroundColor: theme.navigation.backgroundColor,
17
- borderColor: theme.navigation.borderColor,
18
- borderTopWidth: theme.navigation.borderWidth,
19
- });
20
- });
21
- exports.NavigationBar = react_1.default.memo(function (_a) {
22
- var index = _a.index, onPress = _a.onPress, style = _a.style;
23
- return ((0, jsx_runtime_1.jsxs)(NavigationTabBar, { style: style, children: [(0, jsx_runtime_1.jsx)(tabs_1.TabButton, { onPress: onPress, testID: "BottomMenu.Sidebar", id: constants_1.SIDEBAR, active: index === constants_1.SIDEBAR, children: "SIDEBAR" }), (0, jsx_runtime_1.jsx)(tabs_1.TabButton, { onPress: onPress, testID: "BottomMenu.Canvas", id: constants_1.CANVAS, active: index === constants_1.CANVAS, children: "CANVAS" }), (0, jsx_runtime_1.jsx)(tabs_1.TabButton, { onPress: onPress, testID: "BottomMenu.Addons", id: constants_1.ADDONS, active: index === constants_1.ADDONS, children: "ADDONS" })] }));
24
- });
@@ -1,2 +0,0 @@
1
- export declare function VisibilityButton(): import("react/jsx-runtime").JSX.Element;
2
- export declare function AddonsSplitButton(): import("react/jsx-runtime").JSX.Element;
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AddonsSplitButton = exports.VisibilityButton = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var react_native_1 = require("react-native");
6
- var hooks_1 = require("../../../../hooks");
7
- var icons_1 = require("../../Shared/icons");
8
- var layout_1 = require("../../Shared/layout");
9
- var hitSlop = { top: 5, left: 5, right: 5, bottom: 5 };
10
- function NavigationButton(_a) {
11
- var iconName = _a.iconName, inverseIconName = _a.inverseIconName, active = _a.active, toggle = _a.toggle;
12
- return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPress: toggle, hitSlop: hitSlop, children: (0, jsx_runtime_1.jsx)(layout_1.Box, { marginHorizontal: 8, children: (0, jsx_runtime_1.jsx)(icons_1.BackgroundIcon, { flex: 1, name: inverseIconName, opacity: 0.8, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: iconName, opacity: active ? 0.6 : 0.25 }) }) }) }));
13
- }
14
- function VisibilityButton() {
15
- var _a = (0, hooks_1.useIsUIVisible)(), active = _a[0], toggle = _a[1];
16
- return ((0, jsx_runtime_1.jsx)(NavigationButton, { iconName: "layout-bottom", inverseIconName: "layout-bottom-inverse", active: active, toggle: function () { return toggle(); } }));
17
- }
18
- exports.VisibilityButton = VisibilityButton;
19
- function AddonsSplitButton() {
20
- var _a = (0, hooks_1.useIsSplitPanelVisible)(), active = _a[0], toggle = _a[1];
21
- return ((0, jsx_runtime_1.jsx)(NavigationButton, { iconName: "layout-split", inverseIconName: "layout-split-inverse", active: active, toggle: function () { return toggle(); } }));
22
- }
23
- exports.AddonsSplitButton = AddonsSplitButton;
@@ -1,3 +0,0 @@
1
- export declare const SIDEBAR = -1;
2
- export declare const CANVAS = 0;
3
- export declare const ADDONS = 1;
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ADDONS = exports.CANVAS = exports.SIDEBAR = void 0;
4
- exports.SIDEBAR = -1;
5
- exports.CANVAS = 0;
6
- exports.ADDONS = 1;
@@ -1 +0,0 @@
1
- export { default } from './Navigation';
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var Navigation_1 = require("./Navigation");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Navigation_1).default; } });
@@ -1,53 +0,0 @@
1
- import React from 'react';
2
- import { Image, ImageBackground, ImageBackgroundProps, ImageStyle } from 'react-native';
3
- declare const iconSources: {
4
- grid: {
5
- uri: string;
6
- };
7
- 'story-white': {
8
- uri: string;
9
- };
10
- 'story-blue': {
11
- uri: string;
12
- };
13
- search: {
14
- uri: string;
15
- };
16
- 'layout-bottom': {
17
- uri: string;
18
- };
19
- 'layout-bottom-inverse': {
20
- uri: string;
21
- };
22
- 'layout-split': {
23
- uri: string;
24
- };
25
- 'layout-split-inverse': {
26
- uri: string;
27
- };
28
- folder: {
29
- uri: string;
30
- };
31
- };
32
- export type IconName = keyof typeof iconSources;
33
- declare const StyledImage: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
34
- theme?: import("@emotion/react").Theme;
35
- as?: React.ElementType<any>;
36
- } & ImageStyle & ImageBackgroundProps, {}, {
37
- ref?: React.Ref<Image>;
38
- }>;
39
- declare const StyledImageBackground: import("@emotion/native").StyledComponent<ImageBackgroundProps & {
40
- theme?: import("@emotion/react").Theme;
41
- as?: React.ElementType<any>;
42
- } & ImageStyle, {}, {
43
- ref?: React.Ref<ImageBackground>;
44
- }>;
45
- interface IconProps extends Omit<React.ComponentProps<typeof StyledImage>, 'source'> {
46
- name: IconName;
47
- }
48
- export declare function Icon({ name, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
49
- interface BackgroungIconProps extends Omit<React.ComponentProps<typeof StyledImageBackground>, 'source'> {
50
- name: IconName;
51
- }
52
- export declare function BackgroundIcon({ name, ...props }: BackgroungIconProps): import("react/jsx-runtime").JSX.Element;
53
- export {};
@@ -1,72 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.BackgroundIcon = exports.Icon = void 0;
29
- var jsx_runtime_1 = require("react/jsx-runtime");
30
- var react_native_1 = require("react-native");
31
- var native_1 = __importDefault(require("@emotion/native"));
32
- var iconSources = {
33
- grid: {
34
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAALdQTFRFAAAAIJ//Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqj9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Haf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqb9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqf9Hqj9Hqf9Hmz01QAAAD10Uk5TAAAEGjNefYqLXDUFAjSY0e79/9KZAghmyMkBQbz6vUIBBnD1cQcOo6Sp76qBePTHVOoC+RQTX4mCDZsBMmX5zDcAAAHcSURBVHic7ZrrcoIwEIVX8W5VpAiUaq33GyJqrfby/s9VacsCDojUJNNx9vzCTLLfZJdkHM4ChJTJSrl8oVj6s4qFckWqZiBed7V6Q24qV6op36uVVgxC042rAQh60LUIhPnY7rBCuOo8dZ9PGb3+gCXC1WA4CjPGE9YIV9NxiNHmwVCUWYAy4rIPV1PMmNnnxVCUoVf9LvOa+xp0f89HqCDzhbWMle3NsuPnWIt5MF7757zogfOxcqLOEGrtzVufm6U5Kz9iR3eHNgYObNWXc4svhQDs1C0GNTbHgZp/l6hnt5ECApqKQZu1471b93O1S1h6OQR2fsbqGcg28JeTtDIFBBwM28iCJON7lZSsVBAN3zFZCpRkkbgwDQQWWJQcvOK2LLYQCwPnoYDPS7aQJQYuwJ4/ZA8l/pASQQhCEIIQhCAEIQhBghB7nSj839xMnmtHQriJIAS5IYiQw3g7dxdBCEIQghCEIAQhyH+ECPmMLsQQKOMzY2vjgIHLYkwaIXaTEOMM+FuAIMbMhJYIW1aIwczaKj9EWuVCTH++7Quml8Qev0aMnl+qtxkfxnu4cYXLXiYhhpg2H4AP1g1L7a55ygDGrVdGZOuVKwFNZN/KSp/XtsPVpOpJ0C+2naE/XA0rpwAAAABJRU5ErkJggg==',
35
- },
36
- 'story-white': {
37
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAGSgAwAEAAAAAQAAAGQAAAAA3IGzQgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KGV7hBwAACdlJREFUeAHtnW2oZVUZx73jjFNhGYMiKUkhCAYGDdj4FhKRYkIiIZkhhgRKBPahGL9I9CEsISxB7OVDbypaiUoDRmqKOjKNVmhgQiISilYqNJGN83b7/fZZz2nd4znnnnvPPmev46wHnrPWXq/P+v/Xs9ba+9y7zxFHVKkIVAQqAhWBikBFoCJQEWgfgaW2mlxeXt5AW0eih9pqcwHaET/1wNLS0nIx9kLGkWhr5BYzsAkNaXP8U4OoMcyOg9pO/AKCj6Pv9hKdun3aKFFibK9i3A7G/3uNdFJO6ylTAYYBGzDgEOFm7LkTvUjDDkP5Djh8tY1xT0tI4x0QcjvGfA49gMYeEmvqYB8xuyKMcQxe5+kRN7S9KGuoDPbRS/1/ubg2jLp5Wp4e+dG2eXn7kR5pR6WGtkPKDWCxiXB/SltzEI2uuWJ0TPgRKv8RlQiNdWM/nETwN6H/RE+GjH+DSX8ZXysQnozWK1F3a2pAMiJtvW0uYr2NyejjCE9N8XVPymkADNd1dlTpITA1FtMQEiQEMXF9OIdTYxHuNg2Ik+xDGuqGH+L1JPWifJdh2CpWM7e5DUJWAysGNLU7r9bRHPJjLDPrataExAD2MILfonEd4SQDy8tGPMLV6k9aLm8n6hi6pOvZ70DPT2Hkc9m+zJoQj8KeOF7kOHhJ++bPp0WOsS5VL6HvQxeakFhzfdblDVSc2X3UEnlEixSB38hEepNwC9rGAWjVgc7aQ8IAB7efwcHLsk9G424+8osMsTXsyg8kkTaTcC6sJ8tL94hhAIfNEQ4r02raPAlp1fC3a2OVkMKYrYRUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqodUQgpDoDBzqocURsi8Xhwws2GnN0RE+76Fct2v14tGugwXlhCIaF6jBwH7cgBJb7x+Ud4WkdtufCEJAfT+iyaJX8g4tqF6xkMQ8Rihr2z1PSVzeyWGfbYhC0cIQB+lVxAeDwB3oWfnQJB+N9eXU+Y/UTbPLz2+UJt6AEz4foDdjUqGnqEnqL5l6GL0ccock4iL17iSXL4sDCEAvDkBfDKwPoGehO5FfVOdnq76bi7TPozups6xqY4vel4IWQhCEhlvEn4IVPUMlyvfY+Wb3gbFNEk5BX2COidAinUXgpTiCQFI9wwB9YXNu1BfJubJahzAkiJhH0Al5YOpjeKXr6IJcVYDpBu4p6jHUV/yLxmTACthlj0Bdfk6JbU1jkiKdivFEgKA4RnnAtFO1Fk/KRmBqsTpKceiesppyVOKJaVIQhIZesb5APkw6ma9VjKo0ojgS8p70F20eXrJpBRHCIB50ycZ/vTFb1DFo+24ZSqOvE3hIR+SIqHvQnfS9jmJlHFtDmlm9knFEAJIviGzuQMn/CxDvycNX7DHvYTZ/DjyStwoEXzzbetR+vhEIr4oUoogRDIAyUcd+4lfQfwOVAmwe1crP31lqLNeMn6BPoYKtsvTKDHfOsoD9HVhaaR0TkgiwweFknEVQP1EtJDVyIhl7E7q6lHnoX9AXZ68Dxkl4Snm76DPzyRSJKtz6ZQQwLB/fzbpAPGvEP9+QsRHIM78YaJnSJbA/pi6l1KXYOm/XJ+B7kTjPoToUBF821B+Rf3PU98Jscm2esndfHZGCAO3b4E8SPxa4jeivmBZMjxVDZPIF9BbqHtlKuT+0zzdJe0c0h5AYyNPRd4SSHiQciv1v0hdva7TX5zrghDG3v/OQjK+AQjXo4Lt7B9HhmUE8kbA+xKhj9ld7g6helmz7BD/JFk7UL3IPcV2h0lOyo+o/2XboWCQMqresLa6TcN4BysgV6OKgPiLbbkIuPIXtCGfsAEt1f22mYh1o2yTMPBhnmUUyWt+oo74W8gjLW//l1ZAfPQyaFuTkT5y27+W2t9AXtMW4XvRV1LZQTvzds9KdRtsjM9NMG6thDRrM/WCmJvSAF27BweZsprAvMj/ugPk2iVqpHeT199/iP8cVby3ycFrErOPfFJcl/qJMR5DubcVIc8woP6sIf7DBMQkIAWI2xNIztyRZFhGoUzfewb6C3KTCSsC88ITv9lrqWlrC+kvp5KD9cM+sxfGQ/6aDe62NLDVyNBzYrDXJJA3krYqGVlfuaeER9rvIKjJpCbISbkp9auH/CMVGqwbNppdPCEx255OA7sjDWqSNT0Vbe5NnPFrIiMjJfeUSfcsQZY45buom/xLXiAzJaQ/g2IALYcxmzczkHtp+9Oopxg3y1HnffPDri9w6vkpdb0+SHzNpx7qCKB2eLOynbj3K+5FntjUsJFoX7RNIs3XO09Eo+9RdlOkQ2FgseGNO2VRrL/sGM+XIa8HJWal6Zc6PMJWbtZox72n8RbCa1FFT9CmUWJ+eLll8uUp6uRpUy9Zw2ZH2zTHjIq777ge7MebsjiyXsxsdnmT9FZ+q5z2nO2C6A3kt4j7ZEBbGu8jHCbmi5G2K6Ns7+W28DkPQsLM/loeCVmYk/EpALtHMgj3obFUZMXXF6UtSXEJk5TvEb86taRtAXpK6geSMM72fsE2IvMkZJS9+8jQMwTeR+L3BRmjKkyTnggOUn5AW1ek9gTdidGpdE2IjzVclgTiY4D1O8hovkefJSoZKXrhz+jLp8WKE6NTUrokRM/wAeAb6FkAszORMe77DIq2I4kUN3RJ8fsUT4BKp6R0RYhk6Bl70DMB5MkEzFzIoM9GJAX1ZCcpvybxvJTVGSldEBLL1GsMfhtAPJ08Q5I6kUSKS+X9GHAuGvdKc50gDn7ehDhAl6lX0I8CwLOJjLkPnP5XCLY0f91I+AgZZ6PeQGrrXCdKG4RMeiyNPeNvDNI/xXm+i2WKvkdKIsXlazeFzkRdUl1a50ZKG4RMcrOkBziw51A948VExtwGSr8TCbbFnvIUFbahLq3aPokXT4IFTY2WaQiJzl9NzespkZb3uJcLXf8Z1D3j713vGblxw+KJFPeUZ8k/HX0ZdQyOZVBizO47kqdMumr0SrfxCajN3Suh36a9jip7e0Hz6c3XG+n6T4RHN5b2Hoe0YcLM28BmSfB5y4noC6jimPLnV/5jkLIrlfXLsyBp5jau6ICOPR5q8GVoiMbmBnt/8c5Urim/opHCL7Dd5coxHof6RVtIPk4fQG5N5eJJdTcjw5Bm2SO8AP0zGvIvIjegjYGEC0dGIIrtQcrRxG9G96CKRDyI+g9CkjY1Gf8Dj4t7s6eI4kwAAAAASUVORK5CYII=',
38
- },
39
- 'story-blue': {
40
- uri: 'data:image/png;base64,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',
41
- },
42
- search: {
43
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABgWlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/baGLy88KFsjSuTEyJG2USamnNlOFme+2H2ubtfbe03Cq3K0rc+HXBX8Ctcq0UkZJbrokb1ut5t9Uke07PeT7ne87zdM5zwBpMKim9ZgBS6YwWmPI6F0KLTvsLVlqw00VrWNHVcb/fR1X7vMdixlu3Wav6uX+tYSWqK2CpEx5TVC0jPC3sW8+oJu8ItyuJ8IrwmXCfJhcUvjP1SIlfTY6X+NtkLRiYAGuzsDP+iyO/WEloKWF5Oa5UMquU72O+xBFNz89J7BbvRCfAFF6czDDJBMMMMirzMG489MuKKvkDxfxZ1iRXkVklh8YqcRJk6BM1K9WjEmOiR2UkyZn9/9tXPTbkKVV3eKH22TDee8C+DYW8YXwdGUbhGGxPcJmu5K8dwsiH6PmK5jqApk04v6pokV242IKORzWshYuSTdwai8HbKTSGoO0G6pdKPSvvc/IAwQ35qmvY24deOd+0/AMfDGfFB6WkFAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAqNJREFUWIXF2DmIFFEQBuBvVh3FC0EFdT3QaDORTUTFI9hQPAIRQxE0ETXwQBADD7zAaBEDTQxlIxExE4VFjTzYxQNFERUTr/VCvII3Q78Ze2Z6drvZH5ppmqq//q73XnXVlGRHFzZgJeZiDibjLd7gMa7gOr62wdsWStiEAfzNeH3HhYroXNGNu02CPsN9vMOfBjZHUc5DzBb8qAtwG7uxMMW+jB704kOd3w3MGImYg3WEQ9jehn8nrtVxPMeC4YjZ4v+3S8tIFmzD54jrnnAIMqNbWPcqwRFhU48EC/A04uzLyllSu4Fv5CCmimX4HXGvzeK0Se2eGe4yNcLpiH8QY1s5xHVmR85iYEJFSDXG5mbGXZHhnQLEVLEqinO5meGByHBPgYJKeF2J80XIWirimrGoQEFwLoq1PM2gQyhkhMr8vGBBg9H9nFaC3hYshtAVVNGZZtAhqZ5DhcupjTE+zaBDkplZhcthdnQ/kGbQIUnjTDm1Ck0QL9ODRoKeVO5LQjdYJFZXfj/hVSOjjZKj2FugmGn4WYlzq5nhJMlX/oMGxzEHHJa8+MlWxhcj46sFiFkiyc57TG/lME9tL7Q1RzFlYQNXuXdmdTweOX3C/JwEHYt4BzAuq2MZNyPnx1g6AiFlYer4FXH2tEsyEy8igl84of36tFgYkepHo2F1EwvxsI7oIVZk8J2KQ5INnHbta0bQqG+egktYV/f8lTAuDwoVfkj4HHRijVD44mw+ErLShbPR8/041UxYI7HrK6RZx+jq9RG71G7gvdrIVDOMFea1PuFPhEYiPqMfZ4S9mIaWotoddSYK81unUNHHC0f5AV5WgrTCXrXLNazlyxu5LV+eSBU1ZhQF9eObpFj2CIdh1BFn6s1oZqiKfqHtWYLz/wAUO/neFu9thgAAAABJRU5ErkJggg==',
44
- },
45
- 'layout-bottom': {
46
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEzSURBVHgB7ZjhDYIwEIWfTsAIjOAIHYGNZANwAnQi3KBu4AhYIiYNNHCF0ivxvuR+mHjNe70eyR0gCIKQOspEZUKb6CJFa6IxkWMD2SC8Y45q0OItvgXALd6uiJeJFG7eVQkSuSNZ49sL3qVcSQF3zylKcoOp+FjCbTJMTdSUxPHbL8CHwvQyFxmXjZMMC3pOjqSO8J+YzOo54+CIAW7EADdigBsxwI0Y4EYMcLPWwNXEG+HGxf4s8si4xNI8sOe8XK7Q450Q8uZdlfDS85c9cMN+PBAAypvrtwOhm7jcoGc2gWOlYuPdA6/R7wv4GK90niDQPw/bsUY6i62GkqgwLVt/UKwFVzZo0A4dOfWQGvt969cGaa1o38Kh1+s/EylUosbGHsxN3BG3InoQriAIgpA0H3BBw2jFymiHAAAAAElFTkSuQmCC',
47
- },
48
- 'layout-bottom-inverse': {
49
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFgSURBVHgB7ZjhcYMwDIXlTEA2YISOYDbIRmSD0AloJ+kIyQbuBskGqnz4R+OYw7jYchN9dzouwYIn2+LgAQiCIFQNImqKE4XBcpwpRooWUqHkxgnnxmpo5nSqOfF0+KJ4gzq4UHRKqZt/YjeT0EM94i1WSx81kma/DSyjwakXGigA3eeA4Z7TMcljQHwR4Z6OJlDEEJN49pIOwIRb9bvJ9MeoQBLeDSCACbfy19//+XqqLsCypGcH/xwpgBspgBspgBspgBspgBspgJukAugFsae44nbYa51gC/wrB87ndCqOa/Ws/h6ws0WHXJ+YN7rdHlboeckeeId8fMJfWdpzbsyA2zfxMUXPYg8Q+5AjVoqUHvj2frM5dPho6VxikgZv1QzWY2yNMYk6sEcNFjK4nHCNYWuxjb3IgPURtBWf0153AzvI+8yPxWrokp+EONntH/ho+ubE4LSNNQiCIFTND53ElQfvR3pDAAAAAElFTkSuQmCC',
50
- },
51
- 'layout-split': {
52
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADxSURBVHgB7ZjhCcIwFITP4gAdISM4QkZwI0doNqgb1Q3iJjU/Imga5YVK3yveB/ejkJa7vgTCAYQQYh2fNCTFpHkjTUljksMK+mx8VtaQvTSbnwBom3+dSFMIC3++NgkRDlA3+0m+NNtVAlxgl7NkkaW9XyqWZg+VADNs8+a5w85hAG0YQBsG0IYBtNl9gKNgzQG6fL3acAtpwwDaMIA2DKDNXwRorvW2pBbgXjyfoEfZA90gIGDZxWhMoceyER8lL3rUCyVRK/YD+uwhVnw46UcC7LVyAQ3svl5/hrAwiYCVZ9AlXbHtRGI27kEIIaZ5ALildIGPrcQbAAAAAElFTkSuQmCC',
53
- },
54
- 'layout-split-inverse': {
55
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEaSURBVHgB7ZntDYJADIaLcQBGYARHgAl0I0YQJ8BNdAPZ4BzBDWov8ENrkYuJtJA+SUO4D/K+1yaQAuA4jmMaRCwpjhQB5+NG0VIU8Cu0OR+EaxM15GM6szHxdLlQ7MAGHUWVZdmDT2xGNtRgR3wkaqmliY8MYF93AWwSs3B9HZAyUINdDnxAMmCpdDh7PiCVEIJhqITeNG9g4bgBbdyANm5AGzegzeINbKcW8Ff33Ex92ngJaeMGtHED2rgBbdZv4FtbzwKSgTu7V2uz0OHxPlCXsqlhzdWgkQXsm8uBaWlTNpZChzgIp/EXBuElyu38IvUhDdqjkbSus70+LKwoTqBP1CCKT4KyUVCcsf/tMxcB+zIuwXEcxzRPpfGo9y3IYogAAAAASUVORK5CYII=',
56
- },
57
- folder: {
58
- uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHTSURBVGiB7Zk7LwRRGIbf7wwRRIJGlDSEpdmI6Fw6lRWZXiJ0lkZUsn8A2dD5B0MhkS1UepGIXZu4hsKlJASxyZyjoJAx4uzutztjc57yXN58T+Z8M5kZoEKg2R4nSpL6IdCQ72YlhQLh3LLc/dUj+7YUBepC8ciWYshxidSy+1a/tHYx+s6QlzeCKcdSihZEzWtqfsCpZcrMCy6RTwgj8knsBCHDKwIEJsPVI36cKOCGK4ygnkHYbcpkNxJISO98lc+eR4Au9eJVG4DmXyY7CejUrvRPCFCIPUQifTjG1I9ZnyuynTyeiOlEx3udDkixB6CVo1RdXCHb19P21fexonokmbZPIeQQgPuiKssTS1K3d6zoZg9Choh+tATLXSuZtk8tSwyC1B1HXiH4NXtBrByNn8V7nWFIMcmVCVJzAGp0lrKJAF/HDFjkyotHtmagKcL/QAwIIxI2jEjYMCJhw4iEDSMSNoxI2DAiYcOIhI2KEfF71W2c7XGiZa/EDwVLd6mfyCApccBYTlmomKNlRAJFymvv0P8TIRzediHjHRYAMgBK9Y+EkxygUpBybHPTdr2TBADT0Z06K/ek9UUvKFpk9Usia+eCrsNgMBgMBkM5+ADkCHptw04GlAAAAABJRU5ErkJggg==',
59
- },
60
- };
61
- var StyledImage = (0, native_1.default)(react_native_1.Image)();
62
- var StyledImageBackground = (0, native_1.default)(react_native_1.ImageBackground)();
63
- function Icon(_a) {
64
- var name = _a.name, props = __rest(_a, ["name"]);
65
- return ((0, jsx_runtime_1.jsx)(StyledImage, __assign({ source: __assign(__assign({}, iconSources[name]), { width: 16, height: 16 }) }, props)));
66
- }
67
- exports.Icon = Icon;
68
- function BackgroundIcon(_a) {
69
- var name = _a.name, props = __rest(_a, ["name"]);
70
- return ((0, jsx_runtime_1.jsx)(StyledImageBackground, __assign({ source: __assign(__assign({}, iconSources[name]), { width: 16, height: 16 }) }, props)));
71
- }
72
- exports.BackgroundIcon = BackgroundIcon;
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- import { ViewProps, ViewStyle } from 'react-native';
3
- interface BoxProps extends ViewProps, Omit<ViewStyle, 'flex'> {
4
- /**
5
- * Flex value, can be `true` to mean the commonly used `flex={1}`.
6
- */
7
- flex?: boolean | number;
8
- }
9
- /**
10
- * A general (flex)box layout component that accepts props for flexbox layout
11
- * styles, such as `flex`, `alignItems`, `marginVertical`, etc.
12
- *
13
- * @example
14
- * ```tsx
15
- * <Box flex flexDirection='row' alignItems='center' marginVertical={42}>
16
- * <MyContent />
17
- * </Box>
18
- * ```
19
- */
20
- export declare const Box: import("@emotion/native").StyledComponent<ViewProps & {
21
- theme?: import("@emotion/react").Theme;
22
- as?: import("react").ElementType<any>;
23
- } & BoxProps, {}, {
24
- ref?: import("react").Ref<import("react-native").View>;
25
- }>;
26
- export {};
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Box = void 0;
7
- var native_1 = __importDefault(require("@emotion/native"));
8
- /**
9
- * A general (flex)box layout component that accepts props for flexbox layout
10
- * styles, such as `flex`, `alignItems`, `marginVertical`, etc.
11
- *
12
- * @example
13
- * ```tsx
14
- * <Box flex flexDirection='row' alignItems='center' marginVertical={42}>
15
- * <MyContent />
16
- * </Box>
17
- * ```
18
- */
19
- exports.Box = native_1.default.View(function (_a) {
20
- var flex = _a.flex;
21
- return ({
22
- flex: flex === true ? 1 : flex === false ? 0 : flex,
23
- });
24
- });
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { StyleProp, ViewStyle } from 'react-native';
3
- interface TabButtonProps {
4
- id: number | string;
5
- active: boolean;
6
- onPress: (id: number | string) => void;
7
- testID?: string;
8
- children: React.ReactNode;
9
- }
10
- export declare const TabButton: React.MemoExoticComponent<({ onPress, id, active, children, testID }: TabButtonProps) => import("react/jsx-runtime").JSX.Element>;
11
- interface TabBarProps {
12
- /**
13
- * Should the tab bar contents scroll horizontally?
14
- */
15
- scrollable?: boolean;
16
- style?: StyleProp<ViewStyle>;
17
- children: React.ReactNode;
18
- }
19
- export declare const TabBar: React.MemoExoticComponent<({ scrollable, style, children }: TabBarProps) => import("react/jsx-runtime").JSX.Element>;
20
- export {};
@@ -1,48 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TabBar = exports.TabButton = void 0;
7
- var jsx_runtime_1 = require("react/jsx-runtime");
8
- var react_1 = __importDefault(require("react"));
9
- var react_native_1 = require("react-native");
10
- var native_1 = __importDefault(require("@emotion/native"));
11
- var hooks_1 = require("../../../hooks");
12
- var TabButtonText = native_1.default.Text(function (_a) {
13
- var theme = _a.theme, active = _a.active;
14
- return ({
15
- color: active ? theme.tabs.activeTextColor : theme.tabs.inactiveTextColor,
16
- paddingVertical: theme.tabs.paddingVertical,
17
- paddingHorizontal: theme.tabs.paddingHorizontal,
18
- fontSize: theme.tabs.fontSize,
19
- fontWeight: theme.tabs.fontWeight,
20
- });
21
- });
22
- var hitSlop = { top: 8, left: 0, right: 0, bottom: 20 };
23
- var TabButtonTouchable = native_1.default.TouchableOpacity(function (_a) {
24
- var theme = _a.theme, active = _a.active;
25
- return ({
26
- borderWidth: theme.tabs.borderWidth,
27
- borderColor: active ? theme.tabs.activeBorderColor : theme.tabs.inactiveBorderColor,
28
- borderRadius: theme.tabs.borderRadius,
29
- backgroundColor: active ? theme.tabs.activeBackgroundColor : theme.tabs.inactiveBackgroundColor,
30
- });
31
- });
32
- exports.TabButton = react_1.default.memo(function (_a) {
33
- var onPress = _a.onPress, id = _a.id, active = _a.active, children = _a.children, testID = _a.testID;
34
- return ((0, jsx_runtime_1.jsx)(TabButtonTouchable, { active: active, testID: testID, onPress: function () { return onPress(id); }, activeOpacity: 0.8, hitSlop: hitSlop, children: (0, jsx_runtime_1.jsx)(TabButtonText, { active: active, children: children }) }));
35
- });
36
- exports.TabBar = react_1.default.memo(function (_a) {
37
- var _b = _a.scrollable, scrollable = _b === void 0 ? false : _b, style = _a.style, children = _a.children;
38
- var theme = (0, hooks_1.useTheme)();
39
- if (scrollable) {
40
- children = ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { showsHorizontalScrollIndicator: false, horizontal: true, contentContainerStyle: { paddingHorizontal: theme.tokens.spacing2 }, children: children }));
41
- }
42
- return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: (0, jsx_runtime_1.jsx)(TabBarContainer, { children: children }) }));
43
- });
44
- var TabBarContainer = native_1.default.View(function () { return ({
45
- flexDirection: 'row',
46
- paddingVertical: 6,
47
- justifyItems: 'center',
48
- }); });
@@ -1,7 +0,0 @@
1
- import { StoryIndex } from '@storybook/client-api';
2
- import React from 'react';
3
- interface Props {
4
- storyIndex: StoryIndex;
5
- }
6
- declare const _default: React.MemoExoticComponent<({ storyIndex }: Props) => import("react/jsx-runtime").JSX.Element>;
7
- export default _default;