@multiplatform.one/components 6.4.2 → 6.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Alert/index.native.js.map +1 -1
- package/dist/cjs/Avatar/index.cjs +4 -0
- package/dist/cjs/Avatar/index.native.js +4 -0
- package/dist/cjs/Avatar/index.native.js.map +1 -1
- package/dist/cjs/Badge/index.cjs +3 -0
- package/dist/cjs/Badge/index.native.js +3 -0
- package/dist/cjs/Badge/index.native.js.map +1 -1
- package/dist/cjs/Carousel/index.cjs +29 -16
- package/dist/cjs/Carousel/index.native.js +35 -18
- package/dist/cjs/Carousel/index.native.js.map +1 -1
- package/dist/cjs/DotIndicator/index.cjs +95 -36
- package/dist/cjs/DotIndicator/index.native.js +96 -36
- package/dist/cjs/DotIndicator/index.native.js.map +1 -1
- package/dist/cjs/Pagination.cjs +112 -163
- package/dist/cjs/Pagination.native.js +125 -176
- package/dist/cjs/Pagination.native.js.map +1 -1
- package/dist/cjs/ProgressSteps/index.cjs +5 -3
- package/dist/cjs/ProgressSteps/index.native.js +5 -3
- package/dist/cjs/ProgressSteps/index.native.js.map +1 -1
- package/dist/cjs/Wheel/index.cjs +1 -1
- package/dist/cjs/Wheel/index.native.js +1 -1
- package/dist/cjs/Wheel/index.native.js.map +1 -1
- package/dist/cjs/charts/Axis.cjs +1 -1
- package/dist/cjs/charts/Axis.native.js +1 -1
- package/dist/cjs/charts/Axis.native.js.map +1 -1
- package/dist/cjs/charts/BarChart.cjs +1 -1
- package/dist/cjs/charts/BarChart.native.js +1 -3
- package/dist/cjs/charts/BarChart.native.js.map +1 -1
- package/dist/cjs/charts/LineChart.cjs +1 -1
- package/dist/cjs/charts/LineChart.native.js +1 -3
- package/dist/cjs/charts/LineChart.native.js.map +1 -1
- package/dist/cjs/charts/PieChart.cjs +3 -2
- package/dist/cjs/charts/PieChart.native.js +9 -5
- package/dist/cjs/charts/PieChart.native.js.map +1 -1
- package/dist/cjs/charts/accessibility.native.js.map +1 -1
- package/dist/cjs/charts/index.cjs +1 -0
- package/dist/cjs/charts/index.native.js +1 -0
- package/dist/cjs/charts/index.native.js.map +1 -1
- package/dist/cjs/charts/math.cjs +6 -1
- package/dist/cjs/charts/math.native.js +6 -1
- package/dist/cjs/charts/math.native.js.map +1 -1
- package/dist/cjs/componentColors.cjs +11 -3
- package/dist/cjs/componentColors.native.js +11 -3
- package/dist/cjs/componentColors.native.js.map +1 -1
- package/dist/cjs/feedback/ConfirmDialog.cjs +1 -3
- package/dist/cjs/feedback/ConfirmDialog.native.js +1 -3
- package/dist/cjs/feedback/ConfirmDialog.native.js.map +1 -1
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/layouts/ViewSwitcher.cjs +19 -0
- package/dist/cjs/layouts/ViewSwitcher.native.js +33 -0
- package/dist/cjs/layouts/ViewSwitcher.native.js.map +1 -1
- package/dist/cjs/layouts/attachments.cjs +4 -8
- package/dist/cjs/layouts/attachments.native.js +5 -8
- package/dist/cjs/layouts/attachments.native.js.map +1 -1
- package/dist/cjs/layouts/page.cjs +3 -4
- package/dist/cjs/layouts/page.native.js +6 -5
- package/dist/cjs/layouts/page.native.js.map +1 -1
- package/dist/cjs/layouts/tags.cjs +1 -0
- package/dist/cjs/layouts/tags.native.js +2 -0
- package/dist/cjs/layouts/tags.native.js.map +1 -1
- package/dist/cjs/layouts/timeline.cjs +0 -6
- package/dist/cjs/layouts/timeline.native.js +0 -6
- package/dist/cjs/layouts/timeline.native.js.map +1 -1
- package/dist/cjs/surfaces.cjs +21 -0
- package/dist/cjs/surfaces.native.js +22 -0
- package/dist/cjs/surfaces.native.js.map +1 -1
- package/dist/cjs/views/Calendar.cjs +15 -38
- package/dist/cjs/views/Calendar.native.js +21 -44
- package/dist/cjs/views/Calendar.native.js.map +1 -1
- package/dist/cjs/views/Dashboard.cjs +10 -10
- package/dist/cjs/views/Dashboard.native.js +12 -10
- package/dist/cjs/views/Dashboard.native.js.map +1 -1
- package/dist/cjs/views/Kanban.cjs +22 -13
- package/dist/cjs/views/Kanban.native.js +1 -0
- package/dist/cjs/views/Kanban.native.js.map +1 -1
- package/dist/cjs/views/ReportBuilder.cjs +29 -11
- package/dist/cjs/views/ReportBuilder.native.js +29 -11
- package/dist/cjs/views/ReportBuilder.native.js.map +1 -1
- package/dist/cjs/views/TreeView.cjs +1 -1
- package/dist/cjs/views/TreeView.native.js +1 -1
- package/dist/cjs/views/TreeView.native.js.map +1 -1
- package/dist/cjs/views/calendarMath.cjs +3 -9
- package/dist/cjs/views/calendarMath.native.js +3 -9
- package/dist/cjs/views/calendarMath.native.js.map +1 -1
- package/dist/cjs/views/ganttMath.cjs +14 -19
- package/dist/cjs/views/ganttMath.native.js +21 -20
- package/dist/cjs/views/ganttMath.native.js.map +1 -1
- package/dist/esm/Accordion/index.mjs.map +1 -1
- package/dist/esm/Alert/index.mjs.map +1 -1
- package/dist/esm/Alert/index.native.js.map +1 -1
- package/dist/esm/Avatar/index.mjs +5 -1
- package/dist/esm/Avatar/index.mjs.map +1 -1
- package/dist/esm/Avatar/index.native.js +5 -1
- package/dist/esm/Avatar/index.native.js.map +1 -1
- package/dist/esm/Badge/index.mjs +4 -1
- package/dist/esm/Badge/index.mjs.map +1 -1
- package/dist/esm/Badge/index.native.js +4 -1
- package/dist/esm/Badge/index.native.js.map +1 -1
- package/dist/esm/Carousel/index.mjs +29 -16
- package/dist/esm/Carousel/index.mjs.map +1 -1
- package/dist/esm/Carousel/index.native.js +35 -18
- package/dist/esm/Carousel/index.native.js.map +1 -1
- package/dist/esm/DotIndicator/index.mjs +96 -37
- package/dist/esm/DotIndicator/index.mjs.map +1 -1
- package/dist/esm/DotIndicator/index.native.js +97 -37
- package/dist/esm/DotIndicator/index.native.js.map +1 -1
- package/dist/esm/DropdownMenu/index.mjs.map +1 -1
- package/dist/esm/DropdownMenu/index.native.js.map +1 -1
- package/dist/esm/Pagination.mjs +113 -164
- package/dist/esm/Pagination.mjs.map +1 -1
- package/dist/esm/Pagination.native.js +126 -177
- package/dist/esm/Pagination.native.js.map +1 -1
- package/dist/esm/ProgressSteps/index.mjs +6 -4
- package/dist/esm/ProgressSteps/index.mjs.map +1 -1
- package/dist/esm/ProgressSteps/index.native.js +6 -4
- package/dist/esm/ProgressSteps/index.native.js.map +1 -1
- package/dist/esm/Wheel/index.mjs +1 -1
- package/dist/esm/Wheel/index.mjs.map +1 -1
- package/dist/esm/Wheel/index.native.js +1 -1
- package/dist/esm/Wheel/index.native.js.map +1 -1
- package/dist/esm/charts/Axis.mjs +2 -2
- package/dist/esm/charts/Axis.mjs.map +1 -1
- package/dist/esm/charts/Axis.native.js +2 -2
- package/dist/esm/charts/Axis.native.js.map +1 -1
- package/dist/esm/charts/BarChart.mjs +2 -2
- package/dist/esm/charts/BarChart.mjs.map +1 -1
- package/dist/esm/charts/BarChart.native.js +2 -4
- package/dist/esm/charts/BarChart.native.js.map +1 -1
- package/dist/esm/charts/LineChart.mjs +2 -2
- package/dist/esm/charts/LineChart.mjs.map +1 -1
- package/dist/esm/charts/LineChart.native.js +2 -4
- package/dist/esm/charts/LineChart.native.js.map +1 -1
- package/dist/esm/charts/PieChart.mjs +3 -2
- package/dist/esm/charts/PieChart.mjs.map +1 -1
- package/dist/esm/charts/PieChart.native.js +9 -5
- package/dist/esm/charts/PieChart.native.js.map +1 -1
- package/dist/esm/charts/accessibility.mjs.map +1 -1
- package/dist/esm/charts/accessibility.native.js.map +1 -1
- package/dist/esm/charts/index.mjs +2 -2
- package/dist/esm/charts/index.mjs.map +1 -1
- package/dist/esm/charts/index.native.js +2 -2
- package/dist/esm/charts/index.native.js.map +1 -1
- package/dist/esm/charts/math.mjs +6 -2
- package/dist/esm/charts/math.mjs.map +1 -1
- package/dist/esm/charts/math.native.js +6 -2
- package/dist/esm/charts/math.native.js.map +1 -1
- package/dist/esm/componentColors.mjs +11 -3
- package/dist/esm/componentColors.mjs.map +1 -1
- package/dist/esm/componentColors.native.js +11 -3
- package/dist/esm/componentColors.native.js.map +1 -1
- package/dist/esm/feedback/ConfirmDialog.mjs +2 -4
- package/dist/esm/feedback/ConfirmDialog.mjs.map +1 -1
- package/dist/esm/feedback/ConfirmDialog.native.js +2 -4
- package/dist/esm/feedback/ConfirmDialog.native.js.map +1 -1
- package/dist/esm/index.mjs +2 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/layouts/ViewSwitcher.mjs +20 -1
- package/dist/esm/layouts/ViewSwitcher.mjs.map +1 -1
- package/dist/esm/layouts/ViewSwitcher.native.js +34 -1
- package/dist/esm/layouts/ViewSwitcher.native.js.map +1 -1
- package/dist/esm/layouts/attachments.mjs +4 -8
- package/dist/esm/layouts/attachments.mjs.map +1 -1
- package/dist/esm/layouts/attachments.native.js +5 -8
- package/dist/esm/layouts/attachments.native.js.map +1 -1
- package/dist/esm/layouts/page.mjs +4 -5
- package/dist/esm/layouts/page.mjs.map +1 -1
- package/dist/esm/layouts/page.native.js +7 -6
- package/dist/esm/layouts/page.native.js.map +1 -1
- package/dist/esm/layouts/tags.mjs +1 -0
- package/dist/esm/layouts/tags.mjs.map +1 -1
- package/dist/esm/layouts/tags.native.js +2 -0
- package/dist/esm/layouts/tags.native.js.map +1 -1
- package/dist/esm/layouts/timeline.mjs +0 -6
- package/dist/esm/layouts/timeline.mjs.map +1 -1
- package/dist/esm/layouts/timeline.native.js +0 -6
- package/dist/esm/layouts/timeline.native.js.map +1 -1
- package/dist/esm/surfaces.mjs +21 -1
- package/dist/esm/surfaces.mjs.map +1 -1
- package/dist/esm/surfaces.native.js +22 -1
- package/dist/esm/surfaces.native.js.map +1 -1
- package/dist/esm/views/Calendar.mjs +6 -29
- package/dist/esm/views/Calendar.mjs.map +1 -1
- package/dist/esm/views/Calendar.native.js +12 -35
- package/dist/esm/views/Calendar.native.js.map +1 -1
- package/dist/esm/views/Dashboard.mjs +12 -12
- package/dist/esm/views/Dashboard.mjs.map +1 -1
- package/dist/esm/views/Dashboard.native.js +14 -12
- package/dist/esm/views/Dashboard.native.js.map +1 -1
- package/dist/esm/views/Kanban.mjs +23 -14
- package/dist/esm/views/Kanban.mjs.map +1 -1
- package/dist/esm/views/Kanban.native.js +2 -1
- package/dist/esm/views/Kanban.native.js.map +1 -1
- package/dist/esm/views/ReportBuilder.mjs +30 -12
- package/dist/esm/views/ReportBuilder.mjs.map +1 -1
- package/dist/esm/views/ReportBuilder.native.js +30 -12
- package/dist/esm/views/ReportBuilder.native.js.map +1 -1
- package/dist/esm/views/TreeView.mjs +1 -1
- package/dist/esm/views/TreeView.mjs.map +1 -1
- package/dist/esm/views/TreeView.native.js +1 -1
- package/dist/esm/views/TreeView.native.js.map +1 -1
- package/dist/esm/views/calendarMath.mjs +3 -9
- package/dist/esm/views/calendarMath.mjs.map +1 -1
- package/dist/esm/views/calendarMath.native.js +3 -9
- package/dist/esm/views/calendarMath.native.js.map +1 -1
- package/dist/esm/views/ganttMath.mjs +14 -19
- package/dist/esm/views/ganttMath.mjs.map +1 -1
- package/dist/esm/views/ganttMath.native.js +21 -20
- package/dist/esm/views/ganttMath.native.js.map +1 -1
- package/dist/esm/views/kanbanDnd.mjs.map +1 -1
- package/dist/jsx/Accordion/index.mjs.map +1 -1
- package/dist/jsx/Alert/index.mjs.map +1 -1
- package/dist/jsx/Alert/index.native.js.map +1 -1
- package/dist/jsx/Avatar/index.mjs +5 -1
- package/dist/jsx/Avatar/index.mjs.map +1 -1
- package/dist/jsx/Avatar/index.native.js +4 -0
- package/dist/jsx/Avatar/index.native.js.map +1 -1
- package/dist/jsx/Badge/index.mjs +4 -1
- package/dist/jsx/Badge/index.mjs.map +1 -1
- package/dist/jsx/Badge/index.native.js +3 -0
- package/dist/jsx/Badge/index.native.js.map +1 -1
- package/dist/jsx/Carousel/index.mjs +29 -16
- package/dist/jsx/Carousel/index.mjs.map +1 -1
- package/dist/jsx/Carousel/index.native.js +35 -18
- package/dist/jsx/Carousel/index.native.js.map +1 -1
- package/dist/jsx/DotIndicator/index.mjs +96 -37
- package/dist/jsx/DotIndicator/index.mjs.map +1 -1
- package/dist/jsx/DotIndicator/index.native.js +96 -36
- package/dist/jsx/DotIndicator/index.native.js.map +1 -1
- package/dist/jsx/DropdownMenu/index.mjs.map +1 -1
- package/dist/jsx/Pagination.mjs +113 -164
- package/dist/jsx/Pagination.mjs.map +1 -1
- package/dist/jsx/Pagination.native.js +125 -176
- package/dist/jsx/Pagination.native.js.map +1 -1
- package/dist/jsx/ProgressSteps/index.mjs +6 -4
- package/dist/jsx/ProgressSteps/index.mjs.map +1 -1
- package/dist/jsx/ProgressSteps/index.native.js +5 -3
- package/dist/jsx/ProgressSteps/index.native.js.map +1 -1
- package/dist/jsx/Wheel/index.mjs +1 -1
- package/dist/jsx/Wheel/index.mjs.map +1 -1
- package/dist/jsx/Wheel/index.native.js +1 -1
- package/dist/jsx/Wheel/index.native.js.map +1 -1
- package/dist/jsx/charts/Axis.mjs +2 -2
- package/dist/jsx/charts/Axis.mjs.map +1 -1
- package/dist/jsx/charts/Axis.native.js +1 -1
- package/dist/jsx/charts/Axis.native.js.map +1 -1
- package/dist/jsx/charts/BarChart.mjs +2 -2
- package/dist/jsx/charts/BarChart.mjs.map +1 -1
- package/dist/jsx/charts/BarChart.native.js +1 -3
- package/dist/jsx/charts/BarChart.native.js.map +1 -1
- package/dist/jsx/charts/LineChart.mjs +2 -2
- package/dist/jsx/charts/LineChart.mjs.map +1 -1
- package/dist/jsx/charts/LineChart.native.js +1 -3
- package/dist/jsx/charts/LineChart.native.js.map +1 -1
- package/dist/jsx/charts/PieChart.mjs +3 -2
- package/dist/jsx/charts/PieChart.mjs.map +1 -1
- package/dist/jsx/charts/PieChart.native.js +9 -5
- package/dist/jsx/charts/PieChart.native.js.map +1 -1
- package/dist/jsx/charts/accessibility.mjs.map +1 -1
- package/dist/jsx/charts/accessibility.native.js.map +1 -1
- package/dist/jsx/charts/index.mjs +2 -2
- package/dist/jsx/charts/index.mjs.map +1 -1
- package/dist/jsx/charts/index.native.js +1 -0
- package/dist/jsx/charts/index.native.js.map +1 -1
- package/dist/jsx/charts/math.mjs +6 -2
- package/dist/jsx/charts/math.mjs.map +1 -1
- package/dist/jsx/charts/math.native.js +6 -1
- package/dist/jsx/charts/math.native.js.map +1 -1
- package/dist/jsx/componentColors.mjs +11 -3
- package/dist/jsx/componentColors.mjs.map +1 -1
- package/dist/jsx/componentColors.native.js +11 -3
- package/dist/jsx/componentColors.native.js.map +1 -1
- package/dist/jsx/feedback/ConfirmDialog.mjs +2 -4
- package/dist/jsx/feedback/ConfirmDialog.mjs.map +1 -1
- package/dist/jsx/feedback/ConfirmDialog.native.js +1 -3
- package/dist/jsx/feedback/ConfirmDialog.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +2 -2
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js +1 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/layouts/ViewSwitcher.mjs +20 -1
- package/dist/jsx/layouts/ViewSwitcher.mjs.map +1 -1
- package/dist/jsx/layouts/ViewSwitcher.native.js +33 -0
- package/dist/jsx/layouts/ViewSwitcher.native.js.map +1 -1
- package/dist/jsx/layouts/attachments.mjs +4 -8
- package/dist/jsx/layouts/attachments.mjs.map +1 -1
- package/dist/jsx/layouts/attachments.native.js +5 -8
- package/dist/jsx/layouts/attachments.native.js.map +1 -1
- package/dist/jsx/layouts/page.mjs +4 -5
- package/dist/jsx/layouts/page.mjs.map +1 -1
- package/dist/jsx/layouts/page.native.js +6 -5
- package/dist/jsx/layouts/page.native.js.map +1 -1
- package/dist/jsx/layouts/tags.mjs +1 -0
- package/dist/jsx/layouts/tags.mjs.map +1 -1
- package/dist/jsx/layouts/tags.native.js +2 -0
- package/dist/jsx/layouts/tags.native.js.map +1 -1
- package/dist/jsx/layouts/timeline.mjs +0 -6
- package/dist/jsx/layouts/timeline.mjs.map +1 -1
- package/dist/jsx/layouts/timeline.native.js +0 -6
- package/dist/jsx/layouts/timeline.native.js.map +1 -1
- package/dist/jsx/surfaces.mjs +21 -1
- package/dist/jsx/surfaces.mjs.map +1 -1
- package/dist/jsx/surfaces.native.js +22 -0
- package/dist/jsx/surfaces.native.js.map +1 -1
- package/dist/jsx/views/Calendar.mjs +6 -29
- package/dist/jsx/views/Calendar.mjs.map +1 -1
- package/dist/jsx/views/Calendar.native.js +21 -44
- package/dist/jsx/views/Calendar.native.js.map +1 -1
- package/dist/jsx/views/Dashboard.mjs +12 -12
- package/dist/jsx/views/Dashboard.mjs.map +1 -1
- package/dist/jsx/views/Dashboard.native.js +12 -10
- package/dist/jsx/views/Dashboard.native.js.map +1 -1
- package/dist/jsx/views/Kanban.mjs +23 -14
- package/dist/jsx/views/Kanban.mjs.map +1 -1
- package/dist/jsx/views/Kanban.native.js +1 -0
- package/dist/jsx/views/Kanban.native.js.map +1 -1
- package/dist/jsx/views/ReportBuilder.mjs +30 -12
- package/dist/jsx/views/ReportBuilder.mjs.map +1 -1
- package/dist/jsx/views/ReportBuilder.native.js +29 -11
- package/dist/jsx/views/ReportBuilder.native.js.map +1 -1
- package/dist/jsx/views/TreeView.mjs +1 -1
- package/dist/jsx/views/TreeView.mjs.map +1 -1
- package/dist/jsx/views/TreeView.native.js +1 -1
- package/dist/jsx/views/TreeView.native.js.map +1 -1
- package/dist/jsx/views/calendarMath.mjs +3 -9
- package/dist/jsx/views/calendarMath.mjs.map +1 -1
- package/dist/jsx/views/calendarMath.native.js +3 -9
- package/dist/jsx/views/calendarMath.native.js.map +1 -1
- package/dist/jsx/views/ganttMath.mjs +14 -19
- package/dist/jsx/views/ganttMath.mjs.map +1 -1
- package/dist/jsx/views/ganttMath.native.js +21 -20
- package/dist/jsx/views/ganttMath.native.js.map +1 -1
- package/dist/jsx/views/kanbanDnd.mjs.map +1 -1
- package/package.json +12 -12
- package/src/Accordion/Accordion.stories.tsx +7 -2
- package/src/Alert/index.tsx +1 -3
- package/src/Avatar/Avatar.spec.tsx +31 -0
- package/src/Avatar/index.tsx +19 -1
- package/src/Badge/Badge.stories.tsx +3 -1
- package/src/Badge/index.tsx +4 -1
- package/src/Carousel/Carousel.spec.tsx +271 -0
- package/src/Carousel/Carousel.stories.tsx +35 -0
- package/src/Carousel/index.tsx +45 -20
- package/src/DialogContent.stories.tsx +2 -2
- package/src/DotIndicator/dotIndicator.spec.tsx +43 -1
- package/src/DotIndicator/index.tsx +170 -37
- package/src/Pagination.api.spec.tsx +345 -0
- package/src/Pagination.tsx +138 -176
- package/src/Panel.stories.tsx +4 -4
- package/src/ProgressSteps/ProgressSteps.spec.tsx +40 -1
- package/src/ProgressSteps/ProgressSteps.stories.tsx +3 -1
- package/src/ProgressSteps/index.tsx +6 -1
- package/src/charts/PieChart.tsx +4 -1
- package/src/feedback/ConfirmDialog.tsx +2 -2
- package/src/index.ts +1 -0
- package/src/layouts/PageHeader.stories.tsx +21 -3
- package/src/layouts/ScreenToolbar.stories.tsx +12 -5
- package/src/layouts/ViewSwitcher.tsx +25 -6
- package/src/layouts/attachments.tsx +4 -1
- package/src/layouts/layouts.spec.tsx +77 -1
- package/src/layouts/page.tsx +5 -1
- package/src/layouts/pageTitleScale.spec.tsx +70 -0
- package/src/layouts/tags.tsx +2 -0
- package/src/layouts/timeline-radius.spec.tsx +21 -0
- package/src/layouts/timeline.tsx +7 -18
- package/src/shared/t.spec.ts +47 -0
- package/src/surfaces.tsx +33 -0
- package/src/views/Calendar.stories.tsx +4 -2
- package/src/views/Calendar.tsx +6 -1
- package/src/views/Gantt.stories.tsx +2 -2
- package/src/views/Kanban.native.tsx +8 -2
- package/src/views/Kanban.stories.tsx +3 -1
- package/src/views/Kanban.tsx +42 -13
- package/src/views/ReportBuilder.tsx +15 -2
- package/src/views/ganttMath.ts +2 -6
- package/types/Alert/index.d.ts.map +1 -1
- package/types/Avatar/index.d.ts.map +1 -1
- package/types/Badge/index.d.ts.map +1 -1
- package/types/Carousel/index.d.ts.map +1 -1
- package/types/DotIndicator/index.d.ts +44 -3
- package/types/DotIndicator/index.d.ts.map +1 -1
- package/types/Pagination.d.ts +6 -1
- package/types/Pagination.d.ts.map +1 -1
- package/types/ProgressSteps/index.d.ts.map +1 -1
- package/types/charts/Axis.d.ts.map +1 -1
- package/types/charts/BarChart.d.ts.map +1 -1
- package/types/charts/LineChart.d.ts.map +1 -1
- package/types/charts/PieChart.d.ts.map +1 -1
- package/types/charts/accessibility.d.ts +3 -2
- package/types/charts/accessibility.d.ts.map +1 -1
- package/types/charts/index.d.ts +1 -1
- package/types/charts/index.d.ts.map +1 -1
- package/types/charts/math.d.ts +16 -1
- package/types/charts/math.d.ts.map +1 -1
- package/types/componentColors.d.ts +11 -3
- package/types/componentColors.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/layouts/ViewSwitcher.d.ts.map +1 -1
- package/types/layouts/attachments.d.ts.map +1 -1
- package/types/layouts/page.d.ts +8 -6
- package/types/layouts/page.d.ts.map +1 -1
- package/types/layouts/tags.d.ts.map +1 -1
- package/types/layouts/timeline.d.ts.map +1 -1
- package/types/surfaces.d.ts +17 -0
- package/types/surfaces.d.ts.map +1 -1
- package/types/views/Calendar.d.ts.map +1 -1
- package/types/views/Dashboard.d.ts.map +1 -1
- package/types/views/Kanban.d.ts +13 -1
- package/types/views/Kanban.d.ts.map +1 -1
- package/types/views/ReportBuilder.d.ts.map +1 -1
- package/types/views/TreeView.d.ts.map +1 -1
- package/types/views/calendarMath.d.ts +5 -1
- package/types/views/calendarMath.d.ts.map +1 -1
- package/types/views/ganttMath.d.ts +3 -0
- package/types/views/ganttMath.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","useTranslation","Intent","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","warnBannedErrorWords","Button","CheckCircleIcon","InfoIcon","WarningIcon","XCircleIcon","XIcon","SizableText","View","XStack","YStack","styled","useTheme","intentThemeMap","info","success","warning","error","intentIconMap","AlertFrame","name","width","alignItems","backgroundColor","borderColor","DISMISS_VISUAL","DISMISS_OUTSET","Math","ceil","DISMISS_ADJACENT_OUTSET","DismissButton","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","param","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","t","knobProps","component","theme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","handleDismiss","handleDismiss2","IconComponent","iconNode","size","weight","color","iconSlotHeight","actionNode","onPress","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","minWidth","marginVertical","marginHorizontal","hitSlop","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","useTranslation","Intent","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","warnBannedErrorWords","Button","CheckCircleIcon","InfoIcon","WarningIcon","XCircleIcon","XIcon","SizableText","View","XStack","YStack","styled","useTheme","intentThemeMap","info","success","warning","error","intentIconMap","AlertFrame","name","width","alignItems","backgroundColor","borderColor","DISMISS_VISUAL","DISMISS_OUTSET","Math","ceil","DISMISS_ADJACENT_OUTSET","DismissButton","role","tabIndex","cursor","justifyContent","flexShrink","padding","borderWidth","borderRadius","hoverStyle","pressStyle","focusVisibleStyle","outlineWidth","outlineStyle","outlineColor","outlineOffset","AlertInner","param","intent","title","children","icon","action","actionLabel","onAction","dismissible","onDismiss","visible","defaultVisible","compact","props","_theme_color11","t","knobProps","component","theme","iconColor","color11","get","uncontrolledVisible","setUncontrolledVisible","shown","isTextual","isTextual2","n","textualChildren","Array","isArray","every","join","String","handleDismiss","handleDismiss2","IconComponent","iconNode","size","weight","color","iconSlotHeight","actionNode","onPress","max","panelPadding","gap","transition","height","flexGrow","minHeight","body","fontWeight","fontSize","lineHeight","minWidth","marginVertical","marginHorizontal","hitSlop","onKeyDown","e","key","_e_preventDefault","preventDefault","call"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
1
|
+
import { radiusClassProps, useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
2
|
import { Avatar as TamaguiAvatar, SizableText, withStaticProperties } from "tamagui";
|
|
3
3
|
import { componentColors } from "../componentColors.mjs";
|
|
4
4
|
import { getInitials } from "./getInitials.mjs";
|
|
@@ -9,6 +9,7 @@ const avatarSizeMap = {
|
|
|
9
9
|
$4: "$3",
|
|
10
10
|
$5: "$4"
|
|
11
11
|
};
|
|
12
|
+
const identityShapeProps = radiusClassProps("R-IDENTITY", "Avatar");
|
|
12
13
|
function initialsFontSize(size) {
|
|
13
14
|
if (typeof size === "number") {
|
|
14
15
|
if (size <= 24) return "$1";
|
|
@@ -47,11 +48,13 @@ function AvatarRoot({
|
|
|
47
48
|
} = useResolvedKnobs();
|
|
48
49
|
const onAccentInitials = useReadableTextOn("$accentBackground");
|
|
49
50
|
const size = sizeProp ?? avatarSizeMap[knobProps.sizeToken] ?? "$3";
|
|
51
|
+
const identityProps = circular ? identityShapeProps : null;
|
|
50
52
|
if (children != null) {
|
|
51
53
|
return /* @__PURE__ */jsx(TamaguiAvatar, {
|
|
52
54
|
circular,
|
|
53
55
|
size,
|
|
54
56
|
backgroundColor: backgroundColor ?? fallbackBackgroundColor,
|
|
57
|
+
...identityProps,
|
|
55
58
|
...props,
|
|
56
59
|
children
|
|
57
60
|
});
|
|
@@ -64,6 +67,7 @@ function AvatarRoot({
|
|
|
64
67
|
size,
|
|
65
68
|
backgroundColor: backgroundColor ?? fallbackBackgroundColor,
|
|
66
69
|
"aria-label": label,
|
|
70
|
+
...identityProps,
|
|
67
71
|
...props,
|
|
68
72
|
children: [src ? /* @__PURE__ */jsx(TamaguiAvatar.Image, {
|
|
69
73
|
src,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useReadableTextOn","useResolvedKnobs","Avatar","TamaguiAvatar","SizableText","withStaticProperties","componentColors","getInitials","getInitials2","jsx","jsxs","avatarSizeMap","$3","$4","$5","initialsFontSize","size","AvatarRoot","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","knobProps","onAccentInitials","sizeToken","label","initialsText","onAccent","Image","Fallback","alignItems","justifyContent","delayMs","fontSize","color","text","primary","fontWeight","textAlign"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,iBAAA,EAAmBC,gBAAA,QAAwB;
|
|
1
|
+
{"version":3,"names":["radiusClassProps","useReadableTextOn","useResolvedKnobs","Avatar","TamaguiAvatar","SizableText","withStaticProperties","componentColors","getInitials","getInitials2","jsx","jsxs","avatarSizeMap","$3","$4","$5","identityShapeProps","initialsFontSize","size","AvatarRoot","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","knobProps","onAccentInitials","sizeToken","identityProps","label","initialsText","onAccent","Image","Fallback","alignItems","justifyContent","delayMs","fontSize","color","text","primary","fontWeight","textAlign"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
|
+
import { radiusClassProps, useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
3
|
import { Avatar as TamaguiAvatar, SizableText, withStaticProperties } from "tamagui";
|
|
4
4
|
import { componentColors } from "../componentColors.native.js";
|
|
5
5
|
import { getInitials } from "./getInitials.native.js";
|
|
@@ -9,6 +9,7 @@ var avatarSizeMap = {
|
|
|
9
9
|
$4: "$3",
|
|
10
10
|
$5: "$4"
|
|
11
11
|
};
|
|
12
|
+
var identityShapeProps = radiusClassProps("R-IDENTITY", "Avatar");
|
|
12
13
|
function initialsFontSize(size) {
|
|
13
14
|
if (typeof size === "number") {
|
|
14
15
|
if (size <= 24) return "$1";
|
|
@@ -49,11 +50,13 @@ function AvatarRoot(param) {
|
|
|
49
50
|
} = useResolvedKnobs();
|
|
50
51
|
var onAccentInitials = useReadableTextOn("$accentBackground");
|
|
51
52
|
var size = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : avatarSizeMap[knobProps.sizeToken]) !== null && _ref !== void 0 ? _ref : "$3";
|
|
53
|
+
var identityProps = circular ? identityShapeProps : null;
|
|
52
54
|
if (children != null) {
|
|
53
55
|
return /* @__PURE__ */_jsx(TamaguiAvatar, {
|
|
54
56
|
circular,
|
|
55
57
|
size,
|
|
56
58
|
backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : fallbackBackgroundColor,
|
|
59
|
+
...identityProps,
|
|
57
60
|
...props,
|
|
58
61
|
children
|
|
59
62
|
});
|
|
@@ -66,6 +69,7 @@ function AvatarRoot(param) {
|
|
|
66
69
|
size,
|
|
67
70
|
backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : fallbackBackgroundColor,
|
|
68
71
|
"aria-label": label,
|
|
72
|
+
...identityProps,
|
|
69
73
|
...props,
|
|
70
74
|
children: [src ? /* @__PURE__ */_jsx(TamaguiAvatar.Image, {
|
|
71
75
|
src,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useReadableTextOn","useResolvedKnobs","Avatar","TamaguiAvatar","SizableText","withStaticProperties","componentColors","getInitials","getInitials2","avatarSizeMap","$3","$4","$5","initialsFontSize","size","AvatarRoot","param","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","_ref","_ref1","knobProps","onAccentInitials","sizeToken","label","initialsText","onAccent","Image","Fallback","alignItems","justifyContent","delayMs","fontSize","color","text","primary","fontWeight","textAlign"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","radiusClassProps","useReadableTextOn","useResolvedKnobs","Avatar","TamaguiAvatar","SizableText","withStaticProperties","componentColors","getInitials","getInitials2","avatarSizeMap","$3","$4","$5","identityShapeProps","initialsFontSize","size","AvatarRoot","param","src","name","alt","initials","fallbackBackgroundColor","fallbackColor","fallback","sizeProp","circular","children","backgroundColor","props","_ref","_ref1","knobProps","onAccentInitials","sizeToken","identityProps","label","initialsText","onAccent","Image","Fallback","alignItems","justifyContent","delayMs","fontSize","color","text","primary","fontWeight","textAlign"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/Badge/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
1
|
+
import { radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
2
|
import { Text, View, styled } from "tamagui";
|
|
3
3
|
import { componentColors } from "../componentColors.mjs";
|
|
4
4
|
import { useAsyncBoundary } from "../layouts/AsyncBoundary.mjs";
|
|
@@ -67,6 +67,9 @@ const BadgeWrapper = styled(View, {
|
|
|
67
67
|
});
|
|
68
68
|
const BadgeIndicator = styled(View, {
|
|
69
69
|
name: "BadgeIndicator",
|
|
70
|
+
// R-PILL (D-09 / LC-60): the count/dot indicator is a pill at every radius
|
|
71
|
+
// value; the knob moves its size and padding, never its shape.
|
|
72
|
+
...radiusClassProps("R-PILL", "Badge count/dot"),
|
|
70
73
|
position: "absolute",
|
|
71
74
|
alignItems: "center",
|
|
72
75
|
justifyContent: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useResolvedKnobs","Text","View","styled","componentColors","useAsyncBoundary","jsx","jsxs","colorMap","red","bg","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width","BadgeText","fontSize","fontWeight","lineHeight","textAlign","Badge","children","count","max","showZero","color","offset","visible","knobProps","colors","geometry","sizeToken","posStyles","asyncCtx","effectiveVisible","hideBadges","effectiveCount","shouldShow","displayValue","offsetX","offsetY","backgroundColor","style","transform","translateX","includes","translateY","body"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,QAAwB;
|
|
1
|
+
{"version":3,"names":["radiusClassProps","useResolvedKnobs","Text","View","styled","componentColors","useAsyncBoundary","jsx","jsxs","colorMap","red","bg","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width","BadgeText","fontSize","fontWeight","lineHeight","textAlign","Badge","children","count","max","showZero","color","offset","visible","knobProps","colors","geometry","sizeToken","posStyles","asyncCtx","effectiveVisible","hideBadges","effectiveCount","shouldShow","displayValue","offsetX","offsetY","backgroundColor","style","transform","translateX","includes","translateY","body"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
|
+
import { radiusClassProps, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
3
|
import { Text, View, styled } from "tamagui";
|
|
4
4
|
import { componentColors } from "../componentColors.native.js";
|
|
5
5
|
import { useAsyncBoundary } from "../layouts/AsyncBoundary.native.js";
|
|
@@ -67,6 +67,9 @@ var BadgeWrapper = styled(View, {
|
|
|
67
67
|
});
|
|
68
68
|
var BadgeIndicator = styled(View, {
|
|
69
69
|
name: "BadgeIndicator",
|
|
70
|
+
// R-PILL (D-09 / LC-60): the count/dot indicator is a pill at every radius
|
|
71
|
+
// value; the knob moves its size and padding, never its shape.
|
|
72
|
+
...radiusClassProps("R-PILL", "Badge count/dot"),
|
|
70
73
|
position: "absolute",
|
|
71
74
|
alignItems: "center",
|
|
72
75
|
justifyContent: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","View","styled","componentColors","useAsyncBoundary","colorMap","red","bg","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width","BadgeText","fontSize","fontWeight","lineHeight","textAlign","Badge","param","children","count","max","showZero","color","offset","visible","_badgeGeometryMap_knobProps_sizeToken","knobProps","colors","geometry","sizeToken","posStyles","asyncCtx","effectiveVisible","hideBadges"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","radiusClassProps","useResolvedKnobs","Text","View","styled","componentColors","useAsyncBoundary","colorMap","red","bg","badge","text","blue","green","orange","gray","badgeGeometryMap","$3","capsule","font","dot","$4","$5","positionMap","top","right","left","bottom","BadgeWrapper","name","position","display","BadgeIndicator","alignItems","justifyContent","borderRadius","minWidth","height","paddingHorizontal","zIndex","variants","true","width","BadgeText","fontSize","fontWeight","lineHeight","textAlign","Badge","param","children","count","max","showZero","color","offset","visible","_badgeGeometryMap_knobProps_sizeToken","knobProps","colors","geometry","sizeToken","posStyles","asyncCtx","effectiveVisible","hideBadges"],"sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAkBC,KAAA,2BAAwB;AAEnD,SAASC,gBAAY,EAAAC,gBAAc;AACnC,SAASC,IAAA,EAAAC,IAAA,EAAAC,MAAA,QAAuB;AAChC,SAASC,eAAA,sCAAwB;AA2I7B,SAmBQC,gBAnBR;AA1GJ,IAAAC,QAAM;EACJC,GAAA,EAAK;IACLC,EAAA,EAAMJ,eAAM,CAAAK,KAAA,CAAgBF,GAAA;IAC5BG,IAAA,EAAO;EACP;EACAC,IAAA,EAAM;IACRH,EAAA,EAAAJ,eAAA,CAAAK,KAAA,CAAAE,IAAA;IAMAD,IAAM;EACJ;EACAE,KAAI,EAAE;IACNJ,EAAI,EAAEJ,eAAa,CAAAK,KAAM,CAAAG,KAAI;IAC/BF,IAAA;EAIA;EAIEG,MAAA;IACAL,EAAA,EAAAJ,eAAmB,CAAGK,KAAA,CAAMI,MAAE;IAC9BH,IAAA;EACA;EACFI,IAAA;IAIAN,EAAM,EAAAJ,eAAe,CAAAK,KAAO,CAAAK,IAAM;IAChCJ,IAAM;EACN;AAAU;AAEZ,IAACK,gBAAA;EAEDC,EAAA,EAAM;IACJC,OAAM;IAAAC,IAAA;IAAAC,GAAA;EAGN;EACAC,EAAA;IACAH,OAAA,IAAY;IACZC,IAAA;IACAC,GAAA;EACA;EACAE,EAAA;IACAJ,OAAA;IACAC,IAAA,EAAQ;IAERC,GAAA;EAAU;AACH;AACG,IAAAG,WACJ,GAAU;EAAA,WACV,EAAO;IAAAC,GAAA,EACP;IAAQC,KACR;EAAmB;EACrB,UACF;IACFD,GAAA;IACDE,IAAA;EAED;EACE,cAAM;IACNC,MAAA,EAAU;IACVF,KAAA;EACA;EACA,aAAW;IACZE,MAAA;IAIMD,IAAA,EAAS;EACd;AAAA;AACA,IACAE,YAAM,GAAAxB,MAAA,CAAAD,IAAA;EACN0B,IAAA,gBAAW;EACXC,QAAM;EACNC,OAAA,EAAQ;AAAA,EACR;AAAW,IACXC,cAAc,GAAA5B,MAAA,CAAAD,IAAA;EACd0B,IAAA,kBAAU;EACZ;EACE;EACA,GAAA7B,gBAAe,SAAS,EAAK;EAC7B8B,QAAM,YAAW;EACjBG,UAAM,UAAY;EAElBC,cAAM,UAAW;EACjBC,YAAM;EACNC,QAAM;EAGNC,MAAM;EAINC,iBAAM,MACJ;EAGFC,MAAM,EAAC;EAEPC,QACE;IACGpB,GAAA;MACAqB,IAAA;QACEL,QAAA;QAAAM,KAAA;QACCL,MAAA;QACAC,iBAAiB;MAAO;IAGmC;EACpD;AACF;AACQ,IAAAK,SACT,GAAEvC,MAAA,CAAAF,IAAY;EAAgD2B,IAAA,aAC5D;EAA0De,QAC9D;EAAAC,UACF;EAAAC,UAGC;EACCC,SAAC;AAAA;AAAA,SAAAC,KACEA,CAAGC,KAAA;EAAU;IAAAC,QACd;IAAAC,KAAA;IAAWC,GAAA;IAAAC,QAAA;IAAAjC,GAAA;IAAAkC,KAAA;IAAAxB,QAAA;IAAAyB,MAAA,OACQ,EACE;IAAAC,OACrB;EAAO,IAAAP,KAAO;EAAA,IAAAQ,qCAEb;EAAA;IAAAC;EAAA,IAAAzD,gBAAA;EAAA,IAAA0D,MACH,GAAApD,QAAA,CAAA+C,KAAA;EAAA,IAAAM,QAAA,IAAAH,qCAAA,GAAAzC,gBAAA,CAAA0C,SAAA,CAAAG,SAAA,eAAAJ,qCAAA,cAAAA,qCAAA,GAAAzC,gBAAA,CAAAK,EAAA;EAAA,IAEJyC,SAAA,GAAAvC,WAAA,CAAAO,QAAA;EAAA,IAEJiC,QAAA,GAAAzD,gBAAA;EAEJ,IAAA0D,gBAAA,GAAAR,OAAA,MAAAO,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAE,UAAA","ignoreList":[]}
|
|
@@ -49,7 +49,6 @@ const ArrowButton = styled(View, {
|
|
|
49
49
|
});
|
|
50
50
|
const ArrowVisual = styled(View, {
|
|
51
51
|
name: "CarouselArrowVisual",
|
|
52
|
-
borderRadius: 1e3,
|
|
53
52
|
backgroundColor: "$background",
|
|
54
53
|
alignItems: "center",
|
|
55
54
|
justifyContent: "center",
|
|
@@ -80,24 +79,26 @@ function Carousel({
|
|
|
80
79
|
control
|
|
81
80
|
} = useResolvedKnobs();
|
|
82
81
|
const gap = gapProp ?? knobProps.gap.gap;
|
|
82
|
+
const gapPx = typeof gap === "number" ? gap : getTokens().space?.[gap]?.val ?? 0;
|
|
83
83
|
const arrowSize = getTokens().size?.[knobProps.sizeToken]?.val ?? 40;
|
|
84
84
|
const arrowGlyphSize = Math.round(arrowSize / 2);
|
|
85
|
+
const arrowRadius = knobProps.pointy ? 0 : 1e3;
|
|
85
86
|
const arrowTargetSize = Math.max(arrowSize, MIN_PRESS_TARGET);
|
|
86
87
|
const arrowEdgeInset = Math.max(0, 8 - Math.round((arrowTargetSize - arrowSize) / 2));
|
|
87
88
|
const [activeIndex, setActiveIndex] = useState(initialSlide);
|
|
88
89
|
const trackRef = useRef(null);
|
|
89
90
|
const slideCount = Children.count(children);
|
|
90
|
-
const
|
|
91
|
+
const [slideWidth, setSlideWidth] = useState(0);
|
|
91
92
|
const autoPlayRef = useRef(null);
|
|
92
93
|
const scrollToSlide = useCallback(index => {
|
|
93
94
|
if (!trackRef.current) return;
|
|
94
95
|
if (index < 0 || index >= slideCount) return;
|
|
95
|
-
const offset = index *
|
|
96
|
+
const offset = index * (slideWidth + gapPx);
|
|
96
97
|
trackRef.current.scrollTo({
|
|
97
98
|
x: offset,
|
|
98
99
|
animated: true
|
|
99
100
|
});
|
|
100
|
-
}, [slideCount]);
|
|
101
|
+
}, [slideCount, slideWidth, gapPx]);
|
|
101
102
|
const goToSlide = useCallback(index => {
|
|
102
103
|
let targetIndex = index;
|
|
103
104
|
if (loop) {
|
|
@@ -114,14 +115,13 @@ function Carousel({
|
|
|
114
115
|
const goPrev = useCallback(() => goToSlide(activeIndex - 1), [activeIndex, goToSlide]);
|
|
115
116
|
const handleScroll = useCallback(event => {
|
|
116
117
|
const scrollX = event.nativeEvent.contentOffset.x;
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
const newIndex = Math.round(scrollX / width);
|
|
118
|
+
if (!slideWidth) return;
|
|
119
|
+
const newIndex = Math.round(scrollX / (slideWidth + gapPx));
|
|
120
120
|
if (newIndex !== activeIndex && newIndex >= 0 && newIndex < slideCount) {
|
|
121
121
|
setActiveIndex(newIndex);
|
|
122
122
|
onSlideChange?.(newIndex);
|
|
123
123
|
}
|
|
124
|
-
}, [activeIndex, slideCount, onSlideChange]);
|
|
124
|
+
}, [activeIndex, slideCount, onSlideChange, slideWidth, gapPx]);
|
|
125
125
|
useEffect(() => {
|
|
126
126
|
if (autoPlay > 0) {
|
|
127
127
|
autoPlayRef.current = setInterval(() => {
|
|
@@ -134,11 +134,16 @@ function Carousel({
|
|
|
134
134
|
};
|
|
135
135
|
}
|
|
136
136
|
}, [autoPlay, goNext]);
|
|
137
|
+
const activeIndexRef = useRef(activeIndex);
|
|
138
|
+
activeIndexRef.current = activeIndex;
|
|
137
139
|
useEffect(() => {
|
|
138
|
-
if (
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
if (!slideWidth || slideCount === 0 || !trackRef.current) return;
|
|
141
|
+
const index = Math.max(0, Math.min(activeIndexRef.current, slideCount - 1));
|
|
142
|
+
trackRef.current.scrollTo({
|
|
143
|
+
x: index * (slideWidth + gapPx),
|
|
144
|
+
animated: false
|
|
145
|
+
});
|
|
146
|
+
}, [slideWidth, gapPx, slideCount]);
|
|
142
147
|
const canGoPrev = loop || activeIndex > 0;
|
|
143
148
|
const canGoNext = loop || activeIndex < slideCount - 1;
|
|
144
149
|
const isRTL = useDirection() === "rtl";
|
|
@@ -148,7 +153,7 @@ function Carousel({
|
|
|
148
153
|
const NextGlyph = isRTL ? CaretLeftIcon : CaretRightIcon;
|
|
149
154
|
return /* @__PURE__ */jsxs(View, {
|
|
150
155
|
children: [/* @__PURE__ */jsxs(CarouselContainer, {
|
|
151
|
-
...knobProps.
|
|
156
|
+
...knobProps.containerRadius,
|
|
152
157
|
children: [/* @__PURE__ */jsx(ScrollView, {
|
|
153
158
|
ref: trackRef,
|
|
154
159
|
horizontal: true,
|
|
@@ -158,16 +163,22 @@ function Carousel({
|
|
|
158
163
|
},
|
|
159
164
|
onScroll: handleScroll,
|
|
160
165
|
scrollEventThrottle: 16,
|
|
161
|
-
onLayout: e =>
|
|
162
|
-
|
|
166
|
+
onLayout: e => setSlideWidth(e.nativeEvent.layout.width),
|
|
167
|
+
...{
|
|
168
|
+
dataSet: {
|
|
169
|
+
carouselTrack: "true"
|
|
170
|
+
}
|
|
163
171
|
},
|
|
164
172
|
children: /* @__PURE__ */jsx(XStack, {
|
|
165
173
|
gap,
|
|
166
174
|
children: Children.map(children, (child, index) => /* @__PURE__ */jsx(CarouselSlide, {
|
|
167
|
-
width:
|
|
175
|
+
width: slideWidth > 0 ? slideWidth : void 0,
|
|
168
176
|
style: {
|
|
169
177
|
scrollSnapAlign: "start"
|
|
170
178
|
},
|
|
179
|
+
...{
|
|
180
|
+
"data-carousel-slide": index
|
|
181
|
+
},
|
|
171
182
|
children: child
|
|
172
183
|
}, index))
|
|
173
184
|
})
|
|
@@ -199,6 +210,7 @@ function Carousel({
|
|
|
199
210
|
children: /* @__PURE__ */jsx(ArrowVisual, {
|
|
200
211
|
width: arrowSize,
|
|
201
212
|
height: arrowSize,
|
|
213
|
+
borderRadius: arrowRadius,
|
|
202
214
|
children: /* @__PURE__ */jsx(PrevGlyph, {
|
|
203
215
|
size: arrowGlyphSize
|
|
204
216
|
})
|
|
@@ -230,6 +242,7 @@ function Carousel({
|
|
|
230
242
|
children: /* @__PURE__ */jsx(ArrowVisual, {
|
|
231
243
|
width: arrowSize,
|
|
232
244
|
height: arrowSize,
|
|
245
|
+
borderRadius: arrowRadius,
|
|
233
246
|
children: /* @__PURE__ */jsx(NextGlyph, {
|
|
234
247
|
size: arrowGlyphSize
|
|
235
248
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useRef","useCallback","useEffect","Children","useTranslation","CaretLeftIcon","CaretRightIcon","zIndex","MIN_PRESS_TARGET","useResolvedKnobs","View","XStack","ScrollView","getTokens","styled","DotIndicator","useDirection","Fragment","jsx","jsxs","CarouselContainer","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","localTop","alignItems","justifyContent","backgroundColor","cursor","opacity","hoverStyle","scale","pressStyle","variants","disabled","true","ArrowVisual","
|
|
1
|
+
{"version":3,"names":["useState","useRef","useCallback","useEffect","Children","useTranslation","CaretLeftIcon","CaretRightIcon","zIndex","MIN_PRESS_TARGET","useResolvedKnobs","View","XStack","ScrollView","getTokens","styled","DotIndicator","useDirection","Fragment","jsx","jsxs","CarouselContainer","name","position","width","overflow","CarouselSlide","flexShrink","ArrowButton","top","transform","translateY","localTop","alignItems","justifyContent","backgroundColor","cursor","opacity","hoverStyle","scale","pressStyle","variants","disabled","true","ArrowVisual","shadowColor","shadowRadius","shadowOpacity","DotsWrapper","paddingVertical","Carousel","children","showArrows","showDots","autoPlay","loop","gap","gapProp","onSlideChange","initialSlide","t","knobProps","control","gapPx","space","val","arrowSize","size","sizeToken","arrowGlyphSize","Math","round","arrowRadius","pointy","arrowTargetSize","max","arrowEdgeInset","activeIndex","setActiveIndex","trackRef","slideCount","count","slideWidth","setSlideWidth","autoPlayRef","scrollToSlide","index","current","offset","scrollTo","x","animated","goToSlide","targetIndex","min","goNext","goPrev","handleScroll","event","scrollX","nativeEvent","contentOffset","newIndex","setInterval","clearInterval","activeIndexRef","canGoPrev","canGoNext","isRTL","prevSide","nextSide","PrevGlyph","NextGlyph","containerRadius","ref","horizontal","showsHorizontalScrollIndicator","style","scrollSnapType","onScroll","scrollEventThrottle","onLayout","e","layout","dataSet","carouselTrack","map","child","scrollSnapAlign","height","transition","onPress","role","tabIndex","focusVisibleStyle","focusVisibleKnobProps","onKeyDown","key","preventDefault","borderRadius","total","onChange","Slide"],"sources":["../../../src/Carousel/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,QAAA,EAAUC,MAAA,EAAQC,WAAA,EAAaC,SAAA,EAAWC,QAAA,QAAgB;AACnE,SAASC,cAAA,QAAsB;AAC/B,SAASC,aAAA,EAAeC,cAAA,QAAsB;AAC9C,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,EAAkBC,gBAAA,QAAwB;AAEnD,SAASC,IAAA,EAAMC,MAAA,EAAQC,UAAA,EAAYC,SAAA,EAAWC,MAAA,QAAc;AAC5D,SAASC,YAAA,QAAoB;AAC7B,SAASC,YAAA,QAAoB;AAwOf,SAeJC,QAAA,EAfIC,GAAA,EAeJC,IAAA,QAfI;AAhNd,MAAMC,iBAAA,GAAoBN,MAAA,CAAOJ,IAAA,EAAM;EACrCW,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,KAAA,EAAO;EACPC,QAAA,EAAU;AACZ,CAAC;AAED,MAAMC,aAAA,GAAgBX,MAAA,CAAOJ,IAAA,EAAM;EACjCW,IAAA,EAAM;EACNK,UAAA,EAAY;AACd,CAAC;AAOD,MAAMC,WAAA,GAAcb,MAAA,CAAOJ,IAAA,EAAM;EAC/BW,IAAA,EAAM;EACNC,QAAA,EAAU;EACVM,GAAA,EAAK;EACLC,SAAA,EAAW,CAAC;IAAEC,UAAA,EAAY;EAAO,CAAC;EAAA;EAElCvB,MAAA,EAAQA,MAAA,CAAOwB,QAAA;EACfC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,eAAA,EAAiB;EACjBC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,UAAA,EAAY;IACVD,OAAA,EAAS;IACTE,KAAA,EAAO;EACT;EACAC,UAAA,EAAY;IACVD,KAAA,EAAO;EACT;EACAE,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJN,OAAA,EAAS;QACTD,MAAA,EAAQ;MACV;IACF;EACF;AACF,CAAC;AAED,MAAMQ,WAAA,GAAc7B,MAAA,CAAOJ,IAAA,EAAM;EAC/BW,IAAA,EAAM;EACNa,eAAA,EAAiB;EACjBF,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBW,WAAA,EAAa;EACbC,YAAA,EAAc;EACdC,aAAA,EAAe;AACjB,CAAC;AAED,MAAMC,WAAA,GAAcjC,MAAA,CAAOJ,IAAA,EAAM;EAC/BW,IAAA,EAAM;EACN2B,eAAA,EAAiB;EACjBhB,UAAA,EAAY;AACd,CAAC;AAIM,SAASiB,SAAS;EACvBC,QAAA;EACAC,UAAA,GAAa;EACbC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXC,IAAA,GAAO;EACPC,GAAA,EAAKC,OAAA;EACLC,aAAA;EACAC,YAAA,GAAe;AACjB,GAAkB;EAChB,MAAM;IAAEC;EAAE,IAAIvD,cAAA,CAAe;EAC7B,MAAM;IAAEwD,SAAA;IAAWC;EAAQ,IAAIpD,gBAAA,CAAiB;EAIhD,MAAM8C,GAAA,GAAMC,OAAA,IAAWI,SAAA,CAAUL,GAAA,CAAIA,GAAA;EAGrC,MAAMO,KAAA,GACJ,OAAOP,GAAA,KAAQ,WACXA,GAAA,GACE1C,SAAA,CAAU,EAAEkD,KAAA,GAAyDR,GAAG,GAAGS,GAAA,IAAO;EAC1F,MAAMC,SAAA,GAAapD,SAAA,CAAU,EAAEqD,IAAA,GAAeN,SAAA,CAAUO,SAAS,GAAGH,GAAA,IAAO;EAC3E,MAAMI,cAAA,GAAiBC,IAAA,CAAKC,KAAA,CAAML,SAAA,GAAY,CAAC;EAK/C,MAAMM,WAAA,GAAcX,SAAA,CAAUY,MAAA,GAAS,IAAI;EAI3C,MAAMC,eAAA,GAAkBJ,IAAA,CAAKK,GAAA,CAAIT,SAAA,EAAWzD,gBAAgB;EAC5D,MAAMmE,cAAA,GAAiBN,IAAA,CAAKK,GAAA,CAAI,GAAG,IAAIL,IAAA,CAAKC,KAAA,EAAOG,eAAA,GAAkBR,SAAA,IAAa,CAAC,CAAC;EACpF,MAAM,CAACW,WAAA,EAAaC,cAAc,IAAI9E,QAAA,CAAS2D,YAAY;EAC3D,MAAMoB,QAAA,GAAW9E,MAAA,CAAiC,IAAI;EACtD,MAAM+E,UAAA,GAAa5E,QAAA,CAAS6E,KAAA,CAAM9B,QAAQ;EAM1C,MAAM,CAAC+B,UAAA,EAAYC,aAAa,IAAInF,QAAA,CAAS,CAAC;EAC9C,MAAMoF,WAAA,GAAcnF,MAAA,CAA8C,IAAI;EAEtE,MAAMoF,aAAA,GAAgBnF,WAAA,CACnBoF,KAAA,IAAkB;IACjB,IAAI,CAACP,QAAA,CAASQ,OAAA,EAAS;IACvB,IAAID,KAAA,GAAQ,KAAKA,KAAA,IAASN,UAAA,EAAY;IACtC,MAAMQ,MAAA,GAASF,KAAA,IAASJ,UAAA,GAAanB,KAAA;IACrCgB,QAAA,CAASQ,OAAA,CAAQE,QAAA,CAAS;MAAEC,CAAA,EAAGF,MAAA;MAAQG,QAAA,EAAU;IAAK,CAAC;EACzD,GACA,CAACX,UAAA,EAAYE,UAAA,EAAYnB,KAAK,CAChC;EAEA,MAAM6B,SAAA,GAAY1F,WAAA,CACfoF,KAAA,IAAkB;IACjB,IAAIO,WAAA,GAAcP,KAAA;IAClB,IAAI/B,IAAA,EAAM;MACR,IAAI+B,KAAA,GAAQ,GAAGO,WAAA,GAAcb,UAAA,GAAa;MAC1C,IAAIM,KAAA,IAASN,UAAA,EAAYa,WAAA,GAAc;IACzC,OAAO;MACLA,WAAA,GAAcvB,IAAA,CAAKK,GAAA,CAAI,GAAGL,IAAA,CAAKwB,GAAA,CAAIR,KAAA,EAAON,UAAA,GAAa,CAAC,CAAC;IAC3D;IACAF,cAAA,CAAee,WAAW;IAC1BR,aAAA,CAAcQ,WAAW;IACzBnC,aAAA,GAAgBmC,WAAW;EAC7B,GACA,CAACb,UAAA,EAAYzB,IAAA,EAAM8B,aAAA,EAAe3B,aAAa,CACjD;EAEA,MAAMqC,MAAA,GAAS7F,WAAA,CAAY,MAAM0F,SAAA,CAAUf,WAAA,GAAc,CAAC,GAAG,CAACA,WAAA,EAAae,SAAS,CAAC;EACrF,MAAMI,MAAA,GAAS9F,WAAA,CAAY,MAAM0F,SAAA,CAAUf,WAAA,GAAc,CAAC,GAAG,CAACA,WAAA,EAAae,SAAS,CAAC;EAGrF,MAAMK,YAAA,GAAe/F,WAAA,CAClBgG,KAAA,IAA6D;IAC5D,MAAMC,OAAA,GAAUD,KAAA,CAAME,WAAA,CAAYC,aAAA,CAAcX,CAAA;IAChD,IAAI,CAACR,UAAA,EAAY;IACjB,MAAMoB,QAAA,GAAWhC,IAAA,CAAKC,KAAA,CAAM4B,OAAA,IAAWjB,UAAA,GAAanB,KAAA,CAAM;IAC1D,IAAIuC,QAAA,KAAazB,WAAA,IAAeyB,QAAA,IAAY,KAAKA,QAAA,GAAWtB,UAAA,EAAY;MACtEF,cAAA,CAAewB,QAAQ;MACvB5C,aAAA,GAAgB4C,QAAQ;IAC1B;EACF,GACA,CAACzB,WAAA,EAAaG,UAAA,EAAYtB,aAAA,EAAewB,UAAA,EAAYnB,KAAK,CAC5D;EAGA5D,SAAA,CAAU,MAAM;IACd,IAAImD,QAAA,GAAW,GAAG;MAChB8B,WAAA,CAAYG,OAAA,GAAUgB,WAAA,CAAY,MAAM;QACtCR,MAAA,CAAO;MACT,GAAGzC,QAAQ;MACX,OAAO,MAAM;QACX,IAAI8B,WAAA,CAAYG,OAAA,EAAS;UACvBiB,aAAA,CAAcpB,WAAA,CAAYG,OAAO;QACnC;MACF;IACF;EACF,GAAG,CAACjC,QAAA,EAAUyC,MAAM,CAAC;EAMrB,MAAMU,cAAA,GAAiBxG,MAAA,CAAO4E,WAAW;EACzC4B,cAAA,CAAelB,OAAA,GAAUV,WAAA;EACzB1E,SAAA,CAAU,MAAM;IACd,IAAI,CAAC+E,UAAA,IAAcF,UAAA,KAAe,KAAK,CAACD,QAAA,CAASQ,OAAA,EAAS;IAC1D,MAAMD,KAAA,GAAQhB,IAAA,CAAKK,GAAA,CAAI,GAAGL,IAAA,CAAKwB,GAAA,CAAIW,cAAA,CAAelB,OAAA,EAASP,UAAA,GAAa,CAAC,CAAC;IAC1ED,QAAA,CAASQ,OAAA,CAAQE,QAAA,CAAS;MAAEC,CAAA,EAAGJ,KAAA,IAASJ,UAAA,GAAanB,KAAA;MAAQ4B,QAAA,EAAU;IAAM,CAAC;EAChF,GAAG,CAACT,UAAA,EAAYnB,KAAA,EAAOiB,UAAU,CAAC;EAElC,MAAM0B,SAAA,GAAYnD,IAAA,IAAQsB,WAAA,GAAc;EACxC,MAAM8B,SAAA,GAAYpD,IAAA,IAAQsB,WAAA,GAAcG,UAAA,GAAa;EAQrD,MAAM4B,KAAA,GAAQ3F,YAAA,CAAa,MAAM;EACjC,MAAM4F,QAAA,GAAWD,KAAA,GAAS,UAAqB;EAC/C,MAAME,QAAA,GAAWF,KAAA,GAAS,SAAoB;EAC9C,MAAMG,SAAA,GAAYH,KAAA,GAAQrG,cAAA,GAAiBD,aAAA;EAC3C,MAAM0G,SAAA,GAAYJ,KAAA,GAAQtG,aAAA,GAAgBC,cAAA;EAE1C,OACE,eAAAa,IAAA,CAACT,IAAA;IACCwC,QAAA,kBAAA/B,IAAA,CAACC,iBAAA;MAAmB,GAAGwC,SAAA,CAAUoD,eAAA;MAC/B9D,QAAA,kBAAAhC,GAAA,CAACN,UAAA;QACCqG,GAAA,EAAKnC,QAAA;QACLoC,UAAA,EAAU;QACVC,8BAAA,EAAgC;QAChCC,KAAA,EAAO;UAAEC,cAAA,EAAgB;QAAc;QACvCC,QAAA,EAAUtB,YAAA;QACVuB,mBAAA,EAAqB;QACrBC,QAAA,EAAWC,CAAA,IAAMvC,aAAA,CAAcuC,CAAA,CAAEtB,WAAA,CAAYuB,MAAA,CAAOnG,KAAK;QACxD,GAAI;UAAEoG,OAAA,EAAS;YAAEC,aAAA,EAAe;UAAO;QAAE;QAE1C1E,QAAA,iBAAAhC,GAAA,CAACP,MAAA;UAAO4C,GAAA;UACLL,QAAA,EAAA/C,QAAA,CAAS0H,GAAA,CAAI3E,QAAA,EAAU,CAAC4E,KAAA,EAAOzC,KAAA,KAC9B,eAAAnE,GAAA,CAACO,aAAA;YAICF,KAAA,EAAO0D,UAAA,GAAa,IAAIA,UAAA,GAAa;YACrCmC,KAAA,EAAO;cAAEW,eAAA,EAAiB;YAAQ;YACjC,GAAI;cAAE,uBAAuB1C;YAAM;YAEnCnC,QAAA,EAAA4E;UAAA,GAPIzC,KAQP,CACD;QAAA,CACH;MAAA,CACF,GAEClC,UAAA,IAAc4B,UAAA,GAAa,KAC1B,eAAA5D,IAAA,CAAAF,QAAA;QACEiC,QAAA,kBAAAhC,GAAA,CAACS,WAAA;UACE,GAAG;YAAE,CAACiF,QAAQ,GAAGjC;UAAe;UACjClC,QAAA,EAAU,CAACgE,SAAA;UACXlF,KAAA,EAAOkD,eAAA;UACPuD,MAAA,EAAQvD,eAAA;UACP,IAAIb,SAAA,CAAUqE,UAAA,GAAa;YAAEA,UAAA,EAAYrE,SAAA,CAAUqE;UAAW,IAAI,CAAC;UACpEC,OAAA,EAASzB,SAAA,GAAYV,MAAA,GAAS;UAC9BoC,IAAA,EAAK;UACL,cAAYxE,CAAA,CAAE,gBAAgB;UAC9B,iBAAe,CAAC8C,SAAA,IAAa;UAG7B2B,QAAA,EAAU3B,SAAA,GAAY,IAAI;UAC1B4B,iBAAA,EAAmB;YAAE,GAAGxE,OAAA,CAAQyE;UAAsB;UACtDC,SAAA,EACId,CAAA,IAAqB;YACrB,KAAKA,CAAA,CAAEe,GAAA,KAAQ,WAAWf,CAAA,CAAEe,GAAA,KAAQ,QAAQ/B,SAAA,EAAW;cACrDgB,CAAA,CAAEgB,cAAA,CAAe;cACjB1C,MAAA,CAAO;YACT;UACF;UAGF7C,QAAA,iBAAAhC,GAAA,CAACyB,WAAA;YAAYpB,KAAA,EAAO0C,SAAA;YAAW+D,MAAA,EAAQ/D,SAAA;YAAWyE,YAAA,EAAcnE,WAAA;YAC9DrB,QAAA,iBAAAhC,GAAA,CAAC4F,SAAA;cAAU5C,IAAA,EAAME;YAAA,CAAgB;UAAA,CACnC;QAAA,CACF,GACA,eAAAlD,GAAA,CAACS,WAAA;UACE,GAAG;YAAE,CAACkF,QAAQ,GAAGlC;UAAe;UACjClC,QAAA,EAAU,CAACiE,SAAA;UACXnF,KAAA,EAAOkD,eAAA;UACPuD,MAAA,EAAQvD,eAAA;UACP,IAAIb,SAAA,CAAUqE,UAAA,GAAa;YAAEA,UAAA,EAAYrE,SAAA,CAAUqE;UAAW,IAAI,CAAC;UACpEC,OAAA,EAASxB,SAAA,GAAYZ,MAAA,GAAS;UAC9BqC,IAAA,EAAK;UACL,cAAYxE,CAAA,CAAE,YAAY;UAC1B,iBAAe,CAAC+C,SAAA,IAAa;UAC7B0B,QAAA,EAAU1B,SAAA,GAAY,IAAI;UAC1B2B,iBAAA,EAAmB;YAAE,GAAGxE,OAAA,CAAQyE;UAAsB;UACtDC,SAAA,EACId,CAAA,IAAqB;YACrB,KAAKA,CAAA,CAAEe,GAAA,KAAQ,WAAWf,CAAA,CAAEe,GAAA,KAAQ,QAAQ9B,SAAA,EAAW;cACrDe,CAAA,CAAEgB,cAAA,CAAe;cACjB3C,MAAA,CAAO;YACT;UACF;UAGF5C,QAAA,iBAAAhC,GAAA,CAACyB,WAAA;YAAYpB,KAAA,EAAO0C,SAAA;YAAW+D,MAAA,EAAQ/D,SAAA;YAAWyE,YAAA,EAAcnE,WAAA;YAC9DrB,QAAA,iBAAAhC,GAAA,CAAC6F,SAAA;cAAU7C,IAAA,EAAME;YAAA,CAAgB;UAAA,CACnC;QAAA,CACF;MAAA,CACF;IAAA,CAEJ,GAEChB,QAAA,IAAY2B,UAAA,GAAa,KACxB,eAAA7D,GAAA,CAAC6B,WAAA;MACCG,QAAA,iBAAAhC,GAAA,CAACH,YAAA;QAAa4H,KAAA,EAAO5D,UAAA;QAAYH,WAAA;QAA0BgE,QAAA,EAAUjD;MAAA,CAAW;IAAA,CAClF;EAAA,CAEJ;AAEJ;AAIA1C,QAAA,CAAS4F,KAAA,GAAQpH,aAAA","ignoreList":[]}
|
|
@@ -49,7 +49,6 @@ var ArrowButton = styled(View, {
|
|
|
49
49
|
});
|
|
50
50
|
var ArrowVisual = styled(View, {
|
|
51
51
|
name: "CarouselArrowVisual",
|
|
52
|
-
borderRadius: 1e3,
|
|
53
52
|
backgroundColor: "$background",
|
|
54
53
|
alignItems: "center",
|
|
55
54
|
justifyContent: "center",
|
|
@@ -73,8 +72,8 @@ function Carousel(param) {
|
|
|
73
72
|
onSlideChange,
|
|
74
73
|
initialSlide = 0
|
|
75
74
|
} = param;
|
|
76
|
-
var _ref;
|
|
77
|
-
var _getTokens_size_knobProps_sizeToken, _getTokens_size;
|
|
75
|
+
var _ref, _ref1;
|
|
76
|
+
var _getTokens_space_gap, _getTokens_space, _getTokens_size_knobProps_sizeToken, _getTokens_size;
|
|
78
77
|
var {
|
|
79
78
|
t
|
|
80
79
|
} = useTranslation();
|
|
@@ -83,24 +82,26 @@ function Carousel(param) {
|
|
|
83
82
|
control
|
|
84
83
|
} = useResolvedKnobs();
|
|
85
84
|
var gap = gapProp !== null && gapProp !== void 0 ? gapProp : knobProps.gap.gap;
|
|
86
|
-
var
|
|
85
|
+
var gapPx = typeof gap === "number" ? gap : (_ref = (_getTokens_space = getTokens().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_gap = _getTokens_space[gap]) === null || _getTokens_space_gap === void 0 ? void 0 : _getTokens_space_gap.val) !== null && _ref !== void 0 ? _ref : 0;
|
|
86
|
+
var arrowSize = (_ref1 = (_getTokens_size = getTokens().size) === null || _getTokens_size === void 0 ? void 0 : (_getTokens_size_knobProps_sizeToken = _getTokens_size[knobProps.sizeToken]) === null || _getTokens_size_knobProps_sizeToken === void 0 ? void 0 : _getTokens_size_knobProps_sizeToken.val) !== null && _ref1 !== void 0 ? _ref1 : 40;
|
|
87
87
|
var arrowGlyphSize = Math.round(arrowSize / 2);
|
|
88
|
+
var arrowRadius = knobProps.pointy ? 0 : 1e3;
|
|
88
89
|
var arrowTargetSize = Math.max(arrowSize, MIN_PRESS_TARGET);
|
|
89
90
|
var arrowEdgeInset = Math.max(0, 8 - Math.round((arrowTargetSize - arrowSize) / 2));
|
|
90
91
|
var [activeIndex, setActiveIndex] = useState(initialSlide);
|
|
91
92
|
var trackRef = useRef(null);
|
|
92
93
|
var slideCount = Children.count(children);
|
|
93
|
-
var
|
|
94
|
+
var [slideWidth, setSlideWidth] = useState(0);
|
|
94
95
|
var autoPlayRef = useRef(null);
|
|
95
96
|
var scrollToSlide = useCallback(function (index) {
|
|
96
97
|
if (!trackRef.current) return;
|
|
97
98
|
if (index < 0 || index >= slideCount) return;
|
|
98
|
-
var offset = index *
|
|
99
|
+
var offset = index * (slideWidth + gapPx);
|
|
99
100
|
trackRef.current.scrollTo({
|
|
100
101
|
x: offset,
|
|
101
102
|
animated: true
|
|
102
103
|
});
|
|
103
|
-
}, [slideCount]);
|
|
104
|
+
}, [slideCount, slideWidth, gapPx]);
|
|
104
105
|
var goToSlide = useCallback(function (index) {
|
|
105
106
|
var targetIndex = index;
|
|
106
107
|
if (loop) {
|
|
@@ -121,14 +122,13 @@ function Carousel(param) {
|
|
|
121
122
|
}, [activeIndex, goToSlide]);
|
|
122
123
|
var handleScroll = useCallback(function (event) {
|
|
123
124
|
var scrollX = event.nativeEvent.contentOffset.x;
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
var newIndex = Math.round(scrollX / width);
|
|
125
|
+
if (!slideWidth) return;
|
|
126
|
+
var newIndex = Math.round(scrollX / (slideWidth + gapPx));
|
|
127
127
|
if (newIndex !== activeIndex && newIndex >= 0 && newIndex < slideCount) {
|
|
128
128
|
setActiveIndex(newIndex);
|
|
129
129
|
onSlideChange === null || onSlideChange === void 0 ? void 0 : onSlideChange(newIndex);
|
|
130
130
|
}
|
|
131
|
-
}, [activeIndex, slideCount, onSlideChange]);
|
|
131
|
+
}, [activeIndex, slideCount, onSlideChange, slideWidth, gapPx]);
|
|
132
132
|
useEffect(function () {
|
|
133
133
|
if (autoPlay > 0) {
|
|
134
134
|
autoPlayRef.current = setInterval(function () {
|
|
@@ -141,11 +141,16 @@ function Carousel(param) {
|
|
|
141
141
|
};
|
|
142
142
|
}
|
|
143
143
|
}, [autoPlay, goNext]);
|
|
144
|
+
var activeIndexRef = useRef(activeIndex);
|
|
145
|
+
activeIndexRef.current = activeIndex;
|
|
144
146
|
useEffect(function () {
|
|
145
|
-
if (
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
147
|
+
if (!slideWidth || slideCount === 0 || !trackRef.current) return;
|
|
148
|
+
var index = Math.max(0, Math.min(activeIndexRef.current, slideCount - 1));
|
|
149
|
+
trackRef.current.scrollTo({
|
|
150
|
+
x: index * (slideWidth + gapPx),
|
|
151
|
+
animated: false
|
|
152
|
+
});
|
|
153
|
+
}, [slideWidth, gapPx, slideCount]);
|
|
149
154
|
var canGoPrev = loop || activeIndex > 0;
|
|
150
155
|
var canGoNext = loop || activeIndex < slideCount - 1;
|
|
151
156
|
var isRTL = useDirection() === "rtl";
|
|
@@ -155,7 +160,7 @@ function Carousel(param) {
|
|
|
155
160
|
var NextGlyph = isRTL ? CaretLeftIcon : CaretRightIcon;
|
|
156
161
|
return /* @__PURE__ */_jsxs(View, {
|
|
157
162
|
children: [/* @__PURE__ */_jsxs(CarouselContainer, {
|
|
158
|
-
...knobProps.
|
|
163
|
+
...knobProps.containerRadius,
|
|
159
164
|
children: [/* @__PURE__ */_jsx(ScrollView, {
|
|
160
165
|
ref: trackRef,
|
|
161
166
|
horizontal: true,
|
|
@@ -166,16 +171,26 @@ function Carousel(param) {
|
|
|
166
171
|
onScroll: handleScroll,
|
|
167
172
|
scrollEventThrottle: 16,
|
|
168
173
|
onLayout: function onLayout(e) {
|
|
169
|
-
|
|
174
|
+
return setSlideWidth(e.nativeEvent.layout.width);
|
|
175
|
+
},
|
|
176
|
+
...{
|
|
177
|
+
dataSet: {
|
|
178
|
+
carouselTrack: "true"
|
|
179
|
+
}
|
|
170
180
|
},
|
|
171
181
|
children: /* @__PURE__ */_jsx(XStack, {
|
|
172
182
|
gap,
|
|
173
183
|
children: Children.map(children, function (child, index) {
|
|
174
184
|
return /* @__PURE__ */_jsx(CarouselSlide, {
|
|
175
|
-
width
|
|
185
|
+
// Measured-viewport width (LC-62), never a percentage; slides
|
|
186
|
+
// stay content-sized only for the pre-measure frame.
|
|
187
|
+
width: slideWidth > 0 ? slideWidth : void 0,
|
|
176
188
|
style: {
|
|
177
189
|
scrollSnapAlign: "start"
|
|
178
190
|
},
|
|
191
|
+
...{
|
|
192
|
+
"data-carousel-slide": index
|
|
193
|
+
},
|
|
179
194
|
children: child
|
|
180
195
|
}, index);
|
|
181
196
|
})
|
|
@@ -208,6 +223,7 @@ function Carousel(param) {
|
|
|
208
223
|
children: /* @__PURE__ */_jsx(ArrowVisual, {
|
|
209
224
|
width: arrowSize,
|
|
210
225
|
height: arrowSize,
|
|
226
|
+
borderRadius: arrowRadius,
|
|
211
227
|
children: /* @__PURE__ */_jsx(PrevGlyph, {
|
|
212
228
|
size: arrowGlyphSize
|
|
213
229
|
})
|
|
@@ -237,6 +253,7 @@ function Carousel(param) {
|
|
|
237
253
|
children: /* @__PURE__ */_jsx(ArrowVisual, {
|
|
238
254
|
width: arrowSize,
|
|
239
255
|
height: arrowSize,
|
|
256
|
+
borderRadius: arrowRadius,
|
|
240
257
|
children: /* @__PURE__ */_jsx(NextGlyph, {
|
|
241
258
|
size: arrowGlyphSize
|
|
242
259
|
})
|