@mapples/components 1.6.0-beta.20260929074057 → 1.6.0-beta.20260929132300
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.
- package/CHANGELOG.md +8 -1
- package/dist/components/navigation/BottomNavigationBar/NavItem.d.ts +26 -3
- package/dist/components/navigation/BottomNavigationBar/NavItem.d.ts.map +1 -1
- package/dist/components/navigation/BottomNavigationBar/NavItem.js +13 -19
- package/dist/components/navigation/BottomNavigationBar/NavItem.js.map +1 -1
- package/dist/components/navigation/DrawerItems/defaults.d.ts +22 -0
- package/dist/components/navigation/DrawerItems/defaults.d.ts.map +1 -0
- package/dist/components/navigation/DrawerItems/defaults.js +23 -0
- package/dist/components/navigation/DrawerItems/defaults.js.map +1 -0
- package/dist/components/navigation/DrawerItems/index.d.ts +56 -0
- package/dist/components/navigation/DrawerItems/index.d.ts.map +1 -0
- package/dist/components/navigation/DrawerItems/index.js +81 -0
- package/dist/components/navigation/DrawerItems/index.js.map +1 -0
- package/dist/components/navigation/DrawerItems/schematic.d.ts +4 -0
- package/dist/components/navigation/DrawerItems/schematic.d.ts.map +1 -0
- package/dist/components/navigation/DrawerItems/schematic.js +7 -0
- package/dist/components/navigation/DrawerItems/schematic.js.map +1 -0
- package/dist/components/navigation/DrawerItems/types.d.ts +8 -0
- package/dist/components/navigation/DrawerItems/types.d.ts.map +1 -0
- package/dist/components/navigation/DrawerItems/types.js +10 -0
- package/dist/components/navigation/DrawerItems/types.js.map +1 -0
- package/dist/components/navigation/TabBarItems/defaults.d.ts +9 -0
- package/dist/components/navigation/TabBarItems/defaults.d.ts.map +1 -0
- package/dist/components/navigation/TabBarItems/defaults.js +10 -0
- package/dist/components/navigation/TabBarItems/defaults.js.map +1 -0
- package/dist/components/navigation/TabBarItems/index.d.ts +61 -0
- package/dist/components/navigation/TabBarItems/index.d.ts.map +1 -0
- package/dist/components/navigation/TabBarItems/index.js +71 -0
- package/dist/components/navigation/TabBarItems/index.js.map +1 -0
- package/dist/components/navigation/TabBarItems/schematic.d.ts +4 -0
- package/dist/components/navigation/TabBarItems/schematic.d.ts.map +1 -0
- package/dist/components/navigation/TabBarItems/schematic.js +7 -0
- package/dist/components/navigation/TabBarItems/schematic.js.map +1 -0
- package/dist/components/navigation/TabBarItems/types.d.ts +11 -0
- package/dist/components/navigation/TabBarItems/types.d.ts.map +1 -0
- package/dist/components/navigation/TabBarItems/types.js +13 -0
- package/dist/components/navigation/TabBarItems/types.js.map +1 -0
- package/dist/components/navigation/index.d.ts +8 -0
- package/dist/components/navigation/index.d.ts.map +1 -1
- package/dist/components/navigation/index.js +8 -0
- package/dist/components/navigation/index.js.map +1 -1
- package/dist/components/navigation/schematics.d.ts.map +1 -1
- package/dist/components/navigation/schematics.js +4 -0
- package/dist/components/navigation/schematics.js.map +1 -1
- package/dist/internal/ChromeNotice.d.ts +17 -0
- package/dist/internal/ChromeNotice.d.ts.map +1 -0
- package/dist/internal/ChromeNotice.js +33 -0
- package/dist/internal/ChromeNotice.js.map +1 -0
- package/dist/internal/index.d.ts +2 -0
- package/dist/internal/index.d.ts.map +1 -1
- package/dist/internal/index.js +2 -0
- package/dist/internal/index.js.map +1 -1
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
# @mapples/components
|
|
2
2
|
|
|
3
|
-
## 1.6.0-beta.
|
|
3
|
+
## 1.6.0-beta.20260929132300
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
|
+
- 7339399: Designed navigator chrome. A tabs navigator's `TabBarOptions.componentUuid` and a drawer's `DrawerOptions.componentUuid` name a saved component that renders the bar or the drawer content, and `TabBarOptions.native` asks the exported app for expo-router's `NativeTabs`. `@mapples/render` carries the contract (`NavigatorChromeContext`, `useNavigatorChrome`): the navigator's routes as items with a label, an active flag and an icon renderer, plus `select`, `close` and the safe-area insets. Two new `@mapples/components` elements read it — `TabBarItems` (one tab per route, pill, labels, badges' tones) and `DrawerItems` (one row per route) — and show a notice when the component is not a navigator's design yet; `@mapples/components` now peers on `@mapples/render`. `@mapples/navigation` mounts a design through `TabBarHost` / `DrawerContentHost` (React Navigation's `tabBar` / `drawerContent`, reading only their props so an exported app uses them as-is) when `MapplesNavigation` is given the `chrome` map, and keeps `visible: false` working for a custom bar. The Creator canvas draws a designed tab bar on every screen frame with its measured height as the bottom inset, a platform-styled placeholder for a native bar, frames a chrome master on the components surface at the chrome's shape with the navigator's routes flowing in, and labels storyboard sections with their design. `create_navigator_chrome` creates and assigns a starter design; `set_navigator_options` accepts the new fields.
|
|
7
8
|
- a6c5872: All `@mapples/*` runtime packages now share one version and are versioned and published together from `mapplesorg/mapples-kit`; `mapples-open-kit` is a read-only mirror of the source.
|
|
8
9
|
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies [7339399]
|
|
13
|
+
- Updated dependencies [a6c5872]
|
|
14
|
+
- @mapples/render@1.6.0-beta.20260929132300
|
|
15
|
+
|
|
9
16
|
## 1.2.1
|
|
10
17
|
|
|
11
18
|
### Patch Changes
|
|
@@ -1,7 +1,26 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { StyledProp } from '@mapples/style';
|
|
3
3
|
import { TextStyle, ViewStyle } from 'react-native';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* What an item draws. `BottomNavigationBar` passes its destinations (glyph
|
|
6
|
+
* names); `TabBarItems` passes a navigator's routes, whose icon arrives as a
|
|
7
|
+
* renderer instead.
|
|
8
|
+
*/
|
|
9
|
+
export interface NavItemData {
|
|
10
|
+
label: string;
|
|
11
|
+
value: string;
|
|
12
|
+
/** Glyph from the project icon family. */
|
|
13
|
+
iconName?: string;
|
|
14
|
+
/** Glyph while active; defaults to `iconName`. */
|
|
15
|
+
activeIconName?: string;
|
|
16
|
+
/** Count pinned to the glyph; hidden at 0. */
|
|
17
|
+
badgeCount?: number;
|
|
18
|
+
/** Draws the icon at the colour/size asked for — used instead of the glyph names. */
|
|
19
|
+
renderIcon?: (props: {
|
|
20
|
+
color?: string;
|
|
21
|
+
size?: number;
|
|
22
|
+
}) => ReactNode;
|
|
23
|
+
}
|
|
5
24
|
/** Resolved colours an item paints with. */
|
|
6
25
|
export interface NavItemColors {
|
|
7
26
|
/** Active glyph and label. */
|
|
@@ -31,9 +50,13 @@ export interface NavItemSlots {
|
|
|
31
50
|
styleBadge?: StyledProp<ViewStyle>;
|
|
32
51
|
}
|
|
33
52
|
export interface NavItemProps {
|
|
34
|
-
item:
|
|
53
|
+
item: NavItemData;
|
|
35
54
|
active: boolean;
|
|
36
55
|
showLabel: boolean;
|
|
56
|
+
/** Whether the active pill is drawn. Defaults to `true`. */
|
|
57
|
+
showIndicator?: boolean;
|
|
58
|
+
/** Glyph size. Defaults to 24. */
|
|
59
|
+
iconSize?: number;
|
|
37
60
|
colors: NavItemColors;
|
|
38
61
|
slots: NavItemSlots;
|
|
39
62
|
onPress: (value: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAEL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9D;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CACtE;AAED,4CAA4C;AAC5C,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wCAAwC;AACxC,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACzC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAID;;;GAGG;AACH,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4H7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -9,7 +9,7 @@ const BADGE_MAX = 99;
|
|
|
9
9
|
* One destination of a `BottomNavigationBar`: the glyph over a pill that
|
|
10
10
|
* fades in while active, the label, and a count badge.
|
|
11
11
|
*/
|
|
12
|
-
const NavItem = ({ item, active, showLabel, colors, slots, onPress, }) => {
|
|
12
|
+
const NavItem = ({ item, active, showLabel, showIndicator = true, iconSize = BOTTOM_NAVIGATION_ICON_SIZE, colors, slots, onPress, }) => {
|
|
13
13
|
const progress = useTimingValue(active ? 1 : 0, {
|
|
14
14
|
duration: DURATION.fast,
|
|
15
15
|
});
|
|
@@ -38,27 +38,21 @@ const NavItem = ({ item, active, showLabel, colors, slots, onPress, }) => {
|
|
|
38
38
|
},
|
|
39
39
|
],
|
|
40
40
|
}}>
|
|
41
|
-
<Animated.View pointerEvents="none" style={[
|
|
42
|
-
|
|
43
|
-
{
|
|
44
|
-
borderRadius: RADII.pill,
|
|
45
|
-
backgroundColor: colors.indicator,
|
|
46
|
-
},
|
|
47
|
-
resolved.indicator,
|
|
48
|
-
{ opacity: progress },
|
|
49
|
-
]}/>
|
|
50
|
-
<StyledView styled={{
|
|
51
|
-
style: [
|
|
52
|
-
defaults.icon,
|
|
41
|
+
{showIndicator ? (<Animated.View pointerEvents="none" style={[
|
|
42
|
+
defaults.indicator,
|
|
53
43
|
{
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
borderRadius: RADII.pill,
|
|
45
|
+
backgroundColor: colors.indicator,
|
|
56
46
|
},
|
|
57
|
-
|
|
47
|
+
resolved.indicator,
|
|
48
|
+
{ opacity: progress },
|
|
49
|
+
]}/>) : null}
|
|
50
|
+
<StyledView styled={{
|
|
51
|
+
style: [defaults.icon, { width: iconSize, height: iconSize }],
|
|
58
52
|
}}>
|
|
59
|
-
<Icon iconName={active && item.activeIconName
|
|
60
|
-
|
|
61
|
-
|
|
53
|
+
{item.renderIcon ? (item.renderIcon({ color: glyphColor, size: iconSize })) : item.iconName ? (<Icon iconName={active && item.activeIconName
|
|
54
|
+
? item.activeIconName
|
|
55
|
+
: item.iconName} size={iconSize} color={glyphColor}/>) : null}
|
|
62
56
|
{badge !== null ? (<StyledView pointerEvents="none" styled={{
|
|
63
57
|
style: [
|
|
64
58
|
defaults.badge,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EAEf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAwB,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,
|
|
1
|
+
{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/navigation/BottomNavigationBar/NavItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/** Runtime defaults — author slots merge over these. */
|
|
2
|
+
export declare const defaults: {
|
|
3
|
+
root: {
|
|
4
|
+
alignSelf: "stretch";
|
|
5
|
+
paddingHorizontal: number;
|
|
6
|
+
gap: number;
|
|
7
|
+
};
|
|
8
|
+
row: {
|
|
9
|
+
flexDirection: "row";
|
|
10
|
+
alignItems: "center";
|
|
11
|
+
gap: number;
|
|
12
|
+
paddingHorizontal: number;
|
|
13
|
+
};
|
|
14
|
+
icon: {
|
|
15
|
+
alignItems: "center";
|
|
16
|
+
justifyContent: "center";
|
|
17
|
+
};
|
|
18
|
+
label: {
|
|
19
|
+
flex: number;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Styler } from '@mapples/style';
|
|
2
|
+
/** Runtime defaults — author slots merge over these. */
|
|
3
|
+
export const defaults = Styler.create({
|
|
4
|
+
root: {
|
|
5
|
+
alignSelf: 'stretch',
|
|
6
|
+
paddingHorizontal: 8,
|
|
7
|
+
gap: 2,
|
|
8
|
+
},
|
|
9
|
+
row: {
|
|
10
|
+
flexDirection: 'row',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
gap: 12,
|
|
13
|
+
paddingHorizontal: 12,
|
|
14
|
+
},
|
|
15
|
+
icon: {
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
justifyContent: 'center',
|
|
18
|
+
},
|
|
19
|
+
label: {
|
|
20
|
+
flex: 1,
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,iBAAiB,EAAE,CAAC;QACpB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,iBAAiB,EAAE,EAAE;KACtB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { StyledProp } from '@mapples/style';
|
|
2
|
+
import { Tone } from '@mapples/ui';
|
|
3
|
+
import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
|
|
4
|
+
import { DrawerItemsDensity } from './types';
|
|
5
|
+
/** Props for {@link DrawerItems}. */
|
|
6
|
+
export interface DrawerItemsProps extends Omit<ViewProps, 'children'> {
|
|
7
|
+
/** Whether route icons are drawn. Defaults to `true`. */
|
|
8
|
+
showIcons?: boolean;
|
|
9
|
+
/** Row height. Defaults to `comfortable`. */
|
|
10
|
+
density?: DrawerItemsDensity;
|
|
11
|
+
/** Colour role of the active row. Defaults to `primary`. */
|
|
12
|
+
tone?: Tone;
|
|
13
|
+
/** Styled slots for every visual part. */
|
|
14
|
+
styled?: {
|
|
15
|
+
/** The list. */
|
|
16
|
+
style?: StyledProp<ViewStyle>;
|
|
17
|
+
/** Each row. */
|
|
18
|
+
styleRow?: StyledProp<ViewStyle>;
|
|
19
|
+
/** The active row. */
|
|
20
|
+
styleRowActive?: StyledProp<ViewStyle>;
|
|
21
|
+
/** Inactive icons (`color`). */
|
|
22
|
+
styleIcon?: StyledProp<ViewStyle & {
|
|
23
|
+
color?: string;
|
|
24
|
+
}>;
|
|
25
|
+
/** The active icon (`color`). */
|
|
26
|
+
styleIconActive?: StyledProp<ViewStyle & {
|
|
27
|
+
color?: string;
|
|
28
|
+
}>;
|
|
29
|
+
/** Inactive labels. */
|
|
30
|
+
styleLabel?: StyledProp<TextStyle>;
|
|
31
|
+
/** The active label. */
|
|
32
|
+
styleLabelActive?: StyledProp<TextStyle>;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* The routes of the drawer whose custom content this element sits in: one
|
|
37
|
+
* row per route, pressing one navigates there and closes the drawer. It only
|
|
38
|
+
* knows its routes through the navigator-chrome context a host provides —
|
|
39
|
+
* inside a saved component chosen as a drawer navigator's design, at runtime
|
|
40
|
+
* and on the canvas alike. Anywhere else it shows a notice saying so.
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* ```tsx
|
|
44
|
+
* <View style={{ flex: 1 }}>
|
|
45
|
+
* <DrawerHeader />
|
|
46
|
+
* <DrawerItems density="comfortable" />
|
|
47
|
+
* </View>
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* @public
|
|
51
|
+
*/
|
|
52
|
+
declare const DrawerItems: import("react").ForwardRefExoticComponent<DrawerItemsProps & {
|
|
53
|
+
children?: import("react").ReactNode | undefined;
|
|
54
|
+
} & import("react").RefAttributes<View>>;
|
|
55
|
+
export default DrawerItems;
|
|
56
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAiB,IAAI,EAA8B,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKrE,OAAO,EAGL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,gBAAgB;QAChB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,sBAAsB;QACtB,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,gCAAgC;QAChC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,iCAAiC;QACjC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC7D,uBAAuB;QACvB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC1C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW;;wCAqGhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { useOptionalNavigatorChrome } from '@mapples/render';
|
|
3
|
+
import { StyledPressable, StyledView, Typography, } from '@mapples/style';
|
|
4
|
+
import { RADII, Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
|
|
5
|
+
import { ChromeNotice, useSlotColor } from '../../../internal';
|
|
6
|
+
import { defaults } from './defaults';
|
|
7
|
+
import { DRAWER_ITEMS_ICON_SIZE, DRAWER_ITEMS_ROW_HEIGHT, } from './types';
|
|
8
|
+
/**
|
|
9
|
+
* The routes of the drawer whose custom content this element sits in: one
|
|
10
|
+
* row per route, pressing one navigates there and closes the drawer. It only
|
|
11
|
+
* knows its routes through the navigator-chrome context a host provides —
|
|
12
|
+
* inside a saved component chosen as a drawer navigator's design, at runtime
|
|
13
|
+
* and on the canvas alike. Anywhere else it shows a notice saying so.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <View style={{ flex: 1 }}>
|
|
18
|
+
* <DrawerHeader />
|
|
19
|
+
* <DrawerItems density="comfortable" />
|
|
20
|
+
* </View>
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
const DrawerItems = forwardRef(({ showIcons = true, density = 'comfortable', tone = 'primary', styled,
|
|
26
|
+
// The canvas injects a drop area as children; leaf components ignore them.
|
|
27
|
+
children: _children, ...rest }, ref) => {
|
|
28
|
+
const chrome = useOptionalNavigatorChrome();
|
|
29
|
+
const tones = useTones();
|
|
30
|
+
const palette = tones.tone(tone);
|
|
31
|
+
const inactiveIcon = useSlotColor(styled?.styleIcon, 'color', tones.resolve(Tokens.color.textSecondary));
|
|
32
|
+
const activeIcon = useSlotColor(styled?.styleIconActive, 'color', palette.main);
|
|
33
|
+
if (!chrome || chrome.kind !== 'drawer') {
|
|
34
|
+
return (<ChromeNotice message="Drawer items — shows this navigator's screens once the component is chosen as a drawer navigator's content design."/>);
|
|
35
|
+
}
|
|
36
|
+
const rowHeight = DRAWER_ITEMS_ROW_HEIGHT[density];
|
|
37
|
+
const inactiveLabel = tones.resolve(Tokens.color.text);
|
|
38
|
+
return (<StyledView ref={ref} accessibilityRole="menu" styled={{ style: [defaults.root, styled?.style] }} {...rest}>
|
|
39
|
+
{chrome.items.map((item) => {
|
|
40
|
+
const iconColor = item.active ? activeIcon : inactiveIcon;
|
|
41
|
+
return (<StyledPressable key={item.routeId} accessibilityRole="menuitem" accessibilityLabel={item.label} accessibilityState={{ selected: item.active }} onPress={() => chrome.select(item.routeId)} styled={{
|
|
42
|
+
style: [
|
|
43
|
+
defaults.row,
|
|
44
|
+
{
|
|
45
|
+
height: rowHeight,
|
|
46
|
+
borderRadius: RADII.pill,
|
|
47
|
+
},
|
|
48
|
+
item.active && { backgroundColor: palette.container },
|
|
49
|
+
styled?.styleRow,
|
|
50
|
+
item.active && styled?.styleRowActive,
|
|
51
|
+
],
|
|
52
|
+
}}>
|
|
53
|
+
{showIcons && item.renderIcon ? (<StyledView styled={{
|
|
54
|
+
style: [
|
|
55
|
+
defaults.icon,
|
|
56
|
+
{
|
|
57
|
+
width: DRAWER_ITEMS_ICON_SIZE,
|
|
58
|
+
height: DRAWER_ITEMS_ICON_SIZE,
|
|
59
|
+
},
|
|
60
|
+
],
|
|
61
|
+
}}>
|
|
62
|
+
{item.renderIcon({
|
|
63
|
+
color: iconColor,
|
|
64
|
+
size: DRAWER_ITEMS_ICON_SIZE,
|
|
65
|
+
})}
|
|
66
|
+
</StyledView>) : null}
|
|
67
|
+
<Typography variant={TYPOGRAPHY_PARTS.label} numberOfLines={1} style={[
|
|
68
|
+
defaults.label,
|
|
69
|
+
{ color: item.active ? palette.main : inactiveLabel },
|
|
70
|
+
styled?.styleLabel,
|
|
71
|
+
item.active && styled?.styleLabelActive,
|
|
72
|
+
]}>
|
|
73
|
+
{item.label}
|
|
74
|
+
</Typography>
|
|
75
|
+
</StyledPressable>);
|
|
76
|
+
})}
|
|
77
|
+
</StyledView>);
|
|
78
|
+
});
|
|
79
|
+
DrawerItems.displayName = 'DrawerItems';
|
|
80
|
+
export default DrawerItems;
|
|
81
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** Row heights. */
|
|
2
|
+
export declare const DRAWER_ITEMS_DENSITIES: readonly ["comfortable", "compact"];
|
|
3
|
+
export type DrawerItemsDensity = (typeof DRAWER_ITEMS_DENSITIES)[number];
|
|
4
|
+
/** Row height per density. */
|
|
5
|
+
export declare const DRAWER_ITEMS_ROW_HEIGHT: Record<DrawerItemsDensity, number>;
|
|
6
|
+
/** Glyph size. */
|
|
7
|
+
export declare const DRAWER_ITEMS_ICON_SIZE = 24;
|
|
8
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/types.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,eAAO,MAAM,sBAAsB,qCAAsC,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,8BAA8B;AAC9B,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAGtE,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,sBAAsB,KAAK,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Row heights. */
|
|
2
|
+
export const DRAWER_ITEMS_DENSITIES = ['comfortable', 'compact'];
|
|
3
|
+
/** Row height per density. */
|
|
4
|
+
export const DRAWER_ITEMS_ROW_HEIGHT = {
|
|
5
|
+
comfortable: 48,
|
|
6
|
+
compact: 40,
|
|
7
|
+
};
|
|
8
|
+
/** Glyph size. */
|
|
9
|
+
export const DRAWER_ITEMS_ICON_SIZE = 24;
|
|
10
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/DrawerItems/types.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,aAAa,EAAE,SAAS,CAAU,CAAC;AAG1E,8BAA8B;AAC9B,MAAM,CAAC,MAAM,uBAAuB,GAAuC;IACzE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Styler } from '@mapples/style';
|
|
2
|
+
/** Runtime defaults — author slots merge over these. */
|
|
3
|
+
export const defaults = Styler.create({
|
|
4
|
+
root: {
|
|
5
|
+
alignSelf: 'stretch',
|
|
6
|
+
flexDirection: 'row',
|
|
7
|
+
alignItems: 'stretch',
|
|
8
|
+
},
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,SAAS;KACtB;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { StyledProp } from '@mapples/style';
|
|
2
|
+
import { Tone } from '@mapples/ui';
|
|
3
|
+
import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
|
|
4
|
+
import { TabBarItemsIndicator, TabBarItemsLabelVisibility } from './types';
|
|
5
|
+
/** Props for {@link TabBarItems}. */
|
|
6
|
+
export interface TabBarItemsProps extends Omit<ViewProps, 'children'> {
|
|
7
|
+
/** When labels show. Defaults to `always`. */
|
|
8
|
+
labelVisibility?: TabBarItemsLabelVisibility;
|
|
9
|
+
/** The mark behind the active icon. Defaults to `pill`. */
|
|
10
|
+
indicator?: TabBarItemsIndicator;
|
|
11
|
+
/** Glyph size. Defaults to 24. */
|
|
12
|
+
iconSize?: number;
|
|
13
|
+
/** Pads the bottom by the safe-area inset the navigator reports. Defaults to `true`. */
|
|
14
|
+
safeAreaBottom?: boolean;
|
|
15
|
+
/** Colour role of the active tab. Defaults to `primary`. */
|
|
16
|
+
tone?: Tone;
|
|
17
|
+
/** Styled slots for every visual part. */
|
|
18
|
+
styled?: {
|
|
19
|
+
/** The row of tabs. */
|
|
20
|
+
style?: StyledProp<ViewStyle>;
|
|
21
|
+
/** Each tab. */
|
|
22
|
+
styleItem?: StyledProp<ViewStyle>;
|
|
23
|
+
/** The active tab. */
|
|
24
|
+
styleItemActive?: StyledProp<ViewStyle>;
|
|
25
|
+
/** Inactive icons (`color`). */
|
|
26
|
+
styleIcon?: StyledProp<ViewStyle & {
|
|
27
|
+
color?: string;
|
|
28
|
+
}>;
|
|
29
|
+
/** The active icon (`color`). */
|
|
30
|
+
styleIconActive?: StyledProp<ViewStyle & {
|
|
31
|
+
color?: string;
|
|
32
|
+
}>;
|
|
33
|
+
/** Inactive labels. */
|
|
34
|
+
styleLabel?: StyledProp<TextStyle>;
|
|
35
|
+
/** The active label. */
|
|
36
|
+
styleLabelActive?: StyledProp<TextStyle>;
|
|
37
|
+
/** The pill behind the active icon. */
|
|
38
|
+
styleIndicator?: StyledProp<ViewStyle>;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* The tabs of the navigator whose custom tab bar this element sits in: one
|
|
43
|
+
* item per route, pressing one switches to it. It only knows its routes
|
|
44
|
+
* through the navigator-chrome context a host provides — inside a saved
|
|
45
|
+
* component chosen as a tabs navigator's design, at runtime and on the
|
|
46
|
+
* canvas alike. Anywhere else it shows a notice saying so.
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* <View style={{ flexDirection: 'row', backgroundColor: '#fff' }}>
|
|
51
|
+
* <TabBarItems labelVisibility="selected" indicator="pill" />
|
|
52
|
+
* </View>
|
|
53
|
+
* ```
|
|
54
|
+
*
|
|
55
|
+
* @public
|
|
56
|
+
*/
|
|
57
|
+
declare const TabBarItems: import("react").ForwardRefExoticComponent<TabBarItemsProps & {
|
|
58
|
+
children?: import("react").ReactNode | undefined;
|
|
59
|
+
} & import("react").RefAttributes<View>>;
|
|
60
|
+
export default TabBarItems;
|
|
61
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAU,IAAI,EAAY,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrE,OAAO,EAGL,oBAAoB,EACpB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,8CAA8C;IAC9C,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAC7C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,uBAAuB;QACvB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,sBAAsB;QACtB,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,gCAAgC;QAChC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,iCAAiC;QACjC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC7D,uBAAuB;QACvB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,wBAAwB;QACxB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,uCAAuC;QACvC,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW;;wCAkFhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { useOptionalNavigatorChrome } from '@mapples/render';
|
|
3
|
+
import { StyledView } from '@mapples/style';
|
|
4
|
+
import { Tokens, useTones } from '@mapples/ui';
|
|
5
|
+
import { ChromeNotice } from '../../../internal';
|
|
6
|
+
import NavItem from '../BottomNavigationBar/NavItem';
|
|
7
|
+
import { defaults } from './defaults';
|
|
8
|
+
import { TAB_BAR_ITEMS_ICON_SIZE, TAB_BAR_ITEMS_MIN_HEIGHT, } from './types';
|
|
9
|
+
/**
|
|
10
|
+
* The tabs of the navigator whose custom tab bar this element sits in: one
|
|
11
|
+
* item per route, pressing one switches to it. It only knows its routes
|
|
12
|
+
* through the navigator-chrome context a host provides — inside a saved
|
|
13
|
+
* component chosen as a tabs navigator's design, at runtime and on the
|
|
14
|
+
* canvas alike. Anywhere else it shows a notice saying so.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <View style={{ flexDirection: 'row', backgroundColor: '#fff' }}>
|
|
19
|
+
* <TabBarItems labelVisibility="selected" indicator="pill" />
|
|
20
|
+
* </View>
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
const TabBarItems = forwardRef(({ labelVisibility = 'always', indicator = 'pill', iconSize = TAB_BAR_ITEMS_ICON_SIZE, safeAreaBottom = true, tone = 'primary', styled,
|
|
26
|
+
// The canvas injects a drop area as children; leaf components ignore them.
|
|
27
|
+
children: _children, ...rest }, ref) => {
|
|
28
|
+
const chrome = useOptionalNavigatorChrome();
|
|
29
|
+
const tones = useTones();
|
|
30
|
+
const palette = tones.tone(tone);
|
|
31
|
+
if (!chrome || chrome.kind !== 'tabs') {
|
|
32
|
+
return (<ChromeNotice message="Tab bar items — shows this navigator's tabs once the component is chosen as a tabs navigator's tab bar design."/>);
|
|
33
|
+
}
|
|
34
|
+
const error = tones.tone('error');
|
|
35
|
+
const colors = {
|
|
36
|
+
active: palette.main,
|
|
37
|
+
inactive: tones.resolve(Tokens.color.textSecondary),
|
|
38
|
+
indicator: palette.container,
|
|
39
|
+
badge: error.main,
|
|
40
|
+
onBadge: error.contrast,
|
|
41
|
+
};
|
|
42
|
+
const bottomInset = safeAreaBottom ? chrome.insets.bottom : 0;
|
|
43
|
+
return (<StyledView ref={ref} accessibilityRole="tablist" styled={{
|
|
44
|
+
style: [
|
|
45
|
+
defaults.root,
|
|
46
|
+
{
|
|
47
|
+
minHeight: TAB_BAR_ITEMS_MIN_HEIGHT + bottomInset,
|
|
48
|
+
paddingBottom: bottomInset,
|
|
49
|
+
},
|
|
50
|
+
styled?.style,
|
|
51
|
+
],
|
|
52
|
+
}} {...rest}>
|
|
53
|
+
{chrome.items.map((item) => (<NavItem key={item.routeId} item={{
|
|
54
|
+
label: item.label,
|
|
55
|
+
value: item.routeId,
|
|
56
|
+
renderIcon: item.renderIcon,
|
|
57
|
+
}} active={item.active} showLabel={labelVisibility === 'always' ||
|
|
58
|
+
(labelVisibility === 'selected' && item.active)} showIndicator={indicator === 'pill'} iconSize={iconSize} colors={colors} slots={{
|
|
59
|
+
styleItem: styled?.styleItem,
|
|
60
|
+
styleItemActive: styled?.styleItemActive,
|
|
61
|
+
styleIcon: styled?.styleIcon,
|
|
62
|
+
styleIconActive: styled?.styleIconActive,
|
|
63
|
+
styleLabel: styled?.styleLabel,
|
|
64
|
+
styleLabelActive: styled?.styleLabelActive,
|
|
65
|
+
styleIndicator: styled?.styleIndicator,
|
|
66
|
+
}} onPress={chrome.select}/>))}
|
|
67
|
+
</StyledView>);
|
|
68
|
+
});
|
|
69
|
+
TabBarItems.displayName = 'TabBarItems';
|
|
70
|
+
export default TabBarItems;
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** When tab labels show. */
|
|
2
|
+
export declare const TAB_BAR_ITEMS_LABEL_VISIBILITIES: readonly ["always", "selected", "never"];
|
|
3
|
+
export type TabBarItemsLabelVisibility = (typeof TAB_BAR_ITEMS_LABEL_VISIBILITIES)[number];
|
|
4
|
+
/** The mark behind the active tab's icon. */
|
|
5
|
+
export declare const TAB_BAR_ITEMS_INDICATORS: readonly ["pill", "none"];
|
|
6
|
+
export type TabBarItemsIndicator = (typeof TAB_BAR_ITEMS_INDICATORS)[number];
|
|
7
|
+
/** Default glyph size. */
|
|
8
|
+
export declare const TAB_BAR_ITEMS_ICON_SIZE = 24;
|
|
9
|
+
/** Height of the row before the safe-area padding — the platform tab bar's. */
|
|
10
|
+
export declare const TAB_BAR_ITEMS_MIN_HEIGHT = 49;
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/types.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,eAAO,MAAM,gCAAgC,0CAInC,CAAC;AACX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,gCAAgC,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,6CAA6C;AAC7C,eAAO,MAAM,wBAAwB,2BAA4B,CAAC;AAClE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7E,0BAA0B;AAC1B,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,+EAA+E;AAC/E,eAAO,MAAM,wBAAwB,KAAK,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** When tab labels show. */
|
|
2
|
+
export const TAB_BAR_ITEMS_LABEL_VISIBILITIES = [
|
|
3
|
+
'always',
|
|
4
|
+
'selected',
|
|
5
|
+
'never',
|
|
6
|
+
];
|
|
7
|
+
/** The mark behind the active tab's icon. */
|
|
8
|
+
export const TAB_BAR_ITEMS_INDICATORS = ['pill', 'none'];
|
|
9
|
+
/** Default glyph size. */
|
|
10
|
+
export const TAB_BAR_ITEMS_ICON_SIZE = 24;
|
|
11
|
+
/** Height of the row before the safe-area padding — the platform tab bar's. */
|
|
12
|
+
export const TAB_BAR_ITEMS_MIN_HEIGHT = 49;
|
|
13
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBarItems/types.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,QAAQ;IACR,UAAU;IACV,OAAO;CACC,CAAC;AAIX,6CAA6C;AAC7C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU,CAAC;AAGlE,0BAA0B;AAC1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,+EAA+E;AAC/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,EAAE,CAAC"}
|
|
@@ -6,6 +6,14 @@ export { default as BottomNavigationBar } from './BottomNavigationBar';
|
|
|
6
6
|
export * from './BottomNavigationBar';
|
|
7
7
|
export * from './BottomNavigationBar/schematic';
|
|
8
8
|
export * from './BottomNavigationBar/types';
|
|
9
|
+
export { default as TabBarItems } from './TabBarItems';
|
|
10
|
+
export * from './TabBarItems';
|
|
11
|
+
export * from './TabBarItems/schematic';
|
|
12
|
+
export * from './TabBarItems/types';
|
|
13
|
+
export { default as DrawerItems } from './DrawerItems';
|
|
14
|
+
export * from './DrawerItems';
|
|
15
|
+
export * from './DrawerItems/schematic';
|
|
16
|
+
export * from './DrawerItems/types';
|
|
9
17
|
export { default as Tabs } from './Tabs';
|
|
10
18
|
export * from './Tabs';
|
|
11
19
|
export * from './Tabs/schematic';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
|
|
@@ -6,6 +6,14 @@ export { default as BottomNavigationBar } from './BottomNavigationBar';
|
|
|
6
6
|
export * from './BottomNavigationBar';
|
|
7
7
|
export * from './BottomNavigationBar/schematic';
|
|
8
8
|
export * from './BottomNavigationBar/types';
|
|
9
|
+
export { default as TabBarItems } from './TabBarItems';
|
|
10
|
+
export * from './TabBarItems';
|
|
11
|
+
export * from './TabBarItems/schematic';
|
|
12
|
+
export * from './TabBarItems/types';
|
|
13
|
+
export { default as DrawerItems } from './DrawerItems';
|
|
14
|
+
export * from './DrawerItems';
|
|
15
|
+
export * from './DrawerItems/schematic';
|
|
16
|
+
export * from './DrawerItems/types';
|
|
9
17
|
export { default as Tabs } from './Tabs';
|
|
10
18
|
export * from './Tabs';
|
|
11
19
|
export * from './Tabs/schematic';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAYtD,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,EAAE,oBAUlC,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { BottomNavigationBarSchematic } from './BottomNavigationBar/schematic';
|
|
2
2
|
import { BreadcrumbsSchematic } from './Breadcrumbs/schematic';
|
|
3
|
+
import { DrawerItemsSchematic } from './DrawerItems/schematic';
|
|
3
4
|
import { PageControlSchematic } from './PageControl/schematic';
|
|
4
5
|
import { StepsSchematic } from './Steps/schematic';
|
|
6
|
+
import { TabBarItemsSchematic } from './TabBarItems/schematic';
|
|
5
7
|
import { TabsSchematic } from './Tabs/schematic';
|
|
6
8
|
import { TextLinkSchematic } from './TextLink/schematic';
|
|
7
9
|
import { TopAppBarSchematic } from './TopAppBar/schematic';
|
|
@@ -9,6 +11,8 @@ import { TopAppBarSchematic } from './TopAppBar/schematic';
|
|
|
9
11
|
export const NavigationSchematics = {
|
|
10
12
|
[TopAppBarSchematic.type]: TopAppBarSchematic,
|
|
11
13
|
[BottomNavigationBarSchematic.type]: BottomNavigationBarSchematic,
|
|
14
|
+
[TabBarItemsSchematic.type]: TabBarItemsSchematic,
|
|
15
|
+
[DrawerItemsSchematic.type]: DrawerItemsSchematic,
|
|
12
16
|
[TabsSchematic.type]: TabsSchematic,
|
|
13
17
|
[BreadcrumbsSchematic.type]: BreadcrumbsSchematic,
|
|
14
18
|
[PageControlSchematic.type]: PageControlSchematic,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,4BAA4B;IACjE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAC5C,CAAC"}
|
|
1
|
+
{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/navigation/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,qDAAqD;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,4BAA4B;IACjE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAC5C,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface ChromeNoticeProps {
|
|
3
|
+
/** What the element is and where it works. */
|
|
4
|
+
message: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* What a navigator-chrome element (`TabBarItems`, `DrawerItems`) draws when
|
|
8
|
+
* no navigator is providing it routes: the component it sits in is not yet a
|
|
9
|
+
* navigator's design, or the element was dropped on an ordinary screen.
|
|
10
|
+
*
|
|
11
|
+
* A visible notice rather than a throw, deliberately: canvas frames carry no
|
|
12
|
+
* error boundary, so a throw would blank the editing surface instead of
|
|
13
|
+
* telling the designer what to attach.
|
|
14
|
+
*/
|
|
15
|
+
declare const ChromeNotice: FC<ChromeNoticeProps>;
|
|
16
|
+
export default ChromeNotice;
|
|
17
|
+
//# sourceMappingURL=ChromeNotice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChromeNotice.d.ts","sourceRoot":"","sources":["../../src/internal/ChromeNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2BvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { StyledView, Typography } from '@mapples/style';
|
|
2
|
+
import { RADII, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
|
|
3
|
+
/**
|
|
4
|
+
* What a navigator-chrome element (`TabBarItems`, `DrawerItems`) draws when
|
|
5
|
+
* no navigator is providing it routes: the component it sits in is not yet a
|
|
6
|
+
* navigator's design, or the element was dropped on an ordinary screen.
|
|
7
|
+
*
|
|
8
|
+
* A visible notice rather than a throw, deliberately: canvas frames carry no
|
|
9
|
+
* error boundary, so a throw would blank the editing surface instead of
|
|
10
|
+
* telling the designer what to attach.
|
|
11
|
+
*/
|
|
12
|
+
const ChromeNotice = ({ message }) => {
|
|
13
|
+
const tones = useTones();
|
|
14
|
+
return (<StyledView accessibilityRole="text" styled={{
|
|
15
|
+
style: {
|
|
16
|
+
alignSelf: 'stretch',
|
|
17
|
+
minHeight: 48,
|
|
18
|
+
justifyContent: 'center',
|
|
19
|
+
paddingHorizontal: 12,
|
|
20
|
+
paddingVertical: 8,
|
|
21
|
+
borderWidth: 1,
|
|
22
|
+
borderStyle: 'dashed',
|
|
23
|
+
borderRadius: RADII.sm,
|
|
24
|
+
borderColor: tones.outlineStrong,
|
|
25
|
+
},
|
|
26
|
+
}}>
|
|
27
|
+
<Typography variant={TYPOGRAPHY_PARTS.helper} color={tones.resolve('theme.text.secondary')}>
|
|
28
|
+
{message}
|
|
29
|
+
</Typography>
|
|
30
|
+
</StyledView>);
|
|
31
|
+
};
|
|
32
|
+
export default ChromeNotice;
|
|
33
|
+
//# sourceMappingURL=ChromeNotice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChromeNotice.js","sourceRoot":"","sources":["../../src/internal/ChromeNotice.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAOhE;;;;;;;;GAQG;AACH,MAAM,YAAY,GAA0B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,CAAC,UAAU,CACT,iBAAiB,CAAC,MAAM,CACxB,MAAM,CAAC,CAAC;YACN,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;gBACpB,SAAS,EAAE,EAAE;gBACb,cAAc,EAAE,QAAQ;gBACxB,iBAAiB,EAAE,EAAE;gBACrB,eAAe,EAAE,CAAC;gBAClB,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,QAAQ;gBACrB,YAAY,EAAE,KAAK,CAAC,EAAE;gBACtB,WAAW,EAAE,KAAK,CAAC,aAAa;aACjC;SACF,CAAC,CAEF;MAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACjC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAE7C;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/dist/internal/index.d.ts
CHANGED
|
@@ -19,4 +19,6 @@ export * from './useOverlayPresence';
|
|
|
19
19
|
export * from './useSlotValue';
|
|
20
20
|
export { default as useTimingValue } from './useTimingValue';
|
|
21
21
|
export * from './useTimingValue';
|
|
22
|
+
export { default as ChromeNotice } from './ChromeNotice';
|
|
23
|
+
export * from './ChromeNotice';
|
|
22
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC"}
|
package/dist/internal/index.js
CHANGED
|
@@ -19,4 +19,6 @@ export * from './useOverlayPresence';
|
|
|
19
19
|
export * from './useSlotValue';
|
|
20
20
|
export { default as useTimingValue } from './useTimingValue';
|
|
21
21
|
export * from './useTimingValue';
|
|
22
|
+
export { default as ChromeNotice } from './ChromeNotice';
|
|
23
|
+
export * from './ChromeNotice';
|
|
22
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mapples/components",
|
|
3
|
-
"version": "1.6.0-beta.
|
|
3
|
+
"version": "1.6.0-beta.20260929132300",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"lodash": "^4.18.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
+
"@mapples/render": "*",
|
|
26
27
|
"expo-image": ">=1.0.0",
|
|
27
28
|
"react": ">=18.0.0 <20.0.0",
|
|
28
29
|
"react-native": ">=0.71.0",
|