@hzblj/kara-components 0.16.0 → 0.18.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/CHANGELOG.md +62 -0
- package/lib/module/atoms/badge/badge.android.js +5 -0
- package/lib/module/atoms/badge/badge.android.js.map +1 -1
- package/lib/module/atoms/badge/badge.ios.js +2 -0
- package/lib/module/atoms/badge/badge.ios.js.map +1 -1
- package/lib/module/atoms/button/button-tokens.js +8 -0
- package/lib/module/atoms/button/button-tokens.js.map +1 -1
- package/lib/module/atoms/button/button.android.js +43 -15
- package/lib/module/atoms/button/button.android.js.map +1 -1
- package/lib/module/atoms/button/button.ios.js +66 -10
- package/lib/module/atoms/button/button.ios.js.map +1 -1
- package/lib/module/atoms/checkbox/checkbox.android.js +5 -1
- package/lib/module/atoms/checkbox/checkbox.android.js.map +1 -1
- package/lib/module/atoms/checkbox/checkbox.ios.js +3 -1
- package/lib/module/atoms/checkbox/checkbox.ios.js.map +1 -1
- package/lib/module/atoms/color-picker/color-picker.android.js +4 -0
- package/lib/module/atoms/color-picker/color-picker.android.js.map +1 -1
- package/lib/module/atoms/color-picker/color-picker.ios.js +24 -2
- package/lib/module/atoms/color-picker/color-picker.ios.js.map +1 -1
- package/lib/module/atoms/date-picker/date-picker.android.js +85 -10
- package/lib/module/atoms/date-picker/date-picker.android.js.map +1 -1
- package/lib/module/atoms/date-picker/date-picker.ios.js +9 -7
- package/lib/module/atoms/date-picker/date-picker.ios.js.map +1 -1
- package/lib/module/atoms/divider/divider.android.js +17 -4
- package/lib/module/atoms/divider/divider.android.js.map +1 -1
- package/lib/module/atoms/divider/divider.ios.js +4 -0
- package/lib/module/atoms/divider/divider.ios.js.map +1 -1
- package/lib/module/atoms/fab/fab.android.js +64 -8
- package/lib/module/atoms/fab/fab.android.js.map +1 -1
- package/lib/module/atoms/fab/fab.ios.js +68 -12
- package/lib/module/atoms/fab/fab.ios.js.map +1 -1
- package/lib/module/atoms/icon-button/icon-button.android.js +48 -5
- package/lib/module/atoms/icon-button/icon-button.android.js.map +1 -1
- package/lib/module/atoms/icon-button/icon-button.ios.js +60 -10
- package/lib/module/atoms/icon-button/icon-button.ios.js.map +1 -1
- package/lib/module/atoms/list/list.android.js +32 -4
- package/lib/module/atoms/list/list.android.js.map +1 -1
- package/lib/module/atoms/list/list.ios.js +15 -5
- package/lib/module/atoms/list/list.ios.js.map +1 -1
- package/lib/module/atoms/picker/picker.ios.js +27 -15
- package/lib/module/atoms/picker/picker.ios.js.map +1 -1
- package/lib/module/atoms/progress/progress.android.js +21 -7
- package/lib/module/atoms/progress/progress.android.js.map +1 -1
- package/lib/module/atoms/progress/progress.ios.js +5 -1
- package/lib/module/atoms/progress/progress.ios.js.map +1 -1
- package/lib/module/atoms/slider/slider.android.js +16 -2
- package/lib/module/atoms/slider/slider.android.js.map +1 -1
- package/lib/module/atoms/slider/slider.ios.js +22 -2
- package/lib/module/atoms/slider/slider.ios.js.map +1 -1
- package/lib/module/atoms/switch/switch.android.js +5 -1
- package/lib/module/atoms/switch/switch.android.js.map +1 -1
- package/lib/module/atoms/switch/switch.ios.js +3 -1
- package/lib/module/atoms/switch/switch.ios.js.map +1 -1
- package/lib/module/atoms/text/spans.js +2 -1
- package/lib/module/atoms/text/spans.js.map +1 -1
- package/lib/module/atoms/text/text.android.js +18 -6
- package/lib/module/atoms/text/text.android.js.map +1 -1
- package/lib/module/atoms/text/text.ios.js +6 -2
- package/lib/module/atoms/text/text.ios.js.map +1 -1
- package/lib/module/atoms/text-field/text-field-input.js +14 -0
- package/lib/module/atoms/text-field/text-field-input.js.map +1 -0
- package/lib/module/atoms/text-field/text-field.android.js +113 -6
- package/lib/module/atoms/text-field/text-field.android.js.map +1 -1
- package/lib/module/atoms/text-field/text-field.ios.js +75 -3
- package/lib/module/atoms/text-field/text-field.ios.js.map +1 -1
- package/lib/module/molecules/collapsible/collapsible.android.js +4 -3
- package/lib/module/molecules/collapsible/collapsible.android.js.map +1 -1
- package/lib/module/molecules/collapsible/collapsible.ios.js +3 -1
- package/lib/module/molecules/collapsible/collapsible.ios.js.map +1 -1
- package/lib/module/molecules/radio-group/radio-group.android.js +10 -2
- package/lib/module/molecules/radio-group/radio-group.android.js.map +1 -1
- package/lib/module/molecules/radio-group/radio-group.ios.js +6 -2
- package/lib/module/molecules/radio-group/radio-group.ios.js.map +1 -1
- package/lib/module/molecules/search-bar/search-bar.js +9 -0
- package/lib/module/molecules/search-bar/search-bar.js.map +1 -1
- package/lib/module/molecules/stepper/stepper.android.js +25 -13
- package/lib/module/molecules/stepper/stepper.android.js.map +1 -1
- package/lib/module/molecules/stepper/stepper.ios.js +12 -6
- package/lib/module/molecules/stepper/stepper.ios.js.map +1 -1
- package/lib/module/organisms/action-sheet/action-sheet.android.js +16 -8
- package/lib/module/organisms/action-sheet/action-sheet.android.js.map +1 -1
- package/lib/module/organisms/action-sheet/action-sheet.ios.js +16 -3
- package/lib/module/organisms/action-sheet/action-sheet.ios.js.map +1 -1
- package/lib/module/organisms/alert/alert.android.js +4 -3
- package/lib/module/organisms/alert/alert.android.js.map +1 -1
- package/lib/module/organisms/alert/alert.ios.js +3 -2
- package/lib/module/organisms/alert/alert.ios.js.map +1 -1
- package/lib/module/organisms/context-menu/context-menu.android.js +3 -1
- package/lib/module/organisms/context-menu/context-menu.android.js.map +1 -1
- package/lib/module/organisms/context-menu/context-menu.ios.js +1 -0
- package/lib/module/organisms/context-menu/context-menu.ios.js.map +1 -1
- package/lib/module/organisms/fab-menu/fab-menu.android.js +3 -0
- package/lib/module/organisms/fab-menu/fab-menu.android.js.map +1 -1
- package/lib/module/organisms/fab-menu/fab-menu.ios.js +3 -0
- package/lib/module/organisms/fab-menu/fab-menu.ios.js.map +1 -1
- package/lib/module/organisms/menu/menu-parts.js +20 -0
- package/lib/module/organisms/menu/menu-parts.js.map +1 -0
- package/lib/module/organisms/menu/menu.android.js +51 -19
- package/lib/module/organisms/menu/menu.android.js.map +1 -1
- package/lib/module/organisms/menu/menu.ios.js +71 -8
- package/lib/module/organisms/menu/menu.ios.js.map +1 -1
- package/lib/module/organisms/sheet/sheet.js +2 -1
- package/lib/module/organisms/sheet/sheet.js.map +1 -1
- package/lib/typescript/atoms/badge/badge.types.d.ts +2 -0
- package/lib/typescript/atoms/button/button-tokens.d.ts +6 -2
- package/lib/typescript/atoms/button/button.types.d.ts +19 -5
- package/lib/typescript/atoms/checkbox/checkbox.types.d.ts +2 -0
- package/lib/typescript/atoms/color-picker/color-picker.types.d.ts +2 -0
- package/lib/typescript/atoms/date-picker/date-picker.ios.d.ts +5 -5
- package/lib/typescript/atoms/date-picker/date-picker.types.d.ts +30 -7
- package/lib/typescript/atoms/divider/divider.ios.d.ts +4 -0
- package/lib/typescript/atoms/divider/divider.types.d.ts +13 -2
- package/lib/typescript/atoms/fab/fab.types.d.ts +21 -4
- package/lib/typescript/atoms/icon-button/icon-button.types.d.ts +23 -4
- package/lib/typescript/atoms/list/list.types.d.ts +15 -1
- package/lib/typescript/atoms/picker/picker.ios.d.ts +5 -3
- package/lib/typescript/atoms/picker/picker.types.d.ts +11 -3
- package/lib/typescript/atoms/progress/progress.types.d.ts +13 -2
- package/lib/typescript/atoms/slider/slider.ios.d.ts +4 -0
- package/lib/typescript/atoms/slider/slider.types.d.ts +7 -0
- package/lib/typescript/atoms/switch/switch.types.d.ts +2 -0
- package/lib/typescript/atoms/text/spans.d.ts +2 -0
- package/lib/typescript/atoms/text/text.types.d.ts +9 -1
- package/lib/typescript/atoms/text-field/text-field-input.d.ts +7 -0
- package/lib/typescript/atoms/text-field/text-field.types.d.ts +77 -4
- package/lib/typescript/molecules/collapsible/collapsible.types.d.ts +2 -0
- package/lib/typescript/molecules/radio-group/radio-group.types.d.ts +4 -0
- package/lib/typescript/molecules/search-bar/search-bar.types.d.ts +11 -1
- package/lib/typescript/molecules/stepper/stepper.ios.d.ts +2 -1
- package/lib/typescript/molecules/stepper/stepper.types.d.ts +17 -0
- package/lib/typescript/organisms/action-sheet/action-sheet.ios.d.ts +4 -0
- package/lib/typescript/organisms/action-sheet/action-sheet.types.d.ts +8 -3
- package/lib/typescript/organisms/alert/alert.types.d.ts +8 -3
- package/lib/typescript/organisms/menu/menu-parts.d.ts +14 -0
- package/lib/typescript/organisms/menu/menu.types.d.ts +35 -7
- package/lib/typescript/organisms/sheet/sheet.types.d.ts +7 -1
- package/package.json +4 -4
- package/src/atoms/badge/badge.android.tsx +9 -2
- package/src/atoms/badge/badge.ios.tsx +2 -2
- package/src/atoms/badge/badge.types.ts +2 -0
- package/src/atoms/button/button-tokens.ts +6 -3
- package/src/atoms/button/button.android.tsx +35 -11
- package/src/atoms/button/button.ios.tsx +72 -8
- package/src/atoms/button/button.types.ts +20 -5
- package/src/atoms/checkbox/checkbox.android.tsx +5 -2
- package/src/atoms/checkbox/checkbox.ios.tsx +2 -2
- package/src/atoms/checkbox/checkbox.types.ts +2 -0
- package/src/atoms/color-picker/color-picker.android.tsx +10 -2
- package/src/atoms/color-picker/color-picker.ios.tsx +24 -1
- package/src/atoms/color-picker/color-picker.types.ts +2 -0
- package/src/atoms/date-picker/date-picker.android.tsx +86 -16
- package/src/atoms/date-picker/date-picker.ios.tsx +20 -8
- package/src/atoms/date-picker/date-picker.types.ts +31 -7
- package/src/atoms/divider/divider.android.tsx +14 -3
- package/src/atoms/divider/divider.ios.tsx +4 -0
- package/src/atoms/divider/divider.types.ts +14 -2
- package/src/atoms/fab/fab.android.tsx +61 -11
- package/src/atoms/fab/fab.ios.tsx +48 -13
- package/src/atoms/fab/fab.types.ts +22 -4
- package/src/atoms/icon-button/icon-button.android.tsx +60 -10
- package/src/atoms/icon-button/icon-button.ios.tsx +77 -8
- package/src/atoms/icon-button/icon-button.types.ts +24 -4
- package/src/atoms/list/list.android.tsx +26 -4
- package/src/atoms/list/list.ios.tsx +20 -5
- package/src/atoms/list/list.types.ts +16 -1
- package/src/atoms/picker/picker.ios.tsx +46 -16
- package/src/atoms/picker/picker.types.ts +12 -3
- package/src/atoms/progress/progress.android.tsx +32 -6
- package/src/atoms/progress/progress.ios.tsx +11 -5
- package/src/atoms/progress/progress.types.ts +13 -2
- package/src/atoms/slider/slider.android.tsx +18 -2
- package/src/atoms/slider/slider.ios.tsx +38 -2
- package/src/atoms/slider/slider.types.ts +7 -0
- package/src/atoms/switch/switch.android.tsx +5 -2
- package/src/atoms/switch/switch.ios.tsx +2 -2
- package/src/atoms/switch/switch.types.ts +2 -0
- package/src/atoms/text/spans.ts +2 -1
- package/src/atoms/text/text.android.tsx +20 -7
- package/src/atoms/text/text.ios.tsx +7 -0
- package/src/atoms/text/text.types.ts +10 -1
- package/src/atoms/text-field/text-field-input.ts +17 -0
- package/src/atoms/text-field/text-field.android.tsx +132 -9
- package/src/atoms/text-field/text-field.ios.tsx +110 -6
- package/src/atoms/text-field/text-field.types.ts +98 -4
- package/src/molecules/collapsible/collapsible.android.tsx +10 -2
- package/src/molecules/collapsible/collapsible.ios.tsx +8 -2
- package/src/molecules/collapsible/collapsible.types.ts +2 -0
- package/src/molecules/radio-group/radio-group.android.tsx +18 -4
- package/src/molecules/radio-group/radio-group.ios.tsx +19 -5
- package/src/molecules/radio-group/radio-group.types.ts +4 -0
- package/src/molecules/search-bar/search-bar.tsx +9 -0
- package/src/molecules/search-bar/search-bar.types.ts +12 -1
- package/src/molecules/stepper/stepper.android.tsx +24 -4
- package/src/molecules/stepper/stepper.ios.tsx +23 -8
- package/src/molecules/stepper/stepper.types.ts +17 -0
- package/src/organisms/action-sheet/action-sheet.android.tsx +23 -11
- package/src/organisms/action-sheet/action-sheet.ios.tsx +20 -3
- package/src/organisms/action-sheet/action-sheet.types.ts +8 -3
- package/src/organisms/alert/alert.android.tsx +11 -8
- package/src/organisms/alert/alert.ios.tsx +2 -1
- package/src/organisms/alert/alert.types.ts +8 -3
- package/src/organisms/context-menu/context-menu.android.tsx +3 -2
- package/src/organisms/context-menu/context-menu.ios.tsx +1 -0
- package/src/organisms/fab-menu/fab-menu.android.tsx +3 -0
- package/src/organisms/fab-menu/fab-menu.ios.tsx +9 -1
- package/src/organisms/menu/menu-parts.ts +21 -0
- package/src/organisms/menu/menu.android.tsx +39 -10
- package/src/organisms/menu/menu.ios.tsx +55 -5
- package/src/organisms/menu/menu.types.ts +30 -7
- package/src/organisms/sheet/sheet.tsx +2 -1
- package/src/organisms/sheet/sheet.types.ts +7 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Button, ConfirmationDialog, Spacer } from '@expo/ui/swift-ui';
|
|
4
|
-
import { frame } from '@expo/ui/swift-ui/modifiers';
|
|
3
|
+
import { Button, ConfirmationDialog, Spacer, Text as SwiftUIText } from '@expo/ui/swift-ui';
|
|
4
|
+
import { disabled, frame } from '@expo/ui/swift-ui/modifiers';
|
|
5
5
|
import { useHostGuard } from "../../host-context.js";
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
/**
|
|
@@ -13,8 +13,15 @@ const ANCHOR = [frame({
|
|
|
13
13
|
height: 0,
|
|
14
14
|
width: 0
|
|
15
15
|
})];
|
|
16
|
+
const DISABLED = [disabled(true)];
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* `titleVisibility="visible"`: left to `automatic`, SwiftUI drops the title of a dialog presented as an action sheet,
|
|
20
|
+
* and the actions lose what they are about.
|
|
21
|
+
*/
|
|
16
22
|
export const ActionSheet = ({
|
|
17
23
|
actions,
|
|
24
|
+
message,
|
|
18
25
|
onDismiss,
|
|
19
26
|
title,
|
|
20
27
|
visible
|
|
@@ -28,6 +35,7 @@ export const ActionSheet = ({
|
|
|
28
35
|
}
|
|
29
36
|
},
|
|
30
37
|
title: title,
|
|
38
|
+
titleVisibility: "visible",
|
|
31
39
|
children: [/*#__PURE__*/_jsx(ConfirmationDialog.Trigger, {
|
|
32
40
|
children: /*#__PURE__*/_jsx(Spacer, {
|
|
33
41
|
modifiers: ANCHOR
|
|
@@ -35,10 +43,15 @@ export const ActionSheet = ({
|
|
|
35
43
|
}), /*#__PURE__*/_jsx(ConfirmationDialog.Actions, {
|
|
36
44
|
children: actions.map(action => /*#__PURE__*/_jsx(Button, {
|
|
37
45
|
label: action.label,
|
|
46
|
+
modifiers: action.disabled ? DISABLED : undefined,
|
|
38
47
|
onPress: action.onPress,
|
|
39
48
|
role: action.destructive ? 'destructive' : 'default'
|
|
40
49
|
}, action.label))
|
|
41
|
-
})
|
|
50
|
+
}), message ? /*#__PURE__*/_jsx(ConfirmationDialog.Message, {
|
|
51
|
+
children: /*#__PURE__*/_jsx(SwiftUIText, {
|
|
52
|
+
children: message
|
|
53
|
+
})
|
|
54
|
+
}) : null]
|
|
42
55
|
});
|
|
43
56
|
};
|
|
44
57
|
//# sourceMappingURL=action-sheet.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","ConfirmationDialog","Spacer","frame","useHostGuard","jsx","_jsx","jsxs","_jsxs","ANCHOR","height","width","ActionSheet","actions","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","Trigger","modifiers","Actions","map","action","label","onPress","role","destructive"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,kBAAkB,EAAEC,MAAM,QAAO,mBAAmB;
|
|
1
|
+
{"version":3,"names":["Button","ConfirmationDialog","Spacer","Text","SwiftUIText","disabled","frame","useHostGuard","jsx","_jsx","jsxs","_jsxs","ANCHOR","height","width","DISABLED","ActionSheet","actions","message","onDismiss","title","visible","isPresented","onIsPresentedChange","next","titleVisibility","children","Trigger","modifiers","Actions","map","action","label","undefined","onPress","role","destructive","Message"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,kBAAkB,EAAEC,MAAM,EAAEC,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AACzF,SAAQC,QAAQ,EAAEC,KAAK,QAAO,6BAA6B;AAE3D,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAG,CAACN,KAAK,CAAC;EAACO,MAAM,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAC,CAAC,CAAC,CAAC;AAE7C,MAAMC,QAAQ,GAAG,CAACV,QAAQ,CAAC,IAAI,CAAC,CAAC;;AAEjC;AACA;AACA;AACA;AACA,OAAO,MAAMW,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EACpHd,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEI,KAAA,CAACV,kBAAkB;IACjBqB,WAAW,EAAED,OAAQ;IACrBE,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTL,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IACbK,eAAe,EAAC,SAAS;IAAAC,QAAA,gBAEzBjB,IAAA,CAACR,kBAAkB,CAAC0B,OAAO;MAAAD,QAAA,eACzBjB,IAAA,CAACP,MAAM;QAAC0B,SAAS,EAAEhB;MAAO,CAAE;IAAC,CACH,CAAC,eAC7BH,IAAA,CAACR,kBAAkB,CAAC4B,OAAO;MAAAH,QAAA,EACxBT,OAAO,CAACa,GAAG,CAACC,MAAM,iBACjBtB,IAAA,CAACT,MAAM;QAELgC,KAAK,EAAED,MAAM,CAACC,KAAM;QACpBJ,SAAS,EAAEG,MAAM,CAAC1B,QAAQ,GAAGU,QAAQ,GAAGkB,SAAU;QAClDC,OAAO,EAAEH,MAAM,CAACG,OAAQ;QACxBC,IAAI,EAAEJ,MAAM,CAACK,WAAW,GAAG,aAAa,GAAG;MAAU,GAJhDL,MAAM,CAACC,KAKb,CACF;IAAC,CACwB,CAAC,EAK5Bd,OAAO,gBACNT,IAAA,CAACR,kBAAkB,CAACoC,OAAO;MAAAX,QAAA,eACzBjB,IAAA,CAACL,WAAW;QAAAsB,QAAA,EAAER;MAAO,CAAc;IAAC,CACV,CAAC,GAC3B,IAAI;EAAA,CACU,CAAC;AAEzB,CAAC","ignoreList":[]}
|
|
@@ -7,9 +7,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
7
7
|
/**
|
|
8
8
|
* Material's `AlertDialog`, built from its slots — title, text, confirm and dismiss buttons. Content passed as plain
|
|
9
9
|
* children has no slot to land in, and the dialog draws empty. The actions mirror the iOS alert: the confirm label
|
|
10
|
-
* (in the destructive colour when asked) and
|
|
10
|
+
* (in the destructive colour when asked) and the cancel label, whose slot stays empty when it is `null`.
|
|
11
11
|
*/
|
|
12
12
|
export const Alert = ({
|
|
13
|
+
cancelLabel = 'Cancel',
|
|
13
14
|
confirmLabel = 'OK',
|
|
14
15
|
destructive = false,
|
|
15
16
|
message,
|
|
@@ -55,13 +56,13 @@ export const Alert = ({
|
|
|
55
56
|
children: confirmLabel
|
|
56
57
|
})
|
|
57
58
|
})
|
|
58
|
-
}), /*#__PURE__*/_jsx(AlertDialog.DismissButton, {
|
|
59
|
+
}), cancelLabel === null ? null : /*#__PURE__*/_jsx(AlertDialog.DismissButton, {
|
|
59
60
|
children: /*#__PURE__*/_jsx(TextButton, {
|
|
60
61
|
onClick: onDismiss,
|
|
61
62
|
children: /*#__PURE__*/_jsx(ComposeText, {
|
|
62
63
|
color: theme.colorString('content.accent'),
|
|
63
64
|
style: theme.typography.body,
|
|
64
|
-
children:
|
|
65
|
+
children: cancelLabel
|
|
65
66
|
})
|
|
66
67
|
})
|
|
67
68
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AlertDialog","Text","ComposeText","TextButton","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","Alert","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","theme","colors","containerColor","color","textContentColor","titleContentColor","onDismissRequest","children","Title","colorString","style","typography","headingXs","body","ConfirmButton","onClick","DismissButton"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,EAAEC,IAAI,IAAIC,WAAW,EAAEC,UAAU,QAAO,0BAA0B;AACrF,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EACpCC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;
|
|
1
|
+
{"version":3,"names":["AlertDialog","Text","ComposeText","TextButton","useAppTheme","useHostGuard","jsx","_jsx","jsxs","_jsxs","Alert","cancelLabel","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","theme","colors","containerColor","color","textContentColor","titleContentColor","onDismissRequest","children","Title","colorString","style","typography","headingXs","body","ConfirmButton","onClick","DismissButton"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,EAAEC,IAAI,IAAIC,WAAW,EAAEC,UAAU,QAAO,0BAA0B;AACrF,SAAQC,WAAW,QAAO,mBAAmB;AAE7C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAqB,GAAGA,CAAC;EACpCC,WAAW,GAAG,QAAQ;EACtBC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;EAChBb,YAAY,CAAC,OAAO,CAAC;EACrB,MAAMc,KAAK,GAAGf,WAAW,CAAC,CAAC;EAE3B,IAAI,CAACc,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACET,KAAA,CAACT,WAAW;IACVoB,MAAM,EAAE;MACNC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC,iBAAiB,CAAC;MAC9CC,gBAAgB,EAAEJ,KAAK,CAACG,KAAK,CAAC,mBAAmB,CAAC;MAClDE,iBAAiB,EAAEL,KAAK,CAACG,KAAK,CAAC,iBAAiB;IAClD,CAAE;IACFG,gBAAgB,EAAET,SAAU;IAAAU,QAAA,gBAE5BnB,IAAA,CAACP,WAAW,CAAC2B,KAAK;MAAAD,QAAA,eAChBnB,IAAA,CAACL,WAAW;QAACoB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAAC,iBAAiB,CAAE;QAACC,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACC,SAAU;QAAAL,QAAA,EACzFT;MAAK,CACK;IAAC,CACG,CAAC,EACnBH,OAAO,gBACNP,IAAA,CAACP,WAAW,CAACC,IAAI;MAAAyB,QAAA,eACfnB,IAAA,CAACL,WAAW;QAACoB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAAC,mBAAmB,CAAE;QAACC,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACE,IAAK;QAAAN,QAAA,EACtFZ;MAAO,CACG;IAAC,CACE,CAAC,GACjB,IAAI,eACRP,IAAA,CAACP,WAAW,CAACiC,aAAa;MAAAP,QAAA,eACxBnB,IAAA,CAACJ,UAAU;QACT+B,OAAO,EAAEA,CAAA,KAAM;UACb;UACAnB,SAAS,GAAG,CAAC;UACbC,SAAS,CAAC,CAAC;QACb,CAAE;QAAAU,QAAA,eAEFnB,IAAA,CAACL,WAAW;UACVoB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAACf,WAAW,GAAG,qBAAqB,GAAG,gBAAgB,CAAE;UACjFgB,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACE,IAAK;UAAAN,QAAA,EAE5Bd;QAAY,CACF;MAAC,CACJ;IAAC,CACY,CAAC,EAC3BD,WAAW,KAAK,IAAI,GAAG,IAAI,gBAC1BJ,IAAA,CAACP,WAAW,CAACmC,aAAa;MAAAT,QAAA,eACxBnB,IAAA,CAACJ,UAAU;QAAC+B,OAAO,EAAElB,SAAU;QAAAU,QAAA,eAC7BnB,IAAA,CAACL,WAAW;UAACoB,KAAK,EAAEH,KAAK,CAACS,WAAW,CAAC,gBAAgB,CAAE;UAACC,KAAK,EAAEV,KAAK,CAACW,UAAU,CAACE,IAAK;UAAAN,QAAA,EACnFf;QAAW,CACD;MAAC,CACJ;IAAC,CACY,CAC5B;EAAA,CACU,CAAC;AAElB,CAAC","ignoreList":[]}
|
|
@@ -13,6 +13,7 @@ const ANCHOR = [frame({
|
|
|
13
13
|
width: 0
|
|
14
14
|
})];
|
|
15
15
|
export const Alert = ({
|
|
16
|
+
cancelLabel = 'Cancel',
|
|
16
17
|
confirmLabel = 'OK',
|
|
17
18
|
destructive = false,
|
|
18
19
|
message,
|
|
@@ -39,8 +40,8 @@ export const Alert = ({
|
|
|
39
40
|
label: confirmLabel,
|
|
40
41
|
onPress: onConfirm ?? onDismiss,
|
|
41
42
|
role: destructive ? 'destructive' : 'default'
|
|
42
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
43
|
-
label:
|
|
43
|
+
}), cancelLabel === null ? null : /*#__PURE__*/_jsx(Button, {
|
|
44
|
+
label: cancelLabel,
|
|
44
45
|
onPress: onDismiss,
|
|
45
46
|
role: "cancel"
|
|
46
47
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Spacer","Alert","SwiftUIAlert","Text","SwiftUIText","frame","useHostGuard","jsx","_jsx","jsxs","_jsxs","ANCHOR","height","width","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","Trigger","modifiers","Actions","label","onPress","role","Message"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,MAAM,EAAEC,KAAK,IAAIC,YAAY,EAAEC,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AAC5F,SAAQC,KAAK,QAAO,6BAA6B;AAEjD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAG,CAACN,KAAK,CAAC;EAACO,MAAM,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAC,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMZ,KAAqB,GAAGA,CAAC;EACpCa,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;
|
|
1
|
+
{"version":3,"names":["Button","Spacer","Alert","SwiftUIAlert","Text","SwiftUIText","frame","useHostGuard","jsx","_jsx","jsxs","_jsxs","ANCHOR","height","width","cancelLabel","confirmLabel","destructive","message","onConfirm","onDismiss","title","visible","isPresented","onIsPresentedChange","next","children","Trigger","modifiers","Actions","label","onPress","role","Message"],"sourceRoot":"../../../../src","sources":["organisms/alert/alert.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,MAAM,EAAEC,KAAK,IAAIC,YAAY,EAAEC,IAAI,IAAIC,WAAW,QAAO,mBAAmB;AAC5F,SAAQC,KAAK,QAAO,6BAA6B;AAEjD,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAG,CAACN,KAAK,CAAC;EAACO,MAAM,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAC,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMZ,KAAqB,GAAGA,CAAC;EACpCa,WAAW,GAAG,QAAQ;EACtBC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC;AACU,CAAC,KAAK;EAChBf,YAAY,CAAC,OAAO,CAAC;EAErB,oBACEI,KAAA,CAACR,YAAY;IACXoB,WAAW,EAAED,OAAQ;IACrBE,mBAAmB,EAAEC,IAAI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACTL,SAAS,CAAC,CAAC;MACb;IACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IAAAK,QAAA,gBAEbjB,IAAA,CAACN,YAAY,CAACwB,OAAO;MAAAD,QAAA,eACnBjB,IAAA,CAACR,MAAM;QAAC2B,SAAS,EAAEhB;MAAO,CAAE;IAAC,CACT,CAAC,eACvBD,KAAA,CAACR,YAAY,CAAC0B,OAAO;MAAAH,QAAA,gBACnBjB,IAAA,CAACT,MAAM;QAAC8B,KAAK,EAAEd,YAAa;QAACe,OAAO,EAAEZ,SAAS,IAAIC,SAAU;QAACY,IAAI,EAAEf,WAAW,GAAG,aAAa,GAAG;MAAU,CAAE,CAAC,EAC9GF,WAAW,KAAK,IAAI,GAAG,IAAI,gBAAGN,IAAA,CAACT,MAAM;QAAC8B,KAAK,EAAEf,WAAY;QAACgB,OAAO,EAAEX,SAAU;QAACY,IAAI,EAAC;MAAQ,CAAE,CAAC;IAAA,CAC3E,CAAC,EAQtBd,OAAO,gBACNT,IAAA,CAACN,YAAY,CAAC8B,OAAO;MAAAP,QAAA,eACnBjB,IAAA,CAACJ,WAAW;QAAAqB,QAAA,EAAER;MAAO,CAAc;IAAC,CAChB,CAAC,GACrB,IAAI;EAAA,CACI,CAAC;AAEnB,CAAC","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ import { Pressable, StyleSheet, View } from 'react-native';
|
|
|
9
9
|
import { Icon } from "../../atoms/icon/index.js";
|
|
10
10
|
import { HostBoundary } from "../../host-context.js";
|
|
11
11
|
import { splitForRipple } from "../../ripple-clip.js";
|
|
12
|
+
import { menuActionColor } from "../menu/menu-parts.js";
|
|
12
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
14
|
const styles = StyleSheet.create({
|
|
14
15
|
/** A point under the finger: the dropdown opens from it. The menu is a popup window, so nothing clips it. */
|
|
@@ -24,12 +25,13 @@ const MenuRow = ({
|
|
|
24
25
|
onDismiss
|
|
25
26
|
}) => {
|
|
26
27
|
const theme = useAppTheme();
|
|
27
|
-
const color = action
|
|
28
|
+
const color = menuActionColor(action);
|
|
28
29
|
const onClick = useCallback(() => {
|
|
29
30
|
onDismiss();
|
|
30
31
|
action.onPress();
|
|
31
32
|
}, [action, onDismiss]);
|
|
32
33
|
return /*#__PURE__*/_jsxs(DropdownMenuItem, {
|
|
34
|
+
enabled: !action.disabled,
|
|
33
35
|
onClick: onClick,
|
|
34
36
|
children: [/*#__PURE__*/_jsx(DropdownMenuItem.Text, {
|
|
35
37
|
children: /*#__PURE__*/_jsx(ComposeText, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","Host","haptics","useSx","useAppTheme","useCallback","useMemo","useRef","useState","Pressable","StyleSheet","View","Icon","HostBoundary","splitForRipple","jsx","_jsx","jsxs","_jsxs","styles","create","anchor","height","position","width","MenuRow","action","onDismiss","theme","color","
|
|
1
|
+
{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","Host","haptics","useSx","useAppTheme","useCallback","useMemo","useRef","useState","Pressable","StyleSheet","View","Icon","HostBoundary","splitForRipple","menuActionColor","jsx","_jsx","jsxs","_jsxs","styles","create","anchor","height","position","width","MenuRow","action","onDismiss","theme","color","onClick","onPress","enabled","disabled","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","ContextMenuRoot","actions","testID","props","onOpenChange","_onOpenChange","onPreviewPress","_onPreviewPress","preloadedScreenId","_preloadedScreenId","preview","_preview","previewTransition","_previewTransition","sx","resolved","trigger","setAnchor","expanded","setExpanded","inner","outer","ripple","highlight","backgroundColor","open","event","pageX","pageY","nativeEvent","longPress","current","measure","_x","_y","_width","_height","left","top","x","y","dismiss","android_ripple","onLongPress","ref","pointerEvents","absoluteFill","colorScheme","dark","seedColor","materialSeed","onDismissRequest","Items","map","Exclusion","ContextMenu","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,0BAA0B;AAClG,SAAQC,OAAO,QAAO,0BAA0B;AAChD,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AAC5D,SAAoCC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAO,cAAc;AACpF,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,cAAc,QAAO,sBAAmB;AAEhD,SAAQC,eAAe,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKlD,MAAMC,MAAM,GAAGV,UAAU,CAACW,MAAM,CAAC;EAC/B;EACAC,MAAM,EAAE;IAACC,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,UAAU;IAAEC,KAAK,EAAE;EAAC;AACpD,CAAC,CAAC;AAOF;AACA,MAAMC,OAAO,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAuB,CAAC,KAAK;EACrD,MAAMC,KAAK,GAAGzB,WAAW,CAAC,CAAC;EAC3B,MAAM0B,KAAK,GAAGf,eAAe,CAACY,MAAM,CAAC;EAErC,MAAMI,OAAO,GAAG1B,WAAW,CAAC,MAAM;IAChCuB,SAAS,CAAC,CAAC;IACXD,MAAM,CAACK,OAAO,CAAC,CAAC;EAClB,CAAC,EAAE,CAACL,MAAM,EAAEC,SAAS,CAAC,CAAC;EAEvB,oBACET,KAAA,CAACnB,gBAAgB;IAACiC,OAAO,EAAE,CAACN,MAAM,CAACO,QAAS;IAACH,OAAO,EAAEA,OAAQ;IAAAI,QAAA,gBAC5DlB,IAAA,CAACjB,gBAAgB,CAACH,IAAI;MAAAsC,QAAA,eACpBlB,IAAA,CAACnB,WAAW;QAACgC,KAAK,EAAED,KAAK,CAACO,WAAW,CAACN,KAAK,CAAE;QAACO,KAAK,EAAER,KAAK,CAACS,UAAU,CAACC,IAAK;QAAAJ,QAAA,EACxER,MAAM,CAACa;MAAK,CACF;IAAC,CACO,CAAC,EACvBb,MAAM,CAACc,IAAI,gBACVxB,IAAA,CAACjB,gBAAgB,CAAC0C,WAAW;MAAAP,QAAA,eAC3BlB,IAAA,CAACL,IAAI;QAACkB,KAAK,EAAEA,KAAM;QAACa,IAAI,EAAEhB,MAAM,CAACc,IAAK;QAACG,IAAI,EAAC;MAAK,CAAE;IAAC,CACxB,CAAC,GAC7B,IAAI;EAAA,CACQ,CAAC;AAEvB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAGA,CAAC;EAACC,OAAO;EAAEX,QAAQ;EAAEY,MAAM;EAAE,GAAGC;AAAuB,CAAC,KAAK;EACnF,MAAM;IACJC,YAAY,EAAEC,aAAa;IAC3BC,cAAc,EAAEC,eAAe;IAC/BC,iBAAiB,EAAEC,kBAAkB;IACrCC,OAAO,EAAEC,QAAQ;IACjBC,iBAAiB,EAAEC,kBAAkB;IACrC,GAAGC;EACL,CAAC,GAAGX,KAAK;EACT,MAAMnB,KAAK,GAAGzB,WAAW,CAAC,CAAC;EAC3B,MAAMwD,QAAQ,GAAGzD,KAAK,CAACwD,EAAE,CAAC;EAC1B,MAAME,OAAO,GAAGtD,MAAM,CAAO,IAAI,CAAC;EAClC,MAAM,CAACe,MAAM,EAAEwC,SAAS,CAAC,GAAGtD,QAAQ,CAAe,IAAI,CAAC;EACxD,MAAM,CAACuD,QAAQ,EAAEC,WAAW,CAAC,GAAGxD,QAAQ,CAAC,KAAK,CAAC;;EAE/C;EACA,MAAM;IAACyD,KAAK;IAAEC;EAAK,CAAC,GAAG5D,OAAO,CAAC,MAAMQ,cAAc,CAAC8C,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAC1E,MAAMO,MAAM,GAAG7D,OAAO,CAAC,OAAO;IAACwB,KAAK,EAAED,KAAK,CAACC,KAAK,CAAC,eAAe;EAAC,CAAC,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAC9E,MAAMuC,SAAS,GAAG9D,OAAO,CAAC,OAAO;IAAC+D,eAAe,EAAExC,KAAK,CAACC,KAAK,CAAC,eAAe;EAAC,CAAC,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAE3F,MAAMyC,IAAI,GAAGjE,WAAW,CAAEkE,KAA4B,IAAK;IACzD,MAAM;MAACC,KAAK;MAAEC;IAAK,CAAC,GAAGF,KAAK,CAACG,WAAW;IAExCxE,OAAO,CAACyE,SAAS,CAAC,CAAC;IACnB;IACAd,OAAO,CAACe,OAAO,EAAEC,OAAO,CAAC,CAACC,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEC,IAAI,EAAEC,GAAG,KAAK;MAC/DrB,SAAS,CAAC;QAACsB,CAAC,EAAEZ,KAAK,GAAGU,IAAI;QAAEG,CAAC,EAAEZ,KAAK,GAAGU;MAAG,CAAC,CAAC;MAC5CnB,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMsB,OAAO,GAAGjF,WAAW,CAAC,MAAM2D,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACE/C,IAAA,CAACN,IAAI;IAAC0B,KAAK,EAAE6B,KAAM;IAAA/B,QAAA,eACjBhB,KAAA,CAACV,SAAS;MAAC8E,cAAc,EAAEpB,MAAO;MAACqB,WAAW,EAAElB,IAAK;MAACmB,GAAG,EAAE5B,OAAQ;MAACxB,KAAK,EAAE4B,KAAM;MAAClB,MAAM,EAAEA,MAAO;MAAAZ,QAAA,GAE9F4B,QAAQ,gBAAG9C,IAAA,CAACN,IAAI;QAAC+E,aAAa,EAAC,MAAM;QAACrD,KAAK,EAAE,CAAC3B,UAAU,CAACiF,YAAY,EAAEvB,SAAS;MAAE,CAAE,CAAC,GAAG,IAAI,EAC5FjC,QAAQ,EACRb,MAAM,gBACLL,IAAA,CAAChB,IAAI;QACH2F,WAAW,EAAE/D,KAAK,CAACgE,IAAI,GAAG,MAAM,GAAG,OAAQ;QAC3CH,aAAa,EAAC,MAAM;QACpBI,SAAS,EAAEjE,KAAK,CAACkE,YAAa;QAC9B1D,KAAK,EAAE,CAACjB,MAAM,CAACE,MAAM,EAAE;UAAC4D,IAAI,EAAE5D,MAAM,CAAC8D,CAAC;UAAED,GAAG,EAAE7D,MAAM,CAAC+D;QAAC,CAAC,CAAE;QAAAlD,QAAA,eAExDlB,IAAA,CAACJ,YAAY;UAAAsB,QAAA,eACXlB,IAAA,CAAClB,YAAY;YAAC+B,KAAK,EAAED,KAAK,CAACC,KAAK,CAAC,iBAAiB,CAAE;YAACiC,QAAQ,EAAEA,QAAS;YAACiC,gBAAgB,EAAEV,OAAQ;YAAAnD,QAAA,eACjGlB,IAAA,CAAClB,YAAY,CAACkG,KAAK;cAAA9D,QAAA,EAChBW,OAAO,CAACoD,GAAG,CAACvE,MAAM,iBACjBV,IAAA,CAACS,OAAO;gBAACC,MAAM,EAAEA,MAAO;gBAAoBC,SAAS,EAAE0D;cAAQ,GAAjC3D,MAAM,CAACa,KAA4B,CAClE;YAAC,CACgB;UAAC,CACT;QAAC,CACH;MAAC,CACX,CAAC,GACL,IAAI;IAAA,CACC;EAAC,CACR,CAAC;AAEX,CAAC;;AAED;AACA,MAAM2D,SAAS,GAAGA,CAAC;EAAChE;AAAmC,CAAC,kBAAKlB,IAAA,CAACN,IAAI;EAAAwB,QAAA,EAAEA;AAAQ,CAAO,CAAC;AAEpF,OAAO,MAAMiE,WAAiC,GAAGC,MAAM,CAACC,MAAM,CAACzD,eAAe,EAAE;EAACsD;AAAS,CAAC,CAAC","ignoreList":[]}
|
|
@@ -21,6 +21,7 @@ const ContextMenuRoot = ({
|
|
|
21
21
|
/** The native side hands back an id; the index is the one identity every action has. */
|
|
22
22
|
const items = useMemo(() => actions.map((action, index) => ({
|
|
23
23
|
destructive: action.destructive,
|
|
24
|
+
disabled: action.disabled,
|
|
24
25
|
id: String(index),
|
|
25
26
|
image: action.icon ? iconResourceName(action.icon) : undefined,
|
|
26
27
|
title: action.label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["iconResourceName","ContextMenu","NativeContextMenu","ContextMenuExclusion","NativeContextMenuExclusion","useSx","useCallback","useMemo","jsx","_jsx","ContextMenuRoot","actions","children","onOpenChange","onPreviewPress","preloadedScreenId","preview","previewTransition","testID","sx","style","items","map","action","index","destructive","id","String","image","icon","undefined","title","label","onSelectItem","Number","onPress","onMenuOpen","onMenuClose","isCommitted","Exclusion","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,0BAA0B;AACzD,SAEEC,WAAW,IAAIC,iBAAiB,EAChCC,oBAAoB,IAAIC,0BAA0B,QAC7C,6BAA6B;AACpC,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1C,MAAMC,eAAe,GAAGA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,YAAY;EACZC,cAAc;EACdC,iBAAiB;EACjBC,OAAO;EACPC,iBAAiB;EACjBC,MAAM;EACN,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGf,KAAK,CAACc,EAAE,CAAC;;EAEvB;EACA,MAAME,KAAK,GAAGd,OAAO,CACnB,MACEI,OAAO,CAACW,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;IAC9BC,WAAW,EAAEF,MAAM,CAACE,WAAW;IAC/BC,EAAE,EAAEC,MAAM,
|
|
1
|
+
{"version":3,"names":["iconResourceName","ContextMenu","NativeContextMenu","ContextMenuExclusion","NativeContextMenuExclusion","useSx","useCallback","useMemo","jsx","_jsx","ContextMenuRoot","actions","children","onOpenChange","onPreviewPress","preloadedScreenId","preview","previewTransition","testID","sx","style","items","map","action","index","destructive","disabled","id","String","image","icon","undefined","title","label","onSelectItem","Number","onPress","onMenuOpen","onMenuClose","isCommitted","Exclusion","Object","assign"],"sourceRoot":"../../../../src","sources":["organisms/context-menu/context-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,0BAA0B;AACzD,SAEEC,WAAW,IAAIC,iBAAiB,EAChCC,oBAAoB,IAAIC,0BAA0B,QAC7C,6BAA6B;AACpC,SAAQC,KAAK,QAAO,gBAAgB;AACpC,SAAQC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1C,MAAMC,eAAe,GAAGA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,YAAY;EACZC,cAAc;EACdC,iBAAiB;EACjBC,OAAO;EACPC,iBAAiB;EACjBC,MAAM;EACN,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGf,KAAK,CAACc,EAAE,CAAC;;EAEvB;EACA,MAAME,KAAK,GAAGd,OAAO,CACnB,MACEI,OAAO,CAACW,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,MAAM;IAC9BC,WAAW,EAAEF,MAAM,CAACE,WAAW;IAC/BC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;IACzBC,EAAE,EAAEC,MAAM,CAACJ,KAAK,CAAC;IACjBK,KAAK,EAAEN,MAAM,CAACO,IAAI,GAAG9B,gBAAgB,CAACuB,MAAM,CAACO,IAAI,CAAC,GAAGC,SAAS;IAC9DC,KAAK,EAAET,MAAM,CAACU;EAChB,CAAC,CAAC,CAAC,EACL,CAACtB,OAAO,CACV,CAAC;EAED,MAAMuB,YAAY,GAAG5B,WAAW,CAAEqB,EAAU,IAAKhB,OAAO,CAACwB,MAAM,CAACR,EAAE,CAAC,CAAC,EAAES,OAAO,CAAC,CAAC,EAAE,CAACzB,OAAO,CAAC,CAAC;EAE3F,MAAM0B,UAAU,GAAG/B,WAAW,CAAC,MAAMO,YAAY,GAAG,IAAI,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAE1E,MAAMyB,WAAW,GAAGhC,WAAW,CAC5BiC,WAAoB,IAAK;IACxB,IAAI,CAACA,WAAW,EAAE;MAChB1B,YAAY,GAAG,KAAK,CAAC;IACvB;EACF,CAAC,EACD,CAACA,YAAY,CACf,CAAC;EAED,oBACEJ,IAAA,CAACP,iBAAiB;IAChBmB,KAAK,EAAEA,KAAM;IACbiB,WAAW,EAAEzB,YAAY,GAAGyB,WAAW,GAAGP,SAAU;IACpDM,UAAU,EAAExB,YAAY,GAAGwB,UAAU,GAAGN,SAAU;IAClDjB,cAAc,EAAEA,cAAe;IAC/BoB,YAAY,EAAEA,YAAa;IAC3BnB,iBAAiB,EAAEA,iBAAkB;IACrCC,OAAO,EAAEA,OAAQ;IACjBC,iBAAiB,EAAEA,iBAAkB;IACrCG,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IAAAN,QAAA,EAEdA;EAAQ,CACQ,CAAC;AAExB,CAAC;AAED,MAAM4B,SAAS,GAAGA,CAAC;EAAC5B;AAAmC,CAAC,kBACtDH,IAAA,CAACL,0BAA0B;EAAAQ,QAAA,EAAEA;AAAQ,CAA6B,CACnE;AAED,OAAO,MAAMX,WAAiC,GAAGwC,MAAM,CAACC,MAAM,CAAChC,eAAe,EAAE;EAAC8B;AAAS,CAAC,CAAC","ignoreList":[]}
|
|
@@ -35,6 +35,9 @@ const FabMenuRow = ({
|
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
/**
|
|
38
|
+
* `MenuAction.destructive` and `disabled` are not drawn: Material 3's `FloatingActionButtonMenuItem` takes neither a
|
|
39
|
+
* role nor an `enabled` state, and its pills keep the button's colours.
|
|
40
|
+
*
|
|
38
41
|
* The menu fills its host and pins itself to the bottom end, so give it the corner of a screen — a `ZStack` over the
|
|
39
42
|
* content — rather than a row of its own. The pills take the button's colours, so the menu reads as the button
|
|
40
43
|
* unfolding rather than a second surface.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","ComposeText","FloatingActionButtonMenu","FloatingActionButtonMenuItem","ToggleFloatingActionButton","useAppTheme","useCallback","useState","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","FabMenuRow","action","onSelect","theme","onClick","containerColor","color","contentColor","children","icon","name","colorString","style","typography","labelMedium","label","FabMenu","accessibilityLabel","actions","expanded","setExpanded","onPress","horizontalAlignment","Button","checked","onCheckedChange","map"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.android.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Text","ComposeText","FloatingActionButtonMenu","FloatingActionButtonMenuItem","ToggleFloatingActionButton","useAppTheme","useCallback","useState","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","FabMenuRow","action","onSelect","theme","onClick","containerColor","color","contentColor","children","icon","name","colorString","style","typography","labelMedium","label","FabMenu","accessibilityLabel","actions","expanded","setExpanded","onPress","horizontalAlignment","Button","checked","onCheckedChange","map"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AAC5D,SACEC,wBAAwB,EACxBC,4BAA4B,EAC5BC,0BAA0B,QACrB,oCAAoC;AAC3C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAC3C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS/C;AACA,MAAMC,UAAU,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAMC,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,OAAO,GAAGb,WAAW,CAAC,MAAMW,QAAQ,CAACD,MAAM,CAAC,EAAE,CAACA,MAAM,EAAEC,QAAQ,CAAC,CAAC;EAEvE,oBACEH,KAAA,CAACX,4BAA4B;IAC3BiB,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC,qBAAqB,CAAE;IACnDC,YAAY,EAAEJ,KAAK,CAACG,KAAK,CAAC,mBAAmB,CAAE;IAC/CF,OAAO,EAAEA,OAAQ;IAAAI,QAAA,GAEhBP,MAAM,CAACQ,IAAI,gBACVZ,IAAA,CAACT,4BAA4B,CAACK,IAAI;MAAAe,QAAA,eAChCX,IAAA,CAACJ,IAAI;QAACa,KAAK,EAAC,mBAAmB;QAACI,IAAI,EAAET,MAAM,CAACQ;MAAK,CAAE;IAAC,CACpB,CAAC,GAClC,IAAI,eACRZ,IAAA,CAACT,4BAA4B,CAACH,IAAI;MAAAuB,QAAA,eAChCX,IAAA,CAACX,WAAW;QAACoB,KAAK,EAAEH,KAAK,CAACQ,WAAW,CAAC,mBAAmB,CAAE;QAACC,KAAK,EAAET,KAAK,CAACU,UAAU,CAACC,WAAY;QAAAN,QAAA,EAC7FP,MAAM,CAACc;MAAK,CACF;IAAC,CACmB,CAAC;EAAA,CACR,CAAC;AAEnC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,kBAAkB;EAAEC,OAAO;EAAET;AAAkB,CAAC,KAAK;EAC9Fd,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMQ,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAM,CAAC6B,QAAQ,EAAEC,WAAW,CAAC,GAAG5B,QAAQ,CAAC,KAAK,CAAC;EAE/C,MAAMU,QAAQ,GAAGX,WAAW,CAAEU,MAAkB,IAAK;IACnDmB,WAAW,CAAC,KAAK,CAAC;IAClBnB,MAAM,CAACoB,OAAO,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEtB,KAAA,CAACZ,wBAAwB;IAACgC,QAAQ,EAAEA,QAAS;IAACG,mBAAmB,EAAC,KAAK;IAAAd,QAAA,gBACrEX,IAAA,CAACV,wBAAwB,CAACoC,MAAM;MAAAf,QAAA,eAC9BX,IAAA,CAACR,0BAA0B;QACzBmC,OAAO,EAAEL,QAAS;QAClBd,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC,qBAAqB,CAAE;QACnDmB,eAAe,EAAEL,WAAY;QAAAZ,QAAA,eAE7BX,IAAA,CAACR,0BAA0B,CAACI,IAAI;UAAAe,QAAA,EAC7BC,IAAI,gBACHZ,IAAA,CAACJ,IAAI;YAACwB,kBAAkB,EAAEA,kBAAmB;YAACX,KAAK,EAAC,mBAAmB;YAACI,IAAI,EAAED;UAAK,CAAE,CAAC,gBAEtFZ,IAAA,CAACH,KAAK;YAACuB,kBAAkB,EAAEA,kBAAmB;YAACX,KAAK,EAAC,mBAAmB;YAACI,IAAI,EAAC;UAAM,CAAE;QACvF,CAC8B;MAAC,CACR;IAAC,CACE,CAAC,EACjCQ,OAAO,CAACQ,GAAG,CAACzB,MAAM,iBACjBJ,IAAA,CAACG,UAAU;MAACC,MAAM,EAAEA,MAAO;MAAoBC,QAAQ,EAAEA;IAAS,GAAjCD,MAAM,CAACc,KAA4B,CACrE,CAAC;EAAA,CACsB,CAAC;AAE/B,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Button, Image, Label, Menu } from '@expo/ui/swift-ui';
|
|
4
|
+
import { disabled } from '@expo/ui/swift-ui/modifiers';
|
|
4
5
|
import { iconResourceName } from '@hzblj/expo-native-icons';
|
|
5
6
|
import { Icon } from "../../atoms/icon/index.js";
|
|
6
7
|
import { VStack } from "../../atoms/v-stack/index.js";
|
|
@@ -9,6 +10,7 @@ import { useHostGuard } from "../../host-context.js";
|
|
|
9
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
11
|
/** Matches `Fab`, so a screen can switch between the two without the button changing shape. */
|
|
11
12
|
const FAB_SIZE = 56;
|
|
13
|
+
const DISABLED = [disabled(true)];
|
|
12
14
|
export const FabMenu = ({
|
|
13
15
|
accessibilityLabel,
|
|
14
16
|
actions,
|
|
@@ -37,6 +39,7 @@ export const FabMenu = ({
|
|
|
37
39
|
}),
|
|
38
40
|
testID: testID,
|
|
39
41
|
children: actions.map(action => /*#__PURE__*/_jsx(Button, {
|
|
42
|
+
modifiers: action.disabled ? DISABLED : undefined,
|
|
40
43
|
onPress: action.onPress,
|
|
41
44
|
role: action.destructive ? 'destructive' : 'default',
|
|
42
45
|
children: /*#__PURE__*/_jsx(Label, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Image","Label","Menu","iconResourceName","Icon","VStack","Glyph","useHostGuard","jsx","_jsx","FAB_SIZE","FabMenu","accessibilityLabel","actions","icon","testID","label","align","bg","borderRadius","h","p","shadow","w","children","color","name","map","action","onPress","role","destructive","assetName","
|
|
1
|
+
{"version":3,"names":["Button","Image","Label","Menu","disabled","iconResourceName","Icon","VStack","Glyph","useHostGuard","jsx","_jsx","FAB_SIZE","DISABLED","FabMenu","accessibilityLabel","actions","icon","testID","label","align","bg","borderRadius","h","p","shadow","w","children","color","name","map","action","modifiers","undefined","onPress","role","destructive","assetName","title"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,QAAO,mBAAmB;AAC5D,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,gBAAgB,QAAO,0BAA0B;AAEzD,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA,MAAMC,QAAQ,GAAG,EAAE;AAEnB,MAAMC,QAAQ,GAAG,CAACT,QAAQ,CAAC,IAAI,CAAC,CAAC;AAEjC,OAAO,MAAMU,OAAyB,GAAGA,CAAC;EAACC,kBAAkB;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EACtGT,YAAY,CAAC,SAAS,CAAC;EAEvB,oBACEE,IAAA,CAACR,IAAI;IACHgB,KAAK,eACHR,IAAA,CAACJ,MAAM;MACLa,KAAK,EAAC,QAAQ;MACdC,EAAE,EAAC,qBAAqB;MACxBC,YAAY,EAAC,MAAM;MACnBC,CAAC,EAAEX,QAAS;MACZY,CAAC,EAAC,KAAK;MACPC,MAAM,EAAC,YAAY;MACnBC,CAAC,EAAEd,QAAS;MAAAe,QAAA,EAEXV,IAAI,gBACHN,IAAA,CAACL,IAAI;QAACS,kBAAkB,EAAEA,kBAAmB;QAACa,KAAK,EAAC,mBAAmB;QAACC,IAAI,EAAEZ;MAAK,CAAE,CAAC,gBAEtFN,IAAA,CAACH,KAAK;QAACO,kBAAkB,EAAEA,kBAAmB;QAACa,KAAK,EAAC,mBAAmB;QAACC,IAAI,EAAC;MAAM,CAAE;IACvF,CACK,CACT;IACDX,MAAM,EAAEA,MAAO;IAAAS,QAAA,EAEdX,OAAO,CAACc,GAAG,CAACC,MAAM,iBACjBpB,IAAA,CAACX,MAAM;MAELgC,SAAS,EAAED,MAAM,CAAC3B,QAAQ,GAAGS,QAAQ,GAAGoB,SAAU;MAClDC,OAAO,EAAEH,MAAM,CAACG,OAAQ;MACxBC,IAAI,EAAEJ,MAAM,CAACK,WAAW,GAAG,aAAa,GAAG,SAAU;MAAAT,QAAA,eAGrDhB,IAAA,CAACT,KAAK;QACJe,IAAI,EAAEc,MAAM,CAACd,IAAI,gBAAGN,IAAA,CAACV,KAAK;UAACoC,SAAS,EAAEhC,gBAAgB,CAAC0B,MAAM,CAACd,IAAI;QAAE,CAAE,CAAC,GAAGgB,SAAU;QACpFK,KAAK,EAAEP,MAAM,CAACZ;MAAM,CACrB;IAAC,GATGY,MAAM,CAACZ,KAUN,CACT;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* An action's colour in a row kara draws itself (the Android menus and sheets): greyed when disabled, as `IconButton`
|
|
5
|
+
* greys, red when destructive. A Compose `DropdownMenuItem` cannot grey its own text here, since the text sets its
|
|
6
|
+
* colour explicitly.
|
|
7
|
+
*/
|
|
8
|
+
export const menuActionColor = ({
|
|
9
|
+
destructive,
|
|
10
|
+
disabled
|
|
11
|
+
}) => {
|
|
12
|
+
if (disabled) {
|
|
13
|
+
return 'btn.content.disabled';
|
|
14
|
+
}
|
|
15
|
+
return destructive ? 'content.destructive' : 'content.primary';
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
/** A trigger with no text: the props' union guarantees its icon and the words a screen reader says for it. */
|
|
19
|
+
export const isIconOnly = props => props.label === undefined;
|
|
20
|
+
//# sourceMappingURL=menu-parts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["menuActionColor","destructive","disabled","isIconOnly","props","label","undefined"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu-parts.ts"],"mappings":";;AAKA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,eAAe,GAAGA,CAAC;EAACC,WAAW;EAAEC;AAAoB,CAAC,KAAiB;EAClF,IAAIA,QAAQ,EAAE;IACZ,OAAO,sBAAsB;EAC/B;EAEA,OAAOD,WAAW,GAAG,qBAAqB,GAAG,iBAAiB;AAChE,CAAC;;AAED;AACA,OAAO,MAAME,UAAU,GAAIC,KAAgB,IACzCA,KAAK,CAACC,KAAK,KAAKC,SAAS","ignoreList":[]}
|
|
@@ -5,21 +5,24 @@ import { useAppTheme } from '@hzblj/kara-theme';
|
|
|
5
5
|
import { useCallback, useState } from 'react';
|
|
6
6
|
import { HStack } from "../../atoms/h-stack/index.js";
|
|
7
7
|
import { Icon } from "../../atoms/icon/index.js";
|
|
8
|
+
import { IconButton } from "../../atoms/icon-button/index.js";
|
|
8
9
|
import { Text } from "../../atoms/text/index.js";
|
|
9
10
|
import { Glyph } from "../../glyph/index.js";
|
|
10
11
|
import { useHostGuard } from "../../host-context.js";
|
|
12
|
+
import { isIconOnly, menuActionColor } from "./menu-parts.js";
|
|
11
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
14
|
const MenuItem = ({
|
|
13
15
|
action,
|
|
14
16
|
onDismiss
|
|
15
17
|
}) => {
|
|
16
18
|
const theme = useAppTheme();
|
|
17
|
-
const color = action
|
|
19
|
+
const color = menuActionColor(action);
|
|
18
20
|
return /*#__PURE__*/_jsxs(DropdownMenuItem, {
|
|
19
21
|
elementColors: {
|
|
20
22
|
leadingIconColor: theme.color(color),
|
|
21
23
|
textColor: theme.color(color)
|
|
22
24
|
},
|
|
25
|
+
enabled: !action.disabled,
|
|
23
26
|
onClick: () => {
|
|
24
27
|
onDismiss();
|
|
25
28
|
action.onPress();
|
|
@@ -39,39 +42,68 @@ const MenuItem = ({
|
|
|
39
42
|
}) : null]
|
|
40
43
|
});
|
|
41
44
|
};
|
|
45
|
+
const triggerOf = (props, open) => {
|
|
46
|
+
if (isIconOnly(props)) {
|
|
47
|
+
// Material's overflow menu: an icon button, its label carried by the icon.
|
|
48
|
+
return /*#__PURE__*/_jsx(IconButton, {
|
|
49
|
+
accessibilityLabel: props.accessibilityLabel,
|
|
50
|
+
name: props.icon,
|
|
51
|
+
onPress: open,
|
|
52
|
+
testID: props.testID
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
const {
|
|
56
|
+
accessibilityLabel,
|
|
57
|
+
icon,
|
|
58
|
+
label,
|
|
59
|
+
testID
|
|
60
|
+
} = props;
|
|
61
|
+
return /*#__PURE__*/_jsxs(HStack, {
|
|
62
|
+
accessibilityLabel: accessibilityLabel,
|
|
63
|
+
align: "center",
|
|
64
|
+
onPress: open,
|
|
65
|
+
spacing: "s4",
|
|
66
|
+
testID: testID,
|
|
67
|
+
children: [icon ? /*#__PURE__*/_jsxs(HStack, {
|
|
68
|
+
align: "center",
|
|
69
|
+
spacing: "s8",
|
|
70
|
+
children: [/*#__PURE__*/_jsx(Icon, {
|
|
71
|
+
color: "content.accent",
|
|
72
|
+
name: icon,
|
|
73
|
+
size: "s20"
|
|
74
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
75
|
+
color: "content.accent",
|
|
76
|
+
children: label
|
|
77
|
+
})]
|
|
78
|
+
}) : /*#__PURE__*/_jsx(Text, {
|
|
79
|
+
color: "content.accent",
|
|
80
|
+
children: label
|
|
81
|
+
}), /*#__PURE__*/_jsx(Glyph, {
|
|
82
|
+
color: "content.accent",
|
|
83
|
+
name: "chevronDown",
|
|
84
|
+
size: "s16"
|
|
85
|
+
})]
|
|
86
|
+
});
|
|
87
|
+
};
|
|
42
88
|
|
|
43
89
|
/**
|
|
44
90
|
* Material's dropdown menu, anchored to its trigger. The items live in the `Items` slot, which Compose presents in
|
|
45
91
|
* its own popup — anywhere else they would be laid out in place, on top of the trigger.
|
|
46
92
|
*/
|
|
47
|
-
export const Menu =
|
|
48
|
-
actions,
|
|
49
|
-
label
|
|
50
|
-
}) => {
|
|
93
|
+
export const Menu = props => {
|
|
51
94
|
useHostGuard('Menu');
|
|
52
95
|
const theme = useAppTheme();
|
|
53
96
|
const [expanded, setExpanded] = useState(false);
|
|
97
|
+
const open = useCallback(() => setExpanded(true), []);
|
|
54
98
|
const dismiss = useCallback(() => setExpanded(false), []);
|
|
55
99
|
return /*#__PURE__*/_jsxs(DropdownMenu, {
|
|
56
100
|
color: theme.color('surface.primary'),
|
|
57
101
|
expanded: expanded,
|
|
58
102
|
onDismissRequest: dismiss,
|
|
59
103
|
children: [/*#__PURE__*/_jsx(DropdownMenu.Trigger, {
|
|
60
|
-
children:
|
|
61
|
-
align: "center",
|
|
62
|
-
onPress: () => setExpanded(true),
|
|
63
|
-
spacing: "s4",
|
|
64
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
65
|
-
color: "content.accent",
|
|
66
|
-
children: label
|
|
67
|
-
}), /*#__PURE__*/_jsx(Glyph, {
|
|
68
|
-
color: "content.accent",
|
|
69
|
-
name: "chevronDown",
|
|
70
|
-
size: "s16"
|
|
71
|
-
})]
|
|
72
|
-
})
|
|
104
|
+
children: triggerOf(props, open)
|
|
73
105
|
}), /*#__PURE__*/_jsx(DropdownMenu.Items, {
|
|
74
|
-
children: actions.map(action => /*#__PURE__*/_jsx(MenuItem, {
|
|
106
|
+
children: props.actions.map(action => /*#__PURE__*/_jsx(MenuItem, {
|
|
75
107
|
action: action,
|
|
76
108
|
onDismiss: dismiss
|
|
77
109
|
}, action.label))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","useAppTheme","useCallback","useState","HStack","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","color","
|
|
1
|
+
{"version":3,"names":["Text","ComposeText","DropdownMenu","DropdownMenuItem","useAppTheme","useCallback","useState","HStack","Icon","IconButton","Glyph","useHostGuard","isIconOnly","menuActionColor","jsx","_jsx","jsxs","_jsxs","MenuItem","action","onDismiss","theme","color","elementColors","leadingIconColor","textColor","enabled","disabled","onClick","onPress","children","colorString","style","typography","body","label","icon","LeadingIcon","name","size","triggerOf","props","open","accessibilityLabel","testID","align","spacing","Menu","expanded","setExpanded","dismiss","onDismissRequest","Trigger","Items","actions","map"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.android.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,19 +1,82 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Button, Menu as SwiftUIMenu } from '@expo/ui/swift-ui';
|
|
3
|
+
import { Button, Image, Label, Menu as SwiftUIMenu } from '@expo/ui/swift-ui';
|
|
4
|
+
import { contentShape, disabled, frame, resizable, shapes } from '@expo/ui/swift-ui/modifiers';
|
|
5
|
+
import { iconResourceName } from '@hzblj/expo-native-icons';
|
|
6
|
+
import { useAccessibilityModifiers } from '@hzblj/kara-sx';
|
|
7
|
+
import { spacing } from '@hzblj/kara-theme';
|
|
8
|
+
import { Icon } from "../../atoms/icon/index.js";
|
|
9
|
+
import { ZStack } from "../../atoms/z-stack/index.js";
|
|
4
10
|
import { useHostGuard } from "../../host-context.js";
|
|
11
|
+
import { isIconOnly } from "./menu-parts.js";
|
|
5
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
13
|
+
const DISABLED = [disabled(true)];
|
|
14
|
+
|
|
15
|
+
/** Apple's least tap target, as `IconButton` takes it. */
|
|
16
|
+
const TARGET = 44;
|
|
17
|
+
|
|
18
|
+
/** The whole square takes the tap, not only the glyph's own pixels. */
|
|
19
|
+
const WHOLE_TARGET = {
|
|
20
|
+
modifiers: [contentShape(shapes.circle())]
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* The icon beside the trigger's text, the size `Link` draws one beside body text. No colour of its own: the asset is a
|
|
25
|
+
* template image, so it takes the menu's tint with the text.
|
|
26
|
+
*/
|
|
27
|
+
const LABEL_ICON = [resizable(), frame({
|
|
28
|
+
height: spacing.s20,
|
|
29
|
+
width: spacing.s20
|
|
30
|
+
})];
|
|
31
|
+
const triggerOf = props => {
|
|
32
|
+
if (isIconOnly(props)) {
|
|
33
|
+
// An icon alone is drawn as an `IconButton`: `content.primary`, its label carried by the icon.
|
|
34
|
+
return /*#__PURE__*/_jsx(ZStack, {
|
|
35
|
+
h: TARGET,
|
|
36
|
+
ios: WHOLE_TARGET,
|
|
37
|
+
w: TARGET,
|
|
38
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
39
|
+
accessibilityLabel: props.accessibilityLabel,
|
|
40
|
+
color: "content.primary",
|
|
41
|
+
name: props.icon
|
|
42
|
+
})
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
return props.icon ? /*#__PURE__*/_jsx(Label, {
|
|
46
|
+
icon: /*#__PURE__*/_jsx(Image, {
|
|
47
|
+
assetName: iconResourceName(props.icon),
|
|
48
|
+
modifiers: LABEL_ICON
|
|
49
|
+
}),
|
|
50
|
+
title: props.label
|
|
51
|
+
}) : props.label;
|
|
52
|
+
};
|
|
53
|
+
export const Menu = props => {
|
|
10
54
|
useHostGuard('Menu');
|
|
55
|
+
const {
|
|
56
|
+
accessibilityLabel,
|
|
57
|
+
actions,
|
|
58
|
+
label,
|
|
59
|
+
testID
|
|
60
|
+
} = props;
|
|
61
|
+
// An icon alone carries its own label; with text, `accessibilityLabel` replaces it on the menu.
|
|
62
|
+
const modifiers = useAccessibilityModifiers({
|
|
63
|
+
accessibilityLabel: label === undefined ? undefined : accessibilityLabel
|
|
64
|
+
});
|
|
11
65
|
return /*#__PURE__*/_jsx(SwiftUIMenu, {
|
|
12
|
-
label:
|
|
66
|
+
label: triggerOf(props),
|
|
67
|
+
modifiers: modifiers,
|
|
68
|
+
testID: testID,
|
|
13
69
|
children: actions.map(action => /*#__PURE__*/_jsx(Button, {
|
|
14
|
-
label: action.label,
|
|
70
|
+
label: action.icon ? undefined : action.label,
|
|
71
|
+
modifiers: action.disabled ? DISABLED : undefined,
|
|
15
72
|
onPress: action.onPress,
|
|
16
|
-
role: action.destructive ? 'destructive' : 'default'
|
|
73
|
+
role: action.destructive ? 'destructive' : 'default',
|
|
74
|
+
children: action.icon ? /*#__PURE__*/_jsx(Label, {
|
|
75
|
+
icon: /*#__PURE__*/_jsx(Image, {
|
|
76
|
+
assetName: iconResourceName(action.icon)
|
|
77
|
+
}),
|
|
78
|
+
title: action.label
|
|
79
|
+
}) : undefined
|
|
17
80
|
}, action.label))
|
|
18
81
|
});
|
|
19
82
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Menu","SwiftUIMenu","useHostGuard","jsx","_jsx","
|
|
1
|
+
{"version":3,"names":["Button","Image","Label","Menu","SwiftUIMenu","contentShape","disabled","frame","resizable","shapes","iconResourceName","useAccessibilityModifiers","spacing","Icon","ZStack","useHostGuard","isIconOnly","jsx","_jsx","DISABLED","TARGET","WHOLE_TARGET","modifiers","circle","LABEL_ICON","height","s20","width","triggerOf","props","h","ios","w","children","accessibilityLabel","color","name","icon","assetName","title","label","actions","testID","undefined","map","action","onPress","role","destructive"],"sourceRoot":"../../../../src","sources":["organisms/menu/menu.ios.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -34,6 +34,7 @@ const SheetRoot = ({
|
|
|
34
34
|
onPresent,
|
|
35
35
|
ref,
|
|
36
36
|
scrollable = false,
|
|
37
|
+
systemBackground = false,
|
|
37
38
|
testID,
|
|
38
39
|
visible
|
|
39
40
|
}) => {
|
|
@@ -99,7 +100,7 @@ const SheetRoot = ({
|
|
|
99
100
|
pointerEvents: "box-none",
|
|
100
101
|
style: styles.host,
|
|
101
102
|
children: /*#__PURE__*/_jsx(TrueSheet, {
|
|
102
|
-
backgroundColor: theme.color(bg),
|
|
103
|
+
backgroundColor: systemBackground && Platform.OS === 'ios' ? undefined : theme.color(bg),
|
|
103
104
|
cornerRadius: CORNER_RADIUS,
|
|
104
105
|
detents: detents,
|
|
105
106
|
dimmed: dimmed,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAppTheme","TrueSheet","useCallback","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","Platform","StyleSheet","View","SheetHeader","SheetScrollContext","SheetScrollView","splitSheetChildren","useSheetHeader","jsxs","_jsxs","jsx","_jsx","FIT_CONTENT","CORNER_RADIUS","OS","undefined","styles","create","host","position","SheetRoot","bg","children","detents","dimmed","dismissible","draggable","footer","grabber","onDetentChange","onDismiss","onPresent","ref","scrollable","testID","visible","theme","content","header","headerProps","sheetHeader","sheetRef","presented","programmaticDismiss","dismiss","current","Promise","resolve","present","detentIndex","resize","sheet","handleDidDismiss","handleDetentChange","event","nativeEvent","index","collapsable","pointerEvents","style","backgroundColor","color","cornerRadius","headerStyle","onDidDismiss","onDidPresent","scrollableOptions","Provider","value","scrollContext","staticLargeTitle","Sheet","Object","assign","Header","ScrollView"],"sourceRoot":"../../../../src","sources":["organisms/sheet/sheet.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAgCC,SAAS,QAAO,kCAAkC;AAClF,SAAQC,WAAW,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,eAAe,EAAEC,OAAO,EAAEC,MAAM,QAAO,OAAO;AACnG,SAAQC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAO,cAAc;AAEvD,SAAQC,WAAW,QAAO,mBAAgB;AAC1C,SAAQC,kBAAkB,EAAEC,eAAe,QAAO,mBAAgB;AAClE,SAAQC,kBAAkB,QAAO,2BAAwB;AACzD,SAAQC,cAAc,QAAO,uBAAoB;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAMC,WAA0B,GAAG,CAAC,MAAM,CAAC;;AAE3C;AACA,MAAMC,aAAa,GAAGb,QAAQ,CAACc,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;;AAEhE;AACA,MAAMC,MAAM,GAAGf,UAAU,CAACgB,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAACC,QAAQ,EAAE;EAAU;AAC7B,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGA,CAAC;EACjBC,EAAE,GAAG,iBAAiB;EACtBC,QAAQ;EACRC,OAAO,GAAGX,WAAW;EACrBY,MAAM,GAAG,IAAI;EACbC,WAAW,GAAG,IAAI;EAClBC,SAAS,GAAG,IAAI;EAChBC,MAAM;EACNC,OAAO,GAAG,IAAI;EACdC,cAAc;EACdC,SAAS;EACTC,SAAS;EACTC,GAAG;EACHC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACNC;AACU,CAAC,KAAK;EAChB,MAAMC,KAAK,
|
|
1
|
+
{"version":3,"names":["useAppTheme","TrueSheet","useCallback","useEffect","useImperativeHandle","useLayoutEffect","useMemo","useRef","Platform","StyleSheet","View","SheetHeader","SheetScrollContext","SheetScrollView","splitSheetChildren","useSheetHeader","jsxs","_jsxs","jsx","_jsx","FIT_CONTENT","CORNER_RADIUS","OS","undefined","styles","create","host","position","SheetRoot","bg","children","detents","dimmed","dismissible","draggable","footer","grabber","onDetentChange","onDismiss","onPresent","ref","scrollable","systemBackground","testID","visible","theme","content","header","headerProps","sheetHeader","sheetRef","presented","programmaticDismiss","dismiss","current","Promise","resolve","present","detentIndex","resize","sheet","handleDidDismiss","handleDetentChange","event","nativeEvent","index","collapsable","pointerEvents","style","backgroundColor","color","cornerRadius","headerStyle","onDidDismiss","onDidPresent","scrollableOptions","Provider","value","scrollContext","staticLargeTitle","Sheet","Object","assign","Header","ScrollView"],"sourceRoot":"../../../../src","sources":["organisms/sheet/sheet.tsx"],"mappings":"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","ignoreList":[]}
|