@multiplatform.one/frappe-ui 7.65.2 → 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
|
@@ -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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FacetRail_exports","FacetRail","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FacetRail_exports","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","scrollIntoView","inline","block","moveFrom","moveFrom2","direction","length","index","Math","max","findIndex","jsx","ScrollView","horizontal","showsHorizontalScrollIndicator","flexShrink","children","XStack","role","gap","alignItems","paddingVertical","map","selected","Chip","ref"],"sources":["../../../src/list/FacetRail.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -54,39 +54,71 @@ function RecordCard({
|
|
|
54
54
|
press?.nativeEvent?.stopPropagation?.();
|
|
55
55
|
favorite?.toggle();
|
|
56
56
|
};
|
|
57
|
-
const
|
|
58
|
-
|
|
57
|
+
const heart = favorite ? /* @__PURE__ */jsx(XStack, {
|
|
58
|
+
position: "absolute",
|
|
59
|
+
top: "$1",
|
|
60
|
+
right: "$1",
|
|
61
|
+
zIndex: 2,
|
|
62
|
+
...(isWeb ? {
|
|
63
|
+
onClickCapture: event => {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
}
|
|
66
|
+
} : void 0),
|
|
67
|
+
children: /* @__PURE__ */jsx(Button, {
|
|
68
|
+
circular: true,
|
|
69
|
+
chromeless: true,
|
|
70
|
+
minWidth: knobProps.sizeToken,
|
|
71
|
+
minHeight: knobProps.sizeToken,
|
|
72
|
+
...transitionProps(knobProps.motion.control),
|
|
73
|
+
backgroundColor: "$background08",
|
|
74
|
+
hoverStyle: {
|
|
75
|
+
backgroundColor: "$background",
|
|
76
|
+
scale: 1.08
|
|
77
|
+
},
|
|
78
|
+
pressStyle: {
|
|
79
|
+
backgroundColor: "$background",
|
|
80
|
+
scale: 0.92
|
|
81
|
+
},
|
|
82
|
+
onPress: handleToggleFavorite,
|
|
83
|
+
render: "button",
|
|
84
|
+
type: "button",
|
|
85
|
+
col: favorite.active ? "$red9" : "$color11",
|
|
86
|
+
icon: /* @__PURE__ */jsx(HeartIcon, {
|
|
87
|
+
size: 20,
|
|
88
|
+
weight: favorite.active ? "fill" : "regular"
|
|
89
|
+
}),
|
|
90
|
+
"aria-label": favorite.active ? t("Remove {{name}} from favorites", {
|
|
91
|
+
name: title
|
|
92
|
+
}) : t("Add {{name}} to favorites", {
|
|
93
|
+
name: title
|
|
94
|
+
}),
|
|
95
|
+
"aria-pressed": favorite.active,
|
|
96
|
+
testID: favoriteTestID
|
|
97
|
+
})
|
|
98
|
+
}) : null;
|
|
59
99
|
return /* @__PURE__ */jsxs(Card, {
|
|
60
100
|
testID,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
...elevationState.pressKnobProps
|
|
75
|
-
},
|
|
76
|
-
...(href ? anchorKeyboardFocus ? keyboardFocusRingProps : null : {
|
|
77
|
-
role: "button",
|
|
78
|
-
"aria-label": title,
|
|
79
|
-
onPress: handlePress,
|
|
80
|
-
focusVisibleStyle: focusRing
|
|
101
|
+
media: /* @__PURE__ */jsxs(YStack, {
|
|
102
|
+
position: "relative",
|
|
103
|
+
children: [/* @__PURE__ */jsx(ImageWell, {
|
|
104
|
+
sources: images,
|
|
105
|
+
alt: title,
|
|
106
|
+
tint,
|
|
107
|
+
inset: 0.04,
|
|
108
|
+
borderRadius: 0,
|
|
109
|
+
lazy,
|
|
110
|
+
...{
|
|
111
|
+
"data-record-card-media": ""
|
|
112
|
+
}
|
|
113
|
+
}), heart]
|
|
81
114
|
}),
|
|
82
|
-
|
|
115
|
+
overlay: href ? /* @__PURE__ */jsx(Anchor, {
|
|
83
116
|
href,
|
|
84
117
|
position: "absolute",
|
|
85
118
|
top: 0,
|
|
86
119
|
left: 0,
|
|
87
120
|
right: 0,
|
|
88
121
|
bottom: 0,
|
|
89
|
-
zIndex: 0,
|
|
90
122
|
textDecorationLine: "none",
|
|
91
123
|
outlineWidth: 0,
|
|
92
124
|
"aria-label": title,
|
|
@@ -97,109 +129,57 @@ function RecordCard({
|
|
|
97
129
|
},
|
|
98
130
|
onBlur: () => setAnchorKeyboardFocus(false)
|
|
99
131
|
} : void 0)
|
|
100
|
-
}) :
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
}),
|
|
152
|
-
"aria-label": favorite.active ? t("Remove {{name}} from favorites", {
|
|
153
|
-
name: title
|
|
154
|
-
}) : t("Add {{name}} to favorites", {
|
|
155
|
-
name: title
|
|
156
|
-
}),
|
|
157
|
-
"aria-pressed": favorite.active,
|
|
158
|
-
testID: favoriteTestID
|
|
159
|
-
})
|
|
160
|
-
}) : null]
|
|
161
|
-
}), /* @__PURE__ */jsxs(YStack, {
|
|
162
|
-
...knobProps.panelPadding,
|
|
163
|
-
gap: "$1.5",
|
|
164
|
-
pointerEvents: inert,
|
|
165
|
-
children: [/* @__PURE__ */jsxs(XStack, {
|
|
166
|
-
gap: "$2",
|
|
167
|
-
alignItems: "baseline",
|
|
168
|
-
children: [/* @__PURE__ */jsx(Text, {
|
|
169
|
-
...knobProps.heading,
|
|
170
|
-
fontWeight: "700",
|
|
171
|
-
fontSize: "$4",
|
|
172
|
-
numberOfLines: 1,
|
|
173
|
-
color: "$color12",
|
|
174
|
-
flexShrink: 1,
|
|
175
|
-
children: title
|
|
176
|
-
}), code ? /* @__PURE__ */jsx(Text, {
|
|
177
|
-
fontSize: "$2",
|
|
178
|
-
fontWeight: "700",
|
|
179
|
-
color: "$color10",
|
|
180
|
-
flexShrink: 0,
|
|
181
|
-
...{
|
|
182
|
-
"data-record-card-code": ""
|
|
183
|
-
},
|
|
184
|
-
children: code
|
|
185
|
-
}) : null]
|
|
186
|
-
}), subtitle ? /* @__PURE__ */jsx(Text, {
|
|
187
|
-
...knobProps.body,
|
|
188
|
-
fontSize: "$2",
|
|
189
|
-
color: "$color10",
|
|
190
|
-
numberOfLines: 1,
|
|
191
|
-
children: subtitle
|
|
192
|
-
}) : null, badges.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
193
|
-
gap: "$1.5",
|
|
194
|
-
flexWrap: "wrap",
|
|
195
|
-
children: badges.map(badge => /* @__PURE__ */jsx(FacetBadge, {
|
|
196
|
-
label: badge.label,
|
|
197
|
-
tint: badge.tint,
|
|
198
|
-
size: "$3"
|
|
199
|
-
}, badge.value))
|
|
200
|
-
}) : null]
|
|
201
|
-
})]
|
|
202
|
-
})]
|
|
132
|
+
}) : void 0,
|
|
133
|
+
cursor: "pointer",
|
|
134
|
+
...transitionProps(knobProps.motion.control, ["boxShadow", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "elevation"]),
|
|
135
|
+
hoverStyle: {
|
|
136
|
+
...elevationState.hoverKnobProps
|
|
137
|
+
},
|
|
138
|
+
pressStyle: {
|
|
139
|
+
...elevationState.pressKnobProps
|
|
140
|
+
},
|
|
141
|
+
...(href ? anchorKeyboardFocus ? keyboardFocusRingProps : null : {
|
|
142
|
+
role: "button",
|
|
143
|
+
"aria-label": title,
|
|
144
|
+
onPress: handlePress,
|
|
145
|
+
focusVisibleStyle: focusRing
|
|
146
|
+
}),
|
|
147
|
+
children: [/* @__PURE__ */jsxs(XStack, {
|
|
148
|
+
gap: "$2",
|
|
149
|
+
alignItems: "baseline",
|
|
150
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
151
|
+
...knobProps.heading,
|
|
152
|
+
fontWeight: "700",
|
|
153
|
+
fontSize: "$4",
|
|
154
|
+
numberOfLines: 1,
|
|
155
|
+
color: "$color12",
|
|
156
|
+
flexShrink: 1,
|
|
157
|
+
children: title
|
|
158
|
+
}), code ? /* @__PURE__ */jsx(Text, {
|
|
159
|
+
fontSize: "$2",
|
|
160
|
+
fontWeight: "700",
|
|
161
|
+
color: "$color10",
|
|
162
|
+
flexShrink: 0,
|
|
163
|
+
...{
|
|
164
|
+
"data-record-card-code": ""
|
|
165
|
+
},
|
|
166
|
+
children: code
|
|
167
|
+
}) : null]
|
|
168
|
+
}), subtitle ? /* @__PURE__ */jsx(Text, {
|
|
169
|
+
...knobProps.body,
|
|
170
|
+
fontSize: "$2",
|
|
171
|
+
color: "$color10",
|
|
172
|
+
numberOfLines: 1,
|
|
173
|
+
children: subtitle
|
|
174
|
+
}) : null, badges.length > 0 ? /* @__PURE__ */jsx(XStack, {
|
|
175
|
+
gap: "$1.5",
|
|
176
|
+
flexWrap: "wrap",
|
|
177
|
+
children: badges.map(badge => /* @__PURE__ */jsx(FacetBadge, {
|
|
178
|
+
label: badge.label,
|
|
179
|
+
tint: badge.tint,
|
|
180
|
+
size: "$3"
|
|
181
|
+
}, badge.value))
|
|
182
|
+
}) : null]
|
|
203
183
|
});
|
|
204
184
|
}
|
|
205
185
|
export { RecordCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Anchor","Card","Text","XStack","YStack","isWeb","Button","transitionProps","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","HeartIcon","useState","useTranslation","FacetBadge","ImageWell","jsx","jsxs","isModifiedPress","event","native","nativeEvent","Boolean","metaKey","ctrlKey","shiftKey","altKey","button","RecordCard","title","subtitle","code","images","tint","badges","href","onPress","favorite","lazy","testID","favoriteTestID","t","knobProps","elevation","elevationState","component","focusRing","outlineOffset","anchorKeyboardFocus","setAnchorKeyboardFocus","handlePress","press","preventDefault","stopPropagation","handleToggleFavorite","toggle","
|
|
1
|
+
{"version":3,"names":["Anchor","Card","Text","XStack","YStack","isWeb","Button","transitionProps","ensureFocusVisibleRing","ensureKeyboardModalityTracking","keyboardFocusRingProps","useResolvedKnobs","wasKeyboardFocus","HeartIcon","useState","useTranslation","FacetBadge","ImageWell","jsx","jsxs","isModifiedPress","event","native","nativeEvent","Boolean","metaKey","ctrlKey","shiftKey","altKey","button","RecordCard","title","subtitle","code","images","tint","badges","href","onPress","favorite","lazy","testID","favoriteTestID","t","knobProps","elevation","elevationState","component","focusRing","outlineOffset","anchorKeyboardFocus","setAnchorKeyboardFocus","handlePress","press","preventDefault","stopPropagation","handleToggleFavorite","toggle","heart","position","top","right","zIndex","onClickCapture","children","circular","chromeless","minWidth","sizeToken","minHeight","motion","control","backgroundColor","hoverStyle","scale","pressStyle","render","type","col","active","icon","size","weight","name","media","sources","alt","inset","borderRadius","overlay","left","bottom","textDecorationLine","outlineWidth","onFocus","onBlur","cursor","hoverKnobProps","pressKnobProps","role","focusVisibleStyle","gap","alignItems","heading","fontWeight","fontSize","numberOfLines","color","flexShrink","body","length","flexWrap","map","badge","label","value"],"sources":["../../../src/list/RecordCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|