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,138 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback } from 'react';
|
|
4
|
+
import { ActivityIndicator, FlatList, Platform, RefreshControl, Text, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useColors, useLabels } from '../theme/UIProvider';
|
|
7
|
+
import { EmptyState } from '../atoms/EmptyState';
|
|
8
|
+
import { Spinner } from '../atoms/Spinner';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const useStyles = createStyles(theme => ({
|
|
11
|
+
container: {
|
|
12
|
+
flex: 1,
|
|
13
|
+
backgroundColor: theme.colors.background
|
|
14
|
+
},
|
|
15
|
+
loadingOverlay: {
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
top: 0,
|
|
18
|
+
left: 0,
|
|
19
|
+
right: 0,
|
|
20
|
+
bottom: 0,
|
|
21
|
+
backgroundColor: theme.colors.background + 'CC',
|
|
22
|
+
zIndex: 10,
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
alignItems: 'center'
|
|
25
|
+
},
|
|
26
|
+
loadingText: {
|
|
27
|
+
marginTop: theme.tokens.spacing.md,
|
|
28
|
+
color: theme.colors.textLight,
|
|
29
|
+
fontWeight: theme.tokens.fontWeight.medium
|
|
30
|
+
},
|
|
31
|
+
listContent: {
|
|
32
|
+
padding: theme.tokens.spacing.md,
|
|
33
|
+
paddingBottom: Platform.OS === 'android' ? 100 : 80
|
|
34
|
+
},
|
|
35
|
+
footerLoader: {
|
|
36
|
+
paddingVertical: theme.tokens.spacing.xl,
|
|
37
|
+
alignItems: 'center'
|
|
38
|
+
}
|
|
39
|
+
}));
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* List
|
|
43
|
+
* Lista con estados de carga/paginación/vacío resueltos, sin atarse a
|
|
44
|
+
* expo-router ni a FlashList: `ListComponent` permite inyectar cualquiera
|
|
45
|
+
* (por defecto FlatList del propio React Native).
|
|
46
|
+
*/
|
|
47
|
+
export function List({
|
|
48
|
+
data,
|
|
49
|
+
keyExtractor,
|
|
50
|
+
renderItem,
|
|
51
|
+
isLoading,
|
|
52
|
+
isLoadingMore = false,
|
|
53
|
+
isReady = true,
|
|
54
|
+
loadingText,
|
|
55
|
+
loadingMoreText,
|
|
56
|
+
onEndReached,
|
|
57
|
+
onEndReachedThreshold = 0.3,
|
|
58
|
+
onRefresh,
|
|
59
|
+
emptyTitle,
|
|
60
|
+
emptyDescription,
|
|
61
|
+
emptyIconName,
|
|
62
|
+
ListHeaderComponent,
|
|
63
|
+
ListFooterComponent,
|
|
64
|
+
contentContainerStyle,
|
|
65
|
+
containerStyle,
|
|
66
|
+
ListComponent = FlatList,
|
|
67
|
+
listProps
|
|
68
|
+
}) {
|
|
69
|
+
const colors = useColors();
|
|
70
|
+
const styles = useStyles();
|
|
71
|
+
const labels = useLabels();
|
|
72
|
+
const resolvedLoadingText = loadingText ?? labels.loading;
|
|
73
|
+
const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
|
|
74
|
+
const renderFooter = useCallback(() => {
|
|
75
|
+
if (ListFooterComponent) {
|
|
76
|
+
return typeof ListFooterComponent === 'function' ? /*#__PURE__*/_jsx(ListFooterComponent, {}) : ListFooterComponent;
|
|
77
|
+
}
|
|
78
|
+
if (!isLoadingMore) return null;
|
|
79
|
+
return /*#__PURE__*/_jsx(View, {
|
|
80
|
+
style: styles.footerLoader,
|
|
81
|
+
children: /*#__PURE__*/_jsx(Spinner, {
|
|
82
|
+
text: resolvedLoadingMoreText,
|
|
83
|
+
fullscreen: false
|
|
84
|
+
})
|
|
85
|
+
});
|
|
86
|
+
}, [isLoadingMore, resolvedLoadingMoreText, ListFooterComponent, styles.footerLoader]);
|
|
87
|
+
const renderEmpty = useCallback(() => {
|
|
88
|
+
if (isLoading) return null;
|
|
89
|
+
return /*#__PURE__*/_jsx(EmptyState, {
|
|
90
|
+
title: emptyTitle,
|
|
91
|
+
description: emptyDescription,
|
|
92
|
+
iconName: emptyIconName,
|
|
93
|
+
style: {
|
|
94
|
+
marginTop: 50
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
}, [isLoading, emptyTitle, emptyDescription, emptyIconName]);
|
|
98
|
+
if (!isReady) {
|
|
99
|
+
return /*#__PURE__*/_jsx(View, {
|
|
100
|
+
style: styles.container,
|
|
101
|
+
children: /*#__PURE__*/_jsx(Spinner, {
|
|
102
|
+
text: resolvedLoadingText
|
|
103
|
+
})
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
107
|
+
style: [styles.container, containerStyle],
|
|
108
|
+
children: [isLoading && data.length === 0 && /*#__PURE__*/_jsxs(View, {
|
|
109
|
+
style: styles.loadingOverlay,
|
|
110
|
+
pointerEvents: "none",
|
|
111
|
+
children: [/*#__PURE__*/_jsx(ActivityIndicator, {
|
|
112
|
+
size: "large",
|
|
113
|
+
color: colors.primary
|
|
114
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
115
|
+
style: styles.loadingText,
|
|
116
|
+
children: resolvedLoadingText
|
|
117
|
+
})]
|
|
118
|
+
}), /*#__PURE__*/_jsx(ListComponent, {
|
|
119
|
+
data: data,
|
|
120
|
+
keyExtractor: keyExtractor,
|
|
121
|
+
renderItem: renderItem,
|
|
122
|
+
contentContainerStyle: [styles.listContent, contentContainerStyle],
|
|
123
|
+
onEndReached: onEndReached,
|
|
124
|
+
onEndReachedThreshold: onEndReachedThreshold,
|
|
125
|
+
ListHeaderComponent: ListHeaderComponent,
|
|
126
|
+
ListFooterComponent: renderFooter,
|
|
127
|
+
ListEmptyComponent: renderEmpty,
|
|
128
|
+
refreshControl: onRefresh ? /*#__PURE__*/_jsx(RefreshControl, {
|
|
129
|
+
refreshing: isLoading,
|
|
130
|
+
onRefresh: onRefresh,
|
|
131
|
+
colors: [colors.primary],
|
|
132
|
+
tintColor: colors.primary
|
|
133
|
+
}) : undefined,
|
|
134
|
+
...listProps
|
|
135
|
+
})]
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
//# sourceMappingURL=List.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","ActivityIndicator","FlatList","Platform","RefreshControl","Text","View","createStyles","useColors","useLabels","EmptyState","Spinner","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flex","backgroundColor","colors","background","loadingOverlay","position","top","left","right","bottom","zIndex","justifyContent","alignItems","loadingText","marginTop","tokens","spacing","md","color","textLight","fontWeight","medium","listContent","padding","paddingBottom","OS","footerLoader","paddingVertical","xl","List","data","keyExtractor","renderItem","isLoading","isLoadingMore","isReady","loadingMoreText","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","listProps","styles","labels","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","renderFooter","style","children","text","fullscreen","renderEmpty","title","description","iconName","length","pointerEvents","size","primary","ListEmptyComponent","refreshControl","refreshing","tintColor","undefined"],"sourceRoot":"../../../src","sources":["organisms/List.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,281 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { Animated, Dimensions, KeyboardAvoidingView, Modal as RNModal, Platform, Pressable, ScrollView, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useColors, useInsets } from '../theme/UIProvider';
|
|
7
|
+
import { Title } from '../atoms/Text';
|
|
8
|
+
import { IconButton } from '../atoms/IconButton';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const {
|
|
11
|
+
height: SCREEN_HEIGHT
|
|
12
|
+
} = Dimensions.get('window');
|
|
13
|
+
const useStyles = createStyles(theme => ({
|
|
14
|
+
flex1: {
|
|
15
|
+
flex: 1
|
|
16
|
+
},
|
|
17
|
+
fullWrapper: {
|
|
18
|
+
flex: 1,
|
|
19
|
+
backgroundColor: theme.colors.background
|
|
20
|
+
},
|
|
21
|
+
overlayContainer: {
|
|
22
|
+
flex: 1,
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
padding: theme.tokens.spacing.xxl - 4
|
|
26
|
+
},
|
|
27
|
+
bottomSheetContainer: {
|
|
28
|
+
justifyContent: 'flex-end',
|
|
29
|
+
padding: 0
|
|
30
|
+
},
|
|
31
|
+
backdrop: {
|
|
32
|
+
backgroundColor: theme.colors.overlay
|
|
33
|
+
},
|
|
34
|
+
overlayCard: {
|
|
35
|
+
width: '100%',
|
|
36
|
+
maxHeight: '85%',
|
|
37
|
+
backgroundColor: theme.colors.surface,
|
|
38
|
+
borderRadius: theme.tokens.radius.xxl,
|
|
39
|
+
overflow: 'hidden',
|
|
40
|
+
...theme.tokens.shadow.lg
|
|
41
|
+
},
|
|
42
|
+
bottomSheetCard: {
|
|
43
|
+
width: '100%',
|
|
44
|
+
maxHeight: '90%',
|
|
45
|
+
backgroundColor: theme.colors.surface,
|
|
46
|
+
borderTopLeftRadius: theme.tokens.radius.xxl,
|
|
47
|
+
borderTopRightRadius: theme.tokens.radius.xxl,
|
|
48
|
+
overflow: 'hidden',
|
|
49
|
+
...theme.tokens.shadow.lg
|
|
50
|
+
},
|
|
51
|
+
header: {
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
justifyContent: 'space-between',
|
|
54
|
+
alignItems: 'center',
|
|
55
|
+
padding: theme.tokens.spacing.xl,
|
|
56
|
+
borderBottomWidth: 1,
|
|
57
|
+
borderBottomColor: theme.colors.border,
|
|
58
|
+
backgroundColor: theme.colors.surface
|
|
59
|
+
},
|
|
60
|
+
title: {
|
|
61
|
+
fontSize: theme.tokens.fontSize.xl,
|
|
62
|
+
fontWeight: theme.tokens.fontWeight.bold,
|
|
63
|
+
flex: 1
|
|
64
|
+
},
|
|
65
|
+
closeButton: {
|
|
66
|
+
marginLeft: theme.tokens.spacing.md
|
|
67
|
+
},
|
|
68
|
+
contentWrapper: {
|
|
69
|
+
flexShrink: 1,
|
|
70
|
+
backgroundColor: theme.colors.surface
|
|
71
|
+
},
|
|
72
|
+
scrollWrapper: {
|
|
73
|
+
flexShrink: 1
|
|
74
|
+
},
|
|
75
|
+
scrollContent: {
|
|
76
|
+
padding: theme.tokens.spacing.xl,
|
|
77
|
+
flexGrow: 1
|
|
78
|
+
},
|
|
79
|
+
scrollContentFull: {
|
|
80
|
+
padding: 0,
|
|
81
|
+
flexGrow: 1
|
|
82
|
+
},
|
|
83
|
+
footer: {
|
|
84
|
+
padding: theme.tokens.spacing.xl,
|
|
85
|
+
borderTopWidth: 1,
|
|
86
|
+
borderTopColor: theme.colors.border,
|
|
87
|
+
backgroundColor: theme.colors.surface
|
|
88
|
+
}
|
|
89
|
+
}));
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Modal
|
|
93
|
+
* Un solo componente para todos los modales de la app: maneja scroll,
|
|
94
|
+
* teclado, insets y layout según `variant`. overlay/bottomSheet/full animan
|
|
95
|
+
* su entrada/salida con Animated (solo transform, nunca opacity sobre la
|
|
96
|
+
* tarjeta: animar opacity ahí dispara un bug de Android donde los hijos con
|
|
97
|
+
* elevation parpadean/redibujan). El fondo semitransparente sí anima opacity.
|
|
98
|
+
*/
|
|
99
|
+
export const Modal = /*#__PURE__*/memo(({
|
|
100
|
+
visible,
|
|
101
|
+
onClose,
|
|
102
|
+
title,
|
|
103
|
+
closeAccessibilityLabel = 'Close',
|
|
104
|
+
children,
|
|
105
|
+
footer,
|
|
106
|
+
containerStyle,
|
|
107
|
+
contentStyle,
|
|
108
|
+
variant = 'full',
|
|
109
|
+
scrollable = true,
|
|
110
|
+
statusBarTranslucent = true,
|
|
111
|
+
onRequestClose,
|
|
112
|
+
hardwareAccelerated
|
|
113
|
+
}) => {
|
|
114
|
+
const isFull = variant === 'full';
|
|
115
|
+
const isOverlay = variant === 'overlay';
|
|
116
|
+
const isFullScreen = variant === 'fullScreen';
|
|
117
|
+
const isBottomSheet = variant === 'bottomSheet';
|
|
118
|
+
const isAnimatedVariant = isOverlay || isBottomSheet || isFull;
|
|
119
|
+
const insets = useInsets();
|
|
120
|
+
const colors = useColors();
|
|
121
|
+
const styles = useStyles();
|
|
122
|
+
const [mounted, setMounted] = useState(!isAnimatedVariant && visible);
|
|
123
|
+
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
124
|
+
const cardProgress = useRef(new Animated.Value(0)).current;
|
|
125
|
+
useEffect(() => {
|
|
126
|
+
if (!isAnimatedVariant) {
|
|
127
|
+
setMounted(visible);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
if (visible) {
|
|
131
|
+
setMounted(true);
|
|
132
|
+
Animated.timing(backdropOpacity, {
|
|
133
|
+
toValue: 1,
|
|
134
|
+
duration: 200,
|
|
135
|
+
useNativeDriver: true
|
|
136
|
+
}).start();
|
|
137
|
+
Animated.timing(cardProgress, {
|
|
138
|
+
toValue: 1,
|
|
139
|
+
duration: 250,
|
|
140
|
+
useNativeDriver: true
|
|
141
|
+
}).start();
|
|
142
|
+
} else {
|
|
143
|
+
Animated.timing(backdropOpacity, {
|
|
144
|
+
toValue: 0,
|
|
145
|
+
duration: 180,
|
|
146
|
+
useNativeDriver: true
|
|
147
|
+
}).start();
|
|
148
|
+
Animated.timing(cardProgress, {
|
|
149
|
+
toValue: 0,
|
|
150
|
+
duration: 200,
|
|
151
|
+
useNativeDriver: true
|
|
152
|
+
}).start(({
|
|
153
|
+
finished
|
|
154
|
+
}) => {
|
|
155
|
+
if (finished) setMounted(false);
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
159
|
+
}, [visible, isAnimatedVariant]);
|
|
160
|
+
const cardAnimatedStyle = isBottomSheet || isFull ? {
|
|
161
|
+
transform: [{
|
|
162
|
+
translateY: cardProgress.interpolate({
|
|
163
|
+
inputRange: [0, 1],
|
|
164
|
+
outputRange: [SCREEN_HEIGHT, 0]
|
|
165
|
+
})
|
|
166
|
+
}]
|
|
167
|
+
} : {
|
|
168
|
+
transform: [{
|
|
169
|
+
translateY: cardProgress.interpolate({
|
|
170
|
+
inputRange: [0, 1],
|
|
171
|
+
outputRange: [-40, 0]
|
|
172
|
+
})
|
|
173
|
+
}, {
|
|
174
|
+
scale: cardProgress.interpolate({
|
|
175
|
+
inputRange: [0, 1],
|
|
176
|
+
outputRange: [0.9, 1]
|
|
177
|
+
})
|
|
178
|
+
}]
|
|
179
|
+
};
|
|
180
|
+
const behavior = Platform.OS === 'ios' ? isFull ? undefined : 'padding' : 'height';
|
|
181
|
+
const keyboardOffset = Platform.OS === 'ios' ? 0 : 20;
|
|
182
|
+
const renderHeader = () => {
|
|
183
|
+
if (!title && !onClose) return null;
|
|
184
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
185
|
+
style: styles.header,
|
|
186
|
+
children: [!!title && /*#__PURE__*/_jsx(Title, {
|
|
187
|
+
style: styles.title,
|
|
188
|
+
numberOfLines: 1,
|
|
189
|
+
children: title
|
|
190
|
+
}), !title && /*#__PURE__*/_jsx(View, {
|
|
191
|
+
style: styles.flex1
|
|
192
|
+
}), !!onClose && /*#__PURE__*/_jsx(IconButton, {
|
|
193
|
+
iconName: "close",
|
|
194
|
+
size: 24,
|
|
195
|
+
color: colors.text,
|
|
196
|
+
onPress: onClose,
|
|
197
|
+
accessibilityLabel: closeAccessibilityLabel,
|
|
198
|
+
style: styles.closeButton
|
|
199
|
+
})]
|
|
200
|
+
});
|
|
201
|
+
};
|
|
202
|
+
const renderMainContent = () => /*#__PURE__*/_jsx(View, {
|
|
203
|
+
style: [styles.contentWrapper, isFull && styles.flex1],
|
|
204
|
+
children: scrollable ? /*#__PURE__*/_jsx(ScrollView, {
|
|
205
|
+
style: [styles.scrollWrapper, isFull && styles.flex1],
|
|
206
|
+
contentContainerStyle: [!isFull ? styles.scrollContent : styles.scrollContentFull, contentStyle],
|
|
207
|
+
keyboardShouldPersistTaps: "handled",
|
|
208
|
+
showsVerticalScrollIndicator: false,
|
|
209
|
+
bounces: Platform.OS === 'ios',
|
|
210
|
+
automaticallyAdjustKeyboardInsets: true,
|
|
211
|
+
children: children
|
|
212
|
+
}) : /*#__PURE__*/_jsx(View, {
|
|
213
|
+
style: [!isFull ? styles.scrollContent : styles.scrollContentFull, isFull && styles.flex1, contentStyle],
|
|
214
|
+
children: children
|
|
215
|
+
})
|
|
216
|
+
});
|
|
217
|
+
const renderFooter = () => footer ? /*#__PURE__*/_jsx(View, {
|
|
218
|
+
style: styles.footer,
|
|
219
|
+
children: footer
|
|
220
|
+
}) : null;
|
|
221
|
+
if (!mounted) return null;
|
|
222
|
+
return /*#__PURE__*/_jsx(RNModal, {
|
|
223
|
+
visible: true,
|
|
224
|
+
onRequestClose: onRequestClose ?? onClose,
|
|
225
|
+
animationType: isAnimatedVariant ? 'none' : 'slide'
|
|
226
|
+
// `full` anima su propia entrada (translateY) con animationType="none"
|
|
227
|
+
// y necesita `transparent` para que no se vea un fondo negro detrás
|
|
228
|
+
// mientras desliza. RN sólo admite `transparent` junto a
|
|
229
|
+
// 'overFullScreen' — con 'pageSheet' avisa que la combinación no está
|
|
230
|
+
// soportada. Por eso `full` usa overFullScreen: la presentación nativa
|
|
231
|
+
// de pageSheet sería redundante con nuestra animación de todos modos.
|
|
232
|
+
,
|
|
233
|
+
presentationStyle: Platform.OS === 'ios' ? isFullScreen ? 'fullScreen' : 'overFullScreen' : undefined,
|
|
234
|
+
transparent: isOverlay || isBottomSheet || isFull,
|
|
235
|
+
statusBarTranslucent: statusBarTranslucent,
|
|
236
|
+
hardwareAccelerated: hardwareAccelerated,
|
|
237
|
+
children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
238
|
+
behavior: behavior,
|
|
239
|
+
keyboardVerticalOffset: keyboardOffset,
|
|
240
|
+
style: styles.flex1,
|
|
241
|
+
children: isOverlay || isBottomSheet ? /*#__PURE__*/_jsxs(View, {
|
|
242
|
+
style: [styles.overlayContainer, isBottomSheet && styles.bottomSheetContainer],
|
|
243
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
244
|
+
style: [{
|
|
245
|
+
...StyleSheetAbsoluteFill
|
|
246
|
+
}, styles.backdrop, {
|
|
247
|
+
opacity: backdropOpacity
|
|
248
|
+
}],
|
|
249
|
+
children: /*#__PURE__*/_jsx(Pressable, {
|
|
250
|
+
style: StyleSheetAbsoluteFill,
|
|
251
|
+
onPress: onClose,
|
|
252
|
+
testID: "modal-backdrop"
|
|
253
|
+
})
|
|
254
|
+
}), /*#__PURE__*/_jsxs(Animated.View, {
|
|
255
|
+
style: [isOverlay ? styles.overlayCard : styles.bottomSheetCard, isBottomSheet && {
|
|
256
|
+
paddingBottom: Math.max(insets.bottom, Platform.OS === 'ios' ? 20 : 0)
|
|
257
|
+
}, containerStyle, cardAnimatedStyle],
|
|
258
|
+
children: [renderHeader(), renderMainContent(), renderFooter()]
|
|
259
|
+
})]
|
|
260
|
+
}) : /*#__PURE__*/_jsx(Animated.View, {
|
|
261
|
+
style: [styles.fullWrapper, containerStyle, isFull && cardAnimatedStyle],
|
|
262
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
263
|
+
style: [styles.flex1, {
|
|
264
|
+
paddingTop: insets.top,
|
|
265
|
+
paddingBottom: insets.bottom
|
|
266
|
+
}],
|
|
267
|
+
children: [renderHeader(), renderMainContent(), renderFooter()]
|
|
268
|
+
})
|
|
269
|
+
})
|
|
270
|
+
})
|
|
271
|
+
});
|
|
272
|
+
});
|
|
273
|
+
Modal.displayName = 'Modal';
|
|
274
|
+
const StyleSheetAbsoluteFill = {
|
|
275
|
+
position: 'absolute',
|
|
276
|
+
top: 0,
|
|
277
|
+
left: 0,
|
|
278
|
+
right: 0,
|
|
279
|
+
bottom: 0
|
|
280
|
+
};
|
|
281
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useRef","useState","Animated","Dimensions","KeyboardAvoidingView","Modal","RNModal","Platform","Pressable","ScrollView","View","createStyles","useColors","useInsets","Title","IconButton","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","useStyles","theme","flex1","flex","fullWrapper","backgroundColor","colors","background","overlayContainer","justifyContent","alignItems","padding","tokens","spacing","xxl","bottomSheetContainer","backdrop","overlay","overlayCard","width","maxHeight","surface","borderRadius","radius","overflow","shadow","lg","bottomSheetCard","borderTopLeftRadius","borderTopRightRadius","header","flexDirection","xl","borderBottomWidth","borderBottomColor","border","title","fontSize","fontWeight","bold","closeButton","marginLeft","md","contentWrapper","flexShrink","scrollWrapper","scrollContent","flexGrow","scrollContentFull","footer","borderTopWidth","borderTopColor","visible","onClose","closeAccessibilityLabel","children","containerStyle","contentStyle","variant","scrollable","statusBarTranslucent","onRequestClose","hardwareAccelerated","isFull","isOverlay","isFullScreen","isBottomSheet","isAnimatedVariant","insets","styles","mounted","setMounted","backdropOpacity","Value","current","cardProgress","timing","toValue","duration","useNativeDriver","start","finished","cardAnimatedStyle","transform","translateY","interpolate","inputRange","outputRange","scale","behavior","OS","undefined","keyboardOffset","renderHeader","style","numberOfLines","iconName","size","color","text","onPress","accessibilityLabel","renderMainContent","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","automaticallyAdjustKeyboardInsets","renderFooter","animationType","presentationStyle","transparent","keyboardVerticalOffset","StyleSheetAbsoluteFill","opacity","testID","paddingBottom","Math","max","bottom","paddingTop","top","displayName","position","left","right"],"sourceRoot":"../../../src","sources":["organisms/Modal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { KeyboardAvoidingView, Platform, ScrollView, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { useInsets } from '../theme/UIProvider';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const useStyles = createStyles(theme => ({
|
|
9
|
+
wrapper: {
|
|
10
|
+
flex: 1,
|
|
11
|
+
backgroundColor: theme.colors.background
|
|
12
|
+
},
|
|
13
|
+
container: {
|
|
14
|
+
flex: 1
|
|
15
|
+
},
|
|
16
|
+
contentContainer: {
|
|
17
|
+
flexGrow: 1
|
|
18
|
+
}
|
|
19
|
+
}));
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Screen
|
|
23
|
+
* Contenedor raíz de pantalla: fondo del theme, safe area (via insets del
|
|
24
|
+
* UIProvider), teclado y scroll opcional resueltos de forma consistente.
|
|
25
|
+
*/
|
|
26
|
+
export const Screen = /*#__PURE__*/memo(({
|
|
27
|
+
children,
|
|
28
|
+
style,
|
|
29
|
+
scrollable = true,
|
|
30
|
+
contentContainerStyle,
|
|
31
|
+
edges = ['top', 'bottom'],
|
|
32
|
+
keyboardAvoiding = true
|
|
33
|
+
}) => {
|
|
34
|
+
const insets = useInsets();
|
|
35
|
+
const styles = useStyles();
|
|
36
|
+
const applyTop = edges.includes('top');
|
|
37
|
+
const applyBottom = edges.includes('bottom');
|
|
38
|
+
const KeyboardWrapper = keyboardAvoiding ? KeyboardAvoidingView : View;
|
|
39
|
+
const keyboardProps = keyboardAvoiding ? {
|
|
40
|
+
behavior: Platform.OS === 'ios' ? 'padding' : 'height',
|
|
41
|
+
keyboardVerticalOffset: Platform.OS === 'ios' ? 0 : 20
|
|
42
|
+
} : {};
|
|
43
|
+
return /*#__PURE__*/_jsx(View, {
|
|
44
|
+
style: [styles.wrapper, style],
|
|
45
|
+
children: /*#__PURE__*/_jsx(KeyboardWrapper, {
|
|
46
|
+
style: styles.container,
|
|
47
|
+
...keyboardProps,
|
|
48
|
+
children: scrollable ? /*#__PURE__*/_jsx(ScrollView, {
|
|
49
|
+
style: styles.container,
|
|
50
|
+
contentInsetAdjustmentBehavior: "automatic",
|
|
51
|
+
automaticallyAdjustKeyboardInsets: true,
|
|
52
|
+
contentContainerStyle: [styles.contentContainer, {
|
|
53
|
+
paddingTop: applyTop ? insets.top : 0
|
|
54
|
+
}, Platform.OS === 'android' && applyBottom && {
|
|
55
|
+
paddingBottom: insets.bottom
|
|
56
|
+
}, contentContainerStyle],
|
|
57
|
+
keyboardShouldPersistTaps: "handled",
|
|
58
|
+
children: children
|
|
59
|
+
}) : /*#__PURE__*/_jsx(View, {
|
|
60
|
+
style: [styles.container, {
|
|
61
|
+
paddingTop: applyTop ? insets.top : 0,
|
|
62
|
+
paddingBottom: applyBottom ? insets.bottom : 0
|
|
63
|
+
}],
|
|
64
|
+
children: children
|
|
65
|
+
})
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
Screen.displayName = 'Screen';
|
|
70
|
+
//# sourceMappingURL=Screen.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","KeyboardAvoidingView","Platform","ScrollView","View","createStyles","useInsets","jsx","_jsx","useStyles","theme","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","Screen","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","styles","applyTop","includes","applyBottom","KeyboardWrapper","keyboardProps","behavior","OS","keyboardVerticalOffset","contentInsetAdjustmentBehavior","automaticallyAdjustKeyboardInsets","paddingTop","top","paddingBottom","bottom","keyboardShouldPersistTaps","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,oBAAoB,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/F,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqBhD,MAAMC,SAAS,GAAGJ,YAAY,CAAEK,KAAK,KAAM;EACzCC,OAAO,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC;EAAW,CAAC;EAC9DC,SAAS,EAAE;IAAEJ,IAAI,EAAE;EAAE,CAAC;EACtBK,gBAAgB,EAAE;IAAEC,QAAQ,EAAE;EAAE;AAClC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGnB,IAAI,CAAC,CAAC;EAC1BoB,QAAQ;EACRC,KAAK;EACLC,UAAU,GAAG,IAAI;EACjBC,qBAAqB;EACrBC,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC;EACzBC,gBAAgB,GAAG;AACR,CAAC,KAAK;EACjB,MAAMC,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1B,MAAMqB,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAMmB,QAAQ,GAAGJ,KAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;EACtC,MAAMC,WAAW,GAAGN,KAAK,CAACK,QAAQ,CAAC,QAAQ,CAAC;EAE5C,MAAME,eAAyC,GAAGN,gBAAgB,GAAGxB,oBAAoB,GAAGG,IAAI;EAChG,MAAM4B,aAAa,GAAGP,gBAAgB,GAClC;IACEQ,QAAQ,EAAE/B,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAI,SAAS,GAAc,QAAkB;IAC5EC,sBAAsB,EAAEjC,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG;EACtD,CAAC,GACD,CAAC,CAAC;EAEN,oBACE1B,IAAA,CAACJ,IAAI;IAACiB,KAAK,EAAE,CAACM,MAAM,CAAChB,OAAO,EAAEU,KAAK,CAAE;IAAAD,QAAA,eACnCZ,IAAA,CAACuB,eAAe;MAACV,KAAK,EAAEM,MAAM,CAACX,SAAU;MAAA,GAAKgB,aAAa;MAAAZ,QAAA,EACxDE,UAAU,gBACTd,IAAA,CAACL,UAAU;QACTkB,KAAK,EAAEM,MAAM,CAACX,SAAU;QACxBoB,8BAA8B,EAAC,WAAW;QAC1CC,iCAAiC;QACjCd,qBAAqB,EAAE,CACrBI,MAAM,CAACV,gBAAgB,EACvB;UAAEqB,UAAU,EAAEV,QAAQ,GAAGF,MAAM,CAACa,GAAG,GAAG;QAAE,CAAC,EACzCrC,QAAQ,CAACgC,EAAE,KAAK,SAAS,IAAIJ,WAAW,IAAI;UAAEU,aAAa,EAAEd,MAAM,CAACe;QAAO,CAAC,EAC5ElB,qBAAqB,CACrB;QACFmB,yBAAyB,EAAC,SAAS;QAAAtB,QAAA,EAElCA;MAAQ,CACC,CAAC,gBAEbZ,IAAA,CAACJ,IAAI;QAACiB,KAAK,EAAE,CAACM,MAAM,CAACX,SAAS,EAAE;UAAEsB,UAAU,EAAEV,QAAQ,GAAGF,MAAM,CAACa,GAAG,GAAG,CAAC;UAAEC,aAAa,EAAEV,WAAW,GAAGJ,MAAM,CAACe,MAAM,GAAG;QAAE,CAAC,CAAE;QAAArB,QAAA,EACxHA;MAAQ,CACL;IACP,CACc;EAAC,CACd,CAAC;AAEX,CAAC,CAAC;AACFD,MAAM,CAACwB,WAAW,GAAG,QAAQ","ignoreList":[]}
|