@procivis/one-react-native-components 0.1.63
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/LICENSE +201 -0
- package/README.md +66 -0
- package/lib/commonjs/accessibility/accessibility.js +193 -0
- package/lib/commonjs/accessibility/accessibility.js.map +1 -0
- package/lib/commonjs/accessibility/accessibilityHistory.js +81 -0
- package/lib/commonjs/accessibility/accessibilityHistory.js.map +1 -0
- package/lib/commonjs/accessibility/accessibilityHistoryWrappers.js +49 -0
- package/lib/commonjs/accessibility/accessibilityHistoryWrappers.js.map +1 -0
- package/lib/commonjs/accessibility/accessibilityLanguage.js +63 -0
- package/lib/commonjs/accessibility/accessibilityLanguage.js.map +1 -0
- package/lib/commonjs/accessibility/index.js +129 -0
- package/lib/commonjs/accessibility/index.js.map +1 -0
- package/lib/commonjs/accessibility/locale/de.json +21 -0
- package/lib/commonjs/accessibility/locale/en.json +21 -0
- package/lib/commonjs/accessibility/locale/fr.json +21 -0
- package/lib/commonjs/accessibility/locale/index.js +21 -0
- package/lib/commonjs/accessibility/locale/index.js.map +1 -0
- package/lib/commonjs/accessibility/locale/it.json +21 -0
- package/lib/commonjs/accessibility/locale.test.js +15 -0
- package/lib/commonjs/accessibility/locale.test.js.map +1 -0
- package/lib/commonjs/action-modal/ActionModal.js +52 -0
- package/lib/commonjs/action-modal/ActionModal.js.map +1 -0
- package/lib/commonjs/action-modal/index.js +14 -0
- package/lib/commonjs/action-modal/index.js.map +1 -0
- package/lib/commonjs/activity-indicator/activity-indicator.js +34 -0
- package/lib/commonjs/activity-indicator/activity-indicator.js.map +1 -0
- package/lib/commonjs/activity-indicator/index.js +14 -0
- package/lib/commonjs/activity-indicator/index.js.map +1 -0
- package/lib/commonjs/blur/blur-view.js +76 -0
- package/lib/commonjs/blur/blur-view.js.map +1 -0
- package/lib/commonjs/blur/index.js +21 -0
- package/lib/commonjs/blur/index.js.map +1 -0
- package/lib/commonjs/buttons/back-button.js +37 -0
- package/lib/commonjs/buttons/back-button.js.map +1 -0
- package/lib/commonjs/buttons/button.js +153 -0
- package/lib/commonjs/buttons/button.js.map +1 -0
- package/lib/commonjs/buttons/connectivity-button.js +82 -0
- package/lib/commonjs/buttons/connectivity-button.js.map +1 -0
- package/lib/commonjs/buttons/filter-button.js +51 -0
- package/lib/commonjs/buttons/filter-button.js.map +1 -0
- package/lib/commonjs/buttons/ghost-button.js +62 -0
- package/lib/commonjs/buttons/ghost-button.js.map +1 -0
- package/lib/commonjs/buttons/index.js +104 -0
- package/lib/commonjs/buttons/index.js.map +1 -0
- package/lib/commonjs/buttons/scan-button.js +83 -0
- package/lib/commonjs/buttons/scan-button.js.map +1 -0
- package/lib/commonjs/camera/camera-overlay.js +61 -0
- package/lib/commonjs/camera/camera-overlay.js.map +1 -0
- package/lib/commonjs/camera/index.js +21 -0
- package/lib/commonjs/camera/index.js.map +1 -0
- package/lib/commonjs/camera/qr-code-scanner.js +50 -0
- package/lib/commonjs/camera/qr-code-scanner.js.map +1 -0
- package/lib/commonjs/control/checkbox.js +79 -0
- package/lib/commonjs/control/checkbox.js.map +1 -0
- package/lib/commonjs/control/index.js +32 -0
- package/lib/commonjs/control/index.js.map +1 -0
- package/lib/commonjs/control/switch.js +65 -0
- package/lib/commonjs/control/switch.js.map +1 -0
- package/lib/commonjs/credential/card/credential-card.js +189 -0
- package/lib/commonjs/credential/card/credential-card.js.map +1 -0
- package/lib/commonjs/credential/card/credential-details-card.js +201 -0
- package/lib/commonjs/credential/card/credential-details-card.js.map +1 -0
- package/lib/commonjs/credential/card/credential-details-list-item.js +84 -0
- package/lib/commonjs/credential/card/credential-details-list-item.js.map +1 -0
- package/lib/commonjs/credential/card/credential-header.js +172 -0
- package/lib/commonjs/credential/card/credential-header.js.map +1 -0
- package/lib/commonjs/credential/card/credential-image-carousel.js +124 -0
- package/lib/commonjs/credential/card/credential-image-carousel.js.map +1 -0
- package/lib/commonjs/credential/card/index.js +85 -0
- package/lib/commonjs/credential/card/index.js.map +1 -0
- package/lib/commonjs/credential/credential-attribute-item.js +289 -0
- package/lib/commonjs/credential/credential-attribute-item.js.map +1 -0
- package/lib/commonjs/credential/credential-carousel-images.js +98 -0
- package/lib/commonjs/credential/credential-carousel-images.js.map +1 -0
- package/lib/commonjs/credential/index.js +90 -0
- package/lib/commonjs/credential/index.js.map +1 -0
- package/lib/commonjs/credential/selector-status.js +17 -0
- package/lib/commonjs/credential/selector-status.js.map +1 -0
- package/lib/commonjs/credential/selector.js +79 -0
- package/lib/commonjs/credential/selector.js.map +1 -0
- package/lib/commonjs/detail/detail.js +84 -0
- package/lib/commonjs/detail/detail.js.map +1 -0
- package/lib/commonjs/detail/index.js +14 -0
- package/lib/commonjs/detail/index.js.map +1 -0
- package/lib/commonjs/entity/avatar.js +96 -0
- package/lib/commonjs/entity/avatar.js.map +1 -0
- package/lib/commonjs/entity/entity-cluster.js +66 -0
- package/lib/commonjs/entity/entity-cluster.js.map +1 -0
- package/lib/commonjs/entity/index.js +34 -0
- package/lib/commonjs/entity/index.js.map +1 -0
- package/lib/commonjs/header/focus-aware-status-bar.js +20 -0
- package/lib/commonjs/header/focus-aware-status-bar.js.map +1 -0
- package/lib/commonjs/header/foldable-header.js +89 -0
- package/lib/commonjs/header/foldable-header.js.map +1 -0
- package/lib/commonjs/header/header.js +105 -0
- package/lib/commonjs/header/header.js.map +1 -0
- package/lib/commonjs/header/index.js +55 -0
- package/lib/commonjs/header/index.js.map +1 -0
- package/lib/commonjs/header/navigation-header.js +148 -0
- package/lib/commonjs/header/navigation-header.js.map +1 -0
- package/lib/commonjs/history/data-item.js +70 -0
- package/lib/commonjs/history/data-item.js.map +1 -0
- package/lib/commonjs/history/history-list-item.js +90 -0
- package/lib/commonjs/history/history-list-item.js.map +1 -0
- package/lib/commonjs/history/history-section-header.js +49 -0
- package/lib/commonjs/history/history-section-header.js.map +1 -0
- package/lib/commonjs/history/history-section-list-item.js +47 -0
- package/lib/commonjs/history/history-section-list-item.js.map +1 -0
- package/lib/commonjs/history/index.js +55 -0
- package/lib/commonjs/history/index.js.map +1 -0
- package/lib/commonjs/icons/connectivity.js +139 -0
- package/lib/commonjs/icons/connectivity.js.map +1 -0
- package/lib/commonjs/icons/credential.js +162 -0
- package/lib/commonjs/icons/credential.js.map +1 -0
- package/lib/commonjs/icons/entity.js +34 -0
- package/lib/commonjs/icons/entity.js.map +1 -0
- package/lib/commonjs/icons/history.js +408 -0
- package/lib/commonjs/icons/history.js.map +1 -0
- package/lib/commonjs/icons/icons.js +250 -0
- package/lib/commonjs/icons/icons.js.map +1 -0
- package/lib/commonjs/icons/index.js +127 -0
- package/lib/commonjs/icons/index.js.map +1 -0
- package/lib/commonjs/icons/input.js +44 -0
- package/lib/commonjs/icons/input.js.map +1 -0
- package/lib/commonjs/icons/keypad.js +94 -0
- package/lib/commonjs/icons/keypad.js.map +1 -0
- package/lib/commonjs/icons/loader.js +180 -0
- package/lib/commonjs/icons/loader.js.map +1 -0
- package/lib/commonjs/icons/nerd-view.js +123 -0
- package/lib/commonjs/icons/nerd-view.js.map +1 -0
- package/lib/commonjs/icons/selector.js +56 -0
- package/lib/commonjs/icons/selector.js.map +1 -0
- package/lib/commonjs/icons/wallet.js +121 -0
- package/lib/commonjs/icons/wallet.js.map +1 -0
- package/lib/commonjs/image/image-or-component.js +80 -0
- package/lib/commonjs/image/image-or-component.js.map +1 -0
- package/lib/commonjs/image/index.js +21 -0
- package/lib/commonjs/image/index.js.map +1 -0
- package/lib/commonjs/index.js +292 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/input/index.js +65 -0
- package/lib/commonjs/input/index.js.map +1 -0
- package/lib/commonjs/input/radio-group.js +95 -0
- package/lib/commonjs/input/radio-group.js.map +1 -0
- package/lib/commonjs/input/selection-input.js +102 -0
- package/lib/commonjs/input/selection-input.js.map +1 -0
- package/lib/commonjs/input/text-input.js +195 -0
- package/lib/commonjs/input/text-input.js.map +1 -0
- package/lib/commonjs/list/index.js +34 -0
- package/lib/commonjs/list/index.js.map +1 -0
- package/lib/commonjs/list/list-section-header.js +36 -0
- package/lib/commonjs/list/list-section-header.js.map +1 -0
- package/lib/commonjs/list/list-title-header.js +35 -0
- package/lib/commonjs/list/list-title-header.js.map +1 -0
- package/lib/commonjs/loader/index.js +40 -0
- package/lib/commonjs/loader/index.js.map +1 -0
- package/lib/commonjs/loader/loader.js +140 -0
- package/lib/commonjs/loader/loader.js.map +1 -0
- package/lib/commonjs/loader/loading-result.js +92 -0
- package/lib/commonjs/loader/loading-result.js.map +1 -0
- package/lib/commonjs/nerd-view/index.js +27 -0
- package/lib/commonjs/nerd-view/index.js.map +1 -0
- package/lib/commonjs/nerd-view/nerd-mode-item.js +235 -0
- package/lib/commonjs/nerd-view/nerd-mode-item.js.map +1 -0
- package/lib/commonjs/normalize-color.d.js +2 -0
- package/lib/commonjs/normalize-color.d.js.map +1 -0
- package/lib/commonjs/pin/index.js +32 -0
- package/lib/commonjs/pin/index.js.map +1 -0
- package/lib/commonjs/pin/keypad.js +201 -0
- package/lib/commonjs/pin/keypad.js.map +1 -0
- package/lib/commonjs/pin/pin-code-screen.js +162 -0
- package/lib/commonjs/pin/pin-code-screen.js.map +1 -0
- package/lib/commonjs/pin/pins.js +54 -0
- package/lib/commonjs/pin/pins.js.map +1 -0
- package/lib/commonjs/screens/backup-screen.js +87 -0
- package/lib/commonjs/screens/backup-screen.js.map +1 -0
- package/lib/commonjs/screens/image-preview-screen.js +92 -0
- package/lib/commonjs/screens/image-preview-screen.js.map +1 -0
- package/lib/commonjs/screens/index.js +98 -0
- package/lib/commonjs/screens/index.js.map +1 -0
- package/lib/commonjs/screens/nerd-mode-screen.js +142 -0
- package/lib/commonjs/screens/nerd-mode-screen.js.map +1 -0
- package/lib/commonjs/screens/qr-code-scanner-screen.js +120 -0
- package/lib/commonjs/screens/qr-code-scanner-screen.js.map +1 -0
- package/lib/commonjs/screens/scroll-view-screen.js +94 -0
- package/lib/commonjs/screens/scroll-view-screen.js.map +1 -0
- package/lib/commonjs/screens/section-list-screen.js +67 -0
- package/lib/commonjs/screens/section-list-screen.js.map +1 -0
- package/lib/commonjs/searchbar/animated-search-bar.js +88 -0
- package/lib/commonjs/searchbar/animated-search-bar.js.map +1 -0
- package/lib/commonjs/searchbar/index.js +34 -0
- package/lib/commonjs/searchbar/index.js.map +1 -0
- package/lib/commonjs/searchbar/search-bar.js +99 -0
- package/lib/commonjs/searchbar/search-bar.js.map +1 -0
- package/lib/commonjs/settings/button-setting.js +67 -0
- package/lib/commonjs/settings/button-setting.js.map +1 -0
- package/lib/commonjs/settings/index.js +73 -0
- package/lib/commonjs/settings/index.js.map +1 -0
- package/lib/commonjs/settings/setting-item-separator.js +40 -0
- package/lib/commonjs/settings/setting-item-separator.js.map +1 -0
- package/lib/commonjs/settings/setting-item.js +79 -0
- package/lib/commonjs/settings/setting-item.js.map +1 -0
- package/lib/commonjs/settings/settings-button.js +35 -0
- package/lib/commonjs/settings/settings-button.js.map +1 -0
- package/lib/commonjs/settings/switch-setting.js +35 -0
- package/lib/commonjs/settings/switch-setting.js.map +1 -0
- package/lib/commonjs/state/error-screen.js +71 -0
- package/lib/commonjs/state/error-screen.js.map +1 -0
- package/lib/commonjs/state/index.js +27 -0
- package/lib/commonjs/state/index.js.map +1 -0
- package/lib/commonjs/text/base.js +40 -0
- package/lib/commonjs/text/base.js.map +1 -0
- package/lib/commonjs/text/font.js +64 -0
- package/lib/commonjs/text/font.js.map +1 -0
- package/lib/commonjs/text/index.js +21 -0
- package/lib/commonjs/text/index.js.map +1 -0
- package/lib/commonjs/text/typography.js +119 -0
- package/lib/commonjs/text/typography.js.map +1 -0
- package/lib/commonjs/theme/color-scheme-context.js +52 -0
- package/lib/commonjs/theme/color-scheme-context.js.map +1 -0
- package/lib/commonjs/theme/color-scheme.js +2 -0
- package/lib/commonjs/theme/color-scheme.js.map +1 -0
- package/lib/commonjs/theme/index.js +19 -0
- package/lib/commonjs/theme/index.js.map +1 -0
- package/lib/commonjs/utils/color.js +34 -0
- package/lib/commonjs/utils/color.js.map +1 -0
- package/lib/commonjs/utils/contrasting-status-bar.js +30 -0
- package/lib/commonjs/utils/contrasting-status-bar.js.map +1 -0
- package/lib/commonjs/utils/date.js +57 -0
- package/lib/commonjs/utils/date.js.map +1 -0
- package/lib/commonjs/utils/hooks/header/on-scroll-header-state.js +21 -0
- package/lib/commonjs/utils/hooks/header/on-scroll-header-state.js.map +1 -0
- package/lib/commonjs/utils/hooks/index.js +20 -0
- package/lib/commonjs/utils/hooks/index.js.map +1 -0
- package/lib/commonjs/utils/hooks/list/list-content-inset.js +31 -0
- package/lib/commonjs/utils/hooks/list/list-content-inset.js.map +1 -0
- package/lib/commonjs/utils/index.js +83 -0
- package/lib/commonjs/utils/index.js.map +1 -0
- package/lib/commonjs/utils/navigation.js +51 -0
- package/lib/commonjs/utils/navigation.js.map +1 -0
- package/lib/commonjs/utils/ref.js +42 -0
- package/lib/commonjs/utils/ref.js.map +1 -0
- package/lib/commonjs/utils/testID.js +18 -0
- package/lib/commonjs/utils/testID.js.map +1 -0
- package/lib/commonjs/utils/testID.test.js +21 -0
- package/lib/commonjs/utils/testID.test.js.map +1 -0
- package/lib/commonjs/utils/useMemoAsync.js +26 -0
- package/lib/commonjs/utils/useMemoAsync.js.map +1 -0
- package/lib/module/accessibility/accessibility.js +185 -0
- package/lib/module/accessibility/accessibility.js.map +1 -0
- package/lib/module/accessibility/accessibilityHistory.js +71 -0
- package/lib/module/accessibility/accessibilityHistory.js.map +1 -0
- package/lib/module/accessibility/accessibilityHistoryWrappers.js +38 -0
- package/lib/module/accessibility/accessibilityHistoryWrappers.js.map +1 -0
- package/lib/module/accessibility/accessibilityLanguage.js +53 -0
- package/lib/module/accessibility/accessibilityLanguage.js.map +1 -0
- package/lib/module/accessibility/index.js +8 -0
- package/lib/module/accessibility/index.js.map +1 -0
- package/lib/module/accessibility/locale/de.json +21 -0
- package/lib/module/accessibility/locale/en.json +21 -0
- package/lib/module/accessibility/locale/fr.json +21 -0
- package/lib/module/accessibility/locale/index.js +12 -0
- package/lib/module/accessibility/locale/index.js.map +1 -0
- package/lib/module/accessibility/locale/it.json +21 -0
- package/lib/module/accessibility/locale.test.js +13 -0
- package/lib/module/accessibility/locale.test.js.map +1 -0
- package/lib/module/action-modal/ActionModal.js +44 -0
- package/lib/module/action-modal/ActionModal.js.map +1 -0
- package/lib/module/action-modal/index.js +3 -0
- package/lib/module/action-modal/index.js.map +1 -0
- package/lib/module/activity-indicator/activity-indicator.js +24 -0
- package/lib/module/activity-indicator/activity-indicator.js.map +1 -0
- package/lib/module/activity-indicator/index.js +3 -0
- package/lib/module/activity-indicator/index.js.map +1 -0
- package/lib/module/blur/blur-view.js +67 -0
- package/lib/module/blur/blur-view.js.map +1 -0
- package/lib/module/blur/index.js +3 -0
- package/lib/module/blur/index.js.map +1 -0
- package/lib/module/buttons/back-button.js +28 -0
- package/lib/module/buttons/back-button.js.map +1 -0
- package/lib/module/buttons/button.js +143 -0
- package/lib/module/buttons/button.js.map +1 -0
- package/lib/module/buttons/connectivity-button.js +73 -0
- package/lib/module/buttons/connectivity-button.js.map +1 -0
- package/lib/module/buttons/filter-button.js +43 -0
- package/lib/module/buttons/filter-button.js.map +1 -0
- package/lib/module/buttons/ghost-button.js +53 -0
- package/lib/module/buttons/ghost-button.js.map +1 -0
- package/lib/module/buttons/index.js +8 -0
- package/lib/module/buttons/index.js.map +1 -0
- package/lib/module/buttons/scan-button.js +75 -0
- package/lib/module/buttons/scan-button.js.map +1 -0
- package/lib/module/camera/camera-overlay.js +51 -0
- package/lib/module/camera/camera-overlay.js.map +1 -0
- package/lib/module/camera/index.js +3 -0
- package/lib/module/camera/index.js.map +1 -0
- package/lib/module/camera/qr-code-scanner.js +40 -0
- package/lib/module/camera/qr-code-scanner.js.map +1 -0
- package/lib/module/control/checkbox.js +70 -0
- package/lib/module/control/checkbox.js.map +1 -0
- package/lib/module/control/index.js +4 -0
- package/lib/module/control/index.js.map +1 -0
- package/lib/module/control/switch.js +56 -0
- package/lib/module/control/switch.js.map +1 -0
- package/lib/module/credential/card/credential-card.js +177 -0
- package/lib/module/credential/card/credential-card.js.map +1 -0
- package/lib/module/credential/card/credential-details-card.js +191 -0
- package/lib/module/credential/card/credential-details-card.js.map +1 -0
- package/lib/module/credential/card/credential-details-list-item.js +74 -0
- package/lib/module/credential/card/credential-details-list-item.js.map +1 -0
- package/lib/module/credential/card/credential-header.js +162 -0
- package/lib/module/credential/card/credential-header.js.map +1 -0
- package/lib/module/credential/card/credential-image-carousel.js +113 -0
- package/lib/module/credential/card/credential-image-carousel.js.map +1 -0
- package/lib/module/credential/card/index.js +11 -0
- package/lib/module/credential/card/index.js.map +1 -0
- package/lib/module/credential/credential-attribute-item.js +279 -0
- package/lib/module/credential/credential-attribute-item.js.map +1 -0
- package/lib/module/credential/credential-carousel-images.js +86 -0
- package/lib/module/credential/credential-carousel-images.js.map +1 -0
- package/lib/module/credential/index.js +9 -0
- package/lib/module/credential/index.js.map +1 -0
- package/lib/module/credential/selector-status.js +10 -0
- package/lib/module/credential/selector-status.js.map +1 -0
- package/lib/module/credential/selector.js +70 -0
- package/lib/module/credential/selector.js.map +1 -0
- package/lib/module/detail/detail.js +75 -0
- package/lib/module/detail/detail.js.map +1 -0
- package/lib/module/detail/index.js +3 -0
- package/lib/module/detail/index.js.map +1 -0
- package/lib/module/entity/avatar.js +86 -0
- package/lib/module/entity/avatar.js.map +1 -0
- package/lib/module/entity/entity-cluster.js +56 -0
- package/lib/module/entity/entity-cluster.js.map +1 -0
- package/lib/module/entity/index.js +5 -0
- package/lib/module/entity/index.js.map +1 -0
- package/lib/module/header/focus-aware-status-bar.js +12 -0
- package/lib/module/header/focus-aware-status-bar.js.map +1 -0
- package/lib/module/header/foldable-header.js +79 -0
- package/lib/module/header/foldable-header.js.map +1 -0
- package/lib/module/header/header.js +97 -0
- package/lib/module/header/header.js.map +1 -0
- package/lib/module/header/index.js +9 -0
- package/lib/module/header/index.js.map +1 -0
- package/lib/module/header/navigation-header.js +138 -0
- package/lib/module/header/navigation-header.js.map +1 -0
- package/lib/module/history/data-item.js +60 -0
- package/lib/module/history/data-item.js.map +1 -0
- package/lib/module/history/history-list-item.js +80 -0
- package/lib/module/history/history-list-item.js.map +1 -0
- package/lib/module/history/history-section-header.js +42 -0
- package/lib/module/history/history-section-header.js.map +1 -0
- package/lib/module/history/history-section-list-item.js +43 -0
- package/lib/module/history/history-section-list-item.js.map +1 -0
- package/lib/module/history/index.js +9 -0
- package/lib/module/history/index.js.map +1 -0
- package/lib/module/icons/connectivity.js +125 -0
- package/lib/module/icons/connectivity.js.map +1 -0
- package/lib/module/icons/credential.js +147 -0
- package/lib/module/icons/credential.js.map +1 -0
- package/lib/module/icons/entity.js +25 -0
- package/lib/module/icons/entity.js.map +1 -0
- package/lib/module/icons/history.js +391 -0
- package/lib/module/icons/history.js.map +1 -0
- package/lib/module/icons/icons.js +231 -0
- package/lib/module/icons/icons.js.map +1 -0
- package/lib/module/icons/index.js +12 -0
- package/lib/module/icons/index.js.map +1 -0
- package/lib/module/icons/input.js +33 -0
- package/lib/module/icons/input.js.map +1 -0
- package/lib/module/icons/keypad.js +81 -0
- package/lib/module/icons/keypad.js.map +1 -0
- package/lib/module/icons/loader.js +168 -0
- package/lib/module/icons/loader.js.map +1 -0
- package/lib/module/icons/nerd-view.js +110 -0
- package/lib/module/icons/nerd-view.js.map +1 -0
- package/lib/module/icons/selector.js +45 -0
- package/lib/module/icons/selector.js.map +1 -0
- package/lib/module/icons/wallet.js +111 -0
- package/lib/module/icons/wallet.js.map +1 -0
- package/lib/module/image/image-or-component.js +71 -0
- package/lib/module/image/image-or-component.js.map +1 -0
- package/lib/module/image/index.js +3 -0
- package/lib/module/image/index.js.map +1 -0
- package/lib/module/index.js +27 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/input/index.js +7 -0
- package/lib/module/input/index.js.map +1 -0
- package/lib/module/input/radio-group.js +87 -0
- package/lib/module/input/radio-group.js.map +1 -0
- package/lib/module/input/selection-input.js +92 -0
- package/lib/module/input/selection-input.js.map +1 -0
- package/lib/module/input/text-input.js +185 -0
- package/lib/module/input/text-input.js.map +1 -0
- package/lib/module/list/index.js +5 -0
- package/lib/module/list/index.js.map +1 -0
- package/lib/module/list/list-section-header.js +28 -0
- package/lib/module/list/list-section-header.js.map +1 -0
- package/lib/module/list/list-title-header.js +27 -0
- package/lib/module/list/list-title-header.js.map +1 -0
- package/lib/module/loader/index.js +5 -0
- package/lib/module/loader/index.js.map +1 -0
- package/lib/module/loader/loader.js +130 -0
- package/lib/module/loader/loader.js.map +1 -0
- package/lib/module/loader/loading-result.js +84 -0
- package/lib/module/loader/loading-result.js.map +1 -0
- package/lib/module/nerd-view/index.js +3 -0
- package/lib/module/nerd-view/index.js.map +1 -0
- package/lib/module/nerd-view/nerd-mode-item.js +224 -0
- package/lib/module/nerd-view/nerd-mode-item.js.map +1 -0
- package/lib/module/normalize-color.d.js +2 -0
- package/lib/module/normalize-color.d.js.map +1 -0
- package/lib/module/pin/index.js +4 -0
- package/lib/module/pin/index.js.map +1 -0
- package/lib/module/pin/keypad.js +191 -0
- package/lib/module/pin/keypad.js.map +1 -0
- package/lib/module/pin/pin-code-screen.js +152 -0
- package/lib/module/pin/pin-code-screen.js.map +1 -0
- package/lib/module/pin/pins.js +46 -0
- package/lib/module/pin/pins.js.map +1 -0
- package/lib/module/screens/backup-screen.js +78 -0
- package/lib/module/screens/backup-screen.js.map +1 -0
- package/lib/module/screens/image-preview-screen.js +83 -0
- package/lib/module/screens/image-preview-screen.js.map +1 -0
- package/lib/module/screens/index.js +13 -0
- package/lib/module/screens/index.js.map +1 -0
- package/lib/module/screens/nerd-mode-screen.js +132 -0
- package/lib/module/screens/nerd-mode-screen.js.map +1 -0
- package/lib/module/screens/qr-code-scanner-screen.js +110 -0
- package/lib/module/screens/qr-code-scanner-screen.js.map +1 -0
- package/lib/module/screens/scroll-view-screen.js +86 -0
- package/lib/module/screens/scroll-view-screen.js.map +1 -0
- package/lib/module/screens/section-list-screen.js +59 -0
- package/lib/module/screens/section-list-screen.js.map +1 -0
- package/lib/module/searchbar/animated-search-bar.js +78 -0
- package/lib/module/searchbar/animated-search-bar.js.map +1 -0
- package/lib/module/searchbar/index.js +5 -0
- package/lib/module/searchbar/index.js.map +1 -0
- package/lib/module/searchbar/search-bar.js +89 -0
- package/lib/module/searchbar/search-bar.js.map +1 -0
- package/lib/module/settings/button-setting.js +57 -0
- package/lib/module/settings/button-setting.js.map +1 -0
- package/lib/module/settings/index.js +11 -0
- package/lib/module/settings/index.js.map +1 -0
- package/lib/module/settings/setting-item-separator.js +32 -0
- package/lib/module/settings/setting-item-separator.js.map +1 -0
- package/lib/module/settings/setting-item.js +69 -0
- package/lib/module/settings/setting-item.js.map +1 -0
- package/lib/module/settings/settings-button.js +27 -0
- package/lib/module/settings/settings-button.js.map +1 -0
- package/lib/module/settings/switch-setting.js +27 -0
- package/lib/module/settings/switch-setting.js.map +1 -0
- package/lib/module/state/error-screen.js +63 -0
- package/lib/module/state/error-screen.js.map +1 -0
- package/lib/module/state/index.js +3 -0
- package/lib/module/state/index.js.map +1 -0
- package/lib/module/text/base.js +31 -0
- package/lib/module/text/base.js.map +1 -0
- package/lib/module/text/font.js +56 -0
- package/lib/module/text/font.js.map +1 -0
- package/lib/module/text/index.js +3 -0
- package/lib/module/text/index.js.map +1 -0
- package/lib/module/text/typography.js +111 -0
- package/lib/module/text/typography.js.map +1 -0
- package/lib/module/theme/color-scheme-context.js +44 -0
- package/lib/module/theme/color-scheme-context.js.map +1 -0
- package/lib/module/theme/color-scheme.js +2 -0
- package/lib/module/theme/color-scheme.js.map +1 -0
- package/lib/module/theme/index.js +3 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/utils/color.js +23 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/module/utils/contrasting-status-bar.js +21 -0
- package/lib/module/utils/contrasting-status-bar.js.map +1 -0
- package/lib/module/utils/date.js +51 -0
- package/lib/module/utils/date.js.map +1 -0
- package/lib/module/utils/hooks/header/on-scroll-header-state.js +14 -0
- package/lib/module/utils/hooks/header/on-scroll-header-state.js.map +1 -0
- package/lib/module/utils/hooks/index.js +5 -0
- package/lib/module/utils/hooks/index.js.map +1 -0
- package/lib/module/utils/hooks/list/list-content-inset.js +24 -0
- package/lib/module/utils/hooks/list/list-content-inset.js.map +1 -0
- package/lib/module/utils/index.js +9 -0
- package/lib/module/utils/index.js.map +1 -0
- package/lib/module/utils/navigation.js +45 -0
- package/lib/module/utils/navigation.js.map +1 -0
- package/lib/module/utils/ref.js +35 -0
- package/lib/module/utils/ref.js.map +1 -0
- package/lib/module/utils/testID.js +12 -0
- package/lib/module/utils/testID.js.map +1 -0
- package/lib/module/utils/testID.test.js +19 -0
- package/lib/module/utils/testID.test.js.map +1 -0
- package/lib/module/utils/useMemoAsync.js +20 -0
- package/lib/module/utils/useMemoAsync.js.map +1 -0
- package/lib/typescript/accessibility/accessibility.d.ts +55 -0
- package/lib/typescript/accessibility/accessibilityHistory.d.ts +13 -0
- package/lib/typescript/accessibility/accessibilityHistoryWrappers.d.ts +18 -0
- package/lib/typescript/accessibility/accessibilityLanguage.d.ts +20 -0
- package/lib/typescript/accessibility/index.d.ts +6 -0
- package/lib/typescript/accessibility/locale/index.d.ts +90 -0
- package/lib/typescript/accessibility/locale.test.d.ts +1 -0
- package/lib/typescript/action-modal/ActionModal.d.ts +10 -0
- package/lib/typescript/action-modal/index.d.ts +2 -0
- package/lib/typescript/activity-indicator/activity-indicator.d.ts +7 -0
- package/lib/typescript/activity-indicator/index.d.ts +2 -0
- package/lib/typescript/blur/blur-view.d.ts +10 -0
- package/lib/typescript/blur/index.d.ts +2 -0
- package/lib/typescript/buttons/back-button.d.ts +9 -0
- package/lib/typescript/buttons/button.d.ts +22 -0
- package/lib/typescript/buttons/connectivity-button.d.ts +17 -0
- package/lib/typescript/buttons/filter-button.d.ts +7 -0
- package/lib/typescript/buttons/ghost-button.d.ts +11 -0
- package/lib/typescript/buttons/index.d.ts +7 -0
- package/lib/typescript/buttons/scan-button.d.ts +5 -0
- package/lib/typescript/camera/camera-overlay.d.ts +7 -0
- package/lib/typescript/camera/index.d.ts +2 -0
- package/lib/typescript/camera/qr-code-scanner.d.ts +11 -0
- package/lib/typescript/control/checkbox.d.ts +9 -0
- package/lib/typescript/control/index.d.ts +3 -0
- package/lib/typescript/control/switch.d.ts +7 -0
- package/lib/typescript/credential/card/credential-card.d.ts +22 -0
- package/lib/typescript/credential/card/credential-details-card.d.ts +16 -0
- package/lib/typescript/credential/card/credential-details-list-item.d.ts +9 -0
- package/lib/typescript/credential/card/credential-header.d.ts +20 -0
- package/lib/typescript/credential/card/credential-image-carousel.d.ts +23 -0
- package/lib/typescript/credential/card/index.d.ts +10 -0
- package/lib/typescript/credential/credential-attribute-item.d.ts +48 -0
- package/lib/typescript/credential/credential-carousel-images.d.ts +19 -0
- package/lib/typescript/credential/index.d.ts +8 -0
- package/lib/typescript/credential/selector-status.d.ts +8 -0
- package/lib/typescript/credential/selector.d.ts +15 -0
- package/lib/typescript/detail/detail.d.ts +18 -0
- package/lib/typescript/detail/index.d.ts +2 -0
- package/lib/typescript/entity/avatar.d.ts +10 -0
- package/lib/typescript/entity/entity-cluster.d.ts +12 -0
- package/lib/typescript/entity/index.d.ts +4 -0
- package/lib/typescript/header/focus-aware-status-bar.d.ts +4 -0
- package/lib/typescript/header/foldable-header.d.ts +11 -0
- package/lib/typescript/header/header.d.ts +17 -0
- package/lib/typescript/header/index.d.ts +8 -0
- package/lib/typescript/header/navigation-header.d.ts +15 -0
- package/lib/typescript/history/data-item.d.ts +12 -0
- package/lib/typescript/history/history-list-item.d.ts +14 -0
- package/lib/typescript/history/history-section-header.d.ts +7 -0
- package/lib/typescript/history/history-section-list-item.d.ts +7 -0
- package/lib/typescript/history/index.d.ts +8 -0
- package/lib/typescript/icons/connectivity.d.ts +12 -0
- package/lib/typescript/icons/credential.d.ts +9 -0
- package/lib/typescript/icons/entity.d.ts +3 -0
- package/lib/typescript/icons/history.d.ts +42 -0
- package/lib/typescript/icons/icons.d.ts +13 -0
- package/lib/typescript/icons/index.d.ts +11 -0
- package/lib/typescript/icons/input.d.ts +3 -0
- package/lib/typescript/icons/keypad.d.ts +6 -0
- package/lib/typescript/icons/loader.d.ts +6 -0
- package/lib/typescript/icons/nerd-view.d.ts +7 -0
- package/lib/typescript/icons/selector.d.ts +10 -0
- package/lib/typescript/icons/wallet.d.ts +4 -0
- package/lib/typescript/image/image-or-component.d.ts +16 -0
- package/lib/typescript/image/index.d.ts +2 -0
- package/lib/typescript/index.d.ts +26 -0
- package/lib/typescript/input/index.d.ts +6 -0
- package/lib/typescript/input/radio-group.d.ts +23 -0
- package/lib/typescript/input/selection-input.d.ts +32 -0
- package/lib/typescript/input/text-input.d.ts +31 -0
- package/lib/typescript/list/index.d.ts +4 -0
- package/lib/typescript/list/list-section-header.d.ts +7 -0
- package/lib/typescript/list/list-title-header.d.ts +7 -0
- package/lib/typescript/loader/index.d.ts +4 -0
- package/lib/typescript/loader/loader.d.ts +14 -0
- package/lib/typescript/loader/loading-result.d.ts +16 -0
- package/lib/typescript/nerd-view/index.d.ts +2 -0
- package/lib/typescript/nerd-view/nerd-mode-item.d.ts +31 -0
- package/lib/typescript/pin/index.d.ts +3 -0
- package/lib/typescript/pin/keypad.d.ts +16 -0
- package/lib/typescript/pin/pin-code-screen.d.ts +32 -0
- package/lib/typescript/pin/pins.d.ts +7 -0
- package/lib/typescript/screens/backup-screen.d.ts +16 -0
- package/lib/typescript/screens/image-preview-screen.d.ts +9 -0
- package/lib/typescript/screens/index.d.ts +12 -0
- package/lib/typescript/screens/nerd-mode-screen.d.ts +22 -0
- package/lib/typescript/screens/qr-code-scanner-screen.d.ts +14 -0
- package/lib/typescript/screens/scroll-view-screen.d.ts +13 -0
- package/lib/typescript/screens/section-list-screen.d.ts +12 -0
- package/lib/typescript/searchbar/animated-search-bar.d.ts +10 -0
- package/lib/typescript/searchbar/index.d.ts +4 -0
- package/lib/typescript/searchbar/search-bar.d.ts +10 -0
- package/lib/typescript/settings/button-setting.d.ts +13 -0
- package/lib/typescript/settings/index.d.ts +10 -0
- package/lib/typescript/settings/setting-item-separator.d.ts +8 -0
- package/lib/typescript/settings/setting-item.d.ts +9 -0
- package/lib/typescript/settings/settings-button.d.ts +5 -0
- package/lib/typescript/settings/switch-setting.d.ts +13 -0
- package/lib/typescript/state/error-screen.d.ts +15 -0
- package/lib/typescript/state/index.d.ts +2 -0
- package/lib/typescript/text/base.d.ts +20 -0
- package/lib/typescript/text/font.d.ts +26 -0
- package/lib/typescript/text/index.d.ts +2 -0
- package/lib/typescript/text/typography.d.ts +112 -0
- package/lib/typescript/theme/color-scheme-context.d.ts +10 -0
- package/lib/typescript/theme/color-scheme.d.ts +31 -0
- package/lib/typescript/theme/index.d.ts +3 -0
- package/lib/typescript/utils/color.d.ts +4 -0
- package/lib/typescript/utils/contrasting-status-bar.d.ts +10 -0
- package/lib/typescript/utils/date.d.ts +12 -0
- package/lib/typescript/utils/hooks/header/on-scroll-header-state.d.ts +5 -0
- package/lib/typescript/utils/hooks/index.d.ts +4 -0
- package/lib/typescript/utils/hooks/list/list-content-inset.d.ts +8 -0
- package/lib/typescript/utils/index.d.ts +8 -0
- package/lib/typescript/utils/navigation.d.ts +9 -0
- package/lib/typescript/utils/ref.d.ts +11 -0
- package/lib/typescript/utils/testID.d.ts +6 -0
- package/lib/typescript/utils/testID.test.d.ts +1 -0
- package/lib/typescript/utils/useMemoAsync.d.ts +21 -0
- package/package.json +240 -0
- package/src/accessibility/accessibility.ts +215 -0
- package/src/accessibility/accessibilityHistory.tsx +77 -0
- package/src/accessibility/accessibilityHistoryWrappers.tsx +80 -0
- package/src/accessibility/accessibilityLanguage.tsx +66 -0
- package/src/accessibility/index.ts +35 -0
- package/src/accessibility/locale/de.json +21 -0
- package/src/accessibility/locale/en.json +21 -0
- package/src/accessibility/locale/fr.json +21 -0
- package/src/accessibility/locale/index.ts +19 -0
- package/src/accessibility/locale/it.json +21 -0
- package/src/accessibility/locale.test.ts +16 -0
- package/src/action-modal/ActionModal.stories.tsx +35 -0
- package/src/action-modal/ActionModal.tsx +45 -0
- package/src/action-modal/index.ts +3 -0
- package/src/activity-indicator/activity-indicator.stories.tsx +21 -0
- package/src/activity-indicator/activity-indicator.tsx +25 -0
- package/src/activity-indicator/index.ts +3 -0
- package/src/blur/blur-view.tsx +82 -0
- package/src/blur/index.ts +3 -0
- package/src/buttons/back-button.stories.tsx +31 -0
- package/src/buttons/back-button.tsx +31 -0
- package/src/buttons/button.stories.tsx +29 -0
- package/src/buttons/button.tsx +169 -0
- package/src/buttons/connectivity-button.stories.tsx +34 -0
- package/src/buttons/connectivity-button.tsx +95 -0
- package/src/buttons/filter-button.tsx +38 -0
- package/src/buttons/ghost-button.stories.tsx +28 -0
- package/src/buttons/ghost-button.tsx +56 -0
- package/src/buttons/index.ts +24 -0
- package/src/buttons/scan-button.stories.tsx +26 -0
- package/src/buttons/scan-button.tsx +66 -0
- package/src/camera/camera-overlay.tsx +48 -0
- package/src/camera/index.tsx +3 -0
- package/src/camera/qr-code-scanner.tsx +52 -0
- package/src/control/checkbox.stories.tsx +27 -0
- package/src/control/checkbox.tsx +81 -0
- package/src/control/index.ts +4 -0
- package/src/control/switch.stories.tsx +29 -0
- package/src/control/switch.tsx +47 -0
- package/src/credential/card/credential-card.stories.tsx +52 -0
- package/src/credential/card/credential-card.tsx +195 -0
- package/src/credential/card/credential-details-card.stories.tsx +268 -0
- package/src/credential/card/credential-details-card.tsx +242 -0
- package/src/credential/card/credential-details-list-item.tsx +87 -0
- package/src/credential/card/credential-header.stories.tsx +50 -0
- package/src/credential/card/credential-header.tsx +195 -0
- package/src/credential/card/credential-image-carousel.tsx +113 -0
- package/src/credential/card/index.ts +11 -0
- package/src/credential/credential-attribute-item.tsx +372 -0
- package/src/credential/credential-carousel-images.tsx +90 -0
- package/src/credential/index.ts +13 -0
- package/src/credential/selector-status.ts +8 -0
- package/src/credential/selector.stories.tsx +37 -0
- package/src/credential/selector.tsx +64 -0
- package/src/detail/detail.stories.tsx +65 -0
- package/src/detail/detail.tsx +98 -0
- package/src/detail/index.tsx +3 -0
- package/src/entity/avatar.stories.tsx +39 -0
- package/src/entity/avatar.tsx +87 -0
- package/src/entity/entity-cluster.stories.tsx +42 -0
- package/src/entity/entity-cluster.tsx +72 -0
- package/src/entity/index.ts +5 -0
- package/src/header/focus-aware-status-bar.tsx +10 -0
- package/src/header/foldable-header.tsx +107 -0
- package/src/header/header.stories.tsx +59 -0
- package/src/header/header.tsx +105 -0
- package/src/header/index.ts +9 -0
- package/src/header/navigation-header.stories.tsx +56 -0
- package/src/header/navigation-header.tsx +147 -0
- package/src/history/data-item.tsx +79 -0
- package/src/history/history-list-item.tsx +102 -0
- package/src/history/history-section-header.tsx +44 -0
- package/src/history/history-section-list-item.tsx +41 -0
- package/src/history/index.ts +9 -0
- package/src/icons/connectivity.tsx +114 -0
- package/src/icons/credential.tsx +118 -0
- package/src/icons/entity.tsx +21 -0
- package/src/icons/history.tsx +378 -0
- package/src/icons/icons.tsx +134 -0
- package/src/icons/index.ts +11 -0
- package/src/icons/input.tsx +29 -0
- package/src/icons/keypad.tsx +40 -0
- package/src/icons/loader.tsx +117 -0
- package/src/icons/nerd-view.tsx +105 -0
- package/src/icons/selector.tsx +43 -0
- package/src/icons/wallet.tsx +73 -0
- package/src/image/image-or-component.tsx +92 -0
- package/src/image/index.tsx +3 -0
- package/src/index.ts +26 -0
- package/src/input/index.ts +7 -0
- package/src/input/radio-group.tsx +110 -0
- package/src/input/selection-input.stories.tsx +46 -0
- package/src/input/selection-input.tsx +112 -0
- package/src/input/text-input.tsx +253 -0
- package/src/list/index.ts +5 -0
- package/src/list/list-section-header.tsx +37 -0
- package/src/list/list-title-header.tsx +30 -0
- package/src/loader/index.ts +5 -0
- package/src/loader/loader.stories.tsx +31 -0
- package/src/loader/loader.tsx +169 -0
- package/src/loader/loading-result.stories.tsx +67 -0
- package/src/loader/loading-result.tsx +93 -0
- package/src/nerd-view/index.ts +3 -0
- package/src/nerd-view/nerd-mode-item.tsx +296 -0
- package/src/normalize-color.d.ts +1 -0
- package/src/pin/index.ts +4 -0
- package/src/pin/keypad.tsx +166 -0
- package/src/pin/pin-code-screen.stories.tsx +80 -0
- package/src/pin/pin-code-screen.tsx +195 -0
- package/src/pin/pins.tsx +48 -0
- package/src/screens/backup-screen.tsx +92 -0
- package/src/screens/image-preview-screen.stories.tsx +28 -0
- package/src/screens/image-preview-screen.tsx +82 -0
- package/src/screens/index.ts +13 -0
- package/src/screens/nerd-mode-screen.tsx +150 -0
- package/src/screens/qr-code-scanner-screen.stories.tsx +37 -0
- package/src/screens/qr-code-scanner-screen.tsx +124 -0
- package/src/screens/scroll-view-screen.tsx +91 -0
- package/src/screens/section-list-screen.tsx +61 -0
- package/src/searchbar/animated-search-bar.tsx +96 -0
- package/src/searchbar/index.ts +5 -0
- package/src/searchbar/search-bar.stories.tsx +31 -0
- package/src/searchbar/search-bar.tsx +94 -0
- package/src/settings/button-setting.tsx +72 -0
- package/src/settings/index.ts +11 -0
- package/src/settings/setting-item-separator.tsx +32 -0
- package/src/settings/setting-item.tsx +68 -0
- package/src/settings/settings-button.tsx +23 -0
- package/src/settings/switch-setting.tsx +33 -0
- package/src/state/error-screen.stories.tsx +22 -0
- package/src/state/error-screen.tsx +71 -0
- package/src/state/index.ts +3 -0
- package/src/text/base.tsx +53 -0
- package/src/text/font.ts +52 -0
- package/src/text/index.ts +3 -0
- package/src/text/typography.stories.tsx +70 -0
- package/src/text/typography.tsx +117 -0
- package/src/theme/color-scheme-context.tsx +48 -0
- package/src/theme/color-scheme.ts +31 -0
- package/src/theme/index.ts +4 -0
- package/src/utils/color.ts +34 -0
- package/src/utils/contrasting-status-bar.tsx +21 -0
- package/src/utils/date.ts +49 -0
- package/src/utils/hooks/header/on-scroll-header-state.tsx +16 -0
- package/src/utils/hooks/index.ts +5 -0
- package/src/utils/hooks/list/list-content-inset.ts +24 -0
- package/src/utils/index.ts +19 -0
- package/src/utils/navigation.ts +37 -0
- package/src/utils/ref.ts +39 -0
- package/src/utils/testID.test.ts +20 -0
- package/src/utils/testID.ts +9 -0
- package/src/utils/useMemoAsync.ts +50 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CredentialCard","CredentialCardProps","CredentialCardRatio","CredentialCardShadow","CredentialDetailsCard","CredentialDetailsCardProps","CredentialDetailsCardListItem","CredentialDetailsCardListItemProps","CredentialHeader","CredentialHeaderProps","CarouselImage","CarouselImageType"],"sources":["index.ts"],"sourcesContent":["import CredentialCard, { CredentialCardProps, CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\nimport CredentialDetailsCardListItem, { CredentialDetailsCardListItemProps } from './credential-details-list-item';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport { CarouselImage, CarouselImageType } from './credential-image-carousel';\n\nexport { CarouselImage, CarouselImageType };\nexport { CredentialCard, CredentialCardProps, CredentialCardRatio, CredentialCardShadow };\nexport { CredentialDetailsCard, CredentialDetailsCardProps };\nexport { CredentialDetailsCardListItem, CredentialDetailsCardListItemProps };\nexport { CredentialHeader, CredentialHeaderProps };\n"],"mappings":"AAAA,OAAOA,cAAc,IAAIC,mBAAmB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,mBAAmB;AAClH,OAAOC,qBAAqB,IAAIC,0BAA0B,QAAQ,2BAA2B;AAC7F,OAAOC,6BAA6B,IAAIC,kCAAkC,QAAQ,gCAAgC;AAClH,OAAOC,gBAAgB,IAAIC,qBAAqB,QAAQ,qBAAqB;AAC7E,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,6BAA6B;AAE9E,SAASD,aAAa,EAAEC,iBAAiB;AACzC,SAASX,cAAc,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAEC,oBAAoB;AACvF,SAASC,qBAAqB,EAAEC,0BAA0B;AAC1D,SAASC,6BAA6B,EAAEC,kCAAkC;AAC1E,SAASC,gBAAgB,EAAEC,qBAAqB"}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { useCallback, useMemo } from 'react';
|
|
3
|
+
import { Image, StyleSheet, View } from 'react-native';
|
|
4
|
+
import { TouchableHighlight, TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
|
|
5
|
+
import Typography from '../text/typography';
|
|
6
|
+
import { useAppColorScheme } from '../theme/color-scheme-context';
|
|
7
|
+
import { colorWithAlphaComponent } from '../utils/color';
|
|
8
|
+
import { concatTestID } from '../utils/testID';
|
|
9
|
+
const CredentialAttributeItemButton = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children,
|
|
12
|
+
disabled,
|
|
13
|
+
id,
|
|
14
|
+
onPress,
|
|
15
|
+
selected
|
|
16
|
+
} = _ref;
|
|
17
|
+
const colorScheme = useAppColorScheme();
|
|
18
|
+
const pressHandler = useCallback(() => {
|
|
19
|
+
if (!onPress) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
onPress(id, !selected);
|
|
23
|
+
}, [onPress, id, selected]);
|
|
24
|
+
if (!onPress) {
|
|
25
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
26
|
+
style: styles.touchableAttribute
|
|
27
|
+
}, children);
|
|
28
|
+
}
|
|
29
|
+
if (selected) {
|
|
30
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
31
|
+
activeOpacity: 0.8,
|
|
32
|
+
disabled: disabled,
|
|
33
|
+
onPress: pressHandler,
|
|
34
|
+
style: [styles.touchableAttribute, {
|
|
35
|
+
backgroundColor: colorScheme.background
|
|
36
|
+
}]
|
|
37
|
+
}, children);
|
|
38
|
+
}
|
|
39
|
+
return /*#__PURE__*/React.createElement(TouchableHighlight, {
|
|
40
|
+
disabled: disabled,
|
|
41
|
+
onPress: pressHandler,
|
|
42
|
+
underlayColor: colorWithAlphaComponent(colorScheme.background, 0.5),
|
|
43
|
+
style: styles.touchableAttribute
|
|
44
|
+
}, children);
|
|
45
|
+
};
|
|
46
|
+
const IMAGE_SIZE = 64;
|
|
47
|
+
const CredentialAttributeItem = _ref2 => {
|
|
48
|
+
let {
|
|
49
|
+
attributes,
|
|
50
|
+
disabled,
|
|
51
|
+
id,
|
|
52
|
+
image,
|
|
53
|
+
last,
|
|
54
|
+
name,
|
|
55
|
+
onImagePreview,
|
|
56
|
+
onPress,
|
|
57
|
+
rightAccessory,
|
|
58
|
+
nested = false,
|
|
59
|
+
listValue = false,
|
|
60
|
+
selected,
|
|
61
|
+
style,
|
|
62
|
+
testID,
|
|
63
|
+
value,
|
|
64
|
+
values,
|
|
65
|
+
valueErrorColor
|
|
66
|
+
} = _ref2;
|
|
67
|
+
const colorScheme = useAppColorScheme();
|
|
68
|
+
const imagePreviewHandler = useCallback(() => {
|
|
69
|
+
if (!onImagePreview || !image) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
onImagePreview(name !== null && name !== void 0 ? name : '', image);
|
|
73
|
+
}, [image, name, onImagePreview]);
|
|
74
|
+
const rightAccessoryView = useMemo(() => {
|
|
75
|
+
if (!rightAccessory) {
|
|
76
|
+
return undefined;
|
|
77
|
+
}
|
|
78
|
+
if ( /*#__PURE__*/React.isValidElement(rightAccessory)) {
|
|
79
|
+
return rightAccessory;
|
|
80
|
+
} else {
|
|
81
|
+
const RightAccessoryComponent = rightAccessory;
|
|
82
|
+
return /*#__PURE__*/React.createElement(RightAccessoryComponent, null);
|
|
83
|
+
}
|
|
84
|
+
}, [rightAccessory]);
|
|
85
|
+
const isObject = attributes && attributes.length > 0;
|
|
86
|
+
const isArray = values && values.length > 0;
|
|
87
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
88
|
+
style: [!nested && styles.attributeItemContainer, style],
|
|
89
|
+
testID: testID
|
|
90
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
91
|
+
style: styles.attributeItemRow
|
|
92
|
+
}, /*#__PURE__*/React.createElement(CredentialAttributeItemButton, {
|
|
93
|
+
disabled: disabled,
|
|
94
|
+
id: id,
|
|
95
|
+
onPress: onPress,
|
|
96
|
+
selected: selected
|
|
97
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
98
|
+
style: [styles.dataItemButtonChildren]
|
|
99
|
+
}, (isObject || isArray || listValue) && /*#__PURE__*/React.createElement(View, {
|
|
100
|
+
style: styles.decorator
|
|
101
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
102
|
+
style: [styles.decoratorCircle, listValue ? styles.listDecoratorCircle : undefined, listValue && image ? styles.listImageDecoratorCircle : undefined, {
|
|
103
|
+
backgroundColor: colorScheme.text
|
|
104
|
+
}]
|
|
105
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
106
|
+
style: [styles.decoratorCircleInner, {
|
|
107
|
+
backgroundColor: colorScheme.text,
|
|
108
|
+
borderColor: colorScheme.background
|
|
109
|
+
}]
|
|
110
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
111
|
+
style: [styles.decoratorLine, listValue ? styles.listDecoratorLine : undefined, listValue && value ? styles.listStringValueDecoratorLine : undefined, listValue && image ? styles.listImageDecoratorLine : undefined, {
|
|
112
|
+
backgroundColor: colorScheme.text
|
|
113
|
+
}]
|
|
114
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
115
|
+
style: [isObject || isArray || listValue ? styles.objectAttributeItem : styles.attributeItem, nested && styles.nestedAttributeItem]
|
|
116
|
+
}, name && /*#__PURE__*/React.createElement(Typography, {
|
|
117
|
+
color: colorScheme.text,
|
|
118
|
+
preset: image ? 'xs' : 'xs/line-height-small',
|
|
119
|
+
style: isObject || isArray ? styles.nestedObjectLabel : styles.dataItemLabel,
|
|
120
|
+
testID: concatTestID(testID, 'title')
|
|
121
|
+
}, name), image && /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
122
|
+
disabled: !onImagePreview,
|
|
123
|
+
onPress: imagePreviewHandler,
|
|
124
|
+
style: [styles.dataItemImageWrapper, listValue ? styles.listValue : undefined]
|
|
125
|
+
}, /*#__PURE__*/React.createElement(Image, {
|
|
126
|
+
resizeMode: "cover",
|
|
127
|
+
testID: concatTestID(testID, 'image'),
|
|
128
|
+
source: image,
|
|
129
|
+
style: styles.dataItemImage
|
|
130
|
+
})), value && /*#__PURE__*/React.createElement(Typography, {
|
|
131
|
+
color: valueErrorColor ? colorScheme.error : colorScheme.text,
|
|
132
|
+
numberOfLines: 10,
|
|
133
|
+
preset: "s",
|
|
134
|
+
style: listValue ? styles.listValue : undefined,
|
|
135
|
+
testID: concatTestID(testID, 'value')
|
|
136
|
+
}, value), isObject && attributes.map((attribute, index, _ref3) => {
|
|
137
|
+
let {
|
|
138
|
+
length
|
|
139
|
+
} = _ref3;
|
|
140
|
+
return /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
|
|
141
|
+
nested: true,
|
|
142
|
+
key: attribute.id,
|
|
143
|
+
onPress: onPress,
|
|
144
|
+
last: index === length - 1,
|
|
145
|
+
onImagePreview: onImagePreview
|
|
146
|
+
}, attribute));
|
|
147
|
+
}), isArray && values.map((arrayValue, index, _ref4) => {
|
|
148
|
+
let {
|
|
149
|
+
length
|
|
150
|
+
} = _ref4;
|
|
151
|
+
return /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
|
|
152
|
+
key: arrayValue.id,
|
|
153
|
+
onPress: onPress,
|
|
154
|
+
last: index === length - 1,
|
|
155
|
+
onImagePreview: onImagePreview,
|
|
156
|
+
listValue: true
|
|
157
|
+
}, arrayValue, {
|
|
158
|
+
name: undefined
|
|
159
|
+
}));
|
|
160
|
+
}), /*#__PURE__*/React.createElement(View, null)), rightAccessoryView && /*#__PURE__*/React.createElement(View, {
|
|
161
|
+
style: [styles.rightAccessory, isObject && styles.objectAccessory]
|
|
162
|
+
}, rightAccessoryView)))), !last && !nested && /*#__PURE__*/React.createElement(View, {
|
|
163
|
+
style: [styles.separator, {
|
|
164
|
+
backgroundColor: colorScheme.background
|
|
165
|
+
}]
|
|
166
|
+
}));
|
|
167
|
+
};
|
|
168
|
+
const styles = StyleSheet.create({
|
|
169
|
+
attributeItem: {
|
|
170
|
+
flex: 1,
|
|
171
|
+
paddingLeft: 8
|
|
172
|
+
},
|
|
173
|
+
attributeItemContainer: {
|
|
174
|
+
marginTop: 2
|
|
175
|
+
},
|
|
176
|
+
attributeItemRow: {
|
|
177
|
+
flexDirection: 'row'
|
|
178
|
+
},
|
|
179
|
+
dataItemButtonChildren: {
|
|
180
|
+
alignItems: 'center',
|
|
181
|
+
flexDirection: 'row'
|
|
182
|
+
},
|
|
183
|
+
dataItemImage: {
|
|
184
|
+
height: IMAGE_SIZE,
|
|
185
|
+
width: IMAGE_SIZE
|
|
186
|
+
},
|
|
187
|
+
dataItemImageWrapper: {
|
|
188
|
+
borderColor: '#0004',
|
|
189
|
+
borderRadius: 4,
|
|
190
|
+
borderWidth: 0.5,
|
|
191
|
+
height: IMAGE_SIZE,
|
|
192
|
+
marginTop: 4,
|
|
193
|
+
overflow: 'hidden',
|
|
194
|
+
width: IMAGE_SIZE
|
|
195
|
+
},
|
|
196
|
+
dataItemLabel: {
|
|
197
|
+
marginBottom: 4,
|
|
198
|
+
opacity: 0.7
|
|
199
|
+
},
|
|
200
|
+
decorator: {
|
|
201
|
+
height: '100%',
|
|
202
|
+
justifyContent: 'center',
|
|
203
|
+
left: 8,
|
|
204
|
+
position: 'absolute'
|
|
205
|
+
},
|
|
206
|
+
decoratorCircle: {
|
|
207
|
+
alignItems: 'center',
|
|
208
|
+
borderRadius: 3.5,
|
|
209
|
+
borderWidth: 1,
|
|
210
|
+
height: 7,
|
|
211
|
+
justifyContent: 'center',
|
|
212
|
+
position: 'absolute',
|
|
213
|
+
top: 6,
|
|
214
|
+
width: 7
|
|
215
|
+
},
|
|
216
|
+
decoratorCircleInner: {
|
|
217
|
+
borderRadius: 2,
|
|
218
|
+
borderWidth: 1,
|
|
219
|
+
height: 4,
|
|
220
|
+
width: 4
|
|
221
|
+
},
|
|
222
|
+
decoratorLine: {
|
|
223
|
+
bottom: 12,
|
|
224
|
+
left: 3,
|
|
225
|
+
position: 'absolute',
|
|
226
|
+
top: 13,
|
|
227
|
+
width: 1
|
|
228
|
+
},
|
|
229
|
+
listDecoratorCircle: {
|
|
230
|
+
top: 18
|
|
231
|
+
},
|
|
232
|
+
listDecoratorLine: {
|
|
233
|
+
top: 25
|
|
234
|
+
},
|
|
235
|
+
listImageDecoratorCircle: {
|
|
236
|
+
top: 32
|
|
237
|
+
},
|
|
238
|
+
listImageDecoratorLine: {
|
|
239
|
+
bottom: 40,
|
|
240
|
+
top: 39
|
|
241
|
+
},
|
|
242
|
+
listStringValueDecoratorLine: {
|
|
243
|
+
bottom: 24
|
|
244
|
+
},
|
|
245
|
+
listValue: {
|
|
246
|
+
marginLeft: 13,
|
|
247
|
+
paddingVertical: 10
|
|
248
|
+
},
|
|
249
|
+
nestedAttributeItem: {
|
|
250
|
+
paddingLeft: 12
|
|
251
|
+
},
|
|
252
|
+
nestedObjectLabel: {
|
|
253
|
+
opacity: 0.7,
|
|
254
|
+
paddingLeft: 13
|
|
255
|
+
},
|
|
256
|
+
objectAccessory: {
|
|
257
|
+
alignSelf: 'flex-start'
|
|
258
|
+
},
|
|
259
|
+
objectAttributeItem: {
|
|
260
|
+
alignItems: 'stretch',
|
|
261
|
+
flex: 1,
|
|
262
|
+
paddingLeft: 12
|
|
263
|
+
},
|
|
264
|
+
rightAccessory: {
|
|
265
|
+
paddingHorizontal: 8
|
|
266
|
+
},
|
|
267
|
+
separator: {
|
|
268
|
+
height: 1,
|
|
269
|
+
marginHorizontal: 8,
|
|
270
|
+
marginTop: -1
|
|
271
|
+
},
|
|
272
|
+
touchableAttribute: {
|
|
273
|
+
borderRadius: 8,
|
|
274
|
+
flex: 1,
|
|
275
|
+
paddingVertical: 11
|
|
276
|
+
}
|
|
277
|
+
});
|
|
278
|
+
export default CredentialAttributeItem;
|
|
279
|
+
//# sourceMappingURL=credential-attribute-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Image","StyleSheet","View","TouchableHighlight","TouchableOpacity","Typography","useAppColorScheme","colorWithAlphaComponent","concatTestID","CredentialAttributeItemButton","_ref","children","disabled","id","onPress","selected","colorScheme","pressHandler","createElement","style","styles","touchableAttribute","activeOpacity","backgroundColor","background","underlayColor","IMAGE_SIZE","CredentialAttributeItem","_ref2","attributes","image","last","name","onImagePreview","rightAccessory","nested","listValue","testID","value","values","valueErrorColor","imagePreviewHandler","rightAccessoryView","undefined","isValidElement","RightAccessoryComponent","isObject","length","isArray","attributeItemContainer","attributeItemRow","dataItemButtonChildren","decorator","decoratorCircle","listDecoratorCircle","listImageDecoratorCircle","text","decoratorCircleInner","borderColor","decoratorLine","listDecoratorLine","listStringValueDecoratorLine","listImageDecoratorLine","objectAttributeItem","attributeItem","nestedAttributeItem","color","preset","nestedObjectLabel","dataItemLabel","dataItemImageWrapper","resizeMode","source","dataItemImage","error","numberOfLines","map","attribute","index","_ref3","_extends","key","arrayValue","_ref4","objectAccessory","separator","create","flex","paddingLeft","marginTop","flexDirection","alignItems","height","width","borderRadius","borderWidth","overflow","marginBottom","opacity","justifyContent","left","position","top","bottom","marginLeft","paddingVertical","alignSelf","paddingHorizontal","marginHorizontal"],"sources":["credential-attribute-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, PropsWithChildren, ReactElement, useCallback, useMemo } from 'react';\nimport { Image, ImageSourcePropType, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableHighlight, TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { colorWithAlphaComponent } from '../utils/color';\nimport { concatTestID } from '../utils/testID';\n\ntype CredentialAttributeItemButtonProps = {\n disabled?: boolean;\n id: string;\n onPress?: (id: string, selected: boolean) => void;\n selected?: boolean;\n};\n\nconst CredentialAttributeItemButton: FC<PropsWithChildren<CredentialAttributeItemButtonProps>> = ({\n children,\n disabled,\n id,\n onPress,\n selected,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const pressHandler = useCallback(() => {\n if (!onPress) {\n return;\n }\n onPress(id, !selected);\n }, [onPress, id, selected]);\n\n if (!onPress) {\n return <View style={styles.touchableAttribute}>{children}</View>;\n }\n\n if (selected) {\n return (\n <TouchableOpacity\n activeOpacity={0.8}\n disabled={disabled}\n onPress={pressHandler}\n style={[styles.touchableAttribute, { backgroundColor: colorScheme.background }]}>\n {children}\n </TouchableOpacity>\n );\n }\n\n return (\n <TouchableHighlight\n disabled={disabled}\n onPress={pressHandler}\n underlayColor={colorWithAlphaComponent(colorScheme.background, 0.5)}\n style={styles.touchableAttribute}>\n {children}\n </TouchableHighlight>\n );\n};\n\nconst IMAGE_SIZE = 64;\n\nexport type CredentialAttributeValue =\n | {\n attributes: CredentialAttribute[];\n image?: never;\n value?: never;\n values?: never;\n valueErrorColor?: never;\n testID?: string;\n }\n | {\n attributes?: never;\n image: ImageSourcePropType;\n value?: never;\n values?: never;\n valueErrorColor?: never;\n testID?: string;\n }\n | {\n attributes?: never;\n image?: never;\n value: string;\n values?: never;\n valueErrorColor?: boolean;\n testID?: string;\n }\n | {\n attributes?: never;\n image?: never;\n value?: never;\n values: CredentialAttribute[];\n valueErrorColor?: boolean;\n testID?: string;\n };\n\nexport type CredentialAttribute = CredentialAttributeValue & {\n disabled?: boolean;\n selected?: boolean;\n nested?: boolean;\n listValue?: boolean;\n id: string;\n name?: string;\n rightAccessory?: ComponentType<any> | ReactElement;\n};\n\nexport type CredentialAttributeItemProps = CredentialAttribute & {\n last: boolean | undefined;\n onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n onPress?: (id: string, selected: boolean) => void;\n style?: StyleProp<ViewStyle>;\n};\n\nconst CredentialAttributeItem: FC<CredentialAttributeItemProps> = ({\n attributes,\n disabled,\n id,\n image,\n last,\n name,\n onImagePreview,\n onPress,\n rightAccessory,\n nested = false,\n listValue = false,\n selected,\n style,\n testID,\n value,\n values,\n valueErrorColor,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const imagePreviewHandler = useCallback(() => {\n if (!onImagePreview || !image) {\n return;\n }\n onImagePreview(name ?? '', image);\n }, [image, name, onImagePreview]);\n\n const rightAccessoryView: React.ReactElement | undefined = useMemo(() => {\n if (!rightAccessory) {\n return undefined;\n }\n if (React.isValidElement(rightAccessory)) {\n return rightAccessory;\n } else {\n const RightAccessoryComponent = rightAccessory as React.ComponentType<any>;\n return <RightAccessoryComponent />;\n }\n }, [rightAccessory]);\n\n const isObject = attributes && attributes.length > 0;\n const isArray = values && values.length > 0;\n\n return (\n <View style={[!nested && styles.attributeItemContainer, style]} testID={testID}>\n <View style={styles.attributeItemRow}>\n <CredentialAttributeItemButton disabled={disabled} id={id} onPress={onPress} selected={selected}>\n <View style={[styles.dataItemButtonChildren]}>\n {(isObject || isArray || listValue) && (\n <View style={styles.decorator}>\n <View\n style={[\n styles.decoratorCircle,\n listValue ? styles.listDecoratorCircle : undefined,\n listValue && image ? styles.listImageDecoratorCircle : undefined,\n { backgroundColor: colorScheme.text },\n ]}>\n <View\n style={[\n styles.decoratorCircleInner,\n { backgroundColor: colorScheme.text, borderColor: colorScheme.background },\n ]}\n />\n </View>\n <View\n style={[\n styles.decoratorLine,\n listValue ? styles.listDecoratorLine : undefined,\n listValue && value ? styles.listStringValueDecoratorLine : undefined,\n listValue && image ? styles.listImageDecoratorLine : undefined,\n { backgroundColor: colorScheme.text },\n ]}\n />\n </View>\n )}\n <View\n style={[\n isObject || isArray || listValue ? styles.objectAttributeItem : styles.attributeItem,\n nested && styles.nestedAttributeItem,\n ]}>\n {name && (\n <Typography\n color={colorScheme.text}\n preset={image ? 'xs' : 'xs/line-height-small'}\n style={isObject || isArray ? styles.nestedObjectLabel : styles.dataItemLabel}\n testID={concatTestID(testID, 'title')}>\n {name}\n </Typography>\n )}\n {image && (\n <TouchableOpacity\n disabled={!onImagePreview}\n onPress={imagePreviewHandler}\n style={[styles.dataItemImageWrapper, listValue ? styles.listValue : undefined]}>\n <Image\n resizeMode=\"cover\"\n testID={concatTestID(testID, 'image')}\n source={image}\n style={styles.dataItemImage}\n />\n </TouchableOpacity>\n )}\n {value && (\n <Typography\n color={valueErrorColor ? colorScheme.error : colorScheme.text}\n numberOfLines={10}\n preset=\"s\"\n style={listValue ? styles.listValue : undefined}\n testID={concatTestID(testID, 'value')}>\n {value}\n </Typography>\n )}\n {isObject &&\n attributes.map((attribute, index, { length }) => (\n <CredentialAttributeItem\n nested={true}\n key={attribute.id}\n onPress={onPress}\n last={index === length - 1}\n onImagePreview={onImagePreview}\n {...attribute}\n />\n ))}\n {isArray &&\n values.map((arrayValue, index, { length }) => (\n <CredentialAttributeItem\n key={arrayValue.id}\n onPress={onPress}\n last={index === length - 1}\n onImagePreview={onImagePreview}\n listValue={true}\n {...arrayValue}\n name={undefined}\n />\n ))}\n <View />\n </View>\n {rightAccessoryView && (\n <View style={[styles.rightAccessory, isObject && styles.objectAccessory]}>{rightAccessoryView}</View>\n )}\n </View>\n </CredentialAttributeItemButton>\n </View>\n {!last && !nested && <View style={[styles.separator, { backgroundColor: colorScheme.background }]} />}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n attributeItem: {\n flex: 1,\n paddingLeft: 8,\n },\n attributeItemContainer: {\n marginTop: 2,\n },\n attributeItemRow: {\n flexDirection: 'row',\n },\n dataItemButtonChildren: {\n alignItems: 'center',\n flexDirection: 'row',\n },\n dataItemImage: {\n height: IMAGE_SIZE,\n width: IMAGE_SIZE,\n },\n dataItemImageWrapper: {\n borderColor: '#0004',\n borderRadius: 4,\n borderWidth: 0.5,\n height: IMAGE_SIZE,\n marginTop: 4,\n overflow: 'hidden',\n width: IMAGE_SIZE,\n },\n dataItemLabel: {\n marginBottom: 4,\n opacity: 0.7,\n },\n decorator: {\n height: '100%',\n justifyContent: 'center',\n left: 8,\n position: 'absolute',\n },\n decoratorCircle: {\n alignItems: 'center',\n borderRadius: 3.5,\n borderWidth: 1,\n height: 7,\n justifyContent: 'center',\n position: 'absolute',\n top: 6,\n width: 7,\n },\n decoratorCircleInner: {\n borderRadius: 2,\n borderWidth: 1,\n height: 4,\n width: 4,\n },\n decoratorLine: {\n bottom: 12,\n left: 3,\n position: 'absolute',\n top: 13,\n width: 1,\n },\n listDecoratorCircle: {\n top: 18,\n },\n listDecoratorLine: {\n top: 25,\n },\n listImageDecoratorCircle: {\n top: 32,\n },\n listImageDecoratorLine: {\n bottom: 40,\n top: 39,\n },\n listStringValueDecoratorLine: {\n bottom: 24,\n },\n listValue: {\n marginLeft: 13,\n paddingVertical: 10,\n },\n nestedAttributeItem: {\n paddingLeft: 12,\n },\n nestedObjectLabel: {\n opacity: 0.7,\n paddingLeft: 13,\n },\n objectAccessory: {\n alignSelf: 'flex-start',\n },\n objectAttributeItem: {\n alignItems: 'stretch',\n flex: 1,\n paddingLeft: 12,\n },\n rightAccessory: {\n paddingHorizontal: 8,\n },\n separator: {\n height: 1,\n marginHorizontal: 8,\n marginTop: -1,\n },\n touchableAttribute: {\n borderRadius: 8,\n flex: 1,\n paddingVertical: 11,\n },\n});\n\nexport default CredentialAttributeItem;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { barcode } from 'pure-svg-code';
|
|
2
|
+
import QRCode from 'qrcode-svg';
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { SvgXml } from 'react-native-svg';
|
|
6
|
+
import Typography from '../text/typography';
|
|
7
|
+
import { useAppColorScheme } from '../theme/color-scheme-context';
|
|
8
|
+
const styles = StyleSheet.create({
|
|
9
|
+
barcodeBackground: {
|
|
10
|
+
alignSelf: 'center',
|
|
11
|
+
backgroundColor: 'white',
|
|
12
|
+
borderRadius: 5
|
|
13
|
+
},
|
|
14
|
+
barcodeContent: {
|
|
15
|
+
margin: 12
|
|
16
|
+
},
|
|
17
|
+
container: {
|
|
18
|
+
flex: 1,
|
|
19
|
+
justifyContent: 'center'
|
|
20
|
+
},
|
|
21
|
+
mrzBackground: {
|
|
22
|
+
backgroundColor: 'white',
|
|
23
|
+
paddingHorizontal: 12
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
export const Barcode = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
content,
|
|
29
|
+
width = 220,
|
|
30
|
+
height = 80,
|
|
31
|
+
testID
|
|
32
|
+
} = _ref;
|
|
33
|
+
const colorScheme = useAppColorScheme();
|
|
34
|
+
const barcodeXml = useMemo(() => barcode(content, 'code128', {
|
|
35
|
+
barHeight: height,
|
|
36
|
+
bgColor: colorScheme.white,
|
|
37
|
+
width: width
|
|
38
|
+
}), [content, colorScheme, height, width]);
|
|
39
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
40
|
+
style: styles.container
|
|
41
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
42
|
+
style: styles.barcodeBackground
|
|
43
|
+
}, /*#__PURE__*/React.createElement(SvgXml, {
|
|
44
|
+
height: height,
|
|
45
|
+
style: [styles.barcodeBackground, styles.barcodeContent],
|
|
46
|
+
testID: testID,
|
|
47
|
+
width: width,
|
|
48
|
+
xml: barcodeXml
|
|
49
|
+
})));
|
|
50
|
+
};
|
|
51
|
+
export const QrCode = _ref2 => {
|
|
52
|
+
let {
|
|
53
|
+
content,
|
|
54
|
+
padding,
|
|
55
|
+
testID
|
|
56
|
+
} = _ref2;
|
|
57
|
+
const qrCodeXml = useMemo(() => {
|
|
58
|
+
return new QRCode({
|
|
59
|
+
container: 'svg-viewbox',
|
|
60
|
+
content,
|
|
61
|
+
join: true,
|
|
62
|
+
padding: padding !== null && padding !== void 0 ? padding : 1
|
|
63
|
+
}).svg();
|
|
64
|
+
}, [content, padding]);
|
|
65
|
+
return /*#__PURE__*/React.createElement(SvgXml, {
|
|
66
|
+
height: '100%',
|
|
67
|
+
testID: testID,
|
|
68
|
+
width: '100%',
|
|
69
|
+
xml: qrCodeXml
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
export const Mrz = _ref3 => {
|
|
73
|
+
let {
|
|
74
|
+
content,
|
|
75
|
+
testID
|
|
76
|
+
} = _ref3;
|
|
77
|
+
const colorScheme = useAppColorScheme();
|
|
78
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
79
|
+
style: [styles.container, styles.mrzBackground]
|
|
80
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
81
|
+
color: colorScheme.text,
|
|
82
|
+
preset: 's/code',
|
|
83
|
+
testID: testID
|
|
84
|
+
}, content));
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=credential-carousel-images.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["barcode","QRCode","React","useMemo","StyleSheet","View","SvgXml","Typography","useAppColorScheme","styles","create","barcodeBackground","alignSelf","backgroundColor","borderRadius","barcodeContent","margin","container","flex","justifyContent","mrzBackground","paddingHorizontal","Barcode","_ref","content","width","height","testID","colorScheme","barcodeXml","barHeight","bgColor","white","createElement","style","xml","QrCode","_ref2","padding","qrCodeXml","join","svg","Mrz","_ref3","color","text","preset"],"sources":["credential-carousel-images.tsx"],"sourcesContent":["import { barcode } from 'pure-svg-code';\nimport QRCode from 'qrcode-svg';\nimport React, { FC, useMemo } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst styles = StyleSheet.create({\n barcodeBackground: {\n alignSelf: 'center',\n backgroundColor: 'white',\n borderRadius: 5,\n },\n barcodeContent: {\n margin: 12,\n },\n container: {\n flex: 1,\n justifyContent: 'center',\n },\n mrzBackground: {\n backgroundColor: 'white',\n paddingHorizontal: 12,\n },\n});\n\ntype BarcodeProps = {\n content: string;\n height?: number;\n testID?: string;\n width?: number;\n};\n\nexport const Barcode: FC<BarcodeProps> = ({ content, width = 220, height = 80, testID }) => {\n const colorScheme = useAppColorScheme();\n const barcodeXml = useMemo(\n () =>\n barcode(content, 'code128', {\n barHeight: height,\n bgColor: colorScheme.white,\n width: width,\n }),\n [content, colorScheme, height, width],\n );\n\n return (\n <View style={styles.container}>\n <View style={styles.barcodeBackground}>\n <SvgXml\n height={height}\n style={[styles.barcodeBackground, styles.barcodeContent]}\n testID={testID}\n width={width}\n xml={barcodeXml}\n />\n </View>\n </View>\n );\n};\n\ntype QrCodeProps = {\n content: string;\n padding?: number;\n testID?: string;\n};\n\nexport const QrCode: FC<QrCodeProps> = ({ content, padding, testID }) => {\n const qrCodeXml = useMemo(() => {\n return new QRCode({\n container: 'svg-viewbox',\n content,\n join: true,\n padding: padding ?? 1,\n }).svg();\n }, [content, padding]);\n return <SvgXml height={'100%'} testID={testID} width={'100%'} xml={qrCodeXml} />;\n};\n\nexport const Mrz: FC<{ content: string; testID?: string }> = ({ content, testID }) => {\n const colorScheme = useAppColorScheme();\n return (\n <View style={[styles.container, styles.mrzBackground]}>\n <Typography color={colorScheme.text} preset={'s/code'} testID={testID}>\n {content}\n </Typography>\n </View>\n );\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import CredentialAttributeItem, { CredentialAttribute, CredentialAttributeItemProps, CredentialAttributeValue } from './credential-attribute-item';
|
|
2
|
+
import { Barcode, Mrz, QrCode } from './credential-carousel-images';
|
|
3
|
+
import Selector from './selector';
|
|
4
|
+
import { SelectorStatus } from './selector-status';
|
|
5
|
+
export { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };
|
|
6
|
+
export { Barcode, Mrz, QrCode };
|
|
7
|
+
export { Selector, SelectorStatus };
|
|
8
|
+
export * from './card';
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CredentialAttributeItem","CredentialAttribute","CredentialAttributeItemProps","CredentialAttributeValue","Barcode","Mrz","QrCode","Selector","SelectorStatus"],"sources":["index.ts"],"sourcesContent":["import CredentialAttributeItem, {\n CredentialAttribute,\n CredentialAttributeItemProps,\n CredentialAttributeValue,\n} from './credential-attribute-item';\nimport { Barcode, Mrz, QrCode } from './credential-carousel-images';\nimport Selector from './selector';\nimport { SelectorStatus } from './selector-status';\n\nexport { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };\nexport { Barcode, Mrz, QrCode };\nexport { Selector, SelectorStatus };\nexport * from './card';\n"],"mappings":"AAAA,OAAOA,uBAAuB,IAC5BC,mBAAmB,EACnBC,4BAA4B,EAC5BC,wBAAwB,QACnB,6BAA6B;AACpC,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM,QAAQ,8BAA8B;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAASP,mBAAmB,EAAED,uBAAuB,EAAEE,4BAA4B,EAAEC,wBAAwB;AAC7G,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM;AAC7B,SAASC,QAAQ,EAAEC,cAAc;AACjC,cAAc,QAAQ"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export let SelectorStatus;
|
|
2
|
+
(function (SelectorStatus) {
|
|
3
|
+
SelectorStatus["Disabled"] = "disabled";
|
|
4
|
+
SelectorStatus["Empty"] = "empty";
|
|
5
|
+
SelectorStatus["Rejected"] = "rejected";
|
|
6
|
+
SelectorStatus["Required"] = "required";
|
|
7
|
+
SelectorStatus["SelectedCheckmark"] = "selectedCheckmark";
|
|
8
|
+
SelectorStatus["SelectedRadio"] = "selectedRadio";
|
|
9
|
+
})(SelectorStatus || (SelectorStatus = {}));
|
|
10
|
+
//# sourceMappingURL=selector-status.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SelectorStatus"],"sources":["selector-status.ts"],"sourcesContent":["export enum SelectorStatus {\n Disabled = 'disabled',\n Empty = 'empty',\n Rejected = 'rejected',\n Required = 'required',\n SelectedCheckmark = 'selectedCheckmark',\n SelectedRadio = 'selectedRadio',\n}\n"],"mappings":"AAAA,WAAYA,cAAc;AAOzB,WAPWA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;AAAA,GAAdA,cAAc,KAAdA,cAAc"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { SelectorIcon } from '../icons/selector';
|
|
4
|
+
import { useAppColorScheme } from '../theme';
|
|
5
|
+
import { concatTestID } from '../utils/testID';
|
|
6
|
+
import { SelectorStatus } from './selector-status';
|
|
7
|
+
/**
|
|
8
|
+
* Generic selector display
|
|
9
|
+
*
|
|
10
|
+
* Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0
|
|
11
|
+
*/
|
|
12
|
+
const Selector = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
status,
|
|
15
|
+
style,
|
|
16
|
+
testID
|
|
17
|
+
} = _ref;
|
|
18
|
+
const colorScheme = useAppColorScheme();
|
|
19
|
+
const statusStyle = useMemo(() => {
|
|
20
|
+
switch (status) {
|
|
21
|
+
case SelectorStatus.Empty:
|
|
22
|
+
return [styles.bordered, {
|
|
23
|
+
backgroundColor: colorScheme.white,
|
|
24
|
+
borderColor: colorScheme.grayDark
|
|
25
|
+
}];
|
|
26
|
+
case SelectorStatus.SelectedRadio:
|
|
27
|
+
return [styles.selectedRadio, {
|
|
28
|
+
backgroundColor: colorScheme.white,
|
|
29
|
+
borderColor: colorScheme.accent
|
|
30
|
+
}];
|
|
31
|
+
case SelectorStatus.SelectedCheckmark:
|
|
32
|
+
return {
|
|
33
|
+
backgroundColor: colorScheme.accent
|
|
34
|
+
};
|
|
35
|
+
case SelectorStatus.Disabled:
|
|
36
|
+
return [styles.bordered, {
|
|
37
|
+
backgroundColor: colorScheme.background,
|
|
38
|
+
borderColor: colorScheme.grayDark
|
|
39
|
+
}];
|
|
40
|
+
default:
|
|
41
|
+
return undefined;
|
|
42
|
+
}
|
|
43
|
+
}, [colorScheme, status]);
|
|
44
|
+
const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;
|
|
45
|
+
const rejected = status === SelectorStatus.Rejected;
|
|
46
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
47
|
+
testID: testID,
|
|
48
|
+
style: [styles.wrapper, statusStyle, style]
|
|
49
|
+
}, (checked || rejected) && /*#__PURE__*/React.createElement(SelectorIcon, {
|
|
50
|
+
testID: concatTestID(testID, 'status', status),
|
|
51
|
+
status: status
|
|
52
|
+
}));
|
|
53
|
+
};
|
|
54
|
+
const styles = StyleSheet.create({
|
|
55
|
+
bordered: {
|
|
56
|
+
borderWidth: 1
|
|
57
|
+
},
|
|
58
|
+
selectedRadio: {
|
|
59
|
+
borderWidth: 8
|
|
60
|
+
},
|
|
61
|
+
wrapper: {
|
|
62
|
+
alignItems: 'center',
|
|
63
|
+
borderRadius: 12,
|
|
64
|
+
height: 24,
|
|
65
|
+
justifyContent: 'center',
|
|
66
|
+
width: 24
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
export default Selector;
|
|
70
|
+
//# sourceMappingURL=selector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","View","SelectorIcon","useAppColorScheme","concatTestID","SelectorStatus","Selector","_ref","status","style","testID","colorScheme","statusStyle","Empty","styles","bordered","backgroundColor","white","borderColor","grayDark","SelectedRadio","selectedRadio","accent","SelectedCheckmark","Disabled","background","undefined","checked","Required","rejected","Rejected","createElement","wrapper","create","borderWidth","alignItems","borderRadius","height","justifyContent","width"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { SelectorIcon } from '../icons/selector';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils/testID';\nimport { SelectorStatus } from './selector-status';\n\ninterface SelectorProps {\n status: SelectorStatus;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\n/**\n * Generic selector display\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0\n */\nconst Selector: FC<SelectorProps> = ({ status, style, testID }) => {\n const colorScheme = useAppColorScheme();\n\n const statusStyle = useMemo<StyleProp<ViewStyle>>(() => {\n switch (status) {\n case SelectorStatus.Empty:\n return [styles.bordered, { backgroundColor: colorScheme.white, borderColor: colorScheme.grayDark }];\n case SelectorStatus.SelectedRadio:\n return [styles.selectedRadio, { backgroundColor: colorScheme.white, borderColor: colorScheme.accent }];\n case SelectorStatus.SelectedCheckmark:\n return { backgroundColor: colorScheme.accent };\n case SelectorStatus.Disabled:\n return [styles.bordered, { backgroundColor: colorScheme.background, borderColor: colorScheme.grayDark }];\n default:\n return undefined;\n }\n }, [colorScheme, status]);\n\n const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;\n const rejected = status === SelectorStatus.Rejected;\n\n return (\n <View testID={testID} style={[styles.wrapper, statusStyle, style]}>\n {(checked || rejected) && <SelectorIcon testID={concatTestID(testID, 'status', status)} status={status} />}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n bordered: {\n borderWidth: 1,\n },\n selectedRadio: {\n borderWidth: 8,\n },\n wrapper: {\n alignItems: 'center',\n borderRadius: 12,\n height: 24,\n justifyContent: 'center',\n width: 24,\n },\n});\n\nexport default Selector;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,cAAc,QAAQ,mBAAmB;AAQlD;AACA;AACA;AACA;AACA;AACA,MAAMC,QAA2B,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAAH,IAAA;EAC5D,MAAMI,WAAW,GAAGR,iBAAiB,EAAE;EAEvC,MAAMS,WAAW,GAAGb,OAAO,CAAuB,MAAM;IACtD,QAAQS,MAAM;MACZ,KAAKH,cAAc,CAACQ,KAAK;QACvB,OAAO,CAACC,MAAM,CAACC,QAAQ,EAAE;UAAEC,eAAe,EAAEL,WAAW,CAACM,KAAK;UAAEC,WAAW,EAAEP,WAAW,CAACQ;QAAS,CAAC,CAAC;MACrG,KAAKd,cAAc,CAACe,aAAa;QAC/B,OAAO,CAACN,MAAM,CAACO,aAAa,EAAE;UAAEL,eAAe,EAAEL,WAAW,CAACM,KAAK;UAAEC,WAAW,EAAEP,WAAW,CAACW;QAAO,CAAC,CAAC;MACxG,KAAKjB,cAAc,CAACkB,iBAAiB;QACnC,OAAO;UAAEP,eAAe,EAAEL,WAAW,CAACW;QAAO,CAAC;MAChD,KAAKjB,cAAc,CAACmB,QAAQ;QAC1B,OAAO,CAACV,MAAM,CAACC,QAAQ,EAAE;UAAEC,eAAe,EAAEL,WAAW,CAACc,UAAU;UAAEP,WAAW,EAAEP,WAAW,CAACQ;QAAS,CAAC,CAAC;MAC1G;QACE,OAAOO,SAAS;IAAC;EAEvB,CAAC,EAAE,CAACf,WAAW,EAAEH,MAAM,CAAC,CAAC;EAEzB,MAAMmB,OAAO,GAAGnB,MAAM,KAAKH,cAAc,CAACkB,iBAAiB,IAAIf,MAAM,KAAKH,cAAc,CAACuB,QAAQ;EACjG,MAAMC,QAAQ,GAAGrB,MAAM,KAAKH,cAAc,CAACyB,QAAQ;EAEnD,oBACEhC,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAACS,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACK,MAAM,CAACkB,OAAO,EAAEpB,WAAW,EAAEH,KAAK;EAAE,GAC/D,CAACkB,OAAO,IAAIE,QAAQ,kBAAK/B,KAAA,CAAAiC,aAAA,CAAC7B,YAAY;IAACQ,MAAM,EAAEN,YAAY,CAACM,MAAM,EAAE,QAAQ,EAAEF,MAAM,CAAE;IAACA,MAAM,EAAEA;EAAO,EAAG,CACrG;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGd,UAAU,CAACiC,MAAM,CAAC;EAC/BlB,QAAQ,EAAE;IACRmB,WAAW,EAAE;EACf,CAAC;EACDb,aAAa,EAAE;IACba,WAAW,EAAE;EACf,CAAC;EACDF,OAAO,EAAE;IACPG,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAejC,QAAQ"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { useCallback, useState } from 'react';
|
|
3
|
+
import { ScrollView, StyleSheet, View } from 'react-native';
|
|
4
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
|
+
import { Header } from '../header';
|
|
6
|
+
import { useAppColorScheme } from '../theme';
|
|
7
|
+
import { concatTestID } from '../utils/testID';
|
|
8
|
+
const DetailScreen = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
children,
|
|
11
|
+
staticContent,
|
|
12
|
+
contentStyle,
|
|
13
|
+
testID,
|
|
14
|
+
style,
|
|
15
|
+
headerProps
|
|
16
|
+
} = _ref;
|
|
17
|
+
const colorScheme = useAppColorScheme();
|
|
18
|
+
const insets = useSafeAreaInsets();
|
|
19
|
+
const bottomPadding = Math.max(insets.bottom, 24);
|
|
20
|
+
const [layoutHeight, setLayoutHeight] = useState(0);
|
|
21
|
+
const layoutHandler = useCallback(event => {
|
|
22
|
+
setLayoutHeight(event.nativeEvent.layout.height);
|
|
23
|
+
}, []);
|
|
24
|
+
const [headerHeight, setHeaderHeight] = useState(0);
|
|
25
|
+
const headerLayoutHandler = useCallback(event => {
|
|
26
|
+
setHeaderHeight(event.nativeEvent.layout.height);
|
|
27
|
+
}, []);
|
|
28
|
+
const contentHeight = layoutHeight && headerHeight ? layoutHeight - headerHeight - insets.top : undefined;
|
|
29
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
30
|
+
testID: testID,
|
|
31
|
+
onLayout: layoutHandler,
|
|
32
|
+
onAccessibilityEscape: () => {},
|
|
33
|
+
style: [styles.container, {
|
|
34
|
+
paddingTop: insets.top,
|
|
35
|
+
backgroundColor: colorScheme.background
|
|
36
|
+
}]
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Header, _extends({
|
|
38
|
+
onLayout: headerLayoutHandler
|
|
39
|
+
}, headerProps)), contentHeight ? staticContent ? /*#__PURE__*/React.createElement(View, {
|
|
40
|
+
testID: concatTestID(testID, 'content'),
|
|
41
|
+
style: [styles.contentWrapper, styles.staticContent, {
|
|
42
|
+
height: contentHeight
|
|
43
|
+
}, style]
|
|
44
|
+
}, children) : /*#__PURE__*/React.createElement(ScrollView, {
|
|
45
|
+
testID: concatTestID(testID, 'content'),
|
|
46
|
+
showsVerticalScrollIndicator: false,
|
|
47
|
+
alwaysBounceVertical: false,
|
|
48
|
+
contentContainerStyle: {
|
|
49
|
+
minHeight: contentHeight
|
|
50
|
+
},
|
|
51
|
+
style: style
|
|
52
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
53
|
+
style: [styles.contentWrapper, styles.scrollableContent, {
|
|
54
|
+
paddingBottom: bottomPadding
|
|
55
|
+
}, contentStyle]
|
|
56
|
+
}, children)) : null);
|
|
57
|
+
};
|
|
58
|
+
const styles = StyleSheet.create({
|
|
59
|
+
container: {
|
|
60
|
+
height: '100%',
|
|
61
|
+
width: '100%'
|
|
62
|
+
},
|
|
63
|
+
contentWrapper: {
|
|
64
|
+
paddingHorizontal: 24,
|
|
65
|
+
paddingTop: 20
|
|
66
|
+
},
|
|
67
|
+
scrollableContent: {
|
|
68
|
+
flex: 1
|
|
69
|
+
},
|
|
70
|
+
staticContent: {
|
|
71
|
+
width: '100%'
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
export default DetailScreen;
|
|
75
|
+
//# sourceMappingURL=detail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","ScrollView","StyleSheet","View","useSafeAreaInsets","Header","useAppColorScheme","concatTestID","DetailScreen","_ref","children","staticContent","contentStyle","testID","style","headerProps","colorScheme","insets","bottomPadding","Math","max","bottom","layoutHeight","setLayoutHeight","layoutHandler","event","nativeEvent","layout","height","headerHeight","setHeaderHeight","headerLayoutHandler","contentHeight","top","undefined","createElement","onLayout","onAccessibilityEscape","styles","container","paddingTop","backgroundColor","background","_extends","contentWrapper","showsVerticalScrollIndicator","alwaysBounceVertical","contentContainerStyle","minHeight","scrollableContent","paddingBottom","create","width","paddingHorizontal","flex"],"sources":["detail.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren, useCallback, useState } from 'react';\nimport { LayoutChangeEvent, ScrollView, ScrollViewProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Header, HeaderProps } from '../header';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils/testID';\n\ntype StaticContentProps = {\n staticContent: true;\n};\n\ntype DynamicContentProps = {\n staticContent?: false;\n scrollViewProps?: ScrollViewProps;\n};\n\nexport type DetailScreenProps = {\n testID?: string;\n headerProps: HeaderProps;\n style?: StyleProp<ViewStyle>;\n contentStyle?: StyleProp<ViewStyle>;\n} & (StaticContentProps | DynamicContentProps);\n\nconst DetailScreen: FunctionComponent<PropsWithChildren<DetailScreenProps>> = ({\n children,\n staticContent,\n contentStyle,\n testID,\n style,\n headerProps,\n}) => {\n const colorScheme = useAppColorScheme();\n const insets = useSafeAreaInsets();\n const bottomPadding = Math.max(insets.bottom, 24);\n\n const [layoutHeight, setLayoutHeight] = useState<number>(0);\n const layoutHandler = useCallback((event: LayoutChangeEvent) => {\n setLayoutHeight(event.nativeEvent.layout.height);\n }, []);\n\n const [headerHeight, setHeaderHeight] = useState<number>(0);\n const headerLayoutHandler = useCallback((event: LayoutChangeEvent) => {\n setHeaderHeight(event.nativeEvent.layout.height);\n }, []);\n\n const contentHeight = layoutHeight && headerHeight ? layoutHeight - headerHeight - insets.top : undefined;\n\n return (\n <View\n testID={testID}\n onLayout={layoutHandler}\n onAccessibilityEscape={() => {}}\n style={[styles.container, { paddingTop: insets.top, backgroundColor: colorScheme.background }]}>\n <Header onLayout={headerLayoutHandler} {...headerProps} />\n {contentHeight ? (\n staticContent ? (\n <View\n testID={concatTestID(testID, 'content')}\n style={[styles.contentWrapper, styles.staticContent, { height: contentHeight }, style]}>\n {children}\n </View>\n ) : (\n <ScrollView\n testID={concatTestID(testID, 'content')}\n showsVerticalScrollIndicator={false}\n alwaysBounceVertical={false}\n contentContainerStyle={{ minHeight: contentHeight }}\n style={style}>\n <View\n style={[styles.contentWrapper, styles.scrollableContent, { paddingBottom: bottomPadding }, contentStyle]}>\n {children}\n </View>\n </ScrollView>\n )\n ) : null}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n height: '100%',\n width: '100%',\n },\n contentWrapper: {\n paddingHorizontal: 24,\n paddingTop: 20,\n },\n scrollableContent: {\n flex: 1,\n },\n staticContent: {\n width: '100%',\n },\n});\n\nexport default DetailScreen;\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DetailScreen"],"sources":["index.tsx"],"sourcesContent":["import DetailScreen from './detail';\n\nexport { DetailScreen };\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,UAAU;AAEnC,SAASA,YAAY"}
|