@cdx-ui/components 0.3.1 → 0.3.3
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/README.md +2 -2
- package/coverage.svg +1 -1
- package/docs/components/bottom-sheet/content.md +2 -2
- package/docs/components/content.md +2 -0
- package/docs/components/currency-input/content.md +94 -5
- package/docs/components/data-grid/content.md +125 -1
- package/docs/components/insight/content.md +644 -0
- package/docs/components/insight-stack/content.md +231 -0
- package/docs/foundations/styles/tokens/all-tokens/content.md +23 -3
- package/docs/llms.txt +4 -0
- package/docs/patterns/forms/content.md +255 -0
- package/docs/resources/release-notes/0.3.1/content.md +13 -0
- package/docs/resources/release-notes/0.3.2/content.md +17 -0
- package/docs/resources/release-notes/content.md +2 -0
- package/lib/commonjs/components/BottomSheet/index.js +63 -16
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/index.js +35 -10
- package/lib/commonjs/components/CurrencyInput/index.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/styles.js +40 -3
- package/lib/commonjs/components/CurrencyInput/styles.js.map +1 -1
- package/lib/commonjs/components/Insight/index.js +438 -0
- package/lib/commonjs/components/Insight/index.js.map +1 -0
- package/lib/commonjs/components/Insight/insetRadius.js +35 -0
- package/lib/commonjs/components/Insight/insetRadius.js.map +1 -0
- package/lib/commonjs/components/Insight/styles.js +186 -0
- package/lib/commonjs/components/Insight/styles.js.map +1 -0
- package/lib/commonjs/components/InsightStack/index.js +93 -0
- package/lib/commonjs/components/InsightStack/index.js.map +1 -0
- package/lib/commonjs/components/InsightStack/styles.js +61 -0
- package/lib/commonjs/components/InsightStack/styles.js.map +1 -0
- package/lib/commonjs/components/index.js +24 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/CurrencyInput.figma.js +8 -8
- package/lib/commonjs/figma/CurrencyInput.figma.js.map +1 -1
- package/lib/commonjs/figma/Insight.figma.js +73 -0
- package/lib/commonjs/figma/Insight.figma.js.map +1 -0
- package/lib/commonjs/figma/InsightStack.figma.js +39 -0
- package/lib/commonjs/figma/InsightStack.figma.js.map +1 -0
- package/lib/module/components/BottomSheet/index.js +64 -17
- package/lib/module/components/BottomSheet/index.js.map +1 -1
- package/lib/module/components/CurrencyInput/index.js +37 -12
- package/lib/module/components/CurrencyInput/index.js.map +1 -1
- package/lib/module/components/CurrencyInput/styles.js +38 -3
- package/lib/module/components/CurrencyInput/styles.js.map +1 -1
- package/lib/module/components/Insight/index.js +433 -0
- package/lib/module/components/Insight/index.js.map +1 -0
- package/lib/module/components/Insight/insetRadius.js +30 -0
- package/lib/module/components/Insight/insetRadius.js.map +1 -0
- package/lib/module/components/Insight/styles.js +183 -0
- package/lib/module/components/Insight/styles.js.map +1 -0
- package/lib/module/components/InsightStack/index.js +89 -0
- package/lib/module/components/InsightStack/index.js.map +1 -0
- package/lib/module/components/InsightStack/styles.js +58 -0
- package/lib/module/components/InsightStack/styles.js.map +1 -0
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/CurrencyInput.figma.js +8 -8
- package/lib/module/figma/CurrencyInput.figma.js.map +1 -1
- package/lib/module/figma/Insight.figma.js +67 -0
- package/lib/module/figma/Insight.figma.js.map +1 -0
- package/lib/module/figma/InsightStack.figma.js +33 -0
- package/lib/module/figma/InsightStack.figma.js.map +1 -0
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/index.d.ts +4 -1
- package/lib/typescript/components/CurrencyInput/index.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/styles.d.ts +17 -6
- package/lib/typescript/components/CurrencyInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/Insight/index.d.ts +87 -0
- package/lib/typescript/components/Insight/index.d.ts.map +1 -0
- package/lib/typescript/components/Insight/insetRadius.d.ts +8 -0
- package/lib/typescript/components/Insight/insetRadius.d.ts.map +1 -0
- package/lib/typescript/components/Insight/styles.d.ts +33 -0
- package/lib/typescript/components/Insight/styles.d.ts.map +1 -0
- package/lib/typescript/components/InsightStack/index.d.ts +21 -0
- package/lib/typescript/components/InsightStack/index.d.ts.map +1 -0
- package/lib/typescript/components/InsightStack/styles.d.ts +11 -0
- package/lib/typescript/components/InsightStack/styles.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +2 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/CurrencyInput.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Insight.figma.d.ts +8 -0
- package/lib/typescript/figma/Insight.figma.d.ts.map +1 -0
- package/lib/typescript/figma/InsightStack.figma.d.ts +8 -0
- package/lib/typescript/figma/InsightStack.figma.d.ts.map +1 -0
- package/package.json +5 -5
- package/src/components/BottomSheet/index.tsx +88 -13
- package/src/components/CurrencyInput/index.tsx +36 -12
- package/src/components/CurrencyInput/styles.ts +51 -4
- package/src/components/Insight/index.tsx +531 -0
- package/src/components/Insight/insetRadius.ts +30 -0
- package/src/components/Insight/styles.ts +193 -0
- package/src/components/InsightStack/index.tsx +86 -0
- package/src/components/InsightStack/styles.ts +61 -0
- package/src/components/index.ts +2 -0
|
@@ -0,0 +1,438 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Insight = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _uniwind = require("uniwind");
|
|
11
|
+
var _primitives = require("@cdx-ui/primitives");
|
|
12
|
+
var _icons = require("@cdx-ui/icons");
|
|
13
|
+
var _utils = require("@cdx-ui/utils");
|
|
14
|
+
var _Avatar = require("../Avatar");
|
|
15
|
+
var _Chip = require("../Chip");
|
|
16
|
+
var _IconButton = require("../IconButton");
|
|
17
|
+
var _animation = require("../../animation");
|
|
18
|
+
var _insetRadius = require("./insetRadius");
|
|
19
|
+
var _styles = require("./styles");
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
22
|
+
const SCOPE = 'INSIGHT';
|
|
23
|
+
const useInsightStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
24
|
+
const [InsightTagRegistryProvider, useInsightTagRegistry] = (0, _utils.createContext)('InsightTagRegistry');
|
|
25
|
+
let hasWarnedMissingTag = false;
|
|
26
|
+
const PRESSED_SCALE = 0.98;
|
|
27
|
+
const PRESS_SCALE_DURATION_MS = 120;
|
|
28
|
+
|
|
29
|
+
// =============================================================================
|
|
30
|
+
// ROOT
|
|
31
|
+
// =============================================================================
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* `className` and `style` style the outer frame (the border). `asChild` replaces the inner
|
|
35
|
+
* surface element. `onPress` exists only on `layout="summary"`.
|
|
36
|
+
*
|
|
37
|
+
* `ref` targets the element that takes focus: the press region of a summary with `onPress`
|
|
38
|
+
* (the surface, or the region beside the dismiss button when `onClose` is also set), so
|
|
39
|
+
* `ref.current?.focus()` moves focus to the card. A static Insight puts `ref` on its surface.
|
|
40
|
+
*/
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Press state lives in InsightRoot's context, but the scaled element is the frame around it, so
|
|
44
|
+
* this child of the root writes the frame's shared value.
|
|
45
|
+
*/
|
|
46
|
+
function InsightPressScale({
|
|
47
|
+
scale
|
|
48
|
+
}) {
|
|
49
|
+
const {
|
|
50
|
+
isPressed,
|
|
51
|
+
isPressable
|
|
52
|
+
} = (0, _primitives.useInsightContext)();
|
|
53
|
+
const isAllAnimationsDisabled = (0, _animation.useCombinedAnimationDisabledState)(undefined);
|
|
54
|
+
(0, _react.useEffect)(() => {
|
|
55
|
+
if (!isPressable || isAllAnimationsDisabled) {
|
|
56
|
+
scale.set(1);
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
scale.set((0, _reactNativeReanimated.withTiming)(isPressed ? PRESSED_SCALE : 1, {
|
|
60
|
+
duration: PRESS_SCALE_DURATION_MS
|
|
61
|
+
}));
|
|
62
|
+
}, [scale, isPressed, isPressable, isAllAnimationsDisabled]);
|
|
63
|
+
return null;
|
|
64
|
+
}
|
|
65
|
+
function SummaryBody({
|
|
66
|
+
hasClose,
|
|
67
|
+
scale,
|
|
68
|
+
children
|
|
69
|
+
}) {
|
|
70
|
+
const {
|
|
71
|
+
color
|
|
72
|
+
} = useInsightStyleContext();
|
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
74
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InsightPressScale, {
|
|
75
|
+
scale: scale
|
|
76
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
77
|
+
"aria-hidden": true,
|
|
78
|
+
accessibilityElementsHidden: true,
|
|
79
|
+
importantForAccessibility: "no-hide-descendants",
|
|
80
|
+
...(0, _primitives.dataAttributes)({
|
|
81
|
+
slot: 'insight-icon'
|
|
82
|
+
}),
|
|
83
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
|
|
84
|
+
size: "md",
|
|
85
|
+
variant: "subtle",
|
|
86
|
+
color: color,
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar.Icon, {
|
|
88
|
+
as: _icons.Sparkle,
|
|
89
|
+
className: (0, _styles.insightIconVariants)({
|
|
90
|
+
color
|
|
91
|
+
})
|
|
92
|
+
})
|
|
93
|
+
})
|
|
94
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
95
|
+
className: (0, _styles.insightSummaryTextVariants)({
|
|
96
|
+
hasClose
|
|
97
|
+
}),
|
|
98
|
+
children: children
|
|
99
|
+
})]
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
const InsightRootStyled = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
103
|
+
const {
|
|
104
|
+
color = 'info',
|
|
105
|
+
aiGenerated = false,
|
|
106
|
+
onClose,
|
|
107
|
+
closeAccessibilityLabel = 'Dismiss insight',
|
|
108
|
+
asChild = false,
|
|
109
|
+
className,
|
|
110
|
+
style,
|
|
111
|
+
children,
|
|
112
|
+
...rootProps
|
|
113
|
+
} = props;
|
|
114
|
+
const layout = props.layout ?? 'summary';
|
|
115
|
+
const onPress = props.layout !== 'detail' ? props.onPress : undefined;
|
|
116
|
+
const isDisabled = props.layout !== 'detail' && !!props.isDisabled;
|
|
117
|
+
const hasClose = !!onClose;
|
|
118
|
+
const asChildElement = asChild && /*#__PURE__*/(0, _react.isValidElement)(children);
|
|
119
|
+
const isPressable = layout === 'summary' && !!onPress;
|
|
120
|
+
// Mirrors InsightRoot: an accessory splits a pressable or `asChild` root into a container
|
|
121
|
+
// and a press region.
|
|
122
|
+
const isSplit = hasClose && (isPressable || asChildElement);
|
|
123
|
+
|
|
124
|
+
// The frame scales, not the press region, so the border and the close button move with it.
|
|
125
|
+
const scale = (0, _reactNativeReanimated.useSharedValue)(1);
|
|
126
|
+
// Explicit deps for Vite/web without the Reanimated Babel plugin.
|
|
127
|
+
const pressScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
128
|
+
transform: [{
|
|
129
|
+
scale: scale.get()
|
|
130
|
+
}]
|
|
131
|
+
}), [scale]);
|
|
132
|
+
const [tag, setTag] = (0, _react.useState)(null);
|
|
133
|
+
const tagOwnerRef = (0, _react.useRef)(null);
|
|
134
|
+
const registerTag = (0, _react.useCallback)((owner, next) => {
|
|
135
|
+
if (next) {
|
|
136
|
+
tagOwnerRef.current = owner;
|
|
137
|
+
setTag(next);
|
|
138
|
+
} else if (tagOwnerRef.current === owner) {
|
|
139
|
+
tagOwnerRef.current = null;
|
|
140
|
+
setTag(null);
|
|
141
|
+
}
|
|
142
|
+
}, []);
|
|
143
|
+
const registry = (0, _react.useMemo)(() => ({
|
|
144
|
+
registerTag
|
|
145
|
+
}), [registerTag]);
|
|
146
|
+
(0, _react.useEffect)(() => {
|
|
147
|
+
if (__DEV__ && layout === 'detail' && tagOwnerRef.current === null && !hasWarnedMissingTag) {
|
|
148
|
+
hasWarnedMissingTag = true;
|
|
149
|
+
console.warn('[Insight] A `layout="detail"` Insight needs an `Insight.Tag` child. The design has no tagless detail layout.');
|
|
150
|
+
}
|
|
151
|
+
}, [layout]);
|
|
152
|
+
|
|
153
|
+
// A runtime override reaches native as a `px` string, which a `calc()` class turns into NaN.
|
|
154
|
+
// Web keeps the `calc()` class, which tracks the root font size and scoped overrides.
|
|
155
|
+
const radiusVariable = (0, _uniwind.useCSSVariable)('--border-radius-default');
|
|
156
|
+
const surfaceRadius = _reactNative.Platform.OS === 'web' ? undefined : (0, _insetRadius.insetRadius)(radiusVariable, _styles.FRAME_WIDTH);
|
|
157
|
+
const surfaceStyle = (0, _react.useMemo)(() => surfaceRadius === undefined ? undefined : {
|
|
158
|
+
borderRadius: surfaceRadius
|
|
159
|
+
}, [surfaceRadius]);
|
|
160
|
+
const parent = (0, _utils.useParentContext)();
|
|
161
|
+
const ctx = (0, _react.useMemo)(() => ({
|
|
162
|
+
...parent,
|
|
163
|
+
[SCOPE]: {
|
|
164
|
+
layout,
|
|
165
|
+
color,
|
|
166
|
+
hasClose
|
|
167
|
+
}
|
|
168
|
+
}), [parent, layout, color, hasClose]);
|
|
169
|
+
let content = children;
|
|
170
|
+
if (layout === 'summary') {
|
|
171
|
+
content = asChildElement ? (/*#__PURE__*/(0, _react.cloneElement)(children, undefined, /*#__PURE__*/(0, _jsxRuntime.jsx)(SummaryBody, {
|
|
172
|
+
hasClose: hasClose,
|
|
173
|
+
scale: scale,
|
|
174
|
+
children: children.props.children
|
|
175
|
+
}))) : /*#__PURE__*/(0, _jsxRuntime.jsx)(SummaryBody, {
|
|
176
|
+
hasClose: hasClose,
|
|
177
|
+
scale: scale,
|
|
178
|
+
children: children
|
|
179
|
+
});
|
|
180
|
+
}
|
|
181
|
+
const closeButton = onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
|
|
182
|
+
as: _icons.Close,
|
|
183
|
+
variant: "ghost",
|
|
184
|
+
size: "small",
|
|
185
|
+
color: "neutral",
|
|
186
|
+
onPress: onClose,
|
|
187
|
+
accessibilityLabel: closeAccessibilityLabel,
|
|
188
|
+
className: (0, _styles.insightCloseVariants)(),
|
|
189
|
+
...(0, _primitives.dataAttributes)({
|
|
190
|
+
slot: 'insight-close'
|
|
191
|
+
})
|
|
192
|
+
}) : undefined;
|
|
193
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
|
|
194
|
+
value: ctx,
|
|
195
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InsightTagRegistryProvider, {
|
|
196
|
+
value: registry,
|
|
197
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
198
|
+
className: (0, _utils.cn)((0, _styles.insightFrameVariants)({
|
|
199
|
+
layout,
|
|
200
|
+
color,
|
|
201
|
+
aiGenerated
|
|
202
|
+
}), className),
|
|
203
|
+
style: isPressable ? [style, pressScaleStyle] : style,
|
|
204
|
+
...(0, _primitives.dataAttributes)({
|
|
205
|
+
slot: 'insight-frame',
|
|
206
|
+
...(isPressable && {
|
|
207
|
+
disabled: isDisabled
|
|
208
|
+
})
|
|
209
|
+
}),
|
|
210
|
+
children: [layout === 'detail' && tag ? /*#__PURE__*/(0, _jsxRuntime.jsx)(InsightTagChip, {
|
|
211
|
+
...tag
|
|
212
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.InsightRoot, {
|
|
213
|
+
...rootProps,
|
|
214
|
+
ref: ref,
|
|
215
|
+
asChild: asChild,
|
|
216
|
+
style: surfaceStyle,
|
|
217
|
+
accessory: closeButton,
|
|
218
|
+
className: (0, _styles.insightSurfaceVariants)({
|
|
219
|
+
layout,
|
|
220
|
+
split: isSplit
|
|
221
|
+
}),
|
|
222
|
+
pressableClassName: isSplit && layout === 'summary' ? (0, _styles.insightPressRegionVariants)() : undefined,
|
|
223
|
+
...(0, _primitives.mergeDataAttributes)(rootProps, (0, _primitives.dataAttributes)({
|
|
224
|
+
slot: 'insight'
|
|
225
|
+
})),
|
|
226
|
+
children: content
|
|
227
|
+
})]
|
|
228
|
+
})
|
|
229
|
+
})
|
|
230
|
+
});
|
|
231
|
+
});
|
|
232
|
+
InsightRootStyled.displayName = 'Insight';
|
|
233
|
+
|
|
234
|
+
// =============================================================================
|
|
235
|
+
// TAG
|
|
236
|
+
// =============================================================================
|
|
237
|
+
|
|
238
|
+
function InsightTagChip({
|
|
239
|
+
asChild,
|
|
240
|
+
className,
|
|
241
|
+
style,
|
|
242
|
+
children,
|
|
243
|
+
ref,
|
|
244
|
+
...props
|
|
245
|
+
}) {
|
|
246
|
+
const {
|
|
247
|
+
color
|
|
248
|
+
} = useInsightStyleContext();
|
|
249
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
250
|
+
ref: ref,
|
|
251
|
+
className: (0, _utils.cn)((0, _styles.insightTagVariants)(), className),
|
|
252
|
+
style: style,
|
|
253
|
+
...props,
|
|
254
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
255
|
+
slot: 'insight-tag'
|
|
256
|
+
})),
|
|
257
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Chip.Chip, {
|
|
258
|
+
variant: "subtle",
|
|
259
|
+
size: "small",
|
|
260
|
+
color: color,
|
|
261
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip.Icon, {
|
|
262
|
+
as: _icons.Sparkle,
|
|
263
|
+
position: "leading",
|
|
264
|
+
className: (0, _styles.insightTagIconVariants)({
|
|
265
|
+
color
|
|
266
|
+
})
|
|
267
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip.Label, {
|
|
268
|
+
asChild: asChild,
|
|
269
|
+
children: children
|
|
270
|
+
})]
|
|
271
|
+
})
|
|
272
|
+
});
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* The detail layout's category tag. Insight renders it as a Sparkle chip straddling the top
|
|
277
|
+
* border, ahead of the header in reading order, wherever it appears among the children.
|
|
278
|
+
*/
|
|
279
|
+
const InsightTag = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
280
|
+
const {
|
|
281
|
+
registerTag
|
|
282
|
+
} = useInsightTagRegistry();
|
|
283
|
+
const [owner] = (0, _react.useState)(() => ({}));
|
|
284
|
+
(0, _react.useLayoutEffect)(() => {
|
|
285
|
+
registerTag(owner, {
|
|
286
|
+
...props,
|
|
287
|
+
ref
|
|
288
|
+
});
|
|
289
|
+
}, [registerTag, owner, props, ref]);
|
|
290
|
+
(0, _react.useLayoutEffect)(() => () => registerTag(owner, null), [registerTag, owner]);
|
|
291
|
+
return null;
|
|
292
|
+
});
|
|
293
|
+
InsightTag.displayName = 'Insight.Tag';
|
|
294
|
+
|
|
295
|
+
// =============================================================================
|
|
296
|
+
// HEADER
|
|
297
|
+
// =============================================================================
|
|
298
|
+
|
|
299
|
+
const InsightHeader = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
300
|
+
asChild,
|
|
301
|
+
className,
|
|
302
|
+
children,
|
|
303
|
+
style,
|
|
304
|
+
...props
|
|
305
|
+
}, ref) => {
|
|
306
|
+
const Comp = asChild ? _primitives.Slot : _reactNative.View;
|
|
307
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
308
|
+
ref: ref,
|
|
309
|
+
className: (0, _utils.cn)((0, _styles.insightHeaderVariants)(), className),
|
|
310
|
+
style: style,
|
|
311
|
+
...props,
|
|
312
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
313
|
+
slot: 'insight-header'
|
|
314
|
+
})),
|
|
315
|
+
children: children
|
|
316
|
+
});
|
|
317
|
+
});
|
|
318
|
+
InsightHeader.displayName = 'Insight.Header';
|
|
319
|
+
|
|
320
|
+
// =============================================================================
|
|
321
|
+
// TITLE
|
|
322
|
+
// =============================================================================
|
|
323
|
+
|
|
324
|
+
const InsightTitle = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
325
|
+
asChild,
|
|
326
|
+
className,
|
|
327
|
+
children,
|
|
328
|
+
style,
|
|
329
|
+
...props
|
|
330
|
+
}, ref) => {
|
|
331
|
+
const {
|
|
332
|
+
hasClose
|
|
333
|
+
} = useInsightStyleContext();
|
|
334
|
+
const Comp = asChild ? _primitives.Slot : _reactNative.Text;
|
|
335
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
336
|
+
ref: ref,
|
|
337
|
+
role: "heading",
|
|
338
|
+
className: (0, _utils.cn)((0, _styles.insightTitleVariants)({
|
|
339
|
+
hasClose
|
|
340
|
+
}), className),
|
|
341
|
+
style: style,
|
|
342
|
+
...props,
|
|
343
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
344
|
+
slot: 'insight-title'
|
|
345
|
+
})),
|
|
346
|
+
children: children
|
|
347
|
+
});
|
|
348
|
+
});
|
|
349
|
+
InsightTitle.displayName = 'Insight.Title';
|
|
350
|
+
|
|
351
|
+
// =============================================================================
|
|
352
|
+
// DESCRIPTION
|
|
353
|
+
// =============================================================================
|
|
354
|
+
|
|
355
|
+
const InsightDescription = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
356
|
+
asChild,
|
|
357
|
+
className,
|
|
358
|
+
children,
|
|
359
|
+
style,
|
|
360
|
+
...props
|
|
361
|
+
}, ref) => {
|
|
362
|
+
const Comp = asChild ? _primitives.Slot : _reactNative.Text;
|
|
363
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
364
|
+
ref: ref,
|
|
365
|
+
className: (0, _utils.cn)((0, _styles.insightDescriptionVariants)(), className),
|
|
366
|
+
style: style,
|
|
367
|
+
...props,
|
|
368
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
369
|
+
slot: 'insight-description'
|
|
370
|
+
})),
|
|
371
|
+
children: children
|
|
372
|
+
});
|
|
373
|
+
});
|
|
374
|
+
InsightDescription.displayName = 'Insight.Description';
|
|
375
|
+
|
|
376
|
+
// =============================================================================
|
|
377
|
+
// CONTENT
|
|
378
|
+
// =============================================================================
|
|
379
|
+
|
|
380
|
+
const InsightContent = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
381
|
+
asChild,
|
|
382
|
+
className,
|
|
383
|
+
children,
|
|
384
|
+
style,
|
|
385
|
+
...props
|
|
386
|
+
}, ref) => {
|
|
387
|
+
const Comp = asChild ? _primitives.Slot : _reactNative.View;
|
|
388
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
389
|
+
ref: ref,
|
|
390
|
+
className: (0, _utils.cn)((0, _styles.insightContentVariants)(), className),
|
|
391
|
+
style: style,
|
|
392
|
+
...props,
|
|
393
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
394
|
+
slot: 'insight-content'
|
|
395
|
+
})),
|
|
396
|
+
children: children
|
|
397
|
+
});
|
|
398
|
+
});
|
|
399
|
+
InsightContent.displayName = 'Insight.Content';
|
|
400
|
+
|
|
401
|
+
// =============================================================================
|
|
402
|
+
// FOOTER
|
|
403
|
+
// =============================================================================
|
|
404
|
+
|
|
405
|
+
const InsightFooter = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
406
|
+
asChild,
|
|
407
|
+
className,
|
|
408
|
+
children,
|
|
409
|
+
style,
|
|
410
|
+
...props
|
|
411
|
+
}, ref) => {
|
|
412
|
+
const Comp = asChild ? _primitives.Slot : _reactNative.View;
|
|
413
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
414
|
+
ref: ref,
|
|
415
|
+
className: (0, _utils.cn)((0, _styles.insightFooterVariants)(), className),
|
|
416
|
+
style: style,
|
|
417
|
+
...props,
|
|
418
|
+
...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
|
|
419
|
+
slot: 'insight-footer'
|
|
420
|
+
})),
|
|
421
|
+
children: children
|
|
422
|
+
});
|
|
423
|
+
});
|
|
424
|
+
InsightFooter.displayName = 'Insight.Footer';
|
|
425
|
+
|
|
426
|
+
// =============================================================================
|
|
427
|
+
// COMPOUND COMPONENT
|
|
428
|
+
// =============================================================================
|
|
429
|
+
|
|
430
|
+
const Insight = exports.Insight = Object.assign(InsightRootStyled, {
|
|
431
|
+
Tag: InsightTag,
|
|
432
|
+
Header: InsightHeader,
|
|
433
|
+
Title: InsightTitle,
|
|
434
|
+
Description: InsightDescription,
|
|
435
|
+
Content: InsightContent,
|
|
436
|
+
Footer: InsightFooter
|
|
437
|
+
});
|
|
438
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_uniwind","_primitives","_icons","_utils","_Avatar","_Chip","_IconButton","_animation","_insetRadius","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCOPE","useInsightStyleContext","useStyleContext","InsightTagRegistryProvider","useInsightTagRegistry","createContext","hasWarnedMissingTag","PRESSED_SCALE","PRESS_SCALE_DURATION_MS","InsightPressScale","scale","isPressed","isPressable","useInsightContext","isAllAnimationsDisabled","useCombinedAnimationDisabledState","undefined","useEffect","withTiming","duration","SummaryBody","hasClose","children","color","jsxs","Fragment","jsx","View","accessibilityElementsHidden","importantForAccessibility","dataAttributes","slot","Avatar","size","variant","Icon","as","Sparkle","className","insightIconVariants","insightSummaryTextVariants","InsightRootStyled","forwardRef","props","ref","aiGenerated","onClose","closeAccessibilityLabel","asChild","style","rootProps","layout","onPress","isDisabled","asChildElement","isValidElement","isSplit","useSharedValue","pressScaleStyle","useAnimatedStyle","transform","tag","setTag","useState","tagOwnerRef","useRef","registerTag","useCallback","owner","next","current","registry","useMemo","__DEV__","console","warn","radiusVariable","useCSSVariable","surfaceRadius","Platform","OS","insetRadius","FRAME_WIDTH","surfaceStyle","borderRadius","parent","useParentContext","ctx","content","cloneElement","closeButton","IconButton","Close","accessibilityLabel","insightCloseVariants","ParentContext","Provider","value","cn","insightFrameVariants","disabled","InsightTagChip","InsightRoot","accessory","insightSurfaceVariants","split","pressableClassName","insightPressRegionVariants","mergeDataAttributes","displayName","insightTagVariants","Chip","position","insightTagIconVariants","Label","InsightTag","useLayoutEffect","InsightHeader","Comp","Slot","insightHeaderVariants","InsightTitle","Text","role","insightTitleVariants","InsightDescription","insightDescriptionVariants","InsightContent","insightContentVariants","InsightFooter","insightFooterVariants","Insight","exports","assign","Tag","Header","Title","Description","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Insight/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.cssLengthToPx = cssLengthToPx;
|
|
7
|
+
exports.insetRadius = insetRadius;
|
|
8
|
+
const ROOT_FONT_SIZE_PX = 16;
|
|
9
|
+
const LENGTH_PATTERN = /^(-?\d*\.?\d+)(px|rem)?$/;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Converts a resolved CSS variable (a number, or a `px`/`rem` string) to pixels. Native resolves
|
|
13
|
+
* built-in tokens to numbers, while runtime theme overrides and the web resolve to strings.
|
|
14
|
+
*/
|
|
15
|
+
function cssLengthToPx(value) {
|
|
16
|
+
if (typeof value === 'number') {
|
|
17
|
+
return Number.isFinite(value) ? value : undefined;
|
|
18
|
+
}
|
|
19
|
+
if (typeof value !== 'string') {
|
|
20
|
+
return undefined;
|
|
21
|
+
}
|
|
22
|
+
const match = LENGTH_PATTERN.exec(value.trim());
|
|
23
|
+
if (!match) {
|
|
24
|
+
return undefined;
|
|
25
|
+
}
|
|
26
|
+
const amount = Number(match[1]);
|
|
27
|
+
return match[2] === 'rem' ? amount * ROOT_FONT_SIZE_PX : amount;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/** The radius of a surface inset `inset` px inside a frame with radius `outer`, or `undefined` when `outer` is not a length. */
|
|
31
|
+
function insetRadius(outer, inset) {
|
|
32
|
+
const px = cssLengthToPx(outer);
|
|
33
|
+
return px === undefined ? undefined : Math.max(0, px - inset);
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=insetRadius.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ROOT_FONT_SIZE_PX","LENGTH_PATTERN","cssLengthToPx","value","Number","isFinite","undefined","match","exec","trim","amount","insetRadius","outer","inset","px","Math","max"],"sourceRoot":"../../../../src","sources":["components/Insight/insetRadius.ts"],"mappings":";;;;;;;AAAA,MAAMA,iBAAiB,GAAG,EAAE;AAE5B,MAAMC,cAAc,GAAG,0BAA0B;;AAEjD;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAACC,KAAkC,EAAsB;EACpF,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,GAAGA,KAAK,GAAGG,SAAS;EACnD;EACA,IAAI,OAAOH,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOG,SAAS;EAClB;EAEA,MAAMC,KAAK,GAAGN,cAAc,CAACO,IAAI,CAACL,KAAK,CAACM,IAAI,CAAC,CAAC,CAAC;EAC/C,IAAI,CAACF,KAAK,EAAE;IACV,OAAOD,SAAS;EAClB;EAEA,MAAMI,MAAM,GAAGN,MAAM,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B,OAAOA,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,GAAGG,MAAM,GAAGV,iBAAiB,GAAGU,MAAM;AACjE;;AAEA;AACO,SAASC,WAAWA,CAACC,KAAkC,EAAEC,KAAa,EAAsB;EACjG,MAAMC,EAAE,GAAGZ,aAAa,CAACU,KAAK,CAAC;EAC/B,OAAOE,EAAE,KAAKR,SAAS,GAAGA,SAAS,GAAGS,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEF,EAAE,GAAGD,KAAK,CAAC;AAC/D","ignoreList":[]}
|