@multiplatform.one/frappe-ui 7.66.0 → 7.67.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/FormSidebar.cjs +95 -194
- package/dist/cjs/FormSidebar.native.js +107 -217
- package/dist/cjs/FormSidebar.native.js.map +1 -1
- package/dist/cjs/FrappeConnectionIndicator.cjs +5 -24
- package/dist/cjs/FrappeConnectionIndicator.native.js +5 -24
- package/dist/cjs/FrappeConnectionIndicator.native.js.map +1 -1
- package/dist/cjs/FrappeImageView.cjs +46 -65
- package/dist/cjs/FrappeImageView.native.js +46 -68
- package/dist/cjs/FrappeImageView.native.js.map +1 -1
- package/dist/cjs/FrappeListView.cjs +24 -67
- package/dist/cjs/FrappeListView.native.js +25 -71
- package/dist/cjs/FrappeListView.native.js.map +1 -1
- package/dist/cjs/FrappeRecordView.cjs +4 -0
- package/dist/cjs/FrappeRecordView.native.js +4 -0
- package/dist/cjs/FrappeRecordView.native.js.map +1 -1
- package/dist/cjs/FrappeReportBuilder.cjs +21 -18
- package/dist/cjs/FrappeReportBuilder.native.js +21 -18
- package/dist/cjs/FrappeReportBuilder.native.js.map +1 -1
- package/dist/cjs/SyncErrorNotice.cjs +8 -36
- package/dist/cjs/SyncErrorNotice.native.js +8 -36
- package/dist/cjs/SyncErrorNotice.native.js.map +1 -1
- package/dist/cjs/desk/DeskFormSidebar.cjs +1 -6
- package/dist/cjs/desk/DeskFormSidebar.native.js +1 -6
- package/dist/cjs/desk/DeskFormSidebar.native.js.map +1 -1
- package/dist/cjs/desk/DeskShell.native.js.map +1 -1
- package/dist/cjs/fields/Date/catalog.native.js +0 -1
- package/dist/cjs/fields/Date/catalog.native.js.map +1 -1
- package/dist/cjs/fields/Date/index.native.js +4 -363
- package/dist/cjs/fields/Date/index.native.js.map +1 -1
- package/dist/cjs/insights/InsightsFacetTags.cjs +16 -92
- package/dist/cjs/insights/InsightsFacetTags.native.js +15 -97
- package/dist/cjs/insights/InsightsFacetTags.native.js.map +1 -1
- package/dist/cjs/list/FacetBadge.cjs +4 -28
- package/dist/cjs/list/FacetBadge.native.js +4 -28
- package/dist/cjs/list/FacetBadge.native.js.map +1 -1
- package/dist/cjs/list/FacetRail.cjs +37 -128
- package/dist/cjs/list/FacetRail.native.js +32 -130
- package/dist/cjs/list/FacetRail.native.js.map +1 -1
- package/dist/cjs/list/RecordCard.cjs +107 -127
- package/dist/cjs/list/RecordCard.native.js +86 -96
- package/dist/cjs/list/RecordCard.native.js.map +1 -1
- package/dist/cjs/list/ShufflePanel.cjs +57 -36
- package/dist/cjs/list/ShufflePanel.native.js +64 -39
- package/dist/cjs/list/ShufflePanel.native.js.map +1 -1
- package/dist/cjs/record/RecordHero.cjs +7 -85
- package/dist/cjs/record/RecordHero.native.js +7 -85
- package/dist/cjs/record/RecordHero.native.js.map +1 -1
- package/dist/cjs/record/RecordPage.cjs +1 -0
- package/dist/cjs/record/RecordPage.native.js +1 -0
- package/dist/cjs/record/RecordPage.native.js.map +1 -1
- package/dist/cjs/report/ReportViewToolbar.cjs +70 -39
- package/dist/cjs/report/ReportViewToolbar.native.js +73 -40
- package/dist/cjs/report/ReportViewToolbar.native.js.map +1 -1
- package/dist/esm/FormSidebar.mjs +98 -197
- package/dist/esm/FormSidebar.mjs.map +1 -1
- package/dist/esm/FormSidebar.native.js +110 -220
- package/dist/esm/FormSidebar.native.js.map +1 -1
- package/dist/esm/FrappeConnectionIndicator.mjs +7 -26
- package/dist/esm/FrappeConnectionIndicator.mjs.map +1 -1
- package/dist/esm/FrappeConnectionIndicator.native.js +7 -26
- package/dist/esm/FrappeConnectionIndicator.native.js.map +1 -1
- package/dist/esm/FrappeImageView.mjs +48 -67
- package/dist/esm/FrappeImageView.mjs.map +1 -1
- package/dist/esm/FrappeImageView.native.js +48 -70
- package/dist/esm/FrappeImageView.native.js.map +1 -1
- package/dist/esm/FrappeListView.mjs +25 -68
- package/dist/esm/FrappeListView.mjs.map +1 -1
- package/dist/esm/FrappeListView.native.js +26 -72
- package/dist/esm/FrappeListView.native.js.map +1 -1
- package/dist/esm/FrappeRecordView.mjs +4 -0
- package/dist/esm/FrappeRecordView.mjs.map +1 -1
- package/dist/esm/FrappeRecordView.native.js +4 -0
- package/dist/esm/FrappeRecordView.native.js.map +1 -1
- package/dist/esm/FrappeReportBuilder.mjs +21 -18
- package/dist/esm/FrappeReportBuilder.mjs.map +1 -1
- package/dist/esm/FrappeReportBuilder.native.js +21 -18
- package/dist/esm/FrappeReportBuilder.native.js.map +1 -1
- package/dist/esm/SyncErrorNotice.mjs +10 -38
- package/dist/esm/SyncErrorNotice.mjs.map +1 -1
- package/dist/esm/SyncErrorNotice.native.js +10 -38
- package/dist/esm/SyncErrorNotice.native.js.map +1 -1
- package/dist/esm/desk/DeskFormSidebar.mjs +1 -6
- package/dist/esm/desk/DeskFormSidebar.mjs.map +1 -1
- package/dist/esm/desk/DeskFormSidebar.native.js +1 -6
- package/dist/esm/desk/DeskFormSidebar.native.js.map +1 -1
- package/dist/esm/desk/DeskShell.mjs.map +1 -1
- package/dist/esm/desk/DeskShell.native.js.map +1 -1
- package/dist/esm/fields/Date/catalog.mjs.map +1 -1
- package/dist/esm/fields/Date/catalog.native.js +0 -1
- package/dist/esm/fields/Date/catalog.native.js.map +1 -1
- package/dist/esm/fields/Date/index.native.js +2 -361
- package/dist/esm/fields/Date/index.native.js.map +1 -1
- package/dist/esm/insights/InsightsFacetTags.mjs +18 -94
- package/dist/esm/insights/InsightsFacetTags.mjs.map +1 -1
- package/dist/esm/insights/InsightsFacetTags.native.js +17 -99
- package/dist/esm/insights/InsightsFacetTags.native.js.map +1 -1
- package/dist/esm/list/FacetBadge.mjs +5 -29
- package/dist/esm/list/FacetBadge.mjs.map +1 -1
- package/dist/esm/list/FacetBadge.native.js +5 -29
- package/dist/esm/list/FacetBadge.native.js.map +1 -1
- package/dist/esm/list/FacetRail.mjs +40 -131
- package/dist/esm/list/FacetRail.mjs.map +1 -1
- package/dist/esm/list/FacetRail.native.js +35 -133
- package/dist/esm/list/FacetRail.native.js.map +1 -1
- package/dist/esm/list/RecordCard.mjs +107 -127
- package/dist/esm/list/RecordCard.mjs.map +1 -1
- package/dist/esm/list/RecordCard.native.js +86 -96
- package/dist/esm/list/RecordCard.native.js.map +1 -1
- package/dist/esm/list/ShufflePanel.mjs +59 -38
- package/dist/esm/list/ShufflePanel.mjs.map +1 -1
- package/dist/esm/list/ShufflePanel.native.js +66 -41
- package/dist/esm/list/ShufflePanel.native.js.map +1 -1
- package/dist/esm/record/RecordHero.mjs +8 -86
- package/dist/esm/record/RecordHero.mjs.map +1 -1
- package/dist/esm/record/RecordHero.native.js +8 -86
- package/dist/esm/record/RecordHero.native.js.map +1 -1
- package/dist/esm/record/RecordPage.mjs +2 -1
- package/dist/esm/record/RecordPage.mjs.map +1 -1
- package/dist/esm/record/RecordPage.native.js +2 -1
- package/dist/esm/record/RecordPage.native.js.map +1 -1
- package/dist/esm/report/ReportViewToolbar.mjs +72 -41
- package/dist/esm/report/ReportViewToolbar.mjs.map +1 -1
- package/dist/esm/report/ReportViewToolbar.native.js +75 -42
- package/dist/esm/report/ReportViewToolbar.native.js.map +1 -1
- package/dist/jsx/FormSidebar.mjs +98 -197
- package/dist/jsx/FormSidebar.mjs.map +1 -1
- package/dist/jsx/FormSidebar.native.js +107 -217
- package/dist/jsx/FormSidebar.native.js.map +1 -1
- package/dist/jsx/FrappeConnectionIndicator.mjs +7 -26
- package/dist/jsx/FrappeConnectionIndicator.mjs.map +1 -1
- package/dist/jsx/FrappeConnectionIndicator.native.js +5 -24
- package/dist/jsx/FrappeConnectionIndicator.native.js.map +1 -1
- package/dist/jsx/FrappeImageView.mjs +48 -67
- package/dist/jsx/FrappeImageView.mjs.map +1 -1
- package/dist/jsx/FrappeImageView.native.js +46 -68
- package/dist/jsx/FrappeImageView.native.js.map +1 -1
- package/dist/jsx/FrappeListView.mjs +25 -68
- package/dist/jsx/FrappeListView.mjs.map +1 -1
- package/dist/jsx/FrappeListView.native.js +25 -71
- package/dist/jsx/FrappeListView.native.js.map +1 -1
- package/dist/jsx/FrappeRecordView.mjs +4 -0
- package/dist/jsx/FrappeRecordView.mjs.map +1 -1
- package/dist/jsx/FrappeRecordView.native.js +4 -0
- package/dist/jsx/FrappeRecordView.native.js.map +1 -1
- package/dist/jsx/FrappeReportBuilder.mjs +21 -18
- package/dist/jsx/FrappeReportBuilder.mjs.map +1 -1
- package/dist/jsx/FrappeReportBuilder.native.js +21 -18
- package/dist/jsx/FrappeReportBuilder.native.js.map +1 -1
- package/dist/jsx/SyncErrorNotice.mjs +10 -38
- package/dist/jsx/SyncErrorNotice.mjs.map +1 -1
- package/dist/jsx/SyncErrorNotice.native.js +8 -36
- package/dist/jsx/SyncErrorNotice.native.js.map +1 -1
- package/dist/jsx/desk/DeskFormSidebar.mjs +1 -6
- package/dist/jsx/desk/DeskFormSidebar.mjs.map +1 -1
- package/dist/jsx/desk/DeskFormSidebar.native.js +1 -6
- package/dist/jsx/desk/DeskFormSidebar.native.js.map +1 -1
- package/dist/jsx/desk/DeskShell.mjs.map +1 -1
- package/dist/jsx/desk/DeskShell.native.js.map +1 -1
- package/dist/jsx/fields/Date/catalog.mjs.map +1 -1
- package/dist/jsx/fields/Date/catalog.native.js +0 -1
- package/dist/jsx/fields/Date/catalog.native.js.map +1 -1
- package/dist/jsx/fields/Date/index.native.js +4 -363
- package/dist/jsx/fields/Date/index.native.js.map +1 -1
- package/dist/jsx/insights/InsightsFacetTags.mjs +18 -94
- package/dist/jsx/insights/InsightsFacetTags.mjs.map +1 -1
- package/dist/jsx/insights/InsightsFacetTags.native.js +15 -97
- package/dist/jsx/insights/InsightsFacetTags.native.js.map +1 -1
- package/dist/jsx/list/FacetBadge.mjs +5 -29
- package/dist/jsx/list/FacetBadge.mjs.map +1 -1
- package/dist/jsx/list/FacetBadge.native.js +4 -28
- package/dist/jsx/list/FacetBadge.native.js.map +1 -1
- package/dist/jsx/list/FacetRail.mjs +40 -131
- package/dist/jsx/list/FacetRail.mjs.map +1 -1
- package/dist/jsx/list/FacetRail.native.js +32 -130
- package/dist/jsx/list/FacetRail.native.js.map +1 -1
- package/dist/jsx/list/RecordCard.mjs +107 -127
- package/dist/jsx/list/RecordCard.mjs.map +1 -1
- package/dist/jsx/list/RecordCard.native.js +86 -96
- package/dist/jsx/list/RecordCard.native.js.map +1 -1
- package/dist/jsx/list/ShufflePanel.mjs +59 -38
- package/dist/jsx/list/ShufflePanel.mjs.map +1 -1
- package/dist/jsx/list/ShufflePanel.native.js +64 -39
- package/dist/jsx/list/ShufflePanel.native.js.map +1 -1
- package/dist/jsx/record/RecordHero.mjs +8 -86
- package/dist/jsx/record/RecordHero.mjs.map +1 -1
- package/dist/jsx/record/RecordHero.native.js +7 -85
- package/dist/jsx/record/RecordHero.native.js.map +1 -1
- package/dist/jsx/record/RecordPage.mjs +2 -1
- package/dist/jsx/record/RecordPage.mjs.map +1 -1
- package/dist/jsx/record/RecordPage.native.js +1 -0
- package/dist/jsx/record/RecordPage.native.js.map +1 -1
- package/dist/jsx/report/ReportViewToolbar.mjs +72 -41
- package/dist/jsx/report/ReportViewToolbar.mjs.map +1 -1
- package/dist/jsx/report/ReportViewToolbar.native.js +73 -40
- package/dist/jsx/report/ReportViewToolbar.native.js.map +1 -1
- package/package.json +16 -16
- package/src/FormSidebar.stories.tsx +1 -1
- package/src/FormSidebar.tsx +128 -253
- package/src/FrappeConnectionIndicator.tsx +6 -28
- package/src/FrappeImageView.stories.tsx +1 -6
- package/src/FrappeImageView.tsx +52 -66
- package/src/FrappeListView.controls.spec.tsx +3 -2
- package/src/FrappeListView.tsx +23 -55
- package/src/FrappeRecordView.tsx +16 -3
- package/src/FrappeReportBuilder.tsx +21 -19
- package/src/SyncErrorNotice.spec.tsx +7 -12
- package/src/SyncErrorNotice.stories.tsx +2 -4
- package/src/SyncErrorNotice.tsx +13 -41
- package/src/desk/DeskFormSidebar.tsx +1 -2
- package/src/desk/DeskShell.tsx +1 -0
- package/src/fields/Date/catalog.tsx +6 -7
- package/src/fields/Date/nativeIsCatalog.spec.tsx +26 -0
- package/src/fields/Date/typeParity.spec.tsx +20 -98
- package/src/frappeRemainder.designLaw.spec.ts +8 -7
- package/src/insights/InsightsFacetTags.tsx +21 -102
- package/src/list/FacetBadge.tsx +7 -29
- package/src/list/FacetRail.spec.tsx +11 -10
- package/src/list/FacetRail.tsx +49 -161
- package/src/list/RecordCard.native.tsx +63 -64
- package/src/list/RecordCard.spec.tsx +8 -5
- package/src/list/RecordCard.tsx +116 -129
- package/src/list/ShufflePanel.tsx +65 -38
- package/src/record/RecordHero.tsx +11 -51
- package/src/record/RecordPage.tsx +6 -1
- package/src/report/ReportViewToolbar.spec.tsx +45 -3
- package/src/report/ReportViewToolbar.tsx +109 -56
- package/types/FormSidebar.d.ts +13 -3
- package/types/FormSidebar.d.ts.map +1 -1
- package/types/FrappeConnectionIndicator.d.ts +2 -1
- package/types/FrappeConnectionIndicator.d.ts.map +1 -1
- package/types/FrappeImageView.d.ts.map +1 -1
- package/types/FrappeListView.d.ts.map +1 -1
- package/types/FrappeRecordView.d.ts.map +1 -1
- package/types/FrappeReportBuilder.d.ts.map +1 -1
- package/types/SyncErrorNotice.d.ts +4 -6
- package/types/SyncErrorNotice.d.ts.map +1 -1
- package/types/desk/DeskFormSidebar.d.ts.map +1 -1
- package/types/desk/DeskShell.d.ts.map +1 -1
- package/types/fields/Date/catalog.d.ts +5 -4
- package/types/fields/Date/catalog.d.ts.map +1 -1
- package/types/insights/InsightsFacetTags.d.ts +4 -1
- package/types/insights/InsightsFacetTags.d.ts.map +1 -1
- package/types/list/FacetBadge.d.ts +3 -3
- package/types/list/FacetBadge.d.ts.map +1 -1
- package/types/list/FacetRail.d.ts +7 -5
- package/types/list/FacetRail.d.ts.map +1 -1
- package/types/list/RecordCard.d.ts +6 -6
- package/types/list/RecordCard.d.ts.map +1 -1
- package/types/list/RecordCard.native.d.ts +4 -3
- package/types/list/RecordCard.native.d.ts.map +1 -1
- package/types/list/ShufflePanel.d.ts +8 -3
- package/types/list/ShufflePanel.d.ts.map +1 -1
- package/types/record/RecordHero.d.ts +5 -1
- package/types/record/RecordHero.d.ts.map +1 -1
- package/types/record/RecordPage.d.ts.map +1 -1
- package/types/report/ReportViewToolbar.d.ts.map +1 -1
- package/dist/cjs/fields/Date/dateTimePickerLoader.cjs +0 -38
- package/dist/cjs/fields/Date/dateTimePickerLoader.native.js +0 -42
- package/dist/cjs/fields/Date/dateTimePickerLoader.native.js.map +0 -1
- package/dist/cjs/fields/Date/sheetKeyboard.cjs +0 -54
- package/dist/cjs/fields/Date/sheetKeyboard.native.js +0 -57
- package/dist/cjs/fields/Date/sheetKeyboard.native.js.map +0 -1
- package/dist/esm/fields/Date/dateTimePickerLoader.mjs +0 -13
- package/dist/esm/fields/Date/dateTimePickerLoader.mjs.map +0 -1
- package/dist/esm/fields/Date/dateTimePickerLoader.native.js +0 -14
- package/dist/esm/fields/Date/dateTimePickerLoader.native.js.map +0 -1
- package/dist/esm/fields/Date/sheetKeyboard.mjs +0 -21
- package/dist/esm/fields/Date/sheetKeyboard.mjs.map +0 -1
- package/dist/esm/fields/Date/sheetKeyboard.native.js +0 -21
- package/dist/esm/fields/Date/sheetKeyboard.native.js.map +0 -1
- package/dist/jsx/fields/Date/dateTimePickerLoader.mjs +0 -13
- package/dist/jsx/fields/Date/dateTimePickerLoader.mjs.map +0 -1
- package/dist/jsx/fields/Date/dateTimePickerLoader.native.js +0 -42
- package/dist/jsx/fields/Date/dateTimePickerLoader.native.js.map +0 -1
- package/dist/jsx/fields/Date/sheetKeyboard.mjs +0 -21
- package/dist/jsx/fields/Date/sheetKeyboard.mjs.map +0 -1
- package/dist/jsx/fields/Date/sheetKeyboard.native.js +0 -57
- package/dist/jsx/fields/Date/sheetKeyboard.native.js.map +0 -1
- package/src/fields/Date/dateTimePickerLoader.ts +0 -25
- package/src/fields/Date/index.native.tsx +0 -445
- package/src/fields/Date/nativeFallback.spec.tsx +0 -21
- package/src/fields/Date/nativePresentation.spec.tsx +0 -278
- package/src/fields/Date/sheetKeyboard.spec.ts +0 -60
- package/src/fields/Date/sheetKeyboard.ts +0 -45
- package/types/fields/Date/dateTimePickerLoader.d.ts +0 -11
- package/types/fields/Date/dateTimePickerLoader.d.ts.map +0 -1
- package/types/fields/Date/index.native.d.ts +0 -14
- package/types/fields/Date/index.native.d.ts.map +0 -1
- package/types/fields/Date/sheetKeyboard.d.ts +0 -20
- package/types/fields/Date/sheetKeyboard.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InsightsFacetTags_exports","__export","InsightsFacetTags","module","exports","import_jsx_runtime","require","import_components","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InsightsFacetTags_exports","__export","InsightsFacetTags","module","exports","import_jsx_runtime","require","import_components","import_react_i18next","param","distribution","label","tint","onSelect","testID","t","useTranslation","jsx","Tags","tags","map","entry","id","enableAdd","enableRemove","labels","noTags","renderTag","tag","_ref","_ref1","_distribution_find","count","find","hue","Chip","color","swatch","onPress"],"sources":["../../../src/insights/InsightsFacetTags.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,yBAAA;AAC3B,IAAAK,kBAAA,GAAAC,OAA+B;AAiCrB,IAAAC,iBAAA,GAAAD,OAAA;AAlBH,IAAAE,oBAAS,GAAkBF,OAAA;AAAA,SAChCJ,kBAAAO,KAAA;EACA;IAAAC,YAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,QAAAP,oBAAA,CAAAQ,cAAA;EACA,0BAAAX,kBAAA,CAAAY,GAAA,EAAAV,iBAAA,CAAAW,IAAA;IACAC,IAAA,EAAAT,YAAA,CAAAU,GAAA,WAAAC,KAAA;MACyB;QACnBC,EAAE,EAAED,KAAA,CAAAtB,KAAI;QACdY,KACE,EAAAA,KAAA,CAAAU,KAAA,CAAAtB,KAAA;MAAC;IAAA;IAAAwB,SACO;IAA4EC,YAClF,EAAW;IAAAC,MACX;MACAC,MAAA,EAAQX,CAAA,CAAE,eAAU;IAAiB;IAEnCY,SAAA,EAAM,SAAQA,UAAAC,GAAa;MAC3B,IAAAC,IAAM,EAAAC,KAAM;MACZ,IAAAC,kBACE;MAAA,IAACC,KAAA,IAAAH,IAAA,IAAAE,kBAAA,GAAArB,YAAA,CAAAuB,IAAA,WAAAZ,KAAA;QAAA,OAAAA,KAAA,CAAAtB,KAAA,KAAA6B,GAAA,CAAAN,EAAA;MAAA,QACC,QAAOS,kBAAA,uBAAAA,kBAAA,CAAAC,KAAA,cAAAH,IAAA,cAAAA,IAAA;MAAA,IAAAK,GACP,IAAAJ,KAAQ,GAAIlB,IAAG,aAAAA,IAAA,uBAAAA,IAAA,CAAAgB,GAAA,CAAAN,EAAA,eAAAQ,KAAA,cAAAA,KAAA;MAAA,OACf,mBAAAzB,kBAAA,CAAAY,GAAA,EAAAV,iBAAA,CAAA4B,IAAA;QAAAC,KACA,EAAAF,GAAA;QAAyEG,MACzE,MAAAH,GAAS;QAAqBF,KAC9B;QAAyC,YAExC,EAAAjB,CAAA,+BAAI;UAAAhB,KAAA,EAAA6B,GAAA,CAAAjB,KAAA;UACPqB;QAEJ;QAAAM,OAAA,WAAAA,QAAA;UACF,OAAAzB,QAAA,CAAAe,GAAA,CAAAN,EAAA;QAEJ","ignoreList":[]}
|
|
@@ -26,39 +26,15 @@ __export(FacetBadge_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(FacetBadge_exports);
|
|
28
28
|
var import_components = require("@multiplatform.one/components");
|
|
29
|
-
var import_theme = require("@multiplatform.one/theme");
|
|
30
|
-
var import_facetBadgeSteps = require("./facetBadgeSteps.cjs");
|
|
31
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
30
|
function FacetBadge({
|
|
33
31
|
label,
|
|
34
32
|
tint = "gray",
|
|
35
33
|
size
|
|
36
34
|
}) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
});
|
|
42
|
-
const small = (0, import_theme.sizeTokenStep)(knobProps.sizeToken) < 0;
|
|
43
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
|
|
44
|
-
...knobProps.borderRadius,
|
|
45
|
-
paddingHorizontal: small ? "$1.5" : "$2",
|
|
46
|
-
paddingVertical: small ? "$0.5" : "$1",
|
|
47
|
-
backgroundColor: `$${tint}${import_facetBadgeSteps.facetBadgeSteps.fill}`,
|
|
48
|
-
borderColor: `$${tint}${import_facetBadgeSteps.facetBadgeSteps.border}`,
|
|
49
|
-
borderWidth: import_theme.hairlineWidth,
|
|
50
|
-
alignItems: "center",
|
|
51
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
52
|
-
...knobProps.label,
|
|
53
|
-
...knobProps.body,
|
|
54
|
-
textTransform: "capitalize",
|
|
55
|
-
fontWeight: "700",
|
|
56
|
-
color: `$${tint}${import_facetBadgeSteps.facetBadgeSteps.ink}`,
|
|
57
|
-
...(small ? {
|
|
58
|
-
fontSize: "$1"
|
|
59
|
-
} : null),
|
|
60
|
-
letterSpacing: 0.3,
|
|
61
|
-
children: label
|
|
62
|
-
})
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
|
|
36
|
+
color: tint,
|
|
37
|
+
size,
|
|
38
|
+
children: label
|
|
63
39
|
});
|
|
64
40
|
}
|
|
@@ -29,40 +29,16 @@ __export(FacetBadge_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(FacetBadge_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_components = require("@multiplatform.one/components");
|
|
32
|
-
var import_theme = require("@multiplatform.one/theme");
|
|
33
|
-
var import_facetBadgeSteps = require("./facetBadgeSteps.native.js");
|
|
34
32
|
function FacetBadge(param) {
|
|
35
33
|
var {
|
|
36
34
|
label,
|
|
37
35
|
tint = "gray",
|
|
38
36
|
size
|
|
39
37
|
} = param;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
});
|
|
45
|
-
var small = (0, import_theme.sizeTokenStep)(knobProps.sizeToken) < 0;
|
|
46
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
|
|
47
|
-
...knobProps.borderRadius,
|
|
48
|
-
paddingHorizontal: small ? "$1.5" : "$2",
|
|
49
|
-
paddingVertical: small ? "$0.5" : "$1",
|
|
50
|
-
backgroundColor: `$${tint}${import_facetBadgeSteps.facetBadgeSteps.fill}`,
|
|
51
|
-
borderColor: `$${tint}${import_facetBadgeSteps.facetBadgeSteps.border}`,
|
|
52
|
-
borderWidth: import_theme.hairlineWidth,
|
|
53
|
-
alignItems: "center",
|
|
54
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
55
|
-
...knobProps.label,
|
|
56
|
-
...knobProps.body,
|
|
57
|
-
textTransform: "capitalize",
|
|
58
|
-
fontWeight: "700",
|
|
59
|
-
color: `$${tint}${import_facetBadgeSteps.facetBadgeSteps.ink}`,
|
|
60
|
-
...(small ? {
|
|
61
|
-
fontSize: "$1"
|
|
62
|
-
} : null),
|
|
63
|
-
letterSpacing: 0.3,
|
|
64
|
-
children: label
|
|
65
|
-
})
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
|
|
39
|
+
color: tint,
|
|
40
|
+
size,
|
|
41
|
+
children: label
|
|
66
42
|
});
|
|
67
43
|
}
|
|
68
44
|
//# sourceMappingURL=FacetBadge.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FacetBadge_exports","__export","FacetBadge","module","exports","import_jsx_runtime","require","import_components","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FacetBadge_exports","__export","FacetBadge","module","exports","import_jsx_runtime","require","import_components","param","label","tint","size"],"sources":["../../../src/list/FacetBadge.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,kBAAA;AAiBhC,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,iBAAoB,GAAED,OAAO,gCAAwC;AAC1E,SACEJ,WAAAM,KAAA;EAIJ;IAAAC,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAH,KAAA","ignoreList":[]}
|
|
@@ -29,121 +29,12 @@ var import_components = require("@multiplatform.one/components");
|
|
|
29
29
|
var import_theme = require("@multiplatform.one/theme");
|
|
30
30
|
var import_react = require("react");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
onFocusChip,
|
|
39
|
-
onBlurChip,
|
|
40
|
-
onMove,
|
|
41
|
-
testID,
|
|
42
|
-
register
|
|
43
|
-
}) {
|
|
44
|
-
const {
|
|
45
|
-
knobProps
|
|
46
|
-
} = (0, import_theme.useResolvedKnobs)();
|
|
47
|
-
const chipToken = (0, import_theme.sizeKeyBelow)(knobProps.sizeToken);
|
|
48
|
-
const chip = (0, import_theme.sizeRecipeForToken)(chipToken, {
|
|
49
|
-
family: "chip"
|
|
50
|
-
});
|
|
51
|
-
const count = (0, import_theme.sizeRecipeForToken)((0, import_theme.sizeKeyBelow)(chipToken), {
|
|
52
|
-
family: "chip"
|
|
53
|
-
});
|
|
54
|
-
const [kbFocus, setKbFocus] = (0, import_react.useState)(false);
|
|
55
|
-
if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
|
|
56
|
-
const hue = option.tint;
|
|
57
|
-
const fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
|
|
58
|
-
const hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
|
|
59
|
-
const textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
|
|
60
|
-
const keys = {
|
|
61
|
-
ArrowRight: 1,
|
|
62
|
-
ArrowLeft: -1,
|
|
63
|
-
Home: "home",
|
|
64
|
-
End: "end"
|
|
65
|
-
};
|
|
66
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
67
|
-
ref: register,
|
|
68
|
-
...knobProps.borderRadius,
|
|
69
|
-
backgroundColor: fill,
|
|
70
|
-
borderWidth: 0,
|
|
71
|
-
paddingHorizontal: chip.paddingHorizontal,
|
|
72
|
-
height: chip.height,
|
|
73
|
-
hitSlop: (0, import_theme.pressTargetHitSlop)(chip.height),
|
|
74
|
-
alignItems: "center",
|
|
75
|
-
gap: chip.gap,
|
|
76
|
-
cursor: "pointer",
|
|
77
|
-
role: "radio",
|
|
78
|
-
"aria-checked": selected,
|
|
79
|
-
...(import_components.isWeb ? {
|
|
80
|
-
tabIndex: tabStop ? 0 : -1
|
|
81
|
-
} : void 0),
|
|
82
|
-
...(0, import_theme.transitionProps)(knobProps.motion.control),
|
|
83
|
-
hoverStyle: {
|
|
84
|
-
backgroundColor: hoverFill
|
|
85
|
-
},
|
|
86
|
-
pressStyle: {
|
|
87
|
-
backgroundColor: fill
|
|
88
|
-
},
|
|
89
|
-
outlineWidth: 0,
|
|
90
|
-
focusStyle: {
|
|
91
|
-
outlineWidth: 0,
|
|
92
|
-
backgroundColor: fill
|
|
93
|
-
},
|
|
94
|
-
focusVisibleStyle: {
|
|
95
|
-
outlineWidth: 0
|
|
96
|
-
},
|
|
97
|
-
...(import_components.isWeb ? {
|
|
98
|
-
onFocus: () => {
|
|
99
|
-
onFocusChip();
|
|
100
|
-
if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(true);
|
|
101
|
-
},
|
|
102
|
-
onBlur: () => {
|
|
103
|
-
onBlurChip();
|
|
104
|
-
setKbFocus(false);
|
|
105
|
-
},
|
|
106
|
-
onKeyDown: event => {
|
|
107
|
-
const direction = event.key ? keys[event.key] : void 0;
|
|
108
|
-
if (direction !== void 0) {
|
|
109
|
-
event.preventDefault?.();
|
|
110
|
-
onMove(direction);
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
if (event.key === "Enter" || event.key === " ") {
|
|
114
|
-
event.preventDefault?.();
|
|
115
|
-
onPress();
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
} : void 0),
|
|
119
|
-
...(kbFocus ? import_theme.keyboardFocusRingProps : void 0),
|
|
120
|
-
onPress,
|
|
121
|
-
testID,
|
|
122
|
-
children: [hue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
|
|
123
|
-
width: pipSize,
|
|
124
|
-
height: pipSize,
|
|
125
|
-
borderRadius: 1e3,
|
|
126
|
-
backgroundColor: `$${hue}9`,
|
|
127
|
-
flexShrink: 0
|
|
128
|
-
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
129
|
-
...knobProps.label,
|
|
130
|
-
fontSize: chip.fontSize,
|
|
131
|
-
fontWeight: selected ? "700" : "500",
|
|
132
|
-
color: textColor,
|
|
133
|
-
textTransform: "capitalize",
|
|
134
|
-
userSelect: "none",
|
|
135
|
-
children: option.label
|
|
136
|
-
}), typeof option.count === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
137
|
-
...knobProps.label,
|
|
138
|
-
fontSize: count.fontSize,
|
|
139
|
-
fontWeight: "700",
|
|
140
|
-
color: textColor,
|
|
141
|
-
opacity: 0.7,
|
|
142
|
-
userSelect: "none",
|
|
143
|
-
children: option.count
|
|
144
|
-
}) : null]
|
|
145
|
-
});
|
|
146
|
-
}
|
|
32
|
+
const moves = {
|
|
33
|
+
ArrowRight: 1,
|
|
34
|
+
ArrowLeft: -1,
|
|
35
|
+
Home: "home",
|
|
36
|
+
End: "end"
|
|
37
|
+
};
|
|
147
38
|
function FacetRail({
|
|
148
39
|
label,
|
|
149
40
|
value,
|
|
@@ -151,6 +42,10 @@ function FacetRail({
|
|
|
151
42
|
onChange,
|
|
152
43
|
testID
|
|
153
44
|
}) {
|
|
45
|
+
const {
|
|
46
|
+
knobProps
|
|
47
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
48
|
+
const chipSize = (0, import_theme.sizeKeyBelow)(knobProps.sizeToken);
|
|
154
49
|
const itemRefs = (0, import_react.useRef)({});
|
|
155
50
|
const [focusValue, setFocusValue] = (0, import_react.useState)(null);
|
|
156
51
|
if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
|
|
@@ -187,19 +82,33 @@ function FacetRail({
|
|
|
187
82
|
alignItems: "center",
|
|
188
83
|
paddingVertical: "$1",
|
|
189
84
|
testID,
|
|
190
|
-
children: options.map(option =>
|
|
191
|
-
option
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
85
|
+
children: options.map(option => {
|
|
86
|
+
const selected = option.value === value;
|
|
87
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
|
|
88
|
+
ref: node => {
|
|
89
|
+
itemRefs.current[option.value] = node;
|
|
90
|
+
},
|
|
91
|
+
role: "radio",
|
|
92
|
+
selected,
|
|
93
|
+
tabIndex: option.value === anchor ? 0 : -1,
|
|
94
|
+
size: chipSize,
|
|
95
|
+
color: option.tint,
|
|
96
|
+
swatch: option.tint && !selected ? `$${option.tint}9` : void 0,
|
|
97
|
+
count: option.count,
|
|
98
|
+
"aria-label": typeof option.count === "number" ? `${option.label} ${option.count}` : option.label,
|
|
99
|
+
onPress: () => onChange(selected && option.value !== "" ? "" : option.value),
|
|
100
|
+
onFocus: () => setFocusValue(option.value),
|
|
101
|
+
onBlur: () => setFocusValue(prev => prev === option.value ? null : prev),
|
|
102
|
+
onKeyDown: event => {
|
|
103
|
+
const direction = moves[event.key];
|
|
104
|
+
if (direction === void 0) return;
|
|
105
|
+
event.preventDefault();
|
|
106
|
+
moveFrom(option.value, direction);
|
|
107
|
+
},
|
|
108
|
+
testID: testID ? `${testID}-${option.value || "all"}` : void 0,
|
|
109
|
+
children: option.label
|
|
110
|
+
}, option.value || "__all");
|
|
111
|
+
})
|
|
203
112
|
})
|
|
204
113
|
});
|
|
205
114
|
}
|
|
@@ -31,124 +31,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
31
31
|
var import_components = require("@multiplatform.one/components");
|
|
32
32
|
var import_theme = require("@multiplatform.one/theme");
|
|
33
33
|
var import_react = require("react");
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
onPress,
|
|
41
|
-
onFocusChip,
|
|
42
|
-
onBlurChip,
|
|
43
|
-
onMove,
|
|
44
|
-
testID,
|
|
45
|
-
register
|
|
46
|
-
} = param;
|
|
47
|
-
var {
|
|
48
|
-
knobProps
|
|
49
|
-
} = (0, import_theme.useResolvedKnobs)();
|
|
50
|
-
var chipToken = (0, import_theme.sizeKeyBelow)(knobProps.sizeToken);
|
|
51
|
-
var chip = (0, import_theme.sizeRecipeForToken)(chipToken, {
|
|
52
|
-
family: "chip"
|
|
53
|
-
});
|
|
54
|
-
var count = (0, import_theme.sizeRecipeForToken)((0, import_theme.sizeKeyBelow)(chipToken), {
|
|
55
|
-
family: "chip"
|
|
56
|
-
});
|
|
57
|
-
var [kbFocus, setKbFocus] = (0, import_react.useState)(false);
|
|
58
|
-
if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
|
|
59
|
-
var hue = option.tint;
|
|
60
|
-
var fill = selected ? hue ? `$${hue}5` : "$color5" : hue ? `$${hue}3` : "$color3";
|
|
61
|
-
var hoverFill = selected ? fill : hue ? `$${hue}4` : "$color4";
|
|
62
|
-
var textColor = selected ? hue ? `$${hue}12` : "$color12" : hue ? `$${hue}11` : "$color11";
|
|
63
|
-
var keys = {
|
|
64
|
-
ArrowRight: 1,
|
|
65
|
-
ArrowLeft: -1,
|
|
66
|
-
Home: "home",
|
|
67
|
-
End: "end"
|
|
68
|
-
};
|
|
69
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
70
|
-
ref: register,
|
|
71
|
-
...knobProps.borderRadius,
|
|
72
|
-
backgroundColor: fill,
|
|
73
|
-
borderWidth: 0,
|
|
74
|
-
paddingHorizontal: chip.paddingHorizontal,
|
|
75
|
-
height: chip.height,
|
|
76
|
-
hitSlop: (0, import_theme.pressTargetHitSlop)(chip.height),
|
|
77
|
-
alignItems: "center",
|
|
78
|
-
gap: chip.gap,
|
|
79
|
-
cursor: "pointer",
|
|
80
|
-
role: "radio",
|
|
81
|
-
"aria-checked": selected,
|
|
82
|
-
...(import_components.isWeb ? {
|
|
83
|
-
tabIndex: tabStop ? 0 : -1
|
|
84
|
-
} : void 0),
|
|
85
|
-
...(0, import_theme.transitionProps)(knobProps.motion.control),
|
|
86
|
-
hoverStyle: {
|
|
87
|
-
backgroundColor: hoverFill
|
|
88
|
-
},
|
|
89
|
-
pressStyle: {
|
|
90
|
-
backgroundColor: fill
|
|
91
|
-
},
|
|
92
|
-
outlineWidth: 0,
|
|
93
|
-
focusStyle: {
|
|
94
|
-
outlineWidth: 0,
|
|
95
|
-
backgroundColor: fill
|
|
96
|
-
},
|
|
97
|
-
focusVisibleStyle: {
|
|
98
|
-
outlineWidth: 0
|
|
99
|
-
},
|
|
100
|
-
...(import_components.isWeb ? {
|
|
101
|
-
onFocus: function onFocus() {
|
|
102
|
-
onFocusChip();
|
|
103
|
-
if ((0, import_theme.wasKeyboardFocus)()) setKbFocus(true);
|
|
104
|
-
},
|
|
105
|
-
onBlur: function onBlur() {
|
|
106
|
-
onBlurChip();
|
|
107
|
-
setKbFocus(false);
|
|
108
|
-
},
|
|
109
|
-
onKeyDown: function onKeyDown(event) {
|
|
110
|
-
var direction = event.key ? keys[event.key] : void 0;
|
|
111
|
-
if (direction !== void 0) {
|
|
112
|
-
var _event_preventDefault;
|
|
113
|
-
(_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
|
|
114
|
-
onMove(direction);
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
if (event.key === "Enter" || event.key === " ") {
|
|
118
|
-
var _event_preventDefault1;
|
|
119
|
-
(_event_preventDefault1 = event.preventDefault) === null || _event_preventDefault1 === void 0 ? void 0 : _event_preventDefault1.call(event);
|
|
120
|
-
onPress();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
} : void 0),
|
|
124
|
-
...(kbFocus ? import_theme.keyboardFocusRingProps : void 0),
|
|
125
|
-
onPress,
|
|
126
|
-
testID,
|
|
127
|
-
children: [hue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
|
|
128
|
-
width: pipSize,
|
|
129
|
-
height: pipSize,
|
|
130
|
-
borderRadius: 1e3,
|
|
131
|
-
backgroundColor: `$${hue}9`,
|
|
132
|
-
flexShrink: 0
|
|
133
|
-
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
134
|
-
...knobProps.label,
|
|
135
|
-
fontSize: chip.fontSize,
|
|
136
|
-
fontWeight: selected ? "700" : "500",
|
|
137
|
-
color: textColor,
|
|
138
|
-
textTransform: "capitalize",
|
|
139
|
-
userSelect: "none",
|
|
140
|
-
children: option.label
|
|
141
|
-
}), typeof option.count === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
142
|
-
...knobProps.label,
|
|
143
|
-
fontSize: count.fontSize,
|
|
144
|
-
fontWeight: "700",
|
|
145
|
-
color: textColor,
|
|
146
|
-
opacity: 0.7,
|
|
147
|
-
userSelect: "none",
|
|
148
|
-
children: option.count
|
|
149
|
-
}) : null]
|
|
150
|
-
});
|
|
151
|
-
}
|
|
34
|
+
var moves = {
|
|
35
|
+
ArrowRight: 1,
|
|
36
|
+
ArrowLeft: -1,
|
|
37
|
+
Home: "home",
|
|
38
|
+
End: "end"
|
|
39
|
+
};
|
|
152
40
|
function FacetRail(param) {
|
|
153
41
|
var {
|
|
154
42
|
label,
|
|
@@ -157,6 +45,10 @@ function FacetRail(param) {
|
|
|
157
45
|
onChange,
|
|
158
46
|
testID
|
|
159
47
|
} = param;
|
|
48
|
+
var {
|
|
49
|
+
knobProps
|
|
50
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
51
|
+
var chipSize = (0, import_theme.sizeKeyBelow)(knobProps.sizeToken);
|
|
160
52
|
var itemRefs = (0, import_react.useRef)({});
|
|
161
53
|
var [focusValue, setFocusValue] = (0, import_react.useState)(null);
|
|
162
54
|
if (import_components.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
|
|
@@ -199,28 +91,38 @@ function FacetRail(param) {
|
|
|
199
91
|
paddingVertical: "$1",
|
|
200
92
|
testID,
|
|
201
93
|
children: options.map(function (option) {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
94
|
+
var selected = option.value === value;
|
|
95
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
|
|
96
|
+
ref: function ref(node) {
|
|
97
|
+
itemRefs.current[option.value] = node;
|
|
98
|
+
},
|
|
99
|
+
role: "radio",
|
|
100
|
+
selected,
|
|
101
|
+
tabIndex: option.value === anchor ? 0 : -1,
|
|
102
|
+
size: chipSize,
|
|
103
|
+
color: option.tint,
|
|
104
|
+
swatch: option.tint && !selected ? `$${option.tint}9` : void 0,
|
|
105
|
+
count: option.count,
|
|
106
|
+
"aria-label": typeof option.count === "number" ? `${option.label} ${option.count}` : option.label,
|
|
206
107
|
onPress: function onPress() {
|
|
207
|
-
return onChange(
|
|
108
|
+
return onChange(selected && option.value !== "" ? "" : option.value);
|
|
208
109
|
},
|
|
209
|
-
|
|
110
|
+
onFocus: function onFocus() {
|
|
210
111
|
return setFocusValue(option.value);
|
|
211
112
|
},
|
|
212
|
-
|
|
113
|
+
onBlur: function onBlur() {
|
|
213
114
|
return setFocusValue(function (prev) {
|
|
214
115
|
return prev === option.value ? null : prev;
|
|
215
116
|
});
|
|
216
117
|
},
|
|
217
|
-
|
|
218
|
-
|
|
118
|
+
onKeyDown: function onKeyDown(event) {
|
|
119
|
+
var direction = moves[event.key];
|
|
120
|
+
if (direction === void 0) return;
|
|
121
|
+
event.preventDefault();
|
|
122
|
+
moveFrom(option.value, direction);
|
|
219
123
|
},
|
|
220
124
|
testID: testID ? `${testID}-${option.value || "all"}` : void 0,
|
|
221
|
-
|
|
222
|
-
itemRefs.current[option.value] = node;
|
|
223
|
-
}
|
|
125
|
+
children: option.label
|
|
224
126
|
}, option.value || "__all");
|
|
225
127
|
})
|
|
226
128
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FacetRail_exports","__export","FacetRail","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FacetRail_exports","__export","FacetRail","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","moves","ArrowRight","ArrowLeft","Home","End","param","label","options","onChange","testID","knobProps","useResolvedKnobs","chipSize","sizeKeyBelow","sizeToken","itemRefs","useRef","focusValue","setFocusValue","useState","isWeb","ensureKeyboardModalityTracking","anchor","some","option","focusAndSelect","focusAndSelect2","next","requestAnimationFrame","_node_focus","_node_scrollIntoView","node","current","focus","call","scrollIntoView","inline","block","moveFrom","moveFrom2","from","direction","length","index","Math","max","findIndex","jsx","ScrollView","horizontal","showsHorizontalScrollIndicator","flexShrink","children","XStack","role","gap","alignItems","paddingVertical","map","selected","Chip","ref","tabIndex","size","color","tint","swatch","count","onPress","onFocus","onBlur","prev"],"sources":["../../../src/list/FacetRail.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|