@multiplatform.one/frappe-ui 7.23.1 → 7.24.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/FrappeCalendar.cjs +1 -1
- package/dist/cjs/FrappeCalendar.native.js +1 -1
- package/dist/cjs/FrappeCalendar.native.js.map +1 -1
- package/dist/cjs/FrappeDashboard.cjs +1 -1
- package/dist/cjs/FrappeDashboard.native.js +1 -1
- package/dist/cjs/FrappeDashboard.native.js.map +1 -1
- package/dist/cjs/FrappeForm.cjs +8 -0
- package/dist/cjs/FrappeForm.native.js +9 -0
- package/dist/cjs/FrappeForm.native.js.map +1 -1
- package/dist/cjs/FrappeImageView.cjs +1 -1
- package/dist/cjs/FrappeImageView.native.js +1 -1
- package/dist/cjs/FrappeImageView.native.js.map +1 -1
- package/dist/cjs/FrappeInsights.cjs +380 -0
- package/dist/cjs/FrappeInsights.native.js +447 -0
- package/dist/cjs/FrappeInsights.native.js.map +1 -0
- package/dist/cjs/FrappeLikedBy.cjs +5 -2
- package/dist/cjs/FrappeLikedBy.native.js +5 -2
- package/dist/cjs/FrappeLikedBy.native.js.map +1 -1
- package/dist/cjs/FrappeListView.cjs +406 -39
- package/dist/cjs/FrappeListView.native.js +469 -42
- package/dist/cjs/FrappeListView.native.js.map +1 -1
- package/dist/cjs/FrappeNotConfigured.cjs +54 -0
- package/dist/cjs/FrappeNotConfigured.native.js +58 -0
- package/dist/cjs/FrappeNotConfigured.native.js.map +1 -0
- package/dist/cjs/FrappeRecordView.cjs +199 -0
- package/dist/cjs/FrappeRecordView.native.js +218 -0
- package/dist/cjs/FrappeRecordView.native.js.map +1 -0
- package/dist/cjs/FrappeReportBuilder.cjs +2 -2
- package/dist/cjs/FrappeReportBuilder.native.js +2 -2
- package/dist/cjs/FrappeReportBuilder.native.js.map +1 -1
- package/dist/cjs/FrappeReportView.cjs +1 -1
- package/dist/cjs/FrappeReportView.native.js +2 -2
- package/dist/cjs/FrappeReportView.native.js.map +1 -1
- package/dist/cjs/FrappeTreeView.cjs +1 -1
- package/dist/cjs/FrappeTreeView.native.js +1 -1
- package/dist/cjs/desk/awesomebar.cjs +1 -1
- package/dist/cjs/desk/awesomebar.native.js +3 -3
- package/dist/cjs/desk/awesomebar.native.js.map +1 -1
- package/dist/cjs/fields/CodeEditor/index.cjs +1 -1
- package/dist/cjs/fields/CodeEditor/index.native.js +1 -1
- package/dist/cjs/fields/CodeEditor/index.native.js.map +1 -1
- package/dist/cjs/fields/Color/index.cjs +1 -0
- package/dist/cjs/fields/Color/index.native.js +1 -0
- package/dist/cjs/fields/Color/index.native.js.map +1 -1
- package/dist/cjs/fields/FileUpload.cjs +1 -1
- package/dist/cjs/fields/FileUpload.native.js +1 -1
- package/dist/cjs/fields/FileUpload.native.js.map +1 -1
- package/dist/cjs/fields/Heading/index.cjs +19 -12
- package/dist/cjs/fields/Heading/index.native.js +22 -13
- package/dist/cjs/fields/Heading/index.native.js.map +1 -1
- package/dist/cjs/fields/MarkdownEditor/index.cjs +2 -1
- package/dist/cjs/fields/MarkdownEditor/index.native.js +1 -1
- package/dist/cjs/fields/MarkdownEditor/index.native.js.map +1 -1
- package/dist/cjs/frappeNavigation.cjs +12 -2
- package/dist/cjs/frappeNavigation.native.js +13 -2
- package/dist/cjs/frappeNavigation.native.js.map +1 -1
- package/dist/cjs/index.cjs +34 -0
- package/dist/cjs/index.native.js +34 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/insights/InsightsFacetTags.cjs +147 -0
- package/dist/cjs/insights/InsightsFacetTags.native.js +165 -0
- package/dist/cjs/insights/InsightsFacetTags.native.js.map +1 -0
- package/dist/cjs/insights/InsightsKpiBand.cjs +124 -0
- package/dist/cjs/insights/InsightsKpiBand.native.js +133 -0
- package/dist/cjs/insights/InsightsKpiBand.native.js.map +1 -0
- package/dist/cjs/insights/InsightsLeaders.cjs +150 -0
- package/dist/cjs/insights/InsightsLeaders.native.js +178 -0
- package/dist/cjs/insights/InsightsLeaders.native.js.map +1 -0
- package/dist/cjs/insights/InsightsRecords.cjs +105 -0
- package/dist/cjs/insights/InsightsRecords.native.js +109 -0
- package/dist/cjs/insights/InsightsRecords.native.js.map +1 -0
- package/dist/cjs/insights/InsightsTable.cjs +157 -0
- package/dist/cjs/insights/InsightsTable.native.js +194 -0
- package/dist/cjs/insights/InsightsTable.native.js.map +1 -0
- package/dist/cjs/insights/insightsData.cjs +114 -0
- package/dist/cjs/insights/insightsData.native.js +220 -0
- package/dist/cjs/insights/insightsData.native.js.map +1 -0
- package/dist/cjs/insights/insightsRecord.cjs +35 -0
- package/dist/cjs/insights/insightsRecord.native.js +38 -0
- package/dist/cjs/insights/insightsRecord.native.js.map +1 -0
- package/dist/cjs/list/FacetBadge.cjs +62 -0
- package/dist/cjs/list/FacetBadge.native.js +66 -0
- package/dist/cjs/list/FacetBadge.native.js.map +1 -0
- package/dist/cjs/list/FacetRail.cjs +199 -0
- package/dist/cjs/list/FacetRail.native.js +223 -0
- package/dist/cjs/list/FacetRail.native.js.map +1 -0
- package/dist/cjs/list/ImageWell.cjs +111 -0
- package/dist/cjs/list/ImageWell.native.js +126 -0
- package/dist/cjs/list/ImageWell.native.js.map +1 -0
- package/dist/cjs/list/ListControls.cjs +226 -0
- package/dist/cjs/list/ListControls.native.js +252 -0
- package/dist/cjs/list/ListControls.native.js.map +1 -0
- package/dist/cjs/list/ListToastHost.cjs +54 -0
- package/dist/cjs/list/ListToastHost.native.js +59 -0
- package/dist/cjs/list/ListToastHost.native.js.map +1 -0
- package/dist/cjs/list/RangeFilter.cjs +122 -0
- package/dist/cjs/list/RangeFilter.native.js +135 -0
- package/dist/cjs/list/RangeFilter.native.js.map +1 -0
- package/dist/cjs/list/RecordCard.cjs +233 -0
- package/dist/cjs/list/RecordCard.native.js +173 -0
- package/dist/cjs/list/RecordCard.native.js.map +1 -0
- package/dist/cjs/list/ShufflePanel.cjs +112 -0
- package/dist/cjs/list/ShufflePanel.native.js +139 -0
- package/dist/cjs/list/ShufflePanel.native.js.map +1 -0
- package/dist/cjs/list/facetReading.cjs +71 -0
- package/dist/cjs/list/facetReading.native.js +163 -0
- package/dist/cjs/list/facetReading.native.js.map +1 -0
- package/dist/cjs/list/favorites.cjs +79 -0
- package/dist/cjs/list/favorites.native.js +91 -0
- package/dist/cjs/list/favorites.native.js.map +1 -0
- package/dist/cjs/list/listState.cjs +100 -0
- package/dist/cjs/list/listState.native.js +234 -0
- package/dist/cjs/list/listState.native.js.map +1 -0
- package/dist/cjs/list/recordLook.cjs +35 -0
- package/dist/cjs/list/recordLook.native.js +39 -0
- package/dist/cjs/list/recordLook.native.js.map +1 -0
- package/dist/cjs/list/useListControls.cjs +189 -0
- package/dist/cjs/list/useListControls.native.js +272 -0
- package/dist/cjs/list/useListControls.native.js.map +1 -0
- package/dist/cjs/record/RecordBars.cjs +200 -0
- package/dist/cjs/record/RecordBars.native.js +225 -0
- package/dist/cjs/record/RecordBars.native.js.map +1 -0
- package/dist/cjs/record/RecordGallery.cjs +67 -0
- package/dist/cjs/record/RecordGallery.native.js +75 -0
- package/dist/cjs/record/RecordGallery.native.js.map +1 -0
- package/dist/cjs/record/RecordHero.cjs +239 -0
- package/dist/cjs/record/RecordHero.native.js +250 -0
- package/dist/cjs/record/RecordHero.native.js.map +1 -0
- package/dist/cjs/record/RecordPage.cjs +330 -0
- package/dist/cjs/record/RecordPage.native.js +364 -0
- package/dist/cjs/record/RecordPage.native.js.map +1 -0
- package/dist/cjs/record/RecordPager.cjs +125 -0
- package/dist/cjs/record/RecordPager.native.js +130 -0
- package/dist/cjs/record/RecordPager.native.js.map +1 -0
- package/dist/cjs/record/RecordRows.cjs +126 -0
- package/dist/cjs/record/RecordRows.native.js +140 -0
- package/dist/cjs/record/RecordRows.native.js.map +1 -0
- package/dist/cjs/record/recordData.cjs +122 -0
- package/dist/cjs/record/recordData.native.js +189 -0
- package/dist/cjs/record/recordData.native.js.map +1 -0
- package/dist/cjs/record/recordSections.cjs +30 -0
- package/dist/cjs/record/recordSections.native.js +33 -0
- package/dist/cjs/record/recordSections.native.js.map +1 -0
- package/dist/cjs/useFrappeFacets.cjs +1 -1
- package/dist/cjs/useFrappeFacets.native.js +1 -1
- package/dist/cjs/useFrappeFacets.native.js.map +1 -1
- package/dist/esm/FrappeCalendar.mjs +1 -1
- package/dist/esm/FrappeCalendar.mjs.map +1 -1
- package/dist/esm/FrappeCalendar.native.js +1 -1
- package/dist/esm/FrappeCalendar.native.js.map +1 -1
- package/dist/esm/FrappeDashboard.mjs +1 -1
- package/dist/esm/FrappeDashboard.mjs.map +1 -1
- package/dist/esm/FrappeDashboard.native.js +1 -1
- package/dist/esm/FrappeDashboard.native.js.map +1 -1
- package/dist/esm/FrappeForm.mjs +8 -0
- package/dist/esm/FrappeForm.mjs.map +1 -1
- package/dist/esm/FrappeForm.native.js +9 -0
- package/dist/esm/FrappeForm.native.js.map +1 -1
- package/dist/esm/FrappeImageView.mjs +1 -1
- package/dist/esm/FrappeImageView.mjs.map +1 -1
- package/dist/esm/FrappeImageView.native.js +1 -1
- package/dist/esm/FrappeImageView.native.js.map +1 -1
- package/dist/esm/FrappeInsights.mjs +355 -0
- package/dist/esm/FrappeInsights.mjs.map +1 -0
- package/dist/esm/FrappeInsights.native.js +419 -0
- package/dist/esm/FrappeInsights.native.js.map +1 -0
- package/dist/esm/FrappeLikedBy.mjs +6 -3
- package/dist/esm/FrappeLikedBy.mjs.map +1 -1
- package/dist/esm/FrappeLikedBy.native.js +6 -3
- package/dist/esm/FrappeLikedBy.native.js.map +1 -1
- package/dist/esm/FrappeListView.mjs +410 -43
- package/dist/esm/FrappeListView.mjs.map +1 -1
- package/dist/esm/FrappeListView.native.js +473 -46
- package/dist/esm/FrappeListView.native.js.map +1 -1
- package/dist/esm/FrappeNotConfigured.mjs +29 -0
- package/dist/esm/FrappeNotConfigured.mjs.map +1 -0
- package/dist/esm/FrappeNotConfigured.native.js +30 -0
- package/dist/esm/FrappeNotConfigured.native.js.map +1 -0
- package/dist/esm/FrappeRecordView.mjs +174 -0
- package/dist/esm/FrappeRecordView.mjs.map +1 -0
- package/dist/esm/FrappeRecordView.native.js +190 -0
- package/dist/esm/FrappeRecordView.native.js.map +1 -0
- package/dist/esm/FrappeReportBuilder.mjs +2 -2
- package/dist/esm/FrappeReportBuilder.mjs.map +1 -1
- package/dist/esm/FrappeReportBuilder.native.js +2 -2
- package/dist/esm/FrappeReportBuilder.native.js.map +1 -1
- package/dist/esm/FrappeReportView.mjs +1 -1
- package/dist/esm/FrappeReportView.mjs.map +1 -1
- package/dist/esm/FrappeReportView.native.js +2 -2
- package/dist/esm/FrappeReportView.native.js.map +1 -1
- package/dist/esm/FrappeTreeView.mjs +1 -1
- package/dist/esm/FrappeTreeView.mjs.map +1 -1
- package/dist/esm/FrappeTreeView.native.js +1 -1
- package/dist/esm/desk/awesomebar.mjs +1 -1
- package/dist/esm/desk/awesomebar.mjs.map +1 -1
- package/dist/esm/desk/awesomebar.native.js +3 -3
- package/dist/esm/desk/awesomebar.native.js.map +1 -1
- package/dist/esm/fields/CodeEditor/index.mjs +2 -2
- package/dist/esm/fields/CodeEditor/index.mjs.map +1 -1
- package/dist/esm/fields/CodeEditor/index.native.js +2 -2
- package/dist/esm/fields/CodeEditor/index.native.js.map +1 -1
- package/dist/esm/fields/Color/index.mjs +1 -0
- package/dist/esm/fields/Color/index.mjs.map +1 -1
- package/dist/esm/fields/Color/index.native.js +1 -0
- package/dist/esm/fields/Color/index.native.js.map +1 -1
- package/dist/esm/fields/FileUpload.mjs +2 -2
- package/dist/esm/fields/FileUpload.mjs.map +1 -1
- package/dist/esm/fields/FileUpload.native.js +2 -2
- package/dist/esm/fields/FileUpload.native.js.map +1 -1
- package/dist/esm/fields/Heading/index.mjs +21 -14
- package/dist/esm/fields/Heading/index.mjs.map +1 -1
- package/dist/esm/fields/Heading/index.native.js +24 -15
- package/dist/esm/fields/Heading/index.native.js.map +1 -1
- package/dist/esm/fields/MarkdownEditor/index.mjs +2 -1
- package/dist/esm/fields/MarkdownEditor/index.mjs.map +1 -1
- package/dist/esm/fields/MarkdownEditor/index.native.js +2 -2
- package/dist/esm/fields/MarkdownEditor/index.native.js.map +1 -1
- package/dist/esm/frappeNavigation.mjs +11 -2
- package/dist/esm/frappeNavigation.mjs.map +1 -1
- package/dist/esm/frappeNavigation.native.js +12 -2
- package/dist/esm/frappeNavigation.native.js.map +1 -1
- package/dist/esm/index.mjs +14 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +14 -2
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/insights/InsightsFacetTags.mjs +122 -0
- package/dist/esm/insights/InsightsFacetTags.mjs.map +1 -0
- package/dist/esm/insights/InsightsFacetTags.native.js +137 -0
- package/dist/esm/insights/InsightsFacetTags.native.js.map +1 -0
- package/dist/esm/insights/InsightsKpiBand.mjs +99 -0
- package/dist/esm/insights/InsightsKpiBand.mjs.map +1 -0
- package/dist/esm/insights/InsightsKpiBand.native.js +105 -0
- package/dist/esm/insights/InsightsKpiBand.native.js.map +1 -0
- package/dist/esm/insights/InsightsLeaders.mjs +125 -0
- package/dist/esm/insights/InsightsLeaders.mjs.map +1 -0
- package/dist/esm/insights/InsightsLeaders.native.js +150 -0
- package/dist/esm/insights/InsightsLeaders.native.js.map +1 -0
- package/dist/esm/insights/InsightsRecords.mjs +80 -0
- package/dist/esm/insights/InsightsRecords.mjs.map +1 -0
- package/dist/esm/insights/InsightsRecords.native.js +81 -0
- package/dist/esm/insights/InsightsRecords.native.js.map +1 -0
- package/dist/esm/insights/InsightsTable.mjs +132 -0
- package/dist/esm/insights/InsightsTable.mjs.map +1 -0
- package/dist/esm/insights/InsightsTable.native.js +166 -0
- package/dist/esm/insights/InsightsTable.native.js.map +1 -0
- package/dist/esm/insights/insightsData.mjs +82 -0
- package/dist/esm/insights/insightsData.mjs.map +1 -0
- package/dist/esm/insights/insightsData.native.js +185 -0
- package/dist/esm/insights/insightsData.native.js.map +1 -0
- package/dist/esm/insights/insightsRecord.mjs +9 -0
- package/dist/esm/insights/insightsRecord.mjs.map +1 -0
- package/dist/esm/insights/insightsRecord.native.js +9 -0
- package/dist/esm/insights/insightsRecord.native.js.map +1 -0
- package/dist/esm/list/FacetBadge.mjs +37 -0
- package/dist/esm/list/FacetBadge.mjs.map +1 -0
- package/dist/esm/list/FacetBadge.native.js +38 -0
- package/dist/esm/list/FacetBadge.native.js.map +1 -0
- package/dist/esm/list/FacetRail.mjs +174 -0
- package/dist/esm/list/FacetRail.mjs.map +1 -0
- package/dist/esm/list/FacetRail.native.js +195 -0
- package/dist/esm/list/FacetRail.native.js.map +1 -0
- package/dist/esm/list/ImageWell.mjs +86 -0
- package/dist/esm/list/ImageWell.mjs.map +1 -0
- package/dist/esm/list/ImageWell.native.js +98 -0
- package/dist/esm/list/ImageWell.native.js.map +1 -0
- package/dist/esm/list/ListControls.mjs +201 -0
- package/dist/esm/list/ListControls.mjs.map +1 -0
- package/dist/esm/list/ListControls.native.js +224 -0
- package/dist/esm/list/ListControls.native.js.map +1 -0
- package/dist/esm/list/ListToastHost.mjs +18 -0
- package/dist/esm/list/ListToastHost.mjs.map +1 -0
- package/dist/esm/list/ListToastHost.native.js +20 -0
- package/dist/esm/list/ListToastHost.native.js.map +1 -0
- package/dist/esm/list/RangeFilter.mjs +85 -0
- package/dist/esm/list/RangeFilter.mjs.map +1 -0
- package/dist/esm/list/RangeFilter.native.js +95 -0
- package/dist/esm/list/RangeFilter.native.js.map +1 -0
- package/dist/esm/list/RecordCard.mjs +208 -0
- package/dist/esm/list/RecordCard.mjs.map +1 -0
- package/dist/esm/list/RecordCard.native.js +145 -0
- package/dist/esm/list/RecordCard.native.js.map +1 -0
- package/dist/esm/list/ShufflePanel.mjs +87 -0
- package/dist/esm/list/ShufflePanel.mjs.map +1 -0
- package/dist/esm/list/ShufflePanel.native.js +111 -0
- package/dist/esm/list/ShufflePanel.native.js.map +1 -0
- package/dist/esm/list/facetReading.mjs +45 -0
- package/dist/esm/list/facetReading.mjs.map +1 -0
- package/dist/esm/list/facetReading.native.js +134 -0
- package/dist/esm/list/facetReading.native.js.map +1 -0
- package/dist/esm/list/favorites.mjs +50 -0
- package/dist/esm/list/favorites.mjs.map +1 -0
- package/dist/esm/list/favorites.native.js +59 -0
- package/dist/esm/list/favorites.native.js.map +1 -0
- package/dist/esm/list/listState.mjs +71 -0
- package/dist/esm/list/listState.mjs.map +1 -0
- package/dist/esm/list/listState.native.js +202 -0
- package/dist/esm/list/listState.native.js.map +1 -0
- package/dist/esm/list/recordLook.mjs +10 -0
- package/dist/esm/list/recordLook.mjs.map +1 -0
- package/dist/esm/list/recordLook.native.js +11 -0
- package/dist/esm/list/recordLook.native.js.map +1 -0
- package/dist/esm/list/useListControls.mjs +164 -0
- package/dist/esm/list/useListControls.mjs.map +1 -0
- package/dist/esm/list/useListControls.native.js +244 -0
- package/dist/esm/list/useListControls.native.js.map +1 -0
- package/dist/esm/record/RecordBars.mjs +175 -0
- package/dist/esm/record/RecordBars.mjs.map +1 -0
- package/dist/esm/record/RecordBars.native.js +197 -0
- package/dist/esm/record/RecordBars.native.js.map +1 -0
- package/dist/esm/record/RecordGallery.mjs +42 -0
- package/dist/esm/record/RecordGallery.mjs.map +1 -0
- package/dist/esm/record/RecordGallery.native.js +47 -0
- package/dist/esm/record/RecordGallery.native.js.map +1 -0
- package/dist/esm/record/RecordHero.mjs +205 -0
- package/dist/esm/record/RecordHero.mjs.map +1 -0
- package/dist/esm/record/RecordHero.native.js +213 -0
- package/dist/esm/record/RecordHero.native.js.map +1 -0
- package/dist/esm/record/RecordPage.mjs +305 -0
- package/dist/esm/record/RecordPage.mjs.map +1 -0
- package/dist/esm/record/RecordPage.native.js +336 -0
- package/dist/esm/record/RecordPage.native.js.map +1 -0
- package/dist/esm/record/RecordPager.mjs +100 -0
- package/dist/esm/record/RecordPager.mjs.map +1 -0
- package/dist/esm/record/RecordPager.native.js +102 -0
- package/dist/esm/record/RecordPager.native.js.map +1 -0
- package/dist/esm/record/RecordRows.mjs +101 -0
- package/dist/esm/record/RecordRows.mjs.map +1 -0
- package/dist/esm/record/RecordRows.native.js +112 -0
- package/dist/esm/record/RecordRows.native.js.map +1 -0
- package/dist/esm/record/recordData.mjs +92 -0
- package/dist/esm/record/recordData.mjs.map +1 -0
- package/dist/esm/record/recordData.native.js +156 -0
- package/dist/esm/record/recordData.native.js.map +1 -0
- package/dist/esm/record/recordSections.mjs +5 -0
- package/dist/esm/record/recordSections.mjs.map +1 -0
- package/dist/esm/record/recordSections.native.js +5 -0
- package/dist/esm/record/recordSections.native.js.map +1 -0
- package/dist/esm/useFrappeFacets.mjs +1 -1
- package/dist/esm/useFrappeFacets.mjs.map +1 -1
- package/dist/esm/useFrappeFacets.native.js +1 -1
- package/dist/esm/useFrappeFacets.native.js.map +1 -1
- package/dist/jsx/FrappeCalendar.mjs +1 -1
- package/dist/jsx/FrappeCalendar.mjs.map +1 -1
- package/dist/jsx/FrappeCalendar.native.js +1 -1
- package/dist/jsx/FrappeCalendar.native.js.map +1 -1
- package/dist/jsx/FrappeDashboard.mjs +1 -1
- package/dist/jsx/FrappeDashboard.mjs.map +1 -1
- package/dist/jsx/FrappeDashboard.native.js +1 -1
- package/dist/jsx/FrappeDashboard.native.js.map +1 -1
- package/dist/jsx/FrappeForm.mjs +8 -0
- package/dist/jsx/FrappeForm.mjs.map +1 -1
- package/dist/jsx/FrappeForm.native.js +9 -0
- package/dist/jsx/FrappeForm.native.js.map +1 -1
- package/dist/jsx/FrappeImageView.mjs +1 -1
- package/dist/jsx/FrappeImageView.mjs.map +1 -1
- package/dist/jsx/FrappeImageView.native.js +1 -1
- package/dist/jsx/FrappeImageView.native.js.map +1 -1
- package/dist/jsx/FrappeInsights.mjs +355 -0
- package/dist/jsx/FrappeInsights.mjs.map +1 -0
- package/dist/jsx/FrappeInsights.native.js +447 -0
- package/dist/jsx/FrappeInsights.native.js.map +1 -0
- package/dist/jsx/FrappeLikedBy.mjs +6 -3
- package/dist/jsx/FrappeLikedBy.mjs.map +1 -1
- package/dist/jsx/FrappeLikedBy.native.js +5 -2
- package/dist/jsx/FrappeLikedBy.native.js.map +1 -1
- package/dist/jsx/FrappeListView.mjs +410 -43
- package/dist/jsx/FrappeListView.mjs.map +1 -1
- package/dist/jsx/FrappeListView.native.js +469 -42
- package/dist/jsx/FrappeListView.native.js.map +1 -1
- package/dist/jsx/FrappeNotConfigured.mjs +29 -0
- package/dist/jsx/FrappeNotConfigured.mjs.map +1 -0
- package/dist/jsx/FrappeNotConfigured.native.js +58 -0
- package/dist/jsx/FrappeNotConfigured.native.js.map +1 -0
- package/dist/jsx/FrappeRecordView.mjs +174 -0
- package/dist/jsx/FrappeRecordView.mjs.map +1 -0
- package/dist/jsx/FrappeRecordView.native.js +218 -0
- package/dist/jsx/FrappeRecordView.native.js.map +1 -0
- package/dist/jsx/FrappeReportBuilder.mjs +2 -2
- package/dist/jsx/FrappeReportBuilder.mjs.map +1 -1
- package/dist/jsx/FrappeReportBuilder.native.js +2 -2
- package/dist/jsx/FrappeReportBuilder.native.js.map +1 -1
- package/dist/jsx/FrappeReportView.mjs +1 -1
- package/dist/jsx/FrappeReportView.mjs.map +1 -1
- package/dist/jsx/FrappeReportView.native.js +2 -2
- package/dist/jsx/FrappeReportView.native.js.map +1 -1
- package/dist/jsx/FrappeTreeView.mjs +1 -1
- package/dist/jsx/FrappeTreeView.mjs.map +1 -1
- package/dist/jsx/FrappeTreeView.native.js +1 -1
- package/dist/jsx/desk/awesomebar.mjs +1 -1
- package/dist/jsx/desk/awesomebar.mjs.map +1 -1
- package/dist/jsx/desk/awesomebar.native.js +3 -3
- package/dist/jsx/desk/awesomebar.native.js.map +1 -1
- package/dist/jsx/fields/CodeEditor/index.mjs +2 -2
- package/dist/jsx/fields/CodeEditor/index.mjs.map +1 -1
- package/dist/jsx/fields/CodeEditor/index.native.js +1 -1
- package/dist/jsx/fields/CodeEditor/index.native.js.map +1 -1
- package/dist/jsx/fields/Color/index.mjs +1 -0
- package/dist/jsx/fields/Color/index.mjs.map +1 -1
- package/dist/jsx/fields/Color/index.native.js +1 -0
- package/dist/jsx/fields/Color/index.native.js.map +1 -1
- package/dist/jsx/fields/FileUpload.mjs +2 -2
- package/dist/jsx/fields/FileUpload.mjs.map +1 -1
- package/dist/jsx/fields/FileUpload.native.js +1 -1
- package/dist/jsx/fields/FileUpload.native.js.map +1 -1
- package/dist/jsx/fields/Heading/index.mjs +21 -14
- package/dist/jsx/fields/Heading/index.mjs.map +1 -1
- package/dist/jsx/fields/Heading/index.native.js +22 -13
- package/dist/jsx/fields/Heading/index.native.js.map +1 -1
- package/dist/jsx/fields/MarkdownEditor/index.mjs +2 -1
- package/dist/jsx/fields/MarkdownEditor/index.mjs.map +1 -1
- package/dist/jsx/fields/MarkdownEditor/index.native.js +1 -1
- package/dist/jsx/fields/MarkdownEditor/index.native.js.map +1 -1
- package/dist/jsx/frappeNavigation.mjs +11 -2
- package/dist/jsx/frappeNavigation.mjs.map +1 -1
- package/dist/jsx/frappeNavigation.native.js +13 -2
- package/dist/jsx/frappeNavigation.native.js.map +1 -1
- package/dist/jsx/index.js +14 -2
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +14 -2
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js +34 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/insights/InsightsFacetTags.mjs +122 -0
- package/dist/jsx/insights/InsightsFacetTags.mjs.map +1 -0
- package/dist/jsx/insights/InsightsFacetTags.native.js +165 -0
- package/dist/jsx/insights/InsightsFacetTags.native.js.map +1 -0
- package/dist/jsx/insights/InsightsKpiBand.mjs +99 -0
- package/dist/jsx/insights/InsightsKpiBand.mjs.map +1 -0
- package/dist/jsx/insights/InsightsKpiBand.native.js +133 -0
- package/dist/jsx/insights/InsightsKpiBand.native.js.map +1 -0
- package/dist/jsx/insights/InsightsLeaders.mjs +125 -0
- package/dist/jsx/insights/InsightsLeaders.mjs.map +1 -0
- package/dist/jsx/insights/InsightsLeaders.native.js +178 -0
- package/dist/jsx/insights/InsightsLeaders.native.js.map +1 -0
- package/dist/jsx/insights/InsightsRecords.mjs +80 -0
- package/dist/jsx/insights/InsightsRecords.mjs.map +1 -0
- package/dist/jsx/insights/InsightsRecords.native.js +109 -0
- package/dist/jsx/insights/InsightsRecords.native.js.map +1 -0
- package/dist/jsx/insights/InsightsTable.mjs +132 -0
- package/dist/jsx/insights/InsightsTable.mjs.map +1 -0
- package/dist/jsx/insights/InsightsTable.native.js +194 -0
- package/dist/jsx/insights/InsightsTable.native.js.map +1 -0
- package/dist/jsx/insights/insightsData.mjs +82 -0
- package/dist/jsx/insights/insightsData.mjs.map +1 -0
- package/dist/jsx/insights/insightsData.native.js +220 -0
- package/dist/jsx/insights/insightsData.native.js.map +1 -0
- package/dist/jsx/insights/insightsRecord.mjs +9 -0
- package/dist/jsx/insights/insightsRecord.mjs.map +1 -0
- package/dist/jsx/insights/insightsRecord.native.js +38 -0
- package/dist/jsx/insights/insightsRecord.native.js.map +1 -0
- package/dist/jsx/list/FacetBadge.mjs +37 -0
- package/dist/jsx/list/FacetBadge.mjs.map +1 -0
- package/dist/jsx/list/FacetBadge.native.js +66 -0
- package/dist/jsx/list/FacetBadge.native.js.map +1 -0
- package/dist/jsx/list/FacetRail.mjs +174 -0
- package/dist/jsx/list/FacetRail.mjs.map +1 -0
- package/dist/jsx/list/FacetRail.native.js +223 -0
- package/dist/jsx/list/FacetRail.native.js.map +1 -0
- package/dist/jsx/list/ImageWell.mjs +86 -0
- package/dist/jsx/list/ImageWell.mjs.map +1 -0
- package/dist/jsx/list/ImageWell.native.js +126 -0
- package/dist/jsx/list/ImageWell.native.js.map +1 -0
- package/dist/jsx/list/ListControls.mjs +201 -0
- package/dist/jsx/list/ListControls.mjs.map +1 -0
- package/dist/jsx/list/ListControls.native.js +252 -0
- package/dist/jsx/list/ListControls.native.js.map +1 -0
- package/dist/jsx/list/ListToastHost.mjs +18 -0
- package/dist/jsx/list/ListToastHost.mjs.map +1 -0
- package/dist/jsx/list/ListToastHost.native.js +59 -0
- package/dist/jsx/list/ListToastHost.native.js.map +1 -0
- package/dist/jsx/list/RangeFilter.mjs +85 -0
- package/dist/jsx/list/RangeFilter.mjs.map +1 -0
- package/dist/jsx/list/RangeFilter.native.js +135 -0
- package/dist/jsx/list/RangeFilter.native.js.map +1 -0
- package/dist/jsx/list/RecordCard.mjs +208 -0
- package/dist/jsx/list/RecordCard.mjs.map +1 -0
- package/dist/jsx/list/RecordCard.native.js +173 -0
- package/dist/jsx/list/RecordCard.native.js.map +1 -0
- package/dist/jsx/list/ShufflePanel.mjs +87 -0
- package/dist/jsx/list/ShufflePanel.mjs.map +1 -0
- package/dist/jsx/list/ShufflePanel.native.js +139 -0
- package/dist/jsx/list/ShufflePanel.native.js.map +1 -0
- package/dist/jsx/list/facetReading.mjs +45 -0
- package/dist/jsx/list/facetReading.mjs.map +1 -0
- package/dist/jsx/list/facetReading.native.js +163 -0
- package/dist/jsx/list/facetReading.native.js.map +1 -0
- package/dist/jsx/list/favorites.mjs +50 -0
- package/dist/jsx/list/favorites.mjs.map +1 -0
- package/dist/jsx/list/favorites.native.js +91 -0
- package/dist/jsx/list/favorites.native.js.map +1 -0
- package/dist/jsx/list/listState.mjs +71 -0
- package/dist/jsx/list/listState.mjs.map +1 -0
- package/dist/jsx/list/listState.native.js +234 -0
- package/dist/jsx/list/listState.native.js.map +1 -0
- package/dist/jsx/list/recordLook.mjs +10 -0
- package/dist/jsx/list/recordLook.mjs.map +1 -0
- package/dist/jsx/list/recordLook.native.js +39 -0
- package/dist/jsx/list/recordLook.native.js.map +1 -0
- package/dist/jsx/list/useListControls.mjs +164 -0
- package/dist/jsx/list/useListControls.mjs.map +1 -0
- package/dist/jsx/list/useListControls.native.js +272 -0
- package/dist/jsx/list/useListControls.native.js.map +1 -0
- package/dist/jsx/record/RecordBars.mjs +175 -0
- package/dist/jsx/record/RecordBars.mjs.map +1 -0
- package/dist/jsx/record/RecordBars.native.js +225 -0
- package/dist/jsx/record/RecordBars.native.js.map +1 -0
- package/dist/jsx/record/RecordGallery.mjs +42 -0
- package/dist/jsx/record/RecordGallery.mjs.map +1 -0
- package/dist/jsx/record/RecordGallery.native.js +75 -0
- package/dist/jsx/record/RecordGallery.native.js.map +1 -0
- package/dist/jsx/record/RecordHero.mjs +205 -0
- package/dist/jsx/record/RecordHero.mjs.map +1 -0
- package/dist/jsx/record/RecordHero.native.js +250 -0
- package/dist/jsx/record/RecordHero.native.js.map +1 -0
- package/dist/jsx/record/RecordPage.mjs +305 -0
- package/dist/jsx/record/RecordPage.mjs.map +1 -0
- package/dist/jsx/record/RecordPage.native.js +364 -0
- package/dist/jsx/record/RecordPage.native.js.map +1 -0
- package/dist/jsx/record/RecordPager.mjs +100 -0
- package/dist/jsx/record/RecordPager.mjs.map +1 -0
- package/dist/jsx/record/RecordPager.native.js +130 -0
- package/dist/jsx/record/RecordPager.native.js.map +1 -0
- package/dist/jsx/record/RecordRows.mjs +101 -0
- package/dist/jsx/record/RecordRows.mjs.map +1 -0
- package/dist/jsx/record/RecordRows.native.js +140 -0
- package/dist/jsx/record/RecordRows.native.js.map +1 -0
- package/dist/jsx/record/recordData.mjs +92 -0
- package/dist/jsx/record/recordData.mjs.map +1 -0
- package/dist/jsx/record/recordData.native.js +189 -0
- package/dist/jsx/record/recordData.native.js.map +1 -0
- package/dist/jsx/record/recordSections.mjs +5 -0
- package/dist/jsx/record/recordSections.mjs.map +1 -0
- package/dist/jsx/record/recordSections.native.js +33 -0
- package/dist/jsx/record/recordSections.native.js.map +1 -0
- package/dist/jsx/useFrappeFacets.mjs +1 -1
- package/dist/jsx/useFrappeFacets.mjs.map +1 -1
- package/dist/jsx/useFrappeFacets.native.js +1 -1
- package/dist/jsx/useFrappeFacets.native.js.map +1 -1
- package/package.json +16 -16
- package/src/FormSidebar.stories.tsx +2 -0
- package/src/FrappeCalendar.stories.tsx +2 -0
- package/src/FrappeCalendar.tsx +2 -2
- package/src/FrappeChartCard.stories.tsx +2 -0
- package/src/FrappeDashboard.stories.tsx +2 -0
- package/src/FrappeDashboard.tsx +2 -2
- package/src/FrappeForm.tsx +7 -1
- package/src/FrappeImageView.stories.tsx +2 -0
- package/src/FrappeImageView.tsx +2 -1
- package/src/FrappeInsights.spec.tsx +171 -0
- package/src/FrappeInsights.tsx +422 -0
- package/src/FrappeKPICard.stories.tsx +3 -3
- package/src/FrappeKanban.stories.tsx +4 -8
- package/src/FrappeLikedBy.tsx +7 -5
- package/src/FrappeListView.card.spec.tsx +157 -0
- package/src/FrappeListView.controls.spec.tsx +225 -0
- package/src/FrappeListView.seed.spec.tsx +30 -0
- package/src/FrappeListView.stories.tsx +2 -0
- package/src/FrappeListView.tsx +589 -45
- package/src/FrappeNotConfigured.tsx +29 -0
- package/src/FrappeRecordView.spec.tsx +276 -0
- package/src/FrappeRecordView.tsx +231 -0
- package/src/FrappeReportBuilder.tsx +4 -5
- package/src/FrappeReportView.tsx +1 -1
- package/src/FrappeTreeView.tsx +1 -1
- package/src/clientCache.auth.spec.tsx +94 -0
- package/src/desk/DeskFormSidebar.stories.tsx +2 -0
- package/src/desk/DeskShell.stories.tsx +12 -6
- package/src/desk/awesomebar.auth.spec.tsx +77 -0
- package/src/desk/awesomebar.tsx +1 -1
- package/src/fields/CodeEditor/index.tsx +8 -2
- package/src/fields/Color/Color.stories.tsx +2 -0
- package/src/fields/Color/index.tsx +1 -0
- package/src/fields/FileUpload.tsx +8 -2
- package/src/fields/Heading/index.tsx +41 -17
- package/src/fields/MarkdownEditor/index.native.tsx +8 -2
- package/src/fields/MarkdownEditor/index.tsx +8 -1
- package/src/fields/ReadOnly/ReadOnly.stories.tsx +2 -0
- package/src/frappeNavigation.loader.spec.tsx +45 -0
- package/src/frappeNavigation.tsx +32 -1
- package/src/frappeRoutes.notConfigured.spec.tsx +77 -0
- package/src/index.ts +53 -1
- package/src/insights/InsightsFacetTags.tsx +131 -0
- package/src/insights/InsightsKpiBand.tsx +114 -0
- package/src/insights/InsightsLeaders.tsx +146 -0
- package/src/insights/InsightsRecords.tsx +71 -0
- package/src/insights/InsightsTable.tsx +169 -0
- package/src/insights/insightsData.spec.ts +143 -0
- package/src/insights/insightsData.ts +122 -0
- package/src/insights/insightsRecord.ts +36 -0
- package/src/list/FacetBadge.tsx +41 -0
- package/src/list/FacetRail.tsx +235 -0
- package/src/list/ImageWell.tsx +110 -0
- package/src/list/ListControls.tsx +208 -0
- package/src/list/ListToastHost.tsx +27 -0
- package/src/list/RangeFilter.tsx +83 -0
- package/src/list/RecordCard.native.tsx +126 -0
- package/src/list/RecordCard.tsx +260 -0
- package/src/list/ShufflePanel.tsx +107 -0
- package/src/list/facetReading.ts +79 -0
- package/src/list/favorites.spec.ts +80 -0
- package/src/list/favorites.ts +79 -0
- package/src/list/listState.spec.ts +156 -0
- package/src/list/listState.ts +184 -0
- package/src/list/recordLook.ts +37 -0
- package/src/list/useListControls.tsx +223 -0
- package/src/record/RecordBars.tsx +187 -0
- package/src/record/RecordGallery.tsx +47 -0
- package/src/record/RecordHero.tsx +186 -0
- package/src/record/RecordPage.tsx +358 -0
- package/src/record/RecordPager.tsx +97 -0
- package/src/record/RecordRows.tsx +90 -0
- package/src/record/recordData.spec.ts +148 -0
- package/src/record/recordData.ts +124 -0
- package/src/record/recordSections.ts +62 -0
- package/src/schemaForm/SchemaForm.stories.tsx +2 -2
- package/src/useFrappeFacets.ts +14 -7
- package/types/FrappeForm.d.ts +2 -1
- package/types/FrappeForm.d.ts.map +1 -1
- package/types/FrappeImageView.d.ts.map +1 -1
- package/types/FrappeInsights.d.ts +55 -0
- package/types/FrappeInsights.d.ts.map +1 -0
- package/types/FrappeLikedBy.d.ts.map +1 -1
- package/types/FrappeListView.d.ts +85 -3
- package/types/FrappeListView.d.ts.map +1 -1
- package/types/FrappeNotConfigured.d.ts +11 -0
- package/types/FrappeNotConfigured.d.ts.map +1 -0
- package/types/FrappeRecordView.d.ts +69 -0
- package/types/FrappeRecordView.d.ts.map +1 -0
- package/types/FrappeReportBuilder.d.ts.map +1 -1
- package/types/fields/CodeEditor/index.d.ts.map +1 -1
- package/types/fields/Color/index.d.ts.map +1 -1
- package/types/fields/FileUpload.d.ts.map +1 -1
- package/types/fields/Heading/index.d.ts.map +1 -1
- package/types/fields/MarkdownEditor/index.d.ts.map +1 -1
- package/types/fields/MarkdownEditor/index.native.d.ts.map +1 -1
- package/types/frappeNavigation.d.ts +21 -0
- package/types/frappeNavigation.d.ts.map +1 -1
- package/types/index.d.ts +14 -2
- package/types/index.d.ts.map +1 -1
- package/types/insights/InsightsFacetTags.d.ts +11 -0
- package/types/insights/InsightsFacetTags.d.ts.map +1 -0
- package/types/insights/InsightsKpiBand.d.ts +22 -0
- package/types/insights/InsightsKpiBand.d.ts.map +1 -0
- package/types/insights/InsightsLeaders.d.ts +16 -0
- package/types/insights/InsightsLeaders.d.ts.map +1 -0
- package/types/insights/InsightsRecords.d.ts +19 -0
- package/types/insights/InsightsRecords.d.ts.map +1 -0
- package/types/insights/InsightsTable.d.ts +17 -0
- package/types/insights/InsightsTable.d.ts.map +1 -0
- package/types/insights/insightsData.d.ts +45 -0
- package/types/insights/insightsData.d.ts.map +1 -0
- package/types/insights/insightsRecord.d.ts +29 -0
- package/types/insights/insightsRecord.d.ts.map +1 -0
- package/types/list/FacetBadge.d.ts +13 -0
- package/types/list/FacetBadge.d.ts.map +1 -0
- package/types/list/FacetRail.d.ts +26 -0
- package/types/list/FacetRail.d.ts.map +1 -0
- package/types/list/ImageWell.d.ts +24 -0
- package/types/list/ImageWell.d.ts.map +1 -0
- package/types/list/ListControls.d.ts +30 -0
- package/types/list/ListControls.d.ts.map +1 -0
- package/types/list/ListToastHost.d.ts +7 -0
- package/types/list/ListToastHost.d.ts.map +1 -0
- package/types/list/RangeFilter.d.ts +14 -0
- package/types/list/RangeFilter.d.ts.map +1 -0
- package/types/list/RecordCard.d.ts +38 -0
- package/types/list/RecordCard.d.ts.map +1 -0
- package/types/list/RecordCard.native.d.ts +9 -0
- package/types/list/RecordCard.native.d.ts.map +1 -0
- package/types/list/ShufflePanel.d.ts +24 -0
- package/types/list/ShufflePanel.d.ts.map +1 -0
- package/types/list/facetReading.d.ts +33 -0
- package/types/list/facetReading.d.ts.map +1 -0
- package/types/list/favorites.d.ts +26 -0
- package/types/list/favorites.d.ts.map +1 -0
- package/types/list/listState.d.ts +94 -0
- package/types/list/listState.d.ts.map +1 -0
- package/types/list/recordLook.d.ts +25 -0
- package/types/list/recordLook.d.ts.map +1 -0
- package/types/list/useListControls.d.ts +48 -0
- package/types/list/useListControls.d.ts.map +1 -0
- package/types/record/RecordBars.d.ts +11 -0
- package/types/record/RecordBars.d.ts.map +1 -0
- package/types/record/RecordGallery.d.ts +17 -0
- package/types/record/RecordGallery.d.ts.map +1 -0
- package/types/record/RecordHero.d.ts +42 -0
- package/types/record/RecordHero.d.ts.map +1 -0
- package/types/record/RecordPage.d.ts +54 -0
- package/types/record/RecordPage.d.ts.map +1 -0
- package/types/record/RecordPager.d.ts +13 -0
- package/types/record/RecordPager.d.ts.map +1 -0
- package/types/record/RecordRows.d.ts +13 -0
- package/types/record/RecordRows.d.ts.map +1 -0
- package/types/record/recordData.d.ts +46 -0
- package/types/record/recordData.d.ts.map +1 -0
- package/types/record/recordSections.d.ts +67 -0
- package/types/record/recordSections.d.ts.map +1 -0
- package/types/useFrappeFacets.d.ts.map +1 -1
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ScrollView, Text, XStack, isWeb } from "@multiplatform.one/components";
|
|
3
|
+
import { ensureKeyboardModalityTracking, keyboardFocusRingProps, pressTargetHitSlop, transitionProps, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
|
|
4
|
+
import { useRef, useState } from "react";
|
|
5
|
+
var chipVisualHeight = 38;
|
|
6
|
+
var chipHitSlop = pressTargetHitSlop(chipVisualHeight);
|
|
7
|
+
var pipSize = "$1";
|
|
8
|
+
function RailChip(param) {
|
|
9
|
+
var {
|
|
10
|
+
option,
|
|
11
|
+
selected,
|
|
12
|
+
tabStop,
|
|
13
|
+
onPress,
|
|
14
|
+
onFocusChip,
|
|
15
|
+
onBlurChip,
|
|
16
|
+
onMove,
|
|
17
|
+
testID,
|
|
18
|
+
register
|
|
19
|
+
} = param;
|
|
20
|
+
var {
|
|
21
|
+
knobProps
|
|
22
|
+
} = useResolvedKnobs();
|
|
23
|
+
var [kbFocus, setKbFocus] = useState(false);
|
|
24
|
+
if (isWeb) ensureKeyboardModalityTracking();
|
|
25
|
+
var hue = option.tint;
|
|
26
|
+
var fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
|
|
27
|
+
var hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
|
|
28
|
+
var textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
|
|
29
|
+
var keys = {
|
|
30
|
+
ArrowRight: 1,
|
|
31
|
+
ArrowLeft: -1,
|
|
32
|
+
Home: "home",
|
|
33
|
+
End: "end"
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
36
|
+
ref: register,
|
|
37
|
+
...knobProps.borderRadius,
|
|
38
|
+
backgroundColor: fill,
|
|
39
|
+
borderWidth: 0,
|
|
40
|
+
paddingHorizontal: "$3",
|
|
41
|
+
minHeight: chipVisualHeight,
|
|
42
|
+
hitSlop: chipHitSlop,
|
|
43
|
+
alignItems: "center",
|
|
44
|
+
gap: "$1.5",
|
|
45
|
+
cursor: "pointer",
|
|
46
|
+
role: "radio",
|
|
47
|
+
"aria-checked": selected,
|
|
48
|
+
...(isWeb ? {
|
|
49
|
+
tabIndex: tabStop ? 0 : -1
|
|
50
|
+
} : void 0),
|
|
51
|
+
...transitionProps(knobProps.transition),
|
|
52
|
+
hoverStyle: {
|
|
53
|
+
backgroundColor: hoverFill
|
|
54
|
+
},
|
|
55
|
+
pressStyle: {
|
|
56
|
+
backgroundColor: fill
|
|
57
|
+
},
|
|
58
|
+
outlineWidth: 0,
|
|
59
|
+
focusStyle: {
|
|
60
|
+
outlineWidth: 0,
|
|
61
|
+
backgroundColor: fill
|
|
62
|
+
},
|
|
63
|
+
focusVisibleStyle: {
|
|
64
|
+
outlineWidth: 0
|
|
65
|
+
},
|
|
66
|
+
...(isWeb ? {
|
|
67
|
+
onFocus: function onFocus() {
|
|
68
|
+
onFocusChip();
|
|
69
|
+
if (wasKeyboardFocus()) setKbFocus(true);
|
|
70
|
+
},
|
|
71
|
+
onBlur: function onBlur() {
|
|
72
|
+
onBlurChip();
|
|
73
|
+
setKbFocus(false);
|
|
74
|
+
},
|
|
75
|
+
onKeyDown: function onKeyDown(event) {
|
|
76
|
+
var direction = event.key ? keys[event.key] : void 0;
|
|
77
|
+
if (direction !== void 0) {
|
|
78
|
+
var _event_preventDefault;
|
|
79
|
+
(_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
|
|
80
|
+
onMove(direction);
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
84
|
+
var _event_preventDefault1;
|
|
85
|
+
(_event_preventDefault1 = event.preventDefault) === null || _event_preventDefault1 === void 0 ? void 0 : _event_preventDefault1.call(event);
|
|
86
|
+
onPress();
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
} : void 0),
|
|
90
|
+
...(kbFocus ? keyboardFocusRingProps : void 0),
|
|
91
|
+
onPress,
|
|
92
|
+
testID,
|
|
93
|
+
children: [hue ? /* @__PURE__ */_jsx(XStack, {
|
|
94
|
+
width: pipSize,
|
|
95
|
+
height: pipSize,
|
|
96
|
+
borderRadius: 1e3,
|
|
97
|
+
backgroundColor: `$${hue}9`,
|
|
98
|
+
flexShrink: 0
|
|
99
|
+
}) : null, /* @__PURE__ */_jsx(Text, {
|
|
100
|
+
...knobProps.label,
|
|
101
|
+
fontWeight: selected ? "700" : "500",
|
|
102
|
+
color: textColor,
|
|
103
|
+
textTransform: "capitalize",
|
|
104
|
+
userSelect: "none",
|
|
105
|
+
children: option.label
|
|
106
|
+
}), typeof option.count === "number" ? /* @__PURE__ */_jsx(Text, {
|
|
107
|
+
...knobProps.label,
|
|
108
|
+
fontSize: "$1",
|
|
109
|
+
fontWeight: "700",
|
|
110
|
+
color: textColor,
|
|
111
|
+
opacity: 0.7,
|
|
112
|
+
userSelect: "none",
|
|
113
|
+
children: option.count
|
|
114
|
+
}) : null]
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
function FacetRail(param) {
|
|
118
|
+
var {
|
|
119
|
+
label,
|
|
120
|
+
value,
|
|
121
|
+
options,
|
|
122
|
+
onChange,
|
|
123
|
+
testID
|
|
124
|
+
} = param;
|
|
125
|
+
var itemRefs = useRef({});
|
|
126
|
+
var [focusValue, setFocusValue] = useState(null);
|
|
127
|
+
if (isWeb) ensureKeyboardModalityTracking();
|
|
128
|
+
var anchor = focusValue !== null && options.some(function (option) {
|
|
129
|
+
return option.value === focusValue;
|
|
130
|
+
}) ? focusValue : value;
|
|
131
|
+
var focusAndSelect = function focusAndSelect2(next) {
|
|
132
|
+
setFocusValue(next);
|
|
133
|
+
onChange(next);
|
|
134
|
+
if (!isWeb) return;
|
|
135
|
+
requestAnimationFrame(function () {
|
|
136
|
+
var _node_focus, _node_scrollIntoView;
|
|
137
|
+
var node = itemRefs.current[next];
|
|
138
|
+
node === null || node === void 0 ? void 0 : (_node_focus = node.focus) === null || _node_focus === void 0 ? void 0 : _node_focus.call(node);
|
|
139
|
+
node === null || node === void 0 ? void 0 : (_node_scrollIntoView = node.scrollIntoView) === null || _node_scrollIntoView === void 0 ? void 0 : _node_scrollIntoView.call(node, {
|
|
140
|
+
inline: "nearest",
|
|
141
|
+
block: "nearest"
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
};
|
|
145
|
+
var moveFrom = function moveFrom2(from, direction) {
|
|
146
|
+
if (options.length === 0) return;
|
|
147
|
+
if (direction === "home") return focusAndSelect(options[0].value);
|
|
148
|
+
if (direction === "end") return focusAndSelect(options[options.length - 1].value);
|
|
149
|
+
var index = Math.max(0, options.findIndex(function (option) {
|
|
150
|
+
return option.value === from;
|
|
151
|
+
}));
|
|
152
|
+
focusAndSelect(options[(index + direction + options.length) % options.length].value);
|
|
153
|
+
};
|
|
154
|
+
return /* @__PURE__ */_jsx(ScrollView, {
|
|
155
|
+
horizontal: true,
|
|
156
|
+
showsHorizontalScrollIndicator: false,
|
|
157
|
+
flexShrink: 0,
|
|
158
|
+
children: /* @__PURE__ */_jsx(XStack, {
|
|
159
|
+
role: "radiogroup",
|
|
160
|
+
"aria-label": label,
|
|
161
|
+
"aria-orientation": "horizontal",
|
|
162
|
+
gap: "$1.5",
|
|
163
|
+
alignItems: "center",
|
|
164
|
+
paddingVertical: "$1",
|
|
165
|
+
testID,
|
|
166
|
+
children: options.map(function (option) {
|
|
167
|
+
return /* @__PURE__ */_jsx(RailChip, {
|
|
168
|
+
option,
|
|
169
|
+
selected: option.value === value,
|
|
170
|
+
tabStop: option.value === anchor,
|
|
171
|
+
onPress: function onPress() {
|
|
172
|
+
return onChange(option.value === value && option.value !== "" ? "" : option.value);
|
|
173
|
+
},
|
|
174
|
+
onFocusChip: function onFocusChip() {
|
|
175
|
+
return setFocusValue(option.value);
|
|
176
|
+
},
|
|
177
|
+
onBlurChip: function onBlurChip() {
|
|
178
|
+
return setFocusValue(function (prev) {
|
|
179
|
+
return prev === option.value ? null : prev;
|
|
180
|
+
});
|
|
181
|
+
},
|
|
182
|
+
onMove: function onMove(direction) {
|
|
183
|
+
return moveFrom(option.value, direction);
|
|
184
|
+
},
|
|
185
|
+
testID: testID ? `${testID}-${option.value || "all"}` : void 0,
|
|
186
|
+
register: function register(node) {
|
|
187
|
+
itemRefs.current[option.value] = node;
|
|
188
|
+
}
|
|
189
|
+
}, option.value || "__all");
|
|
190
|
+
})
|
|
191
|
+
})
|
|
192
|
+
});
|
|
193
|
+
}
|
|
194
|
+
export { FacetRail };
|
|
195
|
+
//# sourceMappingURL=FacetRail.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ScrollView","Text","XStack","isWeb","ensureKeyboardModalityTracking","keyboardFocusRingProps","pressTargetHitSlop","transitionProps","useResolvedKnobs","wasKeyboardFocus","useRef","useState","chipVisualHeight","chipHitSlop","pipSize","RailChip","param","option","selected","tabStop","onPress","onFocusChip","onBlurChip","onMove","testID","register","knobProps","kbFocus","setKbFocus","hue","tint","fill","hoverFill","textColor","keys","ArrowRight","ArrowLeft","Home","End","ref","borderRadius","backgroundColor","borderWidth","paddingHorizontal","minHeight","hitSlop","alignItems","gap","cursor","role","tabIndex","transition","hoverStyle","pressStyle","outlineWidth","focusStyle","focusVisibleStyle","onFocus","onBlur","onKeyDown","event","direction","key","_event_preventDefault","preventDefault","call","_event_preventDefault1","children","width","height","flexShrink","label","fontWeight","color","textTransform","userSelect","count","fontSize","opacity","FacetRail","value","options","onChange","itemRefs","focusValue","setFocusValue","anchor","some","focusAndSelect","focusAndSelect2","next","requestAnimationFrame","_node_focus","_node_scrollIntoView","node","current","focus","scrollIntoView","inline","block","moveFrom","moveFrom2","from","length","index","Math","max","findIndex","horizontal","showsHorizontalScrollIndicator","paddingVertical","map","prev"],"sources":["../../../src/list/FacetRail.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { Image, Text, XStack, YStack, isWeb } from "@multiplatform.one/components";
|
|
2
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
function ImageWell({
|
|
6
|
+
sources,
|
|
7
|
+
alt,
|
|
8
|
+
tints,
|
|
9
|
+
pixelated = false,
|
|
10
|
+
inset = 0.06,
|
|
11
|
+
lazy = false,
|
|
12
|
+
...wellProps
|
|
13
|
+
}) {
|
|
14
|
+
const {
|
|
15
|
+
knobProps
|
|
16
|
+
} = useResolvedKnobs();
|
|
17
|
+
const [sourceIndex, setSourceIndex] = useState(0);
|
|
18
|
+
const [revealedSrc, setRevealedSrc] = useState(null);
|
|
19
|
+
const hue = tints?.[0] ?? "gray";
|
|
20
|
+
const secondHue = tints?.[1];
|
|
21
|
+
const sourceKey = sources.join("|");
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
setSourceIndex(0);
|
|
24
|
+
}, [sourceKey]);
|
|
25
|
+
const src = sources[sourceIndex] ?? "";
|
|
26
|
+
const revealed = !isWeb || !src || revealedSrc === src;
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (!isWeb || !src || revealedSrc === src) return;
|
|
29
|
+
const timer = setTimeout(() => setRevealedSrc(src), 350);
|
|
30
|
+
return () => clearTimeout(timer);
|
|
31
|
+
}, [src, revealedSrc]);
|
|
32
|
+
const imageSize = `${Math.round((1 - inset * 2) * 100)}%`;
|
|
33
|
+
return /* @__PURE__ */jsxs(YStack, {
|
|
34
|
+
...knobProps.borderRadius,
|
|
35
|
+
borderWidth: 0,
|
|
36
|
+
backgroundColor: secondHue ? "transparent" : `$${hue}5`,
|
|
37
|
+
aspectRatio: 1,
|
|
38
|
+
width: "100%",
|
|
39
|
+
alignItems: "center",
|
|
40
|
+
justifyContent: "center",
|
|
41
|
+
overflow: "hidden",
|
|
42
|
+
position: "relative",
|
|
43
|
+
...wellProps,
|
|
44
|
+
children: [secondHue ? /* @__PURE__ */jsxs(XStack, {
|
|
45
|
+
fullscreen: true,
|
|
46
|
+
zIndex: 0,
|
|
47
|
+
pointerEvents: "none",
|
|
48
|
+
children: [/* @__PURE__ */jsx(YStack, {
|
|
49
|
+
flex: 1,
|
|
50
|
+
backgroundColor: `$${hue}5`
|
|
51
|
+
}), /* @__PURE__ */jsx(YStack, {
|
|
52
|
+
flex: 1,
|
|
53
|
+
backgroundColor: `$${secondHue}5`
|
|
54
|
+
})]
|
|
55
|
+
}) : null, src ? /* @__PURE__ */jsx(Image, {
|
|
56
|
+
src,
|
|
57
|
+
alt,
|
|
58
|
+
width: imageSize,
|
|
59
|
+
height: imageSize,
|
|
60
|
+
objectFit: "contain",
|
|
61
|
+
opacity: revealed ? 1 : 0,
|
|
62
|
+
transition: knobProps.transition,
|
|
63
|
+
zIndex: 1,
|
|
64
|
+
...(isWeb ? {
|
|
65
|
+
loading: lazy ? "lazy" : "eager",
|
|
66
|
+
decoding: "async"
|
|
67
|
+
} : void 0),
|
|
68
|
+
...(pixelated && isWeb ? {
|
|
69
|
+
style: {
|
|
70
|
+
imageRendering: "pixelated"
|
|
71
|
+
}
|
|
72
|
+
} : null),
|
|
73
|
+
onLoad: () => setRevealedSrc(src),
|
|
74
|
+
onError: () => setSourceIndex(index => index + 1)
|
|
75
|
+
}, src) : /* @__PURE__ */jsx(Text, {
|
|
76
|
+
fontSize: "$10",
|
|
77
|
+
color: `$${hue}8`,
|
|
78
|
+
fontWeight: "700",
|
|
79
|
+
"aria-hidden": true,
|
|
80
|
+
zIndex: 1,
|
|
81
|
+
children: "?"
|
|
82
|
+
})]
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
export { ImageWell };
|
|
86
|
+
//# sourceMappingURL=ImageWell.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Image","Text","XStack","YStack","isWeb","useResolvedKnobs","useEffect","useState","jsx","jsxs","ImageWell","sources","alt","tints","pixelated","inset","lazy","wellProps","knobProps","sourceIndex","setSourceIndex","revealedSrc","setRevealedSrc","hue","secondHue","sourceKey","join","src","revealed","timer","setTimeout","clearTimeout","imageSize","Math","round","borderRadius","borderWidth","backgroundColor","aspectRatio","width","alignItems","justifyContent","overflow","position","children","fullscreen","zIndex","pointerEvents","flex","height","objectFit","opacity","transition","loading","decoding","style","imageRendering","onLoad","onError","index","fontSize","color","fontWeight"],"sources":["../../../src/list/ImageWell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Image, Text, XStack, YStack, isWeb } from "@multiplatform.one/components";
|
|
3
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { useEffect, useState } from "react";
|
|
5
|
+
function ImageWell(param) {
|
|
6
|
+
var {
|
|
7
|
+
sources,
|
|
8
|
+
alt,
|
|
9
|
+
tints,
|
|
10
|
+
pixelated = false,
|
|
11
|
+
inset = 0.06,
|
|
12
|
+
lazy = false,
|
|
13
|
+
...wellProps
|
|
14
|
+
} = param;
|
|
15
|
+
var _ref, _sources_sourceIndex;
|
|
16
|
+
var {
|
|
17
|
+
knobProps
|
|
18
|
+
} = useResolvedKnobs();
|
|
19
|
+
var [sourceIndex, setSourceIndex] = useState(0);
|
|
20
|
+
var [revealedSrc, setRevealedSrc] = useState(null);
|
|
21
|
+
var hue = (_ref = tints === null || tints === void 0 ? void 0 : tints[0]) !== null && _ref !== void 0 ? _ref : "gray";
|
|
22
|
+
var secondHue = tints === null || tints === void 0 ? void 0 : tints[1];
|
|
23
|
+
var sourceKey = sources.join("|");
|
|
24
|
+
useEffect(function () {
|
|
25
|
+
setSourceIndex(0);
|
|
26
|
+
}, [sourceKey]);
|
|
27
|
+
var src = (_sources_sourceIndex = sources[sourceIndex]) !== null && _sources_sourceIndex !== void 0 ? _sources_sourceIndex : "";
|
|
28
|
+
var revealed = !isWeb || !src || revealedSrc === src;
|
|
29
|
+
useEffect(function () {
|
|
30
|
+
if (!isWeb || !src || revealedSrc === src) return;
|
|
31
|
+
var timer = setTimeout(function () {
|
|
32
|
+
return setRevealedSrc(src);
|
|
33
|
+
}, 350);
|
|
34
|
+
return function () {
|
|
35
|
+
return clearTimeout(timer);
|
|
36
|
+
};
|
|
37
|
+
}, [src, revealedSrc]);
|
|
38
|
+
var imageSize = `${Math.round((1 - inset * 2) * 100)}%`;
|
|
39
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
40
|
+
...knobProps.borderRadius,
|
|
41
|
+
borderWidth: 0,
|
|
42
|
+
backgroundColor: secondHue ? "transparent" : `$${hue}5`,
|
|
43
|
+
aspectRatio: 1,
|
|
44
|
+
width: "100%",
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
justifyContent: "center",
|
|
47
|
+
overflow: "hidden",
|
|
48
|
+
position: "relative",
|
|
49
|
+
...wellProps,
|
|
50
|
+
children: [secondHue ? /* @__PURE__ */_jsxs(XStack, {
|
|
51
|
+
fullscreen: true,
|
|
52
|
+
zIndex: 0,
|
|
53
|
+
pointerEvents: "none",
|
|
54
|
+
children: [/* @__PURE__ */_jsx(YStack, {
|
|
55
|
+
flex: 1,
|
|
56
|
+
backgroundColor: `$${hue}5`
|
|
57
|
+
}), /* @__PURE__ */_jsx(YStack, {
|
|
58
|
+
flex: 1,
|
|
59
|
+
backgroundColor: `$${secondHue}5`
|
|
60
|
+
})]
|
|
61
|
+
}) : null, src ? /* @__PURE__ */_jsx(Image, {
|
|
62
|
+
src,
|
|
63
|
+
alt,
|
|
64
|
+
width: imageSize,
|
|
65
|
+
height: imageSize,
|
|
66
|
+
objectFit: "contain",
|
|
67
|
+
opacity: revealed ? 1 : 0,
|
|
68
|
+
transition: knobProps.transition,
|
|
69
|
+
zIndex: 1,
|
|
70
|
+
...(isWeb ? {
|
|
71
|
+
loading: lazy ? "lazy" : "eager",
|
|
72
|
+
decoding: "async"
|
|
73
|
+
} : void 0),
|
|
74
|
+
...(pixelated && isWeb ? {
|
|
75
|
+
style: {
|
|
76
|
+
imageRendering: "pixelated"
|
|
77
|
+
}
|
|
78
|
+
} : null),
|
|
79
|
+
onLoad: function onLoad() {
|
|
80
|
+
return setRevealedSrc(src);
|
|
81
|
+
},
|
|
82
|
+
onError: function onError() {
|
|
83
|
+
return setSourceIndex(function (index) {
|
|
84
|
+
return index + 1;
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
}, src) : /* @__PURE__ */_jsx(Text, {
|
|
88
|
+
fontSize: "$10",
|
|
89
|
+
color: `$${hue}8`,
|
|
90
|
+
fontWeight: "700",
|
|
91
|
+
"aria-hidden": true,
|
|
92
|
+
zIndex: 1,
|
|
93
|
+
children: "?"
|
|
94
|
+
})]
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
export { ImageWell };
|
|
98
|
+
//# sourceMappingURL=ImageWell.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Image","Text","XStack","YStack","isWeb","useResolvedKnobs","useEffect","useState","ImageWell","param","sources","alt","tints","pixelated","inset","lazy","wellProps","_ref","_sources_sourceIndex","knobProps","sourceIndex","setSourceIndex","revealedSrc","setRevealedSrc","hue","secondHue","sourceKey","join","src","revealed","timer","setTimeout","clearTimeout","imageSize","Math","round","borderRadius","borderWidth","backgroundColor","aspectRatio","width","alignItems","justifyContent","overflow","position","children","fullscreen","zIndex","pointerEvents","flex","height","objectFit","opacity","transition","loading","decoding","style","imageRendering"],"sources":["../../../src/list/ImageWell.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,KAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAAA,SACAC,gBAAA;AAAA,SACAC,SAAA,EAAAC,QAAA;AAAA,SACAC,UAAAC,KAAA;EACA;IAAAC,OAAA;IAAAC,GAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,IAAA;IAAA,GAAAC;EAAA,IAAAP,KAAA;EAAA,IAAAQ,IAEK,EAAAC,oBAAA;EACP;IAAAC;EAAS,IAAAd,gBAAwB;EACjC,KAAAe,WAAS,EAAWC,cAAA,IAAgBd,QAAA;EAsE5B,KAAAe,WAAA,EAAAC,cAAA,IAAAhB,QAAA;EA9CD,IAAAiB,GAAS,IAAAP,IAAA,GAAUL,KAAA,aAAAA,KAAA,uBAAAA,KAAA,iBAAAK,IAAA,cAAAA,IAAA;EACxB,IAAAQ,SAAA,GAAAb,KAAA,aAAAA,KAAA,uBAAAA,KAAA;EACA,IAAAc,SAAA,GAAAhB,OAAA,CAAAiB,IAAA;EACArB,SAAA;IACAe,cAAY;EACZ,IACAK,SAAO,CACP;EACF,IAAmBE,GAAA,IAAAV,oBAAA,GAAAR,OAAA,CAAAU,WAAA,eAAAF,oBAAA,cAAAA,oBAAA;EACjB,IAAAW,QAAQ,IAAAzB,KAAU,IAAI,CAAAwB,GAAA,IAAAN,WAAiB,KAAAM,GAAA;EACvCtB,SAAO,aAAa;IACpB,IAAM,CAACF,KAAA,KAAAwB,GAAa,IAAAN,WAAc,KAAIM,GAAA;IACtC,IAAME,KAAA,GAAMC,UAAS,aAAK;MAC1B,OAAMR,cAAY,CAAQK,GAAC;IAE3B,MAAM;IACN,mBAAgB;MACd,OAAAI,YAAgB,CAAAF,KAAA;IAClB,CAAG;EAEH,IAGAF,GAAA,EACAN,WAAU,CACR;EACA,IAAAW,SAAM,GAAQ,GAAAC,IAAA,CAAAC,KAAW,MAAMrB,KAAA,QAAe,GAAG,IAAG;EACpD,sBAAaf,KAAa,CAAAI,MAAK;IACjC,GAAIgB,SAAK,CAAAiB,YAAY;IAErBC,WAAM;IAENC,eACE,EAAAb,SAAA,uBAAAD,GAAA;IAACe,WAAA;IAAAC,KAAA;IAAAC,UACK,UAAU;IAAAC,cACd,EAAa;IAAAC,QACb;IAAqDC,QACrD,YAAa;IAAA,GACb5B,SAAM;IAAA6B,QACN,GACApB,SAAA,kBAAe1B,KAAA,CAAAG,MAAA;MACf4C,UAAS;MACTC,MAAA,EAAS;MACRC,aAAG;MAEHH,QAAA,kBACChD,IAAA,CAAAM,MAAA;QACE8C,IAAA;QACAX,eAAA,MAACd,GAAA;MAA4D,CAC/D,GAED,eACC3B,IAAA,CAAAM,MAAA;QAAC8C,IAAA;QAAAX,eAAA,MAAAb,SAAA;MAAA,EAEC;IACA,SACA,EAAOG,GAAA,GACP,eAAQ/B,IAAA,CAAAG,KAAA;MAAA4B,GAAA;MACEjB,GAAA;MACc6B,KACxB,EAAAP,SAAY;MAAUiB,MACtB,EAAAjB,SAAQ;MAAAkB,SACF,WAAU;MAAwDC,OAGnE,EAAAvB,QAAA,GAAa;MAA8DwB,UAChF,EAAQlC,SAAM,CAAAkC,UAAA;MAAkBN,MAChC;MAAkD,IAAA3C,KAAA;QAd7CkD,OAAA,EAAAvC,IAAA;QAePwC,QAEA;MAEA;MAAA,IAAA1C,SAAA,IAAAT,KAAA;QAEJoD,KAAA;UAEJC,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { Badge, Separator, Tooltip, XStack, YStack } from "@multiplatform.one/components";
|
|
2
|
+
import { Button, SearchInput, Select } from "@multiplatform.one/forms";
|
|
3
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { DiceFiveIcon, HeartIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { useTranslation } from "react-i18next";
|
|
6
|
+
import { FacetRail } from "./FacetRail.mjs";
|
|
7
|
+
import { isListNarrowed } from "./listState.mjs";
|
|
8
|
+
import { RangeFilter, rangeCeiling } from "./RangeFilter.mjs";
|
|
9
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
const searchBasis = 260;
|
|
11
|
+
const searchMinWidth = 220;
|
|
12
|
+
const sortMinWidth = 170;
|
|
13
|
+
const rangeMaxWidth = 340;
|
|
14
|
+
function ListControls({
|
|
15
|
+
controls,
|
|
16
|
+
list,
|
|
17
|
+
searchId,
|
|
18
|
+
searchPlaceholder,
|
|
19
|
+
showSearch,
|
|
20
|
+
showFavorites,
|
|
21
|
+
shuffle,
|
|
22
|
+
shufflePanel,
|
|
23
|
+
separator,
|
|
24
|
+
testID
|
|
25
|
+
}) {
|
|
26
|
+
const {
|
|
27
|
+
t
|
|
28
|
+
} = useTranslation();
|
|
29
|
+
const {
|
|
30
|
+
knobProps
|
|
31
|
+
} = useResolvedKnobs();
|
|
32
|
+
const {
|
|
33
|
+
state,
|
|
34
|
+
update,
|
|
35
|
+
favorites
|
|
36
|
+
} = list;
|
|
37
|
+
const sorts = controls.sorts ?? [];
|
|
38
|
+
const narrowed = isListNarrowed(state);
|
|
39
|
+
const favoritesLabel = t("Favorites");
|
|
40
|
+
return /* @__PURE__ */jsxs(Fragment, {
|
|
41
|
+
children: [/* @__PURE__ */jsxs(YStack, {
|
|
42
|
+
...knobProps.gap,
|
|
43
|
+
testID: `${testID}-controls`,
|
|
44
|
+
children: [/* @__PURE__ */jsxs(XStack, {
|
|
45
|
+
...knobProps.gap,
|
|
46
|
+
alignItems: "center",
|
|
47
|
+
flexWrap: "wrap",
|
|
48
|
+
justifyContent: "space-between",
|
|
49
|
+
children: [showSearch ? /* @__PURE__ */jsx(XStack, {
|
|
50
|
+
id: searchId,
|
|
51
|
+
flexGrow: 1,
|
|
52
|
+
flexShrink: 1,
|
|
53
|
+
flexBasis: searchBasis,
|
|
54
|
+
minWidth: searchMinWidth,
|
|
55
|
+
alignItems: "center",
|
|
56
|
+
"$max-sm": {
|
|
57
|
+
flexBasis: "100%",
|
|
58
|
+
maxWidth: "100%"
|
|
59
|
+
},
|
|
60
|
+
children: /* @__PURE__ */jsx(YStack, {
|
|
61
|
+
flexGrow: 1,
|
|
62
|
+
flexShrink: 1,
|
|
63
|
+
minWidth: 0,
|
|
64
|
+
children: /* @__PURE__ */jsx(SearchInput, {
|
|
65
|
+
value: list.searchText,
|
|
66
|
+
onChange: list.setSearchText,
|
|
67
|
+
onSearch: text => update({
|
|
68
|
+
search: text
|
|
69
|
+
}),
|
|
70
|
+
placeholder: searchPlaceholder ?? t("Search..."),
|
|
71
|
+
"aria-label": searchPlaceholder ?? t("Search..."),
|
|
72
|
+
debounceMs: 200,
|
|
73
|
+
compact: true,
|
|
74
|
+
clearable: true
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
}) : null, /* @__PURE__ */jsxs(XStack, {
|
|
78
|
+
...knobProps.gap,
|
|
79
|
+
alignItems: "center",
|
|
80
|
+
flexWrap: "wrap",
|
|
81
|
+
"$max-sm": {
|
|
82
|
+
width: "100%"
|
|
83
|
+
},
|
|
84
|
+
children: [sorts.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
85
|
+
minWidth: sortMinWidth,
|
|
86
|
+
flexGrow: 1,
|
|
87
|
+
flexShrink: 1,
|
|
88
|
+
children: /* @__PURE__ */jsx(Select, {
|
|
89
|
+
value: state.sort,
|
|
90
|
+
onChange: value => update({
|
|
91
|
+
sort: String(value)
|
|
92
|
+
}),
|
|
93
|
+
options: sorts.map(sort => ({
|
|
94
|
+
label: sort.label,
|
|
95
|
+
value: sort.value
|
|
96
|
+
})),
|
|
97
|
+
placeholder: t("Sort by"),
|
|
98
|
+
"aria-label": t("Sort by")
|
|
99
|
+
})
|
|
100
|
+
}) : null, showFavorites ? /* @__PURE__ */jsx(Badge, {
|
|
101
|
+
count: favorites.count,
|
|
102
|
+
children: /* @__PURE__ */jsx(Tooltip, {
|
|
103
|
+
content: t("Show only your favorites"),
|
|
104
|
+
children: /* @__PURE__ */jsx(Button, {
|
|
105
|
+
outlined: !state.favoritesOnly,
|
|
106
|
+
theme: state.favoritesOnly ? "accent" : void 0,
|
|
107
|
+
onPress: () => update({
|
|
108
|
+
favoritesOnly: !state.favoritesOnly
|
|
109
|
+
}),
|
|
110
|
+
"aria-pressed": state.favoritesOnly,
|
|
111
|
+
"aria-label": favorites.count > 0 ? t("Favorites ({{count}})", {
|
|
112
|
+
count: favorites.count
|
|
113
|
+
}) : favoritesLabel,
|
|
114
|
+
icon: /* @__PURE__ */jsx(HeartIcon, {
|
|
115
|
+
size: 16,
|
|
116
|
+
weight: state.favoritesOnly ? "fill" : "regular"
|
|
117
|
+
}),
|
|
118
|
+
testID: `${testID}-favorites-filter`,
|
|
119
|
+
children: favoritesLabel
|
|
120
|
+
})
|
|
121
|
+
})
|
|
122
|
+
}) : null, shuffle ? /* @__PURE__ */jsx(Tooltip, {
|
|
123
|
+
content: t("Open a random record"),
|
|
124
|
+
children: /* @__PURE__ */jsx(Button, {
|
|
125
|
+
outlined: !shuffle.open,
|
|
126
|
+
theme: shuffle.open ? "accent" : void 0,
|
|
127
|
+
circular: true,
|
|
128
|
+
onPress: shuffle.toggle,
|
|
129
|
+
icon: /* @__PURE__ */jsx(DiceFiveIcon, {
|
|
130
|
+
size: 16
|
|
131
|
+
}),
|
|
132
|
+
"aria-label": t("Surprise me"),
|
|
133
|
+
"aria-expanded": shuffle.open,
|
|
134
|
+
"aria-controls": shuffle.panelId,
|
|
135
|
+
testID: `${testID}-shuffle-toggle`
|
|
136
|
+
})
|
|
137
|
+
}) : null]
|
|
138
|
+
})]
|
|
139
|
+
}), shufflePanel, (controls.facets ?? []).map(facet => {
|
|
140
|
+
const reading = list.facets[facet.param];
|
|
141
|
+
return /* @__PURE__ */jsx(FacetRail, {
|
|
142
|
+
label: facet.label,
|
|
143
|
+
value: state.facets[facet.param] ?? "",
|
|
144
|
+
onChange: value => update({
|
|
145
|
+
facets: {
|
|
146
|
+
[facet.param]: value
|
|
147
|
+
}
|
|
148
|
+
}),
|
|
149
|
+
testID: `${testID}-${facet.param}`,
|
|
150
|
+
options: [{
|
|
151
|
+
value: "",
|
|
152
|
+
label: facet.allLabel ?? t("All"),
|
|
153
|
+
count: list.total
|
|
154
|
+
}, ...facet.options.map(value => ({
|
|
155
|
+
value,
|
|
156
|
+
label: facet.optionLabel?.(value) ?? value,
|
|
157
|
+
tint: facet.tint?.(value),
|
|
158
|
+
count: reading?.counts[value]
|
|
159
|
+
}))]
|
|
160
|
+
}, facet.param);
|
|
161
|
+
}), (controls.ranges?.length ?? 0) > 0 || narrowed ? /* @__PURE__ */jsxs(XStack, {
|
|
162
|
+
...knobProps.gap,
|
|
163
|
+
alignItems: "center",
|
|
164
|
+
flexWrap: "wrap",
|
|
165
|
+
justifyContent: "space-between",
|
|
166
|
+
children: [(controls.ranges ?? []).map(range => /* @__PURE__ */jsx(XStack, {
|
|
167
|
+
maxWidth: rangeMaxWidth,
|
|
168
|
+
flexGrow: 1,
|
|
169
|
+
"$max-sm": {
|
|
170
|
+
maxWidth: "100%",
|
|
171
|
+
width: "100%"
|
|
172
|
+
},
|
|
173
|
+
children: /* @__PURE__ */jsx(RangeFilter, {
|
|
174
|
+
label: range.label,
|
|
175
|
+
value: state.ranges[range.param] ?? 0,
|
|
176
|
+
max: rangeCeiling(list.highest[range.param] ?? 0),
|
|
177
|
+
step: range.step,
|
|
178
|
+
onChange: value => update({
|
|
179
|
+
ranges: {
|
|
180
|
+
[range.param]: value
|
|
181
|
+
}
|
|
182
|
+
})
|
|
183
|
+
})
|
|
184
|
+
}, range.param)), /* @__PURE__ */jsx(XStack, {
|
|
185
|
+
...knobProps.gap,
|
|
186
|
+
alignItems: "center",
|
|
187
|
+
flexShrink: 0,
|
|
188
|
+
children: narrowed ? /* @__PURE__ */jsx(Button, {
|
|
189
|
+
size: "$2",
|
|
190
|
+
chromeless: true,
|
|
191
|
+
onPress: list.clear,
|
|
192
|
+
testID: `${testID}-clear`,
|
|
193
|
+
children: t("Clear filters")
|
|
194
|
+
}) : null
|
|
195
|
+
})]
|
|
196
|
+
}) : null]
|
|
197
|
+
}), separator ? /* @__PURE__ */jsx(Separator, {}) : null]
|
|
198
|
+
});
|
|
199
|
+
}
|
|
200
|
+
export { ListControls };
|
|
201
|
+
//# sourceMappingURL=ListControls.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Badge","Separator","Tooltip","XStack","YStack","Button","SearchInput","Select","useResolvedKnobs","DiceFiveIcon","HeartIcon","useTranslation","FacetRail","isListNarrowed","RangeFilter","rangeCeiling","Fragment","jsx","jsxs","searchBasis","searchMinWidth","sortMinWidth","rangeMaxWidth","ListControls","controls","list","searchId","searchPlaceholder","showSearch","showFavorites","shuffle","shufflePanel","separator","testID","t","knobProps","state","update","favorites","sorts","narrowed","favoritesLabel","children","gap","alignItems","flexWrap","justifyContent","id","flexGrow","flexShrink","flexBasis","minWidth","maxWidth","value","searchText","onChange","setSearchText","onSearch","text","search","placeholder","debounceMs","compact","clearable","width","length","sort","String","options","map","label","count","content","outlined","favoritesOnly","theme","onPress","icon","size","weight","open","circular","toggle","panelId","facets","facet","reading","param","allLabel","total","optionLabel","tint","counts","ranges","range","max","highest","step","chromeless","clear"],"sources":["../../../src/list/ListControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|