@mapples/components 1.6.0-beta.20261005090121 → 1.6.0-beta.20261005121349
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 +4 -2
- package/dist/components/navigation/TabIcon/defaults.d.ts +19 -0
- package/dist/components/navigation/TabIcon/defaults.d.ts.map +1 -0
- package/dist/components/navigation/TabIcon/defaults.js +20 -0
- package/dist/components/navigation/TabIcon/defaults.js.map +1 -0
- package/dist/components/navigation/TabIcon/index.d.ts +43 -0
- package/dist/components/navigation/TabIcon/index.d.ts.map +1 -0
- package/dist/components/navigation/TabIcon/index.js +73 -0
- package/dist/components/navigation/TabIcon/index.js.map +1 -0
- package/dist/components/navigation/TabIcon/schematic.d.ts +4 -0
- package/dist/components/navigation/TabIcon/schematic.d.ts.map +1 -0
- package/dist/components/navigation/TabIcon/schematic.js +7 -0
- package/dist/components/navigation/TabIcon/schematic.js.map +1 -0
- package/dist/components/navigation/TabIcon/types.d.ts +3 -0
- package/dist/components/navigation/TabIcon/types.d.ts.map +1 -0
- package/dist/components/navigation/TabIcon/types.js +3 -0
- package/dist/components/navigation/TabIcon/types.js.map +1 -0
- package/dist/components/navigation/TabLabel/index.d.ts +38 -0
- package/dist/components/navigation/TabLabel/index.d.ts.map +1 -0
- package/dist/components/navigation/TabLabel/index.js +50 -0
- package/dist/components/navigation/TabLabel/index.js.map +1 -0
- package/dist/components/navigation/TabLabel/schematic.d.ts +4 -0
- package/dist/components/navigation/TabLabel/schematic.d.ts.map +1 -0
- package/dist/components/navigation/TabLabel/schematic.js +7 -0
- package/dist/components/navigation/TabLabel/schematic.js.map +1 -0
- package/dist/components/navigation/TabLabel/types.d.ts +4 -0
- package/dist/components/navigation/TabLabel/types.d.ts.map +1 -0
- package/dist/components/navigation/TabLabel/types.js +3 -0
- package/dist/components/navigation/TabLabel/types.js.map +1 -0
- package/dist/components/navigation/TabTemplate/defaults.d.ts +13 -0
- package/dist/components/navigation/TabTemplate/defaults.d.ts.map +1 -0
- package/dist/components/navigation/TabTemplate/defaults.js +14 -0
- package/dist/components/navigation/TabTemplate/defaults.js.map +1 -0
- package/dist/components/navigation/TabTemplate/index.d.ts +44 -0
- package/dist/components/navigation/TabTemplate/index.d.ts.map +1 -0
- package/dist/components/navigation/TabTemplate/index.js +54 -0
- package/dist/components/navigation/TabTemplate/index.js.map +1 -0
- package/dist/components/navigation/TabTemplate/schematic.d.ts +4 -0
- package/dist/components/navigation/TabTemplate/schematic.d.ts.map +1 -0
- package/dist/components/navigation/TabTemplate/schematic.js +7 -0
- package/dist/components/navigation/TabTemplate/schematic.js.map +1 -0
- package/dist/components/navigation/TabTemplate/types.d.ts +3 -0
- package/dist/components/navigation/TabTemplate/types.d.ts.map +1 -0
- package/dist/components/navigation/TabTemplate/types.js +3 -0
- package/dist/components/navigation/TabTemplate/types.js.map +1 -0
- package/dist/components/navigation/index.d.ts +12 -0
- package/dist/components/navigation/index.d.ts.map +1 -1
- package/dist/components/navigation/index.js +12 -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 +6 -0
- package/dist/components/navigation/schematics.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
# @mapples/components
|
|
2
2
|
|
|
3
|
-
## 1.6.0-beta.
|
|
3
|
+
## 1.6.0-beta.20261005121349
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
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.
|
|
8
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.
|
|
9
|
+
- 9a80415: Custom and predesigned tab bars. Three new `@mapples/components` elements build a tab bar from ordinary elements: `TabTemplate` repeats its children once per tab of the navigator whose design it sits in (each copy pressable, switching to its tab), and `TabIcon` / `TabLabel` draw that tab's icon and label, with a `styleActive` slot for the active tab. `@mapples/render` scopes each copy through `NavigatorChromeItemProvider` (`useNavigatorChromeItem`), and `@mapples/state` resolves a new reserved binding root, `tab.*` (`tab.label`, `tab.active`, `tab.index`, `TAB_NAMESPACE` in `@mapples/types`), so any element inside the template can bind the tab or show only on the active one — a project whose data state has a top-level `tab` field is now shadowed inside a template. `TabBarOptions.floating` lays a designed bar over the screens instead of below them; `TabBarHost` takes the matching `floating` prop (an exported app passes it next to `Chrome`), pins the bar to the bottom edge, pads it for the home indicator and keeps reporting its height. `@mapplesorg/schematics` holds the starter designs as a registry (`CHROME_PRESETS`: Basic, Floating, Pill, Minimal and Custom tab bars, the basic drawer), replacing the canvas's two init documents. The Creator canvas edits the template in the first tab and mirrors it read-only in the others, evaluates `tab.*` conditions while designing, previews a design nobody has assigned yet against sample tabs, draws a floating bar over its screen frames, resolves a master's data bindings wherever it is rendered read-only (instances, frame chrome, Play), and gives a tab bar design its own "Tab bar" rail palette. `create_navigator_chrome` takes a `preset`; `set_navigator_options` accepts `tabBar.floating`.
|
|
9
10
|
|
|
10
11
|
### Patch Changes
|
|
11
12
|
|
|
@@ -19,7 +20,8 @@
|
|
|
19
20
|
- Updated dependencies [35e9ba6]
|
|
20
21
|
- Updated dependencies [7339399]
|
|
21
22
|
- Updated dependencies [a6c5872]
|
|
22
|
-
|
|
23
|
+
- Updated dependencies [9a80415]
|
|
24
|
+
- @mapples/render@1.6.0-beta.20261005121349
|
|
23
25
|
|
|
24
26
|
## 1.2.1
|
|
25
27
|
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/** Runtime defaults — author slots merge over these. */
|
|
2
|
+
export declare const defaults: {
|
|
3
|
+
root: {
|
|
4
|
+
alignItems: "center";
|
|
5
|
+
justifyContent: "center";
|
|
6
|
+
};
|
|
7
|
+
indicator: {
|
|
8
|
+
position: "absolute";
|
|
9
|
+
top: number;
|
|
10
|
+
left: number;
|
|
11
|
+
right: number;
|
|
12
|
+
bottom: number;
|
|
13
|
+
};
|
|
14
|
+
monogram: {
|
|
15
|
+
textAlign: "center";
|
|
16
|
+
fontWeight: "600";
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Styler } from '@mapples/style';
|
|
2
|
+
/** Runtime defaults — author slots merge over these. */
|
|
3
|
+
export const defaults = Styler.create({
|
|
4
|
+
root: {
|
|
5
|
+
alignItems: 'center',
|
|
6
|
+
justifyContent: 'center',
|
|
7
|
+
},
|
|
8
|
+
indicator: {
|
|
9
|
+
position: 'absolute',
|
|
10
|
+
top: 0,
|
|
11
|
+
left: 0,
|
|
12
|
+
right: 0,
|
|
13
|
+
bottom: 0,
|
|
14
|
+
},
|
|
15
|
+
monogram: {
|
|
16
|
+
textAlign: 'center',
|
|
17
|
+
fontWeight: '600',
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/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,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { StyledProp } from '@mapples/style';
|
|
2
|
+
import { View, ViewProps, ViewStyle } from 'react-native';
|
|
3
|
+
/** Props for {@link TabIcon}. */
|
|
4
|
+
export interface TabIconProps extends Omit<ViewProps, 'children'> {
|
|
5
|
+
/** Glyph size. Defaults to 24. */
|
|
6
|
+
size?: number;
|
|
7
|
+
/** Styled slots for every visual part. */
|
|
8
|
+
styled?: {
|
|
9
|
+
/** The box around the glyph, and the glyph's `color`. */
|
|
10
|
+
style?: StyledProp<ViewStyle & {
|
|
11
|
+
color?: string;
|
|
12
|
+
}>;
|
|
13
|
+
/** The same while the tab is active. */
|
|
14
|
+
styleActive?: StyledProp<ViewStyle & {
|
|
15
|
+
color?: string;
|
|
16
|
+
}>;
|
|
17
|
+
/** A mark behind the glyph that fades in while the tab is active. Drawn once it sets anything. */
|
|
18
|
+
styleIndicator?: StyledProp<ViewStyle>;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* The icon of the tab a `TabTemplate` template is repeated for, in the colour
|
|
23
|
+
* its slots give: `style` while inactive, `styleActive` while active
|
|
24
|
+
* (primary when neither sets one). A tab whose route has no icon shows the
|
|
25
|
+
* first letter of its label instead, so an icon-only bar never has a blank
|
|
26
|
+
* tab.
|
|
27
|
+
*
|
|
28
|
+
* Outside a `TabTemplate` it shows a notice saying where it belongs.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* <TabTemplate>
|
|
33
|
+
* <TabIcon size={24} styled={{ styleActive: { color: 'theme.primary.main' } }} />
|
|
34
|
+
* </TabTemplate>
|
|
35
|
+
* ```
|
|
36
|
+
*
|
|
37
|
+
* @public
|
|
38
|
+
*/
|
|
39
|
+
declare const TabIcon: import("react").ForwardRefExoticComponent<TabIconProps & {
|
|
40
|
+
children?: import("react").ReactNode | undefined;
|
|
41
|
+
} & import("react").RefAttributes<View>>;
|
|
42
|
+
export default TabIcon;
|
|
43
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EAKX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAY,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYpE,iCAAiC;AACjC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,yDAAyD;QACzD,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACnD,wCAAwC;QACxC,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACzD,kGAAkG;QAClG,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH;AAYD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO;;wCAsFZ,CAAC;AAGF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { useOptionalNavigatorChromeItem } from '@mapples/render';
|
|
3
|
+
import { StyledView, Styler, Typography, useStyled, } from '@mapples/style';
|
|
4
|
+
import { Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
|
|
5
|
+
import { Animated } from 'react-native';
|
|
6
|
+
import { ChromeNotice, DURATION, useSlotColor, useTimingValue, } from '../../../internal';
|
|
7
|
+
import { defaults } from './defaults';
|
|
8
|
+
import { TAB_ICON_SIZE } from './types';
|
|
9
|
+
/** A slot's own keys with `color` taken out — the box never paints it. */
|
|
10
|
+
const boxOf = (slot) => {
|
|
11
|
+
const flat = Styler.flatten(slot);
|
|
12
|
+
if (!flat)
|
|
13
|
+
return undefined;
|
|
14
|
+
const { color: _color, ...box } = flat;
|
|
15
|
+
return box;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* The icon of the tab a `TabTemplate` template is repeated for, in the colour
|
|
19
|
+
* its slots give: `style` while inactive, `styleActive` while active
|
|
20
|
+
* (primary when neither sets one). A tab whose route has no icon shows the
|
|
21
|
+
* first letter of its label instead, so an icon-only bar never has a blank
|
|
22
|
+
* tab.
|
|
23
|
+
*
|
|
24
|
+
* Outside a `TabTemplate` it shows a notice saying where it belongs.
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <TabTemplate>
|
|
29
|
+
* <TabIcon size={24} styled={{ styleActive: { color: 'theme.primary.main' } }} />
|
|
30
|
+
* </TabTemplate>
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* @public
|
|
34
|
+
*/
|
|
35
|
+
const TabIcon = forwardRef(({ size = TAB_ICON_SIZE, styled,
|
|
36
|
+
// The canvas injects a drop area as children; leaf components ignore them.
|
|
37
|
+
children: _children, ...rest }, ref) => {
|
|
38
|
+
const scope = useOptionalNavigatorChromeItem();
|
|
39
|
+
const tones = useTones();
|
|
40
|
+
const active = scope?.item.active === true;
|
|
41
|
+
const progress = useTimingValue(active ? 1 : 0, {
|
|
42
|
+
duration: DURATION.fast,
|
|
43
|
+
});
|
|
44
|
+
const resolved = useStyled({ indicator: styled?.styleIndicator });
|
|
45
|
+
const inactiveColor = useSlotColor(styled?.style, 'color', tones.resolve(Tokens.color.textSecondary));
|
|
46
|
+
const ownColor = useSlotColor(styled?.style, 'color', tones.tone('primary').main);
|
|
47
|
+
const activeColor = useSlotColor(styled?.styleActive, 'color', ownColor);
|
|
48
|
+
const box = useMemo(() => boxOf(styled?.style), [styled?.style]);
|
|
49
|
+
const boxActive = useMemo(() => boxOf(styled?.styleActive), [styled?.styleActive]);
|
|
50
|
+
const hasIndicator = useMemo(() => Object.keys(Styler.flatten(styled?.styleIndicator) ?? {})
|
|
51
|
+
.length > 0, [styled?.styleIndicator]);
|
|
52
|
+
if (!scope) {
|
|
53
|
+
return (<ChromeNotice message="Tab icon — draws the tab's icon inside a Tab template."/>);
|
|
54
|
+
}
|
|
55
|
+
const { item } = scope;
|
|
56
|
+
const color = active ? activeColor : inactiveColor;
|
|
57
|
+
return (<StyledView ref={ref} styled={{ style: [defaults.root, box, active && boxActive] }} {...rest}>
|
|
58
|
+
{hasIndicator ? (<Animated.View pointerEvents="none" style={[
|
|
59
|
+
defaults.indicator,
|
|
60
|
+
resolved.indicator,
|
|
61
|
+
{ opacity: progress },
|
|
62
|
+
]}/>) : null}
|
|
63
|
+
{item.renderIcon ? (item.renderIcon({ color, size })) : (<Typography variant={TYPOGRAPHY_PARTS.label} color={color} style={[
|
|
64
|
+
defaults.monogram,
|
|
65
|
+
{ width: size, lineHeight: size, fontSize: size * 0.6 },
|
|
66
|
+
]}>
|
|
67
|
+
{item.label.slice(0, 1).toUpperCase()}
|
|
68
|
+
</Typography>)}
|
|
69
|
+
</StyledView>);
|
|
70
|
+
});
|
|
71
|
+
TabIcon.displayName = 'TabIcon';
|
|
72
|
+
export default TabIcon;
|
|
73
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAEL,UAAU,EACV,MAAM,EACN,UAAU,EACV,SAAS,GACV,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,QAAQ,EAA8B,MAAM,cAAc,CAAC;AAEpE,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,cAAc,GACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC,0EAA0E;AAC1E,MAAM,KAAK,GAAG,CAAC,IAAoC,EAAsB,EAAE;IACzE,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,IAAa,CAE5B,CAAC;IACd,IAAI,CAAC,IAAI;QAAE,OAAO,SAAS,CAAC;IAC5B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC;IACvC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,IAAI,GAAG,aAAa,EACpB,MAAM;AACN,2EAA2E;AAC3E,QAAQ,EAAE,SAAS,EACnB,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,8BAA8B,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC;IAE3C,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QAC9C,QAAQ,EAAE,QAAQ,CAAC,IAAI;KACxB,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,CAE/D,CAAC;IACF,MAAM,aAAa,GAAG,YAAY,CAChC,MAAM,EAAE,KAAK,EACb,OAAO,EACP,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAC1C,CAAC;IACF,MAAM,QAAQ,GAAG,YAAY,CAC3B,MAAM,EAAE,KAAK,EACb,OAAO,EACP,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAC3B,CAAC;IACF,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IACzE,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAChC,CAAC,MAAM,EAAE,WAAW,CAAC,CACtB,CAAC;IACF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,cAAuB,CAAC,IAAI,EAAE,CAAC;SAC/D,MAAM,GAAG,CAAC,EACf,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CACL,CAAC,YAAY,CAAC,OAAO,CAAC,wDAAwD,EAAG,CAClF,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC;IAEnD,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,IAAI,SAAS,CAAC,EAAE,CAAC,CAC7D,IAAI,IAAI,CAAC,CAET;QAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,QAAQ,CAAC,IAAI,CACZ,aAAa,CAAC,MAAM,CACpB,KAAK,CAAC,CAAC;gBACL,QAAQ,CAAC,SAAS;gBAClB,QAAQ,CAAC,SAAS;gBAClB,EAAE,OAAO,EAAE,QAAQ,EAAE;aACtB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,IAAI,CACR;QAAA,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACjB,IAAI,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC;gBACL,QAAQ,CAAC,QAAQ;gBACjB,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE;aACxD,CAAC,CAEF;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CACvC;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,EAAE,mBAG9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,gEAAgE;AAChE,MAAM,CAAC,MAAM,gBAAgB,GAAwB;IACnD,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,OAAO;CACnB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/types.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,eAAO,MAAM,aAAa,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabIcon/types.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { StyledProp } from '@mapples/style';
|
|
2
|
+
import { Text, TextProps, TextStyle } from 'react-native';
|
|
3
|
+
import { TabLabelShowWhen } from './types';
|
|
4
|
+
/** Props for {@link TabLabel}. */
|
|
5
|
+
export interface TabLabelProps extends Omit<TextProps, 'children' | 'style'> {
|
|
6
|
+
/** Which tabs show their label. Defaults to `always`. */
|
|
7
|
+
showWhen?: TabLabelShowWhen;
|
|
8
|
+
/** Styled slots for every visual part. */
|
|
9
|
+
styled?: {
|
|
10
|
+
/** The label. */
|
|
11
|
+
style?: StyledProp<TextStyle>;
|
|
12
|
+
/** The same while the tab is active. */
|
|
13
|
+
styleActive?: StyledProp<TextStyle>;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* The label of the tab a `TabTemplate` template is repeated for, in the colour
|
|
18
|
+
* its slots give: `style` while inactive, `styleActive` while active
|
|
19
|
+
* (primary when neither sets one). `showWhen` keeps it to the active tab
|
|
20
|
+
* only, or to the inactive ones.
|
|
21
|
+
*
|
|
22
|
+
* Outside a `TabTemplate` it shows a notice saying where it belongs.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```tsx
|
|
26
|
+
* <TabTemplate>
|
|
27
|
+
* <TabIcon />
|
|
28
|
+
* <TabLabel showWhen="active" />
|
|
29
|
+
* </TabTemplate>
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* @public
|
|
33
|
+
*/
|
|
34
|
+
declare const TabLabel: import("react").ForwardRefExoticComponent<TabLabelProps & {
|
|
35
|
+
children?: import("react").ReactNode | undefined;
|
|
36
|
+
} & import("react").RefAttributes<Text>>;
|
|
37
|
+
export default TabLabel;
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabLabel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC;IAC1E,yDAAyD;IACzD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,iBAAiB;QACjB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,wCAAwC;QACxC,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACrC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,QAAQ;;wCAuDb,CAAC;AAGF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { useOptionalNavigatorChromeItem } from '@mapples/render';
|
|
3
|
+
import { Typography } from '@mapples/style';
|
|
4
|
+
import { Tokens, TYPOGRAPHY_PARTS, useTones } from '@mapples/ui';
|
|
5
|
+
import { ChromeNotice, useSlotColor } from '../../../internal';
|
|
6
|
+
/**
|
|
7
|
+
* The label of the tab a `TabTemplate` template is repeated for, in the colour
|
|
8
|
+
* its slots give: `style` while inactive, `styleActive` while active
|
|
9
|
+
* (primary when neither sets one). `showWhen` keeps it to the active tab
|
|
10
|
+
* only, or to the inactive ones.
|
|
11
|
+
*
|
|
12
|
+
* Outside a `TabTemplate` it shows a notice saying where it belongs.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <TabTemplate>
|
|
17
|
+
* <TabIcon />
|
|
18
|
+
* <TabLabel showWhen="active" />
|
|
19
|
+
* </TabTemplate>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @public
|
|
23
|
+
*/
|
|
24
|
+
const TabLabel = forwardRef(({ showWhen = 'always', styled,
|
|
25
|
+
// The canvas injects a drop area as children; leaf components ignore them.
|
|
26
|
+
children: _children, ...rest }, ref) => {
|
|
27
|
+
const scope = useOptionalNavigatorChromeItem();
|
|
28
|
+
const tones = useTones();
|
|
29
|
+
const inactiveColor = useSlotColor(styled?.style, 'color', tones.resolve(Tokens.color.textSecondary));
|
|
30
|
+
const ownColor = useSlotColor(styled?.style, 'color', tones.tone('primary').main);
|
|
31
|
+
const activeColor = useSlotColor(styled?.styleActive, 'color', ownColor);
|
|
32
|
+
if (!scope) {
|
|
33
|
+
return (<ChromeNotice message="Tab label — draws the tab's label inside a Tab template."/>);
|
|
34
|
+
}
|
|
35
|
+
const { active, label } = scope.item;
|
|
36
|
+
if ((showWhen === 'active' && !active) ||
|
|
37
|
+
(showWhen === 'inactive' && active)) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
return (<Typography ref={ref} variant={TYPOGRAPHY_PARTS.helper} numberOfLines={1} {...rest} style={[
|
|
41
|
+
styled?.style,
|
|
42
|
+
active && styled?.styleActive,
|
|
43
|
+
{ color: active ? activeColor : inactiveColor },
|
|
44
|
+
]}>
|
|
45
|
+
{label}
|
|
46
|
+
</Typography>);
|
|
47
|
+
});
|
|
48
|
+
TabLabel.displayName = 'TabLabel';
|
|
49
|
+
export default TabLabel;
|
|
50
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAiB/D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EACE,QAAQ,GAAG,QAAQ,EACnB,MAAM;AACN,2EAA2E;AAC3E,QAAQ,EAAE,SAAS,EACnB,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,8BAA8B,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,YAAY,CAChC,MAAM,EAAE,KAAK,EACb,OAAO,EACP,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAC1C,CAAC;IACF,MAAM,QAAQ,GAAG,YAAY,CAC3B,MAAM,EAAE,KAAK,EACb,OAAO,EACP,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAC3B,CAAC;IACF,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEzE,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CACL,CAAC,YAAY,CAAC,OAAO,CAAC,0DAA0D,EAAG,CACpF,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IACrC,IACE,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC;QAClC,CAAC,QAAQ,KAAK,UAAU,IAAI,MAAM,CAAC,EACnC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,OAAO,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CACjC,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,IAAI,IAAI,CAAC,CACT,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,KAAK;YACb,MAAM,IAAI,MAAM,EAAE,WAAW;YAC7B,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,EAAE;SAChD,CAAC,CAEF;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabLabel/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabLabel/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,SAAS,CAAC;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabLabel/types.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,eAAO,MAAM,mBAAmB,2CAA4C,CAAC;AAC7E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabLabel/types.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** Runtime defaults — author slots merge over these. */
|
|
2
|
+
export declare const defaults: {
|
|
3
|
+
root: {
|
|
4
|
+
alignSelf: "stretch";
|
|
5
|
+
flexDirection: "row";
|
|
6
|
+
alignItems: "stretch";
|
|
7
|
+
};
|
|
8
|
+
item: {
|
|
9
|
+
alignItems: "center";
|
|
10
|
+
justifyContent: "center";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;CAUnB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
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
|
+
item: {
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
justifyContent: 'center',
|
|
12
|
+
},
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/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;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { StyledProp } from '@mapples/style';
|
|
2
|
+
import { View, ViewProps, ViewStyle } from 'react-native';
|
|
3
|
+
/** Props for {@link TabTemplate}. */
|
|
4
|
+
export interface TabTemplateProps extends Omit<ViewProps, 'children'> {
|
|
5
|
+
/** Pads the bottom by the safe-area inset the navigator reports. Defaults to `true`. */
|
|
6
|
+
safeAreaBottom?: boolean;
|
|
7
|
+
/** Styled slots for every visual part. */
|
|
8
|
+
styled?: {
|
|
9
|
+
/** The row of tabs. */
|
|
10
|
+
style?: StyledProp<ViewStyle>;
|
|
11
|
+
/** Each tab. */
|
|
12
|
+
styleItem?: StyledProp<ViewStyle>;
|
|
13
|
+
/** The active tab. */
|
|
14
|
+
styleItemActive?: StyledProp<ViewStyle>;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* The tabs of the navigator whose custom tab bar this element sits in, drawn
|
|
19
|
+
* from a template: its children render once per route, each copy pressable
|
|
20
|
+
* (pressing switches to that tab) and scoped to its route — `TabIcon` and
|
|
21
|
+
* `TabLabel` draw the route's icon and label, and any element inside can
|
|
22
|
+
* bind `tab.label`, `tab.active` and `tab.index`.
|
|
23
|
+
*
|
|
24
|
+
* It only knows its routes through the navigator-chrome context a host
|
|
25
|
+
* provides — inside a saved component chosen as a tabs navigator's design.
|
|
26
|
+
* Anywhere else it shows a notice saying so.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```tsx
|
|
30
|
+
* <View style={{ flexDirection: 'row', backgroundColor: '#fff' }}>
|
|
31
|
+
* <TabTemplate styled={{ style: { flex: 1 }, styleItem: { flex: 1 } }}>
|
|
32
|
+
* <TabIcon />
|
|
33
|
+
* <TabLabel showWhen="active" />
|
|
34
|
+
* </TabTemplate>
|
|
35
|
+
* </View>
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* @public
|
|
39
|
+
*/
|
|
40
|
+
declare const TabTemplate: import("react").ForwardRefExoticComponent<TabTemplateProps & {
|
|
41
|
+
children?: import("react").ReactNode | undefined;
|
|
42
|
+
} & import("react").RefAttributes<View>>;
|
|
43
|
+
export default TabTemplate;
|
|
44
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAmB,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1D,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,wFAAwF;IACxF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,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;KACzC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,WAAW;;wCAiDhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { NavigatorChromeItemProvider, useOptionalNavigatorChrome, } from '@mapples/render';
|
|
3
|
+
import { StyledPressable, StyledView } from '@mapples/style';
|
|
4
|
+
import { ChromeNotice } from '../../../internal';
|
|
5
|
+
import { defaults } from './defaults';
|
|
6
|
+
/**
|
|
7
|
+
* The tabs of the navigator whose custom tab bar this element sits in, drawn
|
|
8
|
+
* from a template: its children render once per route, each copy pressable
|
|
9
|
+
* (pressing switches to that tab) and scoped to its route — `TabIcon` and
|
|
10
|
+
* `TabLabel` draw the route's icon and label, and any element inside can
|
|
11
|
+
* bind `tab.label`, `tab.active` and `tab.index`.
|
|
12
|
+
*
|
|
13
|
+
* It only knows its routes through the navigator-chrome context a host
|
|
14
|
+
* provides — inside a saved component chosen as a tabs navigator's design.
|
|
15
|
+
* Anywhere else it shows a notice saying so.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <View style={{ flexDirection: 'row', backgroundColor: '#fff' }}>
|
|
20
|
+
* <TabTemplate styled={{ style: { flex: 1 }, styleItem: { flex: 1 } }}>
|
|
21
|
+
* <TabIcon />
|
|
22
|
+
* <TabLabel showWhen="active" />
|
|
23
|
+
* </TabTemplate>
|
|
24
|
+
* </View>
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
*/
|
|
29
|
+
const TabTemplate = forwardRef(({ safeAreaBottom = true, styled, children, ...rest }, ref) => {
|
|
30
|
+
const chrome = useOptionalNavigatorChrome();
|
|
31
|
+
if (!chrome || chrome.kind !== 'tabs') {
|
|
32
|
+
return (<ChromeNotice message="Tab template — repeats its content for each of this navigator's tabs once the component is chosen as a tabs navigator's tab bar design."/>);
|
|
33
|
+
}
|
|
34
|
+
const bottomInset = safeAreaBottom ? chrome.insets.bottom : 0;
|
|
35
|
+
const count = chrome.items.length;
|
|
36
|
+
return (<StyledView ref={ref} accessibilityRole="tablist" styled={{
|
|
37
|
+
style: [defaults.root, { paddingBottom: bottomInset }, styled?.style],
|
|
38
|
+
}} {...rest}>
|
|
39
|
+
{chrome.items.map((item, index) => (<NavigatorChromeItemProvider key={item.routeId} item={item} index={index} count={count}>
|
|
40
|
+
<StyledPressable accessibilityRole="tab" accessibilityLabel={item.label} accessibilityState={{ selected: item.active }} onPress={() => chrome.select(item.routeId)} styled={{
|
|
41
|
+
style: [
|
|
42
|
+
defaults.item,
|
|
43
|
+
styled?.styleItem,
|
|
44
|
+
item.active && styled?.styleItemActive,
|
|
45
|
+
],
|
|
46
|
+
}}>
|
|
47
|
+
{children}
|
|
48
|
+
</StyledPressable>
|
|
49
|
+
</NavigatorChromeItemProvider>))}
|
|
50
|
+
</StyledView>);
|
|
51
|
+
});
|
|
52
|
+
TabTemplate.displayName = 'TabTemplate';
|
|
53
|
+
export default TabTemplate;
|
|
54
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAiBtC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,0BAA0B,EAAE,CAAC;IAE5C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QACtC,OAAO,CACL,CAAC,YAAY,CAAC,OAAO,CAAC,yIAAyI,EAAG,CACnK,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;IAElC,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,iBAAiB,CAAC,SAAS,CAC3B,MAAM,CAAC,CAAC;YACN,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC;SACtE,CAAC,CACF,IAAI,IAAI,CAAC,CAET;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,CAAC,2BAA2B,CAC1B,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAClB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;YAAA,CAAC,eAAe,CACd,iBAAiB,CAAC,KAAK,CACvB,kBAAkB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAC/B,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAC9C,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAC3C,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE;oBACL,QAAQ,CAAC,IAAI;oBACb,MAAM,EAAE,SAAS;oBACjB,IAAI,CAAC,MAAM,IAAI,MAAM,EAAE,eAAe;iBACvC;aACF,CAAC,CAEF;cAAA,CAAC,QAAQ,CACX;YAAA,EAAE,eAAe,CACnB;UAAA,EAAE,2BAA2B,CAAC,CAC/B,CAAC,CACJ;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/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/TabTemplate/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 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/types.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,eAAO,MAAM,uBAAuB,kCAAmC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabTemplate/types.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,SAAS,EAAE,UAAU,CAAU,CAAC"}
|
|
@@ -10,6 +10,18 @@ export { default as TabBarItems } from './TabBarItems';
|
|
|
10
10
|
export * from './TabBarItems';
|
|
11
11
|
export * from './TabBarItems/schematic';
|
|
12
12
|
export * from './TabBarItems/types';
|
|
13
|
+
export { default as TabTemplate } from './TabTemplate';
|
|
14
|
+
export * from './TabTemplate';
|
|
15
|
+
export * from './TabTemplate/schematic';
|
|
16
|
+
export * from './TabTemplate/types';
|
|
17
|
+
export { default as TabIcon } from './TabIcon';
|
|
18
|
+
export * from './TabIcon';
|
|
19
|
+
export * from './TabIcon/schematic';
|
|
20
|
+
export * from './TabIcon/types';
|
|
21
|
+
export { default as TabLabel } from './TabLabel';
|
|
22
|
+
export * from './TabLabel';
|
|
23
|
+
export * from './TabLabel/schematic';
|
|
24
|
+
export * from './TabLabel/types';
|
|
13
25
|
export { default as DrawerItems } from './DrawerItems';
|
|
14
26
|
export * from './DrawerItems';
|
|
15
27
|
export * from './DrawerItems/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,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
|
+
{"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,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,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"}
|
|
@@ -10,6 +10,18 @@ export { default as TabBarItems } from './TabBarItems';
|
|
|
10
10
|
export * from './TabBarItems';
|
|
11
11
|
export * from './TabBarItems/schematic';
|
|
12
12
|
export * from './TabBarItems/types';
|
|
13
|
+
export { default as TabTemplate } from './TabTemplate';
|
|
14
|
+
export * from './TabTemplate';
|
|
15
|
+
export * from './TabTemplate/schematic';
|
|
16
|
+
export * from './TabTemplate/types';
|
|
17
|
+
export { default as TabIcon } from './TabIcon';
|
|
18
|
+
export * from './TabIcon';
|
|
19
|
+
export * from './TabIcon/schematic';
|
|
20
|
+
export * from './TabIcon/types';
|
|
21
|
+
export { default as TabLabel } from './TabLabel';
|
|
22
|
+
export * from './TabLabel';
|
|
23
|
+
export * from './TabLabel/schematic';
|
|
24
|
+
export * from './TabLabel/types';
|
|
13
25
|
export { default as DrawerItems } from './DrawerItems';
|
|
14
26
|
export * from './DrawerItems';
|
|
15
27
|
export * from './DrawerItems/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,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
|
+
{"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,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAEjC,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;AAetD,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,EAAE,oBAalC,CAAC"}
|
|
@@ -4,7 +4,10 @@ import { DrawerItemsSchematic } from './DrawerItems/schematic';
|
|
|
4
4
|
import { PageControlSchematic } from './PageControl/schematic';
|
|
5
5
|
import { StepsSchematic } from './Steps/schematic';
|
|
6
6
|
import { TabBarItemsSchematic } from './TabBarItems/schematic';
|
|
7
|
+
import { TabIconSchematic } from './TabIcon/schematic';
|
|
8
|
+
import { TabLabelSchematic } from './TabLabel/schematic';
|
|
7
9
|
import { TabsSchematic } from './Tabs/schematic';
|
|
10
|
+
import { TabTemplateSchematic } from './TabTemplate/schematic';
|
|
8
11
|
import { TextLinkSchematic } from './TextLink/schematic';
|
|
9
12
|
import { TopAppBarSchematic } from './TopAppBar/schematic';
|
|
10
13
|
/** Runtime registry of the navigation components. */
|
|
@@ -12,6 +15,9 @@ export const NavigationSchematics = {
|
|
|
12
15
|
[TopAppBarSchematic.type]: TopAppBarSchematic,
|
|
13
16
|
[BottomNavigationBarSchematic.type]: BottomNavigationBarSchematic,
|
|
14
17
|
[TabBarItemsSchematic.type]: TabBarItemsSchematic,
|
|
18
|
+
[TabTemplateSchematic.type]: TabTemplateSchematic,
|
|
19
|
+
[TabIconSchematic.type]: TabIconSchematic,
|
|
20
|
+
[TabLabelSchematic.type]: TabLabelSchematic,
|
|
15
21
|
[DrawerItemsSchematic.type]: DrawerItemsSchematic,
|
|
16
22
|
[TabsSchematic.type]: TabsSchematic,
|
|
17
23
|
[BreadcrumbsSchematic.type]: BreadcrumbsSchematic,
|
|
@@ -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,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"}
|
|
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,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,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,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,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"}
|