@hzblj/kara-components 0.17.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 +49 -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/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/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/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
|
@@ -6,27 +6,35 @@ import { useAppTheme } from '@hzblj/kara-theme';
|
|
|
6
6
|
import { VStack } from "../../atoms/v-stack/index.js";
|
|
7
7
|
import { useHostGuard } from "../../host-context.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
/**
|
|
10
|
+
* Material's radio buttons, each in a full-width row that selects it as a whole. A disabled group keeps every
|
|
11
|
+
* button's handler, so Material keeps the touch target an enabled one has; `enabled` is what stops the input.
|
|
12
|
+
*/
|
|
9
13
|
export const RadioGroup = ({
|
|
14
|
+
disabled = false,
|
|
10
15
|
onValueChange,
|
|
11
16
|
options,
|
|
17
|
+
testID,
|
|
12
18
|
value
|
|
13
19
|
}) => {
|
|
14
20
|
useHostGuard('RadioGroup');
|
|
15
21
|
const theme = useAppTheme();
|
|
16
22
|
return /*#__PURE__*/_jsx(VStack, {
|
|
17
23
|
spacing: "s4",
|
|
24
|
+
testID: testID,
|
|
18
25
|
wide: true,
|
|
19
26
|
children: options.map(option => /*#__PURE__*/_jsxs(Row, {
|
|
20
|
-
modifiers: [fillMaxWidth(), clickable(() => onValueChange?.(option.value))],
|
|
27
|
+
modifiers: disabled ? [fillMaxWidth()] : [fillMaxWidth(), clickable(() => onValueChange?.(option.value))],
|
|
21
28
|
verticalAlignment: "center",
|
|
22
29
|
children: [/*#__PURE__*/_jsx(RadioButton, {
|
|
23
30
|
colors: {
|
|
24
31
|
selectedColor: theme.color('fill.accent.primary')
|
|
25
32
|
},
|
|
33
|
+
enabled: !disabled,
|
|
26
34
|
onClick: () => onValueChange?.(option.value),
|
|
27
35
|
selected: option.value === value
|
|
28
36
|
}), /*#__PURE__*/_jsx(ComposeText, {
|
|
29
|
-
color: theme.colorString('content.primary'),
|
|
37
|
+
color: theme.colorString(disabled ? 'content.tertiary' : 'content.primary'),
|
|
30
38
|
style: theme.typography.body,
|
|
31
39
|
children: option.label
|
|
32
40
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","ComposeText","RadioButton","Row","clickable","fillMaxWidth","useAppTheme","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","onValueChange","options","value","theme","spacing","wide","children","map","option","modifiers","verticalAlignment","colors","selectedColor","color","onClick","selected","colorString","style","typography","body","label"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC9E,SAAQC,SAAS,EAAEC,YAAY,QAAO,oCAAoC;AAC1E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["Text","ComposeText","RadioButton","Row","clickable","fillMaxWidth","useAppTheme","VStack","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","disabled","onValueChange","options","testID","value","theme","spacing","wide","children","map","option","modifiers","verticalAlignment","colors","selectedColor","color","enabled","onClick","selected","colorString","style","typography","body","label"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,EAAEC,WAAW,EAAEC,GAAG,QAAO,0BAA0B;AAC9E,SAAQC,SAAS,EAAEC,YAAY,QAAO,oCAAoC;AAC1E,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAC9CC,QAAQ,GAAG,KAAK;EAChBC,aAAa;EACbC,OAAO;EACPC,MAAM;EACNC;AACe,CAAC,KAAK;EACrBV,YAAY,CAAC,YAAY,CAAC;EAE1B,MAAMW,KAAK,GAAGb,WAAW,CAAC,CAAC;EAE3B,oBACEI,IAAA,CAACH,MAAM;IAACa,OAAO,EAAC,IAAI;IAACH,MAAM,EAAEA,MAAO;IAACI,IAAI;IAAAC,QAAA,EACtCN,OAAO,CAACO,GAAG,CAACC,MAAM,iBACjBZ,KAAA,CAACT,GAAG;MAEFsB,SAAS,EAAEX,QAAQ,GAAG,CAACT,YAAY,CAAC,CAAC,CAAC,GAAG,CAACA,YAAY,CAAC,CAAC,EAAED,SAAS,CAAC,MAAMW,aAAa,GAAGS,MAAM,CAACN,KAAK,CAAC,CAAC,CAAE;MAC1GQ,iBAAiB,EAAC,QAAQ;MAAAJ,QAAA,gBAE1BZ,IAAA,CAACR,WAAW;QACVyB,MAAM,EAAE;UAACC,aAAa,EAAET,KAAK,CAACU,KAAK,CAAC,qBAAqB;QAAC,CAAE;QAC5DC,OAAO,EAAE,CAAChB,QAAS;QACnBiB,OAAO,EAAEA,CAAA,KAAMhB,aAAa,GAAGS,MAAM,CAACN,KAAK,CAAE;QAC7Cc,QAAQ,EAAER,MAAM,CAACN,KAAK,KAAKA;MAAM,CAClC,CAAC,eACFR,IAAA,CAACT,WAAW;QACV4B,KAAK,EAAEV,KAAK,CAACc,WAAW,CAACnB,QAAQ,GAAG,kBAAkB,GAAG,iBAAiB,CAAE;QAC5EoB,KAAK,EAAEf,KAAK,CAACgB,UAAU,CAACC,IAAK;QAAAd,QAAA,EAE5BE,MAAM,CAACa;MAAK,CACF,CAAC;IAAA,GAfTb,MAAM,CAACN,KAgBT,CACN;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -8,23 +8,27 @@ import { Glyph } from "../../glyph/index.js";
|
|
|
8
8
|
import { useHostGuard } from "../../host-context.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
export const RadioGroup = ({
|
|
11
|
+
disabled = false,
|
|
11
12
|
onValueChange,
|
|
12
13
|
options,
|
|
14
|
+
testID,
|
|
13
15
|
value
|
|
14
16
|
}) => {
|
|
15
17
|
useHostGuard('RadioGroup');
|
|
16
18
|
return /*#__PURE__*/_jsx(VStack, {
|
|
17
19
|
spacing: "s4",
|
|
20
|
+
testID: testID,
|
|
18
21
|
wide: true,
|
|
19
22
|
children: options.map(option => /*#__PURE__*/_jsxs(HStack, {
|
|
20
23
|
align: "center",
|
|
21
|
-
onPress: () => onValueChange?.(option.value),
|
|
24
|
+
onPress: disabled ? undefined : () => onValueChange?.(option.value),
|
|
22
25
|
py: "s8",
|
|
23
26
|
wide: true,
|
|
24
27
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
28
|
+
color: disabled ? 'content.tertiary' : 'content.primary',
|
|
25
29
|
children: option.label
|
|
26
30
|
}), /*#__PURE__*/_jsx(Spacer, {}), option.value === value ? /*#__PURE__*/_jsx(Glyph, {
|
|
27
|
-
color:
|
|
31
|
+
color: disabled ? 'content.tertiary' : 'content.accent',
|
|
28
32
|
name: "check",
|
|
29
33
|
size: "s20"
|
|
30
34
|
}) : null]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["HStack","Spacer","Text","VStack","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","onValueChange","options","value","spacing","wide","children","map","option","align","onPress","
|
|
1
|
+
{"version":3,"names":["HStack","Spacer","Text","VStack","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","RadioGroup","disabled","onValueChange","options","testID","value","spacing","wide","children","map","option","align","onPress","undefined","py","color","label","name","size"],"sourceRoot":"../../../../src","sources":["molecules/radio-group/radio-group.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAC9CC,QAAQ,GAAG,KAAK;EAChBC,aAAa;EACbC,OAAO;EACPC,MAAM;EACNC;AACe,CAAC,KAAK;EACrBV,YAAY,CAAC,YAAY,CAAC;EAE1B,oBACEE,IAAA,CAACJ,MAAM;IAACa,OAAO,EAAC,IAAI;IAACF,MAAM,EAAEA,MAAO;IAACG,IAAI;IAAAC,QAAA,EACtCL,OAAO,CAACM,GAAG,CAACC,MAAM,iBACjBX,KAAA,CAACT,MAAM;MACLqB,KAAK,EAAC,QAAQ;MAEdC,OAAO,EAAEX,QAAQ,GAAGY,SAAS,GAAG,MAAMX,aAAa,GAAGQ,MAAM,CAACL,KAAK,CAAE;MACpES,EAAE,EAAC,IAAI;MACPP,IAAI;MAAAC,QAAA,gBAEJX,IAAA,CAACL,IAAI;QAACuB,KAAK,EAAEd,QAAQ,GAAG,kBAAkB,GAAG,iBAAkB;QAAAO,QAAA,EAAEE,MAAM,CAACM;MAAK,CAAO,CAAC,eACrFnB,IAAA,CAACN,MAAM,IAAE,CAAC,EACTmB,MAAM,CAACL,KAAK,KAAKA,KAAK,gBACrBR,IAAA,CAACH,KAAK;QAACqB,KAAK,EAAEd,QAAQ,GAAG,kBAAkB,GAAG,gBAAiB;QAACgB,IAAI,EAAC,OAAO;QAACC,IAAI,EAAC;MAAK,CAAE,CAAC,GACxF,IAAI;IAAA,GATHR,MAAM,CAACL,KAUN,CACT;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -7,7 +7,11 @@ import { Pressable } from "../../atoms/pressable/index.js";
|
|
|
7
7
|
import { RnGlyph } from "../../glyph/index.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
export const SearchBar = ({
|
|
10
|
+
autoCapitalize = 'none',
|
|
11
|
+
autoCorrect = false,
|
|
12
|
+
autoFocus = false,
|
|
10
13
|
onChangeText,
|
|
14
|
+
onSubmit,
|
|
11
15
|
placeholder = 'Search',
|
|
12
16
|
testID,
|
|
13
17
|
value
|
|
@@ -41,9 +45,14 @@ export const SearchBar = ({
|
|
|
41
45
|
name: "search",
|
|
42
46
|
size: "s20"
|
|
43
47
|
}), /*#__PURE__*/_jsx(TextInput, {
|
|
48
|
+
autoCapitalize: autoCapitalize,
|
|
49
|
+
autoCorrect: autoCorrect,
|
|
50
|
+
autoFocus: autoFocus,
|
|
44
51
|
onChangeText: onChangeText,
|
|
52
|
+
onSubmitEditing: onSubmit ? event => onSubmit(event.nativeEvent.text) : undefined,
|
|
45
53
|
placeholder: placeholder,
|
|
46
54
|
placeholderTextColor: theme.color('content.quaternary'),
|
|
55
|
+
returnKeyType: "search",
|
|
47
56
|
style: [text, {
|
|
48
57
|
color: theme.color('content.primary'),
|
|
49
58
|
flex: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAppTheme","Platform","TextInput","Box","Pressable","RnGlyph","jsx","_jsx","jsxs","_jsxs","SearchBar","onChangeText","placeholder","testID","value","theme","lineHeight","face","typography","body","text","OS","height","align","bg","borderRadius","flexDirection","gap","px","py","wide","children","color","name","size","placeholderTextColor","style","flex","padding","length","onPress"],"sourceRoot":"../../../../src","sources":["molecules/search-bar/search-bar.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,QAAQ,EAAEC,SAAS,QAAO,cAAc;AAEhD,SAAQC,GAAG,QAAO,0BAAiB;AACnC,SAAQC,SAAS,QAAO,gCAAuB;AAC/C,SAAQC,OAAO,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAC5CC,YAAY;EACZC,WAAW,GAAG,QAAQ;EACtBC,MAAM;EACNC;AACc,CAAC,KAAK;EACpB,MAAMC,KAAK,
|
|
1
|
+
{"version":3,"names":["useAppTheme","Platform","TextInput","Box","Pressable","RnGlyph","jsx","_jsx","jsxs","_jsxs","SearchBar","autoCapitalize","autoCorrect","autoFocus","onChangeText","onSubmit","placeholder","testID","value","theme","lineHeight","face","typography","body","text","OS","height","align","bg","borderRadius","flexDirection","gap","px","py","wide","children","color","name","size","onSubmitEditing","event","nativeEvent","undefined","placeholderTextColor","returnKeyType","style","flex","padding","length","onPress"],"sourceRoot":"../../../../src","sources":["molecules/search-bar/search-bar.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,QAAQ,EAAEC,SAAS,QAAO,cAAc;AAEhD,SAAQC,GAAG,QAAO,0BAAiB;AACnC,SAAQC,SAAS,QAAO,gCAAuB;AAC/C,SAAQC,OAAO,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,OAAO,MAAMC,SAA6B,GAAGA,CAAC;EAC5CC,cAAc,GAAG,MAAM;EACvBC,WAAW,GAAG,KAAK;EACnBC,SAAS,GAAG,KAAK;EACjBC,YAAY;EACZC,QAAQ;EACRC,WAAW,GAAG,QAAQ;EACtBC,MAAM;EACNC;AACc,CAAC,KAAK;EACpB,MAAMC,KAAK,GAAGnB,WAAW,CAAC,CAAC;EAC3B,MAAM;IAACoB,UAAU;IAAE,GAAGC;EAAI,CAAC,GAAGF,KAAK,CAACG,UAAU,CAACC,IAAI;EACnD;AACF;AACA;AACA;AACA;EACE,MAAMC,IAAI,GAAGvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,GAAG;IAAC,GAAGJ,IAAI;IAAEK,MAAM,EAAEN;EAAU,CAAC,GAAGD,KAAK,CAACG,UAAU,CAACC,IAAI;EAE1F,oBACEd,KAAA,CAACN,GAAG;IACFwB,KAAK,EAAC,QAAQ;IACdC,EAAE,EAAC,iBAAiB;IACpBC,YAAY,EAAC,QAAQ;IACrBC,aAAa,EAAC,KAAK;IACnBC,GAAG,EAAC,IAAI;IACRC,EAAE,EAAC,KAAK;IACRC,EAAE,EAAC,IAAI;IACPhB,MAAM,EAAEA,MAAO;IACfiB,IAAI;IAAAC,QAAA,gBAEJ5B,IAAA,CAACF,OAAO;MAAC+B,KAAK,EAAC,kBAAkB;MAACC,IAAI,EAAC,QAAQ;MAACC,IAAI,EAAC;IAAK,CAAE,CAAC,eAC7D/B,IAAA,CAACL,SAAS;MACRS,cAAc,EAAEA,cAAe;MAC/BC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBC,YAAY,EAAEA,YAAa;MAC3ByB,eAAe,EAAExB,QAAQ,GAAGyB,KAAK,IAAIzB,QAAQ,CAACyB,KAAK,CAACC,WAAW,CAACjB,IAAI,CAAC,GAAGkB,SAAU;MAClF1B,WAAW,EAAEA,WAAY;MACzB2B,oBAAoB,EAAExB,KAAK,CAACiB,KAAK,CAAC,oBAAoB,CAAE;MACxDQ,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAE,CAACrB,IAAI,EAAE;QAACY,KAAK,EAAEjB,KAAK,CAACiB,KAAK,CAAC,iBAAiB,CAAC;QAAEU,IAAI,EAAE,CAAC;QAAEC,OAAO,EAAE;MAAC,CAAC,CAAE;MAC5E7B,KAAK,EAAEA;IAAM,CACd,CAAC,EACDA,KAAK,CAAC8B,MAAM,GAAG,CAAC,gBACfzC,IAAA,CAACH,SAAS;MAAC6C,OAAO,EAAEA,CAAA,KAAMnC,YAAY,GAAG,EAAE,CAAE;MAAAqB,QAAA,eAC3C5B,IAAA,CAACF,OAAO;QAAC+B,KAAK,EAAC,kBAAkB;QAACC,IAAI,EAAC,OAAO;QAACC,IAAI,EAAC;MAAK,CAAE;IAAC,CACnD,CAAC,GACV,IAAI;EAAA,CACL,CAAC;AAEV,CAAC","ignoreList":[]}
|
|
@@ -8,35 +8,47 @@ import { GlyphButton } from "../../glyph/index.js";
|
|
|
8
8
|
import { useHostGuard } from "../../host-context.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
export const Stepper = ({
|
|
11
|
+
decrementLabel = 'Decrement',
|
|
12
|
+
disabled = false,
|
|
13
|
+
incrementLabel = 'Increment',
|
|
11
14
|
label,
|
|
12
15
|
max = Number.MAX_SAFE_INTEGER,
|
|
13
16
|
min = Number.MIN_SAFE_INTEGER,
|
|
14
17
|
onValueChange,
|
|
15
18
|
step = 1,
|
|
19
|
+
testID,
|
|
16
20
|
value
|
|
17
21
|
}) => {
|
|
18
22
|
useHostGuard('Stepper');
|
|
19
23
|
const onDecrement = useCallback(() => onValueChange(Math.max(min, value - step)), [min, onValueChange, step, value]);
|
|
20
24
|
const onIncrement = useCallback(() => onValueChange(Math.min(max, value + step)), [max, onValueChange, step, value]);
|
|
25
|
+
const color = disabled ? 'content.tertiary' : 'content.primary';
|
|
21
26
|
return /*#__PURE__*/_jsxs(HStack, {
|
|
22
27
|
align: "center",
|
|
23
28
|
spacing: "s8",
|
|
24
29
|
wide: true,
|
|
25
30
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
31
|
+
color: color,
|
|
26
32
|
children: label
|
|
27
|
-
}), /*#__PURE__*/_jsx(Spacer, {}), /*#__PURE__*/
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
}), /*#__PURE__*/_jsx(Spacer, {}), /*#__PURE__*/_jsxs(HStack, {
|
|
34
|
+
align: "center",
|
|
35
|
+
spacing: "s8",
|
|
36
|
+
testID: testID,
|
|
37
|
+
children: [/*#__PURE__*/_jsx(GlyphButton, {
|
|
38
|
+
accessibilityLabel: decrementLabel,
|
|
39
|
+
disabled: disabled || value <= min,
|
|
40
|
+
name: "minus",
|
|
41
|
+
onPress: onDecrement
|
|
42
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
43
|
+
color: color,
|
|
44
|
+
variant: "labelMedium",
|
|
45
|
+
children: String(value)
|
|
46
|
+
}), /*#__PURE__*/_jsx(GlyphButton, {
|
|
47
|
+
accessibilityLabel: incrementLabel,
|
|
48
|
+
disabled: disabled || value >= max,
|
|
49
|
+
name: "plus",
|
|
50
|
+
onPress: onIncrement
|
|
51
|
+
})]
|
|
40
52
|
})]
|
|
41
53
|
});
|
|
42
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","HStack","Spacer","Text","GlyphButton","useHostGuard","jsx","_jsx","jsxs","_jsxs","Stepper","label","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","onValueChange","step","value","onDecrement","Math","onIncrement","align","spacing","wide","children","accessibilityLabel","
|
|
1
|
+
{"version":3,"names":["useCallback","HStack","Spacer","Text","GlyphButton","useHostGuard","jsx","_jsx","jsxs","_jsxs","Stepper","decrementLabel","disabled","incrementLabel","label","max","Number","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","onValueChange","step","testID","value","onDecrement","Math","onIncrement","color","align","spacing","wide","children","accessibilityLabel","name","onPress","variant","String"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.android.tsx"],"mappings":";;AAAA,SAAQA,WAAW,QAAO,OAAO;AACjC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,WAAW,QAAO,sBAAa;AACvC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EACxCC,cAAc,GAAG,WAAW;EAC5BC,QAAQ,GAAG,KAAK;EAChBC,cAAc,GAAG,WAAW;EAC5BC,KAAK;EACLC,GAAG,GAAGC,MAAM,CAACC,gBAAgB;EAC7BC,GAAG,GAAGF,MAAM,CAACG,gBAAgB;EAC7BC,aAAa;EACbC,IAAI,GAAG,CAAC;EACRC,MAAM;EACNC;AACY,CAAC,KAAK;EAClBlB,YAAY,CAAC,SAAS,CAAC;EAEvB,MAAMmB,WAAW,GAAGxB,WAAW,CAAC,MAAMoB,aAAa,CAACK,IAAI,CAACV,GAAG,CAACG,GAAG,EAAEK,KAAK,GAAGF,IAAI,CAAC,CAAC,EAAE,CAACH,GAAG,EAAEE,aAAa,EAAEC,IAAI,EAAEE,KAAK,CAAC,CAAC;EACpH,MAAMG,WAAW,GAAG1B,WAAW,CAAC,MAAMoB,aAAa,CAACK,IAAI,CAACP,GAAG,CAACH,GAAG,EAAEQ,KAAK,GAAGF,IAAI,CAAC,CAAC,EAAE,CAACN,GAAG,EAAEK,aAAa,EAAEC,IAAI,EAAEE,KAAK,CAAC,CAAC;EACpH,MAAMI,KAAK,GAAGf,QAAQ,GAAG,kBAAkB,GAAG,iBAAiB;EAE/D,oBACEH,KAAA,CAACR,MAAM;IAAC2B,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAC,IAAI;IAACC,IAAI;IAAAC,QAAA,gBACtCxB,IAAA,CAACJ,IAAI;MAACwB,KAAK,EAAEA,KAAM;MAAAI,QAAA,EAAEjB;IAAK,CAAO,CAAC,eAClCP,IAAA,CAACL,MAAM,IAAE,CAAC,eAEVO,KAAA,CAACR,MAAM;MAAC2B,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAC,IAAI;MAACP,MAAM,EAAEA,MAAO;MAAAS,QAAA,gBACjDxB,IAAA,CAACH,WAAW;QACV4B,kBAAkB,EAAErB,cAAe;QACnCC,QAAQ,EAAEA,QAAQ,IAAIW,KAAK,IAAIL,GAAI;QACnCe,IAAI,EAAC,OAAO;QACZC,OAAO,EAAEV;MAAY,CACtB,CAAC,eACFjB,IAAA,CAACJ,IAAI;QAACwB,KAAK,EAAEA,KAAM;QAACQ,OAAO,EAAC,aAAa;QAAAJ,QAAA,EACtCK,MAAM,CAACb,KAAK;MAAC,CACV,CAAC,eACPhB,IAAA,CAACH,WAAW;QACV4B,kBAAkB,EAAEnB,cAAe;QACnCD,QAAQ,EAAEA,QAAQ,IAAIW,KAAK,IAAIR,GAAI;QACnCkB,IAAI,EAAC,MAAM;QACXC,OAAO,EAAER;MAAY,CACtB,CAAC;IAAA,CACI,CAAC;EAAA,CACH,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Stepper as SwiftUIStepper } from '@expo/ui/swift-ui';
|
|
4
|
-
import { labelsHidden } from '@expo/ui/swift-ui/modifiers';
|
|
4
|
+
import { disabled as disabledModifier, labelsHidden } from '@expo/ui/swift-ui/modifiers';
|
|
5
5
|
import { useReducedMotion } from '@hzblj/kara-theme';
|
|
6
6
|
import { useRef } from 'react';
|
|
7
7
|
import { HStack } from "../../atoms/h-stack/index.js";
|
|
@@ -11,18 +11,22 @@ import { useHostGuard } from "../../host-context.js";
|
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
/** The label stays VoiceOver's, on the control; on screen it is the row's own text. */
|
|
13
13
|
const LABEL_HIDDEN = [labelsHidden()];
|
|
14
|
+
const LABEL_HIDDEN_DISABLED = [labelsHidden(), disabledModifier(true)];
|
|
14
15
|
|
|
15
16
|
/**
|
|
16
17
|
* SwiftUI's `Stepper` at the end of a row, the label leading and the value just before the control — the way iOS's own
|
|
17
18
|
* settings show a stepped value. The value rolls to the next one (`numericText`), up or down with the change, in
|
|
18
|
-
* monospaced digits so the row does not jump. With motion reduced it cross-fades instead.
|
|
19
|
+
* monospaced digits so the row does not jump. With motion reduced it cross-fades instead. Its buttons are labelled by
|
|
20
|
+
* the system, so `decrementLabel` and `incrementLabel` are Android's alone.
|
|
19
21
|
*/
|
|
20
22
|
export const Stepper = ({
|
|
23
|
+
disabled = false,
|
|
21
24
|
label,
|
|
22
25
|
max,
|
|
23
26
|
min,
|
|
24
27
|
onValueChange,
|
|
25
28
|
step = 1,
|
|
29
|
+
testID,
|
|
26
30
|
value
|
|
27
31
|
}) => {
|
|
28
32
|
useHostGuard('Stepper');
|
|
@@ -35,9 +39,10 @@ export const Stepper = ({
|
|
|
35
39
|
spacing: "s12",
|
|
36
40
|
wide: true,
|
|
37
41
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
42
|
+
color: disabled ? 'content.tertiary' : 'content.primary',
|
|
38
43
|
children: label
|
|
39
44
|
}), /*#__PURE__*/_jsx(Spacer, {}), /*#__PURE__*/_jsx(Text, {
|
|
40
|
-
color:
|
|
45
|
+
color: disabled ? 'content.tertiary' : 'content.secondary',
|
|
41
46
|
ios: {
|
|
42
47
|
animation: {
|
|
43
48
|
value
|
|
@@ -53,11 +58,12 @@ export const Stepper = ({
|
|
|
53
58
|
children: String(value)
|
|
54
59
|
}), /*#__PURE__*/_jsx(SwiftUIStepper, {
|
|
55
60
|
label: label,
|
|
56
|
-
max: max,
|
|
57
|
-
min: min,
|
|
58
|
-
modifiers: LABEL_HIDDEN,
|
|
61
|
+
max: disabled ? value : max,
|
|
62
|
+
min: disabled ? value : min,
|
|
63
|
+
modifiers: disabled ? LABEL_HIDDEN_DISABLED : LABEL_HIDDEN,
|
|
59
64
|
onValueChange: onValueChange,
|
|
60
65
|
step: step,
|
|
66
|
+
testID: testID,
|
|
61
67
|
value: value
|
|
62
68
|
})]
|
|
63
69
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Stepper","SwiftUIStepper","labelsHidden","useReducedMotion","useRef","HStack","Spacer","Text","useHostGuard","jsx","_jsx","jsxs","_jsxs","LABEL_HIDDEN","label","max","min","onValueChange","step","value","reduced","previous","countsDown","current","align","spacing","wide","children","color","ios","animation","contentTransition","type","monospacedDigit","String","modifiers"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.ios.tsx"],"mappings":";;AAAA,SAAQA,OAAO,IAAIC,cAAc,QAAO,mBAAmB;AAC3D,SAAQC,YAAY,QAAO,6BAA6B;
|
|
1
|
+
{"version":3,"names":["Stepper","SwiftUIStepper","disabled","disabledModifier","labelsHidden","useReducedMotion","useRef","HStack","Spacer","Text","useHostGuard","jsx","_jsx","jsxs","_jsxs","LABEL_HIDDEN","LABEL_HIDDEN_DISABLED","label","max","min","onValueChange","step","testID","value","reduced","previous","countsDown","current","align","spacing","wide","children","color","ios","animation","contentTransition","type","monospacedDigit","String","modifiers"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.ios.tsx"],"mappings":";;AAAA,SAAQA,OAAO,IAAIC,cAAc,QAAO,mBAAmB;AAC3D,SAAQC,QAAQ,IAAIC,gBAAgB,EAAEC,YAAY,QAAO,6BAA6B;AACtF,SAAQC,gBAAgB,QAAO,mBAAmB;AAClD,SAAQC,MAAM,QAAO,OAAO;AAE5B,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA,MAAMC,YAAY,GAAG,CAACX,YAAY,CAAC,CAAC,CAAC;AAErC,MAAMY,qBAAqB,GAAG,CAACZ,YAAY,CAAC,CAAC,EAAED,gBAAgB,CAAC,IAAI,CAAC,CAAC;;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,OAAyB,GAAGA,CAAC;EACxCE,QAAQ,GAAG,KAAK;EAChBe,KAAK;EACLC,GAAG;EACHC,GAAG;EACHC,aAAa;EACbC,IAAI,GAAG,CAAC;EACRC,MAAM;EACNC;AACY,CAAC,KAAK;EAClBb,YAAY,CAAC,SAAS,CAAC;EACvB,MAAMc,OAAO,GAAGnB,gBAAgB,CAAC,CAAC;EAClC,MAAMoB,QAAQ,GAAGnB,MAAM,CAACiB,KAAK,CAAC;EAC9B,MAAMG,UAAU,GAAGH,KAAK,GAAGE,QAAQ,CAACE,OAAO;EAC3CF,QAAQ,CAACE,OAAO,GAAGJ,KAAK;EAExB,oBACET,KAAA,CAACP,MAAM;IAACqB,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAC,KAAK;IAACC,IAAI;IAAAC,QAAA,gBACvCnB,IAAA,CAACH,IAAI;MAACuB,KAAK,EAAE9B,QAAQ,GAAG,kBAAkB,GAAG,iBAAkB;MAAA6B,QAAA,EAAEd;IAAK,CAAO,CAAC,eAC9EL,IAAA,CAACJ,MAAM,IAAE,CAAC,eACVI,IAAA,CAACH,IAAI;MACHuB,KAAK,EAAE9B,QAAQ,GAAG,kBAAkB,GAAG,mBAAoB;MAC3D+B,GAAG,EAAE;QACHC,SAAS,EAAE;UAACX;QAAK,CAAC;QAClBY,iBAAiB,EAAEX,OAAO,GAAG;UAACY,IAAI,EAAE;QAAS,CAAC,GAAG;UAACV,UAAU;UAAEU,IAAI,EAAE;QAAa;MACnF,CAAE;MACFC,eAAe;MAAAN,QAAA,EAEdO,MAAM,CAACf,KAAK;IAAC,CACV,CAAC,eAGPX,IAAA,CAACX,cAAc;MACbgB,KAAK,EAAEA,KAAM;MACbC,GAAG,EAAEhB,QAAQ,GAAGqB,KAAK,GAAGL,GAAI;MAC5BC,GAAG,EAAEjB,QAAQ,GAAGqB,KAAK,GAAGJ,GAAI;MAC5BoB,SAAS,EAAErC,QAAQ,GAAGc,qBAAqB,GAAGD,YAAa;MAC3DK,aAAa,EAAEA,aAAc;MAC7BC,IAAI,EAAEA,IAAK;MACXC,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAEA;IAAM,CACd,CAAC;EAAA,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -6,15 +6,18 @@ import { Island } from "../../atoms/island/index.js";
|
|
|
6
6
|
import { Text } from "../../atoms/text/index.js";
|
|
7
7
|
import { VStack } from "../../atoms/v-stack/index.js";
|
|
8
8
|
import { useHostGuard } from "../../host-context.js";
|
|
9
|
+
import { menuActionColor } from "../menu/menu-parts.js";
|
|
9
10
|
import { Sheet } from "../sheet/index.js";
|
|
10
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
12
|
/**
|
|
12
|
-
* Material's bottom-sheet menu: the title, then a full-width row per action, its icon leading. The
|
|
13
|
-
* Native tier, so the rows — Compose views — sit in an `Island` of their own; rendered straight into
|
|
14
|
-
* no host and threw.
|
|
13
|
+
* Material's bottom-sheet menu: the title and the message, then a full-width row per action, its icon leading. The
|
|
14
|
+
* sheet is the React Native tier, so the rows — Compose views — sit in an `Island` of their own; rendered straight into
|
|
15
|
+
* the sheet they had no host and threw. A disabled row is greyed and has no press at all, so it neither ripples nor
|
|
16
|
+
* reads as a button.
|
|
15
17
|
*/
|
|
16
18
|
export const ActionSheet = ({
|
|
17
19
|
actions,
|
|
20
|
+
message,
|
|
18
21
|
onDismiss,
|
|
19
22
|
title,
|
|
20
23
|
visible
|
|
@@ -27,19 +30,24 @@ export const ActionSheet = ({
|
|
|
27
30
|
children: /*#__PURE__*/_jsxs(VStack, {
|
|
28
31
|
pb: "s16",
|
|
29
32
|
wide: true,
|
|
30
|
-
children: [/*#__PURE__*/
|
|
33
|
+
children: [/*#__PURE__*/_jsxs(VStack, {
|
|
31
34
|
px: "s24",
|
|
32
35
|
py: "s12",
|
|
36
|
+
spacing: "s4",
|
|
33
37
|
wide: true,
|
|
34
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
38
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
35
39
|
color: "content.secondary",
|
|
36
40
|
variant: "labelMedium",
|
|
37
41
|
children: title
|
|
38
|
-
})
|
|
42
|
+
}), message ? /*#__PURE__*/_jsx(Text, {
|
|
43
|
+
color: "content.secondary",
|
|
44
|
+
variant: "label",
|
|
45
|
+
children: message
|
|
46
|
+
}) : null]
|
|
39
47
|
}), actions.map(action => {
|
|
40
|
-
const color = action
|
|
48
|
+
const color = menuActionColor(action);
|
|
41
49
|
return /*#__PURE__*/_jsxs(HStack, {
|
|
42
|
-
onPress: () => {
|
|
50
|
+
onPress: action.disabled ? undefined : () => {
|
|
43
51
|
onDismiss();
|
|
44
52
|
action.onPress();
|
|
45
53
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["HStack","Icon","Island","Text","VStack","useHostGuard","Sheet","jsx","_jsx","jsxs","_jsxs","ActionSheet","actions","onDismiss","title","visible","children","pb","wide","px","py","color","variant","map","action","
|
|
1
|
+
{"version":3,"names":["HStack","Icon","Island","Text","VStack","useHostGuard","menuActionColor","Sheet","jsx","_jsx","jsxs","_jsxs","ActionSheet","actions","message","onDismiss","title","visible","children","pb","wide","px","py","spacing","color","variant","map","action","onPress","disabled","undefined","icon","name","label"],"sourceRoot":"../../../../src","sources":["organisms/action-sheet/action-sheet.android.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,YAAY,QAAO,uBAAoB;AAC/C,SAAQC,eAAe,QAAO,uBAAoB;AAClD,SAAQC,KAAK,QAAO,mBAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAiC,GAAGA,CAAC;EAACC,OAAO;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EACpHZ,YAAY,CAAC,aAAa,CAAC;EAE3B,oBACEI,IAAA,CAACF,KAAK;IAACQ,SAAS,EAAEA,SAAU;IAACE,OAAO,EAAEA,OAAQ;IAAAC,QAAA,eAC5CT,IAAA,CAACP,MAAM;MAAAgB,QAAA,eACLP,KAAA,CAACP,MAAM;QAACe,EAAE,EAAC,KAAK;QAACC,IAAI;QAAAF,QAAA,gBAEnBP,KAAA,CAACP,MAAM;UAACiB,EAAE,EAAC,KAAK;UAACC,EAAE,EAAC,KAAK;UAACC,OAAO,EAAC,IAAI;UAACH,IAAI;UAAAF,QAAA,gBACzCT,IAAA,CAACN,IAAI;YAACqB,KAAK,EAAC,mBAAmB;YAACC,OAAO,EAAC,aAAa;YAAAP,QAAA,EAClDF;UAAK,CACF,CAAC,EACNF,OAAO,gBACNL,IAAA,CAACN,IAAI;YAACqB,KAAK,EAAC,mBAAmB;YAACC,OAAO,EAAC,OAAO;YAAAP,QAAA,EAC5CJ;UAAO,CACJ,CAAC,GACL,IAAI;QAAA,CACF,CAAC,EACRD,OAAO,CAACa,GAAG,CAACC,MAAM,IAAI;UACrB,MAAMH,KAAK,GAAGlB,eAAe,CAACqB,MAAM,CAAC;UAErC,oBACEhB,KAAA,CAACX,MAAM;YAEL4B,OAAO,EACLD,MAAM,CAACE,QAAQ,GACXC,SAAS,GACT,MAAM;cACJf,SAAS,CAAC,CAAC;cACXY,MAAM,CAACC,OAAO,CAAC,CAAC;YAClB,CACL;YACDP,EAAE,EAAC,KAAK;YACRC,EAAE,EAAC,KAAK;YACRC,OAAO,EAAC,KAAK;YACbH,IAAI;YAAAF,QAAA,GAEHS,MAAM,CAACI,IAAI,gBAAGtB,IAAA,CAACR,IAAI;cAACuB,KAAK,EAAEA,KAAM;cAACQ,IAAI,EAAEL,MAAM,CAACI;YAAK,CAAE,CAAC,GAAG,IAAI,eAC/DtB,IAAA,CAACN,IAAI;cAACqB,KAAK,EAAEA,KAAM;cAACC,OAAO,EAAC,MAAM;cAAAP,QAAA,EAC/BS,MAAM,CAACM;YAAK,CACT,CAAC;UAAA,GAjBFN,MAAM,CAACM,KAkBN,CAAC;QAEb,CAAC,CAAC;MAAA,CACI;IAAC,CACH;EAAC,CACJ,CAAC;AAEZ,CAAC","ignoreList":[]}
|
|
@@ -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.
|