@oxyhq/bloom 0.6.24 → 0.7.1
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/lib/commonjs/alert-dialog/AlertDialog.js +109 -0
- package/lib/commonjs/alert-dialog/AlertDialog.js.map +1 -0
- package/lib/commonjs/alert-dialog/AlertDialogHost.js +50 -0
- package/lib/commonjs/alert-dialog/AlertDialogHost.js.map +1 -0
- package/lib/commonjs/alert-dialog/confirm-store.js +80 -0
- package/lib/commonjs/alert-dialog/confirm-store.js.map +1 -0
- package/lib/commonjs/alert-dialog/index.js +19 -0
- package/lib/commonjs/alert-dialog/index.js.map +1 -0
- package/lib/commonjs/alert-dialog/index.web.js +19 -0
- package/lib/commonjs/alert-dialog/index.web.js.map +1 -0
- package/lib/commonjs/alert-dialog/types.js +6 -0
- package/lib/commonjs/alert-dialog/types.js.map +1 -0
- package/lib/commonjs/combobox/Combobox.js +227 -0
- package/lib/commonjs/combobox/Combobox.js.map +1 -0
- package/lib/commonjs/combobox/index.js +11 -0
- package/lib/commonjs/combobox/index.js.map +1 -0
- package/lib/commonjs/combobox/index.web.js +11 -0
- package/lib/commonjs/combobox/index.web.js.map +1 -0
- package/lib/commonjs/combobox/types.js +6 -0
- package/lib/commonjs/combobox/types.js.map +1 -0
- package/lib/commonjs/command/Command.js +256 -0
- package/lib/commonjs/command/Command.js.map +1 -0
- package/lib/commonjs/command/index.js +10 -0
- package/lib/commonjs/command/index.js.map +1 -0
- package/lib/commonjs/command/index.web.js +10 -0
- package/lib/commonjs/command/index.web.js.map +1 -0
- package/lib/commonjs/command/types.js +6 -0
- package/lib/commonjs/command/types.js.map +1 -0
- package/lib/commonjs/field/Field.js +68 -0
- package/lib/commonjs/field/Field.js.map +1 -0
- package/lib/commonjs/field/index.js +13 -0
- package/lib/commonjs/field/index.js.map +1 -0
- package/lib/commonjs/field/types.js +6 -0
- package/lib/commonjs/field/types.js.map +1 -0
- package/lib/commonjs/index.js +117 -25
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +117 -25
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/input-group/InputGroup.js +172 -0
- package/lib/commonjs/input-group/InputGroup.js.map +1 -0
- package/lib/commonjs/input-group/index.js +19 -0
- package/lib/commonjs/input-group/index.js.map +1 -0
- package/lib/commonjs/input-group/types.js +6 -0
- package/lib/commonjs/input-group/types.js.map +1 -0
- package/lib/commonjs/item/Item.js +172 -0
- package/lib/commonjs/item/Item.js.map +1 -0
- package/lib/commonjs/item/index.js +13 -0
- package/lib/commonjs/item/index.js.map +1 -0
- package/lib/commonjs/item/types.js +6 -0
- package/lib/commonjs/item/types.js.map +1 -0
- package/lib/commonjs/kbd/Kbd.js +79 -0
- package/lib/commonjs/kbd/Kbd.js.map +1 -0
- package/lib/commonjs/kbd/index.js +13 -0
- package/lib/commonjs/kbd/index.js.map +1 -0
- package/lib/commonjs/kbd/types.js +6 -0
- package/lib/commonjs/kbd/types.js.map +1 -0
- package/lib/commonjs/label/Label.js +60 -0
- package/lib/commonjs/label/Label.js.map +1 -0
- package/lib/commonjs/label/index.js +13 -0
- package/lib/commonjs/label/index.js.map +1 -0
- package/lib/commonjs/label/types.js +6 -0
- package/lib/commonjs/label/types.js.map +1 -0
- package/lib/commonjs/popover/context.js +18 -0
- package/lib/commonjs/popover/context.js.map +1 -0
- package/lib/commonjs/popover/index.js +111 -0
- package/lib/commonjs/popover/index.js.map +1 -0
- package/lib/commonjs/popover/index.web.js +286 -0
- package/lib/commonjs/popover/index.web.js.map +1 -0
- package/lib/commonjs/popover/types.js +6 -0
- package/lib/commonjs/popover/types.js.map +1 -0
- package/lib/commonjs/react-native-css.d.js +2 -0
- package/lib/commonjs/react-native-css.d.js.map +1 -0
- package/lib/commonjs/slider/Slider.js +255 -0
- package/lib/commonjs/slider/Slider.js.map +1 -0
- package/lib/commonjs/slider/index.js +13 -0
- package/lib/commonjs/slider/index.js.map +1 -0
- package/lib/commonjs/slider/types.js +6 -0
- package/lib/commonjs/slider/types.js.map +1 -0
- package/lib/commonjs/theme/BloomThemeProvider.js +39 -7
- package/lib/commonjs/theme/BloomThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/color-presets.js +118 -118
- package/lib/commonjs/theme/color-presets.js.map +1 -1
- package/lib/commonjs/theme/color-scope/index.js +28 -6
- package/lib/commonjs/theme/color-scope/index.js.map +1 -1
- package/lib/commonjs/theme/color-scope/style-builder.js +35 -0
- package/lib/commonjs/theme/color-scope/style-builder.js.map +1 -1
- package/lib/commonjs/theme/native-root-vars.js +105 -0
- package/lib/commonjs/theme/native-root-vars.js.map +1 -0
- package/lib/commonjs/theme/native-root-vars.web.js +27 -0
- package/lib/commonjs/theme/native-root-vars.web.js.map +1 -0
- package/lib/commonjs/theme/preset-vars.js +4 -1
- package/lib/commonjs/theme/preset-vars.js.map +1 -1
- package/lib/module/alert-dialog/AlertDialog.js +104 -0
- package/lib/module/alert-dialog/AlertDialog.js.map +1 -0
- package/lib/module/alert-dialog/AlertDialogHost.js +45 -0
- package/lib/module/alert-dialog/AlertDialogHost.js.map +1 -0
- package/lib/module/alert-dialog/confirm-store.js +73 -0
- package/lib/module/alert-dialog/confirm-store.js.map +1 -0
- package/lib/module/alert-dialog/index.js +9 -0
- package/lib/module/alert-dialog/index.js.map +1 -0
- package/lib/module/alert-dialog/index.web.js +9 -0
- package/lib/module/alert-dialog/index.web.js.map +1 -0
- package/lib/module/alert-dialog/types.js +4 -0
- package/lib/module/alert-dialog/types.js.map +1 -0
- package/lib/module/combobox/Combobox.js +222 -0
- package/lib/module/combobox/Combobox.js.map +1 -0
- package/lib/module/combobox/index.js +6 -0
- package/lib/module/combobox/index.js.map +1 -0
- package/lib/module/combobox/index.web.js +6 -0
- package/lib/module/combobox/index.web.js.map +1 -0
- package/lib/module/combobox/types.js +4 -0
- package/lib/module/combobox/types.js.map +1 -0
- package/lib/module/command/Command.js +251 -0
- package/lib/module/command/Command.js.map +1 -0
- package/lib/module/command/index.js +6 -0
- package/lib/module/command/index.js.map +1 -0
- package/lib/module/command/index.web.js +6 -0
- package/lib/module/command/index.web.js.map +1 -0
- package/lib/module/command/types.js +4 -0
- package/lib/module/command/types.js.map +1 -0
- package/lib/module/field/Field.js +63 -0
- package/lib/module/field/Field.js.map +1 -0
- package/lib/module/field/index.js +4 -0
- package/lib/module/field/index.js.map +1 -0
- package/lib/module/field/types.js +4 -0
- package/lib/module/field/types.js.map +1 -0
- package/lib/module/index.js +10 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js +10 -3
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/input-group/InputGroup.js +167 -0
- package/lib/module/input-group/InputGroup.js.map +1 -0
- package/lib/module/input-group/index.js +4 -0
- package/lib/module/input-group/index.js.map +1 -0
- package/lib/module/input-group/types.js +4 -0
- package/lib/module/input-group/types.js.map +1 -0
- package/lib/module/item/Item.js +167 -0
- package/lib/module/item/Item.js.map +1 -0
- package/lib/module/item/index.js +4 -0
- package/lib/module/item/index.js.map +1 -0
- package/lib/module/item/types.js +4 -0
- package/lib/module/item/types.js.map +1 -0
- package/lib/module/kbd/Kbd.js +74 -0
- package/lib/module/kbd/Kbd.js.map +1 -0
- package/lib/module/kbd/index.js +4 -0
- package/lib/module/kbd/index.js.map +1 -0
- package/lib/module/kbd/types.js +4 -0
- package/lib/module/kbd/types.js.map +1 -0
- package/lib/module/label/Label.js +55 -0
- package/lib/module/label/Label.js.map +1 -0
- package/lib/module/label/index.js +4 -0
- package/lib/module/label/index.js.map +1 -0
- package/lib/module/label/types.js +4 -0
- package/lib/module/label/types.js.map +1 -0
- package/lib/module/popover/context.js +13 -0
- package/lib/module/popover/context.js.map +1 -0
- package/lib/module/popover/index.js +95 -0
- package/lib/module/popover/index.js.map +1 -0
- package/lib/module/popover/index.web.js +274 -0
- package/lib/module/popover/index.web.js.map +1 -0
- package/lib/module/popover/types.js +4 -0
- package/lib/module/popover/types.js.map +1 -0
- package/lib/module/react-native-css.d.js +2 -0
- package/lib/module/react-native-css.d.js.map +1 -0
- package/lib/module/slider/Slider.js +250 -0
- package/lib/module/slider/Slider.js.map +1 -0
- package/lib/module/slider/index.js +4 -0
- package/lib/module/slider/index.js.map +1 -0
- package/lib/module/slider/types.js +4 -0
- package/lib/module/slider/types.js.map +1 -0
- package/lib/module/theme/BloomThemeProvider.js +40 -8
- package/lib/module/theme/BloomThemeProvider.js.map +1 -1
- package/lib/module/theme/color-presets.js +118 -118
- package/lib/module/theme/color-presets.js.map +1 -1
- package/lib/module/theme/color-scope/index.js +29 -7
- package/lib/module/theme/color-scope/index.js.map +1 -1
- package/lib/module/theme/color-scope/style-builder.js +35 -0
- package/lib/module/theme/color-scope/style-builder.js.map +1 -1
- package/lib/module/theme/native-root-vars.js +101 -0
- package/lib/module/theme/native-root-vars.js.map +1 -0
- package/lib/module/theme/native-root-vars.web.js +23 -0
- package/lib/module/theme/native-root-vars.web.js.map +1 -0
- package/lib/module/theme/preset-vars.js +4 -1
- package/lib/module/theme/preset-vars.js.map +1 -1
- package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts +21 -0
- package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/AlertDialogHost.d.ts +15 -0
- package/lib/typescript/commonjs/alert-dialog/AlertDialogHost.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/confirm-store.d.ts +31 -0
- package/lib/typescript/commonjs/alert-dialog/confirm-store.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/index.d.ts +8 -0
- package/lib/typescript/commonjs/alert-dialog/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/index.web.d.ts +8 -0
- package/lib/typescript/commonjs/alert-dialog/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/types.d.ts +44 -0
- package/lib/typescript/commonjs/alert-dialog/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/Combobox.d.ts +33 -0
- package/lib/typescript/commonjs/combobox/Combobox.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/index.d.ts +6 -0
- package/lib/typescript/commonjs/combobox/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/index.web.d.ts +6 -0
- package/lib/typescript/commonjs/combobox/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/types.d.ts +40 -0
- package/lib/typescript/commonjs/combobox/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/Command.d.ts +22 -0
- package/lib/typescript/commonjs/command/Command.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/index.d.ts +6 -0
- package/lib/typescript/commonjs/command/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/index.web.d.ts +6 -0
- package/lib/typescript/commonjs/command/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/types.d.ts +46 -0
- package/lib/typescript/commonjs/command/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/field/Field.d.ts +4 -0
- package/lib/typescript/commonjs/field/Field.d.ts.map +1 -0
- package/lib/typescript/commonjs/field/index.d.ts +3 -0
- package/lib/typescript/commonjs/field/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/field/types.d.ts +26 -0
- package/lib/typescript/commonjs/field/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/icons/common.d.ts +8 -8
- package/lib/typescript/commonjs/index.d.ts +19 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.web.d.ts +19 -0
- package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/input-group/InputGroup.d.ts +9 -0
- package/lib/typescript/commonjs/input-group/InputGroup.d.ts.map +1 -0
- package/lib/typescript/commonjs/input-group/index.d.ts +3 -0
- package/lib/typescript/commonjs/input-group/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/input-group/types.d.ts +35 -0
- package/lib/typescript/commonjs/input-group/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/item/Item.d.ts +4 -0
- package/lib/typescript/commonjs/item/Item.d.ts.map +1 -0
- package/lib/typescript/commonjs/item/index.d.ts +3 -0
- package/lib/typescript/commonjs/item/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/item/types.d.ts +45 -0
- package/lib/typescript/commonjs/item/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/kbd/Kbd.d.ts +4 -0
- package/lib/typescript/commonjs/kbd/Kbd.d.ts.map +1 -0
- package/lib/typescript/commonjs/kbd/index.d.ts +3 -0
- package/lib/typescript/commonjs/kbd/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/kbd/types.d.ts +13 -0
- package/lib/typescript/commonjs/kbd/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/label/Label.d.ts +4 -0
- package/lib/typescript/commonjs/label/Label.d.ts.map +1 -0
- package/lib/typescript/commonjs/label/index.d.ts +3 -0
- package/lib/typescript/commonjs/label/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/label/types.d.ts +27 -0
- package/lib/typescript/commonjs/label/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/context.d.ts +15 -0
- package/lib/typescript/commonjs/popover/context.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/index.d.ts +14 -0
- package/lib/typescript/commonjs/popover/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/index.web.d.ts +14 -0
- package/lib/typescript/commonjs/popover/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/types.d.ts +54 -0
- package/lib/typescript/commonjs/popover/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/slider/Slider.d.ts +4 -0
- package/lib/typescript/commonjs/slider/Slider.d.ts.map +1 -0
- package/lib/typescript/commonjs/slider/index.d.ts +3 -0
- package/lib/typescript/commonjs/slider/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/slider/types.d.ts +30 -0
- package/lib/typescript/commonjs/slider/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/BloomThemeProvider.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/index.d.ts +9 -2
- package/lib/typescript/commonjs/theme/color-scope/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/style-builder.d.ts +32 -0
- package/lib/typescript/commonjs/theme/color-scope/style-builder.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/native-root-vars.d.ts +89 -0
- package/lib/typescript/commonjs/theme/native-root-vars.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/native-root-vars.web.d.ts +20 -0
- package/lib/typescript/commonjs/theme/native-root-vars.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/preset-vars.d.ts.map +1 -1
- package/lib/typescript/module/alert-dialog/AlertDialog.d.ts +21 -0
- package/lib/typescript/module/alert-dialog/AlertDialog.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/AlertDialogHost.d.ts +15 -0
- package/lib/typescript/module/alert-dialog/AlertDialogHost.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/confirm-store.d.ts +31 -0
- package/lib/typescript/module/alert-dialog/confirm-store.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/index.d.ts +8 -0
- package/lib/typescript/module/alert-dialog/index.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/index.web.d.ts +8 -0
- package/lib/typescript/module/alert-dialog/index.web.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/types.d.ts +44 -0
- package/lib/typescript/module/alert-dialog/types.d.ts.map +1 -0
- package/lib/typescript/module/combobox/Combobox.d.ts +33 -0
- package/lib/typescript/module/combobox/Combobox.d.ts.map +1 -0
- package/lib/typescript/module/combobox/index.d.ts +6 -0
- package/lib/typescript/module/combobox/index.d.ts.map +1 -0
- package/lib/typescript/module/combobox/index.web.d.ts +6 -0
- package/lib/typescript/module/combobox/index.web.d.ts.map +1 -0
- package/lib/typescript/module/combobox/types.d.ts +40 -0
- package/lib/typescript/module/combobox/types.d.ts.map +1 -0
- package/lib/typescript/module/command/Command.d.ts +22 -0
- package/lib/typescript/module/command/Command.d.ts.map +1 -0
- package/lib/typescript/module/command/index.d.ts +6 -0
- package/lib/typescript/module/command/index.d.ts.map +1 -0
- package/lib/typescript/module/command/index.web.d.ts +6 -0
- package/lib/typescript/module/command/index.web.d.ts.map +1 -0
- package/lib/typescript/module/command/types.d.ts +46 -0
- package/lib/typescript/module/command/types.d.ts.map +1 -0
- package/lib/typescript/module/field/Field.d.ts +4 -0
- package/lib/typescript/module/field/Field.d.ts.map +1 -0
- package/lib/typescript/module/field/index.d.ts +3 -0
- package/lib/typescript/module/field/index.d.ts.map +1 -0
- package/lib/typescript/module/field/types.d.ts +26 -0
- package/lib/typescript/module/field/types.d.ts.map +1 -0
- package/lib/typescript/module/icons/common.d.ts +8 -8
- package/lib/typescript/module/index.d.ts +19 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/index.web.d.ts +19 -0
- package/lib/typescript/module/index.web.d.ts.map +1 -1
- package/lib/typescript/module/input-group/InputGroup.d.ts +9 -0
- package/lib/typescript/module/input-group/InputGroup.d.ts.map +1 -0
- package/lib/typescript/module/input-group/index.d.ts +3 -0
- package/lib/typescript/module/input-group/index.d.ts.map +1 -0
- package/lib/typescript/module/input-group/types.d.ts +35 -0
- package/lib/typescript/module/input-group/types.d.ts.map +1 -0
- package/lib/typescript/module/item/Item.d.ts +4 -0
- package/lib/typescript/module/item/Item.d.ts.map +1 -0
- package/lib/typescript/module/item/index.d.ts +3 -0
- package/lib/typescript/module/item/index.d.ts.map +1 -0
- package/lib/typescript/module/item/types.d.ts +45 -0
- package/lib/typescript/module/item/types.d.ts.map +1 -0
- package/lib/typescript/module/kbd/Kbd.d.ts +4 -0
- package/lib/typescript/module/kbd/Kbd.d.ts.map +1 -0
- package/lib/typescript/module/kbd/index.d.ts +3 -0
- package/lib/typescript/module/kbd/index.d.ts.map +1 -0
- package/lib/typescript/module/kbd/types.d.ts +13 -0
- package/lib/typescript/module/kbd/types.d.ts.map +1 -0
- package/lib/typescript/module/label/Label.d.ts +4 -0
- package/lib/typescript/module/label/Label.d.ts.map +1 -0
- package/lib/typescript/module/label/index.d.ts +3 -0
- package/lib/typescript/module/label/index.d.ts.map +1 -0
- package/lib/typescript/module/label/types.d.ts +27 -0
- package/lib/typescript/module/label/types.d.ts.map +1 -0
- package/lib/typescript/module/popover/context.d.ts +15 -0
- package/lib/typescript/module/popover/context.d.ts.map +1 -0
- package/lib/typescript/module/popover/index.d.ts +14 -0
- package/lib/typescript/module/popover/index.d.ts.map +1 -0
- package/lib/typescript/module/popover/index.web.d.ts +14 -0
- package/lib/typescript/module/popover/index.web.d.ts.map +1 -0
- package/lib/typescript/module/popover/types.d.ts +54 -0
- package/lib/typescript/module/popover/types.d.ts.map +1 -0
- package/lib/typescript/module/slider/Slider.d.ts +4 -0
- package/lib/typescript/module/slider/Slider.d.ts.map +1 -0
- package/lib/typescript/module/slider/index.d.ts +3 -0
- package/lib/typescript/module/slider/index.d.ts.map +1 -0
- package/lib/typescript/module/slider/types.d.ts +30 -0
- package/lib/typescript/module/slider/types.d.ts.map +1 -0
- package/lib/typescript/module/theme/BloomThemeProvider.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/index.d.ts +9 -2
- package/lib/typescript/module/theme/color-scope/index.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/style-builder.d.ts +32 -0
- package/lib/typescript/module/theme/color-scope/style-builder.d.ts.map +1 -1
- package/lib/typescript/module/theme/native-root-vars.d.ts +89 -0
- package/lib/typescript/module/theme/native-root-vars.d.ts.map +1 -0
- package/lib/typescript/module/theme/native-root-vars.web.d.ts +20 -0
- package/lib/typescript/module/theme/native-root-vars.web.d.ts.map +1 -0
- package/lib/typescript/module/theme/preset-vars.d.ts.map +1 -1
- package/package.json +141 -1
- package/src/__tests__/Field.test.tsx +55 -0
- package/src/__tests__/InputGroup.test.tsx +44 -0
- package/src/__tests__/Item.test.tsx +73 -0
- package/src/__tests__/Kbd.test.tsx +27 -0
- package/src/__tests__/Label.test.tsx +30 -0
- package/src/__tests__/Slider.test.tsx +38 -0
- package/src/__tests__/confirm-store.test.ts +58 -0
- package/src/__tests__/native-root-vars.test.ts +125 -0
- package/src/alert-dialog/AlertDialog.stories.tsx +61 -0
- package/src/alert-dialog/AlertDialog.tsx +120 -0
- package/src/alert-dialog/AlertDialogHost.tsx +51 -0
- package/src/alert-dialog/confirm-store.ts +77 -0
- package/src/alert-dialog/index.ts +13 -0
- package/src/alert-dialog/index.web.ts +13 -0
- package/src/alert-dialog/types.ts +46 -0
- package/src/combobox/Combobox.stories.tsx +40 -0
- package/src/combobox/Combobox.tsx +274 -0
- package/src/combobox/index.ts +6 -0
- package/src/combobox/index.web.ts +6 -0
- package/src/combobox/types.ts +41 -0
- package/src/command/Command.stories.tsx +60 -0
- package/src/command/Command.tsx +276 -0
- package/src/command/index.ts +6 -0
- package/src/command/index.web.ts +6 -0
- package/src/command/types.ts +47 -0
- package/src/field/Field.stories.tsx +54 -0
- package/src/field/Field.tsx +77 -0
- package/src/field/index.ts +2 -0
- package/src/field/types.ts +26 -0
- package/src/index.ts +23 -0
- package/src/index.web.ts +23 -0
- package/src/input-group/InputGroup.stories.tsx +65 -0
- package/src/input-group/InputGroup.tsx +184 -0
- package/src/input-group/index.ts +2 -0
- package/src/input-group/types.ts +36 -0
- package/src/item/Item.stories.tsx +43 -0
- package/src/item/Item.tsx +180 -0
- package/src/item/index.ts +2 -0
- package/src/item/types.ts +45 -0
- package/src/kbd/Kbd.stories.tsx +36 -0
- package/src/kbd/Kbd.tsx +76 -0
- package/src/kbd/index.ts +2 -0
- package/src/kbd/types.ts +13 -0
- package/src/label/Label.stories.tsx +32 -0
- package/src/label/Label.tsx +64 -0
- package/src/label/index.ts +2 -0
- package/src/label/types.ts +27 -0
- package/src/popover/Popover.stories.tsx +61 -0
- package/src/popover/context.ts +26 -0
- package/src/popover/index.tsx +104 -0
- package/src/popover/index.web.tsx +325 -0
- package/src/popover/types.ts +60 -0
- package/src/react-native-css.d.ts +69 -0
- package/src/slider/Slider.stories.tsx +46 -0
- package/src/slider/Slider.tsx +275 -0
- package/src/slider/index.ts +2 -0
- package/src/slider/types.ts +30 -0
- package/src/theme/BloomThemeProvider.tsx +32 -6
- package/src/theme/color-presets.ts +118 -118
- package/src/theme/color-scope/index.tsx +30 -8
- package/src/theme/color-scope/style-builder.ts +40 -0
- package/src/theme/native-root-vars.ts +102 -0
- package/src/theme/native-root-vars.web.ts +22 -0
- package/src/theme/preset-vars.ts +4 -1
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useMemo, useRef } from 'react';
|
|
4
|
+
import { Platform, Pressable, ScrollView, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { useControllableState } from "../hooks/useControllableState.js";
|
|
7
|
+
import { Text } from "../typography/index.js";
|
|
8
|
+
import { Item } from "../item/index.js";
|
|
9
|
+
import { SearchInput } from "../search-input/index.js";
|
|
10
|
+
import { borderRadius, fontSize, space } from "../styles/tokens.js";
|
|
11
|
+
import { ChevronTopBottom_Stroke2_Corner0_Rounded as ChevronUpDownIcon } from "../icons/Chevron.js";
|
|
12
|
+
import { Check_Stroke2_Corner0_Rounded as CheckIcon } from "../icons/Check.js";
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Structural shape of the `Popover` module, satisfied by both the native and
|
|
16
|
+
* web platform forks. Defined explicitly (rather than `typeof import(...)`) so
|
|
17
|
+
* the slightly different render-return types between forks (web `Content` may
|
|
18
|
+
* return `null`) don't make the modules mutually unassignable.
|
|
19
|
+
*/
|
|
20
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
21
|
+
function defaultFilter(option, query) {
|
|
22
|
+
const q = query.trim().toLowerCase();
|
|
23
|
+
if (!q) return true;
|
|
24
|
+
return option.label.toLowerCase().includes(q) || (option.description?.toLowerCase().includes(q) ?? false);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Build the `Combobox` bound to a platform `Popover` module. The platform
|
|
29
|
+
* entry files (`index.ts` / `index.web.ts`) inject the correct one (native
|
|
30
|
+
* bottom sheet vs web anchored panel) — this repo never relies on implicit
|
|
31
|
+
* `.web` resolution. The combobox logic is single-source.
|
|
32
|
+
*
|
|
33
|
+
* `Combobox` is a filterable autocomplete select that delegates its overlay to
|
|
34
|
+
* Bloom's `Popover` and composes `SearchInput` + `Item`. The trigger + panel
|
|
35
|
+
* read the overlay control from `Popover` context (via an inner component) so
|
|
36
|
+
* selecting an option reliably closes the overlay on every platform.
|
|
37
|
+
*/
|
|
38
|
+
export function createCombobox(Popover) {
|
|
39
|
+
function ComboboxInner({
|
|
40
|
+
options,
|
|
41
|
+
value,
|
|
42
|
+
onValueChange,
|
|
43
|
+
placeholder,
|
|
44
|
+
label,
|
|
45
|
+
emptyText,
|
|
46
|
+
filter,
|
|
47
|
+
query: queryProp,
|
|
48
|
+
onQueryChange,
|
|
49
|
+
disabled,
|
|
50
|
+
maxListHeight
|
|
51
|
+
}) {
|
|
52
|
+
const theme = useTheme();
|
|
53
|
+
const {
|
|
54
|
+
control
|
|
55
|
+
} = Popover.usePopoverContext();
|
|
56
|
+
const searchRef = useRef(null);
|
|
57
|
+
const [query, setQuery] = useControllableState({
|
|
58
|
+
value: queryProp,
|
|
59
|
+
defaultValue: '',
|
|
60
|
+
onChange: onQueryChange
|
|
61
|
+
});
|
|
62
|
+
const selectedOption = useMemo(() => options.find(o => o.value === value) ?? null, [options, value]);
|
|
63
|
+
const filtered = useMemo(() => options.filter(o => filter(o, query)), [options, filter, query]);
|
|
64
|
+
const handleSelect = useCallback(option => {
|
|
65
|
+
if (option.disabled) return;
|
|
66
|
+
onValueChange(option.value);
|
|
67
|
+
setQuery('');
|
|
68
|
+
control.close();
|
|
69
|
+
}, [onValueChange, setQuery, control]);
|
|
70
|
+
const accessibleLabel = label ?? placeholder;
|
|
71
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
72
|
+
children: [/*#__PURE__*/_jsx(Popover.Trigger, {
|
|
73
|
+
label: accessibleLabel,
|
|
74
|
+
children: ({
|
|
75
|
+
props
|
|
76
|
+
}) => /*#__PURE__*/_jsxs(Pressable, {
|
|
77
|
+
...props,
|
|
78
|
+
disabled: disabled,
|
|
79
|
+
onPress: () => {
|
|
80
|
+
if (disabled) return;
|
|
81
|
+
props.onPress();
|
|
82
|
+
if (Platform.OS === 'web') {
|
|
83
|
+
requestAnimationFrame(() => searchRef.current?.focus());
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
accessibilityState: {
|
|
87
|
+
disabled: disabled ?? false
|
|
88
|
+
},
|
|
89
|
+
style: [styles.trigger, {
|
|
90
|
+
backgroundColor: theme.colors.contrast50,
|
|
91
|
+
borderColor: theme.colors.borderLight
|
|
92
|
+
}, disabled && styles.disabled],
|
|
93
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
94
|
+
numberOfLines: 1,
|
|
95
|
+
style: [styles.triggerText, {
|
|
96
|
+
color: selectedOption ? theme.colors.text : theme.colors.textSecondary
|
|
97
|
+
}],
|
|
98
|
+
children: selectedOption ? selectedOption.label : placeholder
|
|
99
|
+
}), /*#__PURE__*/_jsx(ChevronUpDownIcon, {
|
|
100
|
+
size: "xs",
|
|
101
|
+
fill: theme.colors.textSecondary
|
|
102
|
+
})]
|
|
103
|
+
})
|
|
104
|
+
}), /*#__PURE__*/_jsxs(Popover.Content, {
|
|
105
|
+
label: accessibleLabel,
|
|
106
|
+
placement: "bottom-start",
|
|
107
|
+
minWidth: 240,
|
|
108
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
109
|
+
style: styles.searchWrap,
|
|
110
|
+
children: /*#__PURE__*/_jsx(SearchInput, {
|
|
111
|
+
ref: searchRef,
|
|
112
|
+
label: label ?? 'Search',
|
|
113
|
+
value: query,
|
|
114
|
+
onChangeText: setQuery,
|
|
115
|
+
onClearText: () => setQuery(''),
|
|
116
|
+
autoFocus: Platform.OS !== 'web'
|
|
117
|
+
})
|
|
118
|
+
}), filtered.length === 0 ? /*#__PURE__*/_jsx(View, {
|
|
119
|
+
style: styles.empty,
|
|
120
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
121
|
+
style: {
|
|
122
|
+
color: theme.colors.textSecondary,
|
|
123
|
+
fontSize: fontSize.sm
|
|
124
|
+
},
|
|
125
|
+
children: emptyText
|
|
126
|
+
})
|
|
127
|
+
}) : /*#__PURE__*/_jsx(ScrollView, {
|
|
128
|
+
style: {
|
|
129
|
+
maxHeight: maxListHeight
|
|
130
|
+
},
|
|
131
|
+
keyboardShouldPersistTaps: "handled",
|
|
132
|
+
showsVerticalScrollIndicator: false,
|
|
133
|
+
children: filtered.map(option => {
|
|
134
|
+
const isSelected = option.value === value;
|
|
135
|
+
return /*#__PURE__*/_jsx(Item, {
|
|
136
|
+
title: option.label,
|
|
137
|
+
subtitle: option.description,
|
|
138
|
+
density: "compact",
|
|
139
|
+
disabled: option.disabled,
|
|
140
|
+
selected: isSelected,
|
|
141
|
+
role: "option",
|
|
142
|
+
onPress: () => handleSelect(option),
|
|
143
|
+
trailing: isSelected ? /*#__PURE__*/_jsx(CheckIcon, {
|
|
144
|
+
size: "sm",
|
|
145
|
+
fill: theme.colors.primary
|
|
146
|
+
}) : null
|
|
147
|
+
}, String(option.value));
|
|
148
|
+
})
|
|
149
|
+
})]
|
|
150
|
+
})]
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
function Combobox({
|
|
154
|
+
options,
|
|
155
|
+
value,
|
|
156
|
+
onValueChange,
|
|
157
|
+
placeholder = 'Select…',
|
|
158
|
+
label,
|
|
159
|
+
emptyText = 'No results',
|
|
160
|
+
filter = defaultFilter,
|
|
161
|
+
query,
|
|
162
|
+
onQueryChange,
|
|
163
|
+
disabled = false,
|
|
164
|
+
maxListHeight = 280,
|
|
165
|
+
style,
|
|
166
|
+
testID
|
|
167
|
+
}) {
|
|
168
|
+
return /*#__PURE__*/_jsx(Popover.Root, {
|
|
169
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
170
|
+
style: style,
|
|
171
|
+
testID: testID,
|
|
172
|
+
children: /*#__PURE__*/_jsx(ComboboxInner, {
|
|
173
|
+
options: options,
|
|
174
|
+
value: value,
|
|
175
|
+
onValueChange: onValueChange,
|
|
176
|
+
placeholder: placeholder,
|
|
177
|
+
label: label,
|
|
178
|
+
emptyText: emptyText,
|
|
179
|
+
filter: filter,
|
|
180
|
+
query: query,
|
|
181
|
+
onQueryChange: onQueryChange,
|
|
182
|
+
disabled: disabled,
|
|
183
|
+
maxListHeight: maxListHeight
|
|
184
|
+
})
|
|
185
|
+
})
|
|
186
|
+
});
|
|
187
|
+
}
|
|
188
|
+
Combobox.displayName = 'Combobox';
|
|
189
|
+
return Combobox;
|
|
190
|
+
}
|
|
191
|
+
const styles = StyleSheet.create({
|
|
192
|
+
trigger: {
|
|
193
|
+
flexDirection: 'row',
|
|
194
|
+
alignItems: 'center',
|
|
195
|
+
justifyContent: 'space-between',
|
|
196
|
+
gap: space.sm,
|
|
197
|
+
paddingVertical: space.sm,
|
|
198
|
+
paddingHorizontal: space.md,
|
|
199
|
+
borderRadius: borderRadius.sm,
|
|
200
|
+
borderWidth: 1,
|
|
201
|
+
minHeight: 44,
|
|
202
|
+
width: '100%'
|
|
203
|
+
},
|
|
204
|
+
triggerText: {
|
|
205
|
+
flex: 1,
|
|
206
|
+
fontSize: fontSize.md
|
|
207
|
+
},
|
|
208
|
+
disabled: {
|
|
209
|
+
opacity: 0.5
|
|
210
|
+
},
|
|
211
|
+
searchWrap: {
|
|
212
|
+
paddingHorizontal: space.sm,
|
|
213
|
+
paddingTop: space.sm,
|
|
214
|
+
paddingBottom: space.xs
|
|
215
|
+
},
|
|
216
|
+
empty: {
|
|
217
|
+
paddingHorizontal: space.lg,
|
|
218
|
+
paddingVertical: space.lg,
|
|
219
|
+
alignItems: 'center'
|
|
220
|
+
}
|
|
221
|
+
});
|
|
222
|
+
//# sourceMappingURL=Combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","Platform","Pressable","ScrollView","StyleSheet","View","useTheme","useControllableState","Text","Item","SearchInput","borderRadius","fontSize","space","ChevronTopBottom_Stroke2_Corner0_Rounded","ChevronUpDownIcon","Check_Stroke2_Corner0_Rounded","CheckIcon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","defaultFilter","option","query","q","trim","toLowerCase","label","includes","description","createCombobox","Popover","ComboboxInner","options","value","onValueChange","placeholder","emptyText","filter","queryProp","onQueryChange","disabled","maxListHeight","theme","control","usePopoverContext","searchRef","setQuery","defaultValue","onChange","selectedOption","find","o","filtered","handleSelect","close","accessibleLabel","children","Trigger","props","onPress","OS","requestAnimationFrame","current","focus","accessibilityState","style","styles","trigger","backgroundColor","colors","contrast50","borderColor","borderLight","numberOfLines","triggerText","color","text","textSecondary","size","fill","Content","placement","minWidth","searchWrap","ref","onChangeText","onClearText","autoFocus","length","empty","sm","maxHeight","keyboardShouldPersistTaps","showsVerticalScrollIndicator","map","isSelected","title","subtitle","density","selected","role","trailing","primary","String","Combobox","testID","Root","displayName","create","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","md","borderWidth","minHeight","width","flex","opacity","paddingTop","paddingBottom","xs","lg"],"sourceRoot":"../../../src","sources":["combobox/Combobox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Popover","createCombobox","Combobox"],"sourceRoot":"../../../src","sources":["combobox/index.ts"],"mappings":";;AAAA,OAAO,KAAKA,OAAO,MAAM,kBAAkB;AAC3C,SAASC,cAAc,QAAQ,eAAY;AAE3C,OAAO,MAAMC,QAAQ,GAAGD,cAAc,CAACD,OAAO,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Popover","createCombobox","Combobox"],"sourceRoot":"../../../src","sources":["combobox/index.web.ts"],"mappings":";;AAAA,OAAO,KAAKA,OAAO,MAAM,yBAAsB;AAC/C,SAASC,cAAc,QAAQ,eAAY;AAE3C,OAAO,MAAMC,QAAQ,GAAGD,cAAc,CAACD,OAAO,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["combobox/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { Platform, ScrollView, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { useControllableState } from "../hooks/useControllableState.js";
|
|
7
|
+
import { Text } from "../typography/index.js";
|
|
8
|
+
import { Item } from "../item/index.js";
|
|
9
|
+
import { Kbd } from "../kbd/index.js";
|
|
10
|
+
import { SearchInput } from "../search-input/index.js";
|
|
11
|
+
import { fontSize, space } from "../styles/tokens.js";
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
function defaultFilter(item, query) {
|
|
14
|
+
const q = query.trim().toLowerCase();
|
|
15
|
+
if (!q) return true;
|
|
16
|
+
if (item.label.toLowerCase().includes(q)) return true;
|
|
17
|
+
if (item.description?.toLowerCase().includes(q)) return true;
|
|
18
|
+
return (item.keywords ?? []).some(k => k.toLowerCase().includes(q));
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Build the `Command` palette bound to a platform `CenteredDialog`. The
|
|
22
|
+
* platform entry files (`index.ts` / `index.web.ts`) inject the correct one
|
|
23
|
+
* (native RN `Modal` vs pure-DOM web overlay) — this repo never relies on
|
|
24
|
+
* implicit `.web` resolution. The body is single-source.
|
|
25
|
+
*
|
|
26
|
+
* `Command` is a ⌘K command palette built on Bloom's `CenteredDialog`,
|
|
27
|
+
* `SearchInput`, an `Item` results list and `Kbd` shortcut hints. Items group
|
|
28
|
+
* by their `group` field (ungrouped first). On web the list is
|
|
29
|
+
* keyboard-navigable (Up/Down/Enter); on native, tap to select.
|
|
30
|
+
*/
|
|
31
|
+
export function createCommand(CenteredDialog) {
|
|
32
|
+
const Command = function Command({
|
|
33
|
+
visible,
|
|
34
|
+
onClose,
|
|
35
|
+
items,
|
|
36
|
+
placeholder = 'Type a command or search…',
|
|
37
|
+
emptyText = 'No results found.',
|
|
38
|
+
query: queryProp,
|
|
39
|
+
onQueryChange,
|
|
40
|
+
filter = defaultFilter,
|
|
41
|
+
maxListHeight = 360,
|
|
42
|
+
style,
|
|
43
|
+
testID
|
|
44
|
+
}) {
|
|
45
|
+
const theme = useTheme();
|
|
46
|
+
const searchRef = useRef(null);
|
|
47
|
+
const [activeIndex, setActiveIndex] = useState(0);
|
|
48
|
+
const [query, setQuery] = useControllableState({
|
|
49
|
+
value: queryProp,
|
|
50
|
+
defaultValue: '',
|
|
51
|
+
onChange: onQueryChange
|
|
52
|
+
});
|
|
53
|
+
const filtered = useMemo(() => items.filter(it => filter(it, query)), [items, filter, query]);
|
|
54
|
+
|
|
55
|
+
// Build a flattened render list with group headers, and a parallel list of
|
|
56
|
+
// just the selectable items for keyboard navigation.
|
|
57
|
+
const {
|
|
58
|
+
entries,
|
|
59
|
+
selectable
|
|
60
|
+
} = useMemo(() => {
|
|
61
|
+
const groups = new Map();
|
|
62
|
+
const ungrouped = [];
|
|
63
|
+
for (const it of filtered) {
|
|
64
|
+
if (it.group) {
|
|
65
|
+
const arr = groups.get(it.group) ?? [];
|
|
66
|
+
arr.push(it);
|
|
67
|
+
groups.set(it.group, arr);
|
|
68
|
+
} else {
|
|
69
|
+
ungrouped.push(it);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
const flat = [];
|
|
73
|
+
const sel = [];
|
|
74
|
+
const pushItem = it => {
|
|
75
|
+
flat.push({
|
|
76
|
+
type: 'item',
|
|
77
|
+
item: it,
|
|
78
|
+
selectableIndex: sel.length
|
|
79
|
+
});
|
|
80
|
+
sel.push(it);
|
|
81
|
+
};
|
|
82
|
+
for (const it of ungrouped) pushItem(it);
|
|
83
|
+
for (const [group, arr] of groups) {
|
|
84
|
+
flat.push({
|
|
85
|
+
type: 'header',
|
|
86
|
+
group
|
|
87
|
+
});
|
|
88
|
+
for (const it of arr) pushItem(it);
|
|
89
|
+
}
|
|
90
|
+
return {
|
|
91
|
+
entries: flat,
|
|
92
|
+
selectable: sel
|
|
93
|
+
};
|
|
94
|
+
}, [filtered]);
|
|
95
|
+
|
|
96
|
+
// Keep the active index in range as the filtered set changes. Reset to the
|
|
97
|
+
// first selectable item whenever the query changes (derive, no effect).
|
|
98
|
+
const prevQueryRef = useRef(query);
|
|
99
|
+
if (prevQueryRef.current !== query) {
|
|
100
|
+
prevQueryRef.current = query;
|
|
101
|
+
if (activeIndex !== 0) setActiveIndex(0);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
// Reset the active index and focus the search field on the closed→open
|
|
105
|
+
// transition, derived from the `visible` prop (no effect). Focusing happens
|
|
106
|
+
// on the next frame so the dialog has mounted.
|
|
107
|
+
const prevVisibleRef = useRef(visible);
|
|
108
|
+
if (prevVisibleRef.current !== visible) {
|
|
109
|
+
prevVisibleRef.current = visible;
|
|
110
|
+
if (visible) {
|
|
111
|
+
if (activeIndex !== 0) setActiveIndex(0);
|
|
112
|
+
if (Platform.OS === 'web') {
|
|
113
|
+
requestAnimationFrame(() => searchRef.current?.focus());
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
const clampedActive = Math.min(activeIndex, Math.max(0, selectable.length - 1));
|
|
118
|
+
const select = useCallback(item => {
|
|
119
|
+
if (!item || item.disabled) return;
|
|
120
|
+
item.onSelect();
|
|
121
|
+
setQuery('');
|
|
122
|
+
onClose();
|
|
123
|
+
}, [setQuery, onClose]);
|
|
124
|
+
|
|
125
|
+
// Web keyboard navigation on the search input.
|
|
126
|
+
const webKeyHandler = Platform.OS === 'web' ? {
|
|
127
|
+
onKeyDown: e => {
|
|
128
|
+
if (selectable.length === 0) return;
|
|
129
|
+
switch (e.key) {
|
|
130
|
+
case 'ArrowDown':
|
|
131
|
+
e.preventDefault();
|
|
132
|
+
setActiveIndex(i => (i + 1) % selectable.length);
|
|
133
|
+
break;
|
|
134
|
+
case 'ArrowUp':
|
|
135
|
+
e.preventDefault();
|
|
136
|
+
setActiveIndex(i => (i - 1 + selectable.length) % selectable.length);
|
|
137
|
+
break;
|
|
138
|
+
case 'Enter':
|
|
139
|
+
e.preventDefault();
|
|
140
|
+
select(selectable[clampedActive]);
|
|
141
|
+
break;
|
|
142
|
+
default:
|
|
143
|
+
break;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
} : {};
|
|
147
|
+
return /*#__PURE__*/_jsx(CenteredDialog, {
|
|
148
|
+
visible: visible,
|
|
149
|
+
onClose: onClose,
|
|
150
|
+
dismissible: true,
|
|
151
|
+
showClose: false,
|
|
152
|
+
maxWidth: 560,
|
|
153
|
+
accessibilityLabel: "Command palette",
|
|
154
|
+
cardStyle: style,
|
|
155
|
+
contentStyle: styles.content,
|
|
156
|
+
testID: testID,
|
|
157
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
158
|
+
...webKeyHandler,
|
|
159
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
160
|
+
style: [styles.searchWrap, {
|
|
161
|
+
borderBottomColor: theme.colors.borderLight
|
|
162
|
+
}],
|
|
163
|
+
children: /*#__PURE__*/_jsx(SearchInput, {
|
|
164
|
+
ref: searchRef,
|
|
165
|
+
label: placeholder,
|
|
166
|
+
placeholder: placeholder,
|
|
167
|
+
value: query,
|
|
168
|
+
onChangeText: setQuery,
|
|
169
|
+
onClearText: () => setQuery(''),
|
|
170
|
+
autoFocus: Platform.OS !== 'web'
|
|
171
|
+
})
|
|
172
|
+
}), selectable.length === 0 ? /*#__PURE__*/_jsx(View, {
|
|
173
|
+
style: styles.empty,
|
|
174
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
175
|
+
style: {
|
|
176
|
+
color: theme.colors.textSecondary,
|
|
177
|
+
fontSize: fontSize.sm
|
|
178
|
+
},
|
|
179
|
+
children: emptyText
|
|
180
|
+
})
|
|
181
|
+
}) : /*#__PURE__*/_jsx(ScrollView, {
|
|
182
|
+
style: {
|
|
183
|
+
maxHeight: maxListHeight
|
|
184
|
+
},
|
|
185
|
+
keyboardShouldPersistTaps: "handled",
|
|
186
|
+
showsVerticalScrollIndicator: false,
|
|
187
|
+
children: entries.map((entry, i) => {
|
|
188
|
+
if (entry.type === 'header') {
|
|
189
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
190
|
+
style: [styles.groupHeader, {
|
|
191
|
+
color: theme.colors.textTertiary
|
|
192
|
+
}],
|
|
193
|
+
children: entry.group
|
|
194
|
+
}, `h-${entry.group}-${i}`);
|
|
195
|
+
}
|
|
196
|
+
const item = entry.item;
|
|
197
|
+
if (!item) return null;
|
|
198
|
+
const Icon = item.icon;
|
|
199
|
+
const isActive = entry.selectableIndex === clampedActive;
|
|
200
|
+
return /*#__PURE__*/_jsx(Item, {
|
|
201
|
+
title: item.label,
|
|
202
|
+
subtitle: item.description,
|
|
203
|
+
density: "compact",
|
|
204
|
+
disabled: item.disabled,
|
|
205
|
+
active: isActive,
|
|
206
|
+
role: "option",
|
|
207
|
+
onPress: () => select(item),
|
|
208
|
+
leading: Icon ? /*#__PURE__*/_jsx(Icon, {
|
|
209
|
+
size: "sm",
|
|
210
|
+
fill: theme.colors.textSecondary
|
|
211
|
+
}) : null,
|
|
212
|
+
trailing: item.shortcut ? /*#__PURE__*/_jsx(Kbd, {
|
|
213
|
+
size: "sm",
|
|
214
|
+
children: item.shortcut
|
|
215
|
+
}) : null
|
|
216
|
+
}, item.id);
|
|
217
|
+
})
|
|
218
|
+
})]
|
|
219
|
+
})
|
|
220
|
+
});
|
|
221
|
+
};
|
|
222
|
+
Command.displayName = 'Command';
|
|
223
|
+
return Command;
|
|
224
|
+
}
|
|
225
|
+
const styles = StyleSheet.create({
|
|
226
|
+
content: {
|
|
227
|
+
paddingHorizontal: 0,
|
|
228
|
+
paddingTop: 0,
|
|
229
|
+
paddingBottom: space.xs
|
|
230
|
+
},
|
|
231
|
+
searchWrap: {
|
|
232
|
+
paddingHorizontal: space.md,
|
|
233
|
+
paddingTop: space.sm,
|
|
234
|
+
paddingBottom: space.sm,
|
|
235
|
+
borderBottomWidth: StyleSheet.hairlineWidth
|
|
236
|
+
},
|
|
237
|
+
groupHeader: {
|
|
238
|
+
fontSize: fontSize.xs,
|
|
239
|
+
fontWeight: '600',
|
|
240
|
+
textTransform: 'uppercase',
|
|
241
|
+
letterSpacing: 0.6,
|
|
242
|
+
paddingHorizontal: space.lg,
|
|
243
|
+
paddingTop: space.sm,
|
|
244
|
+
paddingBottom: space.xs
|
|
245
|
+
},
|
|
246
|
+
empty: {
|
|
247
|
+
paddingVertical: space._2xl,
|
|
248
|
+
alignItems: 'center'
|
|
249
|
+
}
|
|
250
|
+
});
|
|
251
|
+
//# sourceMappingURL=Command.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","useState","Platform","ScrollView","StyleSheet","View","useTheme","useControllableState","Text","Item","Kbd","SearchInput","fontSize","space","jsx","_jsx","jsxs","_jsxs","defaultFilter","item","query","q","trim","toLowerCase","label","includes","description","keywords","some","k","createCommand","CenteredDialog","Command","visible","onClose","items","placeholder","emptyText","queryProp","onQueryChange","filter","maxListHeight","style","testID","theme","searchRef","activeIndex","setActiveIndex","setQuery","value","defaultValue","onChange","filtered","it","entries","selectable","groups","Map","ungrouped","group","arr","get","push","set","flat","sel","pushItem","type","selectableIndex","length","prevQueryRef","current","prevVisibleRef","OS","requestAnimationFrame","focus","clampedActive","Math","min","max","select","disabled","onSelect","webKeyHandler","onKeyDown","e","key","preventDefault","i","dismissible","showClose","maxWidth","accessibilityLabel","cardStyle","contentStyle","styles","content","children","searchWrap","borderBottomColor","colors","borderLight","ref","onChangeText","onClearText","autoFocus","empty","color","textSecondary","sm","maxHeight","keyboardShouldPersistTaps","showsVerticalScrollIndicator","map","entry","groupHeader","textTertiary","Icon","icon","isActive","title","subtitle","density","active","role","onPress","leading","size","fill","trailing","shortcut","id","displayName","create","paddingHorizontal","paddingTop","paddingBottom","xs","md","borderBottomWidth","hairlineWidth","fontWeight","textTransform","letterSpacing","lg","paddingVertical","_2xl","alignItems"],"sourceRoot":"../../../src","sources":["command/Command.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CenteredDialog","createCommand","Command"],"sourceRoot":"../../../src","sources":["command/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,iBAAiB;AAChD,SAASC,aAAa,QAAQ,cAAW;AAEzC,OAAO,MAAMC,OAAO,GAAGD,aAAa,CAACD,cAAc,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CenteredDialog","createCommand","Command"],"sourceRoot":"../../../src","sources":["command/index.web.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,wBAAqB;AACpD,SAASC,aAAa,QAAQ,cAAW;AAEzC,OAAO,MAAMC,OAAO,GAAGD,aAAa,CAACD,cAAc,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["command/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { Text } from "../typography/index.js";
|
|
7
|
+
import { Label } from "../label/index.js";
|
|
8
|
+
import { atoms as a } from "../styles/index.js";
|
|
9
|
+
import { fontSize, space } from "../styles/tokens.js";
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
/**
|
|
12
|
+
* Standalone form-field wrapper: an optional `Label`, the control (passed as
|
|
13
|
+
* `children`), and a description **or** error message below it. Composes
|
|
14
|
+
* Bloom's `Label`. Unlike `TextField` — which bakes its label/error into the
|
|
15
|
+
* input chrome — `Field` wraps any arbitrary control (a `Switch`, a
|
|
16
|
+
* `SegmentedControl`, a custom picker, etc.).
|
|
17
|
+
*/
|
|
18
|
+
const FieldComponent = function Field({
|
|
19
|
+
children,
|
|
20
|
+
label,
|
|
21
|
+
description,
|
|
22
|
+
error,
|
|
23
|
+
required = false,
|
|
24
|
+
disabled = false,
|
|
25
|
+
nativeID,
|
|
26
|
+
style,
|
|
27
|
+
testID
|
|
28
|
+
}) {
|
|
29
|
+
const theme = useTheme();
|
|
30
|
+
const hasError = typeof error === 'string' && error.length > 0;
|
|
31
|
+
const descriptionID = nativeID ? `${nativeID}-description` : undefined;
|
|
32
|
+
const errorID = nativeID ? `${nativeID}-error` : undefined;
|
|
33
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
34
|
+
style: [a.w_full, style],
|
|
35
|
+
testID: testID,
|
|
36
|
+
children: [label != null ? /*#__PURE__*/_jsx(Label, {
|
|
37
|
+
htmlFor: nativeID,
|
|
38
|
+
required: required,
|
|
39
|
+
disabled: disabled,
|
|
40
|
+
children: label
|
|
41
|
+
}) : null, children, hasError ? /*#__PURE__*/_jsx(Text, {
|
|
42
|
+
nativeID: errorID,
|
|
43
|
+
accessibilityRole: "alert",
|
|
44
|
+
style: [{
|
|
45
|
+
fontSize: fontSize.sm,
|
|
46
|
+
color: theme.colors.negative,
|
|
47
|
+
marginTop: space.xs
|
|
48
|
+
}],
|
|
49
|
+
children: error
|
|
50
|
+
}) : description != null ? /*#__PURE__*/_jsx(Text, {
|
|
51
|
+
nativeID: descriptionID,
|
|
52
|
+
style: [{
|
|
53
|
+
fontSize: fontSize.sm,
|
|
54
|
+
color: disabled ? theme.colors.textTertiary : theme.colors.textSecondary,
|
|
55
|
+
marginTop: space.xs
|
|
56
|
+
}],
|
|
57
|
+
children: description
|
|
58
|
+
}) : null]
|
|
59
|
+
});
|
|
60
|
+
};
|
|
61
|
+
export const Field = /*#__PURE__*/memo(FieldComponent);
|
|
62
|
+
Field.displayName = 'Field';
|
|
63
|
+
//# sourceMappingURL=Field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","View","useTheme","Text","Label","atoms","a","fontSize","space","jsx","_jsx","jsxs","_jsxs","FieldComponent","Field","children","label","description","error","required","disabled","nativeID","style","testID","theme","hasError","length","descriptionID","undefined","errorID","w_full","htmlFor","accessibilityRole","sm","color","colors","negative","marginTop","xs","textTertiary","textSecondary","displayName"],"sourceRoot":"../../../src","sources":["field/Field.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,KAAK,IAAIC,CAAC,QAAQ,oBAAW;AACtC,SAASC,QAAQ,EAAEC,KAAK,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,SAASC,KAAKA,CAAC;EACpCC,QAAQ;EACRC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,KAAK;EACLC;AACU,CAAC,EAAE;EACb,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EACxB,MAAMuB,QAAQ,GAAG,OAAOP,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACQ,MAAM,GAAG,CAAC;EAC9D,MAAMC,aAAa,GAAGN,QAAQ,GAAG,GAAGA,QAAQ,cAAc,GAAGO,SAAS;EACtE,MAAMC,OAAO,GAAGR,QAAQ,GAAG,GAAGA,QAAQ,QAAQ,GAAGO,SAAS;EAE1D,oBACEhB,KAAA,CAACX,IAAI;IAACqB,KAAK,EAAE,CAAChB,CAAC,CAACwB,MAAM,EAAER,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAR,QAAA,GAC5CC,KAAK,IAAI,IAAI,gBACZN,IAAA,CAACN,KAAK;MAAC2B,OAAO,EAAEV,QAAS;MAACF,QAAQ,EAAEA,QAAS;MAACC,QAAQ,EAAEA,QAAS;MAAAL,QAAA,EAC9DC;IAAK,CACD,CAAC,GACN,IAAI,EAEPD,QAAQ,EAERU,QAAQ,gBACPf,IAAA,CAACP,IAAI;MACHkB,QAAQ,EAAEQ,OAAQ;MAClBG,iBAAiB,EAAC,OAAO;MACzBV,KAAK,EAAE,CACL;QACEf,QAAQ,EAAEA,QAAQ,CAAC0B,EAAE;QACrBC,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACC,QAAQ;QAC5BC,SAAS,EAAE7B,KAAK,CAAC8B;MACnB,CAAC,CACD;MAAAvB,QAAA,EACDG;IAAK,CACF,CAAC,GACLD,WAAW,IAAI,IAAI,gBACrBP,IAAA,CAACP,IAAI;MACHkB,QAAQ,EAAEM,aAAc;MACxBL,KAAK,EAAE,CACL;QACEf,QAAQ,EAAEA,QAAQ,CAAC0B,EAAE;QACrBC,KAAK,EAAEd,QAAQ,GACXI,KAAK,CAACW,MAAM,CAACI,YAAY,GACzBf,KAAK,CAACW,MAAM,CAACK,aAAa;QAC9BH,SAAS,EAAE7B,KAAK,CAAC8B;MACnB,CAAC,CACD;MAAAvB,QAAA,EACDE;IAAW,CACR,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAED,OAAO,MAAMH,KAAK,gBAAGd,IAAI,CAACa,cAAc,CAAC;AACzCC,KAAK,CAAC2B,WAAW,GAAG,OAAO","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Field"],"sourceRoot":"../../../src","sources":["field/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAS","ignoreList":[]}
|