@oxy.so/bloom 7.1.5 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/adoption-matrix.mdx +18 -17
- package/docs/app-shell.mdx +48 -2
- package/docs/appearance.mdx +16 -1
- package/docs/chip.mdx +5 -0
- package/docs/content-panel.mdx +9 -0
- package/docs/error-boundary.mdx +35 -0
- package/docs/mail-thread.mdx +8 -0
- package/docs/page-footer.mdx +60 -0
- package/docs/settings-modal.mdx +5 -0
- package/docs/sidebar.mdx +1 -1
- package/lib/commonjs/app-shell/AppShell.js +3 -2
- package/lib/commonjs/app-shell/AppShell.js.map +1 -1
- package/lib/commonjs/app-shell/AppShellBars.js +8 -5
- package/lib/commonjs/app-shell/AppShellBars.js.map +1 -1
- package/lib/commonjs/app-shell/AppShellEngine.js +81 -36
- package/lib/commonjs/app-shell/AppShellEngine.js.map +1 -1
- package/lib/commonjs/app-shell/AppShellSplit.js +26 -14
- package/lib/commonjs/app-shell/AppShellSplit.js.map +1 -1
- package/lib/commonjs/appearance/BloomScope.js +8 -3
- package/lib/commonjs/appearance/BloomScope.js.map +1 -1
- package/lib/commonjs/appearance/context.js.map +1 -1
- package/lib/commonjs/chip/Chip.js +51 -7
- package/lib/commonjs/chip/Chip.js.map +1 -1
- package/lib/commonjs/content-panel/ContentPanel.js +40 -24
- package/lib/commonjs/content-panel/ContentPanel.js.map +1 -1
- package/lib/commonjs/content-panel/ContentPanel.web.js +45 -18
- package/lib/commonjs/content-panel/ContentPanel.web.js.map +1 -1
- package/lib/commonjs/design-tokens/shapes.js +2 -2
- package/lib/commonjs/design-tokens/shapes.js.map +1 -1
- package/lib/commonjs/design-tokens/tokens.json +2 -2
- package/lib/commonjs/error-boundary/ErrorBoundary.js +10 -0
- package/lib/commonjs/error-boundary/ErrorBoundary.js.map +1 -1
- package/lib/commonjs/error-boundary/PanelErrorBoundary.js +64 -0
- package/lib/commonjs/error-boundary/PanelErrorBoundary.js.map +1 -0
- package/lib/commonjs/error-boundary/index.js +7 -0
- package/lib/commonjs/error-boundary/index.js.map +1 -1
- package/lib/commonjs/index.js +946 -927
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +946 -927
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/mail-thread/MailMessage.js +8 -14
- package/lib/commonjs/mail-thread/MailMessage.js.map +1 -1
- package/lib/commonjs/mail-thread/MailThread.js +6 -2
- package/lib/commonjs/mail-thread/MailThread.js.map +1 -1
- package/lib/commonjs/mail-thread/shared.js +2 -1
- package/lib/commonjs/mail-thread/shared.js.map +1 -1
- package/lib/commonjs/page-footer/PageFooter.js +137 -0
- package/lib/commonjs/page-footer/PageFooter.js.map +1 -0
- package/lib/commonjs/page-footer/PageFooterProvider.js +22 -0
- package/lib/commonjs/page-footer/PageFooterProvider.js.map +1 -0
- package/lib/commonjs/page-footer/context.js +11 -0
- package/lib/commonjs/page-footer/context.js.map +1 -0
- package/lib/commonjs/page-footer/index.js +27 -0
- package/lib/commonjs/page-footer/index.js.map +1 -0
- package/lib/commonjs/page-footer/types.js +6 -0
- package/lib/commonjs/page-footer/types.js.map +1 -0
- package/lib/commonjs/page-footer/use-page-footer-inset.js +19 -0
- package/lib/commonjs/page-footer/use-page-footer-inset.js.map +1 -0
- package/lib/commonjs/settings-modal/SettingsPlanCard.js +11 -7
- package/lib/commonjs/settings-modal/SettingsPlanCard.js.map +1 -1
- package/lib/commonjs/sidebar/Sidebar.js +6 -5
- package/lib/commonjs/sidebar/Sidebar.js.map +1 -1
- package/lib/commonjs/styles/panel-chrome.js +15 -1
- package/lib/commonjs/styles/panel-chrome.js.map +1 -1
- package/lib/module/app-shell/AppShell.js +3 -2
- package/lib/module/app-shell/AppShell.js.map +1 -1
- package/lib/module/app-shell/AppShellBars.js +8 -5
- package/lib/module/app-shell/AppShellBars.js.map +1 -1
- package/lib/module/app-shell/AppShellEngine.js +81 -36
- package/lib/module/app-shell/AppShellEngine.js.map +1 -1
- package/lib/module/app-shell/AppShellSplit.js +26 -14
- package/lib/module/app-shell/AppShellSplit.js.map +1 -1
- package/lib/module/appearance/BloomScope.js +8 -3
- package/lib/module/appearance/BloomScope.js.map +1 -1
- package/lib/module/appearance/context.js.map +1 -1
- package/lib/module/chip/Chip.js +51 -7
- package/lib/module/chip/Chip.js.map +1 -1
- package/lib/module/content-panel/ContentPanel.js +41 -25
- package/lib/module/content-panel/ContentPanel.js.map +1 -1
- package/lib/module/content-panel/ContentPanel.web.js +47 -20
- package/lib/module/content-panel/ContentPanel.web.js.map +1 -1
- package/lib/module/design-tokens/shapes.js +2 -2
- package/lib/module/design-tokens/shapes.js.map +1 -1
- package/lib/module/design-tokens/tokens.json +2 -2
- package/lib/module/error-boundary/ErrorBoundary.js +10 -0
- package/lib/module/error-boundary/ErrorBoundary.js.map +1 -1
- package/lib/module/error-boundary/PanelErrorBoundary.js +59 -0
- package/lib/module/error-boundary/PanelErrorBoundary.js.map +1 -0
- package/lib/module/error-boundary/index.js +1 -0
- package/lib/module/error-boundary/index.js.map +1 -1
- package/lib/module/index.js +2 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js +2 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/mail-thread/MailMessage.js +8 -14
- package/lib/module/mail-thread/MailMessage.js.map +1 -1
- package/lib/module/mail-thread/MailThread.js +6 -2
- package/lib/module/mail-thread/MailThread.js.map +1 -1
- package/lib/module/mail-thread/shared.js +2 -1
- package/lib/module/mail-thread/shared.js.map +1 -1
- package/lib/module/page-footer/PageFooter.js +132 -0
- package/lib/module/page-footer/PageFooter.js.map +1 -0
- package/lib/module/page-footer/PageFooterProvider.js +18 -0
- package/lib/module/page-footer/PageFooterProvider.js.map +1 -0
- package/lib/module/page-footer/context.js +7 -0
- package/lib/module/page-footer/context.js.map +1 -0
- package/lib/module/page-footer/index.js +6 -0
- package/lib/module/page-footer/index.js.map +1 -0
- package/lib/module/page-footer/types.js +4 -0
- package/lib/module/page-footer/types.js.map +1 -0
- package/lib/module/page-footer/use-page-footer-inset.js +16 -0
- package/lib/module/page-footer/use-page-footer-inset.js.map +1 -0
- package/lib/module/settings-modal/SettingsPlanCard.js +7 -3
- package/lib/module/settings-modal/SettingsPlanCard.js.map +1 -1
- package/lib/module/sidebar/Sidebar.js +6 -5
- package/lib/module/sidebar/Sidebar.js.map +1 -1
- package/lib/module/styles/panel-chrome.js +14 -1
- package/lib/module/styles/panel-chrome.js.map +1 -1
- package/lib/typescript/commonjs/app-shell/AppShellBars.d.ts +4 -0
- package/lib/typescript/commonjs/app-shell/AppShellBars.d.ts.map +1 -1
- package/lib/typescript/commonjs/app-shell/AppShellEngine.d.ts.map +1 -1
- package/lib/typescript/commonjs/app-shell/AppShellSplit.d.ts.map +1 -1
- package/lib/typescript/commonjs/app-shell/types.d.ts +16 -3
- package/lib/typescript/commonjs/app-shell/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/appearance/BloomScope.d.ts +1 -1
- package/lib/typescript/commonjs/appearance/BloomScope.d.ts.map +1 -1
- package/lib/typescript/commonjs/appearance/context.d.ts +2 -2
- package/lib/typescript/commonjs/appearance/context.d.ts.map +1 -1
- package/lib/typescript/commonjs/appearance/types.d.ts +4 -1
- package/lib/typescript/commonjs/appearance/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/chip/Chip.d.ts.map +1 -1
- package/lib/typescript/commonjs/content-panel/ContentPanel.d.ts +3 -4
- package/lib/typescript/commonjs/content-panel/ContentPanel.d.ts.map +1 -1
- package/lib/typescript/commonjs/content-panel/ContentPanel.web.d.ts +1 -1
- package/lib/typescript/commonjs/content-panel/ContentPanel.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/content-panel/types.d.ts +5 -2
- package/lib/typescript/commonjs/content-panel/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/design-tokens/shapes.d.ts +2 -2
- package/lib/typescript/commonjs/error-boundary/ErrorBoundary.d.ts +1 -0
- package/lib/typescript/commonjs/error-boundary/ErrorBoundary.d.ts.map +1 -1
- package/lib/typescript/commonjs/error-boundary/PanelErrorBoundary.d.ts +4 -0
- package/lib/typescript/commonjs/error-boundary/PanelErrorBoundary.d.ts.map +1 -0
- package/lib/typescript/commonjs/error-boundary/index.d.ts +2 -1
- package/lib/typescript/commonjs/error-boundary/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/error-boundary/types.d.ts +16 -0
- package/lib/typescript/commonjs/error-boundary/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.d.ts +3 -2
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.web.d.ts +3 -2
- package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/MailMessage.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/MailThread.d.ts +1 -1
- package/lib/typescript/commonjs/mail-thread/MailThread.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/shared.d.ts +1 -1
- package/lib/typescript/commonjs/mail-thread/shared.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/types.d.ts +2 -0
- package/lib/typescript/commonjs/mail-thread/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/page-footer/PageFooter.d.ts +7 -0
- package/lib/typescript/commonjs/page-footer/PageFooter.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/PageFooterProvider.d.ts +4 -0
- package/lib/typescript/commonjs/page-footer/PageFooterProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/context.d.ts +3 -0
- package/lib/typescript/commonjs/page-footer/context.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/index.d.ts +5 -0
- package/lib/typescript/commonjs/page-footer/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/types.d.ts +26 -0
- package/lib/typescript/commonjs/page-footer/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/use-page-footer-inset.d.ts +7 -0
- package/lib/typescript/commonjs/page-footer/use-page-footer-inset.d.ts.map +1 -0
- package/lib/typescript/commonjs/settings-modal/SettingsPlanCard.d.ts.map +1 -1
- package/lib/typescript/commonjs/settings-modal/types.d.ts +3 -0
- package/lib/typescript/commonjs/settings-modal/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/sidebar/Sidebar.d.ts.map +1 -1
- package/lib/typescript/commonjs/sidebar/types.d.ts +1 -1
- package/lib/typescript/commonjs/styles/panel-chrome.d.ts +5 -0
- package/lib/typescript/commonjs/styles/panel-chrome.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/AppShellBars.d.ts +4 -0
- package/lib/typescript/module/app-shell/AppShellBars.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/AppShellEngine.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/AppShellSplit.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/types.d.ts +16 -3
- package/lib/typescript/module/app-shell/types.d.ts.map +1 -1
- package/lib/typescript/module/appearance/BloomScope.d.ts +1 -1
- package/lib/typescript/module/appearance/BloomScope.d.ts.map +1 -1
- package/lib/typescript/module/appearance/context.d.ts +2 -2
- package/lib/typescript/module/appearance/context.d.ts.map +1 -1
- package/lib/typescript/module/appearance/types.d.ts +4 -1
- package/lib/typescript/module/appearance/types.d.ts.map +1 -1
- package/lib/typescript/module/chip/Chip.d.ts.map +1 -1
- package/lib/typescript/module/content-panel/ContentPanel.d.ts +3 -4
- package/lib/typescript/module/content-panel/ContentPanel.d.ts.map +1 -1
- package/lib/typescript/module/content-panel/ContentPanel.web.d.ts +1 -1
- package/lib/typescript/module/content-panel/ContentPanel.web.d.ts.map +1 -1
- package/lib/typescript/module/content-panel/types.d.ts +5 -2
- package/lib/typescript/module/content-panel/types.d.ts.map +1 -1
- package/lib/typescript/module/design-tokens/shapes.d.ts +2 -2
- package/lib/typescript/module/error-boundary/ErrorBoundary.d.ts +1 -0
- package/lib/typescript/module/error-boundary/ErrorBoundary.d.ts.map +1 -1
- package/lib/typescript/module/error-boundary/PanelErrorBoundary.d.ts +4 -0
- package/lib/typescript/module/error-boundary/PanelErrorBoundary.d.ts.map +1 -0
- package/lib/typescript/module/error-boundary/index.d.ts +2 -1
- package/lib/typescript/module/error-boundary/index.d.ts.map +1 -1
- package/lib/typescript/module/error-boundary/types.d.ts +16 -0
- package/lib/typescript/module/error-boundary/types.d.ts.map +1 -1
- package/lib/typescript/module/index.d.ts +3 -2
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/index.web.d.ts +3 -2
- package/lib/typescript/module/index.web.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/MailMessage.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/MailThread.d.ts +1 -1
- package/lib/typescript/module/mail-thread/MailThread.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/shared.d.ts +1 -1
- package/lib/typescript/module/mail-thread/shared.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/types.d.ts +2 -0
- package/lib/typescript/module/mail-thread/types.d.ts.map +1 -1
- package/lib/typescript/module/page-footer/PageFooter.d.ts +7 -0
- package/lib/typescript/module/page-footer/PageFooter.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/PageFooterProvider.d.ts +4 -0
- package/lib/typescript/module/page-footer/PageFooterProvider.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/context.d.ts +3 -0
- package/lib/typescript/module/page-footer/context.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/index.d.ts +5 -0
- package/lib/typescript/module/page-footer/index.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/types.d.ts +26 -0
- package/lib/typescript/module/page-footer/types.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/use-page-footer-inset.d.ts +7 -0
- package/lib/typescript/module/page-footer/use-page-footer-inset.d.ts.map +1 -0
- package/lib/typescript/module/settings-modal/SettingsPlanCard.d.ts.map +1 -1
- package/lib/typescript/module/settings-modal/types.d.ts +3 -0
- package/lib/typescript/module/settings-modal/types.d.ts.map +1 -1
- package/lib/typescript/module/sidebar/Sidebar.d.ts.map +1 -1
- package/lib/typescript/module/sidebar/types.d.ts +1 -1
- package/lib/typescript/module/styles/panel-chrome.d.ts +5 -0
- package/lib/typescript/module/styles/panel-chrome.d.ts.map +1 -1
- package/package.json +18 -1
- package/src/__tests__/support/adoption-matrix.ts +683 -0
- package/src/__tests__/support/card-surface.ts +25 -0
- package/src/__tests__/support/collision-fixture-barrel.ts +20 -0
- package/src/__tests__/support/commerce-harness.tsx +97 -0
- package/src/__tests__/support/composite.ts +68 -0
- package/src/__tests__/support/constructed-style-sheets.ts +68 -0
- package/src/__tests__/support/messages-in.ts +10 -0
- package/src/__tests__/support/press-host.ts +30 -0
- package/src/__tests__/support/rendered-style.ts +99 -0
- package/src/__tests__/support/unread-hook-fixture.ts +33 -0
- package/src/__tests__/support/worklet-capture-fixture.tsx +28 -0
- package/src/agent-avatar/__tests__/artwork-golden.json +774 -0
- package/src/agent-creator/__tests__/support/character-runtime-fixture.tsx +26 -0
- package/src/app-shell/AppShell.tsx +2 -2
- package/src/app-shell/AppShellBars.tsx +6 -4
- package/src/app-shell/AppShellEngine.tsx +51 -18
- package/src/app-shell/AppShellSplit.tsx +16 -7
- package/src/app-shell/types.ts +16 -3
- package/src/appearance/BloomScope.tsx +5 -2
- package/src/appearance/context.ts +2 -2
- package/src/appearance/types.ts +4 -1
- package/src/chip/Chip.tsx +26 -5
- package/src/content-panel/ContentPanel.tsx +35 -26
- package/src/content-panel/ContentPanel.web.tsx +35 -24
- package/src/content-panel/types.ts +5 -2
- package/src/design-tokens/shapes.ts +1 -1
- package/src/design-tokens/tokens.json +2 -2
- package/src/error-boundary/ErrorBoundary.tsx +6 -0
- package/src/error-boundary/PanelErrorBoundary.tsx +38 -0
- package/src/error-boundary/index.ts +3 -0
- package/src/error-boundary/types.ts +18 -0
- package/src/index.ts +4 -1
- package/src/index.web.ts +4 -1
- package/src/mail-thread/MailMessage.tsx +9 -11
- package/src/mail-thread/MailThread.tsx +3 -1
- package/src/mail-thread/shared.ts +2 -1
- package/src/mail-thread/types.ts +2 -0
- package/src/page-footer/PageFooter.tsx +96 -0
- package/src/page-footer/PageFooterProvider.tsx +9 -0
- package/src/page-footer/context.ts +6 -0
- package/src/page-footer/index.ts +4 -0
- package/src/page-footer/types.ts +26 -0
- package/src/page-footer/use-page-footer-inset.ts +17 -0
- package/src/settings-modal/SettingsPlanCard.tsx +2 -0
- package/src/settings-modal/types.ts +3 -0
- package/src/sidebar/Sidebar.tsx +5 -4
- package/src/sidebar/types.ts +1 -1
- package/src/styles/panel-chrome.ts +9 -1
- package/src/theme/__tests__/__fixtures__/golden-resolved-tokens.json +9346 -0
- package/src/theme/__tests__/__fixtures__/tonal-glass-primary-failures.json +69 -0
- package/src/theme/__tests__/fixtures/color-engine-golden.json +1 -0
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
import React, { memo, useCallback, useRef, useState } from 'react';
|
|
20
20
|
import { ScrollView, View } from 'react-native';
|
|
21
21
|
import { AiChatResizeHandle } from "../ai-chat/AiChatResizeHandle.js";
|
|
22
|
+
import { PanelErrorBoundary } from "../error-boundary/PanelErrorBoundary.js";
|
|
22
23
|
import { Z_INDEX } from "../styles/z-index.js";
|
|
23
24
|
import { space } from "../styles/tokens.js";
|
|
24
25
|
import { useTheme } from "../theme/use-theme.js";
|
|
@@ -31,34 +32,42 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
31
32
|
function Pane({
|
|
32
33
|
children,
|
|
33
34
|
scroll,
|
|
35
|
+
errorBoundary,
|
|
34
36
|
style,
|
|
35
37
|
testID
|
|
36
38
|
}) {
|
|
39
|
+
const content = scroll ? /*#__PURE__*/_jsx(ScrollView, {
|
|
40
|
+
style: {
|
|
41
|
+
flex: 1
|
|
42
|
+
},
|
|
43
|
+
contentContainerStyle: {
|
|
44
|
+
flexGrow: 1
|
|
45
|
+
},
|
|
46
|
+
children: children
|
|
47
|
+
}) : /*#__PURE__*/_jsx(View, {
|
|
48
|
+
style: {
|
|
49
|
+
flex: 1,
|
|
50
|
+
minHeight: 0
|
|
51
|
+
},
|
|
52
|
+
children: children
|
|
53
|
+
});
|
|
37
54
|
return /*#__PURE__*/_jsx(View, {
|
|
38
55
|
testID: testID,
|
|
39
56
|
style: [{
|
|
40
57
|
minWidth: 0,
|
|
41
58
|
alignSelf: 'stretch'
|
|
42
59
|
}, style],
|
|
43
|
-
children:
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
},
|
|
47
|
-
contentContainerStyle: {
|
|
48
|
-
flexGrow: 1
|
|
49
|
-
},
|
|
50
|
-
children: children
|
|
51
|
-
}) : /*#__PURE__*/_jsx(View, {
|
|
52
|
-
style: {
|
|
53
|
-
flex: 1,
|
|
54
|
-
minHeight: 0
|
|
55
|
-
},
|
|
56
|
-
children: children
|
|
60
|
+
children: errorBoundary === false ? content : /*#__PURE__*/_jsx(PanelErrorBoundary, {
|
|
61
|
+
...errorBoundary,
|
|
62
|
+
children: content
|
|
57
63
|
})
|
|
58
64
|
});
|
|
59
65
|
}
|
|
60
66
|
const AppShellSplitPanesComponent = ({
|
|
61
67
|
variant = 'joined',
|
|
68
|
+
listErrorBoundary,
|
|
69
|
+
detailErrorBoundary,
|
|
70
|
+
infoErrorBoundary,
|
|
62
71
|
list,
|
|
63
72
|
detail,
|
|
64
73
|
info,
|
|
@@ -123,6 +132,7 @@ const AppShellSplitPanesComponent = ({
|
|
|
123
132
|
},
|
|
124
133
|
children: [showList ? /*#__PURE__*/_jsx(Pane, {
|
|
125
134
|
testID: testID ? `${testID}-pane-list` : undefined,
|
|
135
|
+
errorBoundary: listErrorBoundary,
|
|
126
136
|
scroll: paneScroll,
|
|
127
137
|
style: solo ? {
|
|
128
138
|
flexGrow: 1,
|
|
@@ -159,6 +169,7 @@ const AppShellSplitPanesComponent = ({
|
|
|
159
169
|
}) : null
|
|
160
170
|
}) : null, showDetail ? /*#__PURE__*/_jsx(Pane, {
|
|
161
171
|
testID: testID ? `${testID}-pane-detail` : undefined,
|
|
172
|
+
errorBoundary: detailErrorBoundary,
|
|
162
173
|
scroll: paneScroll,
|
|
163
174
|
style: {
|
|
164
175
|
flexGrow: 1,
|
|
@@ -171,6 +182,7 @@ const AppShellSplitPanesComponent = ({
|
|
|
171
182
|
testID: testID ? `${testID}-info-gap` : undefined
|
|
172
183
|
}) : null, showInfo ? /*#__PURE__*/_jsx(Pane, {
|
|
173
184
|
testID: testID ? `${testID}-pane-info` : undefined,
|
|
185
|
+
errorBoundary: infoErrorBoundary,
|
|
174
186
|
scroll: paneScroll,
|
|
175
187
|
style: solo ? {
|
|
176
188
|
flexGrow: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useCallback","useRef","useState","ScrollView","View","AiChatResizeHandle","Z_INDEX","space","useTheme","useMessages","APP_SHELL_MESSAGES","APP_SHELL_DEFAULTS","D","jsx","_jsx","jsxs","_jsxs","Pane","children","scroll","
|
|
1
|
+
{"version":3,"names":["React","memo","useCallback","useRef","useState","ScrollView","View","AiChatResizeHandle","PanelErrorBoundary","Z_INDEX","space","useTheme","useMessages","APP_SHELL_MESSAGES","APP_SHELL_DEFAULTS","D","jsx","_jsx","jsxs","_jsxs","Pane","children","scroll","errorBoundary","style","testID","content","flex","contentContainerStyle","flexGrow","minHeight","minWidth","alignSelf","AppShellSplitPanesComponent","variant","listErrorBoundary","detailErrorBoundary","infoErrorBoundary","list","detail","info","showList","showDetail","showInfo","listWidth","listMinWidth","listMaxWidth","onListWidthChange","infoWidth","resizable","paneScroll","resizeLabel","resizeLabelProp","theme","messages","resizePanes","width","setWidth","widthAtDragStart","clamp","next","Math","min","max","commit","clamped","onResizeStart","current","onResize","dx","onNudge","separated","divider","md","flexShrink","zIndex","floating","backgroundColor","colors","border","solo","filter","Boolean","length","flexDirection","undefined","flexBasis","pointerEvents","position","top","bottom","left","right","label","AppShellSplitPanes","displayName"],"sourceRoot":"../../../src","sources":["app-shell/AppShellSplit.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,13 +7,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
7
7
|
export function BloomScope({
|
|
8
8
|
children,
|
|
9
9
|
size,
|
|
10
|
-
tone
|
|
10
|
+
tone,
|
|
11
|
+
panelRadius
|
|
11
12
|
}) {
|
|
13
|
+
if (panelRadius !== undefined && (!Number.isFinite(panelRadius) || panelRadius < 0)) {
|
|
14
|
+
throw new RangeError('panelRadius must be a finite, non-negative number.');
|
|
15
|
+
}
|
|
12
16
|
const parent = useContext(BloomAppearanceContext);
|
|
13
17
|
const value = useMemo(() => ({
|
|
14
18
|
size: size ?? parent.size,
|
|
15
|
-
tone: tone ?? parent.tone
|
|
16
|
-
|
|
19
|
+
tone: tone ?? parent.tone,
|
|
20
|
+
panelRadius: panelRadius ?? parent.panelRadius
|
|
21
|
+
}), [size, tone, panelRadius, parent]);
|
|
17
22
|
return /*#__PURE__*/_jsx(BloomAppearanceContext.Provider, {
|
|
18
23
|
value: value,
|
|
19
24
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useContext","useMemo","BloomAppearanceContext","jsx","_jsx","BloomScope","children","size","tone","parent","value","Provider"],"sourceRoot":"../../../src","sources":["appearance/BloomScope.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,sBAAsB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnD;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;
|
|
1
|
+
{"version":3,"names":["React","useContext","useMemo","BloomAppearanceContext","jsx","_jsx","BloomScope","children","size","tone","panelRadius","undefined","Number","isFinite","RangeError","parent","value","Provider"],"sourceRoot":"../../../src","sources":["appearance/BloomScope.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,sBAAsB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnD;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAA6B,CAAC,EAAE;EACjF,IAAIA,WAAW,KAAKC,SAAS,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACH,WAAW,CAAC,IAAIA,WAAW,GAAG,CAAC,CAAC,EAAE;IACnF,MAAM,IAAII,UAAU,CAAC,oDAAoD,CAAC;EAC5E;EACA,MAAMC,MAAM,GAAGd,UAAU,CAACE,sBAAsB,CAAC;EACjD,MAAMa,KAAK,GAAGd,OAAO,CAAC,OAAO;IAAEM,IAAI,EAAEA,IAAI,IAAIO,MAAM,CAACP,IAAI;IAAEC,IAAI,EAAEA,IAAI,IAAIM,MAAM,CAACN,IAAI;IAAEC,WAAW,EAAEA,WAAW,IAAIK,MAAM,CAACL;EAAY,CAAC,CAAC,EAAE,CAACF,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAEK,MAAM,CAAC,CAAC;EAC1K,oBAAOV,IAAA,CAACF,sBAAsB,CAACc,QAAQ;IAACD,KAAK,EAAEA,KAAM;IAAAT,QAAA,EAAEA;EAAQ,CAAkC,CAAC;AACpG","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","BloomAppearanceContext","useBloomAppearance","props","defaults","scope","size","tone"],"sourceRoot":"../../../src","sources":["appearance/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,sBAAsB,gBAAGF,aAAa,
|
|
1
|
+
{"version":3,"names":["createContext","useContext","BloomAppearanceContext","useBloomAppearance","props","defaults","scope","size","tone"],"sourceRoot":"../../../src","sources":["appearance/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,sBAAsB,gBAAGF,aAAa,CAAoC,CAAC,CAAC,CAAC;;AAE1F;AACA,OAAO,SAASG,kBAAkBA,CAChCC,KAA2B,EAC3BC,QAAwC,EACR;EAChC,MAAMC,KAAK,GAAGL,UAAU,CAACC,sBAAsB,CAAC;EAChD,OAAO;IAAEK,IAAI,EAAEH,KAAK,CAACG,IAAI,IAAID,KAAK,CAACC,IAAI,IAAIF,QAAQ,CAACE,IAAI;IAAEC,IAAI,EAAEJ,KAAK,CAACI,IAAI,IAAIF,KAAK,CAACE,IAAI,IAAIH,QAAQ,CAACG;EAAK,CAAC;AAC7G","ignoreList":[]}
|
package/lib/module/chip/Chip.js
CHANGED
|
@@ -79,6 +79,15 @@ const BLOOM_CHIP_CSS = interactiveWebCss({
|
|
|
79
79
|
},
|
|
80
80
|
outlineOffset: 2,
|
|
81
81
|
extraRules: `
|
|
82
|
+
/* The removable pill contains two sibling controls. Draw one exterior focus ring. */
|
|
83
|
+
[data-bloom-chip-group]:has(:focus-visible) {
|
|
84
|
+
outline: 2px solid var(--bloom-chip-ring);
|
|
85
|
+
outline-offset: 2px;
|
|
86
|
+
}
|
|
87
|
+
[data-bloom-chip-group] [data-bloom-chip]:focus-visible {
|
|
88
|
+
outline: none;
|
|
89
|
+
}
|
|
90
|
+
|
|
82
91
|
/* The rung with a minWidth ("Any", "1", "8+" in a counts row) centres its
|
|
83
92
|
label. The style prop cannot say so: the reset above is an adopted sheet and
|
|
84
93
|
wins over react-native-web's atomic classes, so it has to be said here too. */
|
|
@@ -223,7 +232,12 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
|
|
|
223
232
|
// when that label is words; `closeLabel` is for the rest.
|
|
224
233
|
const removeLabel = closeLabel ?? (typeof children === 'string' ? `Remove ${children}` : 'Remove');
|
|
225
234
|
const closeButton = onClose ? /*#__PURE__*/_jsx(Pressable, {
|
|
226
|
-
onPress:
|
|
235
|
+
onPress: event => {
|
|
236
|
+
event.stopPropagation();
|
|
237
|
+
onClose();
|
|
238
|
+
},
|
|
239
|
+
disabled: disabled,
|
|
240
|
+
"aria-disabled": disabled || undefined,
|
|
227
241
|
hitSlop: {
|
|
228
242
|
top: 6,
|
|
229
243
|
bottom: 6,
|
|
@@ -252,7 +266,7 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
|
|
|
252
266
|
}) : children, endIcon != null ? /*#__PURE__*/_jsx(View, {
|
|
253
267
|
style: iconSlotStyle,
|
|
254
268
|
children: endIcon
|
|
255
|
-
}) : null
|
|
269
|
+
}) : null]
|
|
256
270
|
});
|
|
257
271
|
if (onPress || onCheckedChange) {
|
|
258
272
|
// Both spellings of the state, because neither platform reads the other's
|
|
@@ -283,8 +297,8 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
|
|
|
283
297
|
},
|
|
284
298
|
'aria-pressed': selected
|
|
285
299
|
};
|
|
286
|
-
|
|
287
|
-
className: className,
|
|
300
|
+
const button = /*#__PURE__*/_jsx(StyledPressable, {
|
|
301
|
+
className: onClose ? undefined : className,
|
|
288
302
|
ref: ref
|
|
289
303
|
// The DOM hook the adopted sheet above hangs off.
|
|
290
304
|
//
|
|
@@ -319,7 +333,18 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
|
|
|
319
333
|
onKeyDown
|
|
320
334
|
} : null)
|
|
321
335
|
} : {}),
|
|
322
|
-
style:
|
|
336
|
+
style: onClose ? {
|
|
337
|
+
flexGrow: 1,
|
|
338
|
+
flexShrink: 1,
|
|
339
|
+
alignSelf: 'stretch',
|
|
340
|
+
flexDirection: 'row',
|
|
341
|
+
alignItems: 'center',
|
|
342
|
+
gap: geometry.iconGap,
|
|
343
|
+
borderWidth: 0,
|
|
344
|
+
backgroundColor: 'transparent',
|
|
345
|
+
padding: 0,
|
|
346
|
+
minWidth: 0
|
|
347
|
+
} : [containerStyle, disabled && {
|
|
323
348
|
opacity: 0.5
|
|
324
349
|
}, hovered && !disabled && paint.hoveredBorder ? {
|
|
325
350
|
borderColor: paint.hoveredBorder
|
|
@@ -347,8 +372,27 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
|
|
|
347
372
|
testID: testID,
|
|
348
373
|
children: content
|
|
349
374
|
});
|
|
375
|
+
if (!onClose) return button;
|
|
376
|
+
// Selection and removal are sibling controls, never nested buttons.
|
|
377
|
+
// The shared outer pill owns layout classes and paint; the ref still targets selection.
|
|
378
|
+
return /*#__PURE__*/_jsxs(StyledView, {
|
|
379
|
+
className: className,
|
|
380
|
+
...(IS_WEB ? {
|
|
381
|
+
dataSet: {
|
|
382
|
+
bloomChipGroup: ''
|
|
383
|
+
}
|
|
384
|
+
} : {}),
|
|
385
|
+
style: [containerStyle, disabled && {
|
|
386
|
+
opacity: 0.5
|
|
387
|
+
}, hovered && !disabled && paint.hoveredBorder ? {
|
|
388
|
+
borderColor: paint.hoveredBorder
|
|
389
|
+
} : null, pressed && !disabled && {
|
|
390
|
+
backgroundColor: paint.pressedBackground
|
|
391
|
+
}, style],
|
|
392
|
+
children: [button, closeButton]
|
|
393
|
+
});
|
|
350
394
|
}
|
|
351
|
-
return /*#__PURE__*/
|
|
395
|
+
return /*#__PURE__*/_jsxs(StyledView, {
|
|
352
396
|
className: className,
|
|
353
397
|
ref: ref,
|
|
354
398
|
style: [containerStyle, disabled && {
|
|
@@ -356,7 +400,7 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
|
|
|
356
400
|
}, style],
|
|
357
401
|
accessibilityLabel: accessibilityLabel,
|
|
358
402
|
testID: testID,
|
|
359
|
-
children: content
|
|
403
|
+
children: [content, closeButton]
|
|
360
404
|
});
|
|
361
405
|
});
|
|
362
406
|
export const Chip = /*#__PURE__*/memo(ChipComponent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useBloomAppearance","normalizeTagTone","React","forwardRef","memo","useMemo","View","Platform","Pressable","useTheme","Text","borderRadius","useInteractionState","RiCloseLine","NOT_DISABLED","interactiveWebCss","useInteractiveWebCss","CHIP_GEOMETRY","resolveChipPaint","resolveChipRing","StyledView","StyledPressable","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CLOSE_ICON","STYLE_ID","BLOOM_CHIP_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","IS_WEB","OS","ChipComponent","children","variant","variantProp","appearance","tone","toneProp","color","hue","surface","size","sizeProp","startIcon","startIconProp","leading","leadingIcon","LeadingIcon","endIcon","endIconProp","trailing","trailingIcon","TrailingIcon","onPress","onClose","closeLabel","selected","selectedProp","checked","onCheckedChange","role","disabled","tabIndex","onKeyDown","style","textStyle","className","textClassName","accessibilityLabel","testID","ref","theme","scoped","includes","undefined","state","pressed","onIn","onPressIn","onOut","onPressOut","hovered","onHoverIn","onHoverOut","paint","ring","geometry","containerStyle","height","full","paddingHorizontal","backgroundColor","background","borderWidth","borderColor","border","flexDirection","alignItems","gap","iconGap","alignSelf","minWidth","justifyContent","flexShrink","overflow","labelStyle","foreground","iconSlotStyle","width","icon","removeLabel","closeButton","hitSlop","top","bottom","left","right","accessibilityRole","fill","content","split","filter","token","test","join","type","numberOfLines","stateProps","accessibilityState","dataSet","bloomChip","bloomChipCenter","bloomChipInverted","opacity","hoveredBorder","pressedBackground","event","Chip","displayName"],"sourceRoot":"../../../src","sources":["chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useBloomAppearance","normalizeTagTone","React","forwardRef","memo","useMemo","View","Platform","Pressable","useTheme","Text","borderRadius","useInteractionState","RiCloseLine","NOT_DISABLED","interactiveWebCss","useInteractiveWebCss","CHIP_GEOMETRY","resolveChipPaint","resolveChipRing","StyledView","StyledPressable","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CLOSE_ICON","STYLE_ID","BLOOM_CHIP_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","IS_WEB","OS","ChipComponent","children","variant","variantProp","appearance","tone","toneProp","color","hue","surface","size","sizeProp","startIcon","startIconProp","leading","leadingIcon","LeadingIcon","endIcon","endIconProp","trailing","trailingIcon","TrailingIcon","onPress","onClose","closeLabel","selected","selectedProp","checked","onCheckedChange","role","disabled","tabIndex","onKeyDown","style","textStyle","className","textClassName","accessibilityLabel","testID","ref","theme","scoped","includes","undefined","state","pressed","onIn","onPressIn","onOut","onPressOut","hovered","onHoverIn","onHoverOut","paint","ring","geometry","containerStyle","height","full","paddingHorizontal","backgroundColor","background","borderWidth","borderColor","border","flexDirection","alignItems","gap","iconGap","alignSelf","minWidth","justifyContent","flexShrink","overflow","labelStyle","foreground","iconSlotStyle","width","icon","removeLabel","closeButton","event","stopPropagation","hitSlop","top","bottom","left","right","accessibilityRole","fill","content","split","filter","token","test","join","type","numberOfLines","stateProps","accessibilityState","button","dataSet","bloomChip","bloomChipCenter","bloomChipInverted","flexGrow","padding","opacity","hoveredBorder","pressedBackground","bloomChipGroup","Chip","displayName"],"sourceRoot":"../../../src","sources":["chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { PanelErrorBoundary } from "../error-boundary/PanelErrorBoundary.js";
|
|
3
4
|
import { resolveSurfaceMaterial } from "../surface/resolve-surface-material.js";
|
|
4
5
|
/**
|
|
5
6
|
* Native variant of `ContentPanel` — the framed app-content surface.
|
|
@@ -13,13 +14,12 @@ import { resolveSurfaceMaterial } from "../surface/resolve-surface-material.js";
|
|
|
13
14
|
* On NATIVE none of the WEB overlay machinery applies: there is no document
|
|
14
15
|
* scroll, no sticky positioning, and no bleed to mask, so the panel is simply a
|
|
15
16
|
* surface wrapping its content. The `framed` prop still drives whether that
|
|
16
|
-
* surface is rounded + bordered, tri-state
|
|
17
|
-
* (the
|
|
18
|
-
* native too — the material follows the same window breakpoint):
|
|
17
|
+
* surface is rounded + bordered, tri-state with responsive NativeWind borders
|
|
18
|
+
* (the material and scoped radius follow the same window breakpoint):
|
|
19
19
|
*
|
|
20
20
|
* - `undefined` (DEFAULT) → responsive: full-bleed below the `framedFrom`
|
|
21
21
|
* breakpoint (default `768` / Tailwind `md`), rounded + bordered at/above it
|
|
22
|
-
* (e.g. `md:
|
|
22
|
+
* (e.g. `md:border md:border-border`).
|
|
23
23
|
* - `false` → never framed (plain full-bleed at every size).
|
|
24
24
|
* - `true` → always rounded + bordered.
|
|
25
25
|
*
|
|
@@ -36,7 +36,8 @@ import { resolveSurfaceMaterial } from "../surface/resolve-surface-material.js";
|
|
|
36
36
|
import React, { memo } from 'react';
|
|
37
37
|
import { SurfacePaint } from "../surface/SurfacePaint.js";
|
|
38
38
|
import { StyleSheet, useWindowDimensions } from 'react-native';
|
|
39
|
-
import { useOptionalPanelChrome } from "../styles/panel-chrome.js";
|
|
39
|
+
import { useOptionalPanelChrome, usePanelShape } from "../styles/panel-chrome.js";
|
|
40
|
+
import { surfaceStyle as resolveShapeStyle } from "../shapes/surface-style.js";
|
|
40
41
|
import { StyledView } from "../styles/styled-primitives.js";
|
|
41
42
|
import { SurfaceLevelProvider, surfaceFillVars, useOptionalSurfaceFill } from "../styles/surface-levels.js";
|
|
42
43
|
import { ContentPanelNestingContext, useContentPanelNestingGuard } from "./context.js";
|
|
@@ -60,19 +61,20 @@ export const PANEL_BOTTOM_INSET = 8;
|
|
|
60
61
|
* value is the only runtime decision.
|
|
61
62
|
*/
|
|
62
63
|
const RESPONSIVE_SURFACE = {
|
|
63
|
-
500: 'min-[500px]:
|
|
64
|
-
640: 'sm:
|
|
65
|
-
768: 'md:
|
|
66
|
-
1024: 'lg:
|
|
64
|
+
500: 'min-[500px]:border min-[500px]:border-border',
|
|
65
|
+
640: 'sm:border sm:border-border',
|
|
66
|
+
768: 'md:border md:border-border',
|
|
67
|
+
1024: 'lg:border lg:border-border'
|
|
67
68
|
};
|
|
68
69
|
const RESPONSIVE_CONTENT = {
|
|
69
|
-
500: 'min-[500px]:overflow-hidden
|
|
70
|
-
640: 'sm:overflow-hidden
|
|
71
|
-
768: 'md:overflow-hidden
|
|
72
|
-
1024: 'lg:overflow-hidden
|
|
70
|
+
500: 'min-[500px]:overflow-hidden',
|
|
71
|
+
640: 'sm:overflow-hidden',
|
|
72
|
+
768: 'md:overflow-hidden',
|
|
73
|
+
1024: 'lg:overflow-hidden'
|
|
73
74
|
};
|
|
74
75
|
const ContentPanelComponent = ({
|
|
75
76
|
children,
|
|
77
|
+
errorBoundary = false,
|
|
76
78
|
framed,
|
|
77
79
|
framedFrom = 768,
|
|
78
80
|
fill = false,
|
|
@@ -86,6 +88,7 @@ const ContentPanelComponent = ({
|
|
|
86
88
|
}) => {
|
|
87
89
|
// Dev-only invariant — a ContentPanel must never be nested inside another.
|
|
88
90
|
useContentPanelNestingGuard();
|
|
91
|
+
const panelShape = usePanelShape();
|
|
89
92
|
const panelChrome = useOptionalPanelChrome();
|
|
90
93
|
// What the panel tells its subtree it is painted in (`./shared.ts`).
|
|
91
94
|
const rawFill = usePanelSurfaceFill(surfaceClassName, surfaceStyle, surfaceColor);
|
|
@@ -94,24 +97,31 @@ const ContentPanelComponent = ({
|
|
|
94
97
|
width
|
|
95
98
|
} = useWindowDimensions();
|
|
96
99
|
const parentFill = useOptionalSurfaceFill();
|
|
97
|
-
const paintsSurface = Boolean(defaultFill) && parentFill !== undefined && (framed ?? width >= framedFrom);
|
|
100
|
+
const paintsSurface = Boolean(defaultFill) && parentFill !== undefined && (framed ?? width >= framedFrom) && chrome !== 'none';
|
|
98
101
|
const publishedFill = rawFill && paintsSurface ? resolveSurfaceMaterial({
|
|
99
102
|
fill: rawFill,
|
|
100
103
|
parentFill: parentFill
|
|
101
104
|
}).publishedFill : rawFill;
|
|
102
|
-
const radius = StyleSheet.flatten(surfaceStyle)?.borderRadius ??
|
|
105
|
+
const radius = StyleSheet.flatten(surfaceStyle)?.borderRadius ?? panelShape.radius;
|
|
106
|
+
const isFramed = framed ?? width >= framedFrom;
|
|
107
|
+
const geometry = {
|
|
108
|
+
...resolveShapeStyle({
|
|
109
|
+
curve: panelShape.curve
|
|
110
|
+
}),
|
|
111
|
+
borderRadius: isFramed ? radius : 0
|
|
112
|
+
};
|
|
103
113
|
|
|
104
114
|
// Tri-state: `undefined` → responsive (breakpoint-gated), `true` → always
|
|
105
115
|
// framed, `false` → never framed (plain full-bleed). Whole literal class
|
|
106
116
|
// strings are selected per mode so the Tailwind content-scan over `src/**`
|
|
107
|
-
// picks up every `min-*`/`sm:`/`md:`/`lg:`
|
|
117
|
+
// picks up every `min-*`/`sm:`/`md:`/`lg:` token verbatim
|
|
108
118
|
// (the breakpoint bundle lives whole in `RESPONSIVE_SURFACE`; `framed ===
|
|
109
119
|
// true`/`false` ignore `framedFrom` for fixed always/never framing).
|
|
110
|
-
const surfaceBase = framed === undefined ? `flex-1 ${RESPONSIVE_SURFACE[framedFrom]}` : framed ? 'flex-1
|
|
120
|
+
const surfaceBase = chrome === 'none' ? 'flex-1' : framed === undefined ? `flex-1 ${RESPONSIVE_SURFACE[framedFrom]}` : framed ? 'flex-1 border border-border' : 'flex-1';
|
|
111
121
|
const surfaceClass = [surfaceBase, fill ? 'min-h-0' : '', surfaceClassName ?? (paintsSurface ? 'bg-transparent' : 'bg-card')].filter(Boolean).join(' ');
|
|
112
122
|
// Native has no overlays: the surface itself carries the edge. `none` drops
|
|
113
123
|
// both, `border` keeps the class-drawn hairline, `elevated` adds the lift.
|
|
114
|
-
const chromeStyle =
|
|
124
|
+
const chromeStyle = !isFramed || chrome === 'none' || chrome === 'border' ? null : shadow || panelChrome ? {
|
|
115
125
|
boxShadow: shadow ?? panelChrome?.shadow
|
|
116
126
|
} : null;
|
|
117
127
|
// `fill` is the panel's own height contract, and on native it is already
|
|
@@ -119,30 +129,36 @@ const ContentPanelComponent = ({
|
|
|
119
129
|
// bottom and a list inside it scrolls within it. What the prop adds here is
|
|
120
130
|
// `min-h-0`, so a tall child cannot push the panel past the box it was given
|
|
121
131
|
// — the same automatic-minimum-size trap as on web.
|
|
122
|
-
const contentClass = ['flex-1', framed === true ? 'overflow-hidden
|
|
132
|
+
const contentClass = ['flex-1', framed === true ? 'overflow-hidden' : framed === undefined ? RESPONSIVE_CONTENT[framedFrom] : '', fill ? 'min-h-0' : '', contentClassName].filter(Boolean).join(' ');
|
|
123
133
|
return /*#__PURE__*/_jsx(ContentPanelNestingContext.Provider, {
|
|
124
134
|
value: true,
|
|
125
135
|
children: /*#__PURE__*/_jsxs(StyledView, {
|
|
136
|
+
testID: "content-panel-surface",
|
|
126
137
|
className: surfaceClass,
|
|
127
138
|
style: [
|
|
128
139
|
// The surface variable rides the element that carries the fill, so
|
|
129
140
|
// the two can never disagree. A no-op on native; the provider below
|
|
130
141
|
// is what answers there. (`styles/surface-levels.ts`.)
|
|
131
|
-
surfaceFillVars(publishedFill), chromeStyle, surfaceStyle, paintsSurface ? {
|
|
142
|
+
surfaceFillVars(publishedFill), geometry, chromeStyle, surfaceStyle, paintsSurface ? {
|
|
132
143
|
backgroundColor: 'transparent'
|
|
133
144
|
} : null],
|
|
134
145
|
children: [paintsSurface ? /*#__PURE__*/_jsx(SurfacePaint, {
|
|
135
146
|
fill: defaultFill,
|
|
136
|
-
radius: radius
|
|
147
|
+
radius: radius,
|
|
148
|
+
shape: {
|
|
149
|
+
curve: panelShape.curve
|
|
150
|
+
}
|
|
137
151
|
}) : null, /*#__PURE__*/_jsx(StyledView, {
|
|
152
|
+
testID: "content-panel-content",
|
|
138
153
|
className: contentClass,
|
|
139
|
-
style: [
|
|
140
|
-
borderRadius: framed ?? width >= framedFrom ? radius : 0
|
|
141
|
-
}, contentStyle],
|
|
154
|
+
style: [geometry, contentStyle],
|
|
142
155
|
children: /*#__PURE__*/_jsx(SurfaceLevelProvider, {
|
|
143
156
|
level: 1,
|
|
144
157
|
fill: publishedFill,
|
|
145
|
-
children: children
|
|
158
|
+
children: errorBoundary === false ? children : /*#__PURE__*/_jsx(PanelErrorBoundary, {
|
|
159
|
+
...(errorBoundary === true ? {} : errorBoundary),
|
|
160
|
+
children: children
|
|
161
|
+
})
|
|
146
162
|
})
|
|
147
163
|
})]
|
|
148
164
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["resolveSurfaceMaterial","React","memo","SurfacePaint","StyleSheet","useWindowDimensions","useOptionalPanelChrome","StyledView","SurfaceLevelProvider","surfaceFillVars","useOptionalSurfaceFill","ContentPanelNestingContext","useContentPanelNestingGuard","usePanelSurfaceFill","jsx","_jsx","jsxs","_jsxs","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","RESPONSIVE_CONTENT","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","
|
|
1
|
+
{"version":3,"names":["PanelErrorBoundary","resolveSurfaceMaterial","React","memo","SurfacePaint","StyleSheet","useWindowDimensions","useOptionalPanelChrome","usePanelShape","surfaceStyle","resolveShapeStyle","StyledView","SurfaceLevelProvider","surfaceFillVars","useOptionalSurfaceFill","ContentPanelNestingContext","useContentPanelNestingGuard","usePanelSurfaceFill","jsx","_jsx","jsxs","_jsxs","GUTTER_MASK_SPREAD","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","RESPONSIVE_CONTENT","ContentPanelComponent","children","errorBoundary","framed","framedFrom","fill","surfaceClassName","surfaceColor","chrome","shadow","contentClassName","contentStyle","panelShape","panelChrome","rawFill","defaultFill","width","parentFill","paintsSurface","Boolean","undefined","publishedFill","radius","flatten","borderRadius","isFramed","geometry","curve","surfaceBase","surfaceClass","filter","join","chromeStyle","boxShadow","contentClass","Provider","value","testID","className","style","backgroundColor","shape","level","ContentPanel","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"mappings":"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","ignoreList":[]}
|