fluent-styles 1.53.0 → 1.55.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4065 -77
- package/lib/commonjs/actionSheet/actionSheet.js +372 -0
- package/lib/commonjs/actionSheet/actionSheet.js.map +1 -0
- package/lib/commonjs/actionSheet/index.js +20 -0
- package/lib/commonjs/actionSheet/index.js.map +1 -0
- package/lib/commonjs/actionSheet/useActionSheet.js +89 -0
- package/lib/commonjs/actionSheet/useActionSheet.js.map +1 -0
- package/lib/commonjs/badge/index.js +148 -0
- package/lib/commonjs/badge/index.js.map +1 -0
- package/lib/commonjs/barChart/index.js +298 -0
- package/lib/commonjs/barChart/index.js.map +1 -0
- package/lib/commonjs/button/index.js +228 -0
- package/lib/commonjs/button/index.js.map +1 -0
- package/lib/commonjs/card/index.js +202 -0
- package/lib/commonjs/card/index.js.map +1 -0
- package/lib/commonjs/checkBox/index.js +90 -0
- package/lib/commonjs/checkBox/index.js.map +1 -0
- package/lib/commonjs/chips/index.js +239 -0
- package/lib/commonjs/chips/index.js.map +1 -0
- package/lib/commonjs/circularProgress/index.js +265 -0
- package/lib/commonjs/circularProgress/index.js.map +1 -0
- package/lib/commonjs/collapsible/Collapse.js +293 -0
- package/lib/commonjs/collapsible/Collapse.js.map +1 -0
- package/lib/commonjs/collapsible/CollapseGroup.js +137 -0
- package/lib/commonjs/collapsible/CollapseGroup.js.map +1 -0
- package/lib/commonjs/collapsible/index.js +64 -0
- package/lib/commonjs/collapsible/index.js.map +1 -0
- package/lib/commonjs/collapsible/interface.js +39 -0
- package/lib/commonjs/collapsible/interface.js.map +1 -0
- package/lib/commonjs/collapsible/style.js +161 -0
- package/lib/commonjs/collapsible/style.js.map +1 -0
- package/lib/commonjs/datePicker/index.js +915 -0
- package/lib/commonjs/datePicker/index.js.map +1 -0
- package/lib/commonjs/dialog/dialogue.js +205 -0
- package/lib/commonjs/dialog/dialogue.js.map +1 -0
- package/lib/commonjs/dialog/index.js +393 -0
- package/lib/commonjs/dialog/index.js.map +1 -0
- package/lib/commonjs/dialog/useDialogue.js +117 -0
- package/lib/commonjs/dialog/useDialogue.js.map +1 -0
- package/lib/commonjs/divider/index.js +37 -0
- package/lib/commonjs/divider/index.js.map +1 -0
- package/lib/commonjs/drawer/Drawer.js +587 -0
- package/lib/commonjs/drawer/Drawer.js.map +1 -0
- package/lib/commonjs/drawer/index.js +51 -0
- package/lib/commonjs/drawer/index.js.map +1 -0
- package/lib/commonjs/drawer/interface.js +84 -0
- package/lib/commonjs/drawer/interface.js.map +1 -0
- package/lib/commonjs/dropdown/index.js +859 -0
- package/lib/commonjs/dropdown/index.js.map +1 -0
- package/lib/commonjs/emptyState/index.js +231 -0
- package/lib/commonjs/emptyState/index.js.map +1 -0
- package/lib/commonjs/form/index.js +2 -0
- package/lib/commonjs/form/index.js.map +1 -0
- package/lib/commonjs/header/index.js +147 -0
- package/lib/commonjs/header/index.js.map +1 -0
- package/lib/commonjs/header/statusBar/index.js +20 -0
- package/lib/commonjs/header/statusBar/index.js.map +1 -0
- package/lib/commonjs/icons/backArrow.js +42 -0
- package/lib/commonjs/icons/backArrow.js.map +1 -0
- package/lib/commonjs/icons/bellFill.js +43 -0
- package/lib/commonjs/icons/bellFill.js.map +1 -0
- package/lib/commonjs/icons/bellOutline.js +43 -0
- package/lib/commonjs/icons/bellOutline.js.map +1 -0
- package/lib/commonjs/icons/checkmark.js +36 -0
- package/lib/commonjs/icons/checkmark.js.map +1 -0
- package/lib/commonjs/icons/delete.js +53 -0
- package/lib/commonjs/icons/delete.js.map +1 -0
- package/lib/commonjs/icons/downChevron.js +36 -0
- package/lib/commonjs/icons/downChevron.js.map +1 -0
- package/lib/commonjs/icons/error.js +41 -0
- package/lib/commonjs/icons/error.js.map +1 -0
- package/lib/commonjs/icons/forwardArrow.js +42 -0
- package/lib/commonjs/icons/forwardArrow.js.map +1 -0
- package/lib/commonjs/icons/index.js +111 -0
- package/lib/commonjs/icons/index.js.map +1 -0
- package/lib/commonjs/icons/info.js +48 -0
- package/lib/commonjs/icons/info.js.map +1 -0
- package/lib/commonjs/icons/leftChevron.js +36 -0
- package/lib/commonjs/icons/leftChevron.js.map +1 -0
- package/lib/commonjs/icons/rightChevron.js +36 -0
- package/lib/commonjs/icons/rightChevron.js.map +1 -0
- package/lib/commonjs/icons/save.js +50 -0
- package/lib/commonjs/icons/save.js.map +1 -0
- package/lib/commonjs/icons/success.js +43 -0
- package/lib/commonjs/icons/success.js.map +1 -0
- package/lib/commonjs/icons/upChevron.js +36 -0
- package/lib/commonjs/icons/upChevron.js.map +1 -0
- package/lib/commonjs/icons/warning.js +48 -0
- package/lib/commonjs/icons/warning.js.map +1 -0
- package/lib/commonjs/image/index.js +47 -0
- package/lib/commonjs/image/index.js.map +1 -0
- package/lib/commonjs/index.js +519 -138
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/index.js +488 -0
- package/lib/commonjs/input/index.js.map +1 -0
- package/lib/commonjs/loading/circular.js +116 -0
- package/lib/commonjs/loading/circular.js.map +1 -0
- package/lib/commonjs/loading/index.js +34 -0
- package/lib/commonjs/loading/index.js.map +1 -0
- package/lib/commonjs/loading/loader.js +247 -0
- package/lib/commonjs/loading/loader.js.map +1 -0
- package/lib/commonjs/loading/spinner.js +90 -0
- package/lib/commonjs/loading/spinner.js.map +1 -0
- package/lib/commonjs/loading/useLoader.js +62 -0
- package/lib/commonjs/loading/useLoader.js.map +1 -0
- package/lib/commonjs/loading/useLoaderBinding.js +34 -0
- package/lib/commonjs/loading/useLoaderBinding.js.map +1 -0
- package/lib/commonjs/notification/index.js +269 -0
- package/lib/commonjs/notification/index.js.map +1 -0
- package/lib/commonjs/notification/useNotification.js +62 -0
- package/lib/commonjs/notification/useNotification.js.map +1 -0
- package/lib/commonjs/page/index.js +22 -0
- package/lib/commonjs/page/index.js.map +1 -0
- package/lib/commonjs/popup/Popup.js +332 -0
- package/lib/commonjs/popup/Popup.js.map +1 -0
- package/lib/commonjs/popup/helpers.js +168 -0
- package/lib/commonjs/popup/helpers.js.map +1 -0
- package/lib/commonjs/popup/index.js +51 -0
- package/lib/commonjs/popup/index.js.map +1 -0
- package/lib/commonjs/popup/interface.js +45 -0
- package/lib/commonjs/popup/interface.js.map +1 -0
- package/lib/commonjs/portal/GlobalPortalProvider.js +68 -0
- package/lib/commonjs/portal/GlobalPortalProvider.js.map +1 -0
- package/lib/commonjs/portal/PortalContext.js +38 -0
- package/lib/commonjs/portal/PortalContext.js.map +1 -0
- package/lib/commonjs/portal/PortalInstance.js +123 -0
- package/lib/commonjs/portal/PortalInstance.js.map +1 -0
- package/lib/commonjs/portal/PortalManager.js +87 -0
- package/lib/commonjs/portal/PortalManager.js.map +1 -0
- package/lib/commonjs/portal/PortalRenderer.js +57 -0
- package/lib/commonjs/portal/PortalRenderer.js.map +1 -0
- package/lib/commonjs/portal/index.js +54 -0
- package/lib/commonjs/portal/index.js.map +1 -0
- package/lib/commonjs/portal/portal.test.js +154 -0
- package/lib/commonjs/portal/portal.test.js.map +1 -0
- package/lib/commonjs/portal/types.js +6 -0
- package/lib/commonjs/portal/types.js.map +1 -0
- package/lib/commonjs/pressable/index.js +18 -0
- package/lib/commonjs/pressable/index.js.map +1 -0
- package/lib/commonjs/progressBar/index.js +512 -0
- package/lib/commonjs/progressBar/index.js.map +1 -0
- package/lib/commonjs/radio/index.js +368 -0
- package/lib/commonjs/radio/index.js.map +1 -0
- package/lib/commonjs/safeAreaProvider/index.js +12 -0
- package/lib/commonjs/safeAreaProvider/index.js.map +1 -0
- package/lib/commonjs/safeAreaView/index.js +14 -0
- package/lib/commonjs/safeAreaView/index.js.map +1 -0
- package/lib/commonjs/scrollView/index.js +14 -0
- package/lib/commonjs/scrollView/index.js.map +1 -0
- package/lib/commonjs/searchBar/index.js +356 -0
- package/lib/commonjs/searchBar/index.js.map +1 -0
- package/lib/commonjs/seperator/index.js +44 -0
- package/lib/commonjs/seperator/index.js.map +1 -0
- package/lib/commonjs/services/index.js +185 -0
- package/lib/commonjs/services/index.js.map +1 -0
- package/lib/commonjs/shape/index.js +36 -0
- package/lib/commonjs/shape/index.js.map +1 -0
- package/lib/commonjs/skeleton/index.js +430 -0
- package/lib/commonjs/skeleton/index.js.map +1 -0
- package/lib/commonjs/slider/index.js +499 -0
- package/lib/commonjs/slider/index.js.map +1 -0
- package/lib/commonjs/spacer/index.js +14 -0
- package/lib/commonjs/spacer/index.js.map +1 -0
- package/lib/commonjs/stack/index.js +52 -0
- package/lib/commonjs/stack/index.js.map +1 -0
- package/lib/commonjs/switch/Switch.js +289 -0
- package/lib/commonjs/switch/Switch.js.map +1 -0
- package/lib/commonjs/switch/_index.js +118 -0
- package/lib/commonjs/switch/_index.js.map +1 -0
- package/lib/commonjs/switch/index.js +26 -0
- package/lib/commonjs/switch/index.js.map +1 -0
- package/lib/commonjs/switch/interface.js +47 -0
- package/lib/commonjs/switch/interface.js.map +1 -0
- package/lib/commonjs/tabBar/TabBar.js +409 -0
- package/lib/commonjs/tabBar/TabBar.js.map +1 -0
- package/lib/commonjs/tabBar/TabBarUsage.js +441 -0
- package/lib/commonjs/tabBar/TabBarUsage.js.map +1 -0
- package/lib/commonjs/tabBar/index.js +26 -0
- package/lib/commonjs/tabBar/index.js.map +1 -0
- package/lib/commonjs/tabBar/interface.js +43 -0
- package/lib/commonjs/tabBar/interface.js.map +1 -0
- package/lib/commonjs/text/index.js +65 -0
- package/lib/commonjs/text/index.js.map +1 -0
- package/lib/commonjs/timeline/index.js +264 -0
- package/lib/commonjs/timeline/index.js.map +1 -0
- package/lib/commonjs/toast/index.js +203 -0
- package/lib/commonjs/toast/index.js.map +1 -0
- package/lib/commonjs/toast/useToast.js +82 -0
- package/lib/commonjs/toast/useToast.js.map +1 -0
- package/lib/commonjs/utiles/createIcon.js +49 -0
- package/lib/commonjs/utiles/createIcon.js.map +1 -0
- package/lib/commonjs/utiles/fontStyles.js +36 -0
- package/lib/commonjs/utiles/fontStyles.js.map +1 -0
- package/lib/commonjs/utiles/position.js +98 -0
- package/lib/commonjs/utiles/position.js.map +1 -0
- package/lib/commonjs/utiles/statusBar.js +425 -0
- package/lib/commonjs/utiles/statusBar.js.map +1 -0
- package/lib/commonjs/utiles/styled.js +42 -0
- package/lib/commonjs/utiles/styled.js.map +1 -0
- package/lib/commonjs/utiles/styles.js +30 -0
- package/lib/commonjs/utiles/styles.js.map +1 -0
- package/lib/commonjs/utiles/theme.js +680 -0
- package/lib/commonjs/utiles/theme.js.map +1 -0
- package/lib/commonjs/utiles/validators.js +31 -0
- package/lib/commonjs/utiles/validators.js.map +1 -0
- package/lib/commonjs/utiles/viewStyleProps.js +6 -0
- package/lib/commonjs/utiles/viewStyleProps.js.map +1 -0
- package/lib/commonjs/utiles/viewStyleVariants.js +546 -0
- package/lib/commonjs/utiles/viewStyleVariants.js.map +1 -0
- package/lib/module/actionSheet/actionSheet.js +368 -0
- package/lib/module/actionSheet/actionSheet.js.map +1 -0
- package/lib/module/actionSheet/index.js +5 -0
- package/lib/module/actionSheet/index.js.map +1 -0
- package/lib/module/actionSheet/useActionSheet.js +85 -0
- package/lib/module/actionSheet/useActionSheet.js.map +1 -0
- package/lib/module/badge/index.js +147 -0
- package/lib/module/badge/index.js.map +1 -0
- package/lib/module/barChart/index.js +292 -0
- package/lib/module/barChart/index.js.map +1 -0
- package/lib/module/button/index.js +224 -0
- package/lib/module/button/index.js.map +1 -0
- package/lib/module/card/index.js +198 -0
- package/lib/module/card/index.js.map +1 -0
- package/lib/module/checkBox/index.js +86 -0
- package/lib/module/checkBox/index.js.map +1 -0
- package/lib/module/chips/index.js +232 -0
- package/lib/module/chips/index.js.map +1 -0
- package/lib/module/circularProgress/index.js +259 -0
- package/lib/module/circularProgress/index.js.map +1 -0
- package/lib/module/collapsible/Collapse.js +288 -0
- package/lib/module/collapsible/Collapse.js.map +1 -0
- package/lib/module/collapsible/CollapseGroup.js +133 -0
- package/lib/module/collapsible/CollapseGroup.js.map +1 -0
- package/lib/module/collapsible/index.js +40 -0
- package/lib/module/collapsible/index.js.map +1 -0
- package/lib/module/collapsible/interface.js +35 -0
- package/lib/module/collapsible/interface.js.map +1 -0
- package/lib/module/collapsible/style.js +153 -0
- package/lib/module/collapsible/style.js.map +1 -0
- package/lib/module/datePicker/index.js +908 -0
- package/lib/module/datePicker/index.js.map +1 -0
- package/lib/module/dialog/dialogue.js +189 -0
- package/lib/module/dialog/dialogue.js.map +1 -0
- package/lib/module/dialog/index.js +386 -0
- package/lib/module/dialog/index.js.map +1 -0
- package/lib/module/dialog/useDialogue.js +113 -0
- package/lib/module/dialog/useDialogue.js.map +1 -0
- package/lib/module/divider/index.js +34 -0
- package/lib/module/divider/index.js.map +1 -0
- package/lib/module/drawer/Drawer.js +583 -0
- package/lib/module/drawer/Drawer.js.map +1 -0
- package/lib/module/drawer/index.js +60 -0
- package/lib/module/drawer/index.js.map +1 -0
- package/lib/module/drawer/interface.js +80 -0
- package/lib/module/drawer/interface.js.map +1 -0
- package/lib/module/dropdown/index.js +854 -0
- package/lib/module/dropdown/index.js.map +1 -0
- package/lib/module/emptyState/index.js +225 -0
- package/lib/module/emptyState/index.js.map +1 -0
- package/lib/module/form/index.js +2 -0
- package/lib/module/form/index.js.map +1 -0
- package/lib/module/header/index.js +143 -0
- package/lib/module/header/index.js.map +1 -0
- package/lib/module/header/statusBar/index.js +15 -0
- package/lib/module/header/statusBar/index.js.map +1 -0
- package/lib/module/icons/backArrow.js +37 -0
- package/lib/module/icons/backArrow.js.map +1 -0
- package/lib/module/icons/bellFill.js +38 -0
- package/lib/module/icons/bellFill.js.map +1 -0
- package/lib/module/icons/bellOutline.js +38 -0
- package/lib/module/icons/bellOutline.js.map +1 -0
- package/lib/module/icons/checkmark.js +31 -0
- package/lib/module/icons/checkmark.js.map +1 -0
- package/lib/module/icons/delete.js +48 -0
- package/lib/module/icons/delete.js.map +1 -0
- package/lib/module/icons/downChevron.js +31 -0
- package/lib/module/icons/downChevron.js.map +1 -0
- package/lib/module/icons/error.js +36 -0
- package/lib/module/icons/error.js.map +1 -0
- package/lib/module/icons/forwardArrow.js +37 -0
- package/lib/module/icons/forwardArrow.js.map +1 -0
- package/lib/module/icons/index.js +18 -0
- package/lib/module/icons/index.js.map +1 -0
- package/lib/module/icons/info.js +43 -0
- package/lib/module/icons/info.js.map +1 -0
- package/lib/module/icons/leftChevron.js +31 -0
- package/lib/module/icons/leftChevron.js.map +1 -0
- package/lib/module/icons/rightChevron.js +31 -0
- package/lib/module/icons/rightChevron.js.map +1 -0
- package/lib/module/icons/save.js +45 -0
- package/lib/module/icons/save.js.map +1 -0
- package/lib/module/icons/success.js +38 -0
- package/lib/module/icons/success.js.map +1 -0
- package/lib/module/icons/upChevron.js +31 -0
- package/lib/module/icons/upChevron.js.map +1 -0
- package/lib/module/icons/warning.js +43 -0
- package/lib/module/icons/warning.js.map +1 -0
- package/lib/module/image/index.js +43 -0
- package/lib/module/image/index.js.map +1 -0
- package/lib/module/index.js +56 -24
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/index.js +483 -0
- package/lib/module/input/index.js.map +1 -0
- package/lib/module/loading/circular.js +111 -0
- package/lib/module/loading/circular.js.map +1 -0
- package/lib/module/loading/index.js +7 -0
- package/lib/module/loading/index.js.map +1 -0
- package/lib/module/loading/loader.js +242 -0
- package/lib/module/loading/loader.js.map +1 -0
- package/lib/module/loading/spinner.js +85 -0
- package/lib/module/loading/spinner.js.map +1 -0
- package/lib/module/loading/useLoader.js +58 -0
- package/lib/module/loading/useLoader.js.map +1 -0
- package/lib/module/loading/useLoaderBinding.js +28 -0
- package/lib/module/loading/useLoaderBinding.js.map +1 -0
- package/lib/module/notification/index.js +253 -0
- package/lib/module/notification/index.js.map +1 -0
- package/lib/module/notification/useNotification.js +58 -0
- package/lib/module/notification/useNotification.js.map +1 -0
- package/lib/module/page/index.js +17 -0
- package/lib/module/page/index.js.map +1 -0
- package/lib/module/popup/Popup.js +328 -0
- package/lib/module/popup/Popup.js.map +1 -0
- package/lib/module/popup/helpers.js +159 -0
- package/lib/module/popup/helpers.js.map +1 -0
- package/lib/module/popup/index.js +45 -0
- package/lib/module/popup/index.js.map +1 -0
- package/lib/module/popup/interface.js +41 -0
- package/lib/module/popup/interface.js.map +1 -0
- package/lib/module/portal/GlobalPortalProvider.js +62 -0
- package/lib/module/portal/GlobalPortalProvider.js.map +1 -0
- package/lib/module/portal/PortalContext.js +33 -0
- package/lib/module/portal/PortalContext.js.map +1 -0
- package/lib/module/portal/PortalInstance.js +118 -0
- package/lib/module/portal/PortalInstance.js.map +1 -0
- package/lib/module/portal/PortalManager.js +81 -0
- package/lib/module/portal/PortalManager.js.map +1 -0
- package/lib/module/portal/PortalRenderer.js +51 -0
- package/lib/module/portal/PortalRenderer.js.map +1 -0
- package/lib/module/portal/index.js +56 -0
- package/lib/module/portal/index.js.map +1 -0
- package/lib/module/portal/portal.test.js +155 -0
- package/lib/module/portal/portal.test.js.map +1 -0
- package/lib/module/portal/types.js +4 -0
- package/lib/module/portal/types.js.map +1 -0
- package/lib/module/pressable/index.js +15 -0
- package/lib/module/pressable/index.js.map +1 -0
- package/lib/module/progressBar/index.js +506 -0
- package/lib/module/progressBar/index.js.map +1 -0
- package/lib/module/radio/index.js +361 -0
- package/lib/module/radio/index.js.map +1 -0
- package/lib/module/safeAreaProvider/index.js +9 -0
- package/lib/module/safeAreaProvider/index.js.map +1 -0
- package/lib/module/safeAreaView/index.js +11 -0
- package/lib/module/safeAreaView/index.js.map +1 -0
- package/lib/module/scrollView/index.js +11 -0
- package/lib/module/scrollView/index.js.map +1 -0
- package/lib/module/searchBar/index.js +350 -0
- package/lib/module/searchBar/index.js.map +1 -0
- package/lib/module/seperator/index.js +40 -0
- package/lib/module/seperator/index.js.map +1 -0
- package/lib/module/services/index.js +181 -0
- package/lib/module/services/index.js.map +1 -0
- package/lib/module/shape/index.js +33 -0
- package/lib/module/shape/index.js.map +1 -0
- package/lib/module/skeleton/index.js +425 -0
- package/lib/module/skeleton/index.js.map +1 -0
- package/lib/module/slider/index.js +493 -0
- package/lib/module/slider/index.js.map +1 -0
- package/lib/module/spacer/index.js +11 -0
- package/lib/module/spacer/index.js.map +1 -0
- package/lib/module/stack/index.js +50 -0
- package/lib/module/stack/index.js.map +1 -0
- package/lib/module/switch/Switch.js +285 -0
- package/lib/module/switch/Switch.js.map +1 -0
- package/lib/module/switch/_index.js +114 -0
- package/lib/module/switch/_index.js.map +1 -0
- package/lib/module/switch/index.js +64 -0
- package/lib/module/switch/index.js.map +1 -0
- package/lib/module/switch/interface.js +43 -0
- package/lib/module/switch/interface.js.map +1 -0
- package/lib/module/tabBar/TabBar.js +405 -0
- package/lib/module/tabBar/TabBar.js.map +1 -0
- package/lib/module/tabBar/TabBarUsage.js +437 -0
- package/lib/module/tabBar/TabBarUsage.js.map +1 -0
- package/lib/module/tabBar/index.js +54 -0
- package/lib/module/tabBar/index.js.map +1 -0
- package/lib/module/tabBar/interface.js +39 -0
- package/lib/module/tabBar/interface.js.map +1 -0
- package/lib/module/text/index.js +62 -0
- package/lib/module/text/index.js.map +1 -0
- package/lib/module/timeline/index.js +258 -0
- package/lib/module/timeline/index.js.map +1 -0
- package/lib/module/toast/index.js +187 -0
- package/lib/module/toast/index.js.map +1 -0
- package/lib/module/toast/useToast.js +78 -0
- package/lib/module/toast/useToast.js.map +1 -0
- package/lib/module/utiles/createIcon.js +45 -0
- package/lib/module/utiles/createIcon.js.map +1 -0
- package/lib/module/utiles/fontStyles.js +31 -0
- package/lib/module/utiles/fontStyles.js.map +1 -0
- package/lib/module/utiles/position.js +94 -0
- package/lib/module/utiles/position.js.map +1 -0
- package/lib/module/utiles/statusBar.js +401 -0
- package/lib/module/utiles/statusBar.js.map +1 -0
- package/lib/module/utiles/styled.js +37 -0
- package/lib/module/utiles/styled.js.map +1 -0
- package/lib/module/utiles/styles.js +27 -0
- package/lib/module/utiles/styles.js.map +1 -0
- package/lib/module/{package → utiles}/theme.js +305 -17
- package/lib/module/utiles/theme.js.map +1 -0
- package/lib/module/utiles/validators.js +24 -0
- package/lib/module/utiles/validators.js.map +1 -0
- package/lib/module/utiles/viewStyleProps.js +4 -0
- package/lib/module/utiles/viewStyleProps.js.map +1 -0
- package/lib/module/utiles/viewStyleVariants.js +542 -0
- package/lib/module/utiles/viewStyleVariants.js.map +1 -0
- package/lib/typescript/actionSheet/actionSheet.d.ts +82 -0
- package/lib/typescript/actionSheet/actionSheet.d.ts.map +1 -0
- package/lib/typescript/actionSheet/index.d.ts +4 -0
- package/lib/typescript/actionSheet/index.d.ts.map +1 -0
- package/lib/typescript/actionSheet/useActionSheet.d.ts +82 -0
- package/lib/typescript/actionSheet/useActionSheet.d.ts.map +1 -0
- package/lib/typescript/badge/index.d.ts +37 -0
- package/lib/typescript/badge/index.d.ts.map +1 -0
- package/lib/typescript/barChart/index.d.ts +125 -0
- package/lib/typescript/barChart/index.d.ts.map +1 -0
- package/lib/typescript/button/index.d.ts +86 -0
- package/lib/typescript/button/index.d.ts.map +1 -0
- package/lib/typescript/card/index.d.ts +53 -0
- package/lib/typescript/card/index.d.ts.map +1 -0
- package/lib/typescript/checkBox/index.d.ts +28 -0
- package/lib/typescript/checkBox/index.d.ts.map +1 -0
- package/lib/typescript/chips/index.d.ts +104 -0
- package/lib/typescript/chips/index.d.ts.map +1 -0
- package/lib/typescript/circularProgress/index.d.ts +36 -0
- package/lib/typescript/circularProgress/index.d.ts.map +1 -0
- package/lib/typescript/collapsible/Collapse.d.ts +5 -0
- package/lib/typescript/collapsible/Collapse.d.ts.map +1 -0
- package/lib/typescript/collapsible/CollapseGroup.d.ts +49 -0
- package/lib/typescript/collapsible/CollapseGroup.d.ts.map +1 -0
- package/lib/typescript/collapsible/index.d.ts +38 -0
- package/lib/typescript/collapsible/index.d.ts.map +1 -0
- package/lib/typescript/collapsible/interface.d.ts +116 -0
- package/lib/typescript/collapsible/interface.d.ts.map +1 -0
- package/lib/typescript/collapsible/style.d.ts +92 -0
- package/lib/typescript/collapsible/style.d.ts.map +1 -0
- package/lib/typescript/datePicker/index.d.ts +91 -0
- package/lib/typescript/datePicker/index.d.ts.map +1 -0
- package/lib/typescript/dialog/dialogue.d.ts +20 -0
- package/lib/typescript/dialog/dialogue.d.ts.map +1 -0
- package/lib/typescript/dialog/index.d.ts +175 -0
- package/lib/typescript/dialog/index.d.ts.map +1 -0
- package/lib/typescript/dialog/useDialogue.d.ts +21 -0
- package/lib/typescript/dialog/useDialogue.d.ts.map +1 -0
- package/lib/typescript/divider/index.d.ts +12 -0
- package/lib/typescript/divider/index.d.ts.map +1 -0
- package/lib/typescript/drawer/Drawer.d.ts +4 -0
- package/lib/typescript/drawer/Drawer.d.ts.map +1 -0
- package/lib/typescript/drawer/index.d.ts +48 -0
- package/lib/typescript/drawer/index.d.ts.map +1 -0
- package/lib/typescript/drawer/interface.d.ts +232 -0
- package/lib/typescript/drawer/interface.d.ts.map +1 -0
- package/lib/typescript/dropdown/index.d.ts +54 -0
- package/lib/typescript/dropdown/index.d.ts.map +1 -0
- package/lib/typescript/emptyState/index.d.ts +57 -0
- package/lib/typescript/emptyState/index.d.ts.map +1 -0
- package/lib/typescript/form/index.d.ts +1 -0
- package/lib/typescript/form/index.d.ts.map +1 -0
- package/lib/typescript/header/index.d.ts +44 -0
- package/lib/typescript/header/index.d.ts.map +1 -0
- package/lib/typescript/header/statusBar/index.d.ts +6 -0
- package/lib/typescript/header/statusBar/index.d.ts.map +1 -0
- package/lib/typescript/icons/backArrow.d.ts +12 -0
- package/lib/typescript/icons/backArrow.d.ts.map +1 -0
- package/lib/typescript/icons/bellFill.d.ts +12 -0
- package/lib/typescript/icons/bellFill.d.ts.map +1 -0
- package/lib/typescript/icons/bellOutline.d.ts +12 -0
- package/lib/typescript/icons/bellOutline.d.ts.map +1 -0
- package/lib/typescript/icons/checkmark.d.ts +12 -0
- package/lib/typescript/icons/checkmark.d.ts.map +1 -0
- package/lib/typescript/icons/delete.d.ts +12 -0
- package/lib/typescript/icons/delete.d.ts.map +1 -0
- package/lib/typescript/icons/downChevron.d.ts +12 -0
- package/lib/typescript/icons/downChevron.d.ts.map +1 -0
- package/lib/typescript/icons/error.d.ts +12 -0
- package/lib/typescript/icons/error.d.ts.map +1 -0
- package/lib/typescript/icons/forwardArrow.d.ts +12 -0
- package/lib/typescript/icons/forwardArrow.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +16 -0
- package/lib/typescript/icons/index.d.ts.map +1 -0
- package/lib/typescript/icons/info.d.ts +12 -0
- package/lib/typescript/icons/info.d.ts.map +1 -0
- package/lib/typescript/icons/leftChevron.d.ts +12 -0
- package/lib/typescript/icons/leftChevron.d.ts.map +1 -0
- package/lib/typescript/icons/rightChevron.d.ts +12 -0
- package/lib/typescript/icons/rightChevron.d.ts.map +1 -0
- package/lib/typescript/icons/save.d.ts +12 -0
- package/lib/typescript/icons/save.d.ts.map +1 -0
- package/lib/typescript/icons/success.d.ts +12 -0
- package/lib/typescript/icons/success.d.ts.map +1 -0
- package/lib/typescript/icons/upChevron.d.ts +12 -0
- package/lib/typescript/icons/upChevron.d.ts.map +1 -0
- package/lib/typescript/icons/warning.d.ts +12 -0
- package/lib/typescript/icons/warning.d.ts.map +1 -0
- package/lib/typescript/image/index.d.ts +15 -0
- package/lib/typescript/image/index.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +56 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/input/index.d.ts +89 -0
- package/lib/typescript/input/index.d.ts.map +1 -0
- package/lib/typescript/loading/circular.d.ts +10 -0
- package/lib/typescript/loading/circular.d.ts.map +1 -0
- package/lib/typescript/loading/index.d.ts +7 -0
- package/lib/typescript/loading/index.d.ts.map +1 -0
- package/lib/typescript/loading/loader.d.ts +23 -0
- package/lib/typescript/loading/loader.d.ts.map +1 -0
- package/lib/typescript/loading/spinner.d.ts +22 -0
- package/lib/typescript/loading/spinner.d.ts.map +1 -0
- package/lib/typescript/loading/useLoader.d.ts +27 -0
- package/lib/typescript/loading/useLoader.d.ts.map +1 -0
- package/lib/typescript/loading/useLoaderBinding.d.ts +9 -0
- package/lib/typescript/loading/useLoaderBinding.d.ts.map +1 -0
- package/lib/typescript/notification/index.d.ts +21 -0
- package/lib/typescript/notification/index.d.ts.map +1 -0
- package/lib/typescript/notification/useNotification.d.ts +30 -0
- package/lib/typescript/notification/useNotification.d.ts.map +1 -0
- package/lib/typescript/page/index.d.ts +12 -0
- package/lib/typescript/page/index.d.ts.map +1 -0
- package/lib/typescript/popup/Popup.d.ts +4 -0
- package/lib/typescript/popup/Popup.d.ts.map +1 -0
- package/lib/typescript/popup/helpers.d.ts +9 -0
- package/lib/typescript/popup/helpers.d.ts.map +1 -0
- package/lib/typescript/popup/index.d.ts +43 -0
- package/lib/typescript/popup/index.d.ts.map +1 -0
- package/lib/typescript/popup/interface.d.ts +103 -0
- package/lib/typescript/popup/interface.d.ts.map +1 -0
- package/lib/typescript/portal/GlobalPortalProvider.d.ts +44 -0
- package/lib/typescript/portal/GlobalPortalProvider.d.ts.map +1 -0
- package/lib/typescript/portal/PortalContext.d.ts +25 -0
- package/lib/typescript/portal/PortalContext.d.ts.map +1 -0
- package/lib/typescript/portal/PortalInstance.d.ts +72 -0
- package/lib/typescript/portal/PortalInstance.d.ts.map +1 -0
- package/lib/typescript/portal/PortalManager.d.ts +7 -0
- package/lib/typescript/portal/PortalManager.d.ts.map +1 -0
- package/lib/typescript/portal/PortalRenderer.d.ts +27 -0
- package/lib/typescript/portal/PortalRenderer.d.ts.map +1 -0
- package/lib/typescript/portal/index.d.ts +43 -0
- package/lib/typescript/portal/index.d.ts.map +1 -0
- package/lib/typescript/portal/portal.test.d.ts +11 -0
- package/lib/typescript/portal/portal.test.d.ts.map +1 -0
- package/lib/typescript/portal/types.d.ts +30 -0
- package/lib/typescript/portal/types.d.ts.map +1 -0
- package/lib/typescript/pressable/index.d.ts +8 -0
- package/lib/typescript/pressable/index.d.ts.map +1 -0
- package/lib/typescript/progressBar/index.d.ts +155 -0
- package/lib/typescript/progressBar/index.d.ts.map +1 -0
- package/lib/typescript/radio/index.d.ts +144 -0
- package/lib/typescript/radio/index.d.ts.map +1 -0
- package/lib/typescript/safeAreaProvider/index.d.ts +7 -0
- package/lib/typescript/safeAreaProvider/index.d.ts.map +1 -0
- package/lib/typescript/safeAreaView/index.d.ts +8 -0
- package/lib/typescript/safeAreaView/index.d.ts.map +1 -0
- package/lib/typescript/scrollView/index.d.ts +8 -0
- package/lib/typescript/scrollView/index.d.ts.map +1 -0
- package/lib/typescript/searchBar/index.d.ts +70 -0
- package/lib/typescript/searchBar/index.d.ts.map +1 -0
- package/lib/typescript/seperator/index.d.ts +13 -0
- package/lib/typescript/seperator/index.d.ts.map +1 -0
- package/lib/typescript/services/index.d.ts +56 -0
- package/lib/typescript/services/index.d.ts.map +1 -0
- package/lib/typescript/shape/index.d.ts +11 -0
- package/lib/typescript/shape/index.d.ts.map +1 -0
- package/lib/typescript/skeleton/index.d.ts +63 -0
- package/lib/typescript/skeleton/index.d.ts.map +1 -0
- package/lib/typescript/slider/index.d.ts +60 -0
- package/lib/typescript/slider/index.d.ts.map +1 -0
- package/lib/typescript/spacer/index.d.ts +8 -0
- package/lib/typescript/spacer/index.d.ts.map +1 -0
- package/lib/typescript/stack/index.d.ts +24 -0
- package/lib/typescript/stack/index.d.ts.map +1 -0
- package/lib/typescript/switch/Switch.d.ts +6 -0
- package/lib/typescript/switch/Switch.d.ts.map +1 -0
- package/lib/typescript/switch/_index.d.ts +11 -0
- package/lib/typescript/switch/_index.d.ts.map +1 -0
- package/lib/typescript/switch/index.d.ts +62 -0
- package/lib/typescript/switch/index.d.ts.map +1 -0
- package/lib/typescript/switch/interface.d.ts +74 -0
- package/lib/typescript/switch/interface.d.ts.map +1 -0
- package/lib/typescript/tabBar/TabBar.d.ts +5 -0
- package/lib/typescript/tabBar/TabBar.d.ts.map +1 -0
- package/lib/typescript/tabBar/TabBarUsage.d.ts +6 -0
- package/lib/typescript/tabBar/TabBarUsage.d.ts.map +1 -0
- package/lib/typescript/tabBar/index.d.ts +52 -0
- package/lib/typescript/tabBar/index.d.ts.map +1 -0
- package/lib/typescript/tabBar/interface.d.ts +119 -0
- package/lib/typescript/tabBar/interface.d.ts.map +1 -0
- package/lib/typescript/text/index.d.ts +16 -0
- package/lib/typescript/text/index.d.ts.map +1 -0
- package/lib/typescript/timeline/index.d.ts +125 -0
- package/lib/typescript/timeline/index.d.ts.map +1 -0
- package/lib/typescript/toast/index.d.ts +28 -0
- package/lib/typescript/toast/index.d.ts.map +1 -0
- package/lib/typescript/toast/useToast.d.ts +31 -0
- package/lib/typescript/toast/useToast.d.ts.map +1 -0
- package/lib/typescript/utiles/createIcon.d.ts +39 -0
- package/lib/typescript/utiles/createIcon.d.ts.map +1 -0
- package/lib/typescript/utiles/fontStyles.d.ts +9 -0
- package/lib/typescript/utiles/fontStyles.d.ts.map +1 -0
- package/lib/typescript/utiles/position.d.ts +13 -0
- package/lib/typescript/utiles/position.d.ts.map +1 -0
- package/lib/typescript/utiles/statusBar.d.ts +128 -0
- package/lib/typescript/utiles/statusBar.d.ts.map +1 -0
- package/lib/typescript/utiles/styled.d.ts +14 -0
- package/lib/typescript/utiles/styled.d.ts.map +1 -0
- package/lib/typescript/utiles/styles.d.ts +31 -0
- package/lib/typescript/utiles/styles.d.ts.map +1 -0
- package/lib/typescript/utiles/theme.d.ts +918 -0
- package/lib/typescript/utiles/theme.d.ts.map +1 -0
- package/lib/typescript/utiles/validators.d.ts +14 -0
- package/lib/typescript/utiles/validators.d.ts.map +1 -0
- package/lib/typescript/utiles/viewStyleProps.d.ts +4 -0
- package/lib/typescript/utiles/viewStyleProps.d.ts.map +1 -0
- package/lib/typescript/utiles/viewStyleVariants.d.ts +121 -0
- package/lib/typescript/utiles/viewStyleVariants.d.ts.map +1 -0
- package/package.json +146 -52
- package/src/actionSheet/actionSheet.tsx +471 -0
- package/src/actionSheet/index.tsx +3 -0
- package/src/actionSheet/useActionSheet.tsx +140 -0
- package/src/badge/index.tsx +185 -0
- package/src/barChart/index.tsx +386 -0
- package/src/button/index.tsx +335 -0
- package/src/card/index.tsx +220 -0
- package/src/checkBox/index.tsx +137 -0
- package/src/chips/index.tsx +293 -0
- package/src/circularProgress/index.tsx +349 -0
- package/src/collapsible/Collapse.tsx +366 -0
- package/src/collapsible/CollapseGroup.tsx +161 -0
- package/src/collapsible/index.ts +48 -0
- package/src/collapsible/interface.ts +187 -0
- package/src/collapsible/style.ts +130 -0
- package/src/datePicker/index.tsx +961 -0
- package/src/dialog/dialogue.tsx +155 -0
- package/src/dialog/index.tsx +604 -0
- package/src/dialog/useDialogue.tsx +158 -0
- package/src/divider/index.tsx +45 -0
- package/src/drawer/Drawer.tsx +655 -0
- package/src/drawer/index.ts +60 -0
- package/src/drawer/interface.ts +391 -0
- package/src/dropdown/index.tsx +1081 -0
- package/src/emptyState/index.tsx +287 -0
- package/src/form/index.tsx +0 -0
- package/src/header/index.tsx +217 -0
- package/src/header/statusBar/index.tsx +11 -0
- package/src/icons/backArrow.tsx +17 -0
- package/src/icons/bellFill.tsx +19 -0
- package/src/icons/bellOutline.tsx +18 -0
- package/src/icons/checkmark.tsx +18 -0
- package/src/icons/delete.tsx +19 -0
- package/src/icons/downChevron.tsx +18 -0
- package/src/icons/error.tsx +17 -0
- package/src/icons/forwardArrow.tsx +19 -0
- package/src/icons/index.ts +15 -0
- package/src/icons/info.tsx +19 -0
- package/src/icons/leftChevron.tsx +18 -0
- package/src/icons/rightChevron.tsx +18 -0
- package/src/icons/save.tsx +18 -0
- package/src/icons/success.tsx +17 -0
- package/src/icons/upChevron.tsx +18 -0
- package/src/icons/warning.tsx +19 -0
- package/src/image/index.tsx +45 -0
- package/src/index.ts +72 -0
- package/src/input/index.tsx +668 -0
- package/src/loading/circular.tsx +141 -0
- package/src/loading/index.tsx +6 -0
- package/src/loading/loader.tsx +191 -0
- package/src/loading/spinner.tsx +126 -0
- package/src/loading/useLoader.tsx +78 -0
- package/src/loading/useLoaderBinding.tsx +38 -0
- package/src/notification/index.tsx +189 -0
- package/src/notification/useNotification.tsx +64 -0
- package/src/page/index.tsx +19 -0
- package/src/popup/Popup.tsx +398 -0
- package/src/popup/helpers.ts +123 -0
- package/src/popup/index.ts +45 -0
- package/src/popup/interface.ts +178 -0
- package/src/portal/GlobalPortalProvider.tsx +63 -0
- package/src/portal/PortalContext.ts +37 -0
- package/src/portal/PortalInstance.ts +118 -0
- package/src/portal/PortalManager.tsx +84 -0
- package/src/portal/PortalRenderer.tsx +72 -0
- package/src/portal/index.ts +60 -0
- package/src/portal/portal.test.ts +157 -0
- package/src/portal/types.ts +49 -0
- package/src/pressable/index.tsx +19 -0
- package/src/progressBar/index.tsx +564 -0
- package/src/radio/index.tsx +469 -0
- package/src/safeAreaProvider/index.ts +16 -0
- package/src/safeAreaView/index.tsx +17 -0
- package/src/scrollView/index.ts +15 -0
- package/src/searchBar/index.tsx +383 -0
- package/src/seperator/index.tsx +59 -0
- package/src/services/index.ts +149 -0
- package/src/shape/index.tsx +38 -0
- package/src/skeleton/index.tsx +350 -0
- package/src/slider/index.tsx +637 -0
- package/src/spacer/index.ts +29 -0
- package/src/stack/index.ts +58 -0
- package/src/switch/Switch.tsx +343 -0
- package/src/switch/_index.tsx +135 -0
- package/src/switch/index.ts +62 -0
- package/src/switch/interface.ts +120 -0
- package/src/tabBar/TabBar.tsx +503 -0
- package/src/tabBar/TabBarUsage.tsx +366 -0
- package/src/tabBar/index.ts +59 -0
- package/src/tabBar/interface.ts +196 -0
- package/src/text/index.ts +73 -0
- package/src/timeline/index.tsx +374 -0
- package/src/toast/index.tsx +172 -0
- package/src/toast/useToast.tsx +93 -0
- package/src/utiles/createIcon.ts +44 -0
- package/src/utiles/fontStyles.js +31 -0
- package/src/utiles/position.ts +100 -0
- package/src/utiles/statusBar.ts +410 -0
- package/src/utiles/styled.tsx +48 -0
- package/src/utiles/styles.ts +25 -0
- package/src/utiles/theme.ts +727 -0
- package/src/utiles/validators.ts +21 -0
- package/src/utiles/viewStyleProps.ts +41 -0
- package/src/utiles/viewStyleVariants.ts +411 -0
- package/lib/commonjs/assets/img/blank_1.png +0 -0
- package/lib/commonjs/assets/img/blank_2.png +0 -0
- package/lib/commonjs/assets/img/doctor.png +0 -0
- package/lib/commonjs/package/badge/index.js +0 -161
- package/lib/commonjs/package/badge/index.js.map +0 -1
- package/lib/commonjs/package/button/index.js +0 -99
- package/lib/commonjs/package/button/index.js.map +0 -1
- package/lib/commonjs/package/card/index.js +0 -46
- package/lib/commonjs/package/card/index.js.map +0 -1
- package/lib/commonjs/package/checkBox/index.js +0 -92
- package/lib/commonjs/package/checkBox/index.js.map +0 -1
- package/lib/commonjs/package/cycle/index.js +0 -43
- package/lib/commonjs/package/cycle/index.js.map +0 -1
- package/lib/commonjs/package/dialog/index.js +0 -216
- package/lib/commonjs/package/dialog/index.js.map +0 -1
- package/lib/commonjs/package/dropdown/index.js +0 -112
- package/lib/commonjs/package/dropdown/index.js.map +0 -1
- package/lib/commonjs/package/form/index.js +0 -190
- package/lib/commonjs/package/form/index.js.map +0 -1
- package/lib/commonjs/package/header/index.js +0 -99
- package/lib/commonjs/package/header/index.js.map +0 -1
- package/lib/commonjs/package/image/index.js +0 -326
- package/lib/commonjs/package/image/index.js.map +0 -1
- package/lib/commonjs/package/radioButton/index.js +0 -75
- package/lib/commonjs/package/radioButton/index.js.map +0 -1
- package/lib/commonjs/package/safeAreaView/index.js +0 -26
- package/lib/commonjs/package/safeAreaView/index.js.map +0 -1
- package/lib/commonjs/package/scrollView/index.js +0 -23
- package/lib/commonjs/package/scrollView/index.js.map +0 -1
- package/lib/commonjs/package/separator/index.js +0 -33
- package/lib/commonjs/package/separator/index.js.map +0 -1
- package/lib/commonjs/package/spacer/index.js +0 -18
- package/lib/commonjs/package/spacer/index.js.map +0 -1
- package/lib/commonjs/package/spinner/index.js +0 -43
- package/lib/commonjs/package/spinner/index.js.map +0 -1
- package/lib/commonjs/package/stack/__test__/index.test.js +0 -91
- package/lib/commonjs/package/stack/__test__/index.test.js.map +0 -1
- package/lib/commonjs/package/stack/index.js +0 -54
- package/lib/commonjs/package/stack/index.js.map +0 -1
- package/lib/commonjs/package/styled/__test__/index.test.js +0 -161
- package/lib/commonjs/package/styled/__test__/index.test.js.map +0 -1
- package/lib/commonjs/package/styled/index.js +0 -42
- package/lib/commonjs/package/styled/index.js.map +0 -1
- package/lib/commonjs/package/switch/index.js +0 -43
- package/lib/commonjs/package/switch/index.js.map +0 -1
- package/lib/commonjs/package/text/index.js +0 -81
- package/lib/commonjs/package/text/index.js.map +0 -1
- package/lib/commonjs/package/theme.js +0 -385
- package/lib/commonjs/package/theme.js.map +0 -1
- package/lib/commonjs/package/utils/index.js +0 -130
- package/lib/commonjs/package/utils/index.js.map +0 -1
- package/lib/commonjs/package/utils/statusBar.js +0 -70
- package/lib/commonjs/package/utils/statusBar.js.map +0 -1
- package/lib/commonjs/package/utils/validator.js +0 -40
- package/lib/commonjs/package/utils/validator.js.map +0 -1
- package/lib/commonjs/styled.code-workspace +0 -9
- package/lib/module/assets/img/blank_1.png +0 -0
- package/lib/module/assets/img/blank_2.png +0 -0
- package/lib/module/assets/img/doctor.png +0 -0
- package/lib/module/package/badge/index.js +0 -153
- package/lib/module/package/badge/index.js.map +0 -1
- package/lib/module/package/button/index.js +0 -92
- package/lib/module/package/button/index.js.map +0 -1
- package/lib/module/package/card/index.js +0 -39
- package/lib/module/package/card/index.js.map +0 -1
- package/lib/module/package/checkBox/index.js +0 -83
- package/lib/module/package/checkBox/index.js.map +0 -1
- package/lib/module/package/cycle/index.js +0 -36
- package/lib/module/package/cycle/index.js.map +0 -1
- package/lib/module/package/dialog/index.js +0 -206
- package/lib/module/package/dialog/index.js.map +0 -1
- package/lib/module/package/dropdown/index.js +0 -102
- package/lib/module/package/dropdown/index.js.map +0 -1
- package/lib/module/package/form/index.js +0 -182
- package/lib/module/package/form/index.js.map +0 -1
- package/lib/module/package/header/index.js +0 -93
- package/lib/module/package/header/index.js.map +0 -1
- package/lib/module/package/image/index.js +0 -315
- package/lib/module/package/image/index.js.map +0 -1
- package/lib/module/package/radioButton/index.js +0 -66
- package/lib/module/package/radioButton/index.js.map +0 -1
- package/lib/module/package/safeAreaView/index.js +0 -21
- package/lib/module/package/safeAreaView/index.js.map +0 -1
- package/lib/module/package/scrollView/index.js +0 -18
- package/lib/module/package/scrollView/index.js.map +0 -1
- package/lib/module/package/separator/index.js +0 -26
- package/lib/module/package/separator/index.js.map +0 -1
- package/lib/module/package/spacer/index.js +0 -11
- package/lib/module/package/spacer/index.js.map +0 -1
- package/lib/module/package/spinner/index.js +0 -36
- package/lib/module/package/spinner/index.js.map +0 -1
- package/lib/module/package/stack/__test__/index.test.js +0 -89
- package/lib/module/package/stack/__test__/index.test.js.map +0 -1
- package/lib/module/package/stack/index.js +0 -49
- package/lib/module/package/stack/index.js.map +0 -1
- package/lib/module/package/styled/__test__/index.test.js +0 -158
- package/lib/module/package/styled/__test__/index.test.js.map +0 -1
- package/lib/module/package/styled/index.js +0 -35
- package/lib/module/package/styled/index.js.map +0 -1
- package/lib/module/package/switch/index.js +0 -36
- package/lib/module/package/switch/index.js.map +0 -1
- package/lib/module/package/text/index.js +0 -76
- package/lib/module/package/text/index.js.map +0 -1
- package/lib/module/package/theme.js.map +0 -1
- package/lib/module/package/utils/index.js +0 -120
- package/lib/module/package/utils/index.js.map +0 -1
- package/lib/module/package/utils/statusBar.js +0 -57
- package/lib/module/package/utils/statusBar.js.map +0 -1
- package/lib/module/package/utils/validator.js +0 -34
- package/lib/module/package/utils/validator.js.map +0 -1
- package/lib/module/styled.code-workspace +0 -9
- package/src/assets/img/blank_1.png +0 -0
- package/src/assets/img/blank_2.png +0 -0
- package/src/assets/img/doctor.png +0 -0
- package/src/index.js +0 -24
- package/src/package/badge/index.jsx +0 -135
- package/src/package/button/index.jsx +0 -83
- package/src/package/card/index.jsx +0 -52
- package/src/package/checkBox/index.jsx +0 -97
- package/src/package/cycle/index.jsx +0 -49
- package/src/package/dialog/index.jsx +0 -263
- package/src/package/dropdown/index.jsx +0 -101
- package/src/package/form/index.jsx +0 -144
- package/src/package/header/index.jsx +0 -96
- package/src/package/image/index.jsx +0 -300
- package/src/package/radioButton/index.jsx +0 -74
- package/src/package/safeAreaView/index.jsx +0 -20
- package/src/package/scrollView/index.jsx +0 -17
- package/src/package/separator/index.jsx +0 -27
- package/src/package/spacer/index.jsx +0 -13
- package/src/package/spinner/index.jsx +0 -33
- package/src/package/stack/__test__/index.test.js +0 -68
- package/src/package/stack/index.jsx +0 -50
- package/src/package/styled/__test__/index.test.js +0 -132
- package/src/package/styled/index.js +0 -32
- package/src/package/switch/index.jsx +0 -33
- package/src/package/text/index.jsx +0 -67
- package/src/package/theme.js +0 -377
- package/src/package/utils/index.js +0 -109
- package/src/package/utils/statusBar.js +0 -65
- package/src/package/utils/validator.js +0 -38
- package/src/styled.code-workspace +0 -9
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { Platform, Dimensions } from 'react-native';
|
|
2
|
-
import { theme } from '../theme';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
export const isValidColor = value => /^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value);
|
|
5
|
-
export const isValidNumber = value => typeof value === 'number' && isFinite(value);
|
|
6
|
-
export const isValidString = value => typeof value === 'string' && value.trim().length > 0;
|
|
7
|
-
const shadow = {
|
|
8
|
-
light: Platform.select({
|
|
9
|
-
ios: {
|
|
10
|
-
shadowColor: theme.colors.gray[900],
|
|
11
|
-
shadowOffset: {
|
|
12
|
-
width: 0,
|
|
13
|
-
height: 1
|
|
14
|
-
},
|
|
15
|
-
shadowOpacity: 0.22,
|
|
16
|
-
shadowRadius: 2.22
|
|
17
|
-
},
|
|
18
|
-
android: {
|
|
19
|
-
elevation: 1
|
|
20
|
-
}
|
|
21
|
-
}),
|
|
22
|
-
lightMedium: Platform.select({
|
|
23
|
-
ios: {
|
|
24
|
-
shadowColor: theme.colors.gray[900],
|
|
25
|
-
shadowOffset: {
|
|
26
|
-
width: 0,
|
|
27
|
-
height: 2
|
|
28
|
-
},
|
|
29
|
-
shadowOpacity: 0.24,
|
|
30
|
-
shadowRadius: 2.84
|
|
31
|
-
},
|
|
32
|
-
android: {
|
|
33
|
-
elevation: 3
|
|
34
|
-
}
|
|
35
|
-
}),
|
|
36
|
-
medium: Platform.select({
|
|
37
|
-
ios: {
|
|
38
|
-
shadowColor: theme.colors.gray[900],
|
|
39
|
-
shadowOffset: {
|
|
40
|
-
width: 0,
|
|
41
|
-
height: 3
|
|
42
|
-
},
|
|
43
|
-
shadowOpacity: 0.29,
|
|
44
|
-
shadowRadius: 4.65
|
|
45
|
-
},
|
|
46
|
-
android: {
|
|
47
|
-
elevation: 7
|
|
48
|
-
}
|
|
49
|
-
}),
|
|
50
|
-
mediumDark: Platform.select({
|
|
51
|
-
ios: {
|
|
52
|
-
shadowColor: theme.colors.gray[900],
|
|
53
|
-
shadowOffset: {
|
|
54
|
-
width: 0,
|
|
55
|
-
height: 5
|
|
56
|
-
},
|
|
57
|
-
shadowOpacity: 0.36,
|
|
58
|
-
shadowRadius: 6.68
|
|
59
|
-
},
|
|
60
|
-
android: {
|
|
61
|
-
elevation: 10
|
|
62
|
-
}
|
|
63
|
-
}),
|
|
64
|
-
dark: Platform.select({
|
|
65
|
-
ios: {
|
|
66
|
-
shadowColor: theme.colors.gray[900],
|
|
67
|
-
shadowOffset: {
|
|
68
|
-
width: 0,
|
|
69
|
-
height: 7
|
|
70
|
-
},
|
|
71
|
-
shadowOpacity: 0.41,
|
|
72
|
-
shadowRadius: 9.11
|
|
73
|
-
},
|
|
74
|
-
android: {
|
|
75
|
-
elevation: 14
|
|
76
|
-
}
|
|
77
|
-
}),
|
|
78
|
-
veryDark: Platform.select({
|
|
79
|
-
ios: {
|
|
80
|
-
shadowColor: theme.colors.gray[900],
|
|
81
|
-
shadowOffset: {
|
|
82
|
-
width: 0,
|
|
83
|
-
height: 10
|
|
84
|
-
},
|
|
85
|
-
shadowOpacity: 0.5,
|
|
86
|
-
shadowRadius: 13.34
|
|
87
|
-
},
|
|
88
|
-
android: {
|
|
89
|
-
elevation: 20
|
|
90
|
-
}
|
|
91
|
-
})
|
|
92
|
-
};
|
|
93
|
-
class ErrorBoundary extends React.Component {
|
|
94
|
-
constructor(props) {
|
|
95
|
-
super(props);
|
|
96
|
-
this.state = {
|
|
97
|
-
hasError: false
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
static getDerivedStateFromError(error) {
|
|
101
|
-
return {
|
|
102
|
-
hasError: true
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
componentDidCatch(error, info) {
|
|
106
|
-
console.log(error, info.componentStack);
|
|
107
|
-
}
|
|
108
|
-
render() {
|
|
109
|
-
if (this.state.hasError) {
|
|
110
|
-
return this.props.fallback;
|
|
111
|
-
}
|
|
112
|
-
return this.props.children;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
export const isIOS = Platform.OS === 'ios';
|
|
116
|
-
export const isAndroid = !isIOS;
|
|
117
|
-
export const windowWidth = Dimensions.get('window').width;
|
|
118
|
-
export const windowHeight = Dimensions.get('window').height;
|
|
119
|
-
export { shadow, ErrorBoundary };
|
|
120
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","Dimensions","theme","React","isValidColor","value","test","isValidNumber","isFinite","isValidString","trim","length","shadow","light","select","ios","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","ErrorBoundary","Component","constructor","props","state","hasError","getDerivedStateFromError","error","componentDidCatch","info","console","log","componentStack","render","fallback","children","isIOS","OS","isAndroid","windowWidth","get","windowHeight"],"sources":["index.js"],"sourcesContent":["import { Platform, Dimensions } from 'react-native'\r\nimport { theme } from '../theme'\r\nimport React from 'react'\r\n\r\nexport const isValidColor = value =>\r\n\t/^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value) \r\nexport const isValidNumber = value =>\r\n\ttypeof value === 'number' && isFinite(value)\r\nexport const isValidString = value =>\r\n\ttypeof value === 'string' && value.trim().length > 0\r\n\r\nconst shadow = {\r\n light: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 1 },\r\n shadowOpacity: 0.22,\r\n shadowRadius: 2.22\r\n },\r\n android: {\r\n elevation: 1\r\n }\r\n }),\r\n lightMedium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 2 },\r\n shadowOpacity: 0.24,\r\n shadowRadius: 2.84\r\n },\r\n android: {\r\n elevation: 3\r\n }\r\n }),\r\n medium: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 3 },\r\n shadowOpacity: 0.29,\r\n shadowRadius: 4.65\r\n },\r\n android: {\r\n elevation: 7\r\n }\r\n }),\r\n mediumDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 5 },\r\n shadowOpacity: 0.36,\r\n shadowRadius: 6.68\r\n },\r\n android: {\r\n elevation: 10\r\n }\r\n }),\r\n dark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 7 },\r\n shadowOpacity: 0.41,\r\n shadowRadius: 9.11\r\n },\r\n android: {\r\n elevation: 14\r\n }\r\n }),\r\n veryDark: Platform.select({\r\n ios: {\r\n shadowColor: theme.colors.gray[900],\r\n shadowOffset: { width: 0, height: 10 },\r\n shadowOpacity: 0.5,\r\n shadowRadius: 13.34\r\n },\r\n android: {\r\n elevation: 20\r\n }\r\n })\r\n}\r\n\r\nclass ErrorBoundary extends React.Component {\r\n constructor (props) {\r\n super(props)\r\n this.state = { hasError: false }\r\n }\r\n\r\n static getDerivedStateFromError (error) {\r\n return { hasError: true }\r\n }\r\n\r\n componentDidCatch (error, info) {\r\n console.log(error, info.componentStack)\r\n }\r\n\r\n render () {\r\n if (this.state.hasError) {\r\n return this.props.fallback\r\n }\r\n\r\n return this.props.children\r\n }\r\n}\r\n\r\nexport const isIOS = Platform.OS === 'ios'\r\nexport const isAndroid = !isIOS\r\nexport const windowWidth = Dimensions.get('window').width\r\nexport const windowHeight = Dimensions.get('window').height\r\n\r\nexport { shadow, ErrorBoundary }\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,KAAK,QAAQ,UAAU;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,YAAY,GAAGC,KAAK,IAChC,2CAA2C,CAACC,IAAI,CAACD,KAAK,CAAC;AACxD,OAAO,MAAME,aAAa,GAAGF,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,IAAIG,QAAQ,CAACH,KAAK,CAAC;AAC7C,OAAO,MAAMI,aAAa,GAAGJ,KAAK,IACjC,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACK,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;AAErD,MAAMC,MAAM,GAAG;EACbC,KAAK,EAAEb,QAAQ,CAACc,MAAM,CAAC;IACrBC,GAAG,EAAE;MACHC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFC,WAAW,EAAE1B,QAAQ,CAACc,MAAM,CAAC;IAC3BC,GAAG,EAAE;MACHC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFE,MAAM,EAAE3B,QAAQ,CAACc,MAAM,CAAC;IACtBC,GAAG,EAAE;MACHC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFG,UAAU,EAAE5B,QAAQ,CAACc,MAAM,CAAC;IAC1BC,GAAG,EAAE;MACHC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFI,IAAI,EAAE7B,QAAQ,CAACc,MAAM,CAAC;IACpBC,GAAG,EAAE;MACHC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACFK,QAAQ,EAAE9B,QAAQ,CAACc,MAAM,CAAC;IACxBC,GAAG,EAAE;MACHC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAG,CAAC;MACtCC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb;EACF,CAAC;AACH,CAAC;AAED,MAAMM,aAAa,SAAS5B,KAAK,CAAC6B,SAAS,CAAC;EAC1CC,WAAWA,CAAEC,KAAK,EAAE;IAClB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEC,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEA,OAAOC,wBAAwBA,CAAEC,KAAK,EAAE;IACtC,OAAO;MAAEF,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAEAG,iBAAiBA,CAAED,KAAK,EAAEE,IAAI,EAAE;IAC9BC,OAAO,CAACC,GAAG,CAACJ,KAAK,EAAEE,IAAI,CAACG,cAAc,CAAC;EACzC;EAEAC,MAAMA,CAAA,EAAI;IACR,IAAI,IAAI,CAACT,KAAK,CAACC,QAAQ,EAAE;MACvB,OAAO,IAAI,CAACF,KAAK,CAACW,QAAQ;IAC5B;IAEA,OAAO,IAAI,CAACX,KAAK,CAACY,QAAQ;EAC5B;AACF;AAEA,OAAO,MAAMC,KAAK,GAAG/C,QAAQ,CAACgD,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAMC,SAAS,GAAG,CAACF,KAAK;AAC/B,OAAO,MAAMG,WAAW,GAAGjD,UAAU,CAACkD,GAAG,CAAC,QAAQ,CAAC,CAAC/B,KAAK;AACzD,OAAO,MAAMgC,YAAY,GAAGnD,UAAU,CAACkD,GAAG,CAAC,QAAQ,CAAC,CAAC9B,MAAM;AAE3D,SAAST,MAAM,EAAEmB,aAAa","ignoreList":[]}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { Dimensions, Platform, StatusBar } from 'react-native';
|
|
2
|
-
const STATUSBAR_DEFAULT_HEIGHT = 20;
|
|
3
|
-
const STATUSBAR_X_HEIGHT = 44;
|
|
4
|
-
const STATUSBAR_IP12_HEIGHT = 47;
|
|
5
|
-
const STATUSBAR_IP12MAX_HEIGHT = 47;
|
|
6
|
-
const X_WIDTH = 375;
|
|
7
|
-
const X_HEIGHT = 812;
|
|
8
|
-
const XSMAX_WIDTH = 414;
|
|
9
|
-
const XSMAX_HEIGHT = 896;
|
|
10
|
-
const IP12_WIDTH = 390;
|
|
11
|
-
const IP12_HEIGHT = 844;
|
|
12
|
-
const IP12MAX_WIDTH = 428;
|
|
13
|
-
const IP12MAX_HEIGHT = 926;
|
|
14
|
-
const {
|
|
15
|
-
height: W_HEIGHT,
|
|
16
|
-
width: W_WIDTH
|
|
17
|
-
} = Dimensions.get('window');
|
|
18
|
-
let statusBarHeight = STATUSBAR_DEFAULT_HEIGHT;
|
|
19
|
-
let isIPhoneX_v = false;
|
|
20
|
-
let isIPhoneXMax_v = false;
|
|
21
|
-
let isIPhone12_v = false;
|
|
22
|
-
let isIPhone12Max_v = false;
|
|
23
|
-
let isIPhoneWithMonobrow_v = false;
|
|
24
|
-
if (Platform.OS === 'ios' && !Platform.isPad && !Platform.isTVOS) {
|
|
25
|
-
if (W_WIDTH === X_WIDTH && W_HEIGHT === X_HEIGHT) {
|
|
26
|
-
isIPhoneWithMonobrow_v = true;
|
|
27
|
-
isIPhoneX_v = true;
|
|
28
|
-
statusBarHeight = STATUSBAR_X_HEIGHT;
|
|
29
|
-
} else if (W_WIDTH === XSMAX_WIDTH && W_HEIGHT === XSMAX_HEIGHT) {
|
|
30
|
-
isIPhoneWithMonobrow_v = true;
|
|
31
|
-
isIPhoneXMax_v = true;
|
|
32
|
-
statusBarHeight = STATUSBAR_X_HEIGHT;
|
|
33
|
-
} else if (W_WIDTH === IP12_WIDTH && W_HEIGHT === IP12_HEIGHT) {
|
|
34
|
-
isIPhoneWithMonobrow_v = true;
|
|
35
|
-
isIPhone12_v = true;
|
|
36
|
-
statusBarHeight = STATUSBAR_IP12_HEIGHT;
|
|
37
|
-
} else if (W_WIDTH === IP12MAX_WIDTH && W_HEIGHT === IP12MAX_HEIGHT) {
|
|
38
|
-
isIPhoneWithMonobrow_v = true;
|
|
39
|
-
isIPhone12Max_v = true;
|
|
40
|
-
statusBarHeight = STATUSBAR_IP12MAX_HEIGHT;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
export const isIPhoneX = () => isIPhoneX_v;
|
|
44
|
-
export const isIPhoneXMax = () => isIPhoneXMax_v;
|
|
45
|
-
export const isIPhone12 = () => isIPhone12_v;
|
|
46
|
-
export const isIPhone12Max = () => isIPhone12Max_v;
|
|
47
|
-
export const isIPhoneWithMonobrow = () => isIPhoneWithMonobrow_v;
|
|
48
|
-
const getExpoRoot = () => global.Expo || global.__expo || global.__exponent;
|
|
49
|
-
export const isExpo = () => getExpoRoot() !== undefined;
|
|
50
|
-
export function getStatusBarHeight(skipAndroid, skipIos = true) {
|
|
51
|
-
return Platform.select({
|
|
52
|
-
ios: skipIos ? 0 : statusBarHeight,
|
|
53
|
-
android: skipAndroid ? 0 : StatusBar.currentHeight,
|
|
54
|
-
default: 0
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
//# sourceMappingURL=statusBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Dimensions","Platform","StatusBar","STATUSBAR_DEFAULT_HEIGHT","STATUSBAR_X_HEIGHT","STATUSBAR_IP12_HEIGHT","STATUSBAR_IP12MAX_HEIGHT","X_WIDTH","X_HEIGHT","XSMAX_WIDTH","XSMAX_HEIGHT","IP12_WIDTH","IP12_HEIGHT","IP12MAX_WIDTH","IP12MAX_HEIGHT","height","W_HEIGHT","width","W_WIDTH","get","statusBarHeight","isIPhoneX_v","isIPhoneXMax_v","isIPhone12_v","isIPhone12Max_v","isIPhoneWithMonobrow_v","OS","isPad","isTVOS","isIPhoneX","isIPhoneXMax","isIPhone12","isIPhone12Max","isIPhoneWithMonobrow","getExpoRoot","global","Expo","__expo","__exponent","isExpo","undefined","getStatusBarHeight","skipAndroid","skipIos","select","ios","android","currentHeight","default"],"sources":["statusBar.js"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native'\r\n\r\nconst STATUSBAR_DEFAULT_HEIGHT = 20\r\nconst STATUSBAR_X_HEIGHT = 44\r\nconst STATUSBAR_IP12_HEIGHT = 47\r\nconst STATUSBAR_IP12MAX_HEIGHT = 47\r\n\r\nconst X_WIDTH = 375\r\nconst X_HEIGHT = 812\r\n\r\nconst XSMAX_WIDTH = 414\r\nconst XSMAX_HEIGHT = 896\r\n\r\nconst IP12_WIDTH = 390\r\nconst IP12_HEIGHT = 844\r\n\r\nconst IP12MAX_WIDTH = 428\r\nconst IP12MAX_HEIGHT = 926\r\n\r\nconst { height: W_HEIGHT, width: W_WIDTH } = Dimensions.get('window')\r\n\r\nlet statusBarHeight = STATUSBAR_DEFAULT_HEIGHT\r\nlet isIPhoneX_v = false\r\nlet isIPhoneXMax_v = false\r\nlet isIPhone12_v = false\r\nlet isIPhone12Max_v = false\r\nlet isIPhoneWithMonobrow_v = false\r\n\r\nif (Platform.OS === 'ios' && !Platform.isPad && !Platform.isTVOS) {\r\n if (W_WIDTH === X_WIDTH && W_HEIGHT === X_HEIGHT) {\r\n isIPhoneWithMonobrow_v = true\r\n isIPhoneX_v = true\r\n statusBarHeight = STATUSBAR_X_HEIGHT\r\n } else if (W_WIDTH === XSMAX_WIDTH && W_HEIGHT === XSMAX_HEIGHT) {\r\n isIPhoneWithMonobrow_v = true\r\n isIPhoneXMax_v = true\r\n statusBarHeight = STATUSBAR_X_HEIGHT\r\n } else if (W_WIDTH === IP12_WIDTH && W_HEIGHT === IP12_HEIGHT) {\r\n isIPhoneWithMonobrow_v = true\r\n isIPhone12_v = true\r\n statusBarHeight = STATUSBAR_IP12_HEIGHT\r\n } else if (W_WIDTH === IP12MAX_WIDTH && W_HEIGHT === IP12MAX_HEIGHT) {\r\n isIPhoneWithMonobrow_v = true\r\n isIPhone12Max_v = true\r\n statusBarHeight = STATUSBAR_IP12MAX_HEIGHT\r\n }\r\n}\r\n\r\nexport const isIPhoneX = () => isIPhoneX_v\r\nexport const isIPhoneXMax = () => isIPhoneXMax_v\r\nexport const isIPhone12 = () => isIPhone12_v\r\nexport const isIPhone12Max = () => isIPhone12Max_v\r\nexport const isIPhoneWithMonobrow = () => isIPhoneWithMonobrow_v\r\n\r\nconst getExpoRoot = () => global.Expo || global.__expo || global.__exponent\r\n\r\nexport const isExpo = () => getExpoRoot() !== undefined\r\n\r\nexport function getStatusBarHeight(skipAndroid, skipIos = true) {\r\n return Platform.select({\r\n ios: skipIos ? 0 : statusBarHeight,\r\n android: skipAndroid ? 0 : StatusBar.currentHeight,\r\n default: 0\r\n })\r\n}\r\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAE9D,MAAMC,wBAAwB,GAAG,EAAE;AACnC,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,wBAAwB,GAAG,EAAE;AAEnC,MAAMC,OAAO,GAAG,GAAG;AACnB,MAAMC,QAAQ,GAAG,GAAG;AAEpB,MAAMC,WAAW,GAAG,GAAG;AACvB,MAAMC,YAAY,GAAG,GAAG;AAExB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,GAAG;AAEvB,MAAMC,aAAa,GAAG,GAAG;AACzB,MAAMC,cAAc,GAAG,GAAG;AAE1B,MAAM;EAAEC,MAAM,EAAEC,QAAQ;EAAEC,KAAK,EAAEC;AAAQ,CAAC,GAAGlB,UAAU,CAACmB,GAAG,CAAC,QAAQ,CAAC;AAErE,IAAIC,eAAe,GAAGjB,wBAAwB;AAC9C,IAAIkB,WAAW,GAAG,KAAK;AACvB,IAAIC,cAAc,GAAG,KAAK;AAC1B,IAAIC,YAAY,GAAG,KAAK;AACxB,IAAIC,eAAe,GAAG,KAAK;AAC3B,IAAIC,sBAAsB,GAAG,KAAK;AAElC,IAAIxB,QAAQ,CAACyB,EAAE,KAAK,KAAK,IAAI,CAACzB,QAAQ,CAAC0B,KAAK,IAAI,CAAC1B,QAAQ,CAAC2B,MAAM,EAAE;EAChE,IAAIV,OAAO,KAAKX,OAAO,IAAIS,QAAQ,KAAKR,QAAQ,EAAE;IAChDiB,sBAAsB,GAAG,IAAI;IAC7BJ,WAAW,GAAG,IAAI;IAClBD,eAAe,GAAGhB,kBAAkB;EACtC,CAAC,MAAM,IAAIc,OAAO,KAAKT,WAAW,IAAIO,QAAQ,KAAKN,YAAY,EAAE;IAC/De,sBAAsB,GAAG,IAAI;IAC7BH,cAAc,GAAG,IAAI;IACrBF,eAAe,GAAGhB,kBAAkB;EACtC,CAAC,MAAM,IAAIc,OAAO,KAAKP,UAAU,IAAIK,QAAQ,KAAKJ,WAAW,EAAE;IAC7Da,sBAAsB,GAAG,IAAI;IAC7BF,YAAY,GAAG,IAAI;IACnBH,eAAe,GAAGf,qBAAqB;EACzC,CAAC,MAAM,IAAIa,OAAO,KAAKL,aAAa,IAAIG,QAAQ,KAAKF,cAAc,EAAE;IACnEW,sBAAsB,GAAG,IAAI;IAC7BD,eAAe,GAAG,IAAI;IACtBJ,eAAe,GAAGd,wBAAwB;EAC5C;AACF;AAEA,OAAO,MAAMuB,SAAS,GAAGA,CAAA,KAAMR,WAAW;AAC1C,OAAO,MAAMS,YAAY,GAAGA,CAAA,KAAMR,cAAc;AAChD,OAAO,MAAMS,UAAU,GAAGA,CAAA,KAAMR,YAAY;AAC5C,OAAO,MAAMS,aAAa,GAAGA,CAAA,KAAMR,eAAe;AAClD,OAAO,MAAMS,oBAAoB,GAAGA,CAAA,KAAMR,sBAAsB;AAEhE,MAAMS,WAAW,GAAGA,CAAA,KAAMC,MAAM,CAACC,IAAI,IAAID,MAAM,CAACE,MAAM,IAAIF,MAAM,CAACG,UAAU;AAE3E,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAML,WAAW,CAAC,CAAC,KAAKM,SAAS;AAEvD,OAAO,SAASC,kBAAkBA,CAACC,WAAW,EAAEC,OAAO,GAAG,IAAI,EAAE;EAC9D,OAAO1C,QAAQ,CAAC2C,MAAM,CAAC;IACrBC,GAAG,EAAEF,OAAO,GAAG,CAAC,GAAGvB,eAAe;IAClC0B,OAAO,EAAEJ,WAAW,GAAG,CAAC,GAAGxC,SAAS,CAAC6C,aAAa;IAClDC,OAAO,EAAE;EACX,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
const validateField = (value, rules) => {
|
|
2
|
-
for (const rule of rules) {
|
|
3
|
-
var _rule$pattern;
|
|
4
|
-
if (rule !== null && rule !== void 0 && rule.array) {
|
|
5
|
-
if (Array.isArray(value) && value.length === 0) {
|
|
6
|
-
return rule.message;
|
|
7
|
-
}
|
|
8
|
-
} else if (!(rule !== null && rule !== void 0 && (_rule$pattern = rule.pattern) !== null && _rule$pattern !== void 0 && _rule$pattern.test(value))) {
|
|
9
|
-
return rule.message;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
return undefined;
|
|
13
|
-
};
|
|
14
|
-
const validate = (values, rules) => {
|
|
15
|
-
const errors = {};
|
|
16
|
-
let hasError = false;
|
|
17
|
-
for (const field in rules) {
|
|
18
|
-
const fieldRules = rules[field];
|
|
19
|
-
const value = values[field];
|
|
20
|
-
const error = validateField(value, fieldRules);
|
|
21
|
-
if (error) {
|
|
22
|
-
hasError = true;
|
|
23
|
-
errors[field] = {
|
|
24
|
-
message: error
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return {
|
|
29
|
-
hasError,
|
|
30
|
-
errors
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { validate };
|
|
34
|
-
//# sourceMappingURL=validator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["validateField","value","rules","rule","_rule$pattern","array","Array","isArray","length","message","pattern","test","undefined","validate","values","errors","hasError","field","fieldRules","error"],"sources":["validator.js"],"sourcesContent":["\r\nconst validateField = (value, rules) => {\r\n for (const rule of rules) {\r\n if (rule?.array) { \r\n if (Array.isArray(value) && value.length === 0) {\r\n return rule.message;\r\n }\r\n } else if (!rule?.pattern?.test(value)) { \r\n return rule.message;\r\n }\r\n }\r\n\r\n return undefined;\r\n};\r\n\r\n\r\nconst validate = (values, rules) => {\r\n const errors = {};\r\n let hasError = false;\r\n\r\n for (const field in rules) {\r\n const fieldRules = rules[field];\r\n const value = values[field];\r\n const error = validateField(value, fieldRules);\r\n\r\n if (error) {\r\n hasError = true;\r\n errors[field] = { message: error };\r\n }\r\n }\r\n\r\n return {\r\n hasError,\r\n errors,\r\n };\r\n};\r\n\r\nexport { validate };\r\n"],"mappings":"AACA,MAAMA,aAAa,GAAGA,CAACC,KAAK,EAAEC,KAAK,KAAK;EACtC,KAAK,MAAMC,IAAI,IAAID,KAAK,EAAE;IAAA,IAAAE,aAAA;IACxB,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEE,KAAK,EAAE;MACf,IAAIC,KAAK,CAACC,OAAO,CAACN,KAAK,CAAC,IAAIA,KAAK,CAACO,MAAM,KAAK,CAAC,EAAE;QAC9C,OAAOL,IAAI,CAACM,OAAO;MACrB;IACF,CAAC,MAAM,IAAI,EAACN,IAAI,aAAJA,IAAI,gBAAAC,aAAA,GAAJD,IAAI,CAAEO,OAAO,cAAAN,aAAA,eAAbA,aAAA,CAAeO,IAAI,CAACV,KAAK,CAAC,GAAE;MACtC,OAAOE,IAAI,CAACM,OAAO;IACrB;EACF;EAEA,OAAOG,SAAS;AAClB,CAAC;AAGD,MAAMC,QAAQ,GAAGA,CAACC,MAAM,EAAEZ,KAAK,KAAK;EAClC,MAAMa,MAAM,GAAG,CAAC,CAAC;EACjB,IAAIC,QAAQ,GAAG,KAAK;EAEpB,KAAK,MAAMC,KAAK,IAAIf,KAAK,EAAE;IACzB,MAAMgB,UAAU,GAAGhB,KAAK,CAACe,KAAK,CAAC;IAC/B,MAAMhB,KAAK,GAAGa,MAAM,CAACG,KAAK,CAAC;IAC3B,MAAME,KAAK,GAAGnB,aAAa,CAACC,KAAK,EAAEiB,UAAU,CAAC;IAE9C,IAAIC,KAAK,EAAE;MACTH,QAAQ,GAAG,IAAI;MACfD,MAAM,CAACE,KAAK,CAAC,GAAG;QAAER,OAAO,EAAEU;MAAM,CAAC;IACpC;EACF;EAEA,OAAO;IACLH,QAAQ;IACRD;EACF,CAAC;AACH,CAAC;AAED,SAASF,QAAQ","ignoreList":[]}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/src/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export * from './package/styled'
|
|
2
|
-
export * from './package/card'
|
|
3
|
-
export * from './package/spacer'
|
|
4
|
-
export * from './package/stack'
|
|
5
|
-
export * from './package/text'
|
|
6
|
-
export * from './package/button'
|
|
7
|
-
export * from './package/badge'
|
|
8
|
-
export * from './package/checkBox'
|
|
9
|
-
export * from './package/dialog'
|
|
10
|
-
export * from './package/dropdown'
|
|
11
|
-
export * from './package/header'
|
|
12
|
-
export * from './package/image'
|
|
13
|
-
export * from './package/form'
|
|
14
|
-
export * from './package/radioButton'
|
|
15
|
-
export * from './package/safeAreaView'
|
|
16
|
-
export * from './package/scrollView'
|
|
17
|
-
export * from './package/separator'
|
|
18
|
-
export * from './package/switch'
|
|
19
|
-
export * from './package/spinner'
|
|
20
|
-
export * from './package/cycle'
|
|
21
|
-
export * from './package/theme'
|
|
22
|
-
export * from './package/utils'
|
|
23
|
-
export * from './package/utils/validator'
|
|
24
|
-
export * from './package/utils/statusBar'
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
// @ts-nocheck
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Text } from 'react-native';
|
|
4
|
-
import { XStack, YStack } from "../stack";
|
|
5
|
-
import { StyledSpacer } from "../spacer";
|
|
6
|
-
import { styled } from "../styled";
|
|
7
|
-
import { theme } from "../theme";
|
|
8
|
-
import { isValidColor, isValidNumber, isValidString } from '../utils';
|
|
9
|
-
|
|
10
|
-
const Badge = styled(Text, {
|
|
11
|
-
base: {
|
|
12
|
-
borderColor: theme.colors.gray[300],
|
|
13
|
-
borderRadius: 32,
|
|
14
|
-
backgroundColor: theme.colors.gray[1],
|
|
15
|
-
fontSize: theme.fontSize.normal,
|
|
16
|
-
color: theme.colors.gray[900],
|
|
17
|
-
fontWeight: theme.fontWeight.bold,
|
|
18
|
-
position: 'relative',
|
|
19
|
-
textAlign: 'center'
|
|
20
|
-
},
|
|
21
|
-
variants: {
|
|
22
|
-
fontWeight: (size = theme.fontWeight.normal) => {
|
|
23
|
-
if (!isValidString(size)) {
|
|
24
|
-
throw new Error('Invalid fontWeight value')
|
|
25
|
-
}
|
|
26
|
-
return { fontWeight: size }
|
|
27
|
-
},
|
|
28
|
-
color: (color = theme.colors.gray[800]) => {
|
|
29
|
-
if (!isValidColor(color)) {
|
|
30
|
-
throw new Error('Invalid color value')
|
|
31
|
-
}
|
|
32
|
-
return { color: color }
|
|
33
|
-
},
|
|
34
|
-
fontSize: (size = theme.fontSize.normal) => {
|
|
35
|
-
if (!isValidNumber(size)) {
|
|
36
|
-
throw new Error('Invalid fontSize value')
|
|
37
|
-
}
|
|
38
|
-
return { fontSize: size }
|
|
39
|
-
},
|
|
40
|
-
flexWrap: 'wrap',
|
|
41
|
-
absolute: {
|
|
42
|
-
true: {
|
|
43
|
-
position: 'absolute'
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
fontFamily: (font) => {
|
|
47
|
-
if (!font) return
|
|
48
|
-
return {
|
|
49
|
-
fontFamily: font
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
textAlign: (align = 'left') => {
|
|
53
|
-
const validAlignments = ['auto', 'left', 'right', 'center', 'justify']
|
|
54
|
-
if (!validAlignments.includes(align)) {
|
|
55
|
-
throw new Error('Invalid textAlign value')
|
|
56
|
-
}
|
|
57
|
-
return { textAlign: align }
|
|
58
|
-
},
|
|
59
|
-
borderColor: color => {
|
|
60
|
-
if (!color) return
|
|
61
|
-
if (!isValidColor(color)) {
|
|
62
|
-
throw new Error('Invalid color value')
|
|
63
|
-
}
|
|
64
|
-
return { borderColor: color }
|
|
65
|
-
},
|
|
66
|
-
borderRadius: (size = 32) => {
|
|
67
|
-
if (!isValidNumber(size)) {
|
|
68
|
-
throw new Error('Invalid borderRadius value')
|
|
69
|
-
}
|
|
70
|
-
return { borderRadius: size }
|
|
71
|
-
},
|
|
72
|
-
backgroundColor: color => {
|
|
73
|
-
if (!color) return
|
|
74
|
-
if (!isValidColor(color)) {
|
|
75
|
-
throw new Error('Invalid color value')
|
|
76
|
-
}
|
|
77
|
-
return { backgroundColor: color }
|
|
78
|
-
},
|
|
79
|
-
right: (size = 0) => {
|
|
80
|
-
if (!isValidNumber(size)) {
|
|
81
|
-
throw new Error('Invalid right value')
|
|
82
|
-
}
|
|
83
|
-
return { right: size }
|
|
84
|
-
},
|
|
85
|
-
top: (size = 0) => {
|
|
86
|
-
if (!isValidNumber(size)) {
|
|
87
|
-
throw new Error('Invalid top value')
|
|
88
|
-
}
|
|
89
|
-
return { top: size }
|
|
90
|
-
},
|
|
91
|
-
}
|
|
92
|
-
})
|
|
93
|
-
|
|
94
|
-
const StyledBadge = ({ children, ...rest }) => {
|
|
95
|
-
return (
|
|
96
|
-
<Badge {...rest}>
|
|
97
|
-
{children}
|
|
98
|
-
</Badge>
|
|
99
|
-
)
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
const StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {
|
|
103
|
-
return (
|
|
104
|
-
<XStack justifyContent='flex-start' alignItems='center' {...rest}>
|
|
105
|
-
{
|
|
106
|
-
iconLeft && (<>
|
|
107
|
-
{iconLeft}
|
|
108
|
-
<StyledSpacer marginHorizontal={2} />
|
|
109
|
-
</>)
|
|
110
|
-
}
|
|
111
|
-
<Badge backgroundColor={theme.colors.transparent} {...textProps}>
|
|
112
|
-
{title}
|
|
113
|
-
</Badge>
|
|
114
|
-
{
|
|
115
|
-
iconRight && (<>
|
|
116
|
-
{iconRight}
|
|
117
|
-
<StyledSpacer marginHorizontal={2} />
|
|
118
|
-
</>)
|
|
119
|
-
}
|
|
120
|
-
</XStack>
|
|
121
|
-
)
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
const StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {
|
|
125
|
-
return (
|
|
126
|
-
<YStack justifyContent='center' alignItems='center' {...rest}>
|
|
127
|
-
{icon}
|
|
128
|
-
<Badge absolute top={top} right={right} {...charProps}>
|
|
129
|
-
{char}
|
|
130
|
-
</Badge>
|
|
131
|
-
</YStack>
|
|
132
|
-
)
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
export { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { TouchableOpacity } from 'react-native'
|
|
3
|
-
import { styled } from '../styled'
|
|
4
|
-
import { theme } from '../theme'
|
|
5
|
-
import { isValidColor, isValidNumber } from '../utils'
|
|
6
|
-
|
|
7
|
-
const Button = styled(TouchableOpacity, {
|
|
8
|
-
base: {
|
|
9
|
-
borderColor: theme.colors.gray[100],
|
|
10
|
-
borderWidth: 1,
|
|
11
|
-
borderRadius: 30,
|
|
12
|
-
backgroundColor: theme.colors.gray[300],
|
|
13
|
-
flexDirection: 'row',
|
|
14
|
-
justifyContent: 'center',
|
|
15
|
-
alignItems: 'center'
|
|
16
|
-
},
|
|
17
|
-
variants: {
|
|
18
|
-
borderColor: color => {
|
|
19
|
-
if (!color) return
|
|
20
|
-
if (!isValidColor(color)) {
|
|
21
|
-
throw new Error('Invalid color value')
|
|
22
|
-
}
|
|
23
|
-
return { borderColor: color }
|
|
24
|
-
},
|
|
25
|
-
borderRadius: (size = 32) => {
|
|
26
|
-
if (!isValidNumber(size)) {
|
|
27
|
-
throw new Error('Invalid borderRadius value')
|
|
28
|
-
}
|
|
29
|
-
return { borderRadius: size }
|
|
30
|
-
},
|
|
31
|
-
flex: size => {
|
|
32
|
-
if (!size) return
|
|
33
|
-
if (!isValidNumber(size)) {
|
|
34
|
-
throw new Error('Invalid flex value')
|
|
35
|
-
}
|
|
36
|
-
return { flex: size }
|
|
37
|
-
},
|
|
38
|
-
width: size => {
|
|
39
|
-
if (!size) return
|
|
40
|
-
return { width: size }
|
|
41
|
-
},
|
|
42
|
-
height: size => {
|
|
43
|
-
if (!size) return
|
|
44
|
-
return { height: size }
|
|
45
|
-
},
|
|
46
|
-
backgroundColor: color => {
|
|
47
|
-
if (!color) return
|
|
48
|
-
if (!isValidColor(color)) {
|
|
49
|
-
throw new Error('Invalid backgroundColor value')
|
|
50
|
-
}
|
|
51
|
-
return { backgroundColor: color }
|
|
52
|
-
},
|
|
53
|
-
link: {
|
|
54
|
-
true: {
|
|
55
|
-
borderColor: theme.colors.pureTransparent,
|
|
56
|
-
borderWidth: 0,
|
|
57
|
-
borderRadius: 0,
|
|
58
|
-
backgroundColor: theme.colors.pureTransparent
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
selected: {
|
|
62
|
-
true: {
|
|
63
|
-
borderColor: theme.colors.cyan[500],
|
|
64
|
-
backgroundColor: theme.colors.cyan[500],
|
|
65
|
-
borderWidth: 0
|
|
66
|
-
},
|
|
67
|
-
false: {
|
|
68
|
-
borderColor: theme.colors.gray[300],
|
|
69
|
-
borderWidth: 0
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
})
|
|
74
|
-
|
|
75
|
-
const StyledButton = ({ children, ...rest }) => {
|
|
76
|
-
return (
|
|
77
|
-
<Button {...rest}>
|
|
78
|
-
{children}
|
|
79
|
-
</Button>
|
|
80
|
-
)
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export { StyledButton, Button }
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { View, Pressable } from 'react-native'
|
|
3
|
-
import { styled } from '../styled'
|
|
4
|
-
import { shadow, windowWidth } from '../utils'
|
|
5
|
-
|
|
6
|
-
const Card = styled(View, {
|
|
7
|
-
base: {
|
|
8
|
-
flexDirection: 'column'
|
|
9
|
-
},
|
|
10
|
-
variants: {
|
|
11
|
-
shadow: shadow,
|
|
12
|
-
HWidth: {
|
|
13
|
-
'32x4': {
|
|
14
|
-
width: windowWidth - 32 - 4
|
|
15
|
-
},
|
|
16
|
-
'32x8': {
|
|
17
|
-
width: windowWidth - 32 - 8
|
|
18
|
-
},
|
|
19
|
-
'16x4': {
|
|
20
|
-
width: windowWidth - 16 - 4
|
|
21
|
-
},
|
|
22
|
-
'16x8': {
|
|
23
|
-
width: windowWidth - 16 - 8
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
}
|
|
27
|
-
})
|
|
28
|
-
|
|
29
|
-
const StyledCard = ({
|
|
30
|
-
pressable = false,
|
|
31
|
-
pressableProps = {},
|
|
32
|
-
children,
|
|
33
|
-
...cardProps
|
|
34
|
-
}) => {
|
|
35
|
-
if (pressable) {
|
|
36
|
-
return (
|
|
37
|
-
<Pressable {...pressableProps}>
|
|
38
|
-
<Card {...cardProps}>
|
|
39
|
-
{children}
|
|
40
|
-
</Card>
|
|
41
|
-
</Pressable>
|
|
42
|
-
)
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
return (
|
|
46
|
-
<Card {...cardProps}>
|
|
47
|
-
{children}
|
|
48
|
-
</Card>
|
|
49
|
-
)
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
export { StyledCard }
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react'
|
|
2
|
-
import { styled } from '../styled'
|
|
3
|
-
import { TouchableOpacity } from 'react-native'
|
|
4
|
-
import Icon from 'react-native-vector-icons/MaterialIcons'
|
|
5
|
-
import { theme } from '../theme'
|
|
6
|
-
|
|
7
|
-
const CheckBox = styled(TouchableOpacity, {
|
|
8
|
-
base: {
|
|
9
|
-
width: 24,
|
|
10
|
-
height: 24,
|
|
11
|
-
borderWidth: 2,
|
|
12
|
-
borderRadius: 1,
|
|
13
|
-
backgroundColor: theme.colors.gray[1],
|
|
14
|
-
borderColor: theme.colors.gray[700],
|
|
15
|
-
justifyContent: 'center',
|
|
16
|
-
alignItems: 'center',
|
|
17
|
-
flexDirection: 'column'
|
|
18
|
-
},
|
|
19
|
-
variants: {
|
|
20
|
-
height: size => ({
|
|
21
|
-
height: size || 24
|
|
22
|
-
}),
|
|
23
|
-
width: size => ({
|
|
24
|
-
width: size || 24
|
|
25
|
-
}),
|
|
26
|
-
disabled: {
|
|
27
|
-
true: {
|
|
28
|
-
backgroundColor: theme.colors.gray[500]
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
checked: {
|
|
32
|
-
true: {
|
|
33
|
-
backgroundColor: theme.colors.gray[800]
|
|
34
|
-
},
|
|
35
|
-
false: {
|
|
36
|
-
backgroundColor: theme.colors.gray[1]
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
checkedColor: color => {
|
|
40
|
-
if (!color) return
|
|
41
|
-
return {
|
|
42
|
-
backgroundColor: color,
|
|
43
|
-
borderColor: color
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
backgroundColor: color => {
|
|
47
|
-
if (!color) return
|
|
48
|
-
return {
|
|
49
|
-
backgroundColor: color,
|
|
50
|
-
borderColor: color
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
})
|
|
55
|
-
|
|
56
|
-
const StyledCheckBox = ({
|
|
57
|
-
onPress,
|
|
58
|
-
disabled = false,
|
|
59
|
-
checkedColor,
|
|
60
|
-
checked = false,
|
|
61
|
-
iconProps,
|
|
62
|
-
...rest
|
|
63
|
-
}) => {
|
|
64
|
-
const [check, setCheck] = useState(false)
|
|
65
|
-
|
|
66
|
-
useEffect(
|
|
67
|
-
() => {
|
|
68
|
-
setCheck(checked)
|
|
69
|
-
},
|
|
70
|
-
[checked]
|
|
71
|
-
)
|
|
72
|
-
|
|
73
|
-
const toggleCheckbox = () => {
|
|
74
|
-
setCheck(!check)
|
|
75
|
-
onPress && onPress(!check)
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return (
|
|
79
|
-
<CheckBox
|
|
80
|
-
disabled={disabled}
|
|
81
|
-
checked={check}
|
|
82
|
-
checkedColor={check && checkedColor && checkedColor}
|
|
83
|
-
onPress={() => toggleCheckbox()}
|
|
84
|
-
{...rest}
|
|
85
|
-
>
|
|
86
|
-
{check &&
|
|
87
|
-
<Icon
|
|
88
|
-
name='check'
|
|
89
|
-
color={theme.colors.gray[1]}
|
|
90
|
-
size={20}
|
|
91
|
-
{...iconProps}
|
|
92
|
-
/>}
|
|
93
|
-
</CheckBox>
|
|
94
|
-
)
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
export { StyledCheckBox }
|