@qoretechnologies/reqore 0.20.1 → 0.20.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/Breadcrumbs/index.d.ts +33 -0
- package/dist/src/components/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/src/components/Breadcrumbs/index.js +167 -0
- package/dist/src/components/Breadcrumbs/index.js.map +1 -0
- package/dist/src/components/Breadcrumbs/item.d.ts +14 -0
- package/dist/src/components/Breadcrumbs/item.d.ts.map +1 -0
- package/dist/src/components/Breadcrumbs/item.js +84 -0
- package/dist/src/components/Breadcrumbs/item.js.map +1 -0
- package/dist/src/components/Button/index.d.ts +33 -0
- package/dist/src/components/Button/index.d.ts.map +1 -0
- package/dist/src/components/Button/index.js +154 -0
- package/dist/src/components/Button/index.js.map +1 -0
- package/dist/src/components/Checkbox/index.d.ts +26 -0
- package/dist/src/components/Checkbox/index.d.ts.map +1 -0
- package/dist/src/components/Checkbox/index.js +108 -0
- package/dist/src/components/Checkbox/index.js.map +1 -0
- package/dist/src/components/Columns/column.d.ts +5 -0
- package/dist/src/components/Columns/column.d.ts.map +1 -0
- package/dist/src/components/Columns/column.js +37 -0
- package/dist/src/components/Columns/column.js.map +1 -0
- package/dist/src/components/Columns/index.d.ts +17 -0
- package/dist/src/components/Columns/index.d.ts.map +1 -0
- package/dist/src/components/Columns/index.js +69 -0
- package/dist/src/components/Columns/index.js.map +1 -0
- package/dist/src/components/Comment/index.d.ts +24 -0
- package/dist/src/components/Comment/index.d.ts.map +1 -0
- package/dist/src/components/Comment/index.js +71 -0
- package/dist/src/components/Comment/index.js.map +1 -0
- package/dist/src/components/CommentFeed/index.d.ts +7 -0
- package/dist/src/components/CommentFeed/index.d.ts.map +1 -0
- package/dist/src/components/CommentFeed/index.js +49 -0
- package/dist/src/components/CommentFeed/index.js.map +1 -0
- package/dist/src/components/Content/index.d.ts +11 -0
- package/dist/src/components/Content/index.d.ts.map +1 -0
- package/dist/src/components/Content/index.js +70 -0
- package/dist/src/components/Content/index.js.map +1 -0
- package/dist/src/components/Content/wrapper.d.ts +11 -0
- package/dist/src/components/Content/wrapper.d.ts.map +1 -0
- package/dist/src/components/Content/wrapper.js +43 -0
- package/dist/src/components/Content/wrapper.js.map +1 -0
- package/dist/src/components/ControlGroup/index.d.ts +17 -0
- package/dist/src/components/ControlGroup/index.d.ts.map +1 -0
- package/dist/src/components/ControlGroup/index.js +90 -0
- package/dist/src/components/ControlGroup/index.js.map +1 -0
- package/dist/src/components/Drawer/index.d.ts +36 -0
- package/dist/src/components/Drawer/index.d.ts.map +1 -0
- package/dist/src/components/Drawer/index.js +251 -0
- package/dist/src/components/Drawer/index.js.map +1 -0
- package/dist/src/components/Dropdown/index.d.ts +24 -0
- package/dist/src/components/Dropdown/index.d.ts.map +1 -0
- package/dist/src/components/Dropdown/index.js +38 -0
- package/dist/src/components/Dropdown/index.js.map +1 -0
- package/dist/src/components/Dropdown/item.d.ts +10 -0
- package/dist/src/components/Dropdown/item.d.ts.map +1 -0
- package/dist/src/components/Dropdown/item.js +35 -0
- package/dist/src/components/Dropdown/item.js.map +1 -0
- package/dist/src/components/Dropdown/list.d.ts +14 -0
- package/dist/src/components/Dropdown/list.d.ts.map +1 -0
- package/dist/src/components/Dropdown/list.js +47 -0
- package/dist/src/components/Dropdown/list.js.map +1 -0
- package/dist/src/components/Header/index.d.ts +13 -0
- package/dist/src/components/Header/index.d.ts.map +1 -0
- package/dist/src/components/Header/index.js +44 -0
- package/dist/src/components/Header/index.js.map +1 -0
- package/dist/src/components/Icon/index.d.ts +16 -0
- package/dist/src/components/Icon/index.d.ts.map +1 -0
- package/dist/src/components/Icon/index.js +81 -0
- package/dist/src/components/Icon/index.js.map +1 -0
- package/dist/src/components/Input/index.d.ts +33 -0
- package/dist/src/components/Input/index.d.ts.map +1 -0
- package/dist/src/components/Input/index.js +115 -0
- package/dist/src/components/Input/index.js.map +1 -0
- package/dist/src/components/InputClearButton/index.d.ts +10 -0
- package/dist/src/components/InputClearButton/index.d.ts.map +1 -0
- package/dist/src/components/InputClearButton/index.js +49 -0
- package/dist/src/components/InputClearButton/index.js.map +1 -0
- package/dist/src/components/InternalPopover/index.d.ts +7 -0
- package/dist/src/components/InternalPopover/index.d.ts.map +1 -0
- package/dist/src/components/InternalPopover/index.js +132 -0
- package/dist/src/components/InternalPopover/index.js.map +1 -0
- package/dist/src/components/Layout/content.d.ts +8 -0
- package/dist/src/components/Layout/content.d.ts.map +1 -0
- package/dist/src/components/Layout/content.js +41 -0
- package/dist/src/components/Layout/content.js.map +1 -0
- package/dist/src/components/Layout/index.d.ts +8 -0
- package/dist/src/components/Layout/index.d.ts.map +1 -0
- package/dist/src/components/Layout/index.js +69 -0
- package/dist/src/components/Layout/index.js.map +1 -0
- package/dist/src/components/Menu/divider.d.ts +7 -0
- package/dist/src/components/Menu/divider.d.ts.map +1 -0
- package/dist/src/components/Menu/divider.js +49 -0
- package/dist/src/components/Menu/divider.js.map +1 -0
- package/dist/src/components/Menu/index.d.ts +17 -0
- package/dist/src/components/Menu/index.d.ts.map +1 -0
- package/dist/src/components/Menu/index.js +89 -0
- package/dist/src/components/Menu/index.js.map +1 -0
- package/dist/src/components/Menu/item.d.ts +31 -0
- package/dist/src/components/Menu/item.d.ts.map +1 -0
- package/dist/src/components/Menu/item.js +121 -0
- package/dist/src/components/Menu/item.js.map +1 -0
- package/dist/src/components/Message/index.d.ts +25 -0
- package/dist/src/components/Message/index.d.ts.map +1 -0
- package/dist/src/components/Message/index.js +54 -0
- package/dist/src/components/Message/index.js.map +1 -0
- package/dist/src/components/Modal/actions.d.ts +6 -0
- package/dist/src/components/Modal/actions.d.ts.map +1 -0
- package/dist/src/components/Modal/actions.js +49 -0
- package/dist/src/components/Modal/actions.js.map +1 -0
- package/dist/src/components/Modal/content.d.ts +6 -0
- package/dist/src/components/Modal/content.d.ts.map +1 -0
- package/dist/src/components/Modal/content.js +25 -0
- package/dist/src/components/Modal/content.js.map +1 -0
- package/dist/src/components/Modal/index.d.ts +14 -0
- package/dist/src/components/Modal/index.d.ts.map +1 -0
- package/dist/src/components/Modal/index.js +33 -0
- package/dist/src/components/Modal/index.js.map +1 -0
- package/dist/src/components/Navbar/divider.d.ts +9 -0
- package/dist/src/components/Navbar/divider.d.ts.map +1 -0
- package/dist/src/components/Navbar/divider.js +47 -0
- package/dist/src/components/Navbar/divider.js.map +1 -0
- package/dist/src/components/Navbar/group.d.ts +15 -0
- package/dist/src/components/Navbar/group.d.ts.map +1 -0
- package/dist/src/components/Navbar/group.js +75 -0
- package/dist/src/components/Navbar/group.js.map +1 -0
- package/dist/src/components/Navbar/index.d.ts +16 -0
- package/dist/src/components/Navbar/index.d.ts.map +1 -0
- package/dist/src/components/Navbar/index.js +86 -0
- package/dist/src/components/Navbar/index.js.map +1 -0
- package/dist/src/components/Navbar/item.d.ts +16 -0
- package/dist/src/components/Navbar/item.d.ts.map +1 -0
- package/dist/src/components/Navbar/item.js +81 -0
- package/dist/src/components/Navbar/item.js.map +1 -0
- package/dist/src/components/Notifications/index.d.ts +12 -0
- package/dist/src/components/Notifications/index.d.ts.map +1 -0
- package/dist/src/components/Notifications/index.js +60 -0
- package/dist/src/components/Notifications/index.js.map +1 -0
- package/dist/src/components/Notifications/notification.d.ts +43 -0
- package/dist/src/components/Notifications/notification.d.ts.map +1 -0
- package/dist/src/components/Notifications/notification.js +140 -0
- package/dist/src/components/Notifications/notification.js.map +1 -0
- package/dist/src/components/Panel/index.d.ts +49 -0
- package/dist/src/components/Panel/index.d.ts.map +1 -0
- package/dist/src/components/Panel/index.js +172 -0
- package/dist/src/components/Panel/index.js.map +1 -0
- package/dist/src/components/Panel/panel.screenshot.d.ts +3 -0
- package/dist/src/components/Panel/panel.screenshot.d.ts.map +1 -0
- package/dist/src/components/Panel/panel.screenshot.js +30 -0
- package/dist/src/components/Panel/panel.screenshot.js.map +1 -0
- package/dist/src/components/Paragraph/index.d.ts +8 -0
- package/dist/src/components/Paragraph/index.d.ts.map +1 -0
- package/dist/src/components/Paragraph/index.js +64 -0
- package/dist/src/components/Paragraph/index.js.map +1 -0
- package/dist/src/components/Popover/index.d.ts +16 -0
- package/dist/src/components/Popover/index.d.ts.map +1 -0
- package/dist/src/components/Popover/index.js +55 -0
- package/dist/src/components/Popover/index.js.map +1 -0
- package/dist/src/components/RadioGroup/index.d.ts +17 -0
- package/dist/src/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/src/components/RadioGroup/index.js +48 -0
- package/dist/src/components/RadioGroup/index.js.map +1 -0
- package/dist/src/components/Sidebar/index.d.ts +60 -0
- package/dist/src/components/Sidebar/index.d.ts.map +1 -0
- package/dist/src/components/Sidebar/index.js +265 -0
- package/dist/src/components/Sidebar/index.js.map +1 -0
- package/dist/src/components/Sidebar/item.d.ts +36 -0
- package/dist/src/components/Sidebar/item.d.ts.map +1 -0
- package/dist/src/components/Sidebar/item.js +106 -0
- package/dist/src/components/Sidebar/item.js.map +1 -0
- package/dist/src/components/Table/body.d.ts +10 -0
- package/dist/src/components/Table/body.d.ts.map +1 -0
- package/dist/src/components/Table/body.js +44 -0
- package/dist/src/components/Table/body.js.map +1 -0
- package/dist/src/components/Table/header.d.ts +29 -0
- package/dist/src/components/Table/header.d.ts.map +1 -0
- package/dist/src/components/Table/header.js +106 -0
- package/dist/src/components/Table/header.js.map +1 -0
- package/dist/src/components/Table/headerCell.d.ts +18 -0
- package/dist/src/components/Table/headerCell.d.ts.map +1 -0
- package/dist/src/components/Table/headerCell.js +92 -0
- package/dist/src/components/Table/headerCell.js.map +1 -0
- package/dist/src/components/Table/helpers.d.ts +8 -0
- package/dist/src/components/Table/helpers.d.ts.map +1 -0
- package/dist/src/components/Table/helpers.js +41 -0
- package/dist/src/components/Table/helpers.js.map +1 -0
- package/dist/src/components/Table/index.d.ts +75 -0
- package/dist/src/components/Table/index.d.ts.map +1 -0
- package/dist/src/components/Table/index.js +165 -0
- package/dist/src/components/Table/index.js.map +1 -0
- package/dist/src/components/Table/row.d.ts +58 -0
- package/dist/src/components/Table/row.d.ts.map +1 -0
- package/dist/src/components/Table/row.js +204 -0
- package/dist/src/components/Table/row.js.map +1 -0
- package/dist/src/components/Tabs/content.d.ts +8 -0
- package/dist/src/components/Tabs/content.d.ts.map +1 -0
- package/dist/src/components/Tabs/content.js +41 -0
- package/dist/src/components/Tabs/content.js.map +1 -0
- package/dist/src/components/Tabs/index.d.ts +39 -0
- package/dist/src/components/Tabs/index.d.ts.map +1 -0
- package/dist/src/components/Tabs/index.js +83 -0
- package/dist/src/components/Tabs/index.js.map +1 -0
- package/dist/src/components/Tabs/item.d.ts +23 -0
- package/dist/src/components/Tabs/item.d.ts.map +1 -0
- package/dist/src/components/Tabs/item.js +71 -0
- package/dist/src/components/Tabs/item.js.map +1 -0
- package/dist/src/components/Tabs/list.d.ts +17 -0
- package/dist/src/components/Tabs/list.d.ts.map +1 -0
- package/dist/src/components/Tabs/list.js +189 -0
- package/dist/src/components/Tabs/list.js.map +1 -0
- package/dist/src/components/Tag/group.d.ts +10 -0
- package/dist/src/components/Tag/group.d.ts.map +1 -0
- package/dist/src/components/Tag/group.js +50 -0
- package/dist/src/components/Tag/group.js.map +1 -0
- package/dist/src/components/Tag/index.d.ts +36 -0
- package/dist/src/components/Tag/index.d.ts.map +1 -0
- package/dist/src/components/Tag/index.js +136 -0
- package/dist/src/components/Tag/index.js.map +1 -0
- package/dist/src/components/Textarea/index.d.ts +26 -0
- package/dist/src/components/Textarea/index.d.ts.map +1 -0
- package/dist/src/components/Textarea/index.js +85 -0
- package/dist/src/components/Textarea/index.js.map +1 -0
- package/dist/src/components/TimeAgo/index.d.ts +4 -0
- package/dist/src/components/TimeAgo/index.d.ts.map +1 -0
- package/dist/src/components/TimeAgo/index.js +21 -0
- package/dist/src/components/TimeAgo/index.js.map +1 -0
- package/dist/src/components/Tree/index.d.ts +16 -0
- package/dist/src/components/Tree/index.d.ts.map +1 -0
- package/dist/src/components/Tree/index.js +155 -0
- package/dist/src/components/Tree/index.js.map +1 -0
- package/dist/src/constants/animations.d.ts +5 -0
- package/dist/src/constants/animations.d.ts.map +1 -0
- package/dist/src/constants/animations.js +8 -0
- package/dist/src/constants/animations.js.map +1 -0
- package/dist/src/constants/colors.d.ts +10 -0
- package/dist/src/constants/colors.d.ts.map +1 -0
- package/dist/src/constants/colors.js +13 -0
- package/dist/src/constants/colors.js.map +1 -0
- package/dist/src/constants/sizes.d.ts +59 -0
- package/dist/src/constants/sizes.d.ts.map +1 -0
- package/dist/src/constants/sizes.js +60 -0
- package/dist/src/constants/sizes.js.map +1 -0
- package/dist/src/constants/theme.d.ts +81 -0
- package/dist/src/constants/theme.d.ts.map +1 -0
- package/dist/src/constants/theme.js +20 -0
- package/dist/src/constants/theme.js.map +1 -0
- package/dist/src/containers/PopoverProvider.d.ts +13 -0
- package/dist/src/containers/PopoverProvider.d.ts.map +1 -0
- package/dist/src/containers/PopoverProvider.js +81 -0
- package/dist/src/containers/PopoverProvider.js.map +1 -0
- package/dist/src/containers/ReqoreProvider.d.ts +40 -0
- package/dist/src/containers/ReqoreProvider.d.ts.map +1 -0
- package/dist/src/containers/ReqoreProvider.js +125 -0
- package/dist/src/containers/ReqoreProvider.js.map +1 -0
- package/dist/src/containers/ThemeProvider.d.ts +8 -0
- package/dist/src/containers/ThemeProvider.d.ts.map +1 -0
- package/dist/src/containers/ThemeProvider.js +27 -0
- package/dist/src/containers/ThemeProvider.js.map +1 -0
- package/dist/src/containers/UIProvider.d.ts +13 -0
- package/dist/src/containers/UIProvider.d.ts.map +1 -0
- package/dist/src/containers/UIProvider.js +43 -0
- package/dist/src/containers/UIProvider.js.map +1 -0
- package/dist/src/context/PopoverContext.d.ts +11 -0
- package/dist/src/context/PopoverContext.d.ts.map +1 -0
- package/dist/src/context/PopoverContext.js +5 -0
- package/dist/src/context/PopoverContext.js.map +1 -0
- package/dist/src/context/ReqoreContext.d.ts +15 -0
- package/dist/src/context/ReqoreContext.d.ts.map +1 -0
- package/dist/src/context/ReqoreContext.js +10 -0
- package/dist/src/context/ReqoreContext.js.map +1 -0
- package/dist/src/context/ThemeContext.d.ts +5 -0
- package/dist/src/context/ThemeContext.d.ts.map +1 -0
- package/dist/src/context/ThemeContext.js +6 -0
- package/dist/src/context/ThemeContext.js.map +1 -0
- package/dist/src/helpers/animations.d.ts +2 -0
- package/dist/src/helpers/animations.d.ts.map +1 -0
- package/dist/src/helpers/animations.js +11 -0
- package/dist/src/helpers/animations.js.map +1 -0
- package/dist/src/helpers/colors.d.ts +14 -0
- package/dist/src/helpers/colors.d.ts.map +1 -0
- package/dist/src/helpers/colors.js +108 -0
- package/dist/src/helpers/colors.js.map +1 -0
- package/dist/src/helpers/sidebar.d.ts +4 -0
- package/dist/src/helpers/sidebar.d.ts.map +1 -0
- package/dist/src/helpers/sidebar.js +90 -0
- package/dist/src/helpers/sidebar.js.map +1 -0
- package/dist/src/helpers/time.d.ts +8 -0
- package/dist/src/helpers/time.d.ts.map +1 -0
- package/dist/src/helpers/time.js +25 -0
- package/dist/src/helpers/time.js.map +1 -0
- package/dist/src/helpers/utils.d.ts +5 -0
- package/dist/src/helpers/utils.d.ts.map +1 -0
- package/dist/src/helpers/utils.js +103 -0
- package/dist/src/helpers/utils.js.map +1 -0
- package/dist/src/hooks/useCombinedRefs.d.ts +3 -0
- package/dist/src/hooks/useCombinedRefs.d.ts.map +1 -0
- package/dist/src/hooks/useCombinedRefs.js +29 -0
- package/dist/src/hooks/useCombinedRefs.js.map +1 -0
- package/dist/src/hooks/useLatestZIndex.d.ts +3 -0
- package/dist/src/hooks/useLatestZIndex.d.ts.map +1 -0
- package/dist/src/hooks/useLatestZIndex.js +11 -0
- package/dist/src/hooks/useLatestZIndex.js.map +1 -0
- package/dist/src/hooks/useOutsideClick.d.ts +4 -0
- package/dist/src/hooks/useOutsideClick.d.ts.map +1 -0
- package/dist/src/hooks/useOutsideClick.js +19 -0
- package/dist/src/hooks/useOutsideClick.js.map +1 -0
- package/dist/src/hooks/usePopover.d.ts +19 -0
- package/dist/src/hooks/usePopover.d.ts.map +1 -0
- package/dist/src/hooks/usePopover.js +86 -0
- package/dist/src/hooks/usePopover.js.map +1 -0
- package/dist/src/hooks/useShareForwardedRef.d.ts +3 -0
- package/dist/src/hooks/useShareForwardedRef.d.ts.map +1 -0
- package/dist/src/hooks/useShareForwardedRef.js +25 -0
- package/dist/src/hooks/useShareForwardedRef.js.map +1 -0
- package/dist/src/hooks/useTheme.d.ts +3 -0
- package/dist/src/hooks/useTheme.d.ts.map +1 -0
- package/dist/src/hooks/useTheme.js +21 -0
- package/dist/src/hooks/useTheme.js.map +1 -0
- package/dist/src/hooks/useTooltip.d.ts +3 -0
- package/dist/src/hooks/useTooltip.d.ts.map +1 -0
- package/dist/src/hooks/useTooltip.js +24 -0
- package/dist/src/hooks/useTooltip.js.map +1 -0
- package/dist/src/icons.json +2295 -0
- package/dist/src/index.d.ts +52 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +127 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/mock/breadcrumbs.d.ts +5 -0
- package/dist/src/mock/breadcrumbs.d.ts.map +1 -0
- package/dist/src/mock/breadcrumbs.js +94 -0
- package/dist/src/mock/breadcrumbs.js.map +1 -0
- package/dist/src/mock/icons.d.ts +5 -0
- package/dist/src/mock/icons.d.ts.map +1 -0
- package/dist/src/mock/icons.js +34 -0
- package/dist/src/mock/icons.js.map +1 -0
- package/dist/src/mock/menu.d.ts +3 -0
- package/dist/src/mock/menu.d.ts.map +1 -0
- package/dist/src/mock/menu.js +97 -0
- package/dist/src/mock/menu.js.map +1 -0
- package/dist/src/mock/object.json +317 -0
- package/dist/src/mock/tableData.d.ts +8 -0
- package/dist/src/mock/tableData.d.ts.map +1 -0
- package/dist/src/mock/tableData.js +53 -0
- package/dist/src/mock/tableData.js.map +1 -0
- package/dist/src/stories/Breadcrumbs/Breadcrumbs.stories.d.ts +10 -0
- package/dist/src/stories/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -0
- package/dist/src/stories/Breadcrumbs/Breadcrumbs.stories.js +72 -0
- package/dist/src/stories/Breadcrumbs/Breadcrumbs.stories.js.map +1 -0
- package/dist/src/stories/Button/Button.stories.d.ts +12 -0
- package/dist/src/stories/Button/Button.stories.d.ts.map +1 -0
- package/dist/src/stories/Button/Button.stories.js +57 -0
- package/dist/src/stories/Button/Button.stories.js.map +1 -0
- package/dist/src/stories/Checkbox/Checkbox.stories.d.ts +7 -0
- package/dist/src/stories/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/dist/src/stories/Checkbox/Checkbox.stories.js +29 -0
- package/dist/src/stories/Checkbox/Checkbox.stories.js.map +1 -0
- package/dist/src/stories/Columns/Columns.stories.d.ts +10 -0
- package/dist/src/stories/Columns/Columns.stories.d.ts.map +1 -0
- package/dist/src/stories/Columns/Columns.stories.js +49 -0
- package/dist/src/stories/Columns/Columns.stories.js.map +1 -0
- package/dist/src/stories/Comment/Comment.stories.d.ts +7 -0
- package/dist/src/stories/Comment/Comment.stories.d.ts.map +1 -0
- package/dist/src/stories/Comment/Comment.stories.js +43 -0
- package/dist/src/stories/Comment/Comment.stories.js.map +1 -0
- package/dist/src/stories/ControlGroup/ControlGroup.stories.d.ts +8 -0
- package/dist/src/stories/ControlGroup/ControlGroup.stories.d.ts.map +1 -0
- package/dist/src/stories/ControlGroup/ControlGroup.stories.js +44 -0
- package/dist/src/stories/ControlGroup/ControlGroup.stories.js.map +1 -0
- package/dist/src/stories/Drawer/Drawer.stories.d.ts +8 -0
- package/dist/src/stories/Drawer/Drawer.stories.d.ts.map +1 -0
- package/dist/src/stories/Drawer/Drawer.stories.js +97 -0
- package/dist/src/stories/Drawer/Drawer.stories.js.map +1 -0
- package/dist/src/stories/Dropdown/Dropdown.stories.d.ts +8 -0
- package/dist/src/stories/Dropdown/Dropdown.stories.d.ts.map +1 -0
- package/dist/src/stories/Dropdown/Dropdown.stories.js +141 -0
- package/dist/src/stories/Dropdown/Dropdown.stories.js.map +1 -0
- package/dist/src/stories/Icon/Icon.stories.d.ts +6 -0
- package/dist/src/stories/Icon/Icon.stories.d.ts.map +1 -0
- package/dist/src/stories/Icon/Icon.stories.js +13 -0
- package/dist/src/stories/Icon/Icon.stories.js.map +1 -0
- package/dist/src/stories/Input/Input.stories.d.ts +6 -0
- package/dist/src/stories/Input/Input.stories.d.ts.map +1 -0
- package/dist/src/stories/Input/Input.stories.js +38 -0
- package/dist/src/stories/Input/Input.stories.js.map +1 -0
- package/dist/src/stories/Menu/Menu.stories.d.ts +6 -0
- package/dist/src/stories/Menu/Menu.stories.d.ts.map +1 -0
- package/dist/src/stories/Menu/Menu.stories.js +48 -0
- package/dist/src/stories/Menu/Menu.stories.js.map +1 -0
- package/dist/src/stories/Message/Message.stories.d.ts +8 -0
- package/dist/src/stories/Message/Message.stories.d.ts.map +1 -0
- package/dist/src/stories/Message/Message.stories.js +50 -0
- package/dist/src/stories/Message/Message.stories.js.map +1 -0
- package/dist/src/stories/Modal/Modal.stories.d.ts +7 -0
- package/dist/src/stories/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/src/stories/Modal/Modal.stories.js +77 -0
- package/dist/src/stories/Modal/Modal.stories.js.map +1 -0
- package/dist/src/stories/Navbar/Navbar.stories.d.ts +6 -0
- package/dist/src/stories/Navbar/Navbar.stories.d.ts.map +1 -0
- package/dist/src/stories/Navbar/Navbar.stories.js +33 -0
- package/dist/src/stories/Navbar/Navbar.stories.js.map +1 -0
- package/dist/src/stories/Notifications/Interactive.stories.d.ts +9 -0
- package/dist/src/stories/Notifications/Interactive.stories.d.ts.map +1 -0
- package/dist/src/stories/Notifications/Interactive.stories.js +100 -0
- package/dist/src/stories/Notifications/Interactive.stories.js.map +1 -0
- package/dist/src/stories/Notifications/Notification.stories.d.ts +9 -0
- package/dist/src/stories/Notifications/Notification.stories.d.ts.map +1 -0
- package/dist/src/stories/Notifications/Notification.stories.js +96 -0
- package/dist/src/stories/Notifications/Notification.stories.js.map +1 -0
- package/dist/src/stories/Notifications/Notifications.stories.d.ts +10 -0
- package/dist/src/stories/Notifications/Notifications.stories.d.ts.map +1 -0
- package/dist/src/stories/Notifications/Notifications.stories.js +63 -0
- package/dist/src/stories/Notifications/Notifications.stories.js.map +1 -0
- package/dist/src/stories/Panel/Panel.stories.d.ts +9 -0
- package/dist/src/stories/Panel/Panel.stories.d.ts.map +1 -0
- package/dist/src/stories/Panel/Panel.stories.js +79 -0
- package/dist/src/stories/Panel/Panel.stories.js.map +1 -0
- package/dist/src/stories/Popover/Popover.stories.d.ts +6 -0
- package/dist/src/stories/Popover/Popover.stories.d.ts.map +1 -0
- package/dist/src/stories/Popover/Popover.stories.js +46 -0
- package/dist/src/stories/Popover/Popover.stories.js.map +1 -0
- package/dist/src/stories/RadioGroup/RadioGroup.stories.d.ts +7 -0
- package/dist/src/stories/RadioGroup/RadioGroup.stories.d.ts.map +1 -0
- package/dist/src/stories/RadioGroup/RadioGroup.stories.js +54 -0
- package/dist/src/stories/RadioGroup/RadioGroup.stories.js.map +1 -0
- package/dist/src/stories/Sidebar/Sidebar.stories.d.ts +6 -0
- package/dist/src/stories/Sidebar/Sidebar.stories.d.ts.map +1 -0
- package/dist/src/stories/Sidebar/Sidebar.stories.js +65 -0
- package/dist/src/stories/Sidebar/Sidebar.stories.js.map +1 -0
- package/dist/src/stories/Table/Table.stories.d.ts +10 -0
- package/dist/src/stories/Table/Table.stories.d.ts.map +1 -0
- package/dist/src/stories/Table/Table.stories.js +157 -0
- package/dist/src/stories/Table/Table.stories.js.map +1 -0
- package/dist/src/stories/Tabs/Tabs.stories.d.ts +12 -0
- package/dist/src/stories/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/src/stories/Tabs/Tabs.stories.js +127 -0
- package/dist/src/stories/Tabs/Tabs.stories.js.map +1 -0
- package/dist/src/stories/Tag/Tag.stories.d.ts +8 -0
- package/dist/src/stories/Tag/Tag.stories.d.ts.map +1 -0
- package/dist/src/stories/Tag/Tag.stories.js +79 -0
- package/dist/src/stories/Tag/Tag.stories.js.map +1 -0
- package/dist/src/stories/TextArea/TextArea.stories.d.ts +8 -0
- package/dist/src/stories/TextArea/TextArea.stories.d.ts.map +1 -0
- package/dist/src/stories/TextArea/TextArea.stories.js +65 -0
- package/dist/src/stories/TextArea/TextArea.stories.js.map +1 -0
- package/dist/src/stories/Tree/Tree.stories.d.ts +7 -0
- package/dist/src/stories/Tree/Tree.stories.d.ts.map +1 -0
- package/dist/src/stories/Tree/Tree.stories.js +52 -0
- package/dist/src/stories/Tree/Tree.stories.js.map +1 -0
- package/dist/src/stories/Wrapper.d.ts +4 -0
- package/dist/src/stories/Wrapper.d.ts.map +1 -0
- package/dist/src/stories/Wrapper.js +38 -0
- package/dist/src/stories/Wrapper.js.map +1 -0
- package/dist/src/stories/utils/args.d.ts +61 -0
- package/dist/src/stories/utils/args.d.ts.map +1 -0
- package/dist/src/stories/utils/args.js +120 -0
- package/dist/src/stories/utils/args.js.map +1 -0
- package/dist/src/stories/utils.d.ts +11 -0
- package/dist/src/stories/utils.d.ts.map +1 -0
- package/dist/src/stories/utils.js +17 -0
- package/dist/src/stories/utils.js.map +1 -0
- package/dist/src/styles.d.ts +5 -0
- package/dist/src/styles.d.ts.map +1 -0
- package/dist/src/styles.js +16 -0
- package/dist/src/styles.js.map +1 -0
- package/dist/src/types/global.d.ts +9 -0
- package/dist/src/types/global.d.ts.map +1 -0
- package/dist/src/types/global.js +3 -0
- package/dist/src/types/global.js.map +1 -0
- package/dist/src/types/icons.d.ts +2 -0
- package/dist/src/types/icons.d.ts.map +1 -0
- package/dist/src/types/icons.js +3 -0
- package/dist/src/types/icons.js.map +1 -0
- package/dist/src/types/icons____.d.ts +2 -0
- package/dist/src/types/icons____.d.ts.map +1 -0
- package/dist/src/types/icons____.js +5 -0
- package/dist/src/types/icons____.js.map +1 -0
- package/dist/tests.json +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs/index.tsx +286 -0
- package/src/components/Breadcrumbs/item.tsx +162 -0
- package/src/components/Button/index.tsx +270 -0
- package/src/components/Checkbox/index.tsx +161 -0
- package/src/components/Columns/column.tsx +26 -0
- package/src/components/Columns/index.tsx +40 -0
- package/src/components/Comment/index.tsx +139 -0
- package/src/components/CommentFeed/index.tsx +34 -0
- package/src/components/Content/index.tsx +39 -0
- package/src/components/Content/wrapper.tsx +37 -0
- package/src/components/ControlGroup/index.tsx +81 -0
- package/src/components/Drawer/index.tsx +387 -0
- package/src/components/Dropdown/index.tsx +81 -0
- package/src/components/Dropdown/item.tsx +20 -0
- package/src/components/Dropdown/list.tsx +76 -0
- package/src/components/Header/index.tsx +38 -0
- package/src/components/Icon/index.tsx +83 -0
- package/src/components/Input/index.tsx +185 -0
- package/src/components/InputClearButton/index.tsx +34 -0
- package/src/components/InternalPopover/index.tsx +185 -0
- package/src/components/Layout/content.tsx +31 -0
- package/src/components/Layout/index.tsx +55 -0
- package/src/components/Menu/divider.tsx +36 -0
- package/src/components/Menu/index.tsx +64 -0
- package/src/components/Menu/item.tsx +219 -0
- package/src/components/Message/index.tsx +136 -0
- package/src/components/Modal/actions.tsx +26 -0
- package/src/components/Modal/content.tsx +11 -0
- package/src/components/Modal/index.tsx +26 -0
- package/src/components/Navbar/divider.tsx +51 -0
- package/src/components/Navbar/group.tsx +57 -0
- package/src/components/Navbar/index.tsx +81 -0
- package/src/components/Navbar/item.tsx +75 -0
- package/src/components/Notifications/index.tsx +56 -0
- package/src/components/Notifications/notification.tsx +288 -0
- package/src/components/Panel/__screenshots__/linux/panel-SomePanel.png +0 -0
- package/src/components/Panel/index.tsx +333 -0
- package/src/components/Panel/panel.screenshot.tsx +29 -0
- package/src/components/Paragraph/index.tsx +25 -0
- package/src/components/Popover/index.tsx +65 -0
- package/src/components/RadioGroup/index.tsx +52 -0
- package/src/components/Sidebar/index.tsx +526 -0
- package/src/components/Sidebar/item.tsx +269 -0
- package/src/components/Table/body.tsx +46 -0
- package/src/components/Table/header.tsx +173 -0
- package/src/components/Table/headerCell.tsx +117 -0
- package/src/components/Table/helpers.ts +19 -0
- package/src/components/Table/index.tsx +265 -0
- package/src/components/Table/row.tsx +355 -0
- package/src/components/Tabs/content.tsx +23 -0
- package/src/components/Tabs/index.tsx +117 -0
- package/src/components/Tabs/item.tsx +151 -0
- package/src/components/Tabs/list.tsx +281 -0
- package/src/components/Tag/group.tsx +32 -0
- package/src/components/Tag/index.tsx +237 -0
- package/src/components/Textarea/index.tsx +121 -0
- package/src/components/TimeAgo/index.tsx +15 -0
- package/src/components/Tree/index.tsx +255 -0
- package/src/constants/animations.ts +4 -0
- package/src/constants/colors.ts +9 -0
- package/src/constants/sizes.ts +66 -0
- package/src/constants/theme.ts +102 -0
- package/src/containers/PopoverProvider.tsx +85 -0
- package/src/containers/ReqoreProvider.tsx +194 -0
- package/src/containers/ThemeProvider.tsx +22 -0
- package/src/containers/UIProvider.tsx +54 -0
- package/src/context/PopoverContext.tsx +10 -0
- package/src/context/ReqoreContext.tsx +20 -0
- package/src/context/ThemeContext.tsx +4 -0
- package/src/helpers/animations.ts +13 -0
- package/src/helpers/colors.ts +127 -0
- package/src/helpers/sidebar.ts +105 -0
- package/src/helpers/time.ts +21 -0
- package/src/helpers/utils.ts +75 -0
- package/src/hooks/useCombinedRefs.ts +19 -0
- package/src/hooks/useLatestZIndex.ts +11 -0
- package/src/hooks/useOutsideClick.ts +29 -0
- package/src/hooks/usePopover.tsx +118 -0
- package/src/hooks/useShareForwardedRef.ts +23 -0
- package/src/hooks/useTheme.ts +20 -0
- package/src/hooks/useTooltip.ts +15 -0
- package/src/icons.json +2295 -0
- package/src/index.tsx +51 -0
- package/src/mock/breadcrumbs.ts +93 -0
- package/src/mock/icons.ts +32 -0
- package/src/mock/menu.ts +95 -0
- package/src/mock/object.json +317 -0
- package/src/mock/styleMock.js +1 -0
- package/src/mock/tableData.ts +40 -0
- package/src/stories/Breadcrumbs/Breadcrumbs.stories.tsx +38 -0
- package/src/stories/Button/Button.stories.tsx +69 -0
- package/src/stories/Checkbox/Checkbox.stories.tsx +26 -0
- package/src/stories/Columns/Columns.stories.tsx +71 -0
- package/src/stories/Comment/Comment.stories.tsx +127 -0
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +43 -0
- package/src/stories/Drawer/Drawer.stories.tsx +181 -0
- package/src/stories/Dropdown/Dropdown.stories.tsx +160 -0
- package/src/stories/Icon/Icon.stories.tsx +35 -0
- package/src/stories/Input/Input.stories.tsx +77 -0
- package/src/stories/Menu/Menu.stories.tsx +94 -0
- package/src/stories/Message/Message.stories.tsx +52 -0
- package/src/stories/Modal/Modal.stories.tsx +148 -0
- package/src/stories/Navbar/Navbar.stories.tsx +109 -0
- package/src/stories/Notifications/Interactive.stories.tsx +105 -0
- package/src/stories/Notifications/Notification.stories.tsx +200 -0
- package/src/stories/Notifications/Notifications.stories.tsx +65 -0
- package/src/stories/Panel/Panel.stories.tsx +107 -0
- package/src/stories/Popover/Popover.stories.tsx +54 -0
- package/src/stories/RadioGroup/RadioGroup.stories.tsx +51 -0
- package/src/stories/Sidebar/Sidebar.stories.tsx +78 -0
- package/src/stories/Table/Table.stories.tsx +151 -0
- package/src/stories/Tabs/Tabs.stories.tsx +233 -0
- package/src/stories/Tag/Tag.stories.tsx +72 -0
- package/src/stories/TextArea/TextArea.stories.tsx +74 -0
- package/src/stories/Tree/Tree.stories.tsx +43 -0
- package/src/stories/Wrapper.tsx +13 -0
- package/src/stories/utils/args.ts +138 -0
- package/src/stories/utils.ts +17 -0
- package/src/styles.ts +38 -0
- package/src/types/global.ts +9 -0
- package/src/types/icons.ts +2272 -0
- package/src/types/icons____.ts +5 -0
- package/tests.json +1 -1
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
import { IReqoreCustomTheme, IReqoreIntent } from '../../constants/theme';
|
|
4
|
+
import { TReqoreTooltipProp } from '../../types/global';
|
|
5
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
+
export interface IReqoreTabsListItem {
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: IReqoreIconName;
|
|
9
|
+
as?: any;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
id: string | number;
|
|
12
|
+
tooltip?: TReqoreTooltipProp;
|
|
13
|
+
props?: React.HTMLAttributes<any>;
|
|
14
|
+
onClick?: (event: any) => any;
|
|
15
|
+
onCloseClick?: (id: string | number) => any;
|
|
16
|
+
activeIntent?: IReqoreIntent;
|
|
17
|
+
intent?: IReqoreIntent;
|
|
18
|
+
closeIcon?: IReqoreIconName;
|
|
19
|
+
}
|
|
20
|
+
export interface IReqoreTabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
tabs: IReqoreTabsListItem[];
|
|
22
|
+
activeTab?: string | number;
|
|
23
|
+
onTabChange?: (tabId: string | number) => any;
|
|
24
|
+
children?: ReactElement<any>[] | ReactElement<any>;
|
|
25
|
+
fill?: boolean;
|
|
26
|
+
fillParent?: boolean;
|
|
27
|
+
vertical?: boolean;
|
|
28
|
+
activeTabIntent?: IReqoreIntent;
|
|
29
|
+
wrapTabNames?: boolean;
|
|
30
|
+
flat?: boolean;
|
|
31
|
+
size?: TSizes;
|
|
32
|
+
width?: string;
|
|
33
|
+
customTheme?: IReqoreCustomTheme;
|
|
34
|
+
intent?: IReqoreIntent;
|
|
35
|
+
_testWidth?: number;
|
|
36
|
+
}
|
|
37
|
+
declare const ReqoreTabs: ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat, size, width, wrapTabNames, customTheme, intent, ...rest }: IReqoreTabsProps) => JSX.Element;
|
|
38
|
+
export default ReqoreTabs;
|
|
39
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC5C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC9C,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAWD,QAAA,MAAM,UAAU,sKAiBb,gBAAgB,gBA8ClB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
exports.__esModule = true;
|
|
55
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
56
|
+
var react_1 = __importStar(require("react"));
|
|
57
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
58
|
+
var list_1 = __importDefault(require("./list"));
|
|
59
|
+
var StyledTabs = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n ", "\n"], ["\n display: flex;\n ", "\n"])), function (_a) {
|
|
60
|
+
var vertical = _a.vertical, fillParent = _a.fillParent, width = _a.width;
|
|
61
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n flex-flow: ", ";\n "], ["\n width: ", ";\n height: ", ";\n flex-flow: ", ";\n "])), width ? "".concat(width, "px") : '100%', fillParent ? '100%' : undefined, vertical ? 'row' : 'column');
|
|
62
|
+
});
|
|
63
|
+
var ReqoreTabs = function (_a) {
|
|
64
|
+
var tabs = _a.tabs, activeTab = _a.activeTab, children = _a.children, className = _a.className, onTabChange = _a.onTabChange, fill = _a.fill, _testWidth = _a._testWidth, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, flat = _a.flat, _b = _a.size, size = _b === void 0 ? 'normal' : _b, width = _a.width, wrapTabNames = _a.wrapTabNames, customTheme = _a.customTheme, intent = _a.intent, rest = __rest(_a, ["tabs", "activeTab", "children", "className", "onTabChange", "fill", "_testWidth", "vertical", "activeTabIntent", "flat", "size", "width", "wrapTabNames", "customTheme", "intent"]);
|
|
65
|
+
var _c = (0, react_1.useState)(activeTab || tabs[0].id), _activeTab = _c[0], setActiveTab = _c[1];
|
|
66
|
+
(0, react_1.useEffect)(function () {
|
|
67
|
+
if (activeTab || activeTab === 0) {
|
|
68
|
+
setActiveTab(activeTab);
|
|
69
|
+
if (onTabChange) {
|
|
70
|
+
onTabChange(activeTab);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}, [activeTab]);
|
|
74
|
+
return ((0, jsx_runtime_1.jsxs)(StyledTabs, __assign({}, rest, { width: width, vertical: vertical, className: "".concat(className || '', " reqore-tabs") }, { children: [(0, jsx_runtime_1.jsx)(list_1["default"], { tabs: tabs, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, wrapTabNames: wrapTabNames, activeTabIntent: activeTabIntent, customTheme: customTheme, intent: intent, onTabChange: function (tabId) {
|
|
75
|
+
setActiveTab(tabId);
|
|
76
|
+
if (onTabChange) {
|
|
77
|
+
onTabChange(tabId);
|
|
78
|
+
}
|
|
79
|
+
} }), react_1["default"].Children.map(children, function (child) { var _a; return child && ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabId) === _activeTab ? child : null; })] })));
|
|
80
|
+
};
|
|
81
|
+
exports["default"] = ReqoreTabs;
|
|
82
|
+
var templateObject_1, templateObject_2;
|
|
83
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,qEAAgD;AAKhD,gDAAoC;AAoCpC,IAAM,UAAU,GAAG,8BAAM,CAAC,GAAG,iGAA2B,wBAEpD,EAID,IACF,KALG,UAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,qIAAA,eAC/B,EAA6B,iBAC5B,EAA+B,oBAC5B,EAA2B,OACzC,KAHU,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AAHH,CAItC,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAiBD;IAhBjB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,MAAM,YAAA,EACH,IAAI,cAhBW,oLAiBnB,CADQ;IAED,IAAA,KAA6B,IAAA,gBAAQ,EAAkB,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAA9E,UAAU,QAAA,EAAE,YAAY,QAAsD,CAAC;IAEtF,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,IAAI,SAAS,KAAK,CAAC,EAAE;YAChC,YAAY,CAAC,SAAS,CAAC,CAAC;YAExB,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,SAAS,CAAC,CAAC;aACxB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,wBAAC,UAAU,eACL,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iBAAc,iBAE3C,uBAAC,iBAAc,IACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,UAAC,KAAsB;oBAClC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAEpB,IAAI,WAAW,EAAE;wBACf,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,GACD,EACD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,YAClC,OAAA,KAAK,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,MAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,EAAA,CAC1D,KACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IReqoreTabsListItem } from '.';
|
|
3
|
+
import { TSizes } from '../../constants/sizes';
|
|
4
|
+
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
5
|
+
export interface IReqoreTabListItemProps extends IReqoreTabsListItem {
|
|
6
|
+
active?: boolean;
|
|
7
|
+
vertical?: boolean;
|
|
8
|
+
onCloseClick?: any;
|
|
9
|
+
customTheme?: IReqoreCustomTheme;
|
|
10
|
+
size?: TSizes;
|
|
11
|
+
wrapTabNames?: boolean;
|
|
12
|
+
fill?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface IReqoreTabListItemStyle extends IReqoreTabListItemProps {
|
|
16
|
+
theme: IReqoreTheme;
|
|
17
|
+
closable?: boolean;
|
|
18
|
+
activeColor: string;
|
|
19
|
+
}
|
|
20
|
+
export declare const StyledTabListItem: any;
|
|
21
|
+
declare const ReqoreTabsListItem: import("react").ForwardRefExoticComponent<IReqoreTabListItemProps & import("react").RefAttributes<unknown>>;
|
|
22
|
+
export default ReqoreTabsListItem;
|
|
23
|
+
//# sourceMappingURL=item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAsB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMzE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,KAqC7B,CAAC;AAEF,QAAA,MAAM,kBAAkB,6GAkFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
+
};
|
|
43
|
+
exports.__esModule = true;
|
|
44
|
+
exports.StyledTabListItem = void 0;
|
|
45
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
46
|
+
var react_1 = require("react");
|
|
47
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
48
|
+
var sizes_1 = require("../../constants/sizes");
|
|
49
|
+
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
50
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
51
|
+
var Button_1 = __importDefault(require("../Button"));
|
|
52
|
+
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
53
|
+
exports.StyledTabListItem = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n\n a {\n text-decoration: none;\n\n &:hover > * {\n text-decoration: underline;\n }\n }\n"], ["\n ", "\n\n a {\n text-decoration: none;\n\n &:hover > * {\n text-decoration: underline;\n }\n }\n"])), function (_a) {
|
|
54
|
+
var active = _a.active, disabled = _a.disabled, vertical = _a.vertical, activeColor = _a.activeColor, size = _a.size, fill = _a.fill;
|
|
55
|
+
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n align-items: center;\n width: ", ";\n padding: ", ";\n ", "\n\n ", "\n\n ", "\n "], ["\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n align-items: center;\n width: ", ";\n padding: ", ";\n ", "\n\n ", "\n\n ", "\n "])), vertical ? "100%" : undefined, vertical ? "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px") : "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px"), active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", "60;\n "], ["\n background-color: ", "60;\n "])), activeColor), fill && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 1;\n "], ["\n flex: 1;\n "]))), disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "], ["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "]))));
|
|
56
|
+
});
|
|
57
|
+
var ReqoreTabsListItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
58
|
+
var tooltip = _a.tooltip, label = _a.label, props = _a.props, icon = _a.icon, active = _a.active, as = _a.as, disabled = _a.disabled, vertical = _a.vertical, onClick = _a.onClick, activeIntent = _a.activeIntent, onCloseClick = _a.onCloseClick, fill = _a.fill, intent = _a.intent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, closeIcon = _a.closeIcon, customTheme = _a.customTheme, className = _a.className;
|
|
59
|
+
var innerRef = (0, react_1.useRef)(null);
|
|
60
|
+
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
61
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
|
|
62
|
+
var _intent = activeIntent || intent;
|
|
63
|
+
var activeColor = _intent ? theme.intents[_intent] : theme.main;
|
|
64
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledTabListItem, __assign({ ref: combinedRef }, props, { className: className, intent: intent, activeIntent: activeIntent, activeColor: activeColor, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill }, { children: label || icon ? ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ stack: true, size: size, fluid: fill || vertical }, { children: [(0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ flat: true, fluid: fill || vertical, icon: icon, minimal: true, intent: active ? activeIntent || intent : intent, active: active, disabled: disabled, onClick: onClick, tooltip: tooltip, customTheme: customTheme, className: "reqore-tabs-list-item ".concat(active ? 'reqore-tabs-list-item-active' : '') }, { children: label })), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(Button_1["default"], { fixed: true, flat: true, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, className: 'reqore-tabs-list-item-close', customTheme: customTheme, onClick: function (event) {
|
|
65
|
+
event.stopPropagation();
|
|
66
|
+
onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
|
|
67
|
+
} })) : null] }))) : null })));
|
|
68
|
+
});
|
|
69
|
+
exports["default"] = ReqoreTabsListItem;
|
|
70
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
71
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IReqoreTabsListItem, IReqoreTabsProps } from '.';
|
|
3
|
+
import { TSizes } from '../../constants/sizes';
|
|
4
|
+
import { IReqoreBreadcrumbsTheme, IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
5
|
+
export interface IReqoreTabsListProps extends IReqoreTabsProps, React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
onTabChange?: (tabId: string | number) => any;
|
|
7
|
+
children?: any;
|
|
8
|
+
customTheme?: IReqoreCustomTheme | IReqoreBreadcrumbsTheme;
|
|
9
|
+
}
|
|
10
|
+
export interface IReqoreTabsListStyle extends Omit<IReqoreTabsListProps, 'tabs'> {
|
|
11
|
+
theme: IReqoreTheme;
|
|
12
|
+
}
|
|
13
|
+
export declare const StyledReqoreTabsList: any;
|
|
14
|
+
export declare const getTabsLength: (items: (IReqoreTabsListItem | IReqoreTabsListItem[])[], type?: 'width' | 'height', activeTab?: string | number, tabsSize?: TSizes) => number;
|
|
15
|
+
declare const ReqoreTabsList: ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, customTheme, wrapTabNames, flat, size, intent, ...rest }: IReqoreTabsListProps) => JSX.Element;
|
|
16
|
+
export default ReqoreTabsList;
|
|
17
|
+
//# sourceMappingURL=list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAE1D,OAAO,EAAmC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUlG,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,kBAAkB,GAAG,uBAAuB,CAAC;CAC5D;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAsBhC,CAAC;AA6BF,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,SAChD,OAAO,GAAG,QAAQ,cACZ,MAAM,GAAG,MAAM,aAChB,MAAM,KAChB,MASI,CAAC;AAmCR,QAAA,MAAM,cAAc,0IAcjB,oBAAoB,gBAuItB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
52
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
53
|
+
if (ar || !(i in from)) {
|
|
54
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
55
|
+
ar[i] = from[i];
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
59
|
+
};
|
|
60
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
61
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
62
|
+
};
|
|
63
|
+
exports.__esModule = true;
|
|
64
|
+
exports.getTabsLength = exports.StyledReqoreTabsList = void 0;
|
|
65
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
66
|
+
var react_1 = require("react");
|
|
67
|
+
var lodash_1 = require("lodash");
|
|
68
|
+
var react_2 = __importDefault(require("react"));
|
|
69
|
+
var react_use_1 = require("react-use");
|
|
70
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
71
|
+
var __1 = require("../..");
|
|
72
|
+
var sizes_1 = require("../../constants/sizes");
|
|
73
|
+
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
74
|
+
var colors_1 = require("../../helpers/colors");
|
|
75
|
+
var utils_1 = require("../../helpers/utils");
|
|
76
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
77
|
+
var Menu_1 = __importDefault(require("../Menu"));
|
|
78
|
+
var item_1 = __importDefault(require("../Menu/item"));
|
|
79
|
+
var Popover_1 = require("../Popover");
|
|
80
|
+
var item_2 = __importStar(require("./item"));
|
|
81
|
+
exports.StyledReqoreTabsList = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
82
|
+
var theme = _a.theme, fill = _a.fill, vertical = _a.vertical, size = _a.size, width = _a.width;
|
|
83
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n border-", ": 1px solid ", ";\n\n ", "\n\n ", " {\n > ", " {\n height: 100%;\n }\n }\n "], ["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n border-", ": 1px solid ", ";\n\n ", "\n\n ", " {\n > ", " {\n height: 100%;\n }\n }\n "])), vertical ? '100%' : "".concat(sizes_1.TABS_SIZE_TO_PX[size], "px"), vertical ? width || '200px' : '100%', vertical ? 'column' : 'row', vertical ? 'right' : 'bottom', (0, colors_1.changeLightness)(theme.main, 0.05), fill && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n justify-content: space-around;\n "], ["\n justify-content: space-around;\n "]))), Popover_1.StyledPopover, item_2.StyledTabListItem);
|
|
84
|
+
});
|
|
85
|
+
var isTabHidden = function (items, activeTab) {
|
|
86
|
+
return items.find(function (item) { return (item === null || item === void 0 ? void 0 : item.id) === activeTab; });
|
|
87
|
+
};
|
|
88
|
+
var getMoreLabel = function (items, activeTab) {
|
|
89
|
+
var _a;
|
|
90
|
+
if (isTabHidden(items, activeTab)) {
|
|
91
|
+
return (_a = isTabHidden(items, activeTab)) === null || _a === void 0 ? void 0 : _a.label;
|
|
92
|
+
}
|
|
93
|
+
return 'More';
|
|
94
|
+
};
|
|
95
|
+
var getLabel = function (item, activeTab, tabsSize) {
|
|
96
|
+
if (tabsSize === void 0) { tabsSize = 'normal'; }
|
|
97
|
+
if (!item) {
|
|
98
|
+
return 0;
|
|
99
|
+
}
|
|
100
|
+
var label = (0, lodash_1.isArray)(item) ? getMoreLabel(item, activeTab) : item.label;
|
|
101
|
+
var icon = (0, lodash_1.isArray)(item) || item.icon ? sizes_1.TEXT_FROM_SIZE[tabsSize] : 0;
|
|
102
|
+
var closeIconSize = (0, lodash_1.isArray)(item) || !item.onCloseClick ? 0 : 30;
|
|
103
|
+
return (0, utils_1.calculateStringSizeInPixels)(label, sizes_1.TEXT_FROM_SIZE[tabsSize]) + icon + closeIconSize;
|
|
104
|
+
};
|
|
105
|
+
var getTabsLength = function (items, type, activeTab, tabsSize) {
|
|
106
|
+
if (type === void 0) { type = 'width'; }
|
|
107
|
+
return items.reduce(function (len, item) {
|
|
108
|
+
if (type === 'height') {
|
|
109
|
+
var rows = getLabel(item, activeTab, tabsSize) / 4 || 1;
|
|
110
|
+
return len + rows * 15 + 10;
|
|
111
|
+
}
|
|
112
|
+
return len + 36 + getLabel(item, activeTab, tabsSize);
|
|
113
|
+
}, 0);
|
|
114
|
+
};
|
|
115
|
+
exports.getTabsLength = getTabsLength;
|
|
116
|
+
var getTransformedItems = function (items, size, type, activeTab, tabsSize) {
|
|
117
|
+
if (type === void 0) { type = 'width'; }
|
|
118
|
+
if (!size) {
|
|
119
|
+
return items;
|
|
120
|
+
}
|
|
121
|
+
var newItems = __spreadArray([], items, true);
|
|
122
|
+
console.log('SIZES', (0, exports.getTabsLength)(newItems, type, activeTab, tabsSize), size);
|
|
123
|
+
while ((0, exports.getTabsLength)(newItems, type, activeTab, tabsSize) > size && newItems.length > 1) {
|
|
124
|
+
if ((0, lodash_1.isArray)(newItems[newItems.length - 1])) {
|
|
125
|
+
newItems[newItems.length - 1].unshift(newItems[newItems.length - 2]);
|
|
126
|
+
newItems[newItems.length - 2] = undefined;
|
|
127
|
+
}
|
|
128
|
+
else {
|
|
129
|
+
var lastItem = newItems[newItems.length - 1];
|
|
130
|
+
newItems[newItems.length - 1] = [
|
|
131
|
+
lastItem,
|
|
132
|
+
];
|
|
133
|
+
}
|
|
134
|
+
newItems = newItems.filter(function (i) { return i; });
|
|
135
|
+
}
|
|
136
|
+
return newItems.filter(function (i) { return i; });
|
|
137
|
+
};
|
|
138
|
+
var ReqoreTabsList = function (_a) {
|
|
139
|
+
var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, customTheme = _a.customTheme, wrapTabNames = _a.wrapTabNames, flat = _a.flat, size = _a.size, intent = _a.intent, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "customTheme", "wrapTabNames", "flat", "size", "intent"]);
|
|
140
|
+
var _b = (0, react_use_1.useMeasure)(), ref = _b[0], _c = _b[1], width = _c.width, height = _c.height;
|
|
141
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
142
|
+
var transformedItems = vertical
|
|
143
|
+
? tabs
|
|
144
|
+
: getTransformedItems(tabs, vertical ? height : _testWidth || width, vertical ? 'height' : 'width', activeTab, size);
|
|
145
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(exports.StyledReqoreTabsList, __assign({}, rest, { size: size, fill: fill, vertical: vertical, className: "".concat(rest.className || '', " reqore-tabs-list"), ref: ref, flat: flat, theme: theme }, { children: transformedItems.map(function (item, index) {
|
|
146
|
+
return (0, lodash_1.isArray)(item) ? ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_2["default"], componentProps: {
|
|
147
|
+
icon: 'ArrowDownSLine',
|
|
148
|
+
id: 'showMore',
|
|
149
|
+
label: getMoreLabel(item, activeTab),
|
|
150
|
+
active: !!isTabHidden(item, activeTab),
|
|
151
|
+
activeIntent: activeTabIntent,
|
|
152
|
+
customTheme: theme,
|
|
153
|
+
vertical: vertical,
|
|
154
|
+
flat: flat,
|
|
155
|
+
size: size,
|
|
156
|
+
className: 'reqore-tabs-list-item-menu'
|
|
157
|
+
}, closeOnOutsideClick: true, isReqoreComponent: true, handler: 'hoverStay', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], __assign({ customTheme: theme }, { children: item.map(function (_a) {
|
|
158
|
+
var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props, disabled = _a.disabled, id = _a.id, onCloseClick = _a.onCloseClick, intent = _a.intent, activeIntent = _a.activeIntent, closeIcon = _a.closeIcon;
|
|
159
|
+
return ((0, react_1.createElement)(item_1["default"], __assign({}, __assign(__assign({}, props), { icon: icon, as: as, intent: activeTab === id ? activeIntent || intent : intent, disabled: disabled, rightIcon: onCloseClick ? closeIcon || 'CloseLine' : undefined, onRightIconClick: onCloseClick
|
|
160
|
+
? function () {
|
|
161
|
+
onCloseClick(id);
|
|
162
|
+
}
|
|
163
|
+
: undefined, selected: activeTab === id, onClick: function (_id, event) {
|
|
164
|
+
if (!disabled) {
|
|
165
|
+
onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(id);
|
|
166
|
+
if (props === null || props === void 0 ? void 0 : props.onClick) {
|
|
167
|
+
props.onClick(event);
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
} }), { tooltip: tooltip, key: index + label }), label));
|
|
171
|
+
}) })) }, index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, react_1.createElement)(item_2["default"], __assign({}, item, { fill: fill, size: size, activeIntent: activeTabIntent, customTheme: theme, wrapTabNames: wrapTabNames, key: index, vertical: vertical, active: activeTab === item.id, onClick: function (event) {
|
|
172
|
+
var _a;
|
|
173
|
+
if (!item.disabled) {
|
|
174
|
+
onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(item.id);
|
|
175
|
+
if ((_a = item.props) === null || _a === void 0 ? void 0 : _a.onClick) {
|
|
176
|
+
item.props.onClick(event);
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}, onCloseClick: item.onCloseClick
|
|
180
|
+
? function () {
|
|
181
|
+
var _a;
|
|
182
|
+
(_a = item.onCloseClick) === null || _a === void 0 ? void 0 : _a.call(item, item.id);
|
|
183
|
+
}
|
|
184
|
+
: undefined })) }, index));
|
|
185
|
+
}) })) })));
|
|
186
|
+
};
|
|
187
|
+
exports["default"] = ReqoreTabsList;
|
|
188
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
189
|
+
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
export interface IReqoreTagGroup extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children: any;
|
|
5
|
+
size?: TSizes;
|
|
6
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
|
|
7
|
+
}
|
|
8
|
+
declare const ReqoreTagGroup: ({ children, size, className, columns, ...rest }: IReqoreTagGroup) => JSX.Element;
|
|
9
|
+
export default ReqoreTagGroup;
|
|
10
|
+
//# sourceMappingURL=group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;CAClD;AASD,QAAA,MAAM,cAAc,oDAAqD,eAAe,gBAWvF,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
exports.__esModule = true;
|
|
32
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
+
var react_1 = __importDefault(require("react"));
|
|
34
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
+
var _1 = require(".");
|
|
36
|
+
var StyledTagGroup = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n margin-right: 5px;\n margin-bottom: 5px;\n }\n"], ["\n ", " {\n margin-right: 5px;\n margin-bottom: 5px;\n }\n"])), _1.StyledTag);
|
|
37
|
+
var ReqoreTagGroup = function (_a) {
|
|
38
|
+
var children = _a.children, size = _a.size, className = _a.className, columns = _a.columns, rest = __rest(_a, ["children", "size", "className", "columns"]);
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(StyledTagGroup, __assign({}, rest, { className: "".concat(className || '', " reqore-tag-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
40
|
+
return child
|
|
41
|
+
? react_1["default"].cloneElement(child, {
|
|
42
|
+
size: size,
|
|
43
|
+
width: columns ? "calc(".concat(100 / columns, "% - 5px)") : child.props.width
|
|
44
|
+
})
|
|
45
|
+
: null;
|
|
46
|
+
}) })));
|
|
47
|
+
};
|
|
48
|
+
exports["default"] = ReqoreTagGroup;
|
|
49
|
+
var templateObject_1;
|
|
50
|
+
//# sourceMappingURL=group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/Tag/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sBAA8B;AAS9B,IAAM,cAAc,GAAG,8BAAM,CAAC,GAAG,uIAAA,MAC7B,EAAS,4DAIZ,KAJG,YAAS,CAIZ,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAgE;IAA9D,IAAA,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA7C,4CAA+C,CAAF;IAAwB,OAAA,CAC3F,uBAAC,cAAc,eAAK,IAAI,IAAE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,sBAAmB,gBACvE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,eAAQ,GAAG,GAAG,OAAO,aAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;iBACrE,CAAC;gBACJ,CAAC,CAAC,IAAI;QALR,CAKQ,CACT,IACc,CAClB,CAAA;CAAA,CAAC;AAEF,qBAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
|
+
import { IReqoreTooltip } from '../../types/global';
|
|
5
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
+
export interface IReqoreTagAction {
|
|
7
|
+
icon: IReqoreIconName;
|
|
8
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
tooltip?: IReqoreTooltip;
|
|
11
|
+
intent?: IReqoreIntent;
|
|
12
|
+
}
|
|
13
|
+
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
14
|
+
size?: TSizes;
|
|
15
|
+
label?: string;
|
|
16
|
+
onRemoveClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
17
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
18
|
+
icon?: IReqoreIconName;
|
|
19
|
+
rightIcon?: IReqoreIconName;
|
|
20
|
+
color?: string;
|
|
21
|
+
tooltip?: IReqoreTooltip;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
actions?: IReqoreTagAction[];
|
|
24
|
+
width?: string;
|
|
25
|
+
badge?: boolean;
|
|
26
|
+
intent?: IReqoreIntent;
|
|
27
|
+
}
|
|
28
|
+
export interface IReqoreTagStyle extends IReqoreTagProps {
|
|
29
|
+
theme: IReqoreTheme;
|
|
30
|
+
removable?: boolean;
|
|
31
|
+
interactive?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export declare const StyledTag: any;
|
|
34
|
+
declare const ReqoreTag: React.ForwardRefExoticComponent<IReqoreTagProps & React.RefAttributes<unknown>>;
|
|
35
|
+
export default ReqoreTag;
|
|
36
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KAyCrB,CAAC;AA8CF,QAAA,MAAM,SAAS,iFAiGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|