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,253 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DatePicker = exports.DEFAULT_WEEKDAY_NAMES = exports.DEFAULT_MONTH_NAMES = void 0;
|
|
7
|
+
exports.buildMonthGrid = buildMonthGrid;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _createStyles = require("../theme/createStyles");
|
|
11
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
12
|
+
var _IconButton = require("../atoms/IconButton");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const DEFAULT_MONTH_NAMES = exports.DEFAULT_MONTH_NAMES = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
|
16
|
+
|
|
17
|
+
/** Índice 0 = domingo, para alinear con Date.getDay(). */
|
|
18
|
+
const DEFAULT_WEEKDAY_NAMES = exports.DEFAULT_WEEKDAY_NAMES = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
|
|
19
|
+
/** Compara sólo año/mes/día, ignorando hora — dos Date del mismo día son "iguales". */
|
|
20
|
+
function isSameDay(a, b) {
|
|
21
|
+
return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
|
|
22
|
+
}
|
|
23
|
+
function startOfDay(d) {
|
|
24
|
+
return new Date(d.getFullYear(), d.getMonth(), d.getDate());
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/** Estrictamente entre start y end, sin incluir los extremos. */
|
|
28
|
+
function isBetween(day, start, end) {
|
|
29
|
+
const t = startOfDay(day).getTime();
|
|
30
|
+
return t > startOfDay(start).getTime() && t < startOfDay(end).getTime();
|
|
31
|
+
}
|
|
32
|
+
function isOutOfRange(day, minDate, maxDate) {
|
|
33
|
+
const t = startOfDay(day).getTime();
|
|
34
|
+
if (minDate && t < startOfDay(minDate).getTime()) return true;
|
|
35
|
+
if (maxDate && t > startOfDay(maxDate).getTime()) return true;
|
|
36
|
+
return false;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Devuelve la grilla del mes: 6 filas de 7 celdas. Las celdas fuera del mes
|
|
41
|
+
* son null, así el layout no salta de alto entre meses (un mes puede
|
|
42
|
+
* necesitar 4, 5 o 6 filas según en qué día caiga el 1).
|
|
43
|
+
*/
|
|
44
|
+
function buildMonthGrid(year, month, firstDayOfWeek) {
|
|
45
|
+
const first = new Date(year, month, 1);
|
|
46
|
+
const daysInMonth = new Date(year, month + 1, 0).getDate();
|
|
47
|
+
const leading = (first.getDay() - firstDayOfWeek + 7) % 7;
|
|
48
|
+
const cells = [];
|
|
49
|
+
for (let i = 0; i < leading; i++) cells.push(null);
|
|
50
|
+
for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(year, month, d));
|
|
51
|
+
while (cells.length < 42) cells.push(null);
|
|
52
|
+
const rows = [];
|
|
53
|
+
for (let r = 0; r < 6; r++) rows.push(cells.slice(r * 7, r * 7 + 7));
|
|
54
|
+
return rows;
|
|
55
|
+
}
|
|
56
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
57
|
+
container: {
|
|
58
|
+
backgroundColor: theme.colors.surface,
|
|
59
|
+
borderRadius: theme.tokens.radius.lg,
|
|
60
|
+
borderWidth: 1,
|
|
61
|
+
borderColor: theme.colors.border,
|
|
62
|
+
padding: theme.tokens.spacing.md
|
|
63
|
+
},
|
|
64
|
+
header: {
|
|
65
|
+
flexDirection: 'row',
|
|
66
|
+
alignItems: 'center',
|
|
67
|
+
justifyContent: 'space-between',
|
|
68
|
+
marginBottom: theme.tokens.spacing.sm
|
|
69
|
+
},
|
|
70
|
+
monthLabel: {
|
|
71
|
+
fontSize: theme.tokens.fontSize.lg,
|
|
72
|
+
fontWeight: theme.tokens.fontWeight.semibold,
|
|
73
|
+
color: theme.colors.text
|
|
74
|
+
},
|
|
75
|
+
weekRow: {
|
|
76
|
+
flexDirection: 'row'
|
|
77
|
+
},
|
|
78
|
+
weekday: {
|
|
79
|
+
flex: 1,
|
|
80
|
+
textAlign: 'center',
|
|
81
|
+
fontSize: theme.tokens.fontSize.xs,
|
|
82
|
+
fontWeight: theme.tokens.fontWeight.semibold,
|
|
83
|
+
color: theme.colors.textLight,
|
|
84
|
+
paddingVertical: theme.tokens.spacing.sm
|
|
85
|
+
},
|
|
86
|
+
row: {
|
|
87
|
+
flexDirection: 'row'
|
|
88
|
+
},
|
|
89
|
+
cell: {
|
|
90
|
+
flex: 1,
|
|
91
|
+
aspectRatio: 1,
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
justifyContent: 'center'
|
|
94
|
+
},
|
|
95
|
+
dayButton: {
|
|
96
|
+
width: 36,
|
|
97
|
+
height: 36,
|
|
98
|
+
borderRadius: 18,
|
|
99
|
+
alignItems: 'center',
|
|
100
|
+
justifyContent: 'center'
|
|
101
|
+
},
|
|
102
|
+
dayText: {
|
|
103
|
+
fontSize: theme.tokens.fontSize.md,
|
|
104
|
+
color: theme.colors.text
|
|
105
|
+
},
|
|
106
|
+
daySelected: {
|
|
107
|
+
backgroundColor: theme.colors.primary
|
|
108
|
+
},
|
|
109
|
+
dayTextSelected: {
|
|
110
|
+
color: theme.colors.white,
|
|
111
|
+
fontWeight: theme.tokens.fontWeight.bold
|
|
112
|
+
},
|
|
113
|
+
// El resaltado del tramo intermedio va en la celda (cuadrada, sin gaps) y
|
|
114
|
+
// no en el botón redondo, así la barra del rango se ve continua.
|
|
115
|
+
cellInRange: {
|
|
116
|
+
backgroundColor: theme.colors.primary + '1f'
|
|
117
|
+
},
|
|
118
|
+
cellRangeStart: {
|
|
119
|
+
borderTopLeftRadius: 18,
|
|
120
|
+
borderBottomLeftRadius: 18
|
|
121
|
+
},
|
|
122
|
+
cellRangeEnd: {
|
|
123
|
+
borderTopRightRadius: 18,
|
|
124
|
+
borderBottomRightRadius: 18
|
|
125
|
+
},
|
|
126
|
+
dayTextInRange: {
|
|
127
|
+
color: theme.colors.primary,
|
|
128
|
+
fontWeight: theme.tokens.fontWeight.semibold
|
|
129
|
+
},
|
|
130
|
+
dayToday: {
|
|
131
|
+
borderWidth: 1,
|
|
132
|
+
borderColor: theme.colors.primary
|
|
133
|
+
},
|
|
134
|
+
dayTextDisabled: {
|
|
135
|
+
color: theme.colors.textLight,
|
|
136
|
+
opacity: 0.4
|
|
137
|
+
}
|
|
138
|
+
}));
|
|
139
|
+
|
|
140
|
+
/**
|
|
141
|
+
* DatePicker
|
|
142
|
+
* Calendario mensual dibujado con View/Text puros — sin
|
|
143
|
+
* @react-native-community/datetimepicker ni ningún picker nativo, para
|
|
144
|
+
* mantener la librería en cero dependencias y verse igual en iOS y Android.
|
|
145
|
+
*/
|
|
146
|
+
const DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.memo)(({
|
|
147
|
+
mode = 'single',
|
|
148
|
+
value,
|
|
149
|
+
onChange,
|
|
150
|
+
range,
|
|
151
|
+
onRangeChange,
|
|
152
|
+
minDate,
|
|
153
|
+
maxDate,
|
|
154
|
+
defaultMonth,
|
|
155
|
+
monthNames = DEFAULT_MONTH_NAMES,
|
|
156
|
+
weekdayNames = DEFAULT_WEEKDAY_NAMES,
|
|
157
|
+
firstDayOfWeek = 0,
|
|
158
|
+
style,
|
|
159
|
+
testID
|
|
160
|
+
}) => {
|
|
161
|
+
const colors = (0, _UIProvider.useColors)();
|
|
162
|
+
const styles = useStyles();
|
|
163
|
+
const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
|
|
164
|
+
const isRange = mode === 'range';
|
|
165
|
+
const handlePress = day => {
|
|
166
|
+
if (!isRange) {
|
|
167
|
+
onChange?.(day);
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
// Primer toque (o rango ya cerrado, o toque antes del inicio): arranca
|
|
171
|
+
// un rango nuevo. Segundo toque en adelante: lo cierra.
|
|
172
|
+
if (!range?.start || range.end || startOfDay(day) < startOfDay(range.start)) {
|
|
173
|
+
onRangeChange?.({
|
|
174
|
+
start: day
|
|
175
|
+
});
|
|
176
|
+
} else {
|
|
177
|
+
onRangeChange?.({
|
|
178
|
+
start: range.start,
|
|
179
|
+
end: day
|
|
180
|
+
});
|
|
181
|
+
}
|
|
182
|
+
};
|
|
183
|
+
const initial = value ?? range?.start ?? defaultMonth ?? new Date();
|
|
184
|
+
const [visibleMonth, setVisibleMonth] = (0, _react.useState)(() => new Date(initial.getFullYear(), initial.getMonth(), 1));
|
|
185
|
+
const today = (0, _react.useMemo)(() => new Date(), []);
|
|
186
|
+
const grid = (0, _react.useMemo)(() => buildMonthGrid(visibleMonth.getFullYear(), visibleMonth.getMonth(), firstDayOfWeek), [visibleMonth, firstDayOfWeek]);
|
|
187
|
+
const orderedWeekdays = (0, _react.useMemo)(() => firstDayOfWeek === 0 ? weekdayNames : [...weekdayNames.slice(1), weekdayNames[0]], [weekdayNames, firstDayOfWeek]);
|
|
188
|
+
const shiftMonth = delta => setVisibleMonth(m => new Date(m.getFullYear(), m.getMonth() + delta, 1));
|
|
189
|
+
const monthLabel = `${monthNames[visibleMonth.getMonth()]} ${visibleMonth.getFullYear()}`;
|
|
190
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
191
|
+
style: [styles.container, style],
|
|
192
|
+
testID: testID,
|
|
193
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
194
|
+
style: styles.header,
|
|
195
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
|
|
196
|
+
iconName: "chevron-left",
|
|
197
|
+
accessibilityLabel: "Previous month",
|
|
198
|
+
onPress: () => shiftMonth(-1)
|
|
199
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
200
|
+
allowFontScaling: allowFontScaling,
|
|
201
|
+
style: styles.monthLabel,
|
|
202
|
+
accessibilityRole: "header",
|
|
203
|
+
children: monthLabel
|
|
204
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
|
|
205
|
+
iconName: "chevron-right",
|
|
206
|
+
accessibilityLabel: "Next month",
|
|
207
|
+
onPress: () => shiftMonth(1)
|
|
208
|
+
})]
|
|
209
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
210
|
+
style: styles.weekRow,
|
|
211
|
+
children: orderedWeekdays.map((w, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
212
|
+
allowFontScaling: allowFontScaling,
|
|
213
|
+
style: styles.weekday,
|
|
214
|
+
children: w
|
|
215
|
+
}, `${w}-${i}`))
|
|
216
|
+
}), grid.map((row, rowIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
217
|
+
style: styles.row,
|
|
218
|
+
children: row.map((day, cellIndex) => {
|
|
219
|
+
if (!day) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
220
|
+
style: styles.cell
|
|
221
|
+
}, cellIndex);
|
|
222
|
+
const isStart = isRange && !!range?.start && isSameDay(day, range.start);
|
|
223
|
+
const isEnd = isRange && !!range?.end && isSameDay(day, range.end);
|
|
224
|
+
const inRange = isRange && !!range?.start && !!range.end && isBetween(day, range.start, range.end);
|
|
225
|
+
const selected = isRange ? isStart || isEnd : !!value && isSameDay(day, value);
|
|
226
|
+
const disabled = isOutOfRange(day, minDate, maxDate);
|
|
227
|
+
const isToday = isSameDay(day, today);
|
|
228
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
229
|
+
style: [styles.cell, (inRange || isStart && !!range?.end || isEnd) && styles.cellInRange, isStart && !!range?.end && styles.cellRangeStart, isEnd && styles.cellRangeEnd],
|
|
230
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
231
|
+
style: [styles.dayButton, selected && styles.daySelected, !selected && isToday && styles.dayToday],
|
|
232
|
+
onPress: () => handlePress(day),
|
|
233
|
+
disabled: disabled,
|
|
234
|
+
activeOpacity: 0.7,
|
|
235
|
+
accessibilityRole: "button",
|
|
236
|
+
accessibilityLabel: `${monthNames[day.getMonth()]} ${day.getDate()}, ${day.getFullYear()}`,
|
|
237
|
+
accessibilityState: {
|
|
238
|
+
selected,
|
|
239
|
+
disabled
|
|
240
|
+
},
|
|
241
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
242
|
+
allowFontScaling: allowFontScaling,
|
|
243
|
+
style: [styles.dayText, inRange && styles.dayTextInRange, selected && styles.dayTextSelected, disabled && styles.dayTextDisabled],
|
|
244
|
+
children: day.getDate()
|
|
245
|
+
})
|
|
246
|
+
})
|
|
247
|
+
}, cellIndex);
|
|
248
|
+
})
|
|
249
|
+
}, rowIndex))]
|
|
250
|
+
});
|
|
251
|
+
});
|
|
252
|
+
DatePicker.displayName = 'DatePicker';
|
|
253
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_IconButton","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_MONTH_NAMES","exports","DEFAULT_WEEKDAY_NAMES","isSameDay","a","b","getFullYear","getMonth","getDate","startOfDay","d","Date","isBetween","day","start","end","getTime","isOutOfRange","minDate","maxDate","buildMonthGrid","year","month","firstDayOfWeek","first","daysInMonth","leading","getDay","cells","push","length","rows","slice","useStyles","createStyles","theme","container","backgroundColor","colors","surface","borderRadius","tokens","radius","lg","borderWidth","borderColor","border","padding","spacing","md","header","flexDirection","alignItems","justifyContent","marginBottom","sm","monthLabel","fontSize","fontWeight","semibold","color","text","weekRow","weekday","flex","textAlign","xs","textLight","paddingVertical","row","cell","aspectRatio","dayButton","width","height","dayText","daySelected","primary","dayTextSelected","white","bold","cellInRange","cellRangeStart","borderTopLeftRadius","borderBottomLeftRadius","cellRangeEnd","borderTopRightRadius","borderBottomRightRadius","dayTextInRange","dayToday","dayTextDisabled","opacity","DatePicker","memo","mode","value","onChange","range","onRangeChange","defaultMonth","monthNames","weekdayNames","style","testID","useColors","styles","allowFontScaling","useAllowFontScaling","isRange","handlePress","initial","visibleMonth","setVisibleMonth","useState","today","useMemo","grid","orderedWeekdays","shiftMonth","delta","m","jsxs","View","children","jsx","IconButton","iconName","accessibilityLabel","onPress","Text","accessibilityRole","map","w","rowIndex","cellIndex","isStart","isEnd","inRange","selected","disabled","isToday","TouchableOpacity","activeOpacity","accessibilityState","displayName"],"sourceRoot":"../../../src","sources":["organisms/DatePicker.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.List = List;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _createStyles = require("../theme/createStyles");
|
|
10
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
11
|
+
var _EmptyState = require("../atoms/EmptyState");
|
|
12
|
+
var _Spinner = require("../atoms/Spinner");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
16
|
+
container: {
|
|
17
|
+
flex: 1,
|
|
18
|
+
backgroundColor: theme.colors.background
|
|
19
|
+
},
|
|
20
|
+
loadingOverlay: {
|
|
21
|
+
position: 'absolute',
|
|
22
|
+
top: 0,
|
|
23
|
+
left: 0,
|
|
24
|
+
right: 0,
|
|
25
|
+
bottom: 0,
|
|
26
|
+
backgroundColor: theme.colors.background + 'CC',
|
|
27
|
+
zIndex: 10,
|
|
28
|
+
justifyContent: 'center',
|
|
29
|
+
alignItems: 'center'
|
|
30
|
+
},
|
|
31
|
+
loadingText: {
|
|
32
|
+
marginTop: theme.tokens.spacing.md,
|
|
33
|
+
color: theme.colors.textLight,
|
|
34
|
+
fontWeight: theme.tokens.fontWeight.medium
|
|
35
|
+
},
|
|
36
|
+
listContent: {
|
|
37
|
+
padding: theme.tokens.spacing.md,
|
|
38
|
+
paddingBottom: _reactNative.Platform.OS === 'android' ? 100 : 80
|
|
39
|
+
},
|
|
40
|
+
footerLoader: {
|
|
41
|
+
paddingVertical: theme.tokens.spacing.xl,
|
|
42
|
+
alignItems: 'center'
|
|
43
|
+
}
|
|
44
|
+
}));
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* List
|
|
48
|
+
* Lista con estados de carga/paginación/vacío resueltos, sin atarse a
|
|
49
|
+
* expo-router ni a FlashList: `ListComponent` permite inyectar cualquiera
|
|
50
|
+
* (por defecto FlatList del propio React Native).
|
|
51
|
+
*/
|
|
52
|
+
function List({
|
|
53
|
+
data,
|
|
54
|
+
keyExtractor,
|
|
55
|
+
renderItem,
|
|
56
|
+
isLoading,
|
|
57
|
+
isLoadingMore = false,
|
|
58
|
+
isReady = true,
|
|
59
|
+
loadingText,
|
|
60
|
+
loadingMoreText,
|
|
61
|
+
onEndReached,
|
|
62
|
+
onEndReachedThreshold = 0.3,
|
|
63
|
+
onRefresh,
|
|
64
|
+
emptyTitle,
|
|
65
|
+
emptyDescription,
|
|
66
|
+
emptyIconName,
|
|
67
|
+
ListHeaderComponent,
|
|
68
|
+
ListFooterComponent,
|
|
69
|
+
contentContainerStyle,
|
|
70
|
+
containerStyle,
|
|
71
|
+
ListComponent = _reactNative.FlatList,
|
|
72
|
+
listProps
|
|
73
|
+
}) {
|
|
74
|
+
const colors = (0, _UIProvider.useColors)();
|
|
75
|
+
const styles = useStyles();
|
|
76
|
+
const labels = (0, _UIProvider.useLabels)();
|
|
77
|
+
const resolvedLoadingText = loadingText ?? labels.loading;
|
|
78
|
+
const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
|
|
79
|
+
const renderFooter = (0, _react.useCallback)(() => {
|
|
80
|
+
if (ListFooterComponent) {
|
|
81
|
+
return typeof ListFooterComponent === 'function' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ListFooterComponent, {}) : ListFooterComponent;
|
|
82
|
+
}
|
|
83
|
+
if (!isLoadingMore) return null;
|
|
84
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
85
|
+
style: styles.footerLoader,
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
|
|
87
|
+
text: resolvedLoadingMoreText,
|
|
88
|
+
fullscreen: false
|
|
89
|
+
})
|
|
90
|
+
});
|
|
91
|
+
}, [isLoadingMore, resolvedLoadingMoreText, ListFooterComponent, styles.footerLoader]);
|
|
92
|
+
const renderEmpty = (0, _react.useCallback)(() => {
|
|
93
|
+
if (isLoading) return null;
|
|
94
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
|
|
95
|
+
title: emptyTitle,
|
|
96
|
+
description: emptyDescription,
|
|
97
|
+
iconName: emptyIconName,
|
|
98
|
+
style: {
|
|
99
|
+
marginTop: 50
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
}, [isLoading, emptyTitle, emptyDescription, emptyIconName]);
|
|
103
|
+
if (!isReady) {
|
|
104
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
105
|
+
style: styles.container,
|
|
106
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
|
|
107
|
+
text: resolvedLoadingText
|
|
108
|
+
})
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
112
|
+
style: [styles.container, containerStyle],
|
|
113
|
+
children: [isLoading && data.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
114
|
+
style: styles.loadingOverlay,
|
|
115
|
+
pointerEvents: "none",
|
|
116
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
117
|
+
size: "large",
|
|
118
|
+
color: colors.primary
|
|
119
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
120
|
+
style: styles.loadingText,
|
|
121
|
+
children: resolvedLoadingText
|
|
122
|
+
})]
|
|
123
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ListComponent, {
|
|
124
|
+
data: data,
|
|
125
|
+
keyExtractor: keyExtractor,
|
|
126
|
+
renderItem: renderItem,
|
|
127
|
+
contentContainerStyle: [styles.listContent, contentContainerStyle],
|
|
128
|
+
onEndReached: onEndReached,
|
|
129
|
+
onEndReachedThreshold: onEndReachedThreshold,
|
|
130
|
+
ListHeaderComponent: ListHeaderComponent,
|
|
131
|
+
ListFooterComponent: renderFooter,
|
|
132
|
+
ListEmptyComponent: renderEmpty,
|
|
133
|
+
refreshControl: onRefresh ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
|
|
134
|
+
refreshing: isLoading,
|
|
135
|
+
onRefresh: onRefresh,
|
|
136
|
+
colors: [colors.primary],
|
|
137
|
+
tintColor: colors.primary
|
|
138
|
+
}) : undefined,
|
|
139
|
+
...listProps
|
|
140
|
+
})]
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
//# sourceMappingURL=List.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_EmptyState","_Spinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","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","Platform","OS","footerLoader","paddingVertical","xl","List","data","keyExtractor","renderItem","isLoading","isLoadingMore","isReady","loadingMoreText","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","FlatList","listProps","useColors","styles","labels","useLabels","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","renderFooter","useCallback","jsx","View","style","children","Spinner","text","fullscreen","renderEmpty","EmptyState","title","description","iconName","jsxs","length","pointerEvents","ActivityIndicator","size","primary","Text","ListEmptyComponent","refreshControl","RefreshControl","refreshing","tintColor","undefined"],"sourceRoot":"../../../src","sources":["organisms/List.tsx"],"mappings":"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","ignoreList":[]}
|