@televet/kibble-ui 1.20.21-beta.cs44 → 1.20.21-beta.cs46
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/build/alert.component-3532a2ee.js +2 -0
- package/build/alert.component-3532a2ee.js.map +1 -0
- package/build/avatar.component-ee2a2daa.js +2 -0
- package/build/avatar.component-ee2a2daa.js.map +1 -0
- package/build/{avatarGroup.component-b98854de.js → avatarGroup.component-558c0cbe.js} +2 -2
- package/build/{avatarGroup.component-b98854de.js.map → avatarGroup.component-558c0cbe.js.map} +1 -1
- package/build/{button.component-0ead2cac.js → button.component-a3e06b05.js} +2 -2
- package/build/{button.component-0ead2cac.js.map → button.component-a3e06b05.js.map} +1 -1
- package/build/chakra-ui-button.esm-36bd98f7.js +2 -0
- package/build/{chakra-ui-button.esm-6ba1e4a6.js.map → chakra-ui-button.esm-36bd98f7.js.map} +1 -1
- package/build/chakra-ui-checkbox.esm-fb1f85bc.js +2 -0
- package/build/{chakra-ui-checkbox.esm-ac68d539.js.map → chakra-ui-checkbox.esm-fb1f85bc.js.map} +1 -1
- package/build/chakra-ui-descendant.esm-c7751943.js +2 -0
- package/build/{chakra-ui-descendant.esm-0f21fa6d.js.map → chakra-ui-descendant.esm-c7751943.js.map} +1 -1
- package/build/chakra-ui-form-control.esm-a381f700.js +2 -0
- package/build/{chakra-ui-form-control.esm-a5df3bc9.js.map → chakra-ui-form-control.esm-a381f700.js.map} +1 -1
- package/build/chakra-ui-hooks.esm-3a3136b3.js +2 -0
- package/build/chakra-ui-hooks.esm-3a3136b3.js.map +1 -0
- package/build/chakra-ui-icon.esm-bcb23db7.js +2 -0
- package/build/{chakra-ui-icon.esm-e677f144.js.map → chakra-ui-icon.esm-bcb23db7.js.map} +1 -1
- package/build/chakra-ui-layout.esm-38427dad.js +2 -0
- package/build/{chakra-ui-layout.esm-fe302722.js.map → chakra-ui-layout.esm-38427dad.js.map} +1 -1
- package/build/chakra-ui-menu.esm-753c1002.js +2 -0
- package/build/{chakra-ui-menu.esm-fa770644.js.map → chakra-ui-menu.esm-753c1002.js.map} +1 -1
- package/build/chakra-ui-modal.esm-f002bdcb.js +16 -0
- package/build/{chakra-ui-modal.esm-3586732d.js.map → chakra-ui-modal.esm-f002bdcb.js.map} +1 -1
- package/build/chakra-ui-popover.esm-a7593e86.js +2 -0
- package/build/{chakra-ui-popover.esm-858514b7.js.map → chakra-ui-popover.esm-a7593e86.js.map} +1 -1
- package/build/{chakra-ui-popper.esm-889ae7e4.js → chakra-ui-popper.esm-13831c34.js} +2 -2
- package/build/{chakra-ui-popper.esm-889ae7e4.js.map → chakra-ui-popper.esm-13831c34.js.map} +1 -1
- package/build/chakra-ui-portal.esm-6587fda6.js +2 -0
- package/build/{chakra-ui-portal.esm-f435c8d3.js.map → chakra-ui-portal.esm-6587fda6.js.map} +1 -1
- package/build/{chakra-ui-provider.esm-37bf5bc6.js → chakra-ui-provider.esm-9bc7d94b.js} +2 -2
- package/build/{chakra-ui-provider.esm-37bf5bc6.js.map → chakra-ui-provider.esm-9bc7d94b.js.map} +1 -1
- package/build/chakra-ui-system.esm-98241028.js +2 -0
- package/build/chakra-ui-system.esm-98241028.js.map +1 -0
- package/build/chakra-ui-theme-tools.esm-b93fdbc5.js +2 -0
- package/build/{chakra-ui-theme-tools.esm-4ee51a8b.js.map → chakra-ui-theme-tools.esm-b93fdbc5.js.map} +1 -1
- package/build/chakra-ui-visually-hidden.esm-a6b5f9c3.js +2 -0
- package/build/{chakra-ui-visually-hidden.esm-acb4184b.js.map → chakra-ui-visually-hidden.esm-a6b5f9c3.js.map} +1 -1
- package/build/checkbox.component-2f567f25.js +2 -0
- package/build/checkbox.component-2f567f25.js.map +1 -0
- package/build/checkboxGroup.component-362d7916.js +2 -0
- package/build/checkboxGroup.component-362d7916.js.map +1 -0
- package/build/components/Alert/index.js +1 -1
- package/build/components/Avatar/index.js +1 -1
- package/build/components/AvatarGroup/index.js +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/Checkbox/index.js +1 -1
- package/build/components/CheckboxGroup/index.js +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Heading/index.js +1 -1
- package/build/components/Icon/index.js +1 -1
- package/build/components/Link/index.js +1 -1
- package/build/components/Menu/components/MenuButton/index.js +1 -1
- package/build/components/Menu/components/MenuContainer/index.js +1 -1
- package/build/components/Menu/components/MenuItem/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/components/MenuOptionGroup/index.js +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/NotificationCounter/index.js +1 -1
- package/build/components/Popover/components/PopoverBody/index.js +1 -1
- package/build/components/Popover/components/PopoverCloseButton/index.js +1 -1
- package/build/components/Popover/components/PopoverFooter/index.js +1 -1
- package/build/components/Popover/components/PopoverFooterButtons/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js +1 -1
- package/build/components/Popover/index.js +1 -1
- package/build/components/Radio/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/RatingDots/index.js +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/Select/select.types.d.ts +1 -1
- package/build/components/SortableList/components/DragHandle/index.js +1 -1
- package/build/components/SortableList/index.js +1 -1
- package/build/components/Spinner/index.js +1 -1
- package/build/components/Switch/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/Tag/index.js +1 -1
- package/build/components/Text/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/TextInput/textInput.component.d.ts +1 -1
- package/build/components/Textarea/index.js +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/Tooltip/index.js +1 -1
- package/build/components/TruncatedText/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/datepicker.types-8cad4b4c.js +16 -0
- package/build/datepicker.types-8cad4b4c.js.map +1 -0
- package/build/dragHandle.component-b125a112.js +2 -0
- package/build/{dragHandle.component-400ed9c1.js.map → dragHandle.component-b125a112.js.map} +1 -1
- package/build/formControl.component-1665e080.js +2 -0
- package/build/formControl.component-1665e080.js.map +1 -0
- package/build/heading.component-da9d3cfb.js +2 -0
- package/build/heading.component-da9d3cfb.js.map +1 -0
- package/build/hocs/index.js +1 -1
- package/build/hooks/index.js +1 -1
- package/build/{icon.component-44c312d6.js → icon.component-f71ebe2e.js} +2 -2
- package/build/{icon.component-44c312d6.js.map → icon.component-f71ebe2e.js.map} +1 -1
- package/build/index.d.ts +0 -1
- package/build/index.js +1 -1
- package/build/link.component-179ad98a.js +2 -0
- package/build/link.component-179ad98a.js.map +1 -0
- package/build/{menu.component-89801e0c.js → menu.component-94841629.js} +2 -2
- package/build/{menu.component-89801e0c.js.map → menu.component-94841629.js.map} +1 -1
- package/build/menuButton.component-36918820.js +2 -0
- package/build/menuButton.component-36918820.js.map +1 -0
- package/build/{menuContainer.component-76008993.js → menuContainer.component-035c3dff.js} +2 -2
- package/build/{menuContainer.component-76008993.js.map → menuContainer.component-035c3dff.js.map} +1 -1
- package/build/menuItem.component-ac5b55bc.js +2 -0
- package/build/menuItem.component-ac5b55bc.js.map +1 -0
- package/build/menuList.component-353c957f.js +2 -0
- package/build/menuList.component-353c957f.js.map +1 -0
- package/build/{menuOptionGroup.component-07f76693.js → menuOptionGroup.component-d8f38511.js} +2 -2
- package/build/{menuOptionGroup.component-07f76693.js.map → menuOptionGroup.component-d8f38511.js.map} +1 -1
- package/build/modal.component-33981fe7.js +2 -0
- package/build/{modal.component-6c57325a.js.map → modal.component-33981fe7.js.map} +1 -1
- package/build/{modalBody.component-4b6fc606.js → modalBody.component-a5bcd725.js} +2 -2
- package/build/{modalBody.component-4b6fc606.js.map → modalBody.component-a5bcd725.js.map} +1 -1
- package/build/modalCloseButton.component-4b963586.js +2 -0
- package/build/{modalCloseButton.component-775ce908.js.map → modalCloseButton.component-4b963586.js.map} +1 -1
- package/build/{modalFooter.component-1253327c.js → modalFooter.component-a864faa2.js} +2 -2
- package/build/{modalFooter.component-1253327c.js.map → modalFooter.component-a864faa2.js.map} +1 -1
- package/build/modalFooterButtons.component-3d70f63f.js +2 -0
- package/build/modalFooterButtons.component-3d70f63f.js.map +1 -0
- package/build/modalHeader.component-f3b79224.js +2 -0
- package/build/{modalHeader.component-d98c1112.js.map → modalHeader.component-f3b79224.js.map} +1 -1
- package/build/notificationCounter.component-a89b8957.js +2 -0
- package/build/notificationCounter.component-a89b8957.js.map +1 -0
- package/build/{popover.component-de23088c.js → popover.component-3b45d4e2.js} +2 -2
- package/build/{popover.component-de23088c.js.map → popover.component-3b45d4e2.js.map} +1 -1
- package/build/popoverBody.component-234e113a.js +2 -0
- package/build/{popoverBody.component-14e9cde8.js.map → popoverBody.component-234e113a.js.map} +1 -1
- package/build/{popoverCloseButton.component-41490c2f.js → popoverCloseButton.component-f1b1f890.js} +2 -2
- package/build/{popoverCloseButton.component-41490c2f.js.map → popoverCloseButton.component-f1b1f890.js.map} +1 -1
- package/build/{popoverFooter.component-de9eb6b5.js → popoverFooter.component-116567ba.js} +2 -2
- package/build/{popoverFooter.component-de9eb6b5.js.map → popoverFooter.component-116567ba.js.map} +1 -1
- package/build/popoverFooterButtons.component-e5a5c5db.js +2 -0
- package/build/popoverFooterButtons.component-e5a5c5db.js.map +1 -0
- package/build/popoverHeader.component-c3e06be5.js +2 -0
- package/build/{popoverHeader.component-cc3deb65.js.map → popoverHeader.component-c3e06be5.js.map} +1 -1
- package/build/radio.component-75fe59d3.js +2 -0
- package/build/radio.component-75fe59d3.js.map +1 -0
- package/build/radioGroup.component-b03e3d6e.js +2 -0
- package/build/radioGroup.component-b03e3d6e.js.map +1 -0
- package/build/ratingDots.component-09f8f2ed.js +2 -0
- package/build/ratingDots.component-09f8f2ed.js.map +1 -0
- package/build/select.component-093e2b58.js +2 -0
- package/build/select.component-093e2b58.js.map +1 -0
- package/build/spinner.component-8a883db8.js +2 -0
- package/build/{spinner.component-d88f74c6.js.map → spinner.component-8a883db8.js.map} +1 -1
- package/build/switch.component-f18e10f9.js +2 -0
- package/build/{switch.component-bdc7661f.js.map → switch.component-f18e10f9.js.map} +1 -1
- package/build/tab.component-5f6486a0.js +2 -0
- package/build/tab.component-5f6486a0.js.map +1 -0
- package/build/tabs.component-0496fd49.js +2 -0
- package/build/{tabs.component-972844b7.js.map → tabs.component-0496fd49.js.map} +1 -1
- package/build/{tabsLayout.component-dc1c8f22.js → tabsLayout.component-7fea9b47.js} +2 -2
- package/build/{tabsLayout.component-dc1c8f22.js.map → tabsLayout.component-7fea9b47.js.map} +1 -1
- package/build/tag.component-ad56609e.js +2 -0
- package/build/{tag.component-5cade08e.js.map → tag.component-ad56609e.js.map} +1 -1
- package/build/{text.component-7e0398d5.js → text.component-e9a89a0a.js} +2 -2
- package/build/{text.component-7e0398d5.js.map → text.component-e9a89a0a.js.map} +1 -1
- package/build/textInput.component-9a556271.js +2 -0
- package/build/textInput.component-9a556271.js.map +1 -0
- package/build/textarea.component-1c673e0f.js +2 -0
- package/build/{textarea.component-212b6586.js.map → textarea.component-1c673e0f.js.map} +1 -1
- package/build/theme/index.js +1 -1
- package/build/theme.provider-263b3a16.js +2 -0
- package/build/{theme.provider-0f196751.js.map → theme.provider-263b3a16.js.map} +1 -1
- package/build/timePicker.component-a368c165.js +2 -0
- package/build/timePicker.component-a368c165.js.map +1 -0
- package/build/timeRange.component-ce8e9dd9.js +2 -0
- package/build/timeRange.component-ce8e9dd9.js.map +1 -0
- package/build/tooltip.component-12905924.js +2 -0
- package/build/{tooltip.component-9f48cb89.js.map → tooltip.component-12905924.js.map} +1 -1
- package/build/truncatedText.component-e18e8d35.js +2 -0
- package/build/truncatedText.component-e18e8d35.js.map +1 -0
- package/build/useAdaptiveColor-0f634d21.js +2 -0
- package/build/{useAdaptiveColor-8ade5296.js.map → useAdaptiveColor-0f634d21.js.map} +1 -1
- package/build/useAdaptiveColorMap-b8a354fa.js +2 -0
- package/build/{useAdaptiveColorMap-331c06f5.js.map → useAdaptiveColorMap-b8a354fa.js.map} +1 -1
- package/build/useTheme-b0d097cf.js +2 -0
- package/build/{useTheme-7f0abde2.js.map → useTheme-b0d097cf.js.map} +1 -1
- package/build/useToast-355e0884.js +2 -0
- package/build/{useToast-1c2c751c.js.map → useToast-355e0884.js.map} +1 -1
- package/build/{withDarkMode-4c41b000.js → withDarkMode-12c0fa92.js} +2 -2
- package/build/{withDarkMode-4c41b000.js.map → withDarkMode-12c0fa92.js.map} +1 -1
- package/build/{withTheme-96cf7893.js → withTheme-5ab9cdac.js} +2 -2
- package/build/{withTheme-96cf7893.js.map → withTheme-5ab9cdac.js.map} +1 -1
- package/package.json +1 -1
- package/build/alert.component-728ab87e.js +0 -2
- package/build/alert.component-728ab87e.js.map +0 -1
- package/build/avatar.component-fef5f7e2.js +0 -2
- package/build/avatar.component-fef5f7e2.js.map +0 -1
- package/build/chakra/components/Alert/index.d.ts +0 -2
- package/build/chakra/components/Alert/index.js +0 -2
- package/build/chakra/components/Alert/index.js.map +0 -1
- package/build/chakra/components/Box/index.d.ts +0 -2
- package/build/chakra/components/Box/index.js +0 -2
- package/build/chakra/components/Box/index.js.map +0 -1
- package/build/chakra/components/Center/index.d.ts +0 -2
- package/build/chakra/components/Center/index.js +0 -2
- package/build/chakra/components/Center/index.js.map +0 -1
- package/build/chakra/components/CheckboxGroup/index.d.ts +0 -2
- package/build/chakra/components/CheckboxGroup/index.js +0 -2
- package/build/chakra/components/CheckboxGroup/index.js.map +0 -1
- package/build/chakra/components/Container/index.d.ts +0 -2
- package/build/chakra/components/Container/index.js +0 -2
- package/build/chakra/components/Container/index.js.map +0 -1
- package/build/chakra/components/Divider/index.d.ts +0 -2
- package/build/chakra/components/Divider/index.js +0 -2
- package/build/chakra/components/Divider/index.js.map +0 -1
- package/build/chakra/components/Drawer/index.d.ts +0 -2
- package/build/chakra/components/Drawer/index.js +0 -2
- package/build/chakra/components/Drawer/index.js.map +0 -1
- package/build/chakra/components/DrawerBody/index.d.ts +0 -2
- package/build/chakra/components/DrawerBody/index.js +0 -2
- package/build/chakra/components/DrawerBody/index.js.map +0 -1
- package/build/chakra/components/DrawerCloseButton/index.d.ts +0 -2
- package/build/chakra/components/DrawerCloseButton/index.js +0 -2
- package/build/chakra/components/DrawerCloseButton/index.js.map +0 -1
- package/build/chakra/components/DrawerContent/index.d.ts +0 -2
- package/build/chakra/components/DrawerContent/index.js +0 -2
- package/build/chakra/components/DrawerContent/index.js.map +0 -1
- package/build/chakra/components/DrawerFooter/index.d.ts +0 -2
- package/build/chakra/components/DrawerFooter/index.js +0 -2
- package/build/chakra/components/DrawerFooter/index.js.map +0 -1
- package/build/chakra/components/DrawerHeader/index.d.ts +0 -2
- package/build/chakra/components/DrawerHeader/index.js +0 -2
- package/build/chakra/components/DrawerHeader/index.js.map +0 -1
- package/build/chakra/components/DrawerOverlay/index.d.ts +0 -2
- package/build/chakra/components/DrawerOverlay/index.js +0 -2
- package/build/chakra/components/DrawerOverlay/index.js.map +0 -1
- package/build/chakra/components/Flex/index.d.ts +0 -2
- package/build/chakra/components/Flex/index.js +0 -2
- package/build/chakra/components/Flex/index.js.map +0 -1
- package/build/chakra/components/Grid/index.d.ts +0 -2
- package/build/chakra/components/Grid/index.js +0 -2
- package/build/chakra/components/Grid/index.js.map +0 -1
- package/build/chakra/components/GridItem/index.d.ts +0 -2
- package/build/chakra/components/GridItem/index.js +0 -2
- package/build/chakra/components/GridItem/index.js.map +0 -1
- package/build/chakra/components/HStack/index.d.ts +0 -2
- package/build/chakra/components/HStack/index.js +0 -2
- package/build/chakra/components/HStack/index.js.map +0 -1
- package/build/chakra/components/Hide/index.d.ts +0 -2
- package/build/chakra/components/Hide/index.js +0 -2
- package/build/chakra/components/Hide/index.js.map +0 -1
- package/build/chakra/components/Image/index.d.ts +0 -2
- package/build/chakra/components/Image/index.js +0 -2
- package/build/chakra/components/Image/index.js.map +0 -1
- package/build/chakra/components/InputGroup/index.d.ts +0 -2
- package/build/chakra/components/InputGroup/index.js +0 -2
- package/build/chakra/components/InputGroup/index.js.map +0 -1
- package/build/chakra/components/InputLeftElement/index.d.ts +0 -2
- package/build/chakra/components/InputLeftElement/index.js +0 -2
- package/build/chakra/components/InputLeftElement/index.js.map +0 -1
- package/build/chakra/components/InputRightElement/index.d.ts +0 -2
- package/build/chakra/components/InputRightElement/index.js +0 -2
- package/build/chakra/components/InputRightElement/index.js.map +0 -1
- package/build/chakra/components/LinkOverlay/index.d.ts +0 -2
- package/build/chakra/components/LinkOverlay/index.js +0 -2
- package/build/chakra/components/LinkOverlay/index.js.map +0 -1
- package/build/chakra/components/MenuDivider/index.d.ts +0 -2
- package/build/chakra/components/MenuDivider/index.js +0 -2
- package/build/chakra/components/MenuDivider/index.js.map +0 -1
- package/build/chakra/components/MenuGroup/index.d.ts +0 -2
- package/build/chakra/components/MenuGroup/index.js +0 -2
- package/build/chakra/components/MenuGroup/index.js.map +0 -1
- package/build/chakra/components/MenuItemOption/index.d.ts +0 -2
- package/build/chakra/components/MenuItemOption/index.js +0 -2
- package/build/chakra/components/MenuItemOption/index.js.map +0 -1
- package/build/chakra/components/RadioGroup/index.d.ts +0 -2
- package/build/chakra/components/RadioGroup/index.js +0 -2
- package/build/chakra/components/RadioGroup/index.js.map +0 -1
- package/build/chakra/components/Show/index.d.ts +0 -2
- package/build/chakra/components/Show/index.js +0 -2
- package/build/chakra/components/Show/index.js.map +0 -1
- package/build/chakra/components/SimpleGrid/index.d.ts +0 -2
- package/build/chakra/components/SimpleGrid/index.js +0 -2
- package/build/chakra/components/SimpleGrid/index.js.map +0 -1
- package/build/chakra/components/Spacer/index.d.ts +0 -2
- package/build/chakra/components/Spacer/index.js +0 -2
- package/build/chakra/components/Spacer/index.js.map +0 -1
- package/build/chakra/components/Stack/index.d.ts +0 -2
- package/build/chakra/components/Stack/index.js +0 -2
- package/build/chakra/components/Stack/index.js.map +0 -1
- package/build/chakra/components/TabList/index.d.ts +0 -2
- package/build/chakra/components/TabList/index.js +0 -2
- package/build/chakra/components/TabList/index.js.map +0 -1
- package/build/chakra/components/TabPanel/index.d.ts +0 -2
- package/build/chakra/components/TabPanel/index.js +0 -2
- package/build/chakra/components/TabPanel/index.js.map +0 -1
- package/build/chakra/components/TabPanels/index.d.ts +0 -2
- package/build/chakra/components/TabPanels/index.js +0 -2
- package/build/chakra/components/TabPanels/index.js.map +0 -1
- package/build/chakra/components/Table/index.d.ts +0 -2
- package/build/chakra/components/Table/index.js +0 -2
- package/build/chakra/components/Table/index.js.map +0 -1
- package/build/chakra/components/TableCaption/index.d.ts +0 -2
- package/build/chakra/components/TableCaption/index.js +0 -2
- package/build/chakra/components/TableCaption/index.js.map +0 -1
- package/build/chakra/components/TableContainer/index.d.ts +0 -2
- package/build/chakra/components/TableContainer/index.js +0 -2
- package/build/chakra/components/TableContainer/index.js.map +0 -1
- package/build/chakra/components/Tabs/index.d.ts +0 -2
- package/build/chakra/components/Tabs/index.js +0 -2
- package/build/chakra/components/Tabs/index.js.map +0 -1
- package/build/chakra/components/Tbody/index.d.ts +0 -2
- package/build/chakra/components/Tbody/index.js +0 -2
- package/build/chakra/components/Tbody/index.js.map +0 -1
- package/build/chakra/components/Td/index.d.ts +0 -2
- package/build/chakra/components/Td/index.js +0 -2
- package/build/chakra/components/Td/index.js.map +0 -1
- package/build/chakra/components/Tfoot/index.d.ts +0 -2
- package/build/chakra/components/Tfoot/index.js +0 -2
- package/build/chakra/components/Tfoot/index.js.map +0 -1
- package/build/chakra/components/Th/index.d.ts +0 -2
- package/build/chakra/components/Th/index.js +0 -2
- package/build/chakra/components/Th/index.js.map +0 -1
- package/build/chakra/components/Thead/index.d.ts +0 -2
- package/build/chakra/components/Thead/index.js +0 -2
- package/build/chakra/components/Thead/index.js.map +0 -1
- package/build/chakra/components/Tr/index.d.ts +0 -2
- package/build/chakra/components/Tr/index.js +0 -2
- package/build/chakra/components/Tr/index.js.map +0 -1
- package/build/chakra/components/VStack/index.d.ts +0 -2
- package/build/chakra/components/VStack/index.js +0 -2
- package/build/chakra/components/VStack/index.js.map +0 -1
- package/build/chakra/components/Wrap/index.d.ts +0 -2
- package/build/chakra/components/Wrap/index.js +0 -2
- package/build/chakra/components/Wrap/index.js.map +0 -1
- package/build/chakra/components/WrapItem/index.d.ts +0 -2
- package/build/chakra/components/WrapItem/index.js +0 -2
- package/build/chakra/components/WrapItem/index.js.map +0 -1
- package/build/chakra/components/index.d.ts +0 -48
- package/build/chakra/components/index.js +0 -2
- package/build/chakra/components/index.js.map +0 -1
- package/build/chakra/hooks/index.d.ts +0 -7
- package/build/chakra/hooks/index.js +0 -2
- package/build/chakra/hooks/index.js.map +0 -1
- package/build/chakra/hooks/useCheckbox/index.d.ts +0 -2
- package/build/chakra/hooks/useCheckbox/index.js +0 -2
- package/build/chakra/hooks/useCheckbox/index.js.map +0 -1
- package/build/chakra/hooks/useCheckboxGroup/index.d.ts +0 -2
- package/build/chakra/hooks/useCheckboxGroup/index.js +0 -2
- package/build/chakra/hooks/useCheckboxGroup/index.js.map +0 -1
- package/build/chakra/hooks/useDisclosure/index.d.ts +0 -2
- package/build/chakra/hooks/useDisclosure/index.js +0 -2
- package/build/chakra/hooks/useDisclosure/index.js.map +0 -1
- package/build/chakra/hooks/usePopoverContext/index.d.ts +0 -2
- package/build/chakra/hooks/usePopoverContext/index.js +0 -2
- package/build/chakra/hooks/usePopoverContext/index.js.map +0 -1
- package/build/chakra/hooks/useRadio/index.d.ts +0 -2
- package/build/chakra/hooks/useRadio/index.js +0 -2
- package/build/chakra/hooks/useRadio/index.js.map +0 -1
- package/build/chakra/hooks/useRadioGroup/index.d.ts +0 -2
- package/build/chakra/hooks/useRadioGroup/index.js +0 -2
- package/build/chakra/hooks/useRadioGroup/index.js.map +0 -1
- package/build/chakra/index.d.ts +0 -2
- package/build/chakra/index.js +0 -2
- package/build/chakra/index.js.map +0 -1
- package/build/chakra-ui-alert.esm-ea1f3807.js +0 -2
- package/build/chakra-ui-alert.esm-ea1f3807.js.map +0 -1
- package/build/chakra-ui-button.esm-6ba1e4a6.js +0 -2
- package/build/chakra-ui-checkbox.esm-ac68d539.js +0 -2
- package/build/chakra-ui-descendant.esm-0f21fa6d.js +0 -2
- package/build/chakra-ui-form-control.esm-a5df3bc9.js +0 -2
- package/build/chakra-ui-hooks.esm-12b1c578.js +0 -2
- package/build/chakra-ui-hooks.esm-12b1c578.js.map +0 -1
- package/build/chakra-ui-icon.esm-e677f144.js +0 -2
- package/build/chakra-ui-image.esm-a1256ebd.js +0 -2
- package/build/chakra-ui-image.esm-a1256ebd.js.map +0 -1
- package/build/chakra-ui-input.esm-aafab954.js +0 -2
- package/build/chakra-ui-input.esm-aafab954.js.map +0 -1
- package/build/chakra-ui-layout.esm-fe302722.js +0 -2
- package/build/chakra-ui-media-query.esm-aeb60dbf.js +0 -2
- package/build/chakra-ui-media-query.esm-aeb60dbf.js.map +0 -1
- package/build/chakra-ui-menu.esm-fa770644.js +0 -2
- package/build/chakra-ui-modal.esm-3586732d.js +0 -16
- package/build/chakra-ui-popover.esm-858514b7.js +0 -2
- package/build/chakra-ui-portal.esm-f435c8d3.js +0 -2
- package/build/chakra-ui-radio.esm-7fa5bfc7.js +0 -2
- package/build/chakra-ui-radio.esm-7fa5bfc7.js.map +0 -1
- package/build/chakra-ui-system.esm-63032e8d.js +0 -2
- package/build/chakra-ui-system.esm-63032e8d.js.map +0 -1
- package/build/chakra-ui-table.esm-edc45c7c.js +0 -2
- package/build/chakra-ui-table.esm-edc45c7c.js.map +0 -1
- package/build/chakra-ui-tabs.esm-e86385c3.js +0 -2
- package/build/chakra-ui-tabs.esm-e86385c3.js.map +0 -1
- package/build/chakra-ui-theme-tools.esm-4ee51a8b.js +0 -2
- package/build/chakra-ui-utils.esm-21814a28.js +0 -2
- package/build/chakra-ui-utils.esm-21814a28.js.map +0 -1
- package/build/chakra-ui-visually-hidden.esm-acb4184b.js +0 -2
- package/build/checkbox.component-32d822e7.js +0 -2
- package/build/checkbox.component-32d822e7.js.map +0 -1
- package/build/checkboxGroup.component-b0460c0d.js +0 -2
- package/build/checkboxGroup.component-b0460c0d.js.map +0 -1
- package/build/datepicker.types-8ffa4772.js +0 -16
- package/build/datepicker.types-8ffa4772.js.map +0 -1
- package/build/dragHandle.component-400ed9c1.js +0 -2
- package/build/formControl.component-7458724c.js +0 -2
- package/build/formControl.component-7458724c.js.map +0 -1
- package/build/heading.component-772d18fa.js +0 -2
- package/build/heading.component-772d18fa.js.map +0 -1
- package/build/link.component-bc93af44.js +0 -2
- package/build/link.component-bc93af44.js.map +0 -1
- package/build/menuButton.component-5e5b39d4.js +0 -2
- package/build/menuButton.component-5e5b39d4.js.map +0 -1
- package/build/menuItem.component-a027d8a6.js +0 -2
- package/build/menuItem.component-a027d8a6.js.map +0 -1
- package/build/menuList.component-63bc07dd.js +0 -2
- package/build/menuList.component-63bc07dd.js.map +0 -1
- package/build/modal.component-6c57325a.js +0 -2
- package/build/modalCloseButton.component-775ce908.js +0 -2
- package/build/modalFooterButtons.component-98fa99a0.js +0 -2
- package/build/modalFooterButtons.component-98fa99a0.js.map +0 -1
- package/build/modalHeader.component-d98c1112.js +0 -2
- package/build/notificationCounter.component-43b4f7c4.js +0 -2
- package/build/notificationCounter.component-43b4f7c4.js.map +0 -1
- package/build/popoverBody.component-14e9cde8.js +0 -2
- package/build/popoverFooterButtons.component-e5e51a43.js +0 -2
- package/build/popoverFooterButtons.component-e5e51a43.js.map +0 -1
- package/build/popoverHeader.component-cc3deb65.js +0 -2
- package/build/radio.component-dee5645f.js +0 -2
- package/build/radio.component-dee5645f.js.map +0 -1
- package/build/radioGroup.component-a5d753d4.js +0 -2
- package/build/radioGroup.component-a5d753d4.js.map +0 -1
- package/build/ratingDots.component-708145f7.js +0 -2
- package/build/ratingDots.component-708145f7.js.map +0 -1
- package/build/select.component-b4a0a48a.js +0 -2
- package/build/select.component-b4a0a48a.js.map +0 -1
- package/build/spinner.component-d88f74c6.js +0 -2
- package/build/switch.component-bdc7661f.js +0 -2
- package/build/tab.component-ba856439.js +0 -2
- package/build/tab.component-ba856439.js.map +0 -1
- package/build/tabs.component-972844b7.js +0 -2
- package/build/tag.component-5cade08e.js +0 -2
- package/build/textInput.component-8541ae54.js +0 -2
- package/build/textInput.component-8541ae54.js.map +0 -1
- package/build/textarea.component-212b6586.js +0 -2
- package/build/theme.provider-0f196751.js +0 -2
- package/build/timePicker.component-4fc30ba0.js +0 -2
- package/build/timePicker.component-4fc30ba0.js.map +0 -1
- package/build/timeRange.component-f9ee9c2a.js +0 -2
- package/build/timeRange.component-f9ee9c2a.js.map +0 -1
- package/build/tooltip.component-9f48cb89.js +0 -2
- package/build/truncatedText.component-275ca46a.js +0 -2
- package/build/truncatedText.component-275ca46a.js.map +0 -1
- package/build/use-animation-state-5054a9f7.esm-988bfb57.js +0 -2
- package/build/use-animation-state-5054a9f7.esm-988bfb57.js.map +0 -1
- package/build/useAdaptiveColor-8ade5296.js +0 -2
- package/build/useAdaptiveColorMap-331c06f5.js +0 -2
- package/build/useTheme-7f0abde2.js +0 -2
- package/build/useToast-1c2c751c.js +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),a=require("react"),l=require("./chakra-ui-system.esm-98241028.js"),n=require("./chakra-ui-hooks.esm-3a3136b3.js"),r=require("./chakra-ui-form-control.esm-a381f700.js"),i=require("./chakra-ui-visually-hidden.esm-a6b5f9c3.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,Object.freeze(a)}var s=o(a),d=t(a);function u(e,a){if(null==e)return{};var l,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)l=i[n],a.indexOf(l)>=0||(r[l]=e[l]);return r}function c(){return c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},c.apply(this,arguments)}var v=["onChange","value","defaultValue","name","isDisabled","isFocusable","isNative"];var f=["colorScheme","size","variant","children","className","isDisabled","isFocusable"],h=l.createContext({name:"RadioGroupContext",strict:!1}),b=h[0],p=h[1],m=l.forwardRef((function(e,a){var r=e.colorScheme,i=e.size,t=e.variant,o=e.children,d=e.className,h=e.isDisabled,p=e.isFocusable,m=function(e){void 0===e&&(e={});var a=e,r=a.onChange,i=a.value,t=a.defaultValue,o=a.name,d=a.isDisabled,f=a.isFocusable,h=a.isNative,b=u(a,v),p=s.useState(t||""),m=p[0],g=p[1],k=n.useControllableProp(i,m),C=k[0],y=k[1],A=s.useRef(null),P=s.useCallback((function(){var e=A.current;if(e){var a="input:not(:disabled):checked",l=e.querySelector(a);if(l)l.focus();else{a="input:not(:disabled)";var n=e.querySelector(a);null==n||n.focus()}}}),[]),_=n.useId(void 0,"radio"),D=o||_,R=s.useCallback((function(e){var a=l.isInputEvent(e)?e.target.value:e;C||g(a),null==r||r(String(a))}),[r,C]),F=s.useCallback((function(e,a){return void 0===e&&(e={}),void 0===a&&(a=null),c({},e,{ref:l.mergeRefs(a,A),role:"radiogroup"})}),[]),I=s.useCallback((function(e,a){var l;return void 0===e&&(e={}),void 0===a&&(a=null),c({},e,((l={ref:a,name:D})[h?"checked":"isChecked"]=null!=y?e.value===y:void 0,l.onChange=R,l["data-radiogroup"]=!0,l))}),[h,D,R,y]);return{getRootProps:F,getRadioProps:I,name:D,ref:A,focus:P,setValue:g,value:y,onChange:R,isDisabled:d,isFocusable:f,htmlProps:b}}(u(e,f)),g=m.value,k=m.onChange,C=m.getRootProps,y=m.name,A=m.htmlProps,P=s.useMemo((function(){return{name:y,size:i,onChange:k,colorScheme:r,value:g,variant:t,isDisabled:h,isFocusable:p}}),[y,i,k,r,g,t,h,p]),_=C(A,a),D=l.cx("chakra-radio-group",d);return s.createElement(b,{value:P},s.createElement(l.chakra.div,c({},_,{className:D}),o))}));l.__DEV__&&(m.displayName="RadioGroup");var g=["defaultIsChecked","defaultChecked","isChecked","isFocusable","isDisabled","isReadOnly","isRequired","onChange","isInvalid","name","value","id","data-radiogroup","aria-describedby"];function k(e){e.preventDefault(),e.stopPropagation()}var C=["spacing","children","isFullWidth","isDisabled","isFocusable","inputProps"],y=l.forwardRef((function(e,t){var o,d=p(),v=e.onChange,f=e.value,h=l.useMultiStyleConfig("Radio",c({},d,e)),b=l.omitThemingProps(e),m=b.spacing,y=void 0===m?"0.5rem":m,A=b.children,P=b.isFullWidth,_=b.isDisabled,D=void 0===_?null==d?void 0:d.isDisabled:_,R=b.isFocusable,F=void 0===R?null==d?void 0:d.isFocusable:R,I=b.inputProps,O=u(b,C),j=e.isChecked;null!=(null==d?void 0:d.value)&&null!=f&&(j=d.value===f);var S=v;null!=d&&d.onChange&&null!=f&&(S=l.callAll(d.onChange,v));var q=function(e){void 0===e&&(e={});var t=e,o=t.defaultIsChecked,s=t.defaultChecked,d=void 0===s?o:s,v=t.isChecked,f=t.isFocusable,h=t.isDisabled,b=t.isReadOnly,m=t.isRequired,C=t.onChange,y=t.isInvalid,A=t.name,P=t.value,_=t.id,D=t["data-radiogroup"],R=t["aria-describedby"],F=u(t,g),I=n.useId(void 0,"radio"),O=r.useFormControlContext(),j=p(),S=!O||j||D?I:O.id;S=null!=_?_:S;var q=null!=h?h:null==O?void 0:O.isDisabled,w=null!=b?b:null==O?void 0:O.isReadOnly,x=null!=m?m:null==O?void 0:O.isRequired,E=null!=y?y:null==O?void 0:O.isInvalid,H=n.useBoolean(),M=H[0],N=H[1],z=n.useBoolean(),B=z[0],V=z[1],K=n.useBoolean(),L=K[0],T=K[1],U=a.useState(Boolean(d)),G=U[0],W=U[1],J=n.useControllableProp(v,G),Q=J[0],X=J[1];l.warn({condition:!!o,message:'The "defaultIsChecked" prop has been deprecated and will be removed in a future version. Please use the "defaultChecked" prop instead, which mirrors default React checkbox behavior.'});var Y=a.useCallback((function(e){w||q?e.preventDefault():(Q||W(e.target.checked),null==C||C(e))}),[Q,q,w,C]),Z=a.useCallback((function(e){" "===e.key&&T.on()}),[T]),$=a.useCallback((function(e){" "===e.key&&T.off()}),[T]),ee=a.useCallback((function(e,a){return void 0===e&&(e={}),void 0===a&&(a=null),c({},e,{ref:a,"data-active":l.dataAttr(L),"data-hover":l.dataAttr(B),"data-disabled":l.dataAttr(q),"data-invalid":l.dataAttr(E),"data-checked":l.dataAttr(X),"data-focus":l.dataAttr(M),"data-readonly":l.dataAttr(w),"aria-hidden":!0,onMouseDown:l.callAllHandlers(e.onMouseDown,T.on),onMouseUp:l.callAllHandlers(e.onMouseUp,T.off),onMouseEnter:l.callAllHandlers(e.onMouseEnter,V.on),onMouseLeave:l.callAllHandlers(e.onMouseLeave,V.off)})}),[L,B,q,E,X,M,w,T.on,T.off,V.on,V.off]),ae=null!=O?O:{},le=ae.onFocus,ne=ae.onBlur,re=a.useCallback((function(e,a){void 0===e&&(e={}),void 0===a&&(a=null);var n=q&&!f;return c({},e,{id:S,ref:a,type:"radio",name:A,value:P,onChange:l.callAllHandlers(e.onChange,Y),onBlur:l.callAllHandlers(ne,e.onBlur,N.off),onFocus:l.callAllHandlers(le,e.onFocus,N.on),onKeyDown:l.callAllHandlers(e.onKeyDown,Z),onKeyUp:l.callAllHandlers(e.onKeyUp,$),checked:X,disabled:n,readOnly:w,required:x,"aria-invalid":l.ariaAttr(E),"aria-disabled":l.ariaAttr(n),"aria-required":l.ariaAttr(x),"data-readonly":l.dataAttr(w),"aria-describedby":R,style:i.visuallyHiddenStyle})}),[q,f,S,A,P,Y,ne,N,le,Z,$,X,w,x,E,R]);return{state:{isInvalid:E,isFocused:M,isChecked:X,isActive:L,isHovered:B,isDisabled:q,isReadOnly:w,isRequired:x},getCheckboxProps:ee,getInputProps:re,getLabelProps:function(e,a){return void 0===e&&(e={}),void 0===a&&(a=null),c({},e,{ref:a,onMouseDown:l.callAllHandlers(e.onMouseDown,k),onTouchStart:l.callAllHandlers(e.onTouchStart,k),"data-disabled":l.dataAttr(q),"data-checked":l.dataAttr(X),"data-invalid":l.dataAttr(E)})},getRootProps:function(e,a){return void 0===a&&(a=null),c({},e,{ref:a,"data-disabled":l.dataAttr(q),"data-checked":l.dataAttr(X),"data-invalid":l.dataAttr(E)})},htmlProps:F}}(c({},O,{isChecked:j,isFocusable:F,isDisabled:D,onChange:S,name:null!=(o=null==e?void 0:e.name)?o:null==d?void 0:d.name})),w=q.getInputProps,x=q.getCheckboxProps,E=q.getLabelProps,H=q.getRootProps,M=q.htmlProps,N=l.split(M,l.layoutPropNames),z=N[0],B=x(N[1]),V=w(I,t),K=E(),L=Object.assign({},z,H()),T=c({width:P?"full":void 0,display:"inline-flex",alignItems:"center",verticalAlign:"top",cursor:"pointer"},h.container),U=c({display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0},h.control),G=c({userSelect:"none",marginStart:y},h.label);return s.createElement(l.chakra.label,c({className:"chakra-radio"},L,{__css:T}),s.createElement("input",c({className:"chakra-radio__input"},V)),s.createElement(l.chakra.span,c({className:"chakra-radio__control"},B,{__css:U})),A&&s.createElement(l.chakra.span,c({className:"chakra-radio__label"},K,{__css:G}),A))}));l.__DEV__&&(y.displayName="Radio");exports.Radio=function(a){var l=a.children,n=a.size,r=void 0===n?"md":n;a.isFieldInline;var i=e.__rest(a,["children","size","isFieldInline"]);return d.default.createElement(y,e.__assign({},i,{size:r,alignItems:"flex-start"}),l)},exports.RadioGroup=m;
|
|
2
|
+
//# sourceMappingURL=radio.component-75fe59d3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.component-75fe59d3.js","sources":["../node_modules/@chakra-ui/radio/dist/chakra-ui-radio.esm.js","../src/components/Radio/radio.component.tsx"],"sourcesContent":["import { forwardRef, chakra, useMultiStyleConfig, omitThemingProps, layoutPropNames } from '@chakra-ui/system';\nimport { isInputEvent, cx, __DEV__, warn, dataAttr, callAllHandlers, ariaAttr, callAll, split } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useState, useCallback } from 'react';\nimport { mergeRefs, createContext } from '@chakra-ui/react-utils';\nimport { useControllableProp, useId, useBoolean } from '@chakra-ui/hooks';\nimport { useFormControlContext } from '@chakra-ui/form-control';\nimport { visuallyHiddenStyle } from '@chakra-ui/visually-hidden';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded$3 = [\"onChange\", \"value\", \"defaultValue\", \"name\", \"isDisabled\", \"isFocusable\", \"isNative\"];\n\n/**\n * React hook to manage a group of radio inputs\n */\nfunction useRadioGroup(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n onChangeProp = _props.onChange,\n valueProp = _props.value,\n defaultValue = _props.defaultValue,\n nameProp = _props.name,\n isDisabled = _props.isDisabled,\n isFocusable = _props.isFocusable,\n isNative = _props.isNative,\n htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$3);\n\n var _React$useState = React.useState(defaultValue || \"\"),\n valueState = _React$useState[0],\n setValue = _React$useState[1];\n\n var _useControllableProp = useControllableProp(valueProp, valueState),\n isControlled = _useControllableProp[0],\n value = _useControllableProp[1];\n\n var ref = React.useRef(null);\n var focus = React.useCallback(function () {\n var rootNode = ref.current;\n if (!rootNode) return;\n var query = \"input:not(:disabled):checked\";\n var firstEnabledAndCheckedInput = rootNode.querySelector(query);\n\n if (firstEnabledAndCheckedInput) {\n firstEnabledAndCheckedInput.focus();\n return;\n }\n\n query = \"input:not(:disabled)\";\n var firstEnabledInput = rootNode.querySelector(query);\n firstEnabledInput == null ? void 0 : firstEnabledInput.focus();\n }, []);\n /**\n * All radio options must use the same name\n */\n\n var fallbackName = useId(undefined, \"radio\");\n var name = nameProp || fallbackName;\n var onChange = React.useCallback(function (eventOrValue) {\n var nextValue = isInputEvent(eventOrValue) ? eventOrValue.target.value : eventOrValue;\n\n if (!isControlled) {\n setValue(nextValue);\n }\n\n onChangeProp == null ? void 0 : onChangeProp(String(nextValue));\n }, [onChangeProp, isControlled]);\n var getRootProps = React.useCallback(function (props, forwardedRef) {\n if (props === void 0) {\n props = {};\n }\n\n if (forwardedRef === void 0) {\n forwardedRef = null;\n }\n\n return _extends({}, props, {\n ref: mergeRefs(forwardedRef, ref),\n role: \"radiogroup\"\n });\n }, []);\n var getRadioProps = React.useCallback(function (props, ref) {\n var _extends2;\n\n if (props === void 0) {\n props = {};\n }\n\n if (ref === void 0) {\n ref = null;\n }\n\n var checkedKey = isNative ? \"checked\" : \"isChecked\";\n return _extends({}, props, (_extends2 = {\n ref: ref,\n name: name\n }, _extends2[checkedKey] = value != null ? props.value === value : undefined, _extends2.onChange = onChange, _extends2[\"data-radiogroup\"] = true, _extends2));\n }, [isNative, name, onChange, value]);\n return {\n getRootProps: getRootProps,\n getRadioProps: getRadioProps,\n name: name,\n ref: ref,\n focus: focus,\n setValue: setValue,\n value: value,\n onChange: onChange,\n isDisabled: isDisabled,\n isFocusable: isFocusable,\n htmlProps: htmlProps\n };\n}\n\nvar _excluded$2 = [\"colorScheme\", \"size\", \"variant\", \"children\", \"className\", \"isDisabled\", \"isFocusable\"];\n\nvar _createContext = createContext({\n name: \"RadioGroupContext\",\n strict: false\n}),\n RadioGroupProvider = _createContext[0],\n useRadioGroupContext = _createContext[1];\n\n/**\n * Used for multiple radios which are bound in one group,\n * and it indicates which option is selected.\n *\n * @see Docs https://chakra-ui.com/radio\n */\nvar RadioGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n var colorScheme = props.colorScheme,\n size = props.size,\n variant = props.variant,\n children = props.children,\n className = props.className,\n isDisabled = props.isDisabled,\n isFocusable = props.isFocusable,\n rest = _objectWithoutPropertiesLoose(props, _excluded$2);\n\n var _useRadioGroup = useRadioGroup(rest),\n value = _useRadioGroup.value,\n onChange = _useRadioGroup.onChange,\n getRootProps = _useRadioGroup.getRootProps,\n name = _useRadioGroup.name,\n htmlProps = _useRadioGroup.htmlProps;\n\n var group = React.useMemo(function () {\n return {\n name: name,\n size: size,\n onChange: onChange,\n colorScheme: colorScheme,\n value: value,\n variant: variant,\n isDisabled: isDisabled,\n isFocusable: isFocusable\n };\n }, [name, size, onChange, colorScheme, value, variant, isDisabled, isFocusable]);\n var groupProps = getRootProps(htmlProps, ref);\n\n var _className = cx(\"chakra-radio-group\", className);\n\n return /*#__PURE__*/React.createElement(RadioGroupProvider, {\n value: group\n }, /*#__PURE__*/React.createElement(chakra.div, _extends({}, groupProps, {\n className: _className\n }), children));\n});\n\nif (__DEV__) {\n RadioGroup.displayName = \"RadioGroup\";\n}\n\nvar _excluded$1 = [\"defaultIsChecked\", \"defaultChecked\", \"isChecked\", \"isFocusable\", \"isDisabled\", \"isReadOnly\", \"isRequired\", \"onChange\", \"isInvalid\", \"name\", \"value\", \"id\", \"data-radiogroup\", \"aria-describedby\"];\n/**\n * @todo use the `useClickable` hook here\n * to manage the isFocusable & isDisabled props\n */\n\nfunction useRadio(props) {\n if (props === void 0) {\n props = {};\n }\n\n var _props = props,\n defaultIsChecked = _props.defaultIsChecked,\n _props$defaultChecked = _props.defaultChecked,\n defaultChecked = _props$defaultChecked === void 0 ? defaultIsChecked : _props$defaultChecked,\n isCheckedProp = _props.isChecked,\n isFocusable = _props.isFocusable,\n isDisabledProp = _props.isDisabled,\n isReadOnlyProp = _props.isReadOnly,\n isRequiredProp = _props.isRequired,\n onChange = _props.onChange,\n isInvalidProp = _props.isInvalid,\n name = _props.name,\n value = _props.value,\n idProp = _props.id,\n dataRadioGroup = _props[\"data-radiogroup\"],\n ariaDescribedBy = _props[\"aria-describedby\"],\n htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$1);\n\n var uuid = useId(undefined, \"radio\");\n var formControl = useFormControlContext();\n var group = useRadioGroupContext();\n var isWithinRadioGroup = !!group || !!dataRadioGroup;\n var isWithinFormControl = !!formControl;\n var id = isWithinFormControl && !isWithinRadioGroup ? formControl.id : uuid;\n id = idProp != null ? idProp : id;\n var isDisabled = isDisabledProp != null ? isDisabledProp : formControl == null ? void 0 : formControl.isDisabled;\n var isReadOnly = isReadOnlyProp != null ? isReadOnlyProp : formControl == null ? void 0 : formControl.isReadOnly;\n var isRequired = isRequiredProp != null ? isRequiredProp : formControl == null ? void 0 : formControl.isRequired;\n var isInvalid = isInvalidProp != null ? isInvalidProp : formControl == null ? void 0 : formControl.isInvalid;\n\n var _useBoolean = useBoolean(),\n isFocused = _useBoolean[0],\n setFocused = _useBoolean[1];\n\n var _useBoolean2 = useBoolean(),\n isHovered = _useBoolean2[0],\n setHovering = _useBoolean2[1];\n\n var _useBoolean3 = useBoolean(),\n isActive = _useBoolean3[0],\n setActive = _useBoolean3[1];\n\n var _useState = useState(Boolean(defaultChecked)),\n isCheckedState = _useState[0],\n setChecked = _useState[1];\n\n var _useControllableProp = useControllableProp(isCheckedProp, isCheckedState),\n isControlled = _useControllableProp[0],\n isChecked = _useControllableProp[1];\n\n warn({\n condition: !!defaultIsChecked,\n message: 'The \"defaultIsChecked\" prop has been deprecated and will be removed in a future version. ' + 'Please use the \"defaultChecked\" prop instead, which mirrors default React checkbox behavior.'\n });\n var handleChange = useCallback(function (event) {\n if (isReadOnly || isDisabled) {\n event.preventDefault();\n return;\n }\n\n if (!isControlled) {\n setChecked(event.target.checked);\n }\n\n onChange == null ? void 0 : onChange(event);\n }, [isControlled, isDisabled, isReadOnly, onChange]);\n var onKeyDown = useCallback(function (event) {\n if (event.key === \" \") {\n setActive.on();\n }\n }, [setActive]);\n var onKeyUp = useCallback(function (event) {\n if (event.key === \" \") {\n setActive.off();\n }\n }, [setActive]);\n var getRadioProps = useCallback(function (props, ref) {\n if (props === void 0) {\n props = {};\n }\n\n if (ref === void 0) {\n ref = null;\n }\n\n return _extends({}, props, {\n ref: ref,\n \"data-active\": dataAttr(isActive),\n \"data-hover\": dataAttr(isHovered),\n \"data-disabled\": dataAttr(isDisabled),\n \"data-invalid\": dataAttr(isInvalid),\n \"data-checked\": dataAttr(isChecked),\n \"data-focus\": dataAttr(isFocused),\n \"data-readonly\": dataAttr(isReadOnly),\n \"aria-hidden\": true,\n onMouseDown: callAllHandlers(props.onMouseDown, setActive.on),\n onMouseUp: callAllHandlers(props.onMouseUp, setActive.off),\n onMouseEnter: callAllHandlers(props.onMouseEnter, setHovering.on),\n onMouseLeave: callAllHandlers(props.onMouseLeave, setHovering.off)\n });\n }, [isActive, isHovered, isDisabled, isInvalid, isChecked, isFocused, isReadOnly, setActive.on, setActive.off, setHovering.on, setHovering.off]);\n\n var _ref = formControl != null ? formControl : {},\n onFocus = _ref.onFocus,\n onBlur = _ref.onBlur;\n\n var getInputProps = useCallback(function (props, ref) {\n if (props === void 0) {\n props = {};\n }\n\n if (ref === void 0) {\n ref = null;\n }\n\n var trulyDisabled = isDisabled && !isFocusable;\n return _extends({}, props, {\n id: id,\n ref: ref,\n type: \"radio\",\n name: name,\n value: value,\n onChange: callAllHandlers(props.onChange, handleChange),\n onBlur: callAllHandlers(onBlur, props.onBlur, setFocused.off),\n onFocus: callAllHandlers(onFocus, props.onFocus, setFocused.on),\n onKeyDown: callAllHandlers(props.onKeyDown, onKeyDown),\n onKeyUp: callAllHandlers(props.onKeyUp, onKeyUp),\n checked: isChecked,\n disabled: trulyDisabled,\n readOnly: isReadOnly,\n required: isRequired,\n \"aria-invalid\": ariaAttr(isInvalid),\n \"aria-disabled\": ariaAttr(trulyDisabled),\n \"aria-required\": ariaAttr(isRequired),\n \"data-readonly\": dataAttr(isReadOnly),\n \"aria-describedby\": ariaDescribedBy,\n style: visuallyHiddenStyle\n });\n }, [isDisabled, isFocusable, id, name, value, handleChange, onBlur, setFocused, onFocus, onKeyDown, onKeyUp, isChecked, isReadOnly, isRequired, isInvalid, ariaDescribedBy]);\n\n var getLabelProps = function getLabelProps(props, ref) {\n if (props === void 0) {\n props = {};\n }\n\n if (ref === void 0) {\n ref = null;\n }\n\n return _extends({}, props, {\n ref: ref,\n onMouseDown: callAllHandlers(props.onMouseDown, stop),\n onTouchStart: callAllHandlers(props.onTouchStart, stop),\n \"data-disabled\": dataAttr(isDisabled),\n \"data-checked\": dataAttr(isChecked),\n \"data-invalid\": dataAttr(isInvalid)\n });\n };\n\n var getRootProps = function getRootProps(props, ref) {\n if (ref === void 0) {\n ref = null;\n }\n\n return _extends({}, props, {\n ref: ref,\n \"data-disabled\": dataAttr(isDisabled),\n \"data-checked\": dataAttr(isChecked),\n \"data-invalid\": dataAttr(isInvalid)\n });\n };\n\n var state = {\n isInvalid: isInvalid,\n isFocused: isFocused,\n isChecked: isChecked,\n isActive: isActive,\n isHovered: isHovered,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isRequired: isRequired\n };\n return {\n state: state,\n // the function is renamed to getRadioProps to make the code more consistent. It is renamed towards outside because otherwise this would produce a breaking change\n getCheckboxProps: getRadioProps,\n getInputProps: getInputProps,\n getLabelProps: getLabelProps,\n getRootProps: getRootProps,\n htmlProps: htmlProps\n };\n}\n/**\n * Prevent `onBlur` being fired when the radio label is touched\n */\n\nfunction stop(event) {\n event.preventDefault();\n event.stopPropagation();\n}\n\nvar _excluded = [\"spacing\", \"children\", \"isFullWidth\", \"isDisabled\", \"isFocusable\", \"inputProps\"];\n\n/**\n * Radio component is used in forms when a user needs to select a single value from\n * several options.\n *\n * @see Docs https://chakra-ui.com/radio\n */\nvar Radio = /*#__PURE__*/forwardRef(function (props, ref) {\n var _props$name;\n\n var group = useRadioGroupContext();\n var onChangeProp = props.onChange,\n valueProp = props.value;\n var styles = useMultiStyleConfig(\"Radio\", _extends({}, group, props));\n var ownProps = omitThemingProps(props);\n\n var _ownProps$spacing = ownProps.spacing,\n spacing = _ownProps$spacing === void 0 ? \"0.5rem\" : _ownProps$spacing,\n children = ownProps.children,\n isFullWidth = ownProps.isFullWidth,\n _ownProps$isDisabled = ownProps.isDisabled,\n isDisabled = _ownProps$isDisabled === void 0 ? group == null ? void 0 : group.isDisabled : _ownProps$isDisabled,\n _ownProps$isFocusable = ownProps.isFocusable,\n isFocusable = _ownProps$isFocusable === void 0 ? group == null ? void 0 : group.isFocusable : _ownProps$isFocusable,\n htmlInputProps = ownProps.inputProps,\n rest = _objectWithoutPropertiesLoose(ownProps, _excluded);\n\n var isChecked = props.isChecked;\n\n if ((group == null ? void 0 : group.value) != null && valueProp != null) {\n isChecked = group.value === valueProp;\n }\n\n var onChange = onChangeProp;\n\n if (group != null && group.onChange && valueProp != null) {\n onChange = callAll(group.onChange, onChangeProp);\n }\n\n var name = (_props$name = props == null ? void 0 : props.name) != null ? _props$name : group == null ? void 0 : group.name;\n\n var _useRadio = useRadio(_extends({}, rest, {\n isChecked: isChecked,\n isFocusable: isFocusable,\n isDisabled: isDisabled,\n onChange: onChange,\n name: name\n })),\n getInputProps = _useRadio.getInputProps,\n getCheckboxProps = _useRadio.getCheckboxProps,\n getLabelProps = _useRadio.getLabelProps,\n getRootProps = _useRadio.getRootProps,\n htmlProps = _useRadio.htmlProps;\n\n var _split = split(htmlProps, layoutPropNames),\n layoutProps = _split[0],\n otherProps = _split[1];\n\n var checkboxProps = getCheckboxProps(otherProps);\n var inputProps = getInputProps(htmlInputProps, ref);\n var labelProps = getLabelProps();\n var rootProps = Object.assign({}, layoutProps, getRootProps());\n\n var rootStyles = _extends({\n width: isFullWidth ? \"full\" : undefined,\n display: \"inline-flex\",\n alignItems: \"center\",\n verticalAlign: \"top\",\n cursor: \"pointer\"\n }, styles.container);\n\n var checkboxStyles = _extends({\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0\n }, styles.control);\n\n var labelStyles = _extends({\n userSelect: \"none\",\n marginStart: spacing\n }, styles.label);\n\n return /*#__PURE__*/React.createElement(chakra.label, _extends({\n className: \"chakra-radio\"\n }, rootProps, {\n __css: rootStyles\n }), /*#__PURE__*/React.createElement(\"input\", _extends({\n className: \"chakra-radio__input\"\n }, inputProps)), /*#__PURE__*/React.createElement(chakra.span, _extends({\n className: \"chakra-radio__control\"\n }, checkboxProps, {\n __css: checkboxStyles\n })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n className: \"chakra-radio__label\"\n }, labelProps, {\n __css: labelStyles\n }), children));\n});\n\nif (__DEV__) {\n Radio.displayName = \"Radio\";\n}\n\nexport { Radio, RadioGroup, useRadio, useRadioGroup, useRadioGroupContext };\n","import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/radio';\nimport { RadioSize } from './radio.types';\n\nexport interface RadioProps extends CRadioProps {\n size?: RadioSize;\n isFieldInline?: boolean;\n}\n\nexport const Radio = ({ children, size = 'md', isFieldInline, ...rest }: RadioProps): JSX.Element => {\n return (\n <CRadio {...rest} size={size} alignItems=\"flex-start\">\n {children}\n </CRadio>\n );\n};\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$3","_excluded$2","_createContext","createContext","name","strict","RadioGroupProvider","useRadioGroupContext","RadioGroup","forwardRef","props","ref","colorScheme","size","variant","children","className","isDisabled","isFocusable","_useRadioGroup","_props","onChangeProp","onChange","valueProp","value","defaultValue","nameProp","isNative","htmlProps","_React$useState","React","useState","valueState","setValue","_useControllableProp","useControllableProp","isControlled","useRef","focus","useCallback","rootNode","current","query","firstEnabledAndCheckedInput","querySelector","firstEnabledInput","fallbackName","useId","undefined","eventOrValue","nextValue","isInputEvent","String","getRootProps","forwardedRef","mergeRefs","role","getRadioProps","_extends2","useRadioGroup","group","useMemo","groupProps","_className","cx","createElement","chakra","div","__DEV__","displayName","_excluded$1","stop","event","preventDefault","stopPropagation","_excluded","Radio","_props$name","styles","useMultiStyleConfig","ownProps","omitThemingProps","_ownProps$spacing","spacing","isFullWidth","_ownProps$isDisabled","_ownProps$isFocusable","htmlInputProps","inputProps","rest","isChecked","callAll","_useRadio","defaultIsChecked","_props$defaultChecked","defaultChecked","isCheckedProp","isDisabledProp","isReadOnlyProp","isReadOnly","isRequiredProp","isRequired","isInvalidProp","isInvalid","idProp","id","dataRadioGroup","ariaDescribedBy","uuid","formControl","useFormControlContext","_useBoolean","useBoolean","isFocused","setFocused","_useBoolean2","isHovered","setHovering","_useBoolean3","isActive","setActive","_useState","Boolean","isCheckedState","setChecked","warn","condition","message","handleChange","checked","onKeyDown","on","onKeyUp","off","dataAttr","onMouseDown","callAllHandlers","onMouseUp","onMouseEnter","onMouseLeave","_ref","onFocus","onBlur","getInputProps","trulyDisabled","type","disabled","readOnly","required","ariaAttr","style","visuallyHiddenStyle","state","getCheckboxProps","getLabelProps","onTouchStart","useRadio","_split","split","layoutPropNames","layoutProps","checkboxProps","labelProps","rootProps","rootStyles","width","display","alignItems","verticalAlign","cursor","container","checkboxStyles","justifyContent","flexShrink","control","labelStyles","userSelect","marginStart","label","__css","span","_a","_b","isFieldInline","__rest","CRadio","__assign"],"mappings":"gpBASA,SAASA,EAA8BC,EAAQC,GAC7C,GAAc,MAAVD,EAAgB,MAAO,GAC3B,IAEIE,EAAKC,EAFLC,EAAS,GACTC,EAAaC,OAAOC,KAAKP,GAG7B,IAAKG,EAAI,EAAGA,EAAIE,EAAWG,OAAQL,IACjCD,EAAMG,EAAWF,GACbF,EAASQ,QAAQP,IAAQ,IAC7BE,EAAOF,GAAOF,EAAOE,IAGvB,OAAOE,EAGT,SAASM,IAeP,OAdAA,EAAWJ,OAAOK,QAAU,SAAUP,GACpC,IAAK,IAAID,EAAI,EAAGA,EAAIS,UAAUJ,OAAQL,IAAK,CACzC,IAAIH,EAASY,UAAUT,GAEvB,IAAK,IAAID,KAAOF,EACVM,OAAOO,UAAUC,eAAeC,KAAKf,EAAQE,KAC/CE,EAAOF,GAAOF,EAAOE,IAK3B,OAAOE,GAGFM,EAASM,MAAMC,KAAML,WAG9B,IAAIM,EAAc,CAAC,WAAY,QAAS,eAAgB,OAAQ,aAAc,cAAe,YAyG7F,IAAIC,EAAc,CAAC,cAAe,OAAQ,UAAW,WAAY,YAAa,aAAc,eAExFC,EAAiBC,EAAAA,cAAc,CACjCC,KAAM,oBACNC,QAAQ,IAENC,EAAqBJ,EAAe,GACpCK,EAAuBL,EAAe,GAQtCM,EAA0BC,EAAUA,YAAC,SAAUC,EAAOC,GACxD,IAAIC,EAAcF,EAAME,YACpBC,EAAOH,EAAMG,KACbC,EAAUJ,EAAMI,QAChBC,EAAWL,EAAMK,SACjBC,EAAYN,EAAMM,UAClBC,EAAaP,EAAMO,WACnBC,EAAcR,EAAMQ,YAGpBC,EA7HN,SAAuBT,QACP,IAAVA,IACFA,EAAQ,IAGV,IAAIU,EAASV,EACTW,EAAeD,EAAOE,SACtBC,EAAYH,EAAOI,MACnBC,EAAeL,EAAOK,aACtBC,EAAWN,EAAOhB,KAClBa,EAAaG,EAAOH,WACpBC,EAAcE,EAAOF,YACrBS,EAAWP,EAAOO,SAClBC,EAAY/C,EAA8BuC,EAAQpB,GAElD6B,EAAkBC,EAAMC,SAASN,GAAgB,IACjDO,EAAaH,EAAgB,GAC7BI,EAAWJ,EAAgB,GAE3BK,EAAuBC,EAAAA,oBAAoBZ,EAAWS,GACtDI,EAAeF,EAAqB,GACpCV,EAAQU,EAAqB,GAE7BvB,EAAMmB,EAAMO,OAAO,MACnBC,EAAQR,EAAMS,aAAY,WAC5B,IAAIC,EAAW7B,EAAI8B,QACnB,GAAKD,EAAL,CACA,IAAIE,EAAQ,+BACRC,EAA8BH,EAASI,cAAcF,GAEzD,GAAIC,EACFA,EAA4BL,YAD9B,CAKAI,EAAQ,uBACR,IAAIG,EAAoBL,EAASI,cAAcF,GAC1B,MAArBG,GAAqCA,EAAkBP,YACtD,IAKCQ,EAAeC,EAAAA,WAAMC,EAAW,SAChC5C,EAAOsB,GAAYoB,EACnBxB,EAAWQ,EAAMS,aAAY,SAAUU,GACzC,IAAIC,EAAYC,EAAAA,aAAaF,GAAgBA,EAAa/D,OAAOsC,MAAQyB,EAEpEb,GACHH,EAASiB,GAGK,MAAhB7B,GAAgCA,EAAa+B,OAAOF,MACnD,CAAC7B,EAAce,IACdiB,EAAevB,EAAMS,aAAY,SAAU7B,EAAO4C,GASpD,YARc,IAAV5C,IACFA,EAAQ,SAGW,IAAjB4C,IACFA,EAAe,MAGV9D,EAAS,GAAIkB,EAAO,CACzBC,IAAK4C,EAAAA,UAAUD,EAAc3C,GAC7B6C,KAAM,iBAEP,IACCC,EAAgB3B,EAAMS,aAAY,SAAU7B,EAAOC,GACrD,IAAI+C,EAWJ,YATc,IAAVhD,IACFA,EAAQ,SAGE,IAARC,IACFA,EAAM,MAIDnB,EAAS,GAAIkB,IAAQgD,EAAY,CACtC/C,IAAKA,EACLP,KAAMA,IAHSuB,EAAW,UAAY,aAIJ,MAATH,EAAgBd,EAAMc,QAAUA,OAAQwB,EAAWU,EAAUpC,SAAWA,EAAUoC,EAAU,oBAAqB,EAAMA,MACjJ,CAAC/B,EAAUvB,EAAMkB,EAAUE,IAC9B,MAAO,CACL6B,aAAcA,EACdI,cAAeA,EACfrD,KAAMA,EACNO,IAAKA,EACL2B,MAAOA,EACPL,SAAUA,EACVT,MAAOA,EACPF,SAAUA,EACVL,WAAYA,EACZC,YAAaA,EACbU,UAAWA,GA6BQ+B,CAFV9E,EAA8B6B,EAAOT,IAG5CuB,EAAQL,EAAeK,MACvBF,EAAWH,EAAeG,SAC1B+B,EAAelC,EAAekC,aAC9BjD,EAAOe,EAAef,KACtBwB,EAAYT,EAAeS,UAE3BgC,EAAQ9B,EAAM+B,SAAQ,WACxB,MAAO,CACLzD,KAAMA,EACNS,KAAMA,EACNS,SAAUA,EACVV,YAAaA,EACbY,MAAOA,EACPV,QAASA,EACTG,WAAYA,EACZC,YAAaA,KAEd,CAACd,EAAMS,EAAMS,EAAUV,EAAaY,EAAOV,EAASG,EAAYC,IAC/D4C,EAAaT,EAAazB,EAAWjB,GAErCoD,EAAaC,EAAAA,GAAG,qBAAsBhD,GAE1C,OAAoBc,EAAMmC,cAAc3D,EAAoB,CAC1DkB,MAAOoC,GACO9B,EAAMmC,cAAcC,EAAMA,OAACC,IAAK3E,EAAS,GAAIsE,EAAY,CACvE9C,UAAW+C,IACThD,OAGFqD,YACF5D,EAAW6D,YAAc,cAG3B,IAAIC,EAAc,CAAC,mBAAoB,iBAAkB,YAAa,cAAe,aAAc,aAAc,aAAc,WAAY,YAAa,OAAQ,QAAS,KAAM,kBAAmB,oBA+MlM,SAASC,EAAKC,GACZA,EAAMC,iBACND,EAAME,kBAGR,IAAIC,EAAY,CAAC,UAAW,WAAY,cAAe,aAAc,cAAe,cAQhFC,EAAqBnE,EAAUA,YAAC,SAAUC,EAAOC,GACnD,IAAIkE,EAEAjB,EAAQrD,IACRc,EAAeX,EAAMY,SACrBC,EAAYb,EAAMc,MAClBsD,EAASC,EAAmBA,oBAAC,QAASvF,EAAS,GAAIoE,EAAOlD,IAC1DsE,EAAWC,mBAAiBvE,GAE5BwE,EAAoBF,EAASG,QAC7BA,OAAgC,IAAtBD,EAA+B,SAAWA,EACpDnE,EAAWiE,EAASjE,SACpBqE,EAAcJ,EAASI,YACvBC,EAAuBL,EAAS/D,WAChCA,OAAsC,IAAzBoE,EAA2C,MAATzB,OAAgB,EAASA,EAAM3C,WAAaoE,EAC3FC,EAAwBN,EAAS9D,YACjCA,OAAwC,IAA1BoE,EAA4C,MAAT1B,OAAgB,EAASA,EAAM1C,YAAcoE,EAC9FC,EAAiBP,EAASQ,WAC1BC,EAAO5G,EAA8BmG,EAAUL,GAE/Ce,EAAYhF,EAAMgF,UAEwB,OAAhC,MAAT9B,OAAgB,EAASA,EAAMpC,QAA+B,MAAbD,IACpDmE,EAAY9B,EAAMpC,QAAUD,GAG9B,IAAID,EAAWD,EAEF,MAATuC,GAAiBA,EAAMtC,UAAyB,MAAbC,IACrCD,EAAWqE,EAAAA,QAAQ/B,EAAMtC,SAAUD,IAGrC,IAEIuE,EAxPN,SAAkBlF,QACF,IAAVA,IACFA,EAAQ,IAGV,IAAIU,EAASV,EACTmF,EAAmBzE,EAAOyE,iBAC1BC,EAAwB1E,EAAO2E,eAC/BA,OAA2C,IAA1BD,EAAmCD,EAAmBC,EACvEE,EAAgB5E,EAAOsE,UACvBxE,EAAcE,EAAOF,YACrB+E,EAAiB7E,EAAOH,WACxBiF,EAAiB9E,EAAO+E,WACxBC,EAAiBhF,EAAOiF,WACxB/E,EAAWF,EAAOE,SAClBgF,EAAgBlF,EAAOmF,UACvBnG,EAAOgB,EAAOhB,KACdoB,EAAQJ,EAAOI,MACfgF,EAASpF,EAAOqF,GAChBC,EAAiBtF,EAAO,mBACxBuF,EAAkBvF,EAAO,oBACzBQ,EAAY/C,EAA8BuC,EAAQkD,GAElDsC,EAAO7D,EAAAA,WAAMC,EAAW,SACxB6D,EAAcC,EAAAA,wBACdlD,EAAQrD,IAGRkG,GADwBI,GADDjD,GAAW8C,EAEiCE,EAAjBC,EAAYJ,GAClEA,EAAe,MAAVD,EAAiBA,EAASC,EAC/B,IAAIxF,EAA+B,MAAlBgF,EAAyBA,EAAgC,MAAfY,OAAsB,EAASA,EAAY5F,WAClGkF,EAA+B,MAAlBD,EAAyBA,EAAgC,MAAfW,OAAsB,EAASA,EAAYV,WAClGE,EAA+B,MAAlBD,EAAyBA,EAAgC,MAAfS,OAAsB,EAASA,EAAYR,WAClGE,EAA6B,MAAjBD,EAAwBA,EAA+B,MAAfO,OAAsB,EAASA,EAAYN,UAE/FQ,EAAcC,EAAAA,aACdC,EAAYF,EAAY,GACxBG,EAAaH,EAAY,GAEzBI,EAAeH,EAAAA,aACfI,EAAYD,EAAa,GACzBE,EAAcF,EAAa,GAE3BG,EAAeN,EAAAA,aACfO,EAAWD,EAAa,GACxBE,EAAYF,EAAa,GAEzBG,EAAY1F,EAAAA,SAAS2F,QAAQ3B,IAC7B4B,EAAiBF,EAAU,GAC3BG,EAAaH,EAAU,GAEvBvF,EAAuBC,EAAAA,oBAAoB6D,EAAe2B,GAC1DvF,EAAeF,EAAqB,GACpCwD,EAAYxD,EAAqB,GAErC2F,OAAK,CACHC,YAAajC,EACbkC,QAAS,0LAEX,IAAIC,EAAezF,eAAY,SAAUiC,GACnC2B,GAAclF,EAChBuD,EAAMC,kBAIHrC,GACHwF,EAAWpD,EAAMtF,OAAO+I,SAGd,MAAZ3G,GAA4BA,EAASkD,MACpC,CAACpC,EAAcnB,EAAYkF,EAAY7E,IACtC4G,EAAY3F,eAAY,SAAUiC,GAClB,MAAdA,EAAMxF,KACRwI,EAAUW,OAEX,CAACX,IACAY,EAAU7F,eAAY,SAAUiC,GAChB,MAAdA,EAAMxF,KACRwI,EAAUa,QAEX,CAACb,IACA/D,GAAgBlB,EAAAA,aAAY,SAAU7B,EAAOC,GAS/C,YARc,IAAVD,IACFA,EAAQ,SAGE,IAARC,IACFA,EAAM,MAGDnB,EAAS,GAAIkB,EAAO,CACzBC,IAAKA,EACL,cAAe2H,EAAQA,SAACf,GACxB,aAAce,EAAQA,SAAClB,GACvB,gBAAiBkB,EAAQA,SAACrH,GAC1B,eAAgBqH,EAAQA,SAAC/B,GACzB,eAAgB+B,EAAQA,SAAC5C,GACzB,aAAc4C,EAAQA,SAACrB,GACvB,gBAAiBqB,EAAQA,SAACnC,GAC1B,eAAe,EACfoC,YAAaC,EAAAA,gBAAgB9H,EAAM6H,YAAaf,EAAUW,IAC1DM,UAAWD,EAAAA,gBAAgB9H,EAAM+H,UAAWjB,EAAUa,KACtDK,aAAcF,EAAAA,gBAAgB9H,EAAMgI,aAAcrB,EAAYc,IAC9DQ,aAAcH,EAAAA,gBAAgB9H,EAAMiI,aAActB,EAAYgB,SAE/D,CAACd,EAAUH,EAAWnG,EAAYsF,EAAWb,EAAWuB,EAAWd,EAAYqB,EAAUW,GAAIX,EAAUa,IAAKhB,EAAYc,GAAId,EAAYgB,MAEvIO,GAAsB,MAAf/B,EAAsBA,EAAc,GAC3CgC,GAAUD,GAAKC,QACfC,GAASF,GAAKE,OAEdC,GAAgBxG,EAAAA,aAAY,SAAU7B,EAAOC,QACjC,IAAVD,IACFA,EAAQ,SAGE,IAARC,IACFA,EAAM,MAGR,IAAIqI,EAAgB/H,IAAeC,EACnC,OAAO1B,EAAS,GAAIkB,EAAO,CACzB+F,GAAIA,EACJ9F,IAAKA,EACLsI,KAAM,QACN7I,KAAMA,EACNoB,MAAOA,EACPF,SAAUkH,EAAeA,gBAAC9H,EAAMY,SAAU0G,GAC1Cc,OAAQN,EAAeA,gBAACM,GAAQpI,EAAMoI,OAAQ5B,EAAWmB,KACzDQ,QAASL,EAAeA,gBAACK,GAASnI,EAAMmI,QAAS3B,EAAWiB,IAC5DD,UAAWM,EAAeA,gBAAC9H,EAAMwH,UAAWA,GAC5CE,QAASI,EAAeA,gBAAC9H,EAAM0H,QAASA,GACxCH,QAASvC,EACTwD,SAAUF,EACVG,SAAUhD,EACViD,SAAU/C,EACV,eAAgBgD,EAAQA,SAAC9C,GACzB,gBAAiB8C,EAAQA,SAACL,GAC1B,gBAAiBK,EAAQA,SAAChD,GAC1B,gBAAiBiC,EAAQA,SAACnC,GAC1B,mBAAoBQ,EACpB2C,MAAOC,EAAmBA,wBAE3B,CAACtI,EAAYC,EAAauF,EAAIrG,EAAMoB,EAAOwG,EAAcc,GAAQ5B,EAAY2B,GAASX,EAAWE,EAAS1C,EAAWS,EAAYE,EAAYE,EAAWI,IA4C3J,MAAO,CACL6C,MAXU,CACVjD,UAAWA,EACXU,UAAWA,EACXvB,UAAWA,EACX6B,SAAUA,EACVH,UAAWA,EACXnG,WAAYA,EACZkF,WAAYA,EACZE,WAAYA,GAKZoD,iBAAkBhG,GAClBsF,cAAeA,GACfW,cA/CkB,SAAuBhJ,EAAOC,GAShD,YARc,IAAVD,IACFA,EAAQ,SAGE,IAARC,IACFA,EAAM,MAGDnB,EAAS,GAAIkB,EAAO,CACzBC,IAAKA,EACL4H,YAAaC,EAAeA,gBAAC9H,EAAM6H,YAAahE,GAChDoF,aAAcnB,EAAeA,gBAAC9H,EAAMiJ,aAAcpF,GAClD,gBAAiB+D,EAAQA,SAACrH,GAC1B,eAAgBqH,EAAQA,SAAC5C,GACzB,eAAgB4C,EAAQA,SAAC/B,MAiC3BlD,aA7BiB,SAAsB3C,EAAOC,GAK9C,YAJY,IAARA,IACFA,EAAM,MAGDnB,EAAS,GAAIkB,EAAO,CACzBC,IAAKA,EACL,gBAAiB2H,EAAQA,SAACrH,GAC1B,eAAgBqH,EAAQA,SAAC5C,GACzB,eAAgB4C,EAAQA,SAAC/B,MAqB3B3E,UAAWA,GAsDGgI,CAASpK,EAAS,GAAIiG,EAAM,CAC1CC,UAAWA,EACXxE,YAAaA,EACbD,WAAYA,EACZK,SAAUA,EACVlB,KAPgE,OAAtDyE,EAAuB,MAATnE,OAAgB,EAASA,EAAMN,MAAgByE,EAAuB,MAATjB,OAAgB,EAASA,EAAMxD,QASlH2I,EAAgBnD,EAAUmD,cAC1BU,EAAmB7D,EAAU6D,iBAC7BC,EAAgB9D,EAAU8D,cAC1BrG,EAAeuC,EAAUvC,aACzBzB,EAAYgE,EAAUhE,UAEtBiI,EAASC,EAAAA,MAAMlI,EAAWmI,mBAC1BC,EAAcH,EAAO,GAGrBI,EAAgBR,EAFHI,EAAO,IAGpBrE,EAAauD,EAAcxD,EAAgB5E,GAC3CuJ,EAAaR,IACbS,EAAY/K,OAAOK,OAAO,GAAIuK,EAAa3G,KAE3C+G,EAAa5K,EAAS,CACxB6K,MAAOjF,EAAc,YAASpC,EAC9BsH,QAAS,cACTC,WAAY,SACZC,cAAe,MACfC,OAAQ,WACP3F,EAAO4F,WAENC,EAAiBnL,EAAS,CAC5B8K,QAAS,cACTC,WAAY,SACZK,eAAgB,SAChBC,WAAY,GACX/F,EAAOgG,SAENC,EAAcvL,EAAS,CACzBwL,WAAY,OACZC,YAAa9F,GACZL,EAAOoG,OAEV,OAAoBpJ,EAAMmC,cAAcC,SAAOgH,MAAO1L,EAAS,CAC7DwB,UAAW,gBACVmJ,EAAW,CACZgB,MAAOf,IACQtI,EAAMmC,cAAc,QAASzE,EAAS,CACrDwB,UAAW,uBACVwE,IAA2B1D,EAAMmC,cAAcC,EAAMA,OAACkH,KAAM5L,EAAS,CACtEwB,UAAW,yBACViJ,EAAe,CAChBkB,MAAOR,KACJ5J,GAAyBe,EAAMmC,cAAcC,EAAMA,OAACkH,KAAM5L,EAAS,CACtEwB,UAAW,uBACVkJ,EAAY,CACbiB,MAAOJ,IACLhK,OAGFqD,YACFQ,EAAMP,YAAc,uBC/fD,SAACgH,GAAE,IAAAtK,EAAQsK,EAAAtK,SAAEuK,EAAWD,EAAAxK,KAAXA,OAAO,IAAAyK,EAAA,KAAIA,EAAeD,EAAAE,kBAAK9F,EAAI+F,SAAAH,EAA/C,qCACpB,OACEvJ,EAAC,QAAAmC,cAAAwH,EAAWC,EAAAA,SAAA,GAAAjG,GAAM5E,KAAMA,EAAM0J,WAAW,eACtCxJ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./radio.component-75fe59d3.js"),a=require("./chakra-ui-layout.esm-38427dad.js"),t=require("./formControl.component-1665e080.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r),s=function(r){var t=r.radios,o=r.size,s=void 0===o?"md":o,d=r.direction,u=void 0===d?"row":d,c=r.spacing,l=e.__rest(r,["radios","size","direction","spacing"]);l.isFieldInline;var m=e.__rest(l,["isFieldInline"]);return n.default.createElement(i.RadioGroup,e.__assign({},m),n.default.createElement(a.Stack,{direction:u,spacing:c,maxW:l.maxW||"max-content"},t.map((function(r,a){return n.default.createElement(i.Radio,e.__assign({key:a},r,{size:s}))}))))};s.displayName="RadioGroup";var d=t.withFormControl(s);exports.WrappedRadioGroup=d;
|
|
2
|
+
//# sourceMappingURL=radioGroup.component-b03e3d6e.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radioGroup.component-b03e3d6e.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps } from '@chakra-ui/radio';\nimport { SystemProps } from '@chakra-ui/system';\nimport { Stack } from '@chakra-ui/layout';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from 'components/Radio/radio.component';\nimport { RadioSize } from 'components/Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n size?: RadioSize;\n radios: RadioProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n const { isFieldInline, ...domProps } = rest;\n return (\n <CRadioGroup {...domProps}>\n <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n {radios.map((radio, index) => (\n <Radio key={index} {...radio} size={size} />\n ))}\n </Stack>\n </CRadioGroup>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"wSAiBMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAKA,OAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./chakra-ui-layout.esm-38427dad.js"),n=require("./text.component-e9a89a0a.js"),a=require("./useTheme-b0d097cf.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t),c=function(e){var n=e.number,o=e.isInteractive,c=e.isDisabled,u=e.onClick,s=e.selected,d=a.useTheme().colors,i=t.useCallback((function(){u&&u(n)}),[n,u]);return l.default.createElement(l.default.Fragment,null,o?c?l.default.createElement(r.Flex,{as:"button",bgColor:s?"".concat(d.background.brand,"80"):"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(s?"transparent":d.background.brand,"50"),color:s?"white":"".concat(d.background.brand,"50"),mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},n):l.default.createElement(r.Flex,{as:"button",onClick:i,bgColor:s?d.background.brand:"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(d.background.brand),color:s?d.text.dark.default:d.text.light.link,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"pointer",_hover:{bg:s?d.background.brand:d.background.tealLight}},n):l.default.createElement(r.Flex,{as:"div",bgColor:d.background.brand,h:"40px",w:"40px",borderRadius:"20px",border:"2px solid ".concat(d.background.brand),color:d.text.dark.default,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},n))};exports.RatingDots=function(a){var o=a.minValue,u=a.maxValue,s=a.minLabel,d=a.maxLabel,i=a.centeredLabel,b=a.isDisabled,f=a.isInteractive,m=a.onClick,x=a.selected,g=e.__read(t.useState(),2),p=g[0],k=g[1],E=t.useMemo((function(){return Math.round(o)}),[o]),h=t.useMemo((function(){return Math.round(u)}),[u]),C=t.useMemo((function(){for(var e=[],t=E;t<=h;t++)e.push(t);return e}),[h,E]);return t.useEffect((function(){void 0!==x&&k(x)}),[x]),l.default.createElement(l.default.Fragment,null,l.default.createElement(r.Flex,{my:4,flexWrap:"wrap",justifyContent:f?"center":"flex-start"},C.map((function(e){return l.default.createElement(c,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:f,onClick:m,isDisabled:b,selected:p===e})}))),l.default.createElement(r.Flex,{justifyContent:f?i?"center":"space-between":"flex-start"},i?l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},i):l.default.createElement(l.default.Fragment,null,s&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},"".concat(E," - ").concat(s)),!f&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm",pr:1},","),d&&l.default.createElement(n.Text,{colorToken:"subtle",size:"sm"},"".concat(h," - ").concat(d)))))};
|
|
2
|
+
//# sourceMappingURL=ratingDots.component-09f8f2ed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ratingDots.component-09f8f2ed.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { useTheme } from 'hooks/useTheme';\nimport { Flex } from '@chakra-ui/layout';\n\nexport interface IRatingDotProps {\n number: number;\n isInteractive?: boolean;\n isDisabled?: boolean;\n onClick?: (value: number) => void;\n selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n const { colors } = useTheme();\n\n const handleClick = useCallback((): void => {\n if (onClick) onClick(number);\n }, [number, onClick]);\n\n return (\n <>\n {isInteractive ? (\n isDisabled ? (\n <Flex\n as=\"button\"\n bgColor={selected ? `${colors.background.brand}80` : 'transparent'}\n h=\"60px\"\n w=\"60px\"\n borderRadius=\"30px\"\n border={`2px solid ${selected ? 'transparent' : colors.background.brand}50`}\n color={selected ? 'white' : `${colors.background.brand}50`}\n mr={1}\n mb={1}\n justifyContent=\"center\"\n alignItems=\"center\"\n fontSize=\"lg\"\n cursor=\"not-allowed\"\n >\n {number}\n </Flex>\n ) : (\n <Flex\n as=\"button\"\n onClick={handleClick}\n bgColor={selected ? colors.background.brand : 'transparent'}\n h=\"60px\"\n w=\"60px\"\n borderRadius=\"30px\"\n border={`2px solid ${colors.background.brand}`}\n color={selected ? colors.text.dark.default : colors.text.light.link}\n mr={1}\n mb={1}\n justifyContent=\"center\"\n alignItems=\"center\"\n fontSize=\"lg\"\n cursor=\"pointer\"\n _hover={{\n bg: selected ? colors.background.brand : colors.background.tealLight,\n }}\n >\n {number}\n </Flex>\n )\n ) : (\n <Flex\n as=\"div\"\n bgColor={colors.background.brand}\n h=\"40px\"\n w=\"40px\"\n borderRadius=\"20px\"\n border={`2px solid ${colors.background.brand}`}\n color={colors.text.dark.default}\n mr={1}\n mb={1}\n justifyContent=\"center\"\n alignItems=\"center\"\n fontSize=\"lg\"\n cursor=\"default\"\n >\n {number}\n </Flex>\n )}\n </>\n );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from '@chakra-ui/layout';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n minValue: number;\n maxValue: number;\n minLabel?: string;\n maxLabel?: string;\n centeredLabel?: string;\n isInteractive?: boolean;\n isDisabled?: boolean;\n onClick?: (value: number) => void;\n selected?: number;\n}\n\nexport const RatingDots = ({\n minValue,\n maxValue,\n minLabel,\n maxLabel,\n centeredLabel,\n isDisabled,\n isInteractive,\n onClick,\n selected,\n}: RatingDotsProps): JSX.Element => {\n const [selectedValue, setSelectedValue] = useState<number>();\n\n const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n const values = useMemo(() => {\n const arr = [];\n for (let i = roundedMin; i <= roundedMax; i++) {\n arr.push(i);\n }\n return arr;\n }, [roundedMax, roundedMin]);\n\n useEffect(() => {\n if (selected !== undefined) setSelectedValue(selected);\n }, [selected]);\n\n return (\n <>\n <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n {values.map((value) => (\n <RatingDot\n key={`composer-rating-dot-${value}`}\n number={value}\n isInteractive={isInteractive}\n onClick={onClick}\n isDisabled={isDisabled}\n selected={selectedValue === value}\n />\n ))}\n </Flex>\n <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n {centeredLabel ? (\n <Text colorToken=\"subtle\" size=\"sm\">\n {centeredLabel}\n </Text>\n ) : (\n <>\n {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n </>\n )}\n </Flex>\n </>\n );\n};\n"],"names":["RatingDot","_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","concat","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight","minValue","maxValue","minLabel","maxLabel","centeredLabel","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","Fragment","my","flexWrap","map","value","key","Text","colorToken","size","pr"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-form-control.esm-a381f700.js"),r=require("./chakra-ui-system.esm-98241028.js"),l=require("./chakra-ui-menu.esm-753c1002.js"),a=require("./menuContainer.component-035c3dff.js"),o=require("./formControl.component-1665e080.js"),i=require("./menu.context-6276be4d.js"),c=require("./useTheme-b0d097cf.js"),s=require("./menuList.component-353c957f.js"),u=require("./chakra-ui-layout.esm-38427dad.js"),d=require("./useAdaptiveColorMap-b8a354fa.js"),m=require("./truncatedText.component-e18e8d35.js"),f=require("./text.component-e9a89a0a.js"),p=require("./icon.component-f71ebe2e.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=_(t),g=h(t);function E(){return E=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function x(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}var b=["children","placeholder","className"],S=["rootProps","placeholder","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth"],y=["children"],j=r.forwardRef((function(e,t){var n=e.children,l=e.placeholder,a=e.className,o=x(e,b);return v.createElement(r.chakra.select,E({},o,{ref:t,className:r.cx("chakra-select",a)}),l&&v.createElement("option",{value:""},l),n)}));r.__DEV__&&(j.displayName="SelectField");var T=r.forwardRef((function(e,t){var l=r.useMultiStyleConfig("Select",e),a=r.omitThemingProps(e),o=a.rootProps,i=a.placeholder,c=a.icon,s=a.color,u=a.height,d=a.h,m=a.minH,f=a.minHeight,p=a.iconColor,h=a.iconSize;a.isFullWidth;var _=x(a,S),g=r.split(_,r.layoutPropNames),b=g[0],y=g[1],T=n.useFormControl(y),k={width:"100%",height:"fit-content",position:"relative",color:s},C=r.mergeWith({paddingEnd:"2rem"},l.field,{_focus:{zIndex:"unset"}});return v.createElement(r.chakra.div,E({className:"chakra-select__wrapper",__css:k},b,o),v.createElement(j,E({ref:t,height:null!=d?d:u,minH:null!=m?m:f,placeholder:i},T,{__css:C}),e.children),v.createElement(N,E({"data-disabled":r.dataAttr(T.disabled)},(p||s)&&{color:p||s},{__css:l.icon},h&&{fontSize:h}),c))}));r.__DEV__&&(T.displayName="Select");var k=function(e){return v.createElement("svg",E({viewBox:"0 0 24 24"},e),v.createElement("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))},C=r.chakra("div",{baseStyle:{position:"absolute",display:"inline-flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",top:"50%",transform:"translateY(-50%)"}}),N=function(e){var t=e.children,n=void 0===t?v.createElement(k,null):t,r=x(e,y),l=v.cloneElement(n,{role:"presentation",className:"chakra-select__icon",focusable:!1,"aria-hidden":!0,style:{width:"1em",height:"1em",color:"currentColor"}});return v.createElement(C,E({},r,{className:"chakra-select__icon-wrapper"}),v.isValidElement(n)?l:null)};r.__DEV__&&(N.displayName="SelectIcon");var M=function(t){var n=t.options,r=e.__rest(t,["options"]);return g.default.createElement(s.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},r))},q=function(t){var n=t.options;return g.default.createElement(T,e.__assign({className:"Select"},t),n.map((function(e,t){return g.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},w=function(e){var t=e.selectedOption,n=e.defaultLeftElement,r=e.shouldTruncateText,l=void 0===r||r,a=c.useTheme().colors,o=d.useAdaptiveColorMap(a.text,t.colorToken?t.colorToken:"default");return g.default.createElement(u.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:o},(null==t?void 0:t.leftElement)?g.default.createElement(u.Flex,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?g.default.createElement(u.Flex,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?l?g.default.createElement(m.TruncatedText,{color:o,className:"Select__Text",textContent:t.label||"",noOfLines:1}):g.default.createElement(f.Text,{color:o,className:"Select__Text"},t.label):t.label)},O=function(n){var r=n.defaultLeftElement;n.isFieldInline;var o=n.listProps,s=n.onChange,u=n.options,d=n.placeholder,m=n.size,f=void 0===m?"md":m,h=n.value,_=n.useBrowserDefaultMenu,v=n.maxW,E=void 0===v?"100%":v;n.colorToken;var x=e.__rest(n,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),b=t.useRef(null),S=c.useTheme().colors,y=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),j=e.__read(t.useState([]),2),k=j[0],C=j[1],N=t.useMemo((function(){var e=k.find((function(e){return e.isSelected}));return e||y}),[k,y]),O=t.useCallback((function(t){if(k){var n=k.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));C(n),(null==o?void 0:o.onSelect)&&o.onSelect(t)}}),[k,o]),P=(null==o?void 0:o.shouldTruncateText)?{}:{height:"max-content",minH:10},W=t.useMemo((function(){var e;return b.current?"".concat(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==b?void 0:b.current]);return t.useEffect((function(){var t=u.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===h})}));C(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[y],!1))}),[u,y,h]),_&&s?g.default.createElement(q,e.__assign({},x,{maxW:E,size:f,options:u,onChange:s})):g.default.createElement(i.MenuProvider,{menuItems:k},g.default.createElement(a.MenuContainer,{matchWidth:!0,isLazy:!0},g.default.createElement(T,e.__assign({icon:g.default.createElement(p.Icon,{name:"chevronDown",size:f}),as:l.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(S.border.light.focus," !important"),borderColor:S.border.light.focus},ref:b,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:E,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[f]}},P,x),g.default.createElement(w,{selectedOption:N,defaultLeftElement:r,shouldTruncateText:null==o?void 0:o.shouldTruncateText})),g.default.createElement(M,e.__assign({},o,{onSelect:O,options:k,maxW:W||E}))))};O.displayName="Select";var P=o.withFormControl(O);exports.WrappedSelect=P;
|
|
2
|
+
//# sourceMappingURL=select.component-093e2b58.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.component-093e2b58.js","sources":["../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js","../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import { useFormControl } from '@chakra-ui/form-control';\nimport { forwardRef, chakra, useMultiStyleConfig, omitThemingProps, layoutPropNames } from '@chakra-ui/system';\nimport { cx, __DEV__, split, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"children\", \"placeholder\", \"className\"],\n _excluded2 = [\"rootProps\", \"placeholder\", \"icon\", \"color\", \"height\", \"h\", \"minH\", \"minHeight\", \"iconColor\", \"iconSize\", \"isFullWidth\"],\n _excluded3 = [\"children\"];\nvar SelectField = /*#__PURE__*/forwardRef(function (props, ref) {\n var children = props.children,\n placeholder = props.placeholder,\n className = props.className,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n return /*#__PURE__*/React.createElement(chakra.select, _extends({}, rest, {\n ref: ref,\n className: cx(\"chakra-select\", className)\n }), placeholder && /*#__PURE__*/React.createElement(\"option\", {\n value: \"\"\n }, placeholder), children);\n});\n\nif (__DEV__) {\n SelectField.displayName = \"SelectField\";\n}\n\n/**\n * React component used to select one item from a list of options.\n */\nvar Select = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Select\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n rootProps = _omitThemingProps.rootProps,\n placeholder = _omitThemingProps.placeholder,\n icon = _omitThemingProps.icon,\n color = _omitThemingProps.color,\n height = _omitThemingProps.height,\n h = _omitThemingProps.h,\n minH = _omitThemingProps.minH,\n minHeight = _omitThemingProps.minHeight,\n iconColor = _omitThemingProps.iconColor,\n iconSize = _omitThemingProps.iconSize;\n _omitThemingProps.isFullWidth;\n var rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n var _split = split(rest, layoutPropNames),\n layoutProps = _split[0],\n otherProps = _split[1];\n\n var ownProps = useFormControl(otherProps);\n var rootStyles = {\n width: \"100%\",\n height: \"fit-content\",\n position: \"relative\",\n color: color\n };\n var fieldStyles = mergeWith({\n paddingEnd: \"2rem\"\n }, styles.field, {\n _focus: {\n zIndex: \"unset\"\n }\n });\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n className: \"chakra-select__wrapper\",\n __css: rootStyles\n }, layoutProps, rootProps), /*#__PURE__*/React.createElement(SelectField, _extends({\n ref: ref,\n height: h != null ? h : height,\n minH: minH != null ? minH : minHeight,\n placeholder: placeholder\n }, ownProps, {\n __css: fieldStyles\n }), props.children), /*#__PURE__*/React.createElement(SelectIcon, _extends({\n \"data-disabled\": dataAttr(ownProps.disabled)\n }, (iconColor || color) && {\n color: iconColor || color\n }, {\n __css: styles.icon\n }, iconSize && {\n fontSize: iconSize\n }), icon));\n});\n\nif (__DEV__) {\n Select.displayName = \"Select\";\n}\n\nvar DefaultIcon = function DefaultIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 24 24\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n }));\n};\nvar IconWrapper = chakra(\"div\", {\n baseStyle: {\n position: \"absolute\",\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n pointerEvents: \"none\",\n top: \"50%\",\n transform: \"translateY(-50%)\"\n }\n});\n\nvar SelectIcon = function SelectIcon(props) {\n var _props$children = props.children,\n children = _props$children === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$children,\n rest = _objectWithoutPropertiesLoose(props, _excluded3);\n\n var clone = /*#__PURE__*/React.cloneElement(children, {\n role: \"presentation\",\n className: \"chakra-select__icon\",\n focusable: false,\n \"aria-hidden\": true,\n // force icon to adhere to `IconWrapper` styles\n style: {\n width: \"1em\",\n height: \"1em\",\n color: \"currentColor\"\n }\n });\n return /*#__PURE__*/React.createElement(IconWrapper, _extends({}, rest, {\n className: \"chakra-select__icon-wrapper\"\n }), /*#__PURE__*/React.isValidElement(children) ? clone : null);\n};\n\nif (__DEV__) {\n SelectIcon.displayName = \"SelectIcon\";\n}\n\nexport { DefaultIcon, Select, SelectField };\n","import React from 'react';\nimport { MenuList, MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n options?: SelectOptionProps[];\n}\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/select';\nimport { BrowserDefaultSelectProps } from 'components/Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n const { options } = props;\n return (\n <CSelect className=\"Select\" {...props}>\n {options.map((option, index) => (\n <option key={`options-${index}`} value={option.value}>\n {option.label}\n </option>\n ))}\n </CSelect>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport { Flex } from '@chakra-ui/layout';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from 'components/TruncatedText/truncatedText.component';\nimport { Text } from 'components/Text/text.component';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(\n colors.text,\n selectedOption.colorToken ? selectedOption.colorToken : 'default',\n );\n\n return (\n <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText\n color={adaptiveColor}\n className=\"Select__Text\"\n textContent={selectedOption.label || ''}\n noOfLines={1}\n />\n ) : (\n <Text color={adaptiveColor} className=\"Select__Text\">\n {selectedOption.label}\n </Text>\n )\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport { MenuContainer } from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'components/FormControl/formControl.component';\nimport { MenuProvider } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n options: SelectOptionProps[];\n size?: FormControlSize;\n colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n defaultLeftElement?: never;\n listProps?: never;\n onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n onChange?: never;\n useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n onChange,\n options,\n placeholder,\n size = 'md',\n value,\n useBrowserDefaultMenu,\n maxW = '100%',\n colorToken,\n ...domProps\n}: SelectProps): JSX.Element => {\n const selectRef = useRef<HTMLSelectElement>(null);\n const { colors } = useTheme();\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n colorToken: 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n // Allow users to use browser default Select element instead of custom Select\n if (useBrowserDefaultMenu && onChange) {\n return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n }\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n as={MenuButton}\n _focus={{\n boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n borderColor: colors.border.light.focus,\n }}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n maxW={maxW}\n style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n {...flexibleHeightProps}\n {...domProps}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded","_excluded2","_excluded3","SelectField","forwardRef","props","ref","children","placeholder","className","rest","React","createElement","chakra","select","cx","value","__DEV__","displayName","Select","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","rootProps","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth","_split","split","layoutPropNames","layoutProps","otherProps","ownProps","useFormControl","rootStyles","width","position","fieldStyles","mergeWith","paddingEnd","field","_focus","zIndex","div","__css","SelectIcon","dataAttr","disabled","fontSize","DefaultIcon","viewBox","fill","d","IconWrapper","baseStyle","display","alignItems","justifyContent","pointerEvents","top","transform","_props$children","clone","cloneElement","role","focusable","style","isValidElement","SelectList","options","__rest","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","map","option","index","concat","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","leftElement","pr","TruncatedText","textContent","noOfLines","Text","listProps","onChange","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","Icon","name","as","MenuButton","boxShadow","border","light","focus","borderColor","onClick","event","stopPropagation","type","xs","sm","md","lg","WrappedSelect","withFormControl"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./chakra-ui-layout.esm-38427dad.js"),t=require("./useTheme-b0d097cf.js"),a=require("./useAdaptiveColorMap-b8a354fa.js"),n=require("@emotion/react");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d=i(r),l={xs:12,sm:16,md:24,lg:32,xl:48},c=n.keyframes(s||(s=e.__makeTemplateObject(["\n from {transform: rotate(0deg);}\n to {transform: rotate(360deg)}\n "],["\n from {transform: rotate(0deg);}\n to {transform: rotate(360deg)}\n "])));exports.Spinner=function(e){var r=e.size,n=void 0===r?"md":r,i=e.darkMode,s=t.useTheme(),u=s.colors,m=s.borders,p=a.useAdaptiveColorMap(u.icon,"active",i),f=l[n],b="0.45s linear 0s infinite normal none running ".concat(c);return d.default.createElement(o.Box,{as:"div",display:"inline-block",animation:b,border:m["2px"],borderTopColor:p,borderRightColor:p,borderLeftColor:u.transparent,borderBottomColor:u.transparent,height:"".concat(f,"px"),width:"".concat(f,"px"),borderRadius:"".concat(f,"px")},d.default.createElement(o.Box,{as:"span",border:0,w:"1px",h:"1px",m:"-1px",p:0,overflow:"hidden",position:"absolute"},"Loading..."))};
|
|
2
|
+
//# sourceMappingURL=spinner.component-8a883db8.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.component-
|
|
1
|
+
{"version":3,"file":"spinner.component-8a883db8.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n xs: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 48,\n};\n","import React from 'react';\nimport { Box } from '@chakra-ui/layout';\nimport { keyframes } from '@chakra-ui/system';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\n\nconst spin = keyframes`\n from {transform: rotate(0deg);}\n to {transform: rotate(360deg)}\n `;\n\nexport interface SpinnerProps {\n size?: SpinnerSize;\n darkMode?: boolean;\n}\n\nexport const Spinner = ({ size = 'md', darkMode }: SpinnerProps): JSX.Element => {\n const { colors, borders } = useTheme();\n const spinnerColor = useAdaptiveColorMap(colors.icon, 'active', darkMode);\n const spinnerSize = SpinnerSizeMap[size];\n const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n\n return (\n <Box\n as=\"div\"\n display=\"inline-block\"\n animation={animation}\n border={borders['2px']}\n borderTopColor={spinnerColor}\n borderRightColor={spinnerColor}\n borderLeftColor={colors.transparent}\n borderBottomColor={colors.transparent}\n height={`${spinnerSize}px`}\n width={`${spinnerSize}px`}\n borderRadius={`${spinnerSize}px`}\n >\n <Box as=\"span\" border={0} w=\"1px\" h=\"1px\" m=\"-1px\" p={0} overflow=\"hidden\" position=\"absolute\">\n Loading...\n </Box>\n </Box>\n );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","templateObject_1","__makeTemplateObject","_a","_b","size","darkMode","_c","useTheme","colors","borders","spinnerColor","useAdaptiveColorMap","icon","spinnerSize","animation","concat","React","createElement","Box","as","display","border","borderTopColor","borderRightColor","borderLeftColor","transparent","borderBottomColor","height","width","borderRadius","w","h","m","p","overflow","position"],"mappings":"6TAEaA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICCAC,EAAOC,EAASA,UAAAC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,iFAAA,CAAA,oGAUC,SAACC,GAAE,IAAAC,EAAAD,EAAAE,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAQH,EAAAG,SACvCC,EAAsBC,EAAQA,WAA5BC,EAAMF,EAAAE,OAAEC,EAAOH,EAAAG,QACjBC,EAAeC,EAAAA,oBAAoBH,EAAOI,KAAM,SAAUP,GAC1DQ,EAAcrB,EAAeY,GAC7BU,EAAY,gDAAgDC,OAAAjB,GAElE,OACEkB,EAAC,QAAAC,cAAAC,MACC,CAAAC,GAAG,MACHC,QAAQ,eACRN,UAAWA,EACXO,OAAQZ,EAAQ,OAChBa,eAAgBZ,EAChBa,iBAAkBb,EAClBc,gBAAiBhB,EAAOiB,YACxBC,kBAAmBlB,EAAOiB,YAC1BE,OAAQ,GAAGZ,OAAAF,EAAe,MAC1Be,MAAO,GAAGb,OAAAF,EAAe,MACzBgB,aAAc,GAAGd,OAAAF,EAAe,OAEhCG,UAAAC,cAACC,EAAGA,IAAC,CAAAC,GAAG,OAAOE,OAAQ,EAAGS,EAAE,MAAMC,EAAE,MAAMC,EAAE,OAAOC,EAAG,EAAGC,SAAS,SAASC,SAAS,YAE9E"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./chakra-ui-checkbox.esm-fb1f85bc.js"),a=require("./chakra-ui-system.esm-98241028.js"),n=require("./formControl.component-1665e080.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),l=i(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}var u=["spacing","children"],h=a.forwardRef((function(e,t){var n=a.useMultiStyleConfig("Switch",e),i=a.omitThemingProps(e),c=i.spacing,l=void 0===c?"0.5rem":c,h=i.children,f=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),d=r.useCheckbox(f),m=d.state,p=d.getInputProps,b=d.getCheckboxProps,k=d.getRootProps,_=d.getLabelProps,g=s.useMemo((function(){return o({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},n.container)}),[n.container]),v=s.useMemo((function(){return o({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},n.track)}),[n.track]),y=s.useMemo((function(){return o({userSelect:"none",marginStart:l},n.label)}),[l,n.label]);return s.createElement(a.chakra.label,o({},k(),{className:a.cx("chakra-switch",e.className),__css:g}),s.createElement("input",o({className:"chakra-switch__input"},p({},t))),s.createElement(a.chakra.span,o({},b(),{className:"chakra-switch__track",__css:v}),s.createElement(a.chakra.span,{__css:n.thumb,className:"chakra-switch__thumb","data-checked":a.dataAttr(m.isChecked),"data-hover":a.dataAttr(m.isHovered)})),h&&s.createElement(a.chakra.span,o({className:"chakra-switch__label"},_(),{__css:y}),h))}));a.__DEV__&&(h.displayName="Switch");var f=function(t){var r=t.isChecked,a=t.isIndeterminate,n=t.isFieldInline,i=e.__rest(t,["isChecked","isIndeterminate","isFieldInline"]);return l.default.createElement(h,e.__assign({colorScheme:"teal",isChecked:r,display:n?"inline-block":"block"},a&&{variant:"indeterminate"},i))};f.displayName="Switch";var d=n.withFormControl(f);exports.WrappedSwitch=d;
|
|
2
|
+
//# sourceMappingURL=switch.component-f18e10f9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.component-
|
|
1
|
+
{"version":3,"file":"switch.component-f18e10f9.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Switch\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n _omitThemingProps$spa = _omitThemingProps.spacing,\n spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n children = _omitThemingProps.children,\n ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var _useCheckbox = useCheckbox(ownProps),\n state = _useCheckbox.state,\n getInputProps = _useCheckbox.getInputProps,\n getCheckboxProps = _useCheckbox.getCheckboxProps,\n getRootProps = _useCheckbox.getRootProps,\n getLabelProps = _useCheckbox.getLabelProps;\n\n var containerStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-block\",\n position: \"relative\",\n verticalAlign: \"middle\",\n lineHeight: 0\n }, styles.container);\n }, [styles.container]);\n var trackStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-flex\",\n flexShrink: 0,\n justifyContent: \"flex-start\",\n boxSizing: \"content-box\",\n cursor: \"pointer\"\n }, styles.track);\n }, [styles.track]);\n var labelStyles = React.useMemo(function () {\n return _extends({\n userSelect: \"none\",\n marginStart: spacing\n }, styles.label);\n }, [spacing, styles.label]);\n return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n className: cx(\"chakra-switch\", props.className),\n __css: containerStyles\n }), /*#__PURE__*/React.createElement(\"input\", _extends({\n className: \"chakra-switch__input\"\n }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n className: \"chakra-switch__track\",\n __css: trackStyles\n }), /*#__PURE__*/React.createElement(chakra.span, {\n __css: styles.thumb,\n className: \"chakra-switch__thumb\",\n \"data-checked\": dataAttr(state.isChecked),\n \"data-hover\": dataAttr(state.isHovered)\n })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n className: \"chakra-switch__label\"\n }, getLabelProps(), {\n __css: labelStyles\n }), children));\n});\n\nif (__DEV__) {\n Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/switch';\nimport { WithFormControlProps, withFormControl } from 'components/FormControl/formControl.component';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\n\nexport interface SwitchProps extends WithFormControlProps, CSwitchProps {\n isFieldInline?: boolean;\n isIndeterminate?: boolean;\n size?: FormControlSize;\n}\n\nconst Switch = (props: SwitchProps): JSX.Element => {\n const { isChecked, isIndeterminate, isFieldInline, ...domProps } = props;\n\n return (\n <CSwitch\n colorScheme=\"teal\"\n isChecked={isChecked}\n display={isFieldInline ? 'inline-block' : 'block'}\n {...(isIndeterminate && { variant: 'indeterminate' })}\n {...domProps}\n />\n );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","isIndeterminate","isFieldInline","domProps","CSwitch","__assign","colorScheme","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./chakra-ui-system.esm-98241028.js"),a=require("react"),n=require("./chakra-ui-descendant.esm-c7751943.js"),r=require("./chakra-ui-hooks.esm-3a3136b3.js"),i=require("./chakra-ui-layout.esm-38427dad.js"),o=require("./notificationCounter.component-a89b8957.js"),s=require("./icon.component-f71ebe2e.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var u=c(a),d=l(a);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},f.apply(this,arguments)}function m(e,t){if(null==e)return{};var a,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)a=i[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}var b=["defaultIndex","onChange","index","isManual","isLazy","lazyBehavior","orientation","direction"],v=["isDisabled","isFocusable"],h=["isSelected","id","children"],_=n.createDescendantContext(),p=_[0],y=_[1],x=_[2],E=_[3];var g=t.createContext({name:"TabsContext",errorMessage:"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />"}),w=g[0],N=g[1];function C(e,t){return e+"--tab-"+t}function k(e,t){return e+"--tabpanel-"+t}var z=["children","className"],S=["htmlProps","descendants"],I=t.forwardRef((function(e,a){var n=t.useMultiStyleConfig("Tabs",e),i=t.omitThemingProps(e),o=i.children,s=i.className,l=function(e){var t=e.defaultIndex,a=e.onChange,n=e.index,i=e.isManual,o=e.isLazy,s=e.lazyBehavior,l=void 0===s?"unmount":s,c=e.orientation,d=void 0===c?"horizontal":c,f=e.direction,v=void 0===f?"ltr":f,h=m(e,b),_=u.useState(null!=t?t:0),p=_[0],y=_[1],E=r.useControllableState({defaultValue:null!=t?t:0,value:n,onChange:a}),g=E[0],w=E[1];u.useEffect((function(){null!=n&&y(n)}),[n]);var N=x();return{id:r.useId(e.id,"tabs"),selectedIndex:g,focusedIndex:p,setSelectedIndex:w,setFocusedIndex:y,isManual:i,isLazy:o,lazyBehavior:l,orientation:d,descendants:N,direction:v,htmlProps:h}}(m(i,z)),c=l.htmlProps,d=l.descendants,v=m(l,S),h=u.useMemo((function(){return v}),[v]),_=t.omit(c,["isFitted"]);return u.createElement(p,{value:d},u.createElement(w,{value:h},u.createElement(t.StylesProvider,{value:n},u.createElement(t.chakra.div,f({className:t.cx("chakra-tabs",s),ref:a},_,{__css:n.root}),o))))}));t.__DEV__&&(I.displayName="Tabs");var j=t.forwardRef((function(e,a){var r=t.useStyles(),i=function(e){var a=e.isDisabled,r=e.isFocusable,i=m(e,v),o=N(),s=o.setSelectedIndex,l=o.isManual,c=o.id,u=o.setFocusedIndex,d=o.selectedIndex,b=E({disabled:a&&!r}),h=b.index,_=b.register,p=h===d,y=n.useClickable(f({},i,{ref:t.mergeRefs(_,e.ref),isDisabled:a,isFocusable:r,onClick:t.callAllHandlers(e.onClick,(function(){s(h)}))}));return f({},y,{id:C(c,h),role:"tab",tabIndex:p?0:-1,type:"button","aria-selected":p,"aria-controls":k(c,h),onFocus:a?void 0:t.callAllHandlers(e.onFocus,(function(){u(h),!l&&(!a||!r)&&s(h)}))})}(f({},e,{ref:a})),o=f({outline:"0",display:"flex",alignItems:"center",justifyContent:"center"},r.tab);return u.createElement(t.chakra.button,f({},i,{className:t.cx("chakra-tabs__tab",e.className),__css:o}))}));t.__DEV__&&(j.displayName="Tab");var T=t.forwardRef((function(e,a){var n=function(e){var a=N(),n=a.focusedIndex,r=a.orientation,i=a.direction,o=y(),s=u.useCallback((function(e){var a,s=function(){var e=o.nextEnabled(n);e&&t.focus(e.node)},l=function(){var e=o.prevEnabled(n);e&&t.focus(e.node)},c="horizontal"===r,u="vertical"===r,d=t.normalizeEventKey(e),f="ltr"===i?"ArrowRight":"ArrowLeft",m=((a={})["ltr"===i?"ArrowLeft":"ArrowRight"]=function(){return c&&l()},a[f]=function(){return c&&s()},a.ArrowDown=function(){return u&&s()},a.ArrowUp=function(){return u&&l()},a.Home=function(){var e=o.firstEnabled();e&&t.focus(e.node)},a.End=function(){var e=o.lastEnabled();e&&t.focus(e.node)},a)[d];m&&(e.preventDefault(),m(e))}),[o,n,r,i]);return f({},e,{role:"tablist","aria-orientation":r,onKeyDown:t.callAllHandlers(e.onKeyDown,s)})}(f({},e,{ref:a})),r=f({display:"flex"},t.useStyles().tablist);return u.createElement(t.chakra.div,f({},n,{className:t.cx("chakra-tabs__tablist",e.className),__css:r}))}));t.__DEV__&&(T.displayName="TabList");var D=t.forwardRef((function(e,a){var n=function(e){var a=e.isSelected,n=e.id,r=e.children,i=m(e,h),o=N(),s=o.isLazy,l=o.lazyBehavior,c=u.useRef(!1);return a&&(c.current=!0),f({tabIndex:0},i,{children:t.determineLazyBehavior({hasBeenSelected:c.current,isSelected:a,isLazy:s,lazyBehavior:l})?r:null,role:"tabpanel",hidden:!a,id:n})}(f({},e,{ref:a})),r=t.useStyles();return u.createElement(t.chakra.div,f({outline:"0"},n,{className:t.cx("chakra-tabs__tab-panel",e.className),__css:r.tabpanel}))}));t.__DEV__&&(D.displayName="TabPanel");var L=t.forwardRef((function(e,a){var n=function(e){var a=N(),n=a.id,r=a.selectedIndex;return f({},e,{children:t.getValidChildren(e.children).map((function(e,t){return u.cloneElement(e,{isSelected:t===r,id:k(n,t),"aria-labelledby":C(n,t)})}))})}(e),r=t.useStyles();return u.createElement(t.chakra.div,f({},n,{width:"100%",ref:a,className:t.cx("chakra-tabs__tab-panels",e.className),__css:r.tabpanels}))}));t.__DEV__&&(L.displayName="TabPanels");var P=t.forwardRef((function(e,a){var n,i,o,s,l,c,d,m,b,v,h,_,p=(n=N(),i=y(),o=n.selectedIndex,s=n.orientation,l="horizontal"===s,c="vertical"===s,d=u.useState((function(){return l?{left:0,width:0}:c?{top:0,height:0}:void 0})),m=d[0],b=d[1],v=u.useState(!1),h=v[0],_=v[1],r.useSafeLayoutEffect((function(){if(!t.isUndefined(o)){var e=i.item(o);if(!t.isUndefined(e)){l&&b({left:e.node.offsetLeft,width:e.node.offsetWidth}),c&&b({top:e.node.offsetTop,height:e.node.offsetHeight});var a=requestAnimationFrame((function(){_(!0)}));return function(){a&&cancelAnimationFrame(a)}}}}),[o,l,c,i]),f({position:"absolute",transitionProperty:"left, right, top, bottom, height, width",transitionDuration:h?"200ms":"0ms",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)"},m)),x=f({},e.style,p),E=t.useStyles();return u.createElement(t.chakra.div,f({ref:a},e,{className:t.cx("chakra-tabs__tab-indicator",e.className),style:x,__css:E.indicator}))}));t.__DEV__&&(P.displayName="TabIndicator");var A={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(t){var a=t.iconName,n=t.label,r=t.showNotificationCounter,l=void 0!==r&&r,c=t.notificationCount,u=void 0===c?0:c,f=t.notificationCounterVariant,m=void 0===f?o.NotificationCounterVariant.Red:f,b=t.size,v=void 0===b?"md":b,h=e.__rest(t,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return d.default.createElement(j,e.__assign({},h),!!a&&d.default.createElement(i.Box,{pr:2},d.default.createElement(s.Icon,{name:a,size:v})),n,l&&d.default.createElement(o.NotificationCounter,{count:u,variant:m,size:A[v],ml:2}))},exports.TabList=T,exports.TabPanels=L,exports.Tabs=I;
|
|
2
|
+
//# sourceMappingURL=tab.component-5f6486a0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab.component-5f6486a0.js","sources":["../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js","../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { normalizeEventKey, callAllHandlers, determineLazyBehavior, isUndefined, focus, omit, cx, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useClickable } from '@chakra-ui/clickable';\nimport { createDescendantContext } from '@chakra-ui/descendant';\nimport { useControllableState, useId, useSafeLayoutEffect } from '@chakra-ui/hooks';\nimport { createContext, mergeRefs, getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded$1 = [\"defaultIndex\", \"onChange\", \"index\", \"isManual\", \"isLazy\", \"lazyBehavior\", \"orientation\", \"direction\"],\n _excluded2$1 = [\"isDisabled\", \"isFocusable\"],\n _excluded3 = [\"isSelected\", \"id\", \"children\"];\n/* -------------------------------------------------------------------------------------------------\n * Create context to track descendants and their indices\n * -----------------------------------------------------------------------------------------------*/\n\nvar _createDescendantCont = createDescendantContext(),\n TabsDescendantsProvider = _createDescendantCont[0],\n useTabsDescendantsContext = _createDescendantCont[1],\n useTabsDescendants = _createDescendantCont[2],\n useTabsDescendant = _createDescendantCont[3];\n\n/**\n * Tabs hook that provides all the states, and accessibility\n * helpers to keep all things working properly.\n *\n * Its returned object will be passed unto a Context Provider\n * so all child components can read from it.\n * There is no document link yet\n * @see Docs https://chakra-ui.com/docs/components/useTabs\n */\nfunction useTabs(props) {\n var defaultIndex = props.defaultIndex,\n onChange = props.onChange,\n index = props.index,\n isManual = props.isManual,\n isLazy = props.isLazy,\n _props$lazyBehavior = props.lazyBehavior,\n lazyBehavior = _props$lazyBehavior === void 0 ? \"unmount\" : _props$lazyBehavior,\n _props$orientation = props.orientation,\n orientation = _props$orientation === void 0 ? \"horizontal\" : _props$orientation,\n _props$direction = props.direction,\n direction = _props$direction === void 0 ? \"ltr\" : _props$direction,\n htmlProps = _objectWithoutPropertiesLoose(props, _excluded$1);\n /**\n * We use this to keep track of the index of the focused tab.\n *\n * Tabs can be automatically activated, this means selection follows focus.\n * When we navigate with the arrow keys, we move focus and selection to next/prev tab\n *\n * Tabs can also be manually activated, this means selection does not follow focus.\n * When we navigate with the arrow keys, we only move focus NOT selection. The user\n * will need not manually activate the tab using `Enter` or `Space`.\n *\n * This is why we need to keep track of the `focusedIndex` and `selectedIndex`\n */\n\n\n var _React$useState = React.useState(defaultIndex != null ? defaultIndex : 0),\n focusedIndex = _React$useState[0],\n setFocusedIndex = _React$useState[1];\n\n var _useControllableState = useControllableState({\n defaultValue: defaultIndex != null ? defaultIndex : 0,\n value: index,\n onChange: onChange\n }),\n selectedIndex = _useControllableState[0],\n setSelectedIndex = _useControllableState[1];\n /**\n * Sync focused `index` with controlled `selectedIndex` (which is the `props.index`)\n */\n\n\n React.useEffect(function () {\n if (index != null) {\n setFocusedIndex(index);\n }\n }, [index]);\n /**\n * Think of `useDescendants` as a register for the tab nodes.\n */\n\n var descendants = useTabsDescendants();\n /**\n * Generate a unique id or use user-provided id for the tabs widget\n */\n\n var id = useId(props.id, \"tabs\");\n return {\n id: id,\n selectedIndex: selectedIndex,\n focusedIndex: focusedIndex,\n setSelectedIndex: setSelectedIndex,\n setFocusedIndex: setFocusedIndex,\n isManual: isManual,\n isLazy: isLazy,\n lazyBehavior: lazyBehavior,\n orientation: orientation,\n descendants: descendants,\n direction: direction,\n htmlProps: htmlProps\n };\n}\n\nvar _createContext = createContext({\n name: \"TabsContext\",\n errorMessage: \"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />\"\n}),\n TabsProvider = _createContext[0],\n useTabsContext = _createContext[1];\n\n/**\n * Tabs hook to manage multiple tab buttons,\n * and ensures only one tab is selected per time.\n *\n * @param props props object for the tablist\n */\nfunction useTabList(props) {\n var _useTabsContext = useTabsContext(),\n focusedIndex = _useTabsContext.focusedIndex,\n orientation = _useTabsContext.orientation,\n direction = _useTabsContext.direction;\n\n var descendants = useTabsDescendantsContext();\n var onKeyDown = React.useCallback(function (event) {\n var _keyMap;\n\n var nextTab = function nextTab() {\n var next = descendants.nextEnabled(focusedIndex);\n if (next) focus(next.node);\n };\n\n var prevTab = function prevTab() {\n var prev = descendants.prevEnabled(focusedIndex);\n if (prev) focus(prev.node);\n };\n\n var firstTab = function firstTab() {\n var first = descendants.firstEnabled();\n if (first) focus(first.node);\n };\n\n var lastTab = function lastTab() {\n var last = descendants.lastEnabled();\n if (last) focus(last.node);\n };\n\n var isHorizontal = orientation === \"horizontal\";\n var isVertical = orientation === \"vertical\";\n var eventKey = normalizeEventKey(event);\n var ArrowStart = direction === \"ltr\" ? \"ArrowLeft\" : \"ArrowRight\";\n var ArrowEnd = direction === \"ltr\" ? \"ArrowRight\" : \"ArrowLeft\";\n var keyMap = (_keyMap = {}, _keyMap[ArrowStart] = function () {\n return isHorizontal && prevTab();\n }, _keyMap[ArrowEnd] = function () {\n return isHorizontal && nextTab();\n }, _keyMap.ArrowDown = function ArrowDown() {\n return isVertical && nextTab();\n }, _keyMap.ArrowUp = function ArrowUp() {\n return isVertical && prevTab();\n }, _keyMap.Home = firstTab, _keyMap.End = lastTab, _keyMap);\n var action = keyMap[eventKey];\n\n if (action) {\n event.preventDefault();\n action(event);\n }\n }, [descendants, focusedIndex, orientation, direction]);\n return _extends({}, props, {\n role: \"tablist\",\n \"aria-orientation\": orientation,\n onKeyDown: callAllHandlers(props.onKeyDown, onKeyDown)\n });\n}\n\n/**\n * Tabs hook to manage each tab button.\n *\n * A tab can be disabled and focusable, or both,\n * hence the use of `useClickable` to handle this scenario\n */\nfunction useTab(props) {\n var isDisabled = props.isDisabled,\n isFocusable = props.isFocusable,\n htmlProps = _objectWithoutPropertiesLoose(props, _excluded2$1);\n\n var _useTabsContext2 = useTabsContext(),\n setSelectedIndex = _useTabsContext2.setSelectedIndex,\n isManual = _useTabsContext2.isManual,\n id = _useTabsContext2.id,\n setFocusedIndex = _useTabsContext2.setFocusedIndex,\n selectedIndex = _useTabsContext2.selectedIndex;\n\n var _useTabsDescendant = useTabsDescendant({\n disabled: isDisabled && !isFocusable\n }),\n index = _useTabsDescendant.index,\n register = _useTabsDescendant.register;\n\n var isSelected = index === selectedIndex;\n\n var onClick = function onClick() {\n setSelectedIndex(index);\n };\n\n var onFocus = function onFocus() {\n setFocusedIndex(index);\n var isDisabledButFocusable = isDisabled && isFocusable;\n var shouldSelect = !isManual && !isDisabledButFocusable;\n\n if (shouldSelect) {\n setSelectedIndex(index);\n }\n };\n\n var clickableProps = useClickable(_extends({}, htmlProps, {\n ref: mergeRefs(register, props.ref),\n isDisabled: isDisabled,\n isFocusable: isFocusable,\n onClick: callAllHandlers(props.onClick, onClick)\n }));\n var type = \"button\";\n return _extends({}, clickableProps, {\n id: makeTabId(id, index),\n role: \"tab\",\n tabIndex: isSelected ? 0 : -1,\n type: type,\n \"aria-selected\": isSelected,\n \"aria-controls\": makeTabPanelId(id, index),\n onFocus: isDisabled ? undefined : callAllHandlers(props.onFocus, onFocus)\n });\n}\n\n/**\n * Tabs hook for managing the visibility of multiple tab panels.\n *\n * Since only one panel can be show at a time, we use `cloneElement`\n * to inject `selected` panel to each TabPanel.\n *\n * It returns a cloned version of its children with\n * all functionality included.\n */\nfunction useTabPanels(props) {\n var context = useTabsContext();\n var id = context.id,\n selectedIndex = context.selectedIndex;\n var validChildren = getValidChildren(props.children);\n var children = validChildren.map(function (child, index) {\n return /*#__PURE__*/React.cloneElement(child, {\n isSelected: index === selectedIndex,\n id: makeTabPanelId(id, index),\n // Refers to the associated tab element, and also provides an accessible name to the tab panel.\n \"aria-labelledby\": makeTabId(id, index)\n });\n });\n return _extends({}, props, {\n children: children\n });\n}\n/**\n * Tabs hook for managing the visible/hidden states\n * of the tab panel.\n *\n * @param props props object for the tab panel\n */\n\nfunction useTabPanel(props) {\n var isSelected = props.isSelected,\n id = props.id,\n children = props.children,\n htmlProps = _objectWithoutPropertiesLoose(props, _excluded3);\n\n var _useTabsContext3 = useTabsContext(),\n isLazy = _useTabsContext3.isLazy,\n lazyBehavior = _useTabsContext3.lazyBehavior;\n\n var hasBeenSelected = React.useRef(false);\n\n if (isSelected) {\n hasBeenSelected.current = true;\n }\n\n var shouldRenderChildren = determineLazyBehavior({\n hasBeenSelected: hasBeenSelected.current,\n isSelected: isSelected,\n isLazy: isLazy,\n lazyBehavior: lazyBehavior\n });\n return _extends({\n // Puts the tabpanel in the page `Tab` sequence.\n tabIndex: 0\n }, htmlProps, {\n children: shouldRenderChildren ? children : null,\n role: \"tabpanel\",\n hidden: !isSelected,\n id: id\n });\n}\n/**\n * Tabs hook to show an animated indicators that\n * follows the active tab.\n *\n * The way we do it is by measuring the DOM Rect (or dimensions)\n * of the active tab, and return that as CSS style for\n * the indicator.\n */\n\nfunction useTabIndicator() {\n var context = useTabsContext();\n var descendants = useTabsDescendantsContext();\n var selectedIndex = context.selectedIndex,\n orientation = context.orientation;\n var isHorizontal = orientation === \"horizontal\";\n var isVertical = orientation === \"vertical\"; // Get the clientRect of the selected tab\n\n var _React$useState2 = React.useState(function () {\n if (isHorizontal) return {\n left: 0,\n width: 0\n };\n if (isVertical) return {\n top: 0,\n height: 0\n };\n return undefined;\n }),\n rect = _React$useState2[0],\n setRect = _React$useState2[1];\n\n var _React$useState3 = React.useState(false),\n hasMeasured = _React$useState3[0],\n setHasMeasured = _React$useState3[1]; // Update the selected tab rect when the selectedIndex changes\n\n\n useSafeLayoutEffect(function () {\n if (isUndefined(selectedIndex)) return undefined;\n var tab = descendants.item(selectedIndex);\n if (isUndefined(tab)) return undefined; // Horizontal Tab: Calculate width and left distance\n\n if (isHorizontal) {\n setRect({\n left: tab.node.offsetLeft,\n width: tab.node.offsetWidth\n });\n } // Vertical Tab: Calculate height and top distance\n\n\n if (isVertical) {\n setRect({\n top: tab.node.offsetTop,\n height: tab.node.offsetHeight\n });\n } // Prevent unwanted transition from 0 to measured rect\n // by setting the measured state in the next tick\n\n\n var id = requestAnimationFrame(function () {\n setHasMeasured(true);\n });\n return function () {\n if (id) {\n cancelAnimationFrame(id);\n }\n };\n }, [selectedIndex, isHorizontal, isVertical, descendants]);\n return _extends({\n position: \"absolute\",\n transitionProperty: \"left, right, top, bottom, height, width\",\n transitionDuration: hasMeasured ? \"200ms\" : \"0ms\",\n transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\"\n }, rect);\n}\n\nfunction makeTabId(id, index) {\n return id + \"--tab-\" + index;\n}\n\nfunction makeTabPanelId(id, index) {\n return id + \"--tabpanel-\" + index;\n}\n\nvar _excluded = [\"children\", \"className\"],\n _excluded2 = [\"htmlProps\", \"descendants\"];\n\n/**\n * Tabs\n *\n * Provides context and logic for all tabs components.\n */\nvar Tabs = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Tabs\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n children = _omitThemingProps.children,\n className = _omitThemingProps.className,\n rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var _useTabs = useTabs(rest),\n htmlProps = _useTabs.htmlProps,\n descendants = _useTabs.descendants,\n ctx = _objectWithoutPropertiesLoose(_useTabs, _excluded2);\n\n var context = React.useMemo(function () {\n return ctx;\n }, [ctx]);\n var rootProps = omit(htmlProps, [\"isFitted\"]);\n return /*#__PURE__*/React.createElement(TabsDescendantsProvider, {\n value: descendants\n }, /*#__PURE__*/React.createElement(TabsProvider, {\n value: context\n }, /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n className: cx(\"chakra-tabs\", className),\n ref: ref\n }, rootProps, {\n __css: styles.root\n }), children))));\n});\n\nif (__DEV__) {\n Tabs.displayName = \"Tabs\";\n}\n\n/**\n * Tab button used to activate a specific tab panel. It renders a `button`,\n * and is responsible for automatic and manual selection modes.\n */\nvar Tab = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n var tabProps = useTab(_extends({}, props, {\n ref: ref\n }));\n\n var tabStyles = _extends({\n outline: \"0\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\"\n }, styles.tab);\n\n return /*#__PURE__*/React.createElement(chakra.button, _extends({}, tabProps, {\n className: cx(\"chakra-tabs__tab\", props.className),\n __css: tabStyles\n }));\n});\n\nif (__DEV__) {\n Tab.displayName = \"Tab\";\n}\n\n/**\n * TabList is used to manage a list of tab buttons. It renders a `div` by default,\n * and is responsible the keyboard interaction between tabs.\n */\nvar TabList = /*#__PURE__*/forwardRef(function (props, ref) {\n var tablistProps = useTabList(_extends({}, props, {\n ref: ref\n }));\n var styles = useStyles();\n\n var tablistStyles = _extends({\n display: \"flex\"\n }, styles.tablist);\n\n return /*#__PURE__*/React.createElement(chakra.div, _extends({}, tablistProps, {\n className: cx(\"chakra-tabs__tablist\", props.className),\n __css: tablistStyles\n }));\n});\n\nif (__DEV__) {\n TabList.displayName = \"TabList\";\n}\n\n/**\n * TabPanel\n * Used to render the content for a specific tab.\n */\nvar TabPanel = /*#__PURE__*/forwardRef(function (props, ref) {\n var panelProps = useTabPanel(_extends({}, props, {\n ref: ref\n }));\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n outline: \"0\"\n }, panelProps, {\n className: cx(\"chakra-tabs__tab-panel\", props.className),\n __css: styles.tabpanel\n }));\n});\n\nif (__DEV__) {\n TabPanel.displayName = \"TabPanel\";\n}\n\n/**\n * TabPanel\n *\n * Used to manage the rendering of multiple tab panels. It uses\n * `cloneElement` to hide/show tab panels.\n *\n * It renders a `div` by default.\n */\nvar TabPanels = /*#__PURE__*/forwardRef(function (props, ref) {\n var panelsProps = useTabPanels(props);\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.div, _extends({}, panelsProps, {\n width: \"100%\",\n ref: ref,\n className: cx(\"chakra-tabs__tab-panels\", props.className),\n __css: styles.tabpanels\n }));\n});\n\nif (__DEV__) {\n TabPanels.displayName = \"TabPanels\";\n}\n\n/**\n * TabIndicator\n *\n * Used to render an active tab indicator that animates between\n * selected tabs.\n */\nvar TabIndicator = /*#__PURE__*/forwardRef(function (props, ref) {\n var indicatorStyle = useTabIndicator();\n\n var style = _extends({}, props.style, indicatorStyle);\n\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n ref: ref\n }, props, {\n className: cx(\"chakra-tabs__tab-indicator\", props.className),\n style: style,\n __css: styles.indicator\n }));\n});\n\nif (__DEV__) {\n TabIndicator.displayName = \"TabIndicator\";\n}\n\nexport { Tab, TabIndicator, TabList, TabPanel, TabPanels, Tabs, TabsDescendantsProvider, TabsProvider, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext };\n","import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps } from '@chakra-ui/tabs';\nimport { Box } from '@chakra-ui/layout';\nimport { NotificationCounter } from 'components/NotificationCounter/notificationCounter.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nexport const Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n {label}\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded$1","_excluded2$1","_excluded3","_createDescendantCont","createDescendantContext","TabsDescendantsProvider","useTabsDescendantsContext","useTabsDescendants","useTabsDescendant","_createContext","createContext","name","errorMessage","TabsProvider","useTabsContext","makeTabId","id","index","makeTabPanelId","_excluded","_excluded2","Tabs","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","children","className","_useTabs","defaultIndex","onChange","isManual","isLazy","_props$lazyBehavior","lazyBehavior","_props$orientation","orientation","_props$direction","direction","htmlProps","_React$useState","React","useState","focusedIndex","setFocusedIndex","_useControllableState","useControllableState","defaultValue","value","selectedIndex","setSelectedIndex","useEffect","descendants","useId","useTabs","ctx","context","useMemo","rootProps","omit","createElement","StylesProvider","chakra","div","cx","__css","root","__DEV__","displayName","Tab","useStyles","tabProps","isDisabled","isFocusable","_useTabsContext2","_useTabsDescendant","disabled","register","isSelected","clickableProps","useClickable","mergeRefs","onClick","callAllHandlers","role","tabIndex","type","onFocus","undefined","useTab","tabStyles","outline","display","alignItems","justifyContent","tab","button","TabList","tablistProps","_useTabsContext","onKeyDown","useCallback","event","_keyMap","nextTab","next","nextEnabled","focus","node","prevTab","prev","prevEnabled","isHorizontal","isVertical","eventKey","normalizeEventKey","ArrowEnd","action","ArrowDown","ArrowUp","Home","first","firstEnabled","End","last","lastEnabled","preventDefault","useTabList","tablistStyles","tablist","TabPanel","panelProps","_useTabsContext3","hasBeenSelected","useRef","current","determineLazyBehavior","hidden","useTabPanel","tabpanel","TabPanels","panelsProps","getValidChildren","map","child","cloneElement","useTabPanels","width","tabpanels","TabIndicator","_React$useState2","rect","setRect","_React$useState3","hasMeasured","setHasMeasured","indicatorStyle","left","top","height","useSafeLayoutEffect","isUndefined","item","offsetLeft","offsetWidth","offsetTop","offsetHeight","requestAnimationFrame","cancelAnimationFrame","position","transitionProperty","transitionDuration","transitionTimingFunction","style","indicator","notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","CTab","__assign","Box","pr","Icon","NotificationCounter","count","variant","ml"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./tab.component-5f6486a0.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("react"));exports.Tabs=function(a){var s=a.size,r=void 0===s?"md":s,i=a.tabList,l=a.tabPanels,u=a.tabPanelsStyle,b=e.__rest(a,["size","tabList","tabPanels","tabPanelsStyle"]);return n.default.createElement(t.Tabs,e.__assign({},b,{size:r}),n.default.createElement(t.TabList,null,i.map((function(a,s){return n.default.createElement(t.Tab,e.__assign({key:s,size:r},a))}))),!!l&&n.default.createElement(t.TabPanels,e.__assign({},u),l.map((function(e){return e}))))};
|
|
2
|
+
//# sourceMappingURL=tabs.component-0496fd49.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component-
|
|
1
|
+
{"version":3,"file":"tabs.component-0496fd49.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs } from '@chakra-ui/tabs';\nimport { StyleProps } from '@chakra-ui/styled-system';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: Dict;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"8MAqBoB,SAACA,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAA,OAAAP,EAA1D,iDACnB,OACEQ,wBAACC,EAAAA,KAAKC,EAAAA,SAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,UAAAG,cAACC,EAAOA,QAAA,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAAC,QAAAG,cAAAK,EAAAA,IAAIN,EAAAA,SAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,UAAAG,cAACO,EAAAA,UAAcR,EAAAA,SAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-
|
|
2
|
-
//# sourceMappingURL=tabsLayout.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./tabs.component-0496fd49.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.TabsLayout=function(t){return s.default.createElement(r.Tabs,e.__assign({},t))};
|
|
2
|
+
//# sourceMappingURL=tabsLayout.component-7fea9b47.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsLayout.component-
|
|
1
|
+
{"version":3,"file":"tabsLayout.component-7fea9b47.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from 'components/Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"yNAO0B,SAACA,GACzB,OAAOC,EAAAA,QAACC,cAAAC,EAAIA,KAAKC,EAAAA,SAAA,GAAAJ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./chakra-ui-icon.esm-bcb23db7.js"),n=require("./chakra-ui-system.esm-98241028.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=l(t),o=a(t);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}var c=["isDisabled","children"],u=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Tag",e),a=n.omitThemingProps(e),l=s({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return i.createElement(n.StylesProvider,{value:r},i.createElement(n.chakra.span,s({ref:t},a,{__css:l})))}));n.__DEV__&&(u.displayName="Tag");var f=n.forwardRef((function(e,t){var r=n.useStyles();return i.createElement(n.chakra.span,s({ref:t,isTruncated:!0},e,{__css:r.label}))}));n.__DEV__&&(f.displayName="TagLabel");var _=n.forwardRef((function(e,t){return i.createElement(r.Icon,s({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));n.__DEV__&&(_.displayName="TagLeftIcon");var m=n.forwardRef((function(e,t){return i.createElement(r.Icon,s({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));n.__DEV__&&(m.displayName="TagRightIcon");var d=function(e){return i.createElement(r.Icon,s({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),i.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};n.__DEV__&&(d.displayName="TagCloseIcon");var g=function(e){var t=e.isDisabled,r=e.children,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,c),l=s({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},n.useStyles().closeButton);return i.createElement(n.chakra.button,s({"aria-label":"close"},a,{type:"button",disabled:t,__css:l}),r||i.createElement(d,null))};n.__DEV__&&(g.displayName="TagCloseButton");var v={sm:0,md:.5,lg:1};exports.Tag=function(t){var r=t.leftElement,n=t.rightElement,a=t.label,l=t.showCloseButton,i=void 0!==l&&l,s=t.onClose,c=t.fontWeight,_=void 0===c?"semibold":c,m=t.size,d=void 0===m?"md":m,p=e.__rest(t,["leftElement","rightElement","label","showCloseButton","onClose","fontWeight","size"]),b=e.__assign(e.__assign({},!!r&&{ml:1}),!!n&&{mr:1});return o.default.createElement(u,e.__assign({},p,{size:d},i&&{pr:v[d]}),r,o.default.createElement(f,e.__assign({},b,{fontWeight:_}),a),n,i&&!!s&&o.default.createElement(g,{onClick:s}))};
|
|
2
|
+
//# sourceMappingURL=tag.component-ad56609e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.component-
|
|
1
|
+
{"version":3,"file":"tag.component-ad56609e.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Tag\", props);\n var ownProps = omitThemingProps(props);\n\n var containerStyles = _extends({\n display: \"inline-flex\",\n verticalAlign: \"top\",\n alignItems: \"center\",\n maxWidth: \"100%\"\n }, styles.container);\n\n return /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, ownProps, {\n __css: containerStyles\n })));\n});\n\nif (__DEV__) {\n Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref,\n isTruncated: true\n }, props, {\n __css: styles.label\n }));\n});\n\nif (__DEV__) {\n TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginEnd: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginStart: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n verticalAlign: \"inherit\",\n viewBox: \"0 0 512 512\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n }));\n};\n\nif (__DEV__) {\n TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n var isDisabled = props.isDisabled,\n children = props.children,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n var styles = useStyles();\n\n var btnStyles = _extends({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n outline: \"0\"\n }, styles.closeButton);\n\n return /*#__PURE__*/React.createElement(chakra.button, _extends({\n \"aria-label\": \"close\"\n }, rest, {\n type: \"button\",\n disabled: isDisabled,\n __css: btnStyles\n }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n","import React from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel } from '@chakra-ui/tag';\nimport { TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\n\nexport interface TagProps extends CTagProps {\n leftElement?: JSX.Element;\n rightElement?: JSX.Element;\n label: string;\n showCloseButton?: boolean;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: 'regular' | 'semibold';\n}\n\nexport const Tag = ({\n leftElement,\n rightElement,\n label,\n showCloseButton = false,\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n return (\n <CTag {...rest} size={size} {...(showCloseButton && { pr: paddingRightBySize[size] })}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && !!onClose && <TagCloseButton onClick={onClose} />}\n </CTag>\n );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","_b","showCloseButton","onClose","_c","fontWeight","_d","size","__rest","labelStyle","__assign","ml","mr","CTag","pr","onClick"],"mappings":"giBAoBA,SAASA,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,IAK3B,OAAOL,GAGFH,EAASY,MAAMC,KAAMR,WAG9B,IAAIS,EAAY,CAAC,aAAc,YAO3BC,EAAmBC,EAAUA,YAAC,SAAUC,EAAOC,GACjD,IAAIC,EAASC,EAAAA,oBAAoB,MAAOH,GACpCI,EAAWC,mBAAiBL,GAE5BM,EAAkBvB,EAAS,CAC7BwB,QAAS,cACTC,cAAe,MACfC,WAAY,SACZC,SAAU,QACTR,EAAOS,WAEV,OAAoBC,EAAMC,cAAcC,iBAAgB,CACtDC,MAAOb,GACOU,EAAMC,cAAcG,SAAOC,KAAMlC,EAAS,CACxDkB,IAAKA,GACJG,EAAU,CACXc,MAAOZ,SAIPa,YACFrB,EAAIsB,YAAc,OAGpB,IAAIC,EAAwBtB,EAAUA,YAAC,SAAUC,EAAOC,GACtD,IAAIC,EAASoB,EAAAA,YACb,OAAoBV,EAAMC,cAAcG,SAAOC,KAAMlC,EAAS,CAC5DkB,IAAKA,EACLsB,aAAa,GACZvB,EAAO,CACRkB,MAAOhB,EAAOsB,YAIdL,YACFE,EAASD,YAAc,YAGzB,IAAIK,EAA2B1B,EAAUA,YAAC,SAAUC,EAAOC,GACzD,OAAoBW,EAAMC,cAAca,EAAIA,KAAE3C,EAAS,CACrDkB,IAAKA,EACLO,cAAe,MACfmB,UAAW,UACV3B,OAGDmB,YACFM,EAAYL,YAAc,eAG5B,IAAIQ,EAA4B7B,EAAUA,YAAC,SAAUC,EAAOC,GAC1D,OAAoBW,EAAMC,cAAca,EAAIA,KAAE3C,EAAS,CACrDkB,IAAKA,EACLO,cAAe,MACfqB,YAAa,UACZ7B,OAGDmB,YACFS,EAAaR,YAAc,gBAG7B,IAAIU,EAAe,SAAsB9B,GACvC,OAAoBY,EAAMC,cAAca,EAAIA,KAAE3C,EAAS,CACrDyB,cAAe,UACfuB,QAAS,eACR/B,GAAqBY,EAAMC,cAAc,OAAQ,CAClDmB,KAAM,eACNC,EAAG,iIAIHd,YACFW,EAAaV,YAAc,gBAO7B,IAAIc,EAAiB,SAAwBlC,GAC3C,IAAImC,EAAanC,EAAMmC,WACnBC,EAAWpC,EAAMoC,SACjBC,EA3HN,SAAuC/C,EAAQgD,GAC7C,GAAc,MAAVhD,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,GACTqD,EAAavD,OAAOwD,KAAKlD,GAG7B,IAAKH,EAAI,EAAGA,EAAIoD,EAAWlD,OAAQF,IACjCI,EAAMgD,EAAWpD,GACbmD,EAASG,QAAQlD,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,EA+GIwD,CAA8B1C,EAAOH,GAI5C8C,EAAY5D,EAAS,CACvBwB,QAAS,OACTE,WAAY,SACZmC,eAAgB,SAChBC,QAAS,KANEvB,EAAAA,YAOHwB,aAEV,OAAoBlC,EAAMC,cAAcG,SAAO+B,OAAQhE,EAAS,CAC9D,aAAc,SACbsD,EAAM,CACPW,KAAM,SACNC,SAAUd,EACVjB,MAAOyB,IACLP,GAAyBxB,EAAMC,cAAciB,EAAc,QAG7DX,YACFe,EAAed,YAAc,kBCnJxB,IAAM8B,EAA8C,CACzDC,GAAI,EACJC,GAAI,GACJC,GAAI,eCUa,SAACC,GAClB,IAAAC,EAAWD,EAAAC,YACXC,EAAYF,EAAAE,aACZhC,EAAK8B,EAAA9B,MACLiC,EAAAH,EAAAI,gBAAAA,OAAe,IAAAD,GAAQA,EACvBE,EAAOL,EAAAK,QACPC,EAAAN,EAAAO,WAAAA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAWR,EAAAS,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRzB,EAAI2B,EAAAA,OAAAV,EARW,wFAUZW,EACDC,EAAAA,SAAAA,EAAAA,SAAA,KAAGX,GAAe,CAAEY,GAAI,MACrBX,GAAgB,CAAEY,GAAI,IAG9B,OACExD,EAAAA,sBAACyD,EAAIH,EAAAA,SAAA,GAAK7B,EAAM,CAAA0B,KAAMA,GAAWL,GAAmB,CAAEY,GAAIpB,EAAmBa,KAC1ER,EACD3C,EAAAA,QAACC,cAAAQ,gBAAa4C,EAAU,CAAEJ,WAAYA,IACnCrC,GAEFgC,EACAE,KAAqBC,GAAW/C,UAACC,cAAAqB,EAAe,CAAAqC,QAASZ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-layout.esm-
|
|
2
|
-
//# sourceMappingURL=text.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-layout.esm-38427dad.js"),a=require("./useTheme-b0d097cf.js"),o=require("./useAdaptiveColorMap-b8a354fa.js"),i=require("./truncatedText.component-e18e8d35.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r);exports.Text=function(r){var n=r.children,u=r.variant,c=void 0===u?"regular":u,d=r.as,l=void 0===d?"span":d,f=r.color,v=r.colorToken,p=void 0===v?"default":v,_=r.darkMode,T=void 0!==_&&_,g=r.truncate,j=r.truncateProps,m=r.size,q=r.fontSize,x=e.__rest(r,["children","variant","as","color","colorToken","darkMode","truncate","truncateProps","size","fontSize"]),z=a.useTheme().colors,h=o.useAdaptiveColorMap(z.text,p,T),k={size:m,fontSize:q,variant:c,color:f||h},b=e.__assign(e.__assign({},j),k);return g?s.default.createElement(i.TruncatedText,e.__assign({},b),null==n?void 0:n.toString()):s.default.createElement(t.Text,e.__assign({as:l},k,x),n)};
|
|
2
|
+
//# sourceMappingURL=text.component-e9a89a0a.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.component-
|
|
1
|
+
{"version":3,"file":"text.component-e9a89a0a.js","sources":["../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/layout';\nimport { HTMLTagName, TextVariant } from './text.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText, TruncatedTextProps } from 'components/TruncatedText/truncatedText.component';\n\nexport interface TextProps extends CTextProps {\n children: ReactNode;\n as?: HTMLTagName;\n variant?: TextVariant;\n colorToken?: TextColor;\n darkMode?: boolean;\n truncate?: boolean;\n truncateProps?: TruncatedTextProps;\n}\n\nexport const Text = ({\n children,\n variant = 'regular',\n as = 'span',\n color,\n colorToken = 'default',\n darkMode = false,\n truncate,\n truncateProps,\n size,\n fontSize,\n ...rest\n}: TextProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n const textProps: TruncatedTextProps = {\n size,\n fontSize,\n variant,\n color: color || adaptiveColor,\n };\n\n const truncatedTextProps: TruncatedTextProps = { ...truncateProps, ...textProps };\n\n return truncate ? (\n <TruncatedText {...truncatedTextProps}>{children?.toString()}</TruncatedText>\n ) : (\n <CText as={as} {...textProps} {...rest}>\n {children}\n </CText>\n );\n};\n"],"names":["_a","children","_b","variant","_c","as","color","_d","colorToken","_e","darkMode","truncate","truncateProps","size","fontSize","rest","__rest","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","textProps","truncatedTextProps","__assign","React","TruncatedText","toString","createElement","CText"],"mappings":"+VAkBoB,SAACA,GACnB,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,GAAAA,OAAE,IAAAD,EAAG,OAAMA,EACXE,EAAKN,EAAAM,MACLC,EAAsBP,EAAAQ,WAAtBA,OAAU,IAAAD,EAAG,UAASA,EACtBE,aAAAC,cAAgBD,EAChBE,EAAQX,EAAAW,SACRC,EAAaZ,EAAAY,cACbC,EAAIb,EAAAa,KACJC,aACGC,EAXgBC,EAAAA,OAAAhB,EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaXiB,EAAWC,oBACbC,EAAgBC,EAAAA,oBAA+BH,EAAOI,KAAMb,EAAYE,GAExEY,EAAgC,CACpCT,KAAIA,EACJC,SAAQA,EACRX,QAAOA,EACPG,MAAOA,GAASa,GAGZI,EAA8CC,EAAAA,SAAAA,EAAAA,SAAA,GAAAZ,GAAkBU,GAEtE,OAAOX,EACLc,wBAACC,EAAaA,cAAAF,EAAAA,SAAA,GAAKD,GAAqBtB,MAAAA,SAAAA,EAAU0B,YAElDF,EAAAA,QAACG,cAAAC,EAAAA,iBAAMxB,GAAIA,GAAQiB,EAAeP,GAC/Bd"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-form-control.esm-a381f700.js"),r=require("./chakra-ui-system.esm-98241028.js"),a=require("./formControl.component-1665e080.js"),l=require("./chakra-ui-button.esm-36bd98f7.js"),i=require("./icon.component-f71ebe2e.js"),u=require("./useTheme-b0d097cf.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=s(t),c=o(t);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function m(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}var p=["htmlSize"],h=r.forwardRef((function(e,t){var a=e.htmlSize,l=m(e,p),i=r.useMultiStyleConfig("Input",l),u=r.omitThemingProps(l),o=n.useFormControl(u),s=r.cx("chakra-input",e.className);return d.createElement(r.chakra.input,f({size:a},o,{__css:i.field,ref:t,className:s}))}));r.__DEV__&&(h.displayName="Input"),h.id="Input";var _=["placement"],v={left:{marginEnd:"-1px",borderEndRadius:0,borderEndColor:"transparent"},right:{marginStart:"-1px",borderStartRadius:0,borderStartColor:"transparent"}},E=r.chakra("div",{baseStyle:{flex:"0 0 auto",width:"auto",display:"flex",alignItems:"center",whiteSpace:"nowrap"}}),g=r.forwardRef((function(e,t){var n,a=e.placement,l=void 0===a?"left":a,i=m(e,_),u=null!=(n=v[l])?n:{},o=r.useStyles();return d.createElement(E,f({ref:t},i,{__css:f({},o.addon,u)}))}));r.__DEV__&&(g.displayName="InputAddon");var y=r.forwardRef((function(e,t){return d.createElement(g,f({ref:t,placement:"left"},e,{className:r.cx("chakra-input__left-addon",e.className)}))}));r.__DEV__&&(y.displayName="InputLeftAddon"),y.id="InputLeftAddon";var I=r.forwardRef((function(e,t){return d.createElement(g,f({ref:t,placement:"right"},e,{className:r.cx("chakra-input__right-addon",e.className)}))}));r.__DEV__&&(I.displayName="InputRightAddon"),I.id="InputRightAddon";var b=["children","className"],N=r.forwardRef((function(e,t){var n=r.useMultiStyleConfig("Input",e),a=r.omitThemingProps(e),l=a.children,i=a.className,u=m(a,b),o=r.cx("chakra-input__group",i),s={},c=r.getValidChildren(l),p=n.field;c.forEach((function(e){if(n){var t,r;if(p&&"InputLeftElement"===e.type.id)s.paddingStart=null!=(t=p.height)?t:p.h;if(p&&"InputRightElement"===e.type.id)s.paddingEnd=null!=(r=p.height)?r:p.h;"InputRightAddon"===e.type.id&&(s.borderEndRadius=0),"InputLeftAddon"===e.type.id&&(s.borderStartRadius=0)}}));var h=c.map((function(t){var n,a,l=r.filterUndefined({size:(null==(n=t.props)?void 0:n.size)||e.size,variant:(null==(a=t.props)?void 0:a.variant)||e.variant});return"Input"!==t.type.id?d.cloneElement(t,l):d.cloneElement(t,Object.assign(l,s,t.props))}));return d.createElement(r.chakra.div,f({className:o,ref:t,__css:{width:"100%",display:"flex",position:"relative"}},u),d.createElement(r.StylesProvider,{value:n},h))}));r.__DEV__&&(N.displayName="InputGroup");var R=["placement"],x=["className"],j=["className"],w=r.chakra("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:"0",zIndex:2}}),S=r.forwardRef((function(e,t){var n,a,l,i=e.placement,u=void 0===i?"left":i,o=m(e,R),s=r.useStyles(),c=s.field,p=f(((l={})["left"===u?"insetStart":"insetEnd"]="0",l.width=null!=(n=null==c?void 0:c.height)?n:null==c?void 0:c.h,l.height=null!=(a=null==c?void 0:c.height)?a:null==c?void 0:c.h,l.fontSize=null==c?void 0:c.fontSize,l),s.element);return d.createElement(w,f({ref:t,__css:p},o))}));S.id="InputElement",r.__DEV__&&(S.displayName="InputElement");var k=r.forwardRef((function(e,t){var n=e.className,a=m(e,x),l=r.cx("chakra-input__left-element",n);return d.createElement(S,f({ref:t,placement:"left",className:l},a))}));k.id="InputLeftElement",r.__DEV__&&(k.displayName="InputLeftElement");var C=r.forwardRef((function(e,t){var n=e.className,a=m(e,j),l=r.cx("chakra-input__right-element",n);return d.createElement(S,f({ref:t,placement:"right",className:l},a))}));C.id="InputRightElement",r.__DEV__&&(C.displayName="InputRightElement");var z={xs:5,sm:5,md:5,lg:6},O=function(e){var t=e.handleClear,n=e.size,r=void 0===n?"md":n,a=u.useTheme().colors;return c.default.createElement(l.Button,{color:a.icon.light.default,display:"inline-flex",minW:"auto",w:z[r],h:z[r],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===r?3:4,onClick:t},c.default.createElement(i.Icon,{name:"close",colorToken:"currentColor",size:"lg"===r?"sm":"xs"}))},D=a.withFormControl((function(t){var n=t.isClearable,r=void 0!==n&&n,a=t.size,l=void 0===a?"md":a,i=e.__rest(t,["isClearable","size"]),u=i.leftElement,o=i.inputRef;i.isFieldInline;var s=i.onClear,d=i.value,f=e.__rest(i,["leftElement","inputRef","isFieldInline","onClear","value"]),m=i.rightElement;return r&&d&&(m=c.default.createElement(O,{size:l,handleClear:function(){s&&s(d||"")}})),c.default.createElement(N,null,u?c.default.createElement(k,{children:u,h:"100%"}):null,c.default.createElement(h,e.__assign({},f,{ref:o,size:l,value:d})),m?c.default.createElement(C,{children:m,h:"100%"}):null)})),V=t.forwardRef((function(t,n){return c.default.createElement(D,e.__assign({inputRef:n},t))}));V.displayName="TextInput",exports.WrappedTextInput=V;
|
|
2
|
+
//# sourceMappingURL=textInput.component-9a556271.js.map
|