orn-ui 0.1.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/README.md +107 -0
- package/bin/orn-ui.mjs +228 -0
- package/lib/commonjs/atoms/Avatar.js +42 -0
- package/lib/commonjs/atoms/Avatar.js.map +1 -0
- package/lib/commonjs/atoms/Badge.js +82 -0
- package/lib/commonjs/atoms/Badge.js.map +1 -0
- package/lib/commonjs/atoms/Button.js +222 -0
- package/lib/commonjs/atoms/Button.js.map +1 -0
- package/lib/commonjs/atoms/Card.js +33 -0
- package/lib/commonjs/atoms/Card.js.map +1 -0
- package/lib/commonjs/atoms/Checkbox.js +107 -0
- package/lib/commonjs/atoms/Checkbox.js.map +1 -0
- package/lib/commonjs/atoms/Divider.js +27 -0
- package/lib/commonjs/atoms/Divider.js.map +1 -0
- package/lib/commonjs/atoms/EmptyState.js +69 -0
- package/lib/commonjs/atoms/EmptyState.js.map +1 -0
- package/lib/commonjs/atoms/Fab.js +62 -0
- package/lib/commonjs/atoms/Fab.js.map +1 -0
- package/lib/commonjs/atoms/IconButton.js +60 -0
- package/lib/commonjs/atoms/IconButton.js.map +1 -0
- package/lib/commonjs/atoms/Image.js +113 -0
- package/lib/commonjs/atoms/Image.js.map +1 -0
- package/lib/commonjs/atoms/Input.js +173 -0
- package/lib/commonjs/atoms/Input.js.map +1 -0
- package/lib/commonjs/atoms/KeyValueRow.js +60 -0
- package/lib/commonjs/atoms/KeyValueRow.js.map +1 -0
- package/lib/commonjs/atoms/PressableScale.js +60 -0
- package/lib/commonjs/atoms/PressableScale.js.map +1 -0
- package/lib/commonjs/atoms/Spinner.js +156 -0
- package/lib/commonjs/atoms/Spinner.js.map +1 -0
- package/lib/commonjs/atoms/Text.js +63 -0
- package/lib/commonjs/atoms/Text.js.map +1 -0
- package/lib/commonjs/atoms/index.js +135 -0
- package/lib/commonjs/atoms/index.js.map +1 -0
- package/lib/commonjs/icons/Icon.js +40 -0
- package/lib/commonjs/icons/Icon.js.map +1 -0
- package/lib/commonjs/icons/defaultIcons.js +386 -0
- package/lib/commonjs/icons/defaultIcons.js.map +1 -0
- package/lib/commonjs/icons/index.js +20 -0
- package/lib/commonjs/icons/index.js.map +1 -0
- package/lib/commonjs/icons/types.js +6 -0
- package/lib/commonjs/icons/types.js.map +1 -0
- package/lib/commonjs/index.js +61 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/molecules/AvatarHeader.js +87 -0
- package/lib/commonjs/molecules/AvatarHeader.js.map +1 -0
- package/lib/commonjs/molecules/FormActions.js +47 -0
- package/lib/commonjs/molecules/FormActions.js.map +1 -0
- package/lib/commonjs/molecules/InfoRow.js +83 -0
- package/lib/commonjs/molecules/InfoRow.js.map +1 -0
- package/lib/commonjs/molecules/OptionCard.js +98 -0
- package/lib/commonjs/molecules/OptionCard.js.map +1 -0
- package/lib/commonjs/molecules/Stepper.js +104 -0
- package/lib/commonjs/molecules/Stepper.js.map +1 -0
- package/lib/commonjs/molecules/Steps.js +220 -0
- package/lib/commonjs/molecules/Steps.js.map +1 -0
- package/lib/commonjs/molecules/ThemeToggle.js +91 -0
- package/lib/commonjs/molecules/ThemeToggle.js.map +1 -0
- package/lib/commonjs/molecules/index.js +55 -0
- package/lib/commonjs/molecules/index.js.map +1 -0
- package/lib/commonjs/organisms/Alert.js +223 -0
- package/lib/commonjs/organisms/Alert.js.map +1 -0
- package/lib/commonjs/organisms/AlertProvider.js +109 -0
- package/lib/commonjs/organisms/AlertProvider.js.map +1 -0
- package/lib/commonjs/organisms/BottomSheet.js +154 -0
- package/lib/commonjs/organisms/BottomSheet.js.map +1 -0
- package/lib/commonjs/organisms/DateField.js +147 -0
- package/lib/commonjs/organisms/DateField.js.map +1 -0
- package/lib/commonjs/organisms/DatePicker.js +253 -0
- package/lib/commonjs/organisms/DatePicker.js.map +1 -0
- package/lib/commonjs/organisms/List.js +143 -0
- package/lib/commonjs/organisms/List.js.map +1 -0
- package/lib/commonjs/organisms/Modal.js +286 -0
- package/lib/commonjs/organisms/Modal.js.map +1 -0
- package/lib/commonjs/organisms/Screen.js +75 -0
- package/lib/commonjs/organisms/Screen.js.map +1 -0
- package/lib/commonjs/organisms/SearchList.js +180 -0
- package/lib/commonjs/organisms/SearchList.js.map +1 -0
- package/lib/commonjs/organisms/Select.js +178 -0
- package/lib/commonjs/organisms/Select.js.map +1 -0
- package/lib/commonjs/organisms/Toast.js +157 -0
- package/lib/commonjs/organisms/Toast.js.map +1 -0
- package/lib/commonjs/organisms/ToastProvider.js +131 -0
- package/lib/commonjs/organisms/ToastProvider.js.map +1 -0
- package/lib/commonjs/organisms/Wizard.js +116 -0
- package/lib/commonjs/organisms/Wizard.js.map +1 -0
- package/lib/commonjs/organisms/index.js +127 -0
- package/lib/commonjs/organisms/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/UIProvider.js +110 -0
- package/lib/commonjs/theme/UIProvider.js.map +1 -0
- package/lib/commonjs/theme/createStyles.js +42 -0
- package/lib/commonjs/theme/createStyles.js.map +1 -0
- package/lib/commonjs/theme/createTheme.js +50 -0
- package/lib/commonjs/theme/createTheme.js.map +1 -0
- package/lib/commonjs/theme/index.js +151 -0
- package/lib/commonjs/theme/index.js.map +1 -0
- package/lib/commonjs/theme/insets.js +15 -0
- package/lib/commonjs/theme/insets.js.map +1 -0
- package/lib/commonjs/theme/labels.js +18 -0
- package/lib/commonjs/theme/labels.js.map +1 -0
- package/lib/commonjs/theme/palettes.js +42 -0
- package/lib/commonjs/theme/palettes.js.map +1 -0
- package/lib/commonjs/theme/tokens.js +120 -0
- package/lib/commonjs/theme/tokens.js.map +1 -0
- package/lib/commonjs/theme/types.js +6 -0
- package/lib/commonjs/theme/types.js.map +1 -0
- package/lib/module/atoms/Avatar.js +37 -0
- package/lib/module/atoms/Avatar.js.map +1 -0
- package/lib/module/atoms/Badge.js +77 -0
- package/lib/module/atoms/Badge.js.map +1 -0
- package/lib/module/atoms/Button.js +217 -0
- package/lib/module/atoms/Button.js.map +1 -0
- package/lib/module/atoms/Card.js +28 -0
- package/lib/module/atoms/Card.js.map +1 -0
- package/lib/module/atoms/Checkbox.js +102 -0
- package/lib/module/atoms/Checkbox.js.map +1 -0
- package/lib/module/atoms/Divider.js +22 -0
- package/lib/module/atoms/Divider.js.map +1 -0
- package/lib/module/atoms/EmptyState.js +64 -0
- package/lib/module/atoms/EmptyState.js.map +1 -0
- package/lib/module/atoms/Fab.js +57 -0
- package/lib/module/atoms/Fab.js.map +1 -0
- package/lib/module/atoms/IconButton.js +55 -0
- package/lib/module/atoms/IconButton.js.map +1 -0
- package/lib/module/atoms/Image.js +108 -0
- package/lib/module/atoms/Image.js.map +1 -0
- package/lib/module/atoms/Input.js +168 -0
- package/lib/module/atoms/Input.js.map +1 -0
- package/lib/module/atoms/KeyValueRow.js +55 -0
- package/lib/module/atoms/KeyValueRow.js.map +1 -0
- package/lib/module/atoms/PressableScale.js +55 -0
- package/lib/module/atoms/PressableScale.js.map +1 -0
- package/lib/module/atoms/Spinner.js +151 -0
- package/lib/module/atoms/Spinner.js.map +1 -0
- package/lib/module/atoms/Text.js +58 -0
- package/lib/module/atoms/Text.js.map +1 -0
- package/lib/module/atoms/index.js +18 -0
- package/lib/module/atoms/index.js.map +1 -0
- package/lib/module/icons/Icon.js +35 -0
- package/lib/module/icons/Icon.js.map +1 -0
- package/lib/module/icons/defaultIcons.js +381 -0
- package/lib/module/icons/defaultIcons.js.map +1 -0
- package/lib/module/icons/index.js +5 -0
- package/lib/module/icons/index.js.map +1 -0
- package/lib/module/icons/types.js +4 -0
- package/lib/module/icons/types.js.map +1 -0
- package/lib/module/index.js +8 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/molecules/AvatarHeader.js +82 -0
- package/lib/module/molecules/AvatarHeader.js.map +1 -0
- package/lib/module/molecules/FormActions.js +42 -0
- package/lib/module/molecules/FormActions.js.map +1 -0
- package/lib/module/molecules/InfoRow.js +78 -0
- package/lib/module/molecules/InfoRow.js.map +1 -0
- package/lib/module/molecules/OptionCard.js +93 -0
- package/lib/module/molecules/OptionCard.js.map +1 -0
- package/lib/module/molecules/Stepper.js +99 -0
- package/lib/module/molecules/Stepper.js.map +1 -0
- package/lib/module/molecules/Steps.js +215 -0
- package/lib/module/molecules/Steps.js.map +1 -0
- package/lib/module/molecules/ThemeToggle.js +86 -0
- package/lib/module/molecules/ThemeToggle.js.map +1 -0
- package/lib/module/molecules/index.js +10 -0
- package/lib/module/molecules/index.js.map +1 -0
- package/lib/module/organisms/Alert.js +218 -0
- package/lib/module/organisms/Alert.js.map +1 -0
- package/lib/module/organisms/AlertProvider.js +103 -0
- package/lib/module/organisms/AlertProvider.js.map +1 -0
- package/lib/module/organisms/BottomSheet.js +149 -0
- package/lib/module/organisms/BottomSheet.js.map +1 -0
- package/lib/module/organisms/DateField.js +142 -0
- package/lib/module/organisms/DateField.js.map +1 -0
- package/lib/module/organisms/DatePicker.js +247 -0
- package/lib/module/organisms/DatePicker.js.map +1 -0
- package/lib/module/organisms/List.js +138 -0
- package/lib/module/organisms/List.js.map +1 -0
- package/lib/module/organisms/Modal.js +281 -0
- package/lib/module/organisms/Modal.js.map +1 -0
- package/lib/module/organisms/Screen.js +70 -0
- package/lib/module/organisms/Screen.js.map +1 -0
- package/lib/module/organisms/SearchList.js +175 -0
- package/lib/module/organisms/SearchList.js.map +1 -0
- package/lib/module/organisms/Select.js +173 -0
- package/lib/module/organisms/Select.js.map +1 -0
- package/lib/module/organisms/Toast.js +152 -0
- package/lib/module/organisms/Toast.js.map +1 -0
- package/lib/module/organisms/ToastProvider.js +125 -0
- package/lib/module/organisms/ToastProvider.js.map +1 -0
- package/lib/module/organisms/Wizard.js +111 -0
- package/lib/module/organisms/Wizard.js.map +1 -0
- package/lib/module/organisms/index.js +16 -0
- package/lib/module/organisms/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/theme/UIProvider.js +97 -0
- package/lib/module/theme/UIProvider.js.map +1 -0
- package/lib/module/theme/createStyles.js +38 -0
- package/lib/module/theme/createStyles.js.map +1 -0
- package/lib/module/theme/createTheme.js +45 -0
- package/lib/module/theme/createTheme.js.map +1 -0
- package/lib/module/theme/index.js +10 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/theme/insets.js +11 -0
- package/lib/module/theme/insets.js.map +1 -0
- package/lib/module/theme/labels.js +14 -0
- package/lib/module/theme/labels.js.map +1 -0
- package/lib/module/theme/palettes.js +38 -0
- package/lib/module/theme/palettes.js.map +1 -0
- package/lib/module/theme/tokens.js +117 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/theme/types.js +4 -0
- package/lib/module/theme/types.js.map +1 -0
- package/lib/typescript/atoms/Avatar.d.ts +15 -0
- package/lib/typescript/atoms/Avatar.d.ts.map +1 -0
- package/lib/typescript/atoms/Badge.d.ts +19 -0
- package/lib/typescript/atoms/Badge.d.ts.map +1 -0
- package/lib/typescript/atoms/Button.d.ts +30 -0
- package/lib/typescript/atoms/Button.d.ts.map +1 -0
- package/lib/typescript/atoms/Card.d.ts +8 -0
- package/lib/typescript/atoms/Card.d.ts.map +1 -0
- package/lib/typescript/atoms/Checkbox.d.ts +11 -0
- package/lib/typescript/atoms/Checkbox.d.ts.map +1 -0
- package/lib/typescript/atoms/Divider.d.ts +8 -0
- package/lib/typescript/atoms/Divider.d.ts.map +1 -0
- package/lib/typescript/atoms/EmptyState.d.ts +12 -0
- package/lib/typescript/atoms/EmptyState.d.ts.map +1 -0
- package/lib/typescript/atoms/Fab.d.ts +22 -0
- package/lib/typescript/atoms/Fab.d.ts.map +1 -0
- package/lib/typescript/atoms/IconButton.d.ts +23 -0
- package/lib/typescript/atoms/IconButton.d.ts.map +1 -0
- package/lib/typescript/atoms/Image.d.ts +45 -0
- package/lib/typescript/atoms/Image.d.ts.map +1 -0
- package/lib/typescript/atoms/Input.d.ts +24 -0
- package/lib/typescript/atoms/Input.d.ts.map +1 -0
- package/lib/typescript/atoms/KeyValueRow.d.ts +17 -0
- package/lib/typescript/atoms/KeyValueRow.d.ts.map +1 -0
- package/lib/typescript/atoms/PressableScale.d.ts +15 -0
- package/lib/typescript/atoms/PressableScale.d.ts.map +1 -0
- package/lib/typescript/atoms/Spinner.d.ts +20 -0
- package/lib/typescript/atoms/Spinner.d.ts.map +1 -0
- package/lib/typescript/atoms/Text.d.ts +13 -0
- package/lib/typescript/atoms/Text.d.ts.map +1 -0
- package/lib/typescript/atoms/index.d.ts +31 -0
- package/lib/typescript/atoms/index.d.ts.map +1 -0
- package/lib/typescript/icons/Icon.d.ts +18 -0
- package/lib/typescript/icons/Icon.d.ts.map +1 -0
- package/lib/typescript/icons/defaultIcons.d.ts +5 -0
- package/lib/typescript/icons/defaultIcons.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +5 -0
- package/lib/typescript/icons/index.d.ts.map +1 -0
- package/lib/typescript/icons/types.d.ts +10 -0
- package/lib/typescript/icons/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/molecules/AvatarHeader.d.ts +20 -0
- package/lib/typescript/molecules/AvatarHeader.d.ts.map +1 -0
- package/lib/typescript/molecules/FormActions.d.ts +21 -0
- package/lib/typescript/molecules/FormActions.d.ts.map +1 -0
- package/lib/typescript/molecules/InfoRow.d.ts +17 -0
- package/lib/typescript/molecules/InfoRow.d.ts.map +1 -0
- package/lib/typescript/molecules/OptionCard.d.ts +20 -0
- package/lib/typescript/molecules/OptionCard.d.ts.map +1 -0
- package/lib/typescript/molecules/Stepper.d.ts +15 -0
- package/lib/typescript/molecules/Stepper.d.ts.map +1 -0
- package/lib/typescript/molecules/Steps.d.ts +29 -0
- package/lib/typescript/molecules/Steps.d.ts.map +1 -0
- package/lib/typescript/molecules/ThemeToggle.d.ts +15 -0
- package/lib/typescript/molecules/ThemeToggle.d.ts.map +1 -0
- package/lib/typescript/molecules/index.d.ts +15 -0
- package/lib/typescript/molecules/index.d.ts.map +1 -0
- package/lib/typescript/organisms/Alert.d.ts +29 -0
- package/lib/typescript/organisms/Alert.d.ts.map +1 -0
- package/lib/typescript/organisms/AlertProvider.d.ts +32 -0
- package/lib/typescript/organisms/AlertProvider.d.ts.map +1 -0
- package/lib/typescript/organisms/BottomSheet.d.ts +15 -0
- package/lib/typescript/organisms/BottomSheet.d.ts.map +1 -0
- package/lib/typescript/organisms/DateField.d.ts +26 -0
- package/lib/typescript/organisms/DateField.d.ts.map +1 -0
- package/lib/typescript/organisms/DatePicker.d.ts +49 -0
- package/lib/typescript/organisms/DatePicker.d.ts.map +1 -0
- package/lib/typescript/organisms/List.d.ts +35 -0
- package/lib/typescript/organisms/List.d.ts.map +1 -0
- package/lib/typescript/organisms/Modal.d.ts +25 -0
- package/lib/typescript/organisms/Modal.d.ts.map +1 -0
- package/lib/typescript/organisms/Screen.d.ts +26 -0
- package/lib/typescript/organisms/Screen.d.ts.map +1 -0
- package/lib/typescript/organisms/SearchList.d.ts +40 -0
- package/lib/typescript/organisms/SearchList.d.ts.map +1 -0
- package/lib/typescript/organisms/Select.d.ts +25 -0
- package/lib/typescript/organisms/Select.d.ts.map +1 -0
- package/lib/typescript/organisms/Toast.d.ts +28 -0
- package/lib/typescript/organisms/Toast.d.ts.map +1 -0
- package/lib/typescript/organisms/ToastProvider.d.ts +36 -0
- package/lib/typescript/organisms/ToastProvider.d.ts.map +1 -0
- package/lib/typescript/organisms/Wizard.d.ts +40 -0
- package/lib/typescript/organisms/Wizard.d.ts.map +1 -0
- package/lib/typescript/organisms/index.d.ts +27 -0
- package/lib/typescript/organisms/index.d.ts.map +1 -0
- package/lib/typescript/theme/UIProvider.d.ts +47 -0
- package/lib/typescript/theme/UIProvider.d.ts.map +1 -0
- package/lib/typescript/theme/createStyles.d.ts +21 -0
- package/lib/typescript/theme/createStyles.d.ts.map +1 -0
- package/lib/typescript/theme/createTheme.d.ts +9 -0
- package/lib/typescript/theme/createTheme.d.ts.map +1 -0
- package/lib/typescript/theme/index.d.ts +14 -0
- package/lib/typescript/theme/index.d.ts.map +1 -0
- package/lib/typescript/theme/insets.d.ts +9 -0
- package/lib/typescript/theme/insets.d.ts.map +1 -0
- package/lib/typescript/theme/labels.d.ts +13 -0
- package/lib/typescript/theme/labels.d.ts.map +1 -0
- package/lib/typescript/theme/palettes.d.ts +24 -0
- package/lib/typescript/theme/palettes.d.ts.map +1 -0
- package/lib/typescript/theme/tokens.d.ts +41 -0
- package/lib/typescript/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/theme/types.d.ts +24 -0
- package/lib/typescript/theme/types.d.ts.map +1 -0
- package/package.json +311 -0
- package/registry/alert-provider.json +21 -0
- package/registry/alert.json +19 -0
- package/registry/avatar-header.json +18 -0
- package/registry/avatar.json +18 -0
- package/registry/badge.json +18 -0
- package/registry/bottom-sheet.json +18 -0
- package/registry/button.json +18 -0
- package/registry/card.json +18 -0
- package/registry/checkbox.json +18 -0
- package/registry/core.json +64 -0
- package/registry/date-field.json +24 -0
- package/registry/date-picker.json +23 -0
- package/registry/divider.json +18 -0
- package/registry/empty-state.json +18 -0
- package/registry/fab.json +19 -0
- package/registry/form-actions.json +19 -0
- package/registry/icon-button.json +19 -0
- package/registry/image.json +20 -0
- package/registry/index.json +465 -0
- package/registry/info-row.json +19 -0
- package/registry/input.json +18 -0
- package/registry/key-value-row.json +18 -0
- package/registry/list.json +20 -0
- package/registry/manifest.json +263 -0
- package/registry/modal.json +21 -0
- package/registry/option-card.json +18 -0
- package/registry/pressable-scale.json +18 -0
- package/registry/screen.json +18 -0
- package/registry/search-list.json +23 -0
- package/registry/select.json +18 -0
- package/registry/spinner.json +18 -0
- package/registry/stepper.json +18 -0
- package/registry/steps.json +18 -0
- package/registry/theme-toggle.json +18 -0
- package/registry/title.json +21 -0
- package/registry/toast-provider.json +20 -0
- package/registry/toast.json +18 -0
- package/registry/wizard.json +20 -0
- package/src/atoms/Avatar.tsx +40 -0
- package/src/atoms/Badge.tsx +55 -0
- package/src/atoms/Button.tsx +186 -0
- package/src/atoms/Card.tsx +27 -0
- package/src/atoms/Checkbox.tsx +75 -0
- package/src/atoms/Divider.tsx +14 -0
- package/src/atoms/EmptyState.tsx +60 -0
- package/src/atoms/Fab.tsx +63 -0
- package/src/atoms/IconButton.tsx +53 -0
- package/src/atoms/Image.tsx +137 -0
- package/src/atoms/Input.tsx +166 -0
- package/src/atoms/KeyValueRow.tsx +48 -0
- package/src/atoms/PressableScale.tsx +52 -0
- package/src/atoms/Spinner.tsx +127 -0
- package/src/atoms/Text.tsx +58 -0
- package/src/atoms/index.ts +30 -0
- package/src/icons/Icon.tsx +27 -0
- package/src/icons/defaultIcons.tsx +292 -0
- package/src/icons/index.ts +4 -0
- package/src/icons/types.ts +27 -0
- package/src/index.ts +5 -0
- package/src/molecules/AvatarHeader.tsx +69 -0
- package/src/molecules/FormActions.tsx +52 -0
- package/src/molecules/InfoRow.tsx +52 -0
- package/src/molecules/OptionCard.tsx +82 -0
- package/src/molecules/Stepper.tsx +76 -0
- package/src/molecules/Steps.tsx +198 -0
- package/src/molecules/ThemeToggle.tsx +67 -0
- package/src/molecules/index.ts +14 -0
- package/src/organisms/Alert.tsx +162 -0
- package/src/organisms/AlertProvider.tsx +125 -0
- package/src/organisms/BottomSheet.tsx +95 -0
- package/src/organisms/DateField.tsx +134 -0
- package/src/organisms/DatePicker.tsx +255 -0
- package/src/organisms/List.tsx +154 -0
- package/src/organisms/Modal.tsx +251 -0
- package/src/organisms/Screen.tsx +84 -0
- package/src/organisms/SearchList.tsx +186 -0
- package/src/organisms/Select.tsx +156 -0
- package/src/organisms/Toast.tsx +135 -0
- package/src/organisms/ToastProvider.tsx +166 -0
- package/src/organisms/Wizard.tsx +137 -0
- package/src/organisms/index.ts +26 -0
- package/src/theme/UIProvider.tsx +129 -0
- package/src/theme/createStyles.ts +40 -0
- package/src/theme/createTheme.ts +49 -0
- package/src/theme/index.ts +22 -0
- package/src/theme/insets.ts +9 -0
- package/src/theme/labels.ts +23 -0
- package/src/theme/palettes.ts +53 -0
- package/src/theme/tokens.ts +113 -0
- package/src/theme/types.ts +27 -0
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { Text, TouchableOpacity, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useAllowFontScaling, useColors } from '../theme/UIProvider';
|
|
7
|
+
import { Icon } from '../icons/Icon';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const CIRCLE = 32;
|
|
10
|
+
const useStyles = createStyles(theme => ({
|
|
11
|
+
rowContainer: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
alignItems: 'flex-start'
|
|
14
|
+
},
|
|
15
|
+
columnContainer: {
|
|
16
|
+
flexDirection: 'column'
|
|
17
|
+
},
|
|
18
|
+
// horizontal
|
|
19
|
+
hStep: {
|
|
20
|
+
flex: 1,
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
gap: theme.tokens.spacing.sm
|
|
23
|
+
},
|
|
24
|
+
hLabels: {
|
|
25
|
+
alignItems: 'center',
|
|
26
|
+
gap: 2,
|
|
27
|
+
paddingHorizontal: 4
|
|
28
|
+
},
|
|
29
|
+
// El conector toma una fracción chica del ancho: compitiendo de igual a
|
|
30
|
+
// igual con los pasos (flex: 1) cada etiqueta se quedaba con 1/(2n-1) del
|
|
31
|
+
// total y RN partía palabras a la mitad ("Paymen / t"). Con 0.3 un flujo de
|
|
32
|
+
// 4 pasos deja ~68px por etiqueta, suficiente para una palabra corriente.
|
|
33
|
+
hConnector: {
|
|
34
|
+
height: 2,
|
|
35
|
+
flex: 0.3,
|
|
36
|
+
marginTop: CIRCLE / 2 - 1
|
|
37
|
+
},
|
|
38
|
+
// vertical
|
|
39
|
+
vStep: {
|
|
40
|
+
flexDirection: 'row',
|
|
41
|
+
gap: theme.tokens.spacing.md
|
|
42
|
+
},
|
|
43
|
+
vIndicatorColumn: {
|
|
44
|
+
alignItems: 'center'
|
|
45
|
+
},
|
|
46
|
+
vConnector: {
|
|
47
|
+
width: 2,
|
|
48
|
+
flex: 1,
|
|
49
|
+
minHeight: 20,
|
|
50
|
+
marginVertical: 4
|
|
51
|
+
},
|
|
52
|
+
vLabels: {
|
|
53
|
+
flex: 1,
|
|
54
|
+
gap: 2,
|
|
55
|
+
paddingBottom: theme.tokens.spacing.lg
|
|
56
|
+
},
|
|
57
|
+
circle: {
|
|
58
|
+
width: CIRCLE,
|
|
59
|
+
height: CIRCLE,
|
|
60
|
+
borderRadius: CIRCLE / 2,
|
|
61
|
+
borderWidth: 2,
|
|
62
|
+
alignItems: 'center',
|
|
63
|
+
justifyContent: 'center'
|
|
64
|
+
},
|
|
65
|
+
circleNumber: {
|
|
66
|
+
fontSize: theme.tokens.fontSize.md,
|
|
67
|
+
fontWeight: theme.tokens.fontWeight.semibold
|
|
68
|
+
},
|
|
69
|
+
label: {
|
|
70
|
+
fontSize: theme.tokens.fontSize.md,
|
|
71
|
+
fontWeight: theme.tokens.fontWeight.semibold,
|
|
72
|
+
color: theme.colors.text
|
|
73
|
+
},
|
|
74
|
+
labelCentered: {
|
|
75
|
+
textAlign: 'center'
|
|
76
|
+
},
|
|
77
|
+
description: {
|
|
78
|
+
fontSize: theme.tokens.fontSize.sm,
|
|
79
|
+
color: theme.colors.textLight
|
|
80
|
+
},
|
|
81
|
+
descriptionCentered: {
|
|
82
|
+
textAlign: 'center'
|
|
83
|
+
}
|
|
84
|
+
}));
|
|
85
|
+
function statusOf(index, current) {
|
|
86
|
+
if (index < current) return 'completed';
|
|
87
|
+
if (index === current) return 'current';
|
|
88
|
+
return 'pending';
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Steps
|
|
93
|
+
* Indicador de progreso multi-paso. Base visual de `Wizard`, pero utilizable
|
|
94
|
+
* suelto para mostrar el avance de un flujo que se navega de otra forma.
|
|
95
|
+
*/
|
|
96
|
+
export const Steps = /*#__PURE__*/memo(({
|
|
97
|
+
steps,
|
|
98
|
+
current,
|
|
99
|
+
orientation = 'horizontal',
|
|
100
|
+
completedIndicator = 'check',
|
|
101
|
+
onStepPress,
|
|
102
|
+
style
|
|
103
|
+
}) => {
|
|
104
|
+
const colors = useColors();
|
|
105
|
+
const styles = useStyles();
|
|
106
|
+
const allowFontScaling = useAllowFontScaling();
|
|
107
|
+
const isVertical = orientation === 'vertical';
|
|
108
|
+
const colorsFor = status => {
|
|
109
|
+
if (status === 'completed') return {
|
|
110
|
+
bg: colors.primary,
|
|
111
|
+
border: colors.primary,
|
|
112
|
+
fg: colors.white
|
|
113
|
+
};
|
|
114
|
+
if (status === 'current') return {
|
|
115
|
+
bg: 'transparent',
|
|
116
|
+
border: colors.primary,
|
|
117
|
+
fg: colors.primary
|
|
118
|
+
};
|
|
119
|
+
return {
|
|
120
|
+
bg: 'transparent',
|
|
121
|
+
border: colors.border,
|
|
122
|
+
fg: colors.textLight
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
const renderCircle = (index, status) => {
|
|
126
|
+
const c = colorsFor(status);
|
|
127
|
+
const showCheck = status === 'completed' && completedIndicator === 'check';
|
|
128
|
+
return /*#__PURE__*/_jsx(View, {
|
|
129
|
+
style: [styles.circle, {
|
|
130
|
+
backgroundColor: c.bg,
|
|
131
|
+
borderColor: c.border
|
|
132
|
+
}],
|
|
133
|
+
children: showCheck ? /*#__PURE__*/_jsx(Icon, {
|
|
134
|
+
name: "check",
|
|
135
|
+
size: 18,
|
|
136
|
+
color: c.fg
|
|
137
|
+
}) : /*#__PURE__*/_jsx(Text, {
|
|
138
|
+
allowFontScaling: allowFontScaling,
|
|
139
|
+
style: [styles.circleNumber, {
|
|
140
|
+
color: c.fg
|
|
141
|
+
}],
|
|
142
|
+
children: index + 1
|
|
143
|
+
})
|
|
144
|
+
});
|
|
145
|
+
};
|
|
146
|
+
const renderLabels = (step, status, centered) => /*#__PURE__*/_jsxs(View, {
|
|
147
|
+
style: centered ? styles.hLabels : styles.vLabels,
|
|
148
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
149
|
+
allowFontScaling: allowFontScaling,
|
|
150
|
+
style: [styles.label, centered && styles.labelCentered, status === 'pending' && {
|
|
151
|
+
color: colors.textLight
|
|
152
|
+
}],
|
|
153
|
+
children: step.label
|
|
154
|
+
}), !!step.description && /*#__PURE__*/_jsx(Text, {
|
|
155
|
+
allowFontScaling: allowFontScaling,
|
|
156
|
+
style: [styles.description, centered && styles.descriptionCentered],
|
|
157
|
+
children: step.description
|
|
158
|
+
})]
|
|
159
|
+
});
|
|
160
|
+
const stepAccessibility = (index, step, status) => ({
|
|
161
|
+
accessibilityRole: onStepPress ? 'button' : 'text',
|
|
162
|
+
accessibilityLabel: `Step ${index + 1}: ${step.label}`,
|
|
163
|
+
accessibilityState: {
|
|
164
|
+
selected: status === 'current',
|
|
165
|
+
disabled: false
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
if (isVertical) {
|
|
169
|
+
return /*#__PURE__*/_jsx(View, {
|
|
170
|
+
style: [styles.columnContainer, style],
|
|
171
|
+
children: steps.map((step, index) => {
|
|
172
|
+
const status = statusOf(index, current);
|
|
173
|
+
const isLast = index === steps.length - 1;
|
|
174
|
+
const Wrapper = onStepPress ? TouchableOpacity : View;
|
|
175
|
+
return /*#__PURE__*/_jsxs(Wrapper, {
|
|
176
|
+
style: styles.vStep,
|
|
177
|
+
onPress: onStepPress ? () => onStepPress(index) : undefined,
|
|
178
|
+
activeOpacity: 0.7,
|
|
179
|
+
...stepAccessibility(index, step, status),
|
|
180
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
181
|
+
style: styles.vIndicatorColumn,
|
|
182
|
+
children: [renderCircle(index, status), !isLast && /*#__PURE__*/_jsx(View, {
|
|
183
|
+
style: [styles.vConnector, {
|
|
184
|
+
backgroundColor: index < current ? colors.primary : colors.border
|
|
185
|
+
}]
|
|
186
|
+
})]
|
|
187
|
+
}), renderLabels(step, status, false)]
|
|
188
|
+
}, step.label);
|
|
189
|
+
})
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
return /*#__PURE__*/_jsx(View, {
|
|
193
|
+
style: [styles.rowContainer, style],
|
|
194
|
+
children: steps.map((step, index) => {
|
|
195
|
+
const status = statusOf(index, current);
|
|
196
|
+
const isLast = index === steps.length - 1;
|
|
197
|
+
const Wrapper = onStepPress ? TouchableOpacity : View;
|
|
198
|
+
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
199
|
+
children: [/*#__PURE__*/_jsxs(Wrapper, {
|
|
200
|
+
style: styles.hStep,
|
|
201
|
+
onPress: onStepPress ? () => onStepPress(index) : undefined,
|
|
202
|
+
activeOpacity: 0.7,
|
|
203
|
+
...stepAccessibility(index, step, status),
|
|
204
|
+
children: [renderCircle(index, status), renderLabels(step, status, true)]
|
|
205
|
+
}), !isLast && /*#__PURE__*/_jsx(View, {
|
|
206
|
+
style: [styles.hConnector, {
|
|
207
|
+
backgroundColor: index < current ? colors.primary : colors.border
|
|
208
|
+
}]
|
|
209
|
+
})]
|
|
210
|
+
}, step.label);
|
|
211
|
+
})
|
|
212
|
+
});
|
|
213
|
+
});
|
|
214
|
+
Steps.displayName = 'Steps';
|
|
215
|
+
//# sourceMappingURL=Steps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","Icon","jsx","_jsx","jsxs","_jsxs","CIRCLE","useStyles","theme","rowContainer","flexDirection","alignItems","columnContainer","hStep","flex","gap","tokens","spacing","sm","hLabels","paddingHorizontal","hConnector","height","marginTop","vStep","md","vIndicatorColumn","vConnector","width","minHeight","marginVertical","vLabels","paddingBottom","lg","circle","borderRadius","borderWidth","justifyContent","circleNumber","fontSize","fontWeight","semibold","label","color","colors","text","labelCentered","textAlign","description","textLight","descriptionCentered","statusOf","index","current","Steps","steps","orientation","completedIndicator","onStepPress","style","styles","allowFontScaling","isVertical","colorsFor","status","bg","primary","border","fg","white","renderCircle","c","showCheck","backgroundColor","borderColor","children","name","size","renderLabels","step","centered","stepAccessibility","accessibilityRole","accessibilityLabel","accessibilityState","selected","disabled","map","isLast","length","Wrapper","onPress","undefined","activeOpacity","Fragment","displayName"],"sourceRoot":"../../../src","sources":["molecules/Steps.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { Text, TouchableOpacity, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useAllowFontScaling, useColors, useThemeMode } from '../theme/UIProvider';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const MODES = ['system', 'light', 'dark'];
|
|
9
|
+
const DEFAULT_LABELS = {
|
|
10
|
+
system: 'Auto',
|
|
11
|
+
light: 'Light',
|
|
12
|
+
dark: 'Dark'
|
|
13
|
+
};
|
|
14
|
+
const useStyles = createStyles(theme => ({
|
|
15
|
+
track: {
|
|
16
|
+
flexDirection: 'row',
|
|
17
|
+
backgroundColor: theme.colors.inputBackground,
|
|
18
|
+
borderRadius: theme.tokens.radius.md,
|
|
19
|
+
padding: 3
|
|
20
|
+
},
|
|
21
|
+
segment: {
|
|
22
|
+
flex: 1,
|
|
23
|
+
paddingVertical: theme.tokens.spacing.sm,
|
|
24
|
+
borderRadius: theme.tokens.radius.sm,
|
|
25
|
+
alignItems: 'center'
|
|
26
|
+
},
|
|
27
|
+
segmentActive: {
|
|
28
|
+
backgroundColor: theme.colors.surface,
|
|
29
|
+
...theme.tokens.shadow.sm
|
|
30
|
+
},
|
|
31
|
+
label: {
|
|
32
|
+
fontSize: theme.tokens.fontSize.sm,
|
|
33
|
+
fontWeight: theme.tokens.fontWeight.medium,
|
|
34
|
+
color: theme.colors.textLight
|
|
35
|
+
},
|
|
36
|
+
labelActive: {
|
|
37
|
+
color: theme.colors.primary,
|
|
38
|
+
fontWeight: theme.tokens.fontWeight.semibold
|
|
39
|
+
}
|
|
40
|
+
}));
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* ThemeToggle
|
|
44
|
+
* Segmented control de 3 estados (system/light/dark) conectado a
|
|
45
|
+
* UIProvider.setMode. Sin persistencia — el consumidor la resuelve vía
|
|
46
|
+
* onModeChange en <UIProvider>.
|
|
47
|
+
*/
|
|
48
|
+
export const ThemeToggle = /*#__PURE__*/memo(({
|
|
49
|
+
style,
|
|
50
|
+
labels: labelOverrides
|
|
51
|
+
}) => {
|
|
52
|
+
const {
|
|
53
|
+
mode,
|
|
54
|
+
setMode
|
|
55
|
+
} = useThemeMode();
|
|
56
|
+
const colors = useColors();
|
|
57
|
+
const styles = useStyles();
|
|
58
|
+
const allowFontScaling = useAllowFontScaling();
|
|
59
|
+
const labels = {
|
|
60
|
+
...DEFAULT_LABELS,
|
|
61
|
+
...labelOverrides
|
|
62
|
+
};
|
|
63
|
+
return /*#__PURE__*/_jsx(View, {
|
|
64
|
+
style: [styles.track, style],
|
|
65
|
+
accessibilityRole: "tablist",
|
|
66
|
+
children: MODES.map(m => {
|
|
67
|
+
const active = mode === m;
|
|
68
|
+
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
69
|
+
style: [styles.segment, active && styles.segmentActive],
|
|
70
|
+
onPress: () => setMode(m),
|
|
71
|
+
accessibilityRole: "tab",
|
|
72
|
+
accessibilityState: {
|
|
73
|
+
selected: active
|
|
74
|
+
},
|
|
75
|
+
accessibilityLabel: labels[m],
|
|
76
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
77
|
+
allowFontScaling: allowFontScaling,
|
|
78
|
+
style: [styles.label, active && styles.labelActive],
|
|
79
|
+
children: labels[m]
|
|
80
|
+
})
|
|
81
|
+
}, m);
|
|
82
|
+
})
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
ThemeToggle.displayName = 'ThemeToggle';
|
|
86
|
+
//# sourceMappingURL=ThemeToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","useThemeMode","jsx","_jsx","MODES","DEFAULT_LABELS","system","light","dark","useStyles","theme","track","flexDirection","backgroundColor","colors","inputBackground","borderRadius","tokens","radius","md","padding","segment","flex","paddingVertical","spacing","sm","alignItems","segmentActive","surface","shadow","label","fontSize","fontWeight","medium","color","textLight","labelActive","primary","semibold","ThemeToggle","style","labels","labelOverrides","mode","setMode","styles","allowFontScaling","accessibilityRole","children","map","m","active","onPress","accessibilityState","selected","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["molecules/ThemeToggle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { Stepper } from './Stepper';
|
|
4
|
+
export { OptionCard } from './OptionCard';
|
|
5
|
+
export { InfoRow } from './InfoRow';
|
|
6
|
+
export { FormActions } from './FormActions';
|
|
7
|
+
export { AvatarHeader } from './AvatarHeader';
|
|
8
|
+
export { ThemeToggle } from './ThemeToggle';
|
|
9
|
+
export { Steps } from './Steps';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Stepper","OptionCard","InfoRow","FormActions","AvatarHeader","ThemeToggle","Steps"],"sourceRoot":"../../../src","sources":["molecules/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,WAAW;AAEnC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,KAAK,QAAQ,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';
|
|
7
|
+
import { Button } from '../atoms/Button';
|
|
8
|
+
import { Icon } from '../icons/Icon';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const ICON_BY_TYPE = {
|
|
11
|
+
success: 'check',
|
|
12
|
+
error: 'alert',
|
|
13
|
+
warning: 'warning',
|
|
14
|
+
question: 'question',
|
|
15
|
+
info: 'info'
|
|
16
|
+
};
|
|
17
|
+
const useStyles = createStyles(theme => ({
|
|
18
|
+
overlay: {
|
|
19
|
+
flex: 1,
|
|
20
|
+
backgroundColor: theme.colors.overlay,
|
|
21
|
+
justifyContent: 'center',
|
|
22
|
+
alignItems: 'center',
|
|
23
|
+
padding: theme.tokens.spacing.xl
|
|
24
|
+
},
|
|
25
|
+
overlayInline: {
|
|
26
|
+
position: 'absolute',
|
|
27
|
+
top: 0,
|
|
28
|
+
left: 0,
|
|
29
|
+
right: 0,
|
|
30
|
+
bottom: 0,
|
|
31
|
+
zIndex: 9999
|
|
32
|
+
},
|
|
33
|
+
container: {
|
|
34
|
+
backgroundColor: theme.colors.surface,
|
|
35
|
+
borderRadius: theme.tokens.radius.xl,
|
|
36
|
+
padding: theme.tokens.spacing.xl,
|
|
37
|
+
width: '100%',
|
|
38
|
+
maxWidth: 340,
|
|
39
|
+
alignItems: 'center',
|
|
40
|
+
...theme.tokens.shadow.md
|
|
41
|
+
},
|
|
42
|
+
iconContainer: {
|
|
43
|
+
marginBottom: theme.tokens.spacing.lg - 1
|
|
44
|
+
},
|
|
45
|
+
title: {
|
|
46
|
+
fontSize: theme.tokens.fontSize.xl,
|
|
47
|
+
fontWeight: theme.tokens.fontWeight.bold,
|
|
48
|
+
color: theme.colors.text,
|
|
49
|
+
textAlign: 'center',
|
|
50
|
+
marginBottom: theme.tokens.spacing.md - 2
|
|
51
|
+
},
|
|
52
|
+
message: {
|
|
53
|
+
fontSize: theme.tokens.fontSize.md,
|
|
54
|
+
color: theme.colors.textLight,
|
|
55
|
+
textAlign: 'center',
|
|
56
|
+
marginBottom: theme.tokens.spacing.xl,
|
|
57
|
+
lineHeight: theme.tokens.lineHeight.md
|
|
58
|
+
},
|
|
59
|
+
buttonContainer: {
|
|
60
|
+
flexDirection: 'row',
|
|
61
|
+
justifyContent: 'center',
|
|
62
|
+
gap: theme.tokens.spacing.sm + 2,
|
|
63
|
+
width: '100%'
|
|
64
|
+
},
|
|
65
|
+
buttonContainerVertical: {
|
|
66
|
+
flexDirection: 'column'
|
|
67
|
+
},
|
|
68
|
+
button: {
|
|
69
|
+
paddingVertical: theme.tokens.spacing.md - 2,
|
|
70
|
+
paddingHorizontal: theme.tokens.spacing.xl
|
|
71
|
+
},
|
|
72
|
+
buttonHorizontal: {
|
|
73
|
+
flex: 1
|
|
74
|
+
},
|
|
75
|
+
buttonVertical: {
|
|
76
|
+
width: '100%'
|
|
77
|
+
}
|
|
78
|
+
}));
|
|
79
|
+
|
|
80
|
+
/** Deriva la lista de botones a partir de props, sin mutar `buttons` recibido por props. */
|
|
81
|
+
function resolveButtons(props, labels) {
|
|
82
|
+
const {
|
|
83
|
+
buttons,
|
|
84
|
+
confirmText,
|
|
85
|
+
cancelText,
|
|
86
|
+
onConfirm,
|
|
87
|
+
onCancel,
|
|
88
|
+
onClose
|
|
89
|
+
} = props;
|
|
90
|
+
if (buttons && buttons.length > 0) return buttons;
|
|
91
|
+
if (confirmText || onConfirm) {
|
|
92
|
+
const list = [];
|
|
93
|
+
if (cancelText || onCancel) {
|
|
94
|
+
list.push({
|
|
95
|
+
text: cancelText || labels.cancel,
|
|
96
|
+
onPress: onCancel || onClose,
|
|
97
|
+
variant: 'outline',
|
|
98
|
+
style: 'cancel'
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
list.push({
|
|
102
|
+
text: confirmText || labels.confirm,
|
|
103
|
+
onPress: onConfirm,
|
|
104
|
+
variant: 'primary'
|
|
105
|
+
});
|
|
106
|
+
return list;
|
|
107
|
+
}
|
|
108
|
+
return [{
|
|
109
|
+
text: labels.close,
|
|
110
|
+
onPress: onClose,
|
|
111
|
+
variant: 'outline'
|
|
112
|
+
}];
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* Alert
|
|
117
|
+
* Componente declarativo de diálogo. Para uso imperativo (mostrar desde
|
|
118
|
+
* un handler sin levantar estado propio), usar AlertProvider + useAlert().
|
|
119
|
+
*/
|
|
120
|
+
export const Alert = /*#__PURE__*/memo(props => {
|
|
121
|
+
const {
|
|
122
|
+
visible,
|
|
123
|
+
title,
|
|
124
|
+
message,
|
|
125
|
+
type = 'info',
|
|
126
|
+
onClose,
|
|
127
|
+
inline = false
|
|
128
|
+
} = props;
|
|
129
|
+
const colors = useColors();
|
|
130
|
+
const styles = useStyles();
|
|
131
|
+
const labels = useLabels();
|
|
132
|
+
const allowFontScaling = useAllowFontScaling();
|
|
133
|
+
if (!visible) return null;
|
|
134
|
+
const iconColor = {
|
|
135
|
+
success: colors.success,
|
|
136
|
+
error: colors.error,
|
|
137
|
+
warning: colors.warning,
|
|
138
|
+
question: colors.primary,
|
|
139
|
+
info: colors.secondary
|
|
140
|
+
};
|
|
141
|
+
const effectiveButtons = resolveButtons(props, {
|
|
142
|
+
confirm: labels.confirm,
|
|
143
|
+
cancel: labels.cancel,
|
|
144
|
+
close: labels.close
|
|
145
|
+
});
|
|
146
|
+
const vertical = effectiveButtons.length > 2;
|
|
147
|
+
const content = /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
148
|
+
onPress: onClose,
|
|
149
|
+
accessibilityRole: "none",
|
|
150
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
151
|
+
style: [styles.overlay, inline && styles.overlayInline],
|
|
152
|
+
children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
153
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
154
|
+
style: styles.container,
|
|
155
|
+
accessibilityRole: "alert",
|
|
156
|
+
accessibilityViewIsModal: true,
|
|
157
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
158
|
+
style: styles.iconContainer,
|
|
159
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
160
|
+
name: ICON_BY_TYPE[type],
|
|
161
|
+
size: 48,
|
|
162
|
+
color: iconColor[type]
|
|
163
|
+
})
|
|
164
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
165
|
+
allowFontScaling: allowFontScaling,
|
|
166
|
+
style: styles.title,
|
|
167
|
+
children: title
|
|
168
|
+
}), !!message && /*#__PURE__*/_jsx(Text, {
|
|
169
|
+
allowFontScaling: allowFontScaling,
|
|
170
|
+
style: styles.message,
|
|
171
|
+
children: message
|
|
172
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
173
|
+
style: [styles.buttonContainer, vertical && styles.buttonContainerVertical],
|
|
174
|
+
children: effectiveButtons.map((btn, index) => {
|
|
175
|
+
const isCancel = btn.style === 'cancel';
|
|
176
|
+
let variant = btn.variant || 'primary';
|
|
177
|
+
if (!btn.variant && isCancel) variant = 'outline';
|
|
178
|
+
if (!btn.variant && btn.style === 'destructive') variant = 'destructive';
|
|
179
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
180
|
+
title: btn.text,
|
|
181
|
+
onPress: btn.onPress || onClose || (() => {}),
|
|
182
|
+
variant: variant,
|
|
183
|
+
style: [styles.button, vertical ? styles.buttonVertical : styles.buttonHorizontal],
|
|
184
|
+
textStyle: {
|
|
185
|
+
fontSize: 14
|
|
186
|
+
}
|
|
187
|
+
}, index);
|
|
188
|
+
})
|
|
189
|
+
})]
|
|
190
|
+
})
|
|
191
|
+
})
|
|
192
|
+
})
|
|
193
|
+
});
|
|
194
|
+
if (inline) {
|
|
195
|
+
return /*#__PURE__*/_jsx(View, {
|
|
196
|
+
style: {
|
|
197
|
+
position: 'absolute',
|
|
198
|
+
top: 0,
|
|
199
|
+
left: 0,
|
|
200
|
+
right: 0,
|
|
201
|
+
bottom: 0
|
|
202
|
+
},
|
|
203
|
+
pointerEvents: "box-none",
|
|
204
|
+
children: content
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
208
|
+
transparent: true,
|
|
209
|
+
visible: visible,
|
|
210
|
+
animationType: "fade",
|
|
211
|
+
statusBarTranslucent: true,
|
|
212
|
+
presentationStyle: "overFullScreen",
|
|
213
|
+
onRequestClose: onClose || (() => {}),
|
|
214
|
+
children: content
|
|
215
|
+
});
|
|
216
|
+
});
|
|
217
|
+
Alert.displayName = 'Alert';
|
|
218
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","Modal","Text","TouchableWithoutFeedback","View","createStyles","useAllowFontScaling","useColors","useLabels","Button","Icon","jsx","_jsx","jsxs","_jsxs","ICON_BY_TYPE","success","error","warning","question","info","useStyles","theme","overlay","flex","backgroundColor","colors","justifyContent","alignItems","padding","tokens","spacing","xl","overlayInline","position","top","left","right","bottom","zIndex","container","surface","borderRadius","radius","width","maxWidth","shadow","md","iconContainer","marginBottom","lg","title","fontSize","fontWeight","bold","color","text","textAlign","message","textLight","lineHeight","buttonContainer","flexDirection","gap","sm","buttonContainerVertical","button","paddingVertical","paddingHorizontal","buttonHorizontal","buttonVertical","resolveButtons","props","labels","buttons","confirmText","cancelText","onConfirm","onCancel","onClose","length","list","push","cancel","onPress","variant","style","confirm","close","Alert","visible","type","inline","styles","allowFontScaling","iconColor","primary","secondary","effectiveButtons","vertical","content","accessibilityRole","children","accessibilityViewIsModal","name","size","map","btn","index","isCancel","textStyle","pointerEvents","transparent","animationType","statusBarTranslucent","presentationStyle","onRequestClose","displayName"],"sourceRoot":"../../../src","sources":["organisms/Alert.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { Alert } from './Alert';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const AlertContext = /*#__PURE__*/createContext(undefined);
|
|
7
|
+
const HIDDEN = {
|
|
8
|
+
visible: false,
|
|
9
|
+
title: '',
|
|
10
|
+
type: 'info',
|
|
11
|
+
buttons: []
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* AlertProvider
|
|
16
|
+
* Monta un único <Alert> controlado imperativamente. Colocar una vez cerca
|
|
17
|
+
* de la raíz (dentro de UIProvider). Los handlers async pueden hacer
|
|
18
|
+
* `const ok = await confirm({ title: 'Eliminar', destructive: true })`.
|
|
19
|
+
*/
|
|
20
|
+
export function AlertProvider({
|
|
21
|
+
children
|
|
22
|
+
}) {
|
|
23
|
+
const [state, setState] = useState(HIDDEN);
|
|
24
|
+
const resolverRef = useRef(null);
|
|
25
|
+
const hide = useCallback(() => {
|
|
26
|
+
setState(HIDDEN);
|
|
27
|
+
resolverRef.current?.(undefined);
|
|
28
|
+
resolverRef.current = null;
|
|
29
|
+
}, []);
|
|
30
|
+
const alertFn = useCallback(options => {
|
|
31
|
+
return new Promise(resolve => {
|
|
32
|
+
resolverRef.current = resolve;
|
|
33
|
+
setState({
|
|
34
|
+
visible: true,
|
|
35
|
+
title: options.title,
|
|
36
|
+
message: options.message,
|
|
37
|
+
type: options.type ?? 'info',
|
|
38
|
+
buttons: [{
|
|
39
|
+
text: options.confirmText ?? 'OK',
|
|
40
|
+
onPress: () => {
|
|
41
|
+
setState(HIDDEN);
|
|
42
|
+
resolve();
|
|
43
|
+
resolverRef.current = null;
|
|
44
|
+
}
|
|
45
|
+
}]
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
}, []);
|
|
49
|
+
const confirmFn = useCallback(options => {
|
|
50
|
+
return new Promise(resolve => {
|
|
51
|
+
resolverRef.current = resolve;
|
|
52
|
+
setState({
|
|
53
|
+
visible: true,
|
|
54
|
+
title: options.title,
|
|
55
|
+
message: options.message,
|
|
56
|
+
type: options.type ?? 'question',
|
|
57
|
+
buttons: [{
|
|
58
|
+
text: options.cancelText ?? 'Cancel',
|
|
59
|
+
style: 'cancel',
|
|
60
|
+
variant: 'outline',
|
|
61
|
+
onPress: () => {
|
|
62
|
+
setState(HIDDEN);
|
|
63
|
+
resolve(false);
|
|
64
|
+
resolverRef.current = null;
|
|
65
|
+
}
|
|
66
|
+
}, {
|
|
67
|
+
text: options.confirmText ?? 'OK',
|
|
68
|
+
variant: options.destructive ? 'destructive' : 'primary',
|
|
69
|
+
style: options.destructive ? 'destructive' : 'default',
|
|
70
|
+
onPress: () => {
|
|
71
|
+
setState(HIDDEN);
|
|
72
|
+
resolve(true);
|
|
73
|
+
resolverRef.current = null;
|
|
74
|
+
}
|
|
75
|
+
}]
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
}, []);
|
|
79
|
+
const value = useMemo(() => ({
|
|
80
|
+
alert: alertFn,
|
|
81
|
+
confirm: confirmFn,
|
|
82
|
+
hide
|
|
83
|
+
}), [alertFn, confirmFn, hide]);
|
|
84
|
+
return /*#__PURE__*/_jsxs(AlertContext.Provider, {
|
|
85
|
+
value: value,
|
|
86
|
+
children: [children, /*#__PURE__*/_jsx(Alert, {
|
|
87
|
+
visible: state.visible,
|
|
88
|
+
title: state.title,
|
|
89
|
+
message: state.message,
|
|
90
|
+
type: state.type,
|
|
91
|
+
buttons: state.buttons,
|
|
92
|
+
onClose: hide
|
|
93
|
+
})]
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
export function useAlert() {
|
|
97
|
+
const ctx = useContext(AlertContext);
|
|
98
|
+
if (!ctx) {
|
|
99
|
+
throw new Error('orn-ui: useAlert must be used within an <AlertProvider>.');
|
|
100
|
+
}
|
|
101
|
+
return ctx;
|
|
102
|
+
}
|
|
103
|
+
//# sourceMappingURL=AlertProvider.js.map
|