@neko-os/ui 0.2.3 → 0.3.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/dist/DynamicStyleTag.js +18 -2
- package/dist/DynamicStyleTag.native.js +3 -1
- package/dist/NekoUI.js +39 -1
- package/dist/abstractions/ActivityIndicator.js +19 -1
- package/dist/abstractions/ActivityIndicator.native.js +43 -1
- package/dist/abstractions/ActivityIndicator.web.js +43 -1
- package/dist/abstractions/AnimatedView.js +3 -1
- package/dist/abstractions/AnimatedView.native.js +5 -1
- package/dist/abstractions/AnimatedView.web.js +3 -1
- package/dist/abstractions/BlurView.js +43 -1
- package/dist/abstractions/BlurView.native.js +39 -1
- package/dist/abstractions/BlurView.web.js +39 -1
- package/dist/abstractions/DraggableSlideView.js +3 -1
- package/dist/abstractions/DraggableSlideView.native.js +62 -1
- package/dist/abstractions/FlatList.js +3 -1
- package/dist/abstractions/FlatList.native.js +37 -1
- package/dist/abstractions/FlatList.web.js +3 -1
- package/dist/abstractions/GradientView.js +5 -1
- package/dist/abstractions/GradientView.native.js +32 -1
- package/dist/abstractions/HiddenInput.js +3 -1
- package/dist/abstractions/HiddenInput.native.js +3 -1
- package/dist/abstractions/Icon.js +10 -1
- package/dist/abstractions/Icon.native.js +13 -1
- package/dist/abstractions/Icon.web.js +11 -1
- package/dist/abstractions/Image.js +12 -1
- package/dist/abstractions/Image.native.js +7 -1
- package/dist/abstractions/Image.web.js +7 -1
- package/dist/abstractions/ImageBackground.js +17 -1
- package/dist/abstractions/ImageBackground.native.js +27 -1
- package/dist/abstractions/ImageBackground.web.js +7 -1
- package/dist/abstractions/KeyboardAvoidingView.js +3 -1
- package/dist/abstractions/KeyboardAvoidingView.native.js +3 -1
- package/dist/abstractions/Platform.js +1 -1
- package/dist/abstractions/Platform.native.js +3 -1
- package/dist/abstractions/Platform.web.js +3 -1
- package/dist/abstractions/Pressable.js +4 -1
- package/dist/abstractions/Pressable.native.js +3 -1
- package/dist/abstractions/Pressable.web.js +3 -1
- package/dist/abstractions/SafeAreaView.js +3 -1
- package/dist/abstractions/SafeAreaView.native.js +3 -1
- package/dist/abstractions/ScrollView.js +3 -1
- package/dist/abstractions/ScrollView.native.js +5 -1
- package/dist/abstractions/ScrollView.web.js +3 -1
- package/dist/abstractions/StaticList.js +51 -1
- package/dist/abstractions/Switch.js +97 -1
- package/dist/abstractions/Switch.native.js +12 -1
- package/dist/abstractions/Table.js +29 -1
- package/dist/abstractions/Table.native.js +19 -1
- package/dist/abstractions/Text.js +14 -1
- package/dist/abstractions/Text.native.js +3 -1
- package/dist/abstractions/Text.web.js +18 -1
- package/dist/abstractions/TextInput.js +12 -1
- package/dist/abstractions/TextInput.native.js +5 -1
- package/dist/abstractions/TextInput.web.js +5 -1
- package/dist/abstractions/TouchableOpacity.js +4 -1
- package/dist/abstractions/TouchableOpacity.native.js +3 -1
- package/dist/abstractions/View.js +3 -1
- package/dist/abstractions/View.native.js +3 -1
- package/dist/abstractions/View.web.js +3 -1
- package/dist/abstractions/helpers/componentSize.js +13 -1
- package/dist/abstractions/helpers/componentSize.native.js +12 -1
- package/dist/abstractions/helpers/storage.js +32 -1
- package/dist/abstractions/helpers/storage.native.js +34 -1
- package/dist/abstractions/helpers/transformStyle.js +8 -1
- package/dist/abstractions/helpers/transformStyle.native.js +3 -1
- package/dist/abstractions/helpers/useSafeAreaInsets.js +3 -1
- package/dist/abstractions/helpers/useSafeAreaInsets.native.js +3 -1
- package/dist/abstractions/helpers/windowWidth.js +13 -1
- package/dist/abstractions/helpers/windowWidth.native.js +6 -1
- package/dist/abstractions/helpers/windowWidth.web.js +6 -1
- package/dist/components/actions/ActionsDrawer.js +81 -1
- package/dist/components/actions/Breadcrumb.js +47 -1
- package/dist/components/actions/Button.js +82 -1
- package/dist/components/actions/Dropdown.js +91 -1
- package/dist/components/actions/FloatingButton.js +87 -1
- package/dist/components/actions/FloatingMenu.js +39 -1
- package/dist/components/actions/Link.js +66 -1
- package/dist/components/actions/Pressable.js +38 -1
- package/dist/components/actions/index.js +9 -1
- package/dist/components/actions/menu/HorizontalMenu.js +98 -1
- package/dist/components/actions/menu/Menu.js +7 -1
- package/dist/components/actions/menu/SubmenuWrapper.js +16 -1
- package/dist/components/actions/menu/VerticalMenu.js +133 -1
- package/dist/components/animations/AnimatedTopBar.js +10 -1
- package/dist/components/animations/AnimatedTopBar.native.js +34 -1
- package/dist/components/animations/AnimatedTopBar.web.js +1 -1
- package/dist/components/animations/AnimatedView.js +45 -1
- package/dist/components/animations/DraggableSlideView.js +42 -1
- package/dist/components/animations/ParallaxHeader.js +9 -1
- package/dist/components/animations/ParallaxHeader.native.js +32 -1
- package/dist/components/animations/ParallaxHeader.web.js +32 -1
- package/dist/components/animations/ReanimatedScrollHandler.js +8 -1
- package/dist/components/animations/ReanimatedScrollHandler.native.js +24 -1
- package/dist/components/animations/ReanimatedScrollHandler.web.js +1 -1
- package/dist/components/animations/ReanimatedView.js +40 -1
- package/dist/components/animations/index.js +5 -1
- package/dist/components/calendar/CalendarNav.js +67 -1
- package/dist/components/calendar/WeekDaysBar.js +18 -1
- package/dist/components/calendar/_helpers/calendarDays.js +16 -1
- package/dist/components/calendar/_helpers/dateDisabled.js +24 -1
- package/dist/components/feedback/alerter.js +31 -1
- package/dist/components/feedback/confirmer.js +70 -1
- package/dist/components/feedback/index.js +3 -1
- package/dist/components/feedback/notifications/Notification.js +37 -1
- package/dist/components/feedback/notifications/NotificationsHandler.js +65 -1
- package/dist/components/filter/DateFilter.js +72 -0
- package/dist/components/filter/FilterGroup.js +17 -0
- package/dist/components/filter/FilterHandler.js +54 -0
- package/dist/components/filter/FilterItem.js +30 -0
- package/dist/components/filter/PopoverFilterItem.js +84 -0
- package/dist/components/filter/SearchInput.js +49 -0
- package/dist/components/filter/index.js +6 -0
- package/dist/components/form/Form.js +31 -1
- package/dist/components/form/FormGroup.js +21 -1
- package/dist/components/form/FormItem.js +118 -1
- package/dist/components/form/FormList.js +143 -1
- package/dist/components/form/FormWrapperComponent.js +52 -1
- package/dist/components/form/FormWrapperComponent.native.js +5 -1
- package/dist/components/form/SubmitButton.js +22 -1
- package/dist/components/form/index.js +9 -1
- package/dist/components/form/useNewForm.js +211 -1
- package/dist/components/form/useWatch.js +70 -1
- package/dist/components/form/validation/defaultMessages.js +20 -1
- package/dist/components/form/validation/index.js +5 -1
- package/dist/components/form/validation/normalizeRules.js +22 -1
- package/dist/components/form/validation/shouldValidateOn.js +21 -1
- package/dist/components/form/validation/validateRules.js +83 -1
- package/dist/components/form/validation/validators.js +82 -1
- package/dist/components/helpers/ConditionalLazyRender.js +6 -1
- package/dist/components/helpers/LazyAction.js +22 -1
- package/dist/components/helpers/LazyRender.js +55 -1
- package/dist/components/helpers/LazyRender.native.js +58 -1
- package/dist/components/helpers/Portal.js +21 -1
- package/dist/components/helpers/PortalHandler.js +32 -1
- package/dist/components/helpers/Responsive.js +18 -1
- package/dist/components/helpers/Separator.js +49 -1
- package/dist/components/helpers/VerticalView.js +34 -1
- package/dist/components/helpers/index.js +8 -1
- package/dist/components/index.js +20 -1
- package/dist/components/inputs/BooleanSelect.js +14 -0
- package/dist/components/inputs/Checkbox.js +56 -1
- package/dist/components/inputs/DateInput.js +123 -1
- package/dist/components/inputs/DateRangeInput.js +41 -0
- package/dist/components/inputs/Editable.js +129 -0
- package/dist/components/inputs/EnabledSelect.js +14 -0
- package/dist/components/inputs/InputWrapper.js +93 -1
- package/dist/components/inputs/LinkInput.js +17 -1
- package/dist/components/inputs/MaskInput.js +67 -1
- package/dist/components/inputs/NumberInput.js +111 -1
- package/dist/components/inputs/NumberRangeInput.js +41 -0
- package/dist/components/inputs/PasswordInput.js +24 -0
- package/dist/components/inputs/Picker.js +169 -1
- package/dist/components/inputs/Radio.js +55 -1
- package/dist/components/inputs/RateInput.js +62 -1
- package/dist/components/inputs/SegmentedPicker.js +62 -1
- package/dist/components/inputs/Select.js +219 -1
- package/dist/components/inputs/Switch.js +60 -1
- package/dist/components/inputs/TextArea.js +5 -0
- package/dist/components/inputs/TextInput.js +32 -1
- package/dist/components/inputs/UploadInput.js +140 -0
- package/dist/components/inputs/_DateInput.native.js +89 -1
- package/dist/components/inputs/datePicker/DatePicker.js +24 -1
- package/dist/components/inputs/datePicker/DayPicker.js +64 -1
- package/dist/components/inputs/datePicker/MonthPicker.js +62 -1
- package/dist/components/inputs/datePicker/QuarterPicker.js +65 -1
- package/dist/components/inputs/datePicker/WeekPicker.js +74 -1
- package/dist/components/inputs/datePicker/YearPicker.js +70 -1
- package/dist/components/inputs/index.js +23 -1
- package/dist/components/inputs/upload/Upload.js +99 -0
- package/dist/components/inputs/upload/Upload.native.js +154 -0
- package/dist/components/inputs/upload/useUploadState.js +143 -0
- package/dist/components/layout/Layout.js +40 -1
- package/dist/components/layout/LayoutContent.js +42 -1
- package/dist/components/layout/LayoutHeader.js +70 -1
- package/dist/components/layout/LayoutSider.js +64 -1
- package/dist/components/layout/index.js +4 -1
- package/dist/components/list/FlatList.js +91 -1
- package/dist/components/list/ScrollView.js +58 -1
- package/dist/components/list/index.js +2 -1
- package/dist/components/modals/bottomDrawer/index.js +3 -1
- package/dist/components/modals/bottomDrawer/index.native.js +5 -1
- package/dist/components/modals/bottomDrawer/index.web.js +5 -1
- package/dist/components/modals/bottomDrawer/native/BottomDrawer.js +239 -1
- package/dist/components/modals/bottomDrawer/native/DrawerContext.js +17 -1
- package/dist/components/modals/bottomDrawer/native/DrawerHandle.js +12 -1
- package/dist/components/modals/bottomDrawer/native/DrawerScrollView.js +5 -1
- package/dist/components/modals/bottomDrawer/native/createDrawerScrollComponent.js +139 -1
- package/dist/components/modals/bottomDrawer/native/utils.js +65 -1
- package/dist/components/modals/bottomDrawer/web/BottomDrawer.js +5 -1
- package/dist/components/modals/drawer/Drawer.js +5 -1
- package/dist/components/modals/drawer/Drawer.native.js +3 -1
- package/dist/components/modals/drawer/Drawer.web.js +3 -1
- package/dist/components/modals/drawer/index.js +1 -1
- package/dist/components/modals/index.js +4 -1
- package/dist/components/modals/modal/Modal.js +84 -1
- package/dist/components/modals/modal/Modal.native.js +83 -1
- package/dist/components/modals/modal/ModalBackdrop.js +58 -1
- package/dist/components/modals/modal/ModalContent.js +28 -1
- package/dist/components/modals/modal/ModalFooter.js +31 -1
- package/dist/components/modals/modal/ModalHeader.js +50 -1
- package/dist/components/modals/modal/handler/ModalsHandler.js +61 -1
- package/dist/components/modals/modal/index.js +6 -1
- package/dist/components/modals/router/ModalRoute.js +15 -1
- package/dist/components/modals/router/ModalsRouter.js +120 -1
- package/dist/components/modals/router/ModalsRouterContext.js +16 -1
- package/dist/components/modals/router/index.js +6 -1
- package/dist/components/modals/router/useAllModalsParams.js +6 -1
- package/dist/components/modals/router/useModalParams.js +6 -1
- package/dist/components/modals/router/useModalsNavigation.js +6 -1
- package/dist/components/modals/router/useUpdateModalContainer.js +6 -1
- package/dist/components/presentation/Avatar.js +79 -1
- package/dist/components/presentation/AvatarLabel.js +60 -1
- package/dist/components/presentation/AvatarsGroup.js +30 -0
- package/dist/components/presentation/Badge.js +91 -1
- package/dist/components/presentation/ContentLabel.js +43 -1
- package/dist/components/presentation/Icon.js +20 -1
- package/dist/components/presentation/IconLabel.js +40 -1
- package/dist/components/presentation/Image.js +33 -1
- package/dist/components/presentation/ImageBackground.js +38 -1
- package/dist/components/presentation/LabelValue.js +51 -1
- package/dist/components/presentation/Progress.js +20 -0
- package/dist/components/presentation/Rate.js +58 -1
- package/dist/components/presentation/RateTag.js +35 -1
- package/dist/components/presentation/Result.js +60 -1
- package/dist/components/presentation/ResultBar.js +56 -1
- package/dist/components/presentation/Tag.js +69 -1
- package/dist/components/presentation/Tooltip.js +44 -1
- package/dist/components/presentation/index.js +16 -1
- package/dist/components/sections/Section.js +50 -1
- package/dist/components/sections/SectionItem.js +24 -1
- package/dist/components/sections/SectionItemDropdown.js +68 -1
- package/dist/components/sections/SectionItemLink.js +35 -1
- package/dist/components/sections/index.js +4 -1
- package/dist/components/state/Loading.js +20 -1
- package/dist/components/state/LoadingView.js +37 -1
- package/dist/components/state/StatePresenter.js +41 -1
- package/dist/components/state/index.js +3 -1
- package/dist/components/steps/ActiveStepContent.js +16 -0
- package/dist/components/steps/StepsHandler.js +53 -0
- package/dist/components/steps/StepsMenu.js +14 -0
- package/dist/components/steps/StepsNavigation.js +37 -0
- package/dist/components/steps/index.js +4 -0
- package/dist/components/structure/Accordion.js +69 -1
- package/dist/components/structure/AccordionGroup.js +35 -1
- package/dist/components/structure/Affix.js +34 -0
- package/dist/components/structure/Affix.native.js +3 -0
- package/dist/components/structure/BlurView.js +59 -1
- package/dist/components/structure/Card.js +46 -1
- package/dist/components/structure/Col.js +22 -1
- package/dist/components/structure/GradientView.js +42 -1
- package/dist/components/structure/KeyboardAvoidingView.js +52 -1
- package/dist/components/structure/Row.js +50 -1
- package/dist/components/structure/SafeAreaView.js +42 -1
- package/dist/components/structure/Segment.js +51 -1
- package/dist/components/structure/TopBar.js +57 -1
- package/dist/components/structure/View.js +44 -1
- package/dist/components/structure/index.js +14 -1
- package/dist/components/structure/overlay/OverlayHandler.js +83 -1
- package/dist/components/structure/overlay/OverlayHandler.native.js +6 -1
- package/dist/components/structure/overlay/OverlayWrapper.js +52 -1
- package/dist/components/structure/overlay/calculatePosition.js +29 -1
- package/dist/components/structure/overlay/smartPlacement.js +32 -1
- package/dist/components/structure/popover/Popover.js +135 -1
- package/dist/components/structure/popover/Popover.native.js +105 -1
- package/dist/components/structure/popover/PopoverContent.js +18 -1
- package/dist/components/structure/popover/Popover_BU.js +157 -1
- package/dist/components/table/DataTable.js +62 -1
- package/dist/components/table/Pagination.js +128 -1
- package/dist/components/table/Table.js +66 -1
- package/dist/components/table/TableCol.js +67 -1
- package/dist/components/table/TableHeader.js +69 -1
- package/dist/components/table/TableHeaderRow.js +31 -1
- package/dist/components/table/TableRow.js +30 -1
- package/dist/components/table/index.js +7 -1
- package/dist/components/tabs/ActiveTabContent.js +38 -1
- package/dist/components/tabs/TabsHandler.js +16 -1
- package/dist/components/tabs/TabsMenu.js +15 -1
- package/dist/components/tabs/index.js +3 -1
- package/dist/components/text/DateText.js +24 -1
- package/dist/components/text/Text.js +32 -1
- package/dist/components/text/VerticalText.js +29 -1
- package/dist/components/text/index.js +3 -1
- package/dist/components/theme/ThemePicker.js +48 -1
- package/dist/components/theme/ThemePickerDrawer.js +12 -1
- package/dist/components/theme/ThemeStatusBar.js +3 -1
- package/dist/components/theme/ThemeStatusBar.native.js +9 -1
- package/dist/components/theme/ThemeThumb.js +98 -1
- package/dist/components/theme/index.js +3 -1
- package/dist/helpers/debounce.js +9 -1
- package/dist/helpers/index.js +5 -1
- package/dist/helpers/options.js +65 -1
- package/dist/helpers/random.js +5 -1
- package/dist/helpers/storage.js +76 -1
- package/dist/helpers/string.js +74 -1
- package/dist/i18n/I18n.js +96 -1
- package/dist/i18n/I18nProvider.js +40 -1
- package/dist/i18n/index.js +2 -1
- package/dist/index.js +8 -1
- package/dist/modifiers/_helpers.js +6 -1
- package/dist/modifiers/alignConverter.js +11 -1
- package/dist/modifiers/animation.js +18 -1
- package/dist/modifiers/animations/animatedEffects.js +64 -1
- package/dist/modifiers/animations/animatedEffects.native.js +55 -1
- package/dist/modifiers/animations/animatedEffects.web.js +55 -1
- package/dist/modifiers/animations/fadeEffect.js +46 -1
- package/dist/modifiers/animations/fadeEffect.native.js +33 -1
- package/dist/modifiers/animations/fadeEffect.web.js +3 -1
- package/dist/modifiers/animations/scaleEffect.js +46 -1
- package/dist/modifiers/animations/scaleEffect.native.js +33 -1
- package/dist/modifiers/animations/scrollEffect.web.js +3 -1
- package/dist/modifiers/animations/slideEffect.js +64 -1
- package/dist/modifiers/animations/slideEffect.native.js +53 -1
- package/dist/modifiers/animations/slideEffect.web.js +3 -1
- package/dist/modifiers/applyStyles.js +7 -1
- package/dist/modifiers/background.js +34 -1
- package/dist/modifiers/border.js +86 -1
- package/dist/modifiers/colorConverter.js +13 -1
- package/dist/modifiers/cursor.js +21 -1
- package/dist/modifiers/default.js +9 -1
- package/dist/modifiers/display.js +22 -1
- package/dist/modifiers/flex.js +20 -1
- package/dist/modifiers/flexWrapper.js +87 -1
- package/dist/modifiers/fullColor.js +32 -1
- package/dist/modifiers/grid.js +27 -1
- package/dist/modifiers/hover.js +28 -1
- package/dist/modifiers/logger.js +6 -1
- package/dist/modifiers/margin.js +25 -1
- package/dist/modifiers/overflow.js +28 -1
- package/dist/modifiers/padding.js +25 -1
- package/dist/modifiers/position.js +57 -1
- package/dist/modifiers/responsiveConverter.js +19 -1
- package/dist/modifiers/shadow.js +35 -1
- package/dist/modifiers/size.js +59 -1
- package/dist/modifiers/sizeConverter.js +12 -1
- package/dist/modifiers/state.js +33 -1
- package/dist/modifiers/text.js +62 -1
- package/dist/modifiers/textConverter.js +12 -1
- package/dist/modifiers/themeComponent.js +11 -1
- package/dist/responsive/ResponsiveHandler.js +28 -1
- package/dist/responsive/index.js +2 -1
- package/dist/responsive/responsiveHooks.js +67 -1
- package/dist/theme/ThemeHandler.js +81 -1
- package/dist/theme/default/base.js +95 -1
- package/dist/theme/default/blackTheme.js +47 -1
- package/dist/theme/default/cyberpunkTheme.js +36 -1
- package/dist/theme/default/darkTheme.js +35 -1
- package/dist/theme/default/hackerTheme.js +55 -1
- package/dist/theme/default/lightTheme.js +35 -1
- package/dist/theme/default/paperTheme.js +36 -1
- package/dist/theme/default/themes.js +15 -1
- package/dist/theme/format/colorsVariations.js +31 -1
- package/dist/theme/format/formatTheme.js +28 -1
- package/dist/theme/helpers/colorScale.js +12 -1
- package/dist/theme/helpers/contrastColor.js +18 -1
- package/dist/theme/helpers/dynamicColor.js +32 -1
- package/dist/theme/helpers/mergePreset.js +7 -1
- package/dist/theme/helpers/relatedScales.js +34 -1
- package/dist/theme/helpers/sizeScale.js +20 -1
- package/dist/theme/helpers/textScale.js +15 -1
- package/dist/theme/index.js +2 -1
- package/package.json +1 -3
- package/src/abstractions/Icon.js +1 -1
- package/src/abstractions/TextInput.js +10 -1
- package/src/components/actions/ActionsDrawer.js +1 -1
- package/src/components/actions/Button.js +3 -1
- package/src/components/actions/FloatingMenu.js +1 -1
- package/src/components/actions/menu/HorizontalMenu.js +2 -1
- package/src/components/actions/menu/VerticalMenu.js +2 -1
- package/src/components/filter/DateFilter.js +72 -0
- package/src/components/filter/FilterGroup.js +17 -0
- package/src/components/filter/FilterHandler.js +54 -0
- package/src/components/filter/FilterItem.js +30 -0
- package/src/components/filter/PopoverFilterItem.js +84 -0
- package/src/components/filter/SearchInput.js +49 -0
- package/src/components/filter/index.js +6 -0
- package/src/components/form/Form.js +9 -3
- package/src/components/form/FormItem.js +26 -1
- package/src/components/form/FormWrapperComponent.js +12 -3
- package/src/components/form/useNewForm.js +55 -4
- package/src/components/helpers/Separator.js +15 -11
- package/src/components/helpers/index.js +1 -0
- package/src/components/index.js +2 -0
- package/src/components/inputs/BooleanSelect.js +14 -0
- package/src/components/inputs/DateInput.js +3 -1
- package/src/components/inputs/DateRangeInput.js +41 -0
- package/src/components/inputs/Editable.js +129 -0
- package/src/components/inputs/EnabledSelect.js +14 -0
- package/src/components/inputs/InputWrapper.js +7 -4
- package/src/components/inputs/NumberInput.js +10 -5
- package/src/components/inputs/NumberRangeInput.js +41 -0
- package/src/components/inputs/PasswordInput.js +24 -0
- package/src/components/inputs/Picker.js +2 -2
- package/src/components/inputs/Select.js +61 -47
- package/src/components/inputs/TextArea.js +5 -0
- package/src/components/inputs/TextInput.js +14 -4
- package/src/components/inputs/UploadInput.js +140 -0
- package/src/components/inputs/index.js +9 -0
- package/src/components/inputs/upload/Upload.js +99 -0
- package/src/components/inputs/upload/Upload.native.js +154 -0
- package/src/components/inputs/upload/useUploadState.js +143 -0
- package/src/components/layout/LayoutHeader.js +1 -0
- package/src/components/presentation/AvatarLabel.js +1 -1
- package/src/components/presentation/AvatarsGroup.js +30 -0
- package/src/components/presentation/Badge.js +3 -2
- package/src/components/presentation/ContentLabel.js +1 -1
- package/src/components/presentation/IconLabel.js +1 -0
- package/src/components/presentation/Progress.js +20 -0
- package/src/components/presentation/index.js +2 -0
- package/src/components/sections/Section.js +1 -1
- package/src/components/sections/SectionItemLink.js +4 -2
- package/src/components/steps/ActiveStepContent.js +16 -0
- package/src/components/steps/StepsHandler.js +53 -0
- package/src/components/steps/StepsMenu.js +14 -0
- package/src/components/steps/StepsNavigation.js +37 -0
- package/src/components/steps/index.js +4 -0
- package/src/components/structure/Affix.js +34 -0
- package/src/components/structure/Affix.native.js +3 -0
- package/src/components/structure/Card.js +1 -0
- package/src/components/structure/TopBar.js +13 -1
- package/src/components/structure/index.js +1 -0
- package/src/components/structure/overlay/OverlayHandler.js +9 -1
- package/src/components/structure/popover/Popover.js +22 -5
- package/src/components/table/DataTable.js +7 -2
- package/src/components/table/Table.js +2 -1
- package/src/components/tabs/ActiveTabContent.js +4 -1
- package/src/components/text/DateText.js +15 -2
- package/src/modifiers/border.js +15 -9
- package/src/modifiers/size.js +8 -5
- package/src/theme/default/base.js +2 -0
- package/src/theme/default/hackerTheme.js +1 -10
- package/src/theme/default/paperTheme.js +1 -14
package/dist/DynamicStyleTag.js
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
|
-
import React from'react';
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
import { useColors } from "./theme";
|
|
4
|
+
|
|
5
|
+
export function DynamicStyleTag() {
|
|
6
|
+
var colors = useColors();
|
|
7
|
+
var placeholderColor = colors.text_op30;
|
|
8
|
+
|
|
9
|
+
React.useEffect(function () {
|
|
10
|
+
var style = document.createElement('style');
|
|
11
|
+
style.innerHTML = `
|
|
2
12
|
::placeholder {
|
|
3
13
|
color: ${placeholderColor};
|
|
4
14
|
}
|
|
5
|
-
`;
|
|
15
|
+
`;
|
|
16
|
+
document.head.appendChild(style);
|
|
17
|
+
return function () {return style.remove();};
|
|
18
|
+
}, [placeholderColor]);
|
|
19
|
+
|
|
20
|
+
return false;
|
|
21
|
+
}
|
package/dist/NekoUI.js
CHANGED
|
@@ -1 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/NekoUI.js";var _excluded = ["children", "i18n"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { DynamicStyleTag } from "./DynamicStyleTag";
|
|
2
|
+
import { I18nProvider } from "./i18n";
|
|
3
|
+
import { ModalsHandler } from "./components/modals/modal/handler/ModalsHandler";
|
|
4
|
+
import { NotificationsHandler } from "./components/feedback/notifications/NotificationsHandler";
|
|
5
|
+
import { OverlayHandler } from "./components/structure/overlay/OverlayHandler";
|
|
6
|
+
import { PortalHandler } from "./components/helpers/PortalHandler";
|
|
7
|
+
import { ResponsiveHandler } from "./responsive/ResponsiveHandler";
|
|
8
|
+
import { ThemeHandler } from "./theme/ThemeHandler";
|
|
9
|
+
import { ThemePickerDrawer } from "./components/theme";
|
|
10
|
+
import { useThemeHandler } from "./theme";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
|
|
12
|
+
export function NekoUI(_ref) {var children = _ref.children,i18n = _ref.i18n,props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
return (
|
|
14
|
+
_jsxs(ThemeHandler, Object.assign({}, props, { children: [
|
|
15
|
+
_jsx(DynamicStyleTag, {}),
|
|
16
|
+
_jsx(ResponsiveHandler, { children:
|
|
17
|
+
_jsx(PortalHandler, { children:
|
|
18
|
+
_jsx(ModalsHandler, { children:
|
|
19
|
+
_jsx(I18nProvider, { i18n: i18n, children:
|
|
20
|
+
_jsx(NotificationsHandler, { children:
|
|
21
|
+
_jsxs(OverlayHandler, { children: [
|
|
22
|
+
children,
|
|
23
|
+
_jsx(FixedComponents, {})] }
|
|
24
|
+
) }
|
|
25
|
+
) }
|
|
26
|
+
) }
|
|
27
|
+
) }
|
|
28
|
+
) }
|
|
29
|
+
)] })
|
|
30
|
+
));
|
|
31
|
+
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
function FixedComponents() {
|
|
36
|
+
var _useThemeHandler = useThemeHandler(),themePickerOpen = _useThemeHandler.themePickerOpen,setThemePickerOpen = _useThemeHandler.setThemePickerOpen;
|
|
37
|
+
|
|
38
|
+
return _jsx(ThemePickerDrawer, { open: themePickerOpen, onClose: function onClose() {return setThemePickerOpen(false);} });
|
|
39
|
+
}
|
|
@@ -1 +1,19 @@
|
|
|
1
|
-
var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/ActivityIndicator.js";import tinycolor from'tinycolor2';import{jsx as _jsx}from"react/jsx-runtime";
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/ActivityIndicator.js";import tinycolor from 'tinycolor2';import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
export function AbsActivityIndicator(_ref) {var _ref$size = _ref.size,size = _ref$size === void 0 ? 20 : _ref$size,color = _ref.color,style = _ref.style;
|
|
4
|
+
var bg = tinycolor(color).setAlpha(0.2).toString();
|
|
5
|
+
|
|
6
|
+
return (
|
|
7
|
+
_jsx("div", {
|
|
8
|
+
style: Object.assign({
|
|
9
|
+
width: size,
|
|
10
|
+
height: size,
|
|
11
|
+
border: `${size / 8}px solid ${bg}`,
|
|
12
|
+
borderTop: `${size / 8}px solid ${color}`,
|
|
13
|
+
borderRadius: '50%',
|
|
14
|
+
animation: 'spin 1s linear infinite' },
|
|
15
|
+
style) }
|
|
16
|
+
|
|
17
|
+
));
|
|
18
|
+
|
|
19
|
+
}
|
|
@@ -1 +1,43 @@
|
|
|
1
|
-
var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/ActivityIndicator.native.js";import{Animated,Easing,Platform}from"react-native-web";
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/ActivityIndicator.native.js";import { Animated, Easing, Platform } from "react-native-web";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import tinycolor from 'tinycolor2';import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
export function AbsActivityIndicator(_ref) {var _ref$size = _ref.size,size = _ref$size === void 0 ? 20 : _ref$size,color = _ref.color,style = _ref.style;
|
|
6
|
+
var spinValue = React.useRef(new Animated.Value(0)).current;
|
|
7
|
+
var bg = tinycolor(color).setAlpha(0.2).toString();
|
|
8
|
+
|
|
9
|
+
React.useEffect(function () {
|
|
10
|
+
var spinAnimation = Animated.loop(
|
|
11
|
+
Animated.timing(spinValue, {
|
|
12
|
+
toValue: 1,
|
|
13
|
+
duration: 1000,
|
|
14
|
+
easing: Easing.linear,
|
|
15
|
+
useNativeDriver: Platform.OS !== 'web'
|
|
16
|
+
})
|
|
17
|
+
);
|
|
18
|
+
spinAnimation.start();
|
|
19
|
+
return function () {return spinAnimation.stop();};
|
|
20
|
+
}, [spinValue]);
|
|
21
|
+
|
|
22
|
+
var spin = spinValue.interpolate({
|
|
23
|
+
inputRange: [0, 1],
|
|
24
|
+
outputRange: ['0deg', '360deg']
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
var borderWidth = size / 8;
|
|
28
|
+
|
|
29
|
+
return (
|
|
30
|
+
_jsx(Animated.View, {
|
|
31
|
+
style: Object.assign({
|
|
32
|
+
width: size,
|
|
33
|
+
height: size,
|
|
34
|
+
borderRadius: size / 2,
|
|
35
|
+
borderWidth: borderWidth,
|
|
36
|
+
borderColor: `${bg}`,
|
|
37
|
+
borderTopColor: color,
|
|
38
|
+
transform: [{ rotate: spin }] },
|
|
39
|
+
style) }
|
|
40
|
+
|
|
41
|
+
));
|
|
42
|
+
|
|
43
|
+
}
|
|
@@ -1 +1,43 @@
|
|
|
1
|
-
var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/ActivityIndicator.web.js";import tinycolor from'tinycolor2';
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/ActivityIndicator.web.js";import tinycolor from 'tinycolor2';
|
|
2
|
+
import { Animated, Easing } from "react-native-web";
|
|
3
|
+
import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
export function AbsActivityIndicator(_ref) {var _ref$size = _ref.size,size = _ref$size === void 0 ? 20 : _ref$size,color = _ref.color,style = _ref.style;
|
|
6
|
+
var spinValue = React.useRef(new Animated.Value(0)).current;
|
|
7
|
+
var bg = tinycolor(color).setAlpha(0.2).toString();
|
|
8
|
+
|
|
9
|
+
React.useEffect(function () {
|
|
10
|
+
var spinAnimation = Animated.loop(
|
|
11
|
+
Animated.timing(spinValue, {
|
|
12
|
+
toValue: 1,
|
|
13
|
+
duration: 1000,
|
|
14
|
+
easing: Easing.linear,
|
|
15
|
+
useNativeDriver: false
|
|
16
|
+
})
|
|
17
|
+
);
|
|
18
|
+
spinAnimation.start();
|
|
19
|
+
return function () {return spinAnimation.stop();};
|
|
20
|
+
}, [spinValue]);
|
|
21
|
+
|
|
22
|
+
var spin = spinValue.interpolate({
|
|
23
|
+
inputRange: [0, 1],
|
|
24
|
+
outputRange: ['0deg', '360deg']
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
var borderWidth = size / 8;
|
|
28
|
+
|
|
29
|
+
return (
|
|
30
|
+
_jsx(Animated.View, {
|
|
31
|
+
style: Object.assign({
|
|
32
|
+
width: size,
|
|
33
|
+
height: size,
|
|
34
|
+
borderRadius: size / 2,
|
|
35
|
+
borderWidth: borderWidth,
|
|
36
|
+
borderColor: `${bg}`,
|
|
37
|
+
borderTopColor: color,
|
|
38
|
+
transform: [{ rotate: spin }] },
|
|
39
|
+
style) }
|
|
40
|
+
|
|
41
|
+
));
|
|
42
|
+
|
|
43
|
+
}
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/AnimatedView.native.js";function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}import Animated from 'react-native-reanimated';import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
export function AbsAnimatedView(_ref) {var children = _ref.children,style = _ref.style,_ref$animatedStyles = _ref.animatedStyles,animatedStyles = _ref$animatedStyles === void 0 ? [] : _ref$animatedStyles;
|
|
4
|
+
return _jsx(Animated.View, { style: [style].concat(_toConsumableArray(animatedStyles)), children: children });
|
|
5
|
+
}
|
|
@@ -1 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["tint", "intensity", "style"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/BlurView.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { AbsView } from "./View";import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
var tintMap = {
|
|
4
|
+
light: 'rgba(255,255,255,0.3)',
|
|
5
|
+
dark: 'rgba(0,0,0,0.3)',
|
|
6
|
+
default: 'rgba(255,255,255,0.2)',
|
|
7
|
+
extraLight: 'rgba(255,255,255,0.5)',
|
|
8
|
+
regular: 'rgba(255,255,255,0.3)',
|
|
9
|
+
prominent: 'rgba(255,255,255,0.7)',
|
|
10
|
+
systemUltraThinMaterial: 'rgba(255,255,255,0.1)',
|
|
11
|
+
systemThinMaterial: 'rgba(255,255,255,0.2)',
|
|
12
|
+
systemMaterial: 'rgba(255,255,255,0.3)',
|
|
13
|
+
systemThickMaterial: 'rgba(255,255,255,0.4)',
|
|
14
|
+
systemChromeMaterial: 'rgba(255,255,255,0.5)',
|
|
15
|
+
systemUltraThinMaterialLight: 'rgba(255,255,255,0.1)',
|
|
16
|
+
systemThinMaterialLight: 'rgba(255,255,255,0.2)',
|
|
17
|
+
systemMaterialLight: 'rgba(255,255,255,0.3)',
|
|
18
|
+
systemThickMaterialLight: 'rgba(255,255,255,0.4)',
|
|
19
|
+
systemChromeMaterialLight: 'rgba(255,255,255,0.5)',
|
|
20
|
+
systemUltraThinMaterialDark: 'rgba(0,0,0,0.1)',
|
|
21
|
+
systemThinMaterialDark: 'rgba(0,0,0,0.2)',
|
|
22
|
+
systemMaterialDark: 'rgba(0,0,0,0.3)',
|
|
23
|
+
systemThickMaterialDark: 'rgba(0,0,0,0.4)',
|
|
24
|
+
systemChromeMaterialDark: 'rgba(0,0,0,0.5)'
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export var AbsBlurView = function AbsBlurView(_ref) {var tint = _ref.tint,intensity = _ref.intensity,style = _ref.style,props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
var blurPx = Math.round(intensity / 100 * 25);
|
|
29
|
+
var backgroundColor = tintMap[tint] || tintMap.default;
|
|
30
|
+
|
|
31
|
+
return (
|
|
32
|
+
_jsx(AbsView, Object.assign({},
|
|
33
|
+
props, {
|
|
34
|
+
style: Object.assign({
|
|
35
|
+
width: '100%',
|
|
36
|
+
backgroundColor: backgroundColor },
|
|
37
|
+
style, {
|
|
38
|
+
backdropFilter: `blur(${blurPx}px)`,
|
|
39
|
+
WebkitBackdropFilter: `blur(${blurPx}px)` }) })
|
|
40
|
+
|
|
41
|
+
));
|
|
42
|
+
|
|
43
|
+
};
|
|
@@ -1 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["intensity", "tint", "disabledForAndroid", "style", "children"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/BlurView.native.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { AbsView } from "./View";import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
var AbsBlurView;
|
|
4
|
+
|
|
5
|
+
try {
|
|
6
|
+
var _ref = require('expo-blur') || {},BlurView = _ref.BlurView;
|
|
7
|
+
AbsBlurView = function AbsBlurView(_ref2) {var intensity = _ref2.intensity,tint = _ref2.tint,disabledForAndroid = _ref2.disabledForAndroid,style = _ref2.style,children = _ref2.children,props = _objectWithoutProperties(_ref2, _excluded);
|
|
8
|
+
return (
|
|
9
|
+
_jsx(BlurView, {
|
|
10
|
+
intensity: intensity,
|
|
11
|
+
tint: tint,
|
|
12
|
+
style: [style, { overflow: 'hidden' }],
|
|
13
|
+
experimentalBlurMethod: disabledForAndroid ? 'none' : 'dimezisBlurView', children:
|
|
14
|
+
|
|
15
|
+
children }
|
|
16
|
+
));
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
};
|
|
32
|
+
} catch (_unused) {
|
|
33
|
+
AbsBlurView = function AbsBlurView(props) {
|
|
34
|
+
console.warn('expo-blur not instaled.');
|
|
35
|
+
return _jsx(AbsView, Object.assign({}, props));
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { AbsBlurView };
|
|
@@ -1 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["intensity", "tint", "disabledForAndroid", "style", "children"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/BlurView.web.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { AbsView } from "./View";import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
var AbsBlurView;
|
|
4
|
+
|
|
5
|
+
try {
|
|
6
|
+
var _ref = require('expo-blur') || {},BlurView = _ref.BlurView;
|
|
7
|
+
AbsBlurView = function AbsBlurView(_ref2) {var intensity = _ref2.intensity,tint = _ref2.tint,disabledForAndroid = _ref2.disabledForAndroid,style = _ref2.style,children = _ref2.children,props = _objectWithoutProperties(_ref2, _excluded);
|
|
8
|
+
return (
|
|
9
|
+
_jsx(BlurView, {
|
|
10
|
+
intensity: intensity,
|
|
11
|
+
tint: tint,
|
|
12
|
+
style: [style, { overflow: 'hidden' }],
|
|
13
|
+
experimentalBlurMethod: disabledForAndroid ? 'none' : 'dimezisBlurView', children:
|
|
14
|
+
|
|
15
|
+
children }
|
|
16
|
+
));
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
};
|
|
32
|
+
} catch (_unused) {
|
|
33
|
+
AbsBlurView = function AbsBlurView(props) {
|
|
34
|
+
console.warn('expo-blur not instaled.');
|
|
35
|
+
return _jsx(AbsView, Object.assign({}, props));
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { AbsBlurView };
|
|
@@ -1 +1,62 @@
|
|
|
1
|
-
var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/DraggableSlideView.native.js";import{Dimensions}from"react-native-web";
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/DraggableSlideView.native.js";import { Dimensions } from "react-native-web";
|
|
2
|
+
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
3
|
+
import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming, runOnJS } from 'react-native-reanimated';
|
|
4
|
+
import React from 'react';import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
|
|
6
|
+
export function AbsDraggableSlideView(_ref)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
{var _ref$from = _ref.from,from = _ref$from === void 0 ? 'left' : _ref$from,distance = _ref.distance,open = _ref.open,onClose = _ref.onClose,style = _ref.style,_ref$threshold = _ref.threshold,threshold = _ref$threshold === void 0 ? 0.3 : _ref$threshold,children = _ref.children,_ref$resetOnOpen = _ref.resetOnOpen,resetOnOpen = _ref$resetOnOpen === void 0 ? true : _ref$resetOnOpen;
|
|
16
|
+
var _Dimensions$get = Dimensions.get('window'),width = _Dimensions$get.width,height = _Dimensions$get.height;
|
|
17
|
+
var maxDistance = from === 'left' || from === 'right' ? distance || width : distance || height;
|
|
18
|
+
var gestureTranslation = useSharedValue(0);
|
|
19
|
+
|
|
20
|
+
React.useEffect(function () {
|
|
21
|
+
if (resetOnOpen && open) {
|
|
22
|
+
gestureTranslation.value = 0;
|
|
23
|
+
}
|
|
24
|
+
}, [open, resetOnOpen, gestureTranslation]);
|
|
25
|
+
|
|
26
|
+
var panGesture = Gesture.Pan().
|
|
27
|
+
onUpdate(function (e) {
|
|
28
|
+
if (from === 'left') gestureTranslation.value = Math.min(e.translationX, 0);else
|
|
29
|
+
if (from === 'right') gestureTranslation.value = Math.max(e.translationX, 0);else
|
|
30
|
+
if (from === 'top') gestureTranslation.value = Math.min(e.translationY, 0);else
|
|
31
|
+
gestureTranslation.value = Math.max(e.translationY, 0);
|
|
32
|
+
}).
|
|
33
|
+
onEnd(function (e) {
|
|
34
|
+
var progress;
|
|
35
|
+
if (from === 'left') progress = -e.translationX / maxDistance;else
|
|
36
|
+
if (from === 'right') progress = e.translationX / maxDistance;else
|
|
37
|
+
if (from === 'top') progress = -e.translationY / maxDistance;else
|
|
38
|
+
progress = e.translationY / maxDistance;
|
|
39
|
+
|
|
40
|
+
var shouldClose = progress > threshold;
|
|
41
|
+
var finalValue = from === 'left' || from === 'top' ? -maxDistance : maxDistance;
|
|
42
|
+
if (!shouldClose) finalValue = 0;
|
|
43
|
+
|
|
44
|
+
gestureTranslation.value = withTiming(finalValue, { duration: 200 }, function (finished) {
|
|
45
|
+
if (finished && onClose && shouldClose) runOnJS(onClose)();
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
var animatedStyle = useAnimatedStyle(function () {
|
|
50
|
+
var transform =
|
|
51
|
+
from === 'left' || from === 'right' ?
|
|
52
|
+
[{ translateX: gestureTranslation.value }] :
|
|
53
|
+
[{ translateY: gestureTranslation.value }];
|
|
54
|
+
return { transform: transform };
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
return (
|
|
58
|
+
_jsx(GestureDetector, { gesture: panGesture, children:
|
|
59
|
+
_jsx(Animated.View, { style: [style, animatedStyle], children: children }) }
|
|
60
|
+
));
|
|
61
|
+
|
|
62
|
+
}
|
|
@@ -1 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["height", "width", "flex"],_excluded2 = ["style", "ItemSeparatorComponent", "Separator", "renderSeparator", "ListEmptyComponent", "Empty", "renderEmpty", "ListFooterComponent", "Footer", "renderFooter", "ListHeaderComponent", "Header", "renderHeader"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/FlatList.native.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { FlatList } from "react-native-web";import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
export var AbsFlatList = function AbsFlatList(_ref)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
{var _ref$style = _ref.style,height = _ref$style.height,width = _ref$style.width,flex = _ref$style.flex,style = _objectWithoutProperties(_ref$style, _excluded),ItemSeparatorComponent = _ref.ItemSeparatorComponent,Separator = _ref.Separator,renderSeparator = _ref.renderSeparator,ListEmptyComponent = _ref.ListEmptyComponent,Empty = _ref.Empty,renderEmpty = _ref.renderEmpty,ListFooterComponent = _ref.ListFooterComponent,Footer = _ref.Footer,renderFooter = _ref.renderFooter,ListHeaderComponent = _ref.ListHeaderComponent,Header = _ref.Header,renderHeader = _ref.renderHeader,props = _objectWithoutProperties(_ref, _excluded2);
|
|
19
|
+
ItemSeparatorComponent = ItemSeparatorComponent || Separator || renderSeparator;
|
|
20
|
+
ListEmptyComponent = ListEmptyComponent || Empty || renderEmpty;
|
|
21
|
+
ListFooterComponent = ListFooterComponent || Footer || renderFooter;
|
|
22
|
+
ListHeaderComponent = ListHeaderComponent || Header || renderHeader;
|
|
23
|
+
|
|
24
|
+
return (
|
|
25
|
+
_jsx(FlatList, Object.assign({
|
|
26
|
+
height: height,
|
|
27
|
+
width: width,
|
|
28
|
+
style: { flex: flex } },
|
|
29
|
+
props, {
|
|
30
|
+
ItemSeparatorComponent: ItemSeparatorComponent,
|
|
31
|
+
ListEmptyComponent: ListEmptyComponent,
|
|
32
|
+
ListFooterComponent: ListFooterComponent,
|
|
33
|
+
ListHeaderComponent: ListHeaderComponent,
|
|
34
|
+
contentContainerStyle: style })
|
|
35
|
+
));
|
|
36
|
+
|
|
37
|
+
};
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["colors", "style"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/GradientView.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { AbsView } from "./View";import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
export var AbsGradientView = function AbsGradientView(_ref) {var colors = _ref.colors,style = _ref.style,props = _objectWithoutProperties(_ref, _excluded);
|
|
4
|
+
return _jsx(AbsView, Object.assign({}, props, { style: Object.assign({}, style) }));
|
|
5
|
+
};
|
|
@@ -1 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["angle", "colors"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/GradientView.native.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { AbsView } from "./View";import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
function angleToPoints(angle) {
|
|
4
|
+
var a = angle % 360 * (Math.PI / 180);
|
|
5
|
+
var x = Math.cos(a);
|
|
6
|
+
var y = Math.sin(a);
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
return {
|
|
10
|
+
start: { x: 0.5 - x / 2, y: 0.5 - y / 2 },
|
|
11
|
+
end: { x: 0.5 + x / 2, y: 0.5 + y / 2 }
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
var AbsGradientView;
|
|
16
|
+
|
|
17
|
+
try {
|
|
18
|
+
var _ref = require('expo-linear-gradient') || {},LinearGradient = _ref.LinearGradient;
|
|
19
|
+
AbsGradientView = function AbsGradientView(_ref2) {var _ref2$angle = _ref2.angle,angle = _ref2$angle === void 0 ? 45 : _ref2$angle,colors = _ref2.colors,props = _objectWithoutProperties(_ref2, _excluded);
|
|
20
|
+
var _angleToPoints = angleToPoints(angle),start = _angleToPoints.start,end = _angleToPoints.end;
|
|
21
|
+
|
|
22
|
+
if (!(colors != null && colors.length)) return _jsx(AbsView, Object.assign({}, props));
|
|
23
|
+
return _jsx(LinearGradient, Object.assign({ start: start, end: end, colors: colors }, props));
|
|
24
|
+
};
|
|
25
|
+
} catch (_unused) {
|
|
26
|
+
AbsGradientView = function AbsGradientView(props) {
|
|
27
|
+
console.warn('expo-linear-gradient not instaled.');
|
|
28
|
+
return _jsx(AbsView, Object.assign({}, props));
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { AbsGradientView };
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/HiddenInput.js";import{jsx as _jsx}from"react/jsx-runtime";export function AbsHiddenInput(props)
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/HiddenInput.js";import { jsx as _jsx } from "react/jsx-runtime";export function AbsHiddenInput(props) {
|
|
2
|
+
return _jsx("input", Object.assign({ style: { width: 0, height: 0, position: 'absolute', opacity: 0 } }, props));
|
|
3
|
+
}
|
|
@@ -1 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.js";var _excluded = ["name"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import * as Icons from '@remixicon/react';
|
|
2
|
+
|
|
3
|
+
import { capitalizeFirstLetter, toCamelCase } from "../helpers/string";import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
export function AbsIcon(_ref) {var name = _ref.name,props = _objectWithoutProperties(_ref, _excluded);
|
|
6
|
+
if (!!name && !(name.startsWith != null && name.startsWith('Ri'))) name = 'Ri' + capitalizeFirstLetter(toCamelCase(name));
|
|
7
|
+
var IconComponent = Icons[name] || Icons['RiCircleFill'];
|
|
8
|
+
|
|
9
|
+
return _jsx(IconComponent, Object.assign({}, props));
|
|
10
|
+
}
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.native.js";import{jsx as _jsx}from"react/jsx-runtime";var AbsIcon;
|
|
1
|
+
var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.native.js";import { jsx as _jsx } from "react/jsx-runtime";var AbsIcon;
|
|
2
|
+
|
|
3
|
+
try {var _require;
|
|
4
|
+
var RmIcon = (_require = require('react-native-remix-icon')) == null ? void 0 : _require.default;
|
|
5
|
+
AbsIcon = function AbsIcon(props) {return _jsx(RmIcon, Object.assign({}, props));};
|
|
6
|
+
} catch (_unused) {
|
|
7
|
+
AbsIcon = function AbsIcon() {
|
|
8
|
+
console.warn('react-native-remix-icon not instaled.');
|
|
9
|
+
return false;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { AbsIcon };
|
|
@@ -1 +1,11 @@
|
|
|
1
|
-
var _this=this,_jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.web.js";import{jsx as _jsx}from"react/jsx-runtime";var AbsIcon;
|
|
1
|
+
var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Icon.web.js";import { jsx as _jsx } from "react/jsx-runtime";var AbsIcon;
|
|
2
|
+
|
|
3
|
+
try {var _require;
|
|
4
|
+
var RmIcon = (_require = require('react-native-remix-icon')) == null ? void 0 : _require.default;
|
|
5
|
+
console.log(RmIcon);
|
|
6
|
+
AbsIcon = function AbsIcon(props) {return _jsx(RmIcon, Object.assign({}, props));};
|
|
7
|
+
} catch (_unused) {
|
|
8
|
+
AbsIcon = function AbsIcon() {return false;};
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { AbsIcon };
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/abstractions/Image.js";var _excluded = ["src", "resizeMode", "style"];import { jsx as _jsx } from "react/jsx-runtime";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}export function AbsImage(_ref) {var src = _ref.src,_ref$resizeMode = _ref.resizeMode,resizeMode = _ref$resizeMode === void 0 ? 'cover' : _ref$resizeMode,style = _ref.style,props = _objectWithoutProperties(_ref, _excluded);
|
|
2
|
+
var objectFitMap = {
|
|
3
|
+
cover: 'cover',
|
|
4
|
+
contain: 'contain',
|
|
5
|
+
stretch: 'fill',
|
|
6
|
+
center: 'none'
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
var objectFit = objectFitMap[resizeMode] || 'cover';
|
|
10
|
+
|
|
11
|
+
return _jsx("img", Object.assign({ src: src, style: Object.assign({ objectFit: objectFit, objectPosition: 'center' }, style) }, props));
|
|
12
|
+
}
|