@cdx-ui/components 0.3.8 → 0.3.9
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/components/data-grid/content.md +47 -0
- package/docs/components/date-range-picker/content.md +62 -1
- package/docs/llms.txt +3 -2
- package/docs/resources/release-notes/0.2.5/content.md +6 -8
- package/docs/resources/release-notes/0.3.0/content.md +2 -2
- package/docs/resources/release-notes/0.3.1/content.md +3 -3
- package/docs/resources/release-notes/0.3.2/content.md +1 -1
- package/docs/resources/release-notes/0.3.3/content.md +6 -6
- package/docs/resources/release-notes/0.3.4/content.md +5 -5
- package/docs/resources/release-notes/0.3.6/content.md +3 -3
- package/docs/resources/release-notes/0.3.7/content.md +7 -11
- package/docs/resources/release-notes/0.3.8/content.md +21 -0
- package/docs/resources/release-notes/content.md +3 -2
- package/lib/commonjs/components/DateRangePicker/index.js +3 -1
- package/lib/commonjs/components/DateRangePicker/index.js.map +1 -1
- package/lib/commonjs/components/picker/surfaces.js.map +1 -1
- package/lib/module/components/DateRangePicker/index.js +3 -1
- package/lib/module/components/DateRangePicker/index.js.map +1 -1
- package/lib/module/components/picker/surfaces.js.map +1 -1
- package/lib/typescript/components/DateRangePicker/index.d.ts +26 -2
- package/lib/typescript/components/DateRangePicker/index.d.ts.map +1 -1
- package/lib/typescript/components/picker/surfaces.d.ts +1 -1
- package/lib/typescript/components/picker/surfaces.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/DateRangePicker/index.tsx +29 -1
- package/src/components/picker/surfaces.tsx +6 -1
|
@@ -215,6 +215,53 @@ export default function DataGridRichCellsDemo() {
|
|
|
215
215
|
}
|
|
216
216
|
```
|
|
217
217
|
|
|
218
|
+
## Numeric columns
|
|
219
|
+
|
|
220
|
+
Set `align: 'end'` on numeric columns so values line up by their last digit. The header label follows the column alignment, and the sort control moves to the label's leading side so the label ends at the same edge as the values. A header label that is wider than its column truncates with an ellipsis, and the full label is available as a tooltip. Give the column enough `width` for its label plus the sort control to keep the label readable.
|
|
221
|
+
|
|
222
|
+
```tsx
|
|
223
|
+
import { DataGrid, type GridColDef } from '@cdx-ui/data-grid';
|
|
224
|
+
import { accounts, type Account } from './_data';
|
|
225
|
+
|
|
226
|
+
const currencyFormatter = new Intl.NumberFormat('en-US', {
|
|
227
|
+
style: 'currency',
|
|
228
|
+
currency: 'USD',
|
|
229
|
+
maximumFractionDigits: 0,
|
|
230
|
+
});
|
|
231
|
+
|
|
232
|
+
const columns: GridColDef<Account>[] = [
|
|
233
|
+
{ field: 'name', headerName: 'Account', flex: 1, minWidth: 160 },
|
|
234
|
+
{
|
|
235
|
+
field: 'balance',
|
|
236
|
+
headerName: 'Available balance',
|
|
237
|
+
width: 200,
|
|
238
|
+
align: 'end',
|
|
239
|
+
valueFormatter: (_, row) => currencyFormatter.format(row.balance),
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
field: 'automation',
|
|
243
|
+
headerName: 'Automated payments share of all outgoing payments',
|
|
244
|
+
width: 160,
|
|
245
|
+
align: 'end',
|
|
246
|
+
valueFormatter: (_, row) => `${row.automation.toString()}%`,
|
|
247
|
+
},
|
|
248
|
+
];
|
|
249
|
+
|
|
250
|
+
export default function DataGridNumericColumnsDemo() {
|
|
251
|
+
return (
|
|
252
|
+
<DataGrid
|
|
253
|
+
rows={accounts}
|
|
254
|
+
columns={columns}
|
|
255
|
+
aria-label="Account balances"
|
|
256
|
+
defaultSortModel={[{ field: 'balance', sort: 'desc' }]}
|
|
257
|
+
defaultPaginationModel={{ page: 0, pageSize: 5 }}
|
|
258
|
+
pageSizeOptions={[5, 10]}
|
|
259
|
+
autoHeight
|
|
260
|
+
/>
|
|
261
|
+
);
|
|
262
|
+
}
|
|
263
|
+
```
|
|
264
|
+
|
|
218
265
|
## Toolbar actions
|
|
219
266
|
|
|
220
267
|
`toolbarActions` is an extension slot for your own toolbar controls beside search — export, density, view toggles, and so on. DataGrid does not ship toolbar buttons; you compose them and wire `onPress` to state that drives grid props.
|
|
@@ -128,6 +128,60 @@ export default function DateRangePickerBottomSheetDemo() {
|
|
|
128
128
|
}
|
|
129
129
|
```
|
|
130
130
|
|
|
131
|
+
## Snap points
|
|
132
|
+
|
|
133
|
+
The sheet snaps to 70% and 90% of the screen by default. Pass `snapPoints` for a different height, and set `stackBehavior="push"` when the picker opens over another sheet so that sheet stays presented underneath. With a short snap point, set `fill` and wrap the content in `BottomSheet.ScrollView` so the calendar scrolls under a fixed header instead of being cut off.
|
|
134
|
+
|
|
135
|
+
```tsx
|
|
136
|
+
import { useState } from 'react';
|
|
137
|
+
import {
|
|
138
|
+
BottomSheet,
|
|
139
|
+
DateField,
|
|
140
|
+
DateRangePicker,
|
|
141
|
+
Field,
|
|
142
|
+
type DateRangeValue,
|
|
143
|
+
} from '@cdx-ui/components';
|
|
144
|
+
import { PickerBottomSheetFrame } from './_frame';
|
|
145
|
+
|
|
146
|
+
export default function DateRangePickerBottomSheetSnapPointsDemo() {
|
|
147
|
+
const [value, setValue] = useState<DateRangeValue | undefined>();
|
|
148
|
+
const [open, setOpen] = useState(false);
|
|
149
|
+
|
|
150
|
+
return (
|
|
151
|
+
<PickerBottomSheetFrame>
|
|
152
|
+
<Field className="w-full max-w-sm">
|
|
153
|
+
<DateRangePicker
|
|
154
|
+
value={value}
|
|
155
|
+
onValueChange={setValue}
|
|
156
|
+
isOpen={open}
|
|
157
|
+
onOpenChange={setOpen}
|
|
158
|
+
>
|
|
159
|
+
<Field.Label>Due dates</Field.Label>
|
|
160
|
+
<DateRangePicker.Trigger className="w-full">
|
|
161
|
+
<DateField.Group fullWidth>
|
|
162
|
+
<DateField.Input slot="start" />
|
|
163
|
+
<DateRangePicker.RangeSeparator />
|
|
164
|
+
<DateField.Input slot="end" />
|
|
165
|
+
<DateField.Suffix>
|
|
166
|
+
<DateRangePicker.TriggerIndicator />
|
|
167
|
+
</DateField.Suffix>
|
|
168
|
+
</DateField.Group>
|
|
169
|
+
</DateRangePicker.Trigger>
|
|
170
|
+
<DateRangePicker.BottomSheet snapPoints={['55%']} stackBehavior="push" fill>
|
|
171
|
+
<BottomSheet.Header title="Select dates" onClose={() => setOpen(false)} />
|
|
172
|
+
<BottomSheet.ScrollView>
|
|
173
|
+
<BottomSheet.Content>
|
|
174
|
+
<DateRangePicker.Calendar accessibilityLabel="Due dates" />
|
|
175
|
+
</BottomSheet.Content>
|
|
176
|
+
</BottomSheet.ScrollView>
|
|
177
|
+
</DateRangePicker.BottomSheet>
|
|
178
|
+
</DateRangePicker>
|
|
179
|
+
</Field>
|
|
180
|
+
</PickerBottomSheetFrame>
|
|
181
|
+
);
|
|
182
|
+
}
|
|
183
|
+
```
|
|
184
|
+
|
|
131
185
|
## Standalone
|
|
132
186
|
|
|
133
187
|
Render a `DateRangePicker.Calendar` inline instead of a presentation surface when the fields and calendar share the screen.
|
|
@@ -294,7 +348,14 @@ Presents the range calendar in a modal dialog. Wires the surface's open state an
|
|
|
294
348
|
|
|
295
349
|
### DateRangePicker.BottomSheet
|
|
296
350
|
|
|
297
|
-
Presents the range calendar in a bottom sheet, the preferred surface on native. It wires open state only — compose `BottomSheet.Header` and `BottomSheet.Content` (or any sheet layout) as its children.
|
|
351
|
+
Presents the range calendar in a bottom sheet, the preferred surface on native. It wires open state only — compose `BottomSheet.Header` and `BottomSheet.Content` (or any sheet layout) as its children. `snapPoints`, `enableDynamicSizing`, and `stackBehavior` are forwarded to [`BottomSheet.Modal`](https://design.candescent.com/docs/components/bottom-sheet/content.md).
|
|
352
|
+
|
|
353
|
+
| Prop | Type | Default | Description |
|
|
354
|
+
| --- | --- | --- | --- |
|
|
355
|
+
| `snapPoints?` | `(string \| number)[] \| SharedValue<(string \| number)[]>` | `['70%', '90%']` | Heights the sheet snaps to, as percentages of the screen or pixel values. |
|
|
356
|
+
| `enableDynamicSizing?` | `boolean` | `false` | Sizes the sheet to its content and adds that height as a snap point. |
|
|
357
|
+
| `stackBehavior?` | `'replace' \| 'push' \| 'switch'` | `'switch'` | How the sheet opens over a sheet that is already presented: `push` keeps that sheet underneath, `switch` minimizes it until this sheet closes, and `replace` dismisses it. |
|
|
358
|
+
| `fill?` | `boolean` | `false` | Lays the children out in a container that fills the sheet, so a fixed header can sit above a `BottomSheet.ScrollView`. By default the children size a `BottomSheet.View`. |
|
|
298
359
|
|
|
299
360
|
## Accessibility
|
|
300
361
|
|
package/docs/llms.txt
CHANGED
|
@@ -151,15 +151,16 @@ Links point at each page's `content.md`, which carries the page's prose, demo so
|
|
|
151
151
|
|
|
152
152
|
## Release notes
|
|
153
153
|
|
|
154
|
+
- [0.3.8](resources/release-notes/0.3.8/content.md): Adds CurrencyFlag for ISO 4217 codes, expands CountryFlag to the full flag set including EU, and adds CurrencyInput align.
|
|
154
155
|
- [0.3.7](resources/release-notes/0.3.7/content.md): Adds CountryFlag for ISO country flags, ProgressBar size and color props, DataGrid autoHeight, and fixes for web charts and published DataGrid styles.
|
|
155
156
|
- [0.3.6](resources/release-notes/0.3.6/content.md): Adds SystemAlert, bar, line, and pie charts on a shared MUI X-shaped API, Stepper, and a fix for tabs scroll controls.
|
|
156
157
|
- [0.3.5](resources/release-notes/0.3.5/content.md): Selected subtle Chip labels stay visible on Android when the variant changes from outline to subtle.
|
|
157
158
|
- [0.3.4](resources/release-notes/0.3.4/content.md): Select adds multiple selection, in-list search, and a native bottom sheet; Input gains a subtle variant for fields inside popups and sheets.
|
|
158
|
-
- [0.3.3](resources/release-notes/0.3.3/content.md): Insight and InsightStack add dismissible
|
|
159
|
+
- [0.3.3](resources/release-notes/0.3.3/content.md): Insight and InsightStack add dismissible insight cards in info, warning, and danger, with optional AI styling and stacked depth.
|
|
159
160
|
- [0.3.2](resources/release-notes/0.3.2/content.md): CurrencyInput adds an outline variant for bordered amount fields; BottomSheet opens reliably in optimized web production builds.
|
|
160
161
|
- [0.3.1](resources/release-notes/0.3.1/content.md): DataGrid adds filterMode for server-side search and filters; IconButton adds warning, success, and info color options.
|
|
161
162
|
- [0.3.0](resources/release-notes/0.3.0/content.md): Calendar and MonthCalendar year pickers scroll the full selectable range; BottomSheet adds fullBleed and updated Content and Footer padding.
|
|
162
|
-
- [0.2.5](resources/release-notes/0.2.5/content.md): Box is the supported layout primitive
|
|
163
|
+
- [0.2.5](resources/release-notes/0.2.5/content.md): Box is the supported layout primitive; stacks render through it, and View from @cdx-ui/components is deprecated.
|
|
163
164
|
- [0.2.4](resources/release-notes/0.2.4/content.md): ScrollShadow fades scroll edges on iOS, Android, and web; ListItem.SectionHeader adds a gradient variant for account-style lists.
|
|
164
165
|
- [0.2.3](resources/release-notes/0.2.3/content.md): ReorderableList brings drag-and-drop list reordering on web and native; Tile flat rows show the selected background again.
|
|
165
166
|
- [0.2.2](resources/release-notes/0.2.2/content.md): Fixes web Text layout in production, Button solid edges on native, and Field required labels on web.
|
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
# 0.2.5 (https://design.candescent.com/docs/resources/release-notes/0.2.5)
|
|
2
2
|
|
|
3
|
-
Box is the supported layout primitive
|
|
3
|
+
Box is the supported layout primitive; stacks render through it, and View from @cdx-ui/components is deprecated.
|
|
4
4
|
|
|
5
|
-
This release makes **[Box](https://design.candescent.com/docs/components/box/content.md)** the supported layout container,
|
|
5
|
+
This release makes **[Box](https://design.candescent.com/docs/components/box/content.md)** the supported layout container, and fixes the Slider rail hit area, ColorSlider thumb placement, and Breadcrumb icon and text color.
|
|
6
6
|
|
|
7
7
|
## What's new
|
|
8
8
|
|
|
9
|
-
**[Box](https://design.candescent.com/docs/components/box/content.md)** — Forge UI’s cross-platform layout primitive (a
|
|
10
|
-
|
|
11
|
-
**Expo and React Native** — Forge UI’s development and CI stack now targets Expo SDK 57, React Native 0.86, and React 19.2. If you integrate `@cdx-ui/native` or mirror Forge’s Expo app setup, bump your app to a compatible SDK 57 / RN 0.86 line before upgrading these packages ([#737](https://github.com/dfh-candescent/forge-design-system/pull/737)).
|
|
9
|
+
**[Box](https://design.candescent.com/docs/components/box/content.md)** — Forge UI’s cross-platform layout primitive (a `View` on native and a `div` on web). Box gains `asChild` for composition and emits `data-slot="box"`. **[HStack](https://design.candescent.com/docs/components/stack/content.md)** and **[VStack](https://design.candescent.com/docs/components/stack/content.md)** now render through Box and emit `data-slot="hstack"` and `data-slot="vstack"`; caller `data-*` attributes still win when you compose higher-level components. The `View` re-export from `@cdx-ui/components` remains at runtime but is marked `@deprecated` in favor of Box; migrate imports when you touch layout code ([#801](https://github.com/dfh-candescent/forge-design-system/pull/801)).
|
|
12
10
|
|
|
13
11
|
## Bug fixes
|
|
14
12
|
|
|
15
|
-
**[Slider](https://design.candescent.com/docs/components/slider/content.md)** — Restores the rail hit area on React Native 0.85 and later, where `StyleSheet.absoluteFillObject` was removed and absolute positioning on
|
|
13
|
+
**[Slider](https://design.candescent.com/docs/components/slider/content.md)** — Restores the rail hit area on React Native 0.85 and later, where `StyleSheet.absoluteFillObject` was removed and absolute positioning on that hit area silently stopped applying ([#732](https://github.com/dfh-candescent/forge-design-system/pull/732)).
|
|
16
14
|
|
|
17
|
-
**ColorSlider** — Sizes the track from layout so scaled ancestor views no longer skew thumb position ([#807](https://github.com/dfh-candescent/forge-design-system/pull/807)).
|
|
15
|
+
**[ColorSlider](https://design.candescent.com/docs/components/color-slider/content.md)** — Sizes the track from layout so scaled ancestor views no longer skew thumb position ([#807](https://github.com/dfh-candescent/forge-design-system/pull/807)).
|
|
18
16
|
|
|
19
|
-
**[Breadcrumbs](https://design.candescent.com/docs/components/breadcrumbs/content.md)** — Direct `Icon` and `Text` children of `Breadcrumbs.Item`
|
|
17
|
+
**[Breadcrumbs](https://design.candescent.com/docs/components/breadcrumbs/content.md)** — Direct `Icon` and `Text` children of `Breadcrumbs.Item` take the item’s state color on native and inherit content color on web; the same components passed as `separator` take the separator color on native and inherit it on web, unless they set `color` ([#802](https://github.com/dfh-candescent/forge-design-system/pull/802)).
|
|
20
18
|
|
|
21
19
|
**@cdx-ui/web** — The Vite pre-bundle patch for `react-native-worklets` matches both pre-0.10 and 0.10+ initializer paths, so Vite apps and the theme editor pre-bundle worklets without a dev-only self-check failure ([#735](https://github.com/dfh-candescent/forge-design-system/pull/735)).
|
|
22
20
|
|
|
@@ -10,9 +10,9 @@ This release improves year selection in the calendar family and updates **[Botto
|
|
|
10
10
|
|
|
11
11
|
## Bug fixes
|
|
12
12
|
|
|
13
|
-
**[Calendar](https://design.candescent.com/docs/components/calendar/content.md)**, **[MonthCalendar](https://design.candescent.com/docs/components/month-calendar/content.md)**, and **[RangeCalendar](https://design.candescent.com/docs/components/range-calendar/content.md)** — The year view
|
|
13
|
+
**[Calendar](https://design.candescent.com/docs/components/calendar/content.md)**, **[MonthCalendar](https://design.candescent.com/docs/components/month-calendar/content.md)**, and **[RangeCalendar](https://design.candescent.com/docs/components/range-calendar/content.md)** — The year view lists every year from the `minValue` year through the `maxValue` year (an unset side extends 100 years from today, and still includes the visible year when that year falls outside that window) instead of a short fixed window, opens scrolled to the visible year, and keeps header navigation mounted so the header height stays stable in year view ([#812](https://github.com/dfh-candescent/forge-design-system/pull/812)).
|
|
14
14
|
|
|
15
|
-
**[BottomSheet](https://design.candescent.com/docs/components/bottom-sheet/content.md)** — `Content` and `Footer` horizontal padding
|
|
15
|
+
**[BottomSheet](https://design.candescent.com/docs/components/bottom-sheet/content.md)** — `Content` horizontal and bottom padding, and `Footer` horizontal padding, match the design spec ([#811](https://github.com/dfh-candescent/forge-design-system/pull/811)).
|
|
16
16
|
|
|
17
17
|
## Dependencies
|
|
18
18
|
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
DataGrid adds filterMode for server-side search and filters; IconButton adds warning, success, and info color options.
|
|
4
4
|
|
|
5
|
-
This release extends **DataGrid** for server-driven filtering and adds
|
|
5
|
+
This release extends **[DataGrid](https://design.candescent.com/docs/components/data-grid/content.md)** for server-driven filtering and adds `warning`, `success`, and `info` colors to **[IconButton](https://design.candescent.com/docs/components/icon-button/content.md)**. **[Toast](https://design.candescent.com/docs/components/toast/content.md)** close controls follow the toast color.
|
|
6
6
|
|
|
7
7
|
## What's new
|
|
8
8
|
|
|
9
|
-
**DataGrid** —
|
|
9
|
+
**[DataGrid](https://design.candescent.com/docs/components/data-grid/content.md)** — `filterMode="server"` stops the grid from applying quick search and header filters to `rows` and reports changes through `onQuickFilterChange` and `onFilterModelChange` so your data source can filter. `filterMode` defaults to `paginationMode`, so server pagination no longer filters only the current page. Pass `filterMode="client"` to keep filtering the loaded rows ([#813](https://github.com/dfh-candescent/forge-design-system/pull/813)).
|
|
10
10
|
|
|
11
11
|
**[IconButton](https://design.candescent.com/docs/components/icon-button/content.md)** — `color` accepts `warning`, `success`, and `info` across solid, subtle, and ghost variants so icon actions can match semantic status without custom styling ([#793](https://github.com/dfh-candescent/forge-design-system/pull/793)).
|
|
12
12
|
|
|
13
|
-
**[Toast](https://design.candescent.com/docs/components/toast/content.md)** — The close control uses the toast’s semantic color so dismiss actions stay visually aligned with warning, success, info, and
|
|
13
|
+
**[Toast](https://design.candescent.com/docs/components/toast/content.md)** — The close control uses the toast’s semantic color so dismiss actions stay visually aligned with warning, success, info, and danger toasts ([#793](https://github.com/dfh-candescent/forge-design-system/pull/793)).
|
|
@@ -10,7 +10,7 @@ This release adds a bordered **[CurrencyInput](https://design.candescent.com/doc
|
|
|
10
10
|
|
|
11
11
|
## Bug fixes
|
|
12
12
|
|
|
13
|
-
**[BottomSheet](https://design.candescent.com/docs/components/bottom-sheet/content.md)** — Modal sheets open at the correct height in production web bundles, so
|
|
13
|
+
**[BottomSheet](https://design.candescent.com/docs/components/bottom-sheet/content.md)** — Modal sheets open at the correct height in production web bundles, so a dynamically sized sheet no longer stays below its frame behind the backdrop and a footer no longer covers the sheet body ([#829](https://github.com/dfh-candescent/forge-design-system/pull/829)).
|
|
14
14
|
|
|
15
15
|
## Dependencies
|
|
16
16
|
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
# 0.3.3 (https://design.candescent.com/docs/resources/release-notes/0.3.3)
|
|
2
2
|
|
|
3
|
-
Insight and InsightStack add dismissible
|
|
3
|
+
Insight and InsightStack add dismissible insight cards in info, warning, and danger, with optional AI styling and stacked depth.
|
|
4
4
|
|
|
5
|
-
This release ships **[Insight](https://design.candescent.com/docs/components/insight/content.md)** and **[InsightStack](https://design.candescent.com/docs/components/insight-stack/content.md)** for
|
|
5
|
+
This release ships **[Insight](https://design.candescent.com/docs/components/insight/content.md)** and **[InsightStack](https://design.candescent.com/docs/components/insight-stack/content.md)** for insight cards, refreshes design tokens, and adds a mobile Add Payee Form pattern on the docs site.
|
|
6
6
|
|
|
7
7
|
## What's new
|
|
8
8
|
|
|
9
|
-
**[Insight](https://design.candescent.com/docs/components/insight/content.md)** — Use the compound API
|
|
9
|
+
**[Insight](https://design.candescent.com/docs/components/insight/content.md)** — Use the compound API for a pressable summary or a static detail card, or `InsightRoot` from `@cdx-ui/primitives` for the unstyled behavior. `color` is `info`, `warning`, or `danger` and tints the border, the summary medallion, and the detail tag; `aiGenerated` swaps that border for a gradient frame. A summary shows the medallion and body copy, accepts `onPress`, scales on press unless reduced motion or animations are disabled, and can be disabled, with a focus ring on web keyboard focus. A detail card adds `Insight.Tag`, title and description, optional content, and footer actions; `onClose` adds a dismiss control, and the tag and close use logical start and end placement so they align in RTL on native and web ([#842](https://github.com/dfh-candescent/forge-design-system/pull/842)).
|
|
10
10
|
|
|
11
|
-
**[InsightStack](https://design.candescent.com/docs/components/insight-stack/content.md)** —
|
|
11
|
+
**[InsightStack](https://design.candescent.com/docs/components/insight-stack/content.md)** — Draw up to two decorative cards behind a front **[Insight](https://design.candescent.com/docs/components/insight/content.md)** to show that more insights are waiting. Pass `count` for depth: 1 or less draws no layers, 2 draws one, and 3 or more draws two. The layers stay neutral, and the front Insight's `color` tints only the front card ([#842](https://github.com/dfh-candescent/forge-design-system/pull/842)).
|
|
12
12
|
|
|
13
13
|
## Bug fixes
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
**[Alert](https://design.candescent.com/docs/components/alert/content.md)**, **[Toast](https://design.candescent.com/docs/components/toast/content.md)**, **[IconButton](https://design.candescent.com/docs/components/icon-button/content.md)**, and **[Insight](https://design.candescent.com/docs/components/insight/content.md)** — Dark mode **info**, **success**, and **warning** on-subtle content colors stay readable on subtle surfaces: Alert and Toast copy, IconButton subtle icons, and the Insight medallion and tag icons ([#842](https://github.com/dfh-candescent/forge-design-system/pull/842)).
|
|
16
16
|
|
|
17
17
|
## Dependencies
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
**Design tokens** — Token values updated from the design system source. Review your theme if you override specific token values ([#635](https://github.com/dfh-candescent/forge-design-system/pull/635)).
|
|
20
20
|
|
|
21
21
|
## Documentation
|
|
22
22
|
|
|
@@ -6,22 +6,22 @@ This release expands **[Select](https://design.candescent.com/docs/components/se
|
|
|
6
6
|
|
|
7
7
|
## What's new
|
|
8
8
|
|
|
9
|
-
**[Select](https://design.candescent.com/docs/components/select/content.md)** — Set **`type="multiple"`** so `value` is a `string[]` and each option press toggles selection while the popup stays open. Use **`Select.ItemControl`** for checkbox affordances and **`Select.Value`** with a function child to read `selectedItems` and `selectedText`; multiple mode joins labels with a comma on one line. Add **`Select.Search`** and **`Select.Empty`** to filter options in single and multiple mode via controllable `inputValue`, `defaultInputValue`, `onInputChange`, and an optional custom `filter`; the query clears when the popup closes and selected values still resolve against the full item list. On iOS and Android, swap **`Select.Content`** for **`Select.BottomSheet`** to present the same search and list regions in the shared picker sheet (web still renders the dropdown).
|
|
9
|
+
**[Select](https://design.candescent.com/docs/components/select/content.md)** — Set **`type="multiple"`** so `value` is a `string[]` and each option press toggles selection while the popup stays open. Use **`Select.ItemControl`** for checkbox affordances and **`Select.Value`** with a function child to read `selectedItems` and `selectedText`; multiple mode joins labels with a comma and a space on one line. Add **`Select.Search`** and **`Select.Empty`** to filter options in single and multiple mode via controllable `inputValue`, `defaultInputValue`, `onInputChange`, and an optional custom `filter`; the query clears when the popup closes and selected values still resolve against the full item list. On iOS and Android, swap **`Select.Content`** for **`Select.BottomSheet`** to present the same search and list regions in the shared picker sheet (web still renders the dropdown). **`Select.Item disabled`** keeps that option out of keyboard highlight and keyboard selection. Wrappers that assume `value` is always a `string` should narrow with `Extract<SelectProps, { type?: 'single' }>`. Primitive **`SelectContextValue`** drops `onValueChange`; use `commitValue`, `toggleValue`, or `selectValueAndClose` ([#857](https://github.com/dfh-candescent/forge-design-system/pull/857)).
|
|
10
10
|
|
|
11
11
|
**[Input](https://design.candescent.com/docs/components/input/content.md)** — Pass **`variant="subtle"`** for a filled, borderless field suited to search inputs inside popovers and bottom sheets. **`Select.Search`** defaults to subtle in both dropdown and sheet paths; override with the search field’s own **`variant`** prop ([#857](https://github.com/dfh-candescent/forge-design-system/pull/857)).
|
|
12
12
|
|
|
13
13
|
## Bug fixes
|
|
14
14
|
|
|
15
|
-
**[Drawer](https://design.candescent.com/docs/components/drawer/content.md)** — A permanent panel on web collapses
|
|
15
|
+
**[Drawer](https://design.candescent.com/docs/components/drawer/content.md)** — A permanent panel on web collapses when closed — width for a side placement, height for top or bottom — instead of keeping its open size and leaving an empty surface behind ([#861](https://github.com/dfh-candescent/forge-design-system/pull/861)).
|
|
16
16
|
|
|
17
|
-
**[Select](https://design.candescent.com/docs/components/select/content.md)** —
|
|
17
|
+
**[Select](https://design.candescent.com/docs/components/select/content.md)** — While the popup is open and nothing is highlighted, loading items highlights the first enabled selected option, or the first enabled option when no selected option can be highlighted, so screen readers get a valid `aria-activedescendant` without an arrow key. Swapping the list highlights the first enabled option when the current highlight is no longer visible ([#857](https://github.com/dfh-candescent/forge-design-system/pull/857)).
|
|
18
18
|
|
|
19
19
|
## Documentation
|
|
20
20
|
|
|
21
21
|
**Invite User drawer** — Web-only Forms pattern: a permanent right-side drawer with name, email, role select, and a searchable multi-select for teams shown as removable chips ([#861](https://github.com/dfh-candescent/forge-design-system/pull/861)).
|
|
22
22
|
|
|
23
|
-
**Input**, **OTP Input**, and **Insurance Disclosure** —
|
|
23
|
+
**Input**, **OTP Input**, and **Insurance Disclosure** — Sidebar titles are renamed from Input Field, OTP Input Field, and FDIC Digital Sign. Page routes stay the same ([#860](https://github.com/dfh-candescent/forge-design-system/pull/860)).
|
|
24
24
|
|
|
25
|
-
**Text** — New demos for nested
|
|
25
|
+
**Text** — New demos for nested text that inherits or overrides color, size, and weight, for nesting inside `Heading`, `Button.Label`, and `Alert.Description`, and for inline emphasis in running copy ([#858](https://github.com/dfh-candescent/forge-design-system/pull/858)).
|
|
26
26
|
|
|
27
27
|
**Pattern blocks** — Block section headings on pattern pages are clickable anchor links for deep linking ([#862](https://github.com/dfh-candescent/forge-design-system/pull/862)).
|
|
@@ -6,11 +6,11 @@ This release ships SystemAlert, bar, line, and pie charts on a shared MUI X-shap
|
|
|
6
6
|
|
|
7
7
|
## What's new
|
|
8
8
|
|
|
9
|
-
**[SystemAlert](https://design.candescent.com/docs/components/system-alert/content.md)** — A full-
|
|
9
|
+
**[SystemAlert](https://design.candescent.com/docs/components/system-alert/content.md)** — A full-width banner on a strong semantic surface for app-wide warnings and status messages. Set `color` to match severity, and compose `SystemAlert.Icon`, `SystemAlert.Description`, and `SystemAlert.Actions` (`SystemAlert.Action` and `SystemAlert.IconAction`). Pass `onClose` to add the dismiss control, and set `isOpen` for controlled enter and exit motion. `hasSafeAreaInset` extends the banner behind the status bar; pair it with `useSystemAlertStatusBarStyle` so status-bar glyphs stay readable on the banner’s on-strong text ([#866](https://github.com/dfh-candescent/forge-design-system/pull/866)).
|
|
10
10
|
|
|
11
|
-
**[BarChart](https://design.candescent.com/docs/components/bar-chart/content.md)**, **[LineChart](https://design.candescent.com/docs/components/line-chart/content.md)**, and **[PieChart](https://design.candescent.com/docs/components/pie-chart/content.md)** — Cross-platform charts
|
|
11
|
+
**[BarChart](https://design.candescent.com/docs/components/bar-chart/content.md)**, **[LineChart](https://design.candescent.com/docs/components/line-chart/content.md)**, and **[PieChart](https://design.candescent.com/docs/components/pie-chart/content.md)** — Cross-platform charts on an MUI X Charts–shaped API. Bar and line charts take a `dataset`, `series` with `dataKey`, and `xAxis` and `yAxis` arrays: bar charts support stacking, waterfall, and overlay series, and line charts support curves, areas, and markers. Pie charts take `series` with a `data` array of slices, an `innerRadius` for a donut, and `valueFormatter` and `shareFormatter` for slice text. Selection uses `selectedItem` and `onSelectedItemChange`; tooltips and locale formatters are shared, and bar and line charts take `palette` (`auto` or `categorical`) ([#867](https://github.com/dfh-candescent/forge-design-system/pull/867)).
|
|
12
12
|
|
|
13
|
-
**[Stepper](https://design.candescent.com/docs/components/stepper/content.md)** — Shows progress through a linear or non-linear sequence with vertical or horizontal layout. Use `orientation`, `labelPlacement` (`end` or `bottom` on horizontal steppers), and `onStepChange` with `isLinear` to let users jump to completed or allowed steps. Compound parts
|
|
13
|
+
**[Stepper](https://design.candescent.com/docs/components/stepper/content.md)** — Shows progress through a linear or non-linear sequence with vertical or horizontal layout. Use `orientation`, `labelPlacement` (`end` or `bottom` on horizontal steppers), and `onStepChange` with `isLinear` to let users jump to completed or allowed steps. Compound parts are `Stepper.Step`, `Stepper.Indicator`, `Stepper.Title`, `Stepper.Description`, `Stepper.Content`, and `Stepper.Separator`. Children of `Stepper.Indicator` replace the default numeral or check ([#839](https://github.com/dfh-candescent/forge-design-system/pull/839)).
|
|
14
14
|
|
|
15
15
|
## Bug fixes
|
|
16
16
|
|
|
@@ -2,26 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Adds CountryFlag for ISO country flags, ProgressBar size and color props, DataGrid autoHeight, and fixes for web charts and published DataGrid styles.
|
|
4
4
|
|
|
5
|
-
This release adds **[CountryFlag](https://design.candescent.com/docs/components/country-flag/content.md)** and new **[Progress Bar](https://design.candescent.com/docs/components/progress-bar/content.md)** styling options, lets **DataGrid** size to its rows, and fixes web chart accessibility warnings plus DataGrid styling when installed from npm.
|
|
5
|
+
This release adds **[CountryFlag](https://design.candescent.com/docs/components/country-flag/content.md)** and new **[Progress Bar](https://design.candescent.com/docs/components/progress-bar/content.md)** styling options, lets **[DataGrid](https://design.candescent.com/docs/components/data-grid/content.md)** size to its rows, and fixes web chart accessibility warnings plus DataGrid styling when installed from npm.
|
|
6
6
|
|
|
7
7
|
## What's new
|
|
8
8
|
|
|
9
|
-
**[CountryFlag](https://design.candescent.com/docs/components/country-flag/content.md)** — Renders officially assigned ISO
|
|
9
|
+
**[CountryFlag](https://design.candescent.com/docs/components/country-flag/content.md)** — Renders an officially assigned ISO 3166-1 alpha-2 flag from `@cdx-ui/icons/flags`, so a country picker or form can show a flag without a third-party flag library. Pass `code`. Size the flag with a `size-*` class (the default box is `size-5`) and place it in an **[Input](https://design.candescent.com/docs/components/input/content.md)** or **[Select](https://design.candescent.com/docs/components/select/content.md)** icon slot with `asChild` ([#912](https://github.com/dfh-candescent/forge-design-system/pull/912)).
|
|
10
10
|
|
|
11
|
-
**[Progress Bar](https://design.candescent.com/docs/components/progress-bar/content.md)** — `size` and `color`
|
|
11
|
+
**[Progress Bar](https://design.candescent.com/docs/components/progress-bar/content.md)** — `size` and `color` set track height and indicator fill. `size` is `default` (6px) or `large` (8px), the track is `surface-neutral-subtle`, and `color` defaults to `action`. Existing bars pick up that track: it was `h-1` on `surface-action-subtle`, and the indicator stays `surface-action-strong` unless you set `color` ([#873](https://github.com/dfh-candescent/forge-design-system/pull/873)).
|
|
12
12
|
|
|
13
|
-
**DataGrid** — `autoHeight` (MUI X naming) removes the default fixed viewport height so the grid grows with its rows; horizontal overflow still scrolls. Empty and custom loading overlays keep a minimum height because they are absolutely positioned ([#899](https://github.com/dfh-candescent/forge-design-system/pull/899)).
|
|
13
|
+
**[DataGrid](https://design.candescent.com/docs/components/data-grid/content.md)** — `autoHeight` (MUI X naming) removes the default fixed viewport height so the grid grows with its rows; horizontal overflow still scrolls. Empty and custom loading overlays keep a minimum height because they are absolutely positioned ([#899](https://github.com/dfh-candescent/forge-design-system/pull/899)).
|
|
14
14
|
|
|
15
15
|
## Bug fixes
|
|
16
16
|
|
|
17
17
|
**[Progress Bar](https://design.candescent.com/docs/components/progress-bar/content.md)** — Indeterminate mode (`value={null}`) animates a segment across the track instead of collapsing the indicator to zero width ([#873](https://github.com/dfh-candescent/forge-design-system/pull/873)).
|
|
18
18
|
|
|
19
|
-
**[Input](https://design.candescent.com/docs/components/input/content.md)** — `Input.Icon` with `asChild`
|
|
19
|
+
**[Input](https://design.candescent.com/docs/components/input/content.md)** and **[Select](https://design.candescent.com/docs/components/select/content.md)** — `Input.Icon` and `Select.Icon` with `asChild` accept a child element, so a child such as CountryFlag typechecks in those adornment slots ([#912](https://github.com/dfh-candescent/forge-design-system/pull/912)).
|
|
20
20
|
|
|
21
|
-
**DataGrid** — Published `@cdx-ui/data-grid` installs
|
|
21
|
+
**[DataGrid](https://design.candescent.com/docs/components/data-grid/content.md)** — Published `@cdx-ui/data-grid` installs export `./styles.css`, a Tailwind `@source` scan so the grid's utility classes are generated. Import `@cdx-ui/data-grid/styles.css` after `@cdx-ui/components/styles.css`, or the grid renders without its border, header background, or row dividers ([#906](https://github.com/dfh-candescent/forge-design-system/pull/906)).
|
|
22
22
|
|
|
23
|
-
**[LineChart](https://design.candescent.com/docs/components/line-chart/content.md)** and **[BarChart](https://design.candescent.com/docs/components/bar-chart/content.md)** — Decorative chart SVGs on web no longer pass React Native accessibility props through to the DOM, which removes React warnings in the browser ([#899](https://github.com/dfh-candescent/forge-design-system/pull/899)).
|
|
24
|
-
|
|
25
|
-
## Dependencies
|
|
26
|
-
|
|
27
|
-
Upgrade every installed `@cdx-ui/*` package to `0.3.7` together when you adopt this release ([#910](https://github.com/dfh-candescent/forge-design-system/pull/910)).
|
|
23
|
+
**[LineChart](https://design.candescent.com/docs/components/line-chart/content.md)** and **[BarChart](https://design.candescent.com/docs/components/bar-chart/content.md)** — Decorative chart SVGs on web no longer pass React Native accessibility props through to the DOM, which removes React warnings in the browser ([#899](https://github.com/dfh-candescent/forge-design-system/pull/899)).
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# 0.3.8 (https://design.candescent.com/docs/resources/release-notes/0.3.8)
|
|
2
|
+
|
|
3
|
+
Adds CurrencyFlag for ISO 4217 codes, expands CountryFlag to the full flag set including EU, and adds CurrencyInput align.
|
|
4
|
+
|
|
5
|
+
This release adds **[CurrencyFlag](https://design.candescent.com/docs/components/currency-flag/content.md)** for currency codes, expands **[CountryFlag](https://design.candescent.com/docs/components/country-flag/content.md)** to the full shipped flag set, and gives **[CurrencyInput](https://design.candescent.com/docs/components/currency-input/content.md)** an `align` prop with a native alignment fix.
|
|
6
|
+
|
|
7
|
+
## What's new
|
|
8
|
+
|
|
9
|
+
**[CurrencyFlag](https://design.candescent.com/docs/components/currency-flag/content.md)** — Renders the flag for the country or union that issues an ISO 4217 currency code. National codes use the first two letters of the code; `EUR` maps to the European Union flag. Codes with no single issuer (for example `XOF`, `XCD`, `XAU`) render nothing. Import **`currencyFlagCode`** from `@cdx-ui/components` when you need to know whether a flag will appear before reserving space ([#922](https://github.com/dfh-candescent/forge-design-system/pull/922)).
|
|
10
|
+
|
|
11
|
+
**[CountryFlag](https://design.candescent.com/docs/components/country-flag/content.md)** — `@cdx-ui/icons/flags` now includes every flag from the pinned `country-flag-icons` set, including `EU` and subdivision codes such as `GB-ENG`. Subdivision flags export as **`FlagGB_ENG`** (underscore before the subdivision segment). The `code` prop accepts the hyphenated code (`GB-ENG`) ([#922](https://github.com/dfh-candescent/forge-design-system/pull/922)).
|
|
12
|
+
|
|
13
|
+
**[CurrencyInput](https://design.candescent.com/docs/components/currency-input/content.md)** — Optional **`align`** accepts `center` or `end`. Ghost fields stay centered by default; outline fields stay start-aligned until you set `align`. Use `align="end"` for amounts at the trailing edge of a row, such as a read-only balance in a card ([#920](https://github.com/dfh-candescent/forge-design-system/pull/920)).
|
|
14
|
+
|
|
15
|
+
## Bug fixes
|
|
16
|
+
|
|
17
|
+
**[CurrencyInput](https://design.candescent.com/docs/components/currency-input/content.md)** — `align="end"` places the amount on the trailing edge on iOS and Android, matching web `text-end` behavior ([#920](https://github.com/dfh-candescent/forge-design-system/pull/920)).
|
|
18
|
+
|
|
19
|
+
## Dependencies
|
|
20
|
+
|
|
21
|
+
Upgrade every installed `@cdx-ui/*` package to `0.3.8` together when you adopt this release.
|
|
@@ -8,15 +8,16 @@ Notes are generated from the release commit itself, so the versions and commit r
|
|
|
8
8
|
each entry are exact. Releases that contained nothing but backlog or dependency bookkeeping
|
|
9
9
|
are omitted.
|
|
10
10
|
|
|
11
|
+
- [0.3.8](https://design.candescent.com/docs/resources/release-notes/0.3.8/content.md) — 2026-10-28 — Adds CurrencyFlag for ISO 4217 codes, expands CountryFlag to the full flag set including EU, and adds CurrencyInput align.
|
|
11
12
|
- [0.3.7](https://design.candescent.com/docs/resources/release-notes/0.3.7/content.md) — 2026-10-27 — Adds CountryFlag for ISO country flags, ProgressBar size and color props, DataGrid autoHeight, and fixes for web charts and published DataGrid styles.
|
|
12
13
|
- [0.3.6](https://design.candescent.com/docs/resources/release-notes/0.3.6/content.md) — 2026-10-23 — Adds SystemAlert, bar, line, and pie charts on a shared MUI X-shaped API, Stepper, and a fix for tabs scroll controls.
|
|
13
14
|
- [0.3.5](https://design.candescent.com/docs/resources/release-notes/0.3.5/content.md) — 2026-10-21 — Selected subtle Chip labels stay visible on Android when the variant changes from outline to subtle.
|
|
14
15
|
- [0.3.4](https://design.candescent.com/docs/resources/release-notes/0.3.4/content.md) — 2026-10-20 — Select adds multiple selection, in-list search, and a native bottom sheet; Input gains a subtle variant for fields inside popups and sheets.
|
|
15
|
-
- [0.3.3](https://design.candescent.com/docs/resources/release-notes/0.3.3/content.md) — 2026-10-15 — Insight and InsightStack add dismissible
|
|
16
|
+
- [0.3.3](https://design.candescent.com/docs/resources/release-notes/0.3.3/content.md) — 2026-10-15 — Insight and InsightStack add dismissible insight cards in info, warning, and danger, with optional AI styling and stacked depth.
|
|
16
17
|
- [0.3.2](https://design.candescent.com/docs/resources/release-notes/0.3.2/content.md) — 2026-10-13 — CurrencyInput adds an outline variant for bordered amount fields; BottomSheet opens reliably in optimized web production builds.
|
|
17
18
|
- [0.3.1](https://design.candescent.com/docs/resources/release-notes/0.3.1/content.md) — 2026-10-13 — DataGrid adds filterMode for server-side search and filters; IconButton adds warning, success, and info color options.
|
|
18
19
|
- [0.3.0](https://design.candescent.com/docs/resources/release-notes/0.3.0/content.md) — 2026-10-13 — Calendar and MonthCalendar year pickers scroll the full selectable range; BottomSheet adds fullBleed and updated Content and Footer padding.
|
|
19
|
-
- [0.2.5](https://design.candescent.com/docs/resources/release-notes/0.2.5/content.md) — 2026-10-12 — Box is the supported layout primitive
|
|
20
|
+
- [0.2.5](https://design.candescent.com/docs/resources/release-notes/0.2.5/content.md) — 2026-10-12 — Box is the supported layout primitive; stacks render through it, and View from @cdx-ui/components is deprecated.
|
|
20
21
|
- [0.2.4](https://design.candescent.com/docs/resources/release-notes/0.2.4/content.md) — 2026-10-09 — ScrollShadow fades scroll edges on iOS, Android, and web; ListItem.SectionHeader adds a gradient variant for account-style lists.
|
|
21
22
|
- [0.2.3](https://design.candescent.com/docs/resources/release-notes/0.2.3/content.md) — 2026-10-08 — ReorderableList brings drag-and-drop list reordering on web and native; Tile flat rows show the selected background again.
|
|
22
23
|
- [0.2.2](https://design.candescent.com/docs/resources/release-notes/0.2.2/content.md) — 2026-10-07 — Fixes web Text layout in production, Button solid edges on native, and Field required labels on web.
|
|
@@ -134,13 +134,15 @@ function DateRangePickerDialog({
|
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
136
|
function DateRangePickerBottomSheet({
|
|
137
|
-
children
|
|
137
|
+
children,
|
|
138
|
+
...sheetProps
|
|
138
139
|
}) {
|
|
139
140
|
const ctx = (0, _primitives.useDateRangePickerContext)();
|
|
140
141
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerBottomSheetSurface, {
|
|
141
142
|
open: ctx.open,
|
|
142
143
|
setOpen: ctx.setOpen,
|
|
143
144
|
registerSurface: ctx.registerSurface,
|
|
145
|
+
...sheetProps,
|
|
144
146
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateRangePickerContext.Provider, {
|
|
145
147
|
value: ctx,
|
|
146
148
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Dialog","_Icon","_RangeCalendar","_PickerTrigger","_surfaces","_jsxRuntime","DATE_FIELD_SCOPE","DateRangePickerRoot","forwardRef","className","children","style","props","ref","parent","useParentContext","ctx","useMemo","variant","size","fullWidth","jsx","ParentContext","Provider","value","cn","mergeDataAttributes","dataAttributes","slot","displayName","DateRangePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","useDateRangePickerContext","PickerTrigger","openDateRangePicker","DateRangePickerTriggerIndicator","Icon","as","CalendarToday","DateRangePickerRangeSeparator","Text","rangeSeparator","DateRangePickerCalendar","startValue","endValue","onRangeChange","focusedField","setFocusedField","locale","RangeCalendar","onFocusedFieldChange","range","startId","endId","DateRangePickerDialog","PickerDialogSurface","registerSurface","Dialog","Popup","DateRangePickerContext","DateRangePickerBottomSheet","PickerBottomSheetSurface","DateRangePickerPopover","PickerPopoverSurface","anchorRef","DateRangePicker","exports","Object","assign","Trigger","TriggerIndicator","RangeSeparator","Calendar","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DateRangePicker/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAQA,IAAAI,MAAA,GAAAJ,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Dialog","_Icon","_RangeCalendar","_PickerTrigger","_surfaces","_jsxRuntime","DATE_FIELD_SCOPE","DateRangePickerRoot","forwardRef","className","children","style","props","ref","parent","useParentContext","ctx","useMemo","variant","size","fullWidth","jsx","ParentContext","Provider","value","cn","mergeDataAttributes","dataAttributes","slot","displayName","DateRangePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","useDateRangePickerContext","PickerTrigger","openDateRangePicker","DateRangePickerTriggerIndicator","Icon","as","CalendarToday","DateRangePickerRangeSeparator","Text","rangeSeparator","DateRangePickerCalendar","startValue","endValue","onRangeChange","focusedField","setFocusedField","locale","RangeCalendar","onFocusedFieldChange","range","startId","endId","DateRangePickerDialog","PickerDialogSurface","registerSurface","Dialog","Popup","DateRangePickerContext","DateRangePickerBottomSheet","sheetProps","PickerBottomSheetSurface","DateRangePickerPopover","PickerPopoverSurface","anchorRef","DateRangePicker","exports","Object","assign","Trigger","TriggerIndicator","RangeSeparator","Calendar","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DateRangePicker/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_bottomSheet","_primitives","_utils","_Dialog","_BottomSheet","_styles","_jsxRuntime","PickerDialogSurface","open","setOpen","registerSurface","children","useEffect","jsx","Dialog","isOpen","onOpenChange","PickerSheetTextInput","exports","BottomSheetTextInput","PickerBottomSheetSurface","fill","snapPoints","enableDynamicSizing","modalProps","ref","dismiss","useBottomSheet","isPresentedRef","useRef","handleDismiss","useCallback","current","tryPresent","present","frame","requestAnimationFrame","cancelAnimationFrame","BottomSheet","Modal","onDismiss","View","className","onLayout","PickerPopoverSurface","anchorRef","triggerRef","contentClassName","dataSlot","width","contentRef","dismissEnabled","setDismissEnabled","useState","floatingRef","onFloatingLayout","style","useAnchoredOverlay","placement","offset","collisionBehavior","excludeRefs","useDismissOverlay","useEscapeKey","OverlayContainer","entering","FadeIn","duration","exiting","FadeOut","zIndex","PICKER_POPOVER_Z_INDEX","mergeRefs","cn","pickerPopoverContentVariants","accessibilityViewIsModal","dataAttributes","slot","ScrollView","contentContainerClassName","scrollEventThrottle","showsVerticalScrollIndicator"],"sourceRoot":"../../../../src","sources":["components/picker/surfaces.tsx"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAQA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAgF,IAAAS,WAAA,GAAAT,OAAA;AAEhF;;AAEO,SAASU,mBAAmBA,CAAC;EAClCC,IAAI;EACJC,OAAO;EACPC,eAAe;EACfC;AAMF,CAAC,EAAE;EACD,IAAAC,gBAAS,EAAC,MAAM;IACdF,eAAe,CAAC,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,oBACE,IAAAJ,WAAA,CAAAO,GAAA,EAACV,OAAA,CAAAW,MAAM;IAACC,MAAM,EAAEP,IAAK;IAACQ,YAAY,EAAEP,OAAQ;IAAAE,QAAA,EACzCA;EAAQ,CACH,CAAC;AAEb;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_bottomSheet","_primitives","_utils","_Dialog","_BottomSheet","_styles","_jsxRuntime","PickerDialogSurface","open","setOpen","registerSurface","children","useEffect","jsx","Dialog","isOpen","onOpenChange","PickerSheetTextInput","exports","BottomSheetTextInput","PickerBottomSheetSurface","fill","snapPoints","enableDynamicSizing","modalProps","ref","dismiss","useBottomSheet","isPresentedRef","useRef","handleDismiss","useCallback","current","tryPresent","present","frame","requestAnimationFrame","cancelAnimationFrame","BottomSheet","Modal","onDismiss","View","className","onLayout","PickerPopoverSurface","anchorRef","triggerRef","contentClassName","dataSlot","width","contentRef","dismissEnabled","setDismissEnabled","useState","floatingRef","onFloatingLayout","style","useAnchoredOverlay","placement","offset","collisionBehavior","excludeRefs","useDismissOverlay","useEscapeKey","OverlayContainer","entering","FadeIn","duration","exiting","FadeOut","zIndex","PICKER_POPOVER_Z_INDEX","mergeRefs","cn","pickerPopoverContentVariants","accessibilityViewIsModal","dataAttributes","slot","ScrollView","contentContainerClassName","scrollEventThrottle","showsVerticalScrollIndicator"],"sourceRoot":"../../../../src","sources":["components/picker/surfaces.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -130,13 +130,15 @@ function DateRangePickerDialog({
|
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
132
|
function DateRangePickerBottomSheet({
|
|
133
|
-
children
|
|
133
|
+
children,
|
|
134
|
+
...sheetProps
|
|
134
135
|
}) {
|
|
135
136
|
const ctx = useDateRangePickerContext();
|
|
136
137
|
return /*#__PURE__*/_jsx(PickerBottomSheetSurface, {
|
|
137
138
|
open: ctx.open,
|
|
138
139
|
setOpen: ctx.setOpen,
|
|
139
140
|
registerSurface: ctx.registerSurface,
|
|
141
|
+
...sheetProps,
|
|
140
142
|
children: /*#__PURE__*/_jsx(DateRangePickerContext.Provider, {
|
|
141
143
|
value: ctx,
|
|
142
144
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","Text","CalendarToday","dataAttributes","DateRangePickerContext","DateRangePickerRoot","DateRangePickerRootPrimitive","mergeDataAttributes","useDateRangePickerContext","cn","ParentContext","useParentContext","Dialog","Icon","RangeCalendar","PickerTrigger","PickerBottomSheetSurface","PickerDialogSurface","PickerPopoverSurface","jsx","_jsx","DATE_FIELD_SCOPE","className","children","style","props","ref","parent","ctx","variant","size","fullWidth","Provider","value","slot","displayName","DateRangePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","openDateRangePicker","DateRangePickerTriggerIndicator","as","DateRangePickerRangeSeparator","rangeSeparator","DateRangePickerCalendar","startValue","endValue","onRangeChange","focusedField","setFocusedField","locale","onFocusedFieldChange","range","startId","endId","DateRangePickerDialog","registerSurface","Popup","DateRangePickerBottomSheet","DateRangePickerPopover","anchorRef","DateRangePicker","Object","assign","Trigger","TriggerIndicator","RangeSeparator","Calendar","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DateRangePicker/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAwB,OAAO;AAC3D,SAASC,IAAI,QAA8B,cAAc;AACzD,SAASC,aAAa,QAAQ,eAAe;AAC7C,SACEC,cAAc,EACdC,sBAAsB,EACtBC,mBAAmB,IAAIC,4BAA4B,EACnDC,mBAAmB,EACnBC,yBAAyB,QAEpB,oBAAoB;AAC3B,SAASC,EAAE,EAAEC,aAAa,EAAEC,gBAAgB,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","Text","CalendarToday","dataAttributes","DateRangePickerContext","DateRangePickerRoot","DateRangePickerRootPrimitive","mergeDataAttributes","useDateRangePickerContext","cn","ParentContext","useParentContext","Dialog","Icon","RangeCalendar","PickerTrigger","PickerBottomSheetSurface","PickerDialogSurface","PickerPopoverSurface","jsx","_jsx","DATE_FIELD_SCOPE","className","children","style","props","ref","parent","ctx","variant","size","fullWidth","Provider","value","slot","displayName","DateRangePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","openDateRangePicker","DateRangePickerTriggerIndicator","as","DateRangePickerRangeSeparator","rangeSeparator","DateRangePickerCalendar","startValue","endValue","onRangeChange","focusedField","setFocusedField","locale","onFocusedFieldChange","range","startId","endId","DateRangePickerDialog","registerSurface","Popup","DateRangePickerBottomSheet","sheetProps","DateRangePickerPopover","anchorRef","DateRangePicker","Object","assign","Trigger","TriggerIndicator","RangeSeparator","Calendar","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DateRangePicker/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useRef","useState","ScrollView","View","FadeIn","FadeOut","BottomSheetTextInput","dataAttributes","OverlayContainer","useAnchoredOverlay","useDismissOverlay","useEscapeKey","cn","mergeRefs","Dialog","BottomSheet","useBottomSheet","PICKER_POPOVER_Z_INDEX","pickerPopoverContentVariants","jsx","_jsx","PickerDialogSurface","open","setOpen","registerSurface","children","isOpen","onOpenChange","PickerSheetTextInput","PickerBottomSheetSurface","fill","snapPoints","enableDynamicSizing","modalProps","ref","dismiss","isPresentedRef","handleDismiss","current","tryPresent","present","frame","requestAnimationFrame","cancelAnimationFrame","Modal","onDismiss","className","onLayout","PickerPopoverSurface","anchorRef","triggerRef","contentClassName","dataSlot","width","contentRef","dismissEnabled","setDismissEnabled","floatingRef","onFloatingLayout","style","placement","offset","collisionBehavior","excludeRefs","entering","duration","exiting","zIndex","accessibilityViewIsModal","slot","contentContainerClassName","scrollEventThrottle","showsVerticalScrollIndicator"],"sourceRoot":"../../../../src","sources":["components/picker/surfaces.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAwC,OAAO;AAChG,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AACzD,SAASC,oBAAoB,QAAQ,sBAAsB;AAC3D,SACEC,cAAc,EACdC,gBAAgB,EAChBC,kBAAkB,EAClBC,iBAAiB,EACjBC,YAAY,QAEP,oBAAoB;AAC3B,SAASC,EAAE,EAAEC,SAAS,QAAQ,eAAe;AAC7C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,EAAEC,cAAc,QAAoC,gBAAgB;AACxF,SAASC,sBAAsB,EAAEC,4BAA4B,QAAQ,UAAU;;AAE/E;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,IAAI;EACJC,OAAO;EACPC,eAAe;EACfC;AAMF,CAAC,EAAE;EACD1B,SAAS,CAAC,MAAM;IACdyB,eAAe,CAAC,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,oBACEJ,IAAA,CAACN,MAAM;IAACY,MAAM,EAAEJ,IAAK;IAACK,YAAY,EAAEJ,OAAQ;IAAAE,QAAA,EACzCA;EAAQ,CACH,CAAC;AAEb;
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","useState","ScrollView","View","FadeIn","FadeOut","BottomSheetTextInput","dataAttributes","OverlayContainer","useAnchoredOverlay","useDismissOverlay","useEscapeKey","cn","mergeRefs","Dialog","BottomSheet","useBottomSheet","PICKER_POPOVER_Z_INDEX","pickerPopoverContentVariants","jsx","_jsx","PickerDialogSurface","open","setOpen","registerSurface","children","isOpen","onOpenChange","PickerSheetTextInput","PickerBottomSheetSurface","fill","snapPoints","enableDynamicSizing","modalProps","ref","dismiss","isPresentedRef","handleDismiss","current","tryPresent","present","frame","requestAnimationFrame","cancelAnimationFrame","Modal","onDismiss","className","onLayout","PickerPopoverSurface","anchorRef","triggerRef","contentClassName","dataSlot","width","contentRef","dismissEnabled","setDismissEnabled","floatingRef","onFloatingLayout","style","placement","offset","collisionBehavior","excludeRefs","entering","duration","exiting","zIndex","accessibilityViewIsModal","slot","contentContainerClassName","scrollEventThrottle","showsVerticalScrollIndicator"],"sourceRoot":"../../../../src","sources":["components/picker/surfaces.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAwC,OAAO;AAChG,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AACzD,SAASC,oBAAoB,QAAQ,sBAAsB;AAC3D,SACEC,cAAc,EACdC,gBAAgB,EAChBC,kBAAkB,EAClBC,iBAAiB,EACjBC,YAAY,QAEP,oBAAoB;AAC3B,SAASC,EAAE,EAAEC,SAAS,QAAQ,eAAe;AAC7C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,EAAEC,cAAc,QAAoC,gBAAgB;AACxF,SAASC,sBAAsB,EAAEC,4BAA4B,QAAQ,UAAU;;AAE/E;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,IAAI;EACJC,OAAO;EACPC,eAAe;EACfC;AAMF,CAAC,EAAE;EACD1B,SAAS,CAAC,MAAM;IACdyB,eAAe,CAAC,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,oBACEJ,IAAA,CAACN,MAAM;IAACY,MAAM,EAAEJ,IAAK;IAACK,YAAY,EAAEJ,OAAQ;IAAAE,QAAA,EACzCA;EAAQ,CACH,CAAC;AAEb;AAsBA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,oBAAoB,GAAGtB,oBAAoB;AAExD,OAAO,SAASuB,wBAAwBA,CAAC;EACvCP,IAAI;EACJC,OAAO;EACPC,eAAe;EACfM,IAAI,GAAG,KAAK;EACZL,QAAQ;EACRM,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;EAC3BC,mBAAmB,GAAG,KAAK;EAC3B,GAAGC;AAC0B,CAAC,EAAE;EAChC,MAAM;IAAEC,GAAG;IAAEC;EAAQ,CAAC,GAAGnB,cAAc,CAAC,CAAC;EACzC,MAAMoB,cAAc,GAAGpC,MAAM,CAAC,KAAK,CAAC;EAEpCD,SAAS,CAAC,MAAM;IACdyB,eAAe,GAAG,aAAa,CAAC;EAClC,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,MAAMa,aAAa,GAAGvC,WAAW,CAAC,MAAM;IACtCsC,cAAc,CAACE,OAAO,GAAG,KAAK;IAC9Bf,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMgB,UAAU,GAAGzC,WAAW,CAAC,MAAM;IACnC,IAAI,CAACwB,IAAI,IAAIc,cAAc,CAACE,OAAO,EAAE;MACnC;IACF;IACAJ,GAAG,CAACI,OAAO,EAAEE,OAAO,CAAC,CAAC;IACtBJ,cAAc,CAACE,OAAO,GAAG,IAAI;EAC/B,CAAC,EAAE,CAAChB,IAAI,EAAEY,GAAG,CAAC,CAAC;EAEfnC,SAAS,CAAC,MAAM;IACd,IAAI,CAACuB,IAAI,EAAE;MACT,IAAIc,cAAc,CAACE,OAAO,EAAE;QAC1BH,OAAO,CAAC,CAAC;QACTC,cAAc,CAACE,OAAO,GAAG,KAAK;MAChC;MACA;IACF;IAEA,MAAMG,KAAK,GAAGC,qBAAqB,CAAC,MAAM;MACxCH,UAAU,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,MAAMI,oBAAoB,CAACF,KAAK,CAAC;EAC1C,CAAC,EAAE,CAACN,OAAO,EAAEb,IAAI,EAAEiB,UAAU,CAAC,CAAC;EAE/B,oBACEnB,IAAA,CAACL,WAAW,CAAC6B,KAAK;IAChBV,GAAG,EAAEA,GAAI;IACTW,SAAS,EAAER,aAAc;IACzBN,UAAU,EAAEA,UAAW;IACvBC,mBAAmB,EAAEA,mBAAoB;IAAA,GACrCC,UAAU;IAAAR,QAAA,EAEbK,IAAI,gBACHV,IAAA,CAACjB,IAAI;MAAC2C,SAAS,EAAC,QAAQ;MAACC,QAAQ,EAAER,UAAW;MAAAd,QAAA,EAC3CA;IAAQ,CACL,CAAC,gBAEPL,IAAA,CAACL,WAAW,CAACZ,IAAI;MAAC4C,QAAQ,EAAER,UAAW;MAAAd,QAAA,EAAEA;IAAQ,CAAmB;EACrE,CACgB,CAAC;AAExB;AAeA,OAAO,SAASuB,oBAAoBA,CAAC;EACnC1B,IAAI;EACJC,OAAO;EACPC,eAAe;EACfyB,SAAS;EACTC,UAAU;EACVzB,QAAQ;EACRqB,SAAS;EACTK,gBAAgB;EAChBC,QAAQ;EACRC,KAAK,GAAG;AACiB,CAAC,EAAE;EAC5B,MAAMC,UAAU,GAAGtD,MAAM,CAAO,IAAI,CAAC;EACrC,MAAM,CAACuD,cAAc,EAAEC,iBAAiB,CAAC,GAAGvD,QAAQ,CAAC,KAAK,CAAC;EAE3DF,SAAS,CAAC,MAAM;IACdyB,eAAe,CAAC,SAAS,CAAC;EAC5B,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErBzB,SAAS,CAAC,MAAM;IACd,IAAI,CAACuB,IAAI,EAAE;MACTkC,iBAAiB,CAAC,KAAK,CAAC;MACxB;IACF;IAEA,MAAMf,KAAK,GAAGC,qBAAqB,CAAC,MAAM;MACxCc,iBAAiB,CAAC,IAAI,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,MAAMb,oBAAoB,CAACF,KAAK,CAAC;EAC1C,CAAC,EAAE,CAACnB,IAAI,CAAC,CAAC;EAEV,MAAMa,OAAO,GAAGrC,WAAW,CAAC,MAAMyB,OAAO,CAAC,KAAK,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE5D,MAAM;IAAEkC,WAAW;IAAEC,gBAAgB;IAAEC;EAAM,CAAC,GAAGlD,kBAAkB,CAACwC,SAAS,EAAE3B,IAAI,EAAE;IACnFsC,SAAS,EAAE,cAAc;IACzBC,MAAM,EAAE,CAAC;IACTC,iBAAiB,EAAE,YAAY;IAC/BT;EACF,CAAC,CAAC;EAEF,MAAMU,WAAW,GAAGb,UAAU,GAAG,CAACD,SAAS,EAAEC,UAAU,CAAC,GAAG,CAACD,SAAS,CAAC;EACtEvC,iBAAiB,CAAC6C,cAAc,EAAED,UAAU,EAAES,WAAW,EAAE5B,OAAO,CAAC;EACnExB,YAAY,CAACW,IAAI,EAAEa,OAAO,CAAC;EAE3B,IAAI,CAACb,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACEF,IAAA,CAACZ,gBAAgB;IACfqC,SAAS,EAAEV,OAAQ;IACnB6B,QAAQ,EAAE5D,MAAM,CAAC6D,QAAQ,CAAC,GAAG,CAAE;IAC/BC,OAAO,EAAE7D,OAAO,CAAC4D,QAAQ,CAAC,GAAG,CAAE;IAC/BN,KAAK,EAAE;MAAEQ,MAAM,EAAElD;IAAuB,CAAE;IAAAQ,QAAA,eAE1CL,IAAA,CAACjB,IAAI;MACH+B,GAAG,EAAErB,SAAS,CAACyC,UAAU,EAAEG,WAAW,CAAE;MACxCV,QAAQ,EAAEW,gBAAiB;MAC3BZ,SAAS,EAAElC,EAAE,CAACM,4BAA4B,CAAC,CAAC,EAAE4B,SAAS,CAAE;MACzDa,KAAK,EAAEA,KAAM;MACbS,wBAAwB;MAAA,GACpB7D,cAAc,CAAC;QAAE8D,IAAI,EAAEjB;MAAS,CAAC,CAAC;MAAA3B,QAAA,eAEtCL,IAAA,CAAClB,UAAU;QACToE,yBAAyB,EAAEnB,gBAAiB;QAC5CoB,mBAAmB,EAAE,EAAG;QACxBC,4BAA4B,EAAE,KAAM;QAAA/C,QAAA,EAEnCA;MAAQ,CACC;IAAC,CACT;EAAC,CACS,CAAC;AAEvB","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { View, type ViewProps } from 'react-native';
|
|
3
3
|
import { type DateRangePickerRootProps as DateRangePickerRootPrimitiveProps } from '@cdx-ui/primitives';
|
|
4
|
+
import type { BottomSheetModalProps } from '../BottomSheet';
|
|
4
5
|
import { type RangeCalendarProps } from '../RangeCalendar';
|
|
5
6
|
import { type PickerTriggerProps } from '../picker/PickerTrigger';
|
|
6
7
|
export type { DateRangeValue } from '@cdx-ui/primitives';
|
|
@@ -25,9 +26,32 @@ declare const DateRangePickerCalendar: import("react").ForwardRefExoticComponent
|
|
|
25
26
|
declare function DateRangePickerDialog({ children }: {
|
|
26
27
|
children: ReactNode;
|
|
27
28
|
}): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
|
|
29
|
+
export interface DateRangePickerBottomSheetProps {
|
|
29
30
|
children: ReactNode;
|
|
30
|
-
|
|
31
|
+
/**
|
|
32
|
+
* Heights the sheet snaps to, as percentages of the screen or pixel values.
|
|
33
|
+
* @default ['70%', '90%']
|
|
34
|
+
*/
|
|
35
|
+
snapPoints?: BottomSheetModalProps['snapPoints'];
|
|
36
|
+
/**
|
|
37
|
+
* Sizes the sheet to its content and adds that height as a snap point.
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
enableDynamicSizing?: BottomSheetModalProps['enableDynamicSizing'];
|
|
41
|
+
/**
|
|
42
|
+
* How the sheet opens over a sheet that is already presented: `push` keeps that sheet
|
|
43
|
+
* underneath, `switch` minimizes it until this sheet closes, and `replace` dismisses it.
|
|
44
|
+
* @default 'switch'
|
|
45
|
+
*/
|
|
46
|
+
stackBehavior?: BottomSheetModalProps['stackBehavior'];
|
|
47
|
+
/**
|
|
48
|
+
* Lays the children out in a container that fills the sheet, so a fixed header can sit above a
|
|
49
|
+
* `BottomSheet.ScrollView`. By default the children size a `BottomSheet.View`.
|
|
50
|
+
* @default false
|
|
51
|
+
*/
|
|
52
|
+
fill?: boolean;
|
|
53
|
+
}
|
|
54
|
+
declare function DateRangePickerBottomSheet({ children, ...sheetProps }: DateRangePickerBottomSheetProps): import("react/jsx-runtime").JSX.Element;
|
|
31
55
|
declare function DateRangePickerPopover({ children, className, }: {
|
|
32
56
|
children: ReactNode;
|
|
33
57
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAML,KAAK,wBAAwB,IAAI,iCAAiC,EACnE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAML,KAAK,wBAAwB,IAAI,iCAAiC,EACnE,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOjF,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,oBACf,SAAQ,iCAAiC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,QAAA,MAAM,mBAAmB,uGAyBxB,CAAC;AAWF,QAAA,MAAM,sBAAsB;yBAHL,MAAM;wCAkB5B,CAAC;AAIF,QAAA,MAAM,+BAA+B;;;CAEpC,CAAC;AAIF,QAAA,MAAM,6BAA6B;;;CAGlC,CAAC;AAIF,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,EAClB,YAAY,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,sBAAsB,CACtF,CAAC;AAEF,QAAA,MAAM,uBAAuB,+GAwB5B,CAAC;AAIF,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAanE;AAED,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;IACnE;;;;OAIG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,0BAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,+BAA+B,2CAY/F;AAED,iBAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAcA;AAED,KAAK,uBAAuB,GAAG,OAAO,mBAAmB,GAAG;IAC1D,OAAO,EAAE,OAAO,sBAAsB,CAAC;IACvC,gBAAgB,EAAE,OAAO,+BAA+B,CAAC;IACzD,cAAc,EAAE,OAAO,6BAA6B,CAAC;IACrD,QAAQ,EAAE,OAAO,uBAAuB,CAAC;IACzC,OAAO,EAAE,OAAO,sBAAsB,CAAC;IACvC,MAAM,EAAE,OAAO,qBAAqB,CAAC;IACrC,WAAW,EAAE,OAAO,0BAA0B,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,EAQtB,uBAAuB,CAAC"}
|
|
@@ -18,7 +18,7 @@ type PickerBottomSheetSurfaceProps = {
|
|
|
18
18
|
*/
|
|
19
19
|
fill?: boolean;
|
|
20
20
|
children: ReactNode;
|
|
21
|
-
} & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing' | 'keyboardBehavior' | 'keyboardBlurBehavior' | 'accessible'>;
|
|
21
|
+
} & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing' | 'stackBehavior' | 'keyboardBehavior' | 'keyboardBlurBehavior' | 'accessible'>;
|
|
22
22
|
/**
|
|
23
23
|
* Text input for a picker sheet. It registers with the sheet's keyboard handling, which moves
|
|
24
24
|
* the sheet for a focused `BottomSheetTextInput` only; a plain `TextInput` stays under the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CACN,qBAAqB,
|
|
1
|
+
{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CACN,qBAAqB,EACnB,YAAY,GACZ,qBAAqB,GACrB,eAAe,GACf,kBAAkB,GAClB,sBAAsB,GACtB,YAAY,CACf,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uRAAuB,CAAC;AAEzD,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,IAAY,EACZ,QAAQ,EACR,UAA2B,EAC3B,mBAA2B,EAC3B,GAAG,UAAU,EACd,EAAE,6BAA6B,2CAsD/B;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,KAAgB,GACjB,EAAE,yBAAyB,kDA+D3B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -106,10 +106,10 @@
|
|
|
106
106
|
"@marceloterreiro/flash-calendar": "2.0.0",
|
|
107
107
|
"react-native-reanimated-carousel": "5.0.0-beta.5",
|
|
108
108
|
"uniwind": "1.10.0",
|
|
109
|
-
"@cdx-ui/formatters": "0.3.
|
|
110
|
-
"@cdx-ui/icons": "0.3.
|
|
111
|
-
"@cdx-ui/primitives": "0.3.
|
|
112
|
-
"@cdx-ui/utils": "0.3.
|
|
109
|
+
"@cdx-ui/formatters": "0.3.9",
|
|
110
|
+
"@cdx-ui/icons": "0.3.9",
|
|
111
|
+
"@cdx-ui/primitives": "0.3.9",
|
|
112
|
+
"@cdx-ui/utils": "0.3.9"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
115
115
|
"@dnd-kit/core": "6.3.1",
|
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
type DateRangePickerRootProps as DateRangePickerRootPrimitiveProps,
|
|
11
11
|
} from '@cdx-ui/primitives';
|
|
12
12
|
import { cn, ParentContext, useParentContext } from '@cdx-ui/utils';
|
|
13
|
+
import type { BottomSheetModalProps } from '../BottomSheet';
|
|
13
14
|
import { Dialog } from '../Dialog';
|
|
14
15
|
import { Icon } from '../Icon';
|
|
15
16
|
import { RangeCalendar, type RangeCalendarProps } from '../RangeCalendar';
|
|
@@ -146,13 +147,40 @@ function DateRangePickerDialog({ children }: { children: ReactNode }) {
|
|
|
146
147
|
);
|
|
147
148
|
}
|
|
148
149
|
|
|
149
|
-
|
|
150
|
+
export interface DateRangePickerBottomSheetProps {
|
|
151
|
+
children: ReactNode;
|
|
152
|
+
/**
|
|
153
|
+
* Heights the sheet snaps to, as percentages of the screen or pixel values.
|
|
154
|
+
* @default ['70%', '90%']
|
|
155
|
+
*/
|
|
156
|
+
snapPoints?: BottomSheetModalProps['snapPoints'];
|
|
157
|
+
/**
|
|
158
|
+
* Sizes the sheet to its content and adds that height as a snap point.
|
|
159
|
+
* @default false
|
|
160
|
+
*/
|
|
161
|
+
enableDynamicSizing?: BottomSheetModalProps['enableDynamicSizing'];
|
|
162
|
+
/**
|
|
163
|
+
* How the sheet opens over a sheet that is already presented: `push` keeps that sheet
|
|
164
|
+
* underneath, `switch` minimizes it until this sheet closes, and `replace` dismisses it.
|
|
165
|
+
* @default 'switch'
|
|
166
|
+
*/
|
|
167
|
+
stackBehavior?: BottomSheetModalProps['stackBehavior'];
|
|
168
|
+
/**
|
|
169
|
+
* Lays the children out in a container that fills the sheet, so a fixed header can sit above a
|
|
170
|
+
* `BottomSheet.ScrollView`. By default the children size a `BottomSheet.View`.
|
|
171
|
+
* @default false
|
|
172
|
+
*/
|
|
173
|
+
fill?: boolean;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
function DateRangePickerBottomSheet({ children, ...sheetProps }: DateRangePickerBottomSheetProps) {
|
|
150
177
|
const ctx = useDateRangePickerContext();
|
|
151
178
|
return (
|
|
152
179
|
<PickerBottomSheetSurface
|
|
153
180
|
open={ctx.open}
|
|
154
181
|
setOpen={ctx.setOpen}
|
|
155
182
|
registerSurface={ctx.registerSurface}
|
|
183
|
+
{...sheetProps}
|
|
156
184
|
>
|
|
157
185
|
<DateRangePickerContext.Provider value={ctx}>{children}</DateRangePickerContext.Provider>
|
|
158
186
|
</PickerBottomSheetSurface>
|
|
@@ -51,7 +51,12 @@ type PickerBottomSheetSurfaceProps = {
|
|
|
51
51
|
children: ReactNode;
|
|
52
52
|
} & Pick<
|
|
53
53
|
BottomSheetModalProps,
|
|
54
|
-
|
|
54
|
+
| 'snapPoints'
|
|
55
|
+
| 'enableDynamicSizing'
|
|
56
|
+
| 'stackBehavior'
|
|
57
|
+
| 'keyboardBehavior'
|
|
58
|
+
| 'keyboardBlurBehavior'
|
|
59
|
+
| 'accessible'
|
|
55
60
|
>;
|
|
56
61
|
|
|
57
62
|
/**
|