@qoretechnologies/reqore 0.20.0 → 0.20.3
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/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
- package/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
- package/.github/ISSUE_TEMPLATE/new-component.md +20 -0
- package/.github/ISSUE_TEMPLATE/visual-bug-report.md +38 -0
- package/dist/components/Breadcrumbs/index.d.ts +33 -0
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/index.js +167 -0
- package/dist/components/Breadcrumbs/index.js.map +1 -0
- package/dist/components/Breadcrumbs/item.d.ts +14 -0
- package/dist/components/Breadcrumbs/item.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/item.js +84 -0
- package/dist/components/Breadcrumbs/item.js.map +1 -0
- package/dist/components/Button/index.d.ts +33 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +154 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Checkbox/index.d.ts +26 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Checkbox/index.js +108 -0
- package/dist/components/Checkbox/index.js.map +1 -0
- package/dist/components/Columns/column.d.ts +5 -0
- package/dist/components/Columns/column.d.ts.map +1 -0
- package/dist/components/Columns/column.js +37 -0
- package/dist/components/Columns/column.js.map +1 -0
- package/dist/components/Columns/index.d.ts +17 -0
- package/dist/components/Columns/index.d.ts.map +1 -0
- package/dist/components/Columns/index.js +69 -0
- package/dist/components/Columns/index.js.map +1 -0
- package/dist/components/Comment/index.d.ts +24 -0
- package/dist/components/Comment/index.d.ts.map +1 -0
- package/dist/components/Comment/index.js +71 -0
- package/dist/components/Comment/index.js.map +1 -0
- package/dist/components/CommentFeed/index.d.ts +7 -0
- package/dist/components/CommentFeed/index.d.ts.map +1 -0
- package/dist/components/CommentFeed/index.js +49 -0
- package/dist/components/CommentFeed/index.js.map +1 -0
- package/dist/components/Content/index.d.ts +11 -0
- package/dist/components/Content/index.d.ts.map +1 -0
- package/dist/components/Content/index.js +70 -0
- package/dist/components/Content/index.js.map +1 -0
- package/dist/components/Content/wrapper.d.ts +11 -0
- package/dist/components/Content/wrapper.d.ts.map +1 -0
- package/dist/components/Content/wrapper.js +43 -0
- package/dist/components/Content/wrapper.js.map +1 -0
- package/dist/components/ControlGroup/index.d.ts +17 -0
- package/dist/components/ControlGroup/index.d.ts.map +1 -0
- package/dist/components/ControlGroup/index.js +90 -0
- package/dist/components/ControlGroup/index.js.map +1 -0
- package/dist/components/Drawer/index.d.ts +36 -0
- package/dist/components/Drawer/index.d.ts.map +1 -0
- package/dist/components/Drawer/index.js +251 -0
- package/dist/components/Drawer/index.js.map +1 -0
- package/dist/components/Dropdown/index.d.ts +24 -0
- package/dist/components/Dropdown/index.d.ts.map +1 -0
- package/dist/components/Dropdown/index.js +38 -0
- package/dist/components/Dropdown/index.js.map +1 -0
- package/dist/components/Dropdown/item.d.ts +10 -0
- package/dist/components/Dropdown/item.d.ts.map +1 -0
- package/dist/components/Dropdown/item.js +35 -0
- package/dist/components/Dropdown/item.js.map +1 -0
- package/dist/components/Dropdown/list.d.ts +14 -0
- package/dist/components/Dropdown/list.d.ts.map +1 -0
- package/dist/components/Dropdown/list.js +47 -0
- package/dist/components/Dropdown/list.js.map +1 -0
- package/dist/components/Header/index.d.ts +13 -0
- package/dist/components/Header/index.d.ts.map +1 -0
- package/dist/components/Header/index.js +44 -0
- package/dist/components/Header/index.js.map +1 -0
- package/dist/components/Icon/index.d.ts +16 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/Icon/index.js +81 -0
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/Input/index.d.ts +33 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Input/index.js +115 -0
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/InputClearButton/index.d.ts +10 -0
- package/dist/components/InputClearButton/index.d.ts.map +1 -0
- package/dist/components/InputClearButton/index.js +49 -0
- package/dist/components/InputClearButton/index.js.map +1 -0
- package/dist/components/InternalPopover/index.d.ts +7 -0
- package/dist/components/InternalPopover/index.d.ts.map +1 -0
- package/dist/components/InternalPopover/index.js +132 -0
- package/dist/components/InternalPopover/index.js.map +1 -0
- package/dist/components/Layout/content.d.ts +8 -0
- package/dist/components/Layout/content.d.ts.map +1 -0
- package/dist/components/Layout/content.js +41 -0
- package/dist/components/Layout/content.js.map +1 -0
- package/dist/components/Layout/index.d.ts +8 -0
- package/dist/components/Layout/index.d.ts.map +1 -0
- package/dist/components/Layout/index.js +69 -0
- package/dist/components/Layout/index.js.map +1 -0
- package/dist/components/Menu/divider.d.ts +7 -0
- package/dist/components/Menu/divider.d.ts.map +1 -0
- package/dist/components/Menu/divider.js +49 -0
- package/dist/components/Menu/divider.js.map +1 -0
- package/dist/components/Menu/index.d.ts +17 -0
- package/dist/components/Menu/index.d.ts.map +1 -0
- package/dist/components/Menu/index.js +89 -0
- package/dist/components/Menu/index.js.map +1 -0
- package/dist/components/Menu/item.d.ts +31 -0
- package/dist/components/Menu/item.d.ts.map +1 -0
- package/dist/components/Menu/item.js +121 -0
- package/dist/components/Menu/item.js.map +1 -0
- package/dist/components/Message/index.d.ts +25 -0
- package/dist/components/Message/index.d.ts.map +1 -0
- package/dist/components/Message/index.js +54 -0
- package/dist/components/Message/index.js.map +1 -0
- package/dist/components/Modal/actions.d.ts +6 -0
- package/dist/components/Modal/actions.d.ts.map +1 -0
- package/dist/components/Modal/actions.js +49 -0
- package/dist/components/Modal/actions.js.map +1 -0
- package/dist/components/Modal/content.d.ts +6 -0
- package/dist/components/Modal/content.d.ts.map +1 -0
- package/dist/components/Modal/content.js +25 -0
- package/dist/components/Modal/content.js.map +1 -0
- package/dist/components/Modal/index.d.ts +14 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Modal/index.js +33 -0
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/Navbar/divider.d.ts +9 -0
- package/dist/components/Navbar/divider.d.ts.map +1 -0
- package/dist/components/Navbar/divider.js +47 -0
- package/dist/components/Navbar/divider.js.map +1 -0
- package/dist/components/Navbar/group.d.ts +15 -0
- package/dist/components/Navbar/group.d.ts.map +1 -0
- package/dist/components/Navbar/group.js +75 -0
- package/dist/components/Navbar/group.js.map +1 -0
- package/dist/components/Navbar/index.d.ts +16 -0
- package/dist/components/Navbar/index.d.ts.map +1 -0
- package/dist/components/Navbar/index.js +86 -0
- package/dist/components/Navbar/index.js.map +1 -0
- package/dist/components/Navbar/item.d.ts +16 -0
- package/dist/components/Navbar/item.d.ts.map +1 -0
- package/dist/components/Navbar/item.js +81 -0
- package/dist/components/Navbar/item.js.map +1 -0
- package/dist/components/Notifications/index.d.ts +12 -0
- package/dist/components/Notifications/index.d.ts.map +1 -0
- package/dist/components/Notifications/index.js +60 -0
- package/dist/components/Notifications/index.js.map +1 -0
- package/dist/components/Notifications/notification.d.ts +43 -0
- package/dist/components/Notifications/notification.d.ts.map +1 -0
- package/dist/components/Notifications/notification.js +140 -0
- package/dist/components/Notifications/notification.js.map +1 -0
- package/dist/components/Panel/index.d.ts +49 -0
- package/dist/components/Panel/index.d.ts.map +1 -0
- package/dist/components/Panel/index.js +172 -0
- package/dist/components/Panel/index.js.map +1 -0
- package/dist/components/Panel/panel.screenshot.d.ts +3 -0
- package/dist/components/Panel/panel.screenshot.d.ts.map +1 -0
- package/dist/components/Panel/panel.screenshot.js +30 -0
- package/dist/components/Panel/panel.screenshot.js.map +1 -0
- package/dist/components/Paragraph/index.d.ts +8 -0
- package/dist/components/Paragraph/index.d.ts.map +1 -0
- package/dist/components/Paragraph/index.js +64 -0
- package/dist/components/Paragraph/index.js.map +1 -0
- package/dist/components/Popover/index.d.ts +16 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/Popover/index.js +55 -0
- package/dist/components/Popover/index.js.map +1 -0
- package/dist/components/RadioGroup/index.d.ts +17 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/RadioGroup/index.js +48 -0
- package/dist/components/RadioGroup/index.js.map +1 -0
- package/dist/components/Sidebar/index.d.ts +60 -0
- package/dist/components/Sidebar/index.d.ts.map +1 -0
- package/dist/components/Sidebar/index.js +265 -0
- package/dist/components/Sidebar/index.js.map +1 -0
- package/dist/components/Sidebar/item.d.ts +36 -0
- package/dist/components/Sidebar/item.d.ts.map +1 -0
- package/dist/components/Sidebar/item.js +106 -0
- package/dist/components/Sidebar/item.js.map +1 -0
- package/dist/components/Table/body.d.ts +10 -0
- package/dist/components/Table/body.d.ts.map +1 -0
- package/dist/components/Table/body.js +44 -0
- package/dist/components/Table/body.js.map +1 -0
- package/dist/components/Table/header.d.ts +29 -0
- package/dist/components/Table/header.d.ts.map +1 -0
- package/dist/components/Table/header.js +106 -0
- package/dist/components/Table/header.js.map +1 -0
- package/dist/components/Table/headerCell.d.ts +18 -0
- package/dist/components/Table/headerCell.d.ts.map +1 -0
- package/dist/components/Table/headerCell.js +92 -0
- package/dist/components/Table/headerCell.js.map +1 -0
- package/dist/components/Table/helpers.d.ts +8 -0
- package/dist/components/Table/helpers.d.ts.map +1 -0
- package/dist/components/Table/helpers.js +41 -0
- package/dist/components/Table/helpers.js.map +1 -0
- package/dist/components/Table/index.d.ts +75 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Table/index.js +165 -0
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Table/row.d.ts +58 -0
- package/dist/components/Table/row.d.ts.map +1 -0
- package/dist/components/Table/row.js +204 -0
- package/dist/components/Table/row.js.map +1 -0
- package/dist/components/Tabs/content.d.ts +8 -0
- package/dist/components/Tabs/content.d.ts.map +1 -0
- package/dist/components/Tabs/content.js +41 -0
- package/dist/components/Tabs/content.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +39 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Tabs/index.js +83 -0
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/Tabs/item.d.ts +23 -0
- package/dist/components/Tabs/item.d.ts.map +1 -0
- package/dist/components/Tabs/item.js +71 -0
- package/dist/components/Tabs/item.js.map +1 -0
- package/dist/components/Tabs/list.d.ts +17 -0
- package/dist/components/Tabs/list.d.ts.map +1 -0
- package/dist/components/Tabs/list.js +189 -0
- package/dist/components/Tabs/list.js.map +1 -0
- package/dist/components/Tag/group.d.ts +10 -0
- package/dist/components/Tag/group.d.ts.map +1 -0
- package/dist/components/Tag/group.js +50 -0
- package/dist/components/Tag/group.js.map +1 -0
- package/dist/components/Tag/index.d.ts +36 -0
- package/dist/components/Tag/index.d.ts.map +1 -0
- package/dist/components/Tag/index.js +136 -0
- package/dist/components/Tag/index.js.map +1 -0
- package/dist/components/Textarea/index.d.ts +26 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Textarea/index.js +85 -0
- package/dist/components/Textarea/index.js.map +1 -0
- package/dist/components/TimeAgo/index.d.ts +4 -0
- package/dist/components/TimeAgo/index.d.ts.map +1 -0
- package/dist/components/TimeAgo/index.js +21 -0
- package/dist/components/TimeAgo/index.js.map +1 -0
- package/dist/components/Tree/index.d.ts +16 -0
- package/dist/components/Tree/index.d.ts.map +1 -0
- package/dist/components/Tree/index.js +155 -0
- package/dist/components/Tree/index.js.map +1 -0
- package/dist/constants/animations.d.ts +5 -0
- package/dist/constants/animations.d.ts.map +1 -0
- package/dist/constants/animations.js +8 -0
- package/dist/constants/animations.js.map +1 -0
- package/dist/constants/colors.d.ts +10 -0
- package/dist/constants/colors.d.ts.map +1 -0
- package/dist/constants/colors.js +13 -0
- package/dist/constants/colors.js.map +1 -0
- package/dist/constants/sizes.d.ts +59 -0
- package/dist/constants/sizes.d.ts.map +1 -0
- package/dist/constants/sizes.js +60 -0
- package/dist/constants/sizes.js.map +1 -0
- package/dist/constants/theme.d.ts +81 -0
- package/dist/constants/theme.d.ts.map +1 -0
- package/dist/constants/theme.js +20 -0
- package/dist/constants/theme.js.map +1 -0
- package/dist/containers/PopoverProvider.d.ts +13 -0
- package/dist/containers/PopoverProvider.d.ts.map +1 -0
- package/dist/containers/PopoverProvider.js +81 -0
- package/dist/containers/PopoverProvider.js.map +1 -0
- package/dist/containers/ReqoreProvider.d.ts +40 -0
- package/dist/containers/ReqoreProvider.d.ts.map +1 -0
- package/dist/containers/ReqoreProvider.js +125 -0
- package/dist/containers/ReqoreProvider.js.map +1 -0
- package/dist/containers/ThemeProvider.d.ts +8 -0
- package/dist/containers/ThemeProvider.d.ts.map +1 -0
- package/dist/containers/ThemeProvider.js +27 -0
- package/dist/containers/ThemeProvider.js.map +1 -0
- package/dist/containers/UIProvider.d.ts +13 -0
- package/dist/containers/UIProvider.d.ts.map +1 -0
- package/dist/containers/UIProvider.js +43 -0
- package/dist/containers/UIProvider.js.map +1 -0
- package/dist/context/PopoverContext.d.ts +11 -0
- package/dist/context/PopoverContext.d.ts.map +1 -0
- package/dist/context/PopoverContext.js +5 -0
- package/dist/context/PopoverContext.js.map +1 -0
- package/dist/context/ReqoreContext.d.ts +15 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -0
- package/dist/context/ReqoreContext.js +10 -0
- package/dist/context/ReqoreContext.js.map +1 -0
- package/dist/context/ThemeContext.d.ts +5 -0
- package/dist/context/ThemeContext.d.ts.map +1 -0
- package/dist/context/ThemeContext.js +6 -0
- package/dist/context/ThemeContext.js.map +1 -0
- package/dist/helpers/animations.d.ts +2 -0
- package/dist/helpers/animations.d.ts.map +1 -0
- package/dist/helpers/animations.js +11 -0
- package/dist/helpers/animations.js.map +1 -0
- package/dist/helpers/colors.d.ts +14 -0
- package/dist/helpers/colors.d.ts.map +1 -0
- package/dist/helpers/colors.js +108 -0
- package/dist/helpers/colors.js.map +1 -0
- package/dist/helpers/sidebar.d.ts +4 -0
- package/dist/helpers/sidebar.d.ts.map +1 -0
- package/dist/helpers/sidebar.js +90 -0
- package/dist/helpers/sidebar.js.map +1 -0
- package/dist/helpers/time.d.ts +8 -0
- package/dist/helpers/time.d.ts.map +1 -0
- package/dist/helpers/time.js +25 -0
- package/dist/helpers/time.js.map +1 -0
- package/dist/helpers/utils.d.ts +5 -0
- package/dist/helpers/utils.d.ts.map +1 -0
- package/dist/helpers/utils.js +103 -0
- package/dist/helpers/utils.js.map +1 -0
- package/dist/hooks/useCombinedRefs.d.ts +3 -0
- package/dist/hooks/useCombinedRefs.d.ts.map +1 -0
- package/dist/hooks/useCombinedRefs.js +29 -0
- package/dist/hooks/useCombinedRefs.js.map +1 -0
- package/dist/hooks/useLatestZIndex.d.ts +3 -0
- package/dist/hooks/useLatestZIndex.d.ts.map +1 -0
- package/dist/hooks/useLatestZIndex.js +11 -0
- package/dist/hooks/useLatestZIndex.js.map +1 -0
- package/dist/hooks/useOutsideClick.d.ts +4 -0
- package/dist/hooks/useOutsideClick.d.ts.map +1 -0
- package/dist/hooks/useOutsideClick.js +19 -0
- package/dist/hooks/useOutsideClick.js.map +1 -0
- package/dist/hooks/usePopover.d.ts +19 -0
- package/dist/hooks/usePopover.d.ts.map +1 -0
- package/dist/hooks/usePopover.js +86 -0
- package/dist/hooks/usePopover.js.map +1 -0
- package/dist/hooks/useShareForwardedRef.d.ts +3 -0
- package/dist/hooks/useShareForwardedRef.d.ts.map +1 -0
- package/dist/hooks/useShareForwardedRef.js +25 -0
- package/dist/hooks/useShareForwardedRef.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +3 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/hooks/useTheme.js +21 -0
- package/dist/hooks/useTheme.js.map +1 -0
- package/dist/hooks/useTooltip.d.ts +3 -0
- package/dist/hooks/useTooltip.d.ts.map +1 -0
- package/dist/hooks/useTooltip.js +24 -0
- package/dist/hooks/useTooltip.js.map +1 -0
- package/dist/index.d.ts +52 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +127 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.d.ts +5 -0
- package/dist/styles.d.ts.map +1 -0
- package/dist/styles.js +16 -0
- package/dist/styles.js.map +1 -0
- package/dist/types/global.d.ts +9 -0
- package/dist/types/global.d.ts.map +1 -0
- package/dist/types/global.js +3 -0
- package/dist/types/global.js.map +1 -0
- package/dist/types/icons.d.ts +2 -0
- package/dist/types/icons.d.ts.map +1 -0
- package/dist/types/icons.js +3 -0
- package/dist/types/icons.js.map +1 -0
- package/dist/types/icons____.d.ts +2 -0
- package/dist/types/icons____.d.ts.map +1 -0
- package/dist/types/icons____.js +5 -0
- package/dist/types/icons____.js.map +1 -0
- 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
- package/dist/tests.json +0 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: Bug report
|
|
3
|
+
about: Create a report to help us improve
|
|
4
|
+
title: "[BUG] "
|
|
5
|
+
labels: bug
|
|
6
|
+
assignees: Foxhoundn
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
**Describe the bug**
|
|
11
|
+
A clear and concise description of what the bug is.
|
|
12
|
+
|
|
13
|
+
**To Reproduce**
|
|
14
|
+
Steps to reproduce the behavior:
|
|
15
|
+
1. Go to '...'
|
|
16
|
+
2. Click on '....'
|
|
17
|
+
3. Scroll down to '....'
|
|
18
|
+
4. See error
|
|
19
|
+
|
|
20
|
+
**Expected behavior**
|
|
21
|
+
A clear and concise description of what you expected to happen.
|
|
22
|
+
|
|
23
|
+
**Screenshots**
|
|
24
|
+
If applicable, add screenshots to help explain your problem.
|
|
25
|
+
|
|
26
|
+
**Desktop (please complete the following information):**
|
|
27
|
+
- OS: [e.g. iOS]
|
|
28
|
+
- Browser [e.g. chrome, safari]
|
|
29
|
+
- Version [e.g. 22]
|
|
30
|
+
|
|
31
|
+
**Smartphone (please complete the following information):**
|
|
32
|
+
- Device: [e.g. iPhone6]
|
|
33
|
+
- OS: [e.g. iOS8.1]
|
|
34
|
+
- Browser [e.g. stock browser, safari]
|
|
35
|
+
- Version [e.g. 22]
|
|
36
|
+
|
|
37
|
+
**Additional context**
|
|
38
|
+
Add any other context about the problem here.
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: Feature request
|
|
3
|
+
about: Suggest an idea for this project
|
|
4
|
+
title: "[ENHANCEMENT] "
|
|
5
|
+
labels: enhancement
|
|
6
|
+
assignees: Foxhoundn
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
**Is your feature request related to a problem? Please describe.**
|
|
11
|
+
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
|
|
12
|
+
|
|
13
|
+
**Describe the solution you'd like**
|
|
14
|
+
A clear and concise description of what you want to happen.
|
|
15
|
+
|
|
16
|
+
**Describe alternatives you've considered**
|
|
17
|
+
A clear and concise description of any alternative solutions or features you've considered.
|
|
18
|
+
|
|
19
|
+
**Additional context**
|
|
20
|
+
Add any other context or screenshots about the feature request here.
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: New component
|
|
3
|
+
about: New component suggestion
|
|
4
|
+
title: "[NEW COMPONENT]"
|
|
5
|
+
labels: enhancement
|
|
6
|
+
assignees: Foxhoundn
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
**Component name**
|
|
11
|
+
What should the component be named? Use self-describing name
|
|
12
|
+
|
|
13
|
+
**Component purpose**
|
|
14
|
+
Describe thoroughly the purpose of the suggested / proposed component.
|
|
15
|
+
|
|
16
|
+
**Component reference**
|
|
17
|
+
Is there another library already using this kind of the component?
|
|
18
|
+
|
|
19
|
+
**Screenshot / Draft of the component**
|
|
20
|
+
Add visual representation of the component if there is any
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: Visual bug report
|
|
3
|
+
about: Create a report to help us improve
|
|
4
|
+
title: "[VISUAL BUG]"
|
|
5
|
+
labels: bug
|
|
6
|
+
assignees: Foxhoundn
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
**Describe the bug**
|
|
11
|
+
A clear and concise description of what the bug is.
|
|
12
|
+
|
|
13
|
+
**To Reproduce**
|
|
14
|
+
Steps to reproduce the behavior:
|
|
15
|
+
1. Go to '...'
|
|
16
|
+
2. Click on '....'
|
|
17
|
+
3. Scroll down to '....'
|
|
18
|
+
4. See error
|
|
19
|
+
|
|
20
|
+
**Expected behavior**
|
|
21
|
+
A clear and concise description of what you expected to happen.
|
|
22
|
+
|
|
23
|
+
**Screenshots**
|
|
24
|
+
If applicable, add screenshots to help explain your problem.
|
|
25
|
+
|
|
26
|
+
**Desktop (please complete the following information):**
|
|
27
|
+
- OS: [e.g. iOS]
|
|
28
|
+
- Browser [e.g. chrome, safari]
|
|
29
|
+
- Version [e.g. 22]
|
|
30
|
+
|
|
31
|
+
**Smartphone (please complete the following information):**
|
|
32
|
+
- Device: [e.g. iPhone6]
|
|
33
|
+
- OS: [e.g. iOS8.1]
|
|
34
|
+
- Browser [e.g. stock browser, safari]
|
|
35
|
+
- Version [e.g. 22]
|
|
36
|
+
|
|
37
|
+
**Additional context**
|
|
38
|
+
Add any other context about the problem here.
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
import { IReqoreBreadcrumbsTheme, IReqoreIntent } from '../../constants/theme';
|
|
4
|
+
import { TReqoreTooltipProp } from '../../types/global';
|
|
5
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
+
import { IReqoreTabsListItem } from '../Tabs';
|
|
7
|
+
export interface IReqoreBreadcrumbItemTabs {
|
|
8
|
+
tabs: IReqoreTabsListItem[];
|
|
9
|
+
onTabChange: (tabId: string | number) => any;
|
|
10
|
+
activeTab: string;
|
|
11
|
+
activeTabIntent?: IReqoreIntent;
|
|
12
|
+
}
|
|
13
|
+
export interface IReqoreBreadcrumbItem {
|
|
14
|
+
tooltip?: TReqoreTooltipProp;
|
|
15
|
+
label?: string;
|
|
16
|
+
icon?: IReqoreIconName;
|
|
17
|
+
active?: boolean;
|
|
18
|
+
as?: any;
|
|
19
|
+
props?: React.HTMLAttributes<any>;
|
|
20
|
+
withTabs?: IReqoreBreadcrumbItemTabs;
|
|
21
|
+
customTheme?: IReqoreBreadcrumbsTheme;
|
|
22
|
+
}
|
|
23
|
+
export interface IReqoreBreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
24
|
+
items: IReqoreBreadcrumbItem[];
|
|
25
|
+
rightElement?: JSX.Element;
|
|
26
|
+
_testWidth?: number;
|
|
27
|
+
customTheme?: IReqoreBreadcrumbsTheme;
|
|
28
|
+
size?: TSizes;
|
|
29
|
+
flat?: boolean;
|
|
30
|
+
}
|
|
31
|
+
declare const ReqoreBreadcrumbs: React.FC<IReqoreBreadcrumbsProps>;
|
|
32
|
+
export default ReqoreBreadcrumbs;
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAgB,MAAM,uBAAuB,CAAC;AAI7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAoHD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmHxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,167 @@
|
|
|
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
|
+
var react_1 = require("react");
|
|
65
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
66
|
+
var lodash_1 = require("lodash");
|
|
67
|
+
var react_2 = __importStar(require("react"));
|
|
68
|
+
var react_use_1 = require("react-use");
|
|
69
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
70
|
+
var __1 = require("../..");
|
|
71
|
+
var sizes_1 = require("../../constants/sizes");
|
|
72
|
+
var colors_1 = require("../../helpers/colors");
|
|
73
|
+
var utils_1 = require("../../helpers/utils");
|
|
74
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
75
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
76
|
+
var Menu_1 = __importDefault(require("../Menu"));
|
|
77
|
+
var item_1 = __importDefault(require("../Menu/item"));
|
|
78
|
+
var item_2 = require("../Tabs/item");
|
|
79
|
+
var list_1 = __importStar(require("../Tabs/list"));
|
|
80
|
+
var item_3 = __importDefault(require("./item"));
|
|
81
|
+
var StyledReqoreBreadcrumbs = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
82
|
+
var _b, _c, _d;
|
|
83
|
+
var theme = _a.theme, size = _a.size;
|
|
84
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: ", "px;\n margin: ", "px 0;\n display: flex;\n padding: 0 ", "px;\n justify-content: space-between;\n border-bottom: 1px solid ", ";\n background-color: ", ";\n\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n\n > * {\n color: ", ";\n }\n\n ", " {\n flex: 1;\n }\n\n ", ", ", " {\n border-bottom: 0;\n }\n\n &:first-child {\n overflow: hidden;\n flex: 1;\n }\n }\n "], ["\n width: 100%;\n height: ", "px;\n margin: ", "px 0;\n display: flex;\n padding: 0 ", "px;\n justify-content: space-between;\n border-bottom: 1px solid ", ";\n background-color: ", ";\n\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n\n > * {\n color: ", ";\n }\n\n ", " {\n flex: 1;\n }\n\n ", ", ", " {\n border-bottom: 0;\n }\n\n &:first-child {\n overflow: hidden;\n flex: 1;\n }\n }\n "])), sizes_1.TABS_SIZE_TO_PX[size], sizes_1.MARGIN_FROM_SIZE[size], sizes_1.PADDING_FROM_SIZE[size], (0, colors_1.changeLightness)(theme.main, 0.05), function (_a) {
|
|
85
|
+
var _b;
|
|
86
|
+
var theme = _a.theme;
|
|
87
|
+
return ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent';
|
|
88
|
+
}, ((_c = (_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.color) ||
|
|
89
|
+
(((_d = theme.breadcrumbs) === null || _d === void 0 ? void 0 : _d.main)
|
|
90
|
+
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
91
|
+
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true)), list_1.StyledReqoreTabsList, list_1.StyledReqoreTabsList, item_2.StyledTabListItem);
|
|
92
|
+
});
|
|
93
|
+
var StyledBreadcrumbsTabsWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n overflow: hidden;\n"], ["\n display: flex;\n align-items: center;\n overflow: hidden;\n"])));
|
|
94
|
+
var itemPadding = 27;
|
|
95
|
+
var iconSize = 11;
|
|
96
|
+
var arrowSize = 50;
|
|
97
|
+
var getBreadcrumbsLength = function (items, size) {
|
|
98
|
+
return items.reduce(function (len, item) {
|
|
99
|
+
if ((0, lodash_1.isArray)(item)) {
|
|
100
|
+
return len + 70;
|
|
101
|
+
}
|
|
102
|
+
if (item.withTabs) {
|
|
103
|
+
return (len +
|
|
104
|
+
itemPadding +
|
|
105
|
+
arrowSize +
|
|
106
|
+
(0, list_1.getTabsLength)(item.withTabs.tabs, 'width', item.withTabs.activeTab, size));
|
|
107
|
+
}
|
|
108
|
+
return (len +
|
|
109
|
+
itemPadding +
|
|
110
|
+
iconSize +
|
|
111
|
+
arrowSize +
|
|
112
|
+
(0, utils_1.calculateStringSizeInPixels)(item.label || '', sizes_1.TEXT_FROM_SIZE[size]));
|
|
113
|
+
}, 0);
|
|
114
|
+
};
|
|
115
|
+
var getTransformedItems = function (items, width, size) {
|
|
116
|
+
if (!width) {
|
|
117
|
+
return items;
|
|
118
|
+
}
|
|
119
|
+
var stop = false;
|
|
120
|
+
var newItems = __spreadArray([], items, true);
|
|
121
|
+
console.log(getBreadcrumbsLength(newItems, size), width);
|
|
122
|
+
while (getBreadcrumbsLength(newItems, size) > width && !stop) {
|
|
123
|
+
if ((0, lodash_1.isArray)(newItems[1])) {
|
|
124
|
+
newItems[1].push(newItems[2]);
|
|
125
|
+
newItems[2] = undefined;
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
var secondItem = newItems[1];
|
|
129
|
+
newItems[1] = [secondItem];
|
|
130
|
+
}
|
|
131
|
+
newItems = newItems.filter(function (i) { return i; });
|
|
132
|
+
if (!newItems[2] || newItems[2].withTabs) {
|
|
133
|
+
stop = true;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
return newItems;
|
|
137
|
+
};
|
|
138
|
+
var ReqoreBreadcrumbs = function (_a) {
|
|
139
|
+
var items = _a.items, rightElement = _a.rightElement, _testWidth = _a._testWidth, customTheme = _a.customTheme, flat = _a.flat, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["items", "rightElement", "_testWidth", "customTheme", "flat", "size"]);
|
|
140
|
+
var _c = (0, react_use_1.useMeasure)(), ref = _c[0], width = _c[1].width;
|
|
141
|
+
var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme);
|
|
142
|
+
var transformedItems = (0, react_2.useMemo)(function () { return getTransformedItems(items, _testWidth || width, size); }, [items, width, _testWidth]);
|
|
143
|
+
var renderItem = function (item, index) {
|
|
144
|
+
if ((0, lodash_1.isArray)(item)) {
|
|
145
|
+
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: 'both' }, 'icon' + index), (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_3["default"], isReqoreComponent: true, componentProps: {
|
|
146
|
+
icon: 'MoreFill',
|
|
147
|
+
interactive: true
|
|
148
|
+
}, handler: 'hoverStay', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], { children: item.map(function (_a) {
|
|
149
|
+
var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props;
|
|
150
|
+
return ((0, react_1.createElement)(item_1["default"], __assign({}, props, { icon: icon, as: as, onClick: function (_itemId, event) {
|
|
151
|
+
var _a;
|
|
152
|
+
(_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
153
|
+
}, tooltip: tooltip, key: index + (label || icon || '') }), label));
|
|
154
|
+
}) }) }, index)] }, index));
|
|
155
|
+
}
|
|
156
|
+
if (item.withTabs) {
|
|
157
|
+
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbsTabsWrapper, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: 'both' }, 'icon' + index), (0, jsx_runtime_1.jsx)(list_1["default"], { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, customTheme: customTheme, flat: flat, size: size })] }, index));
|
|
158
|
+
}
|
|
159
|
+
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: 'both' }, 'icon' + index)), (0, react_1.createElement)(item_3["default"], __assign({}, item, { key: index, customTheme: customTheme, size: size }))] }, index));
|
|
160
|
+
};
|
|
161
|
+
return ((0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-breadcrumbs-wrapper"), ref: ref, flat: flat, theme: theme, size: size }, { children: [(0, jsx_runtime_1.jsx)("div", { children: transformedItems.map(function (item, index) {
|
|
162
|
+
return renderItem(item, index);
|
|
163
|
+
}) }, 'reqore-breadcrumbs-left-wrapper'), rightElement && (0, jsx_runtime_1.jsx)("div", { children: rightElement })] })));
|
|
164
|
+
};
|
|
165
|
+
exports["default"] = ReqoreBreadcrumbs;
|
|
166
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
167
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IReqoreBreadcrumbItem } from '.';
|
|
3
|
+
import { TSizes } from '../../constants/sizes';
|
|
4
|
+
import { IReqoreTheme } from '../../constants/theme';
|
|
5
|
+
export interface IReqoreBreadcrumbItemProps extends IReqoreBreadcrumbItem {
|
|
6
|
+
interactive?: boolean;
|
|
7
|
+
size?: TSizes;
|
|
8
|
+
}
|
|
9
|
+
export interface IReqoreBreadcrumbItemStyle extends IReqoreBreadcrumbItemProps {
|
|
10
|
+
theme: IReqoreTheme;
|
|
11
|
+
}
|
|
12
|
+
declare const ReqoreBreadcrumbsItem: import("react").ForwardRefExoticComponent<IReqoreBreadcrumbItemProps & import("react").RefAttributes<unknown>>;
|
|
13
|
+
export default ReqoreBreadcrumbsItem;
|
|
14
|
+
//# sourceMappingURL=item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAcrD,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA2B,SAAQ,0BAA0B;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAqFD,QAAA,MAAM,qBAAqB,gHAiD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
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
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
45
|
+
var react_1 = require("react");
|
|
46
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
47
|
+
var sizes_1 = require("../../constants/sizes");
|
|
48
|
+
var colors_1 = require("../../helpers/colors");
|
|
49
|
+
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
50
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
51
|
+
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
52
|
+
var styles_1 = require("../../styles");
|
|
53
|
+
var Button_1 = require("../Button");
|
|
54
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
55
|
+
var StyledBreadcrumbItem = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __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) {
|
|
56
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
57
|
+
var theme = _a.theme, active = _a.active, interactive = _a.interactive, size = _a.size;
|
|
58
|
+
var textColor = ((_c = (_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.item) === null || _c === void 0 ? void 0 : _c.color) ||
|
|
59
|
+
(((_d = theme.breadcrumbs) === null || _d === void 0 ? void 0 : _d.main)
|
|
60
|
+
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
61
|
+
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n height: 100%;\n justify-content: space-evenly;\n align-items: center;\n padding: 0 ", "px;\n transition: background-color 0.15s ease-out;\n font-size: ", "px;\n font-weight: 450;\n position: relative;\n overflow: hidden;\n\n * {\n color: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n a:hover {\n color: ", ";\n }\n "], ["\n display: flex;\n flex-shrink: 0;\n height: 100%;\n justify-content: space-evenly;\n align-items: center;\n padding: 0 ", "px;\n transition: background-color 0.15s ease-out;\n font-size: ", "px;\n font-weight: 450;\n position: relative;\n overflow: hidden;\n\n * {\n color: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n\n a:hover {\n color: ", ";\n }\n "])), sizes_1.PADDING_FROM_SIZE[size], sizes_1.TEXT_FROM_SIZE[size], textColor, styles_1.InactiveIconScale, active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n * {\n font-weight: 600;\n color: ", ";\n }\n\n ", "\n "], ["\n * {\n font-weight: 600;\n color: ", ";\n }\n\n ", "\n "])), ((_f = (_e = theme.breadcrumbs) === null || _e === void 0 ? void 0 : _e.item) === null || _f === void 0 ? void 0 : _f.activeColor) ||
|
|
63
|
+
(((_g = theme.breadcrumbs) === null || _g === void 0 ? void 0 : _g.main)
|
|
64
|
+
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
65
|
+
: (0, colors_1.getReadableColor)(theme, undefined, undefined)), styles_1.ActiveIconScale), interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n color: ", ";\n background-color: ", ";\n ", "\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n "], ["\n cursor: pointer;\n &:hover {\n color: ", ";\n background-color: ", ";\n ", "\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n "])), ((_j = (_h = theme.breadcrumbs) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.hoverColor) ||
|
|
66
|
+
(((_k = theme.breadcrumbs) === null || _k === void 0 ? void 0 : _k.main)
|
|
67
|
+
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main)
|
|
68
|
+
: (0, colors_1.getReadableColor)(theme, undefined, undefined)), (0, colors_1.changeLightness)(((_l = theme.breadcrumbs) === null || _l === void 0 ? void 0 : _l.main) || theme.main, 0.05), styles_1.ActiveIconScale, Button_1.StyledActiveContent, Button_1.StyledInActiveContent), ((_o = (_m = theme.breadcrumbs) === null || _m === void 0 ? void 0 : _m.item) === null || _o === void 0 ? void 0 : _o.hoverColor) ||
|
|
69
|
+
(((_p = theme.breadcrumbs) === null || _p === void 0 ? void 0 : _p.main)
|
|
70
|
+
? (0, colors_1.getReadableColorFrom)((_q = theme.breadcrumbs) === null || _q === void 0 ? void 0 : _q.main)
|
|
71
|
+
: (0, colors_1.getReadableColor)(theme, undefined, undefined)));
|
|
72
|
+
});
|
|
73
|
+
var ReqoreBreadcrumbsItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
74
|
+
var tooltip = _a.tooltip, label = _a.label, props = _a.props, icon = _a.icon, active = _a.active, as = _a.as, interactive = _a.interactive, customTheme = _a.customTheme, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
75
|
+
var innerRef = (0, react_1.useRef)(null);
|
|
76
|
+
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
77
|
+
var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme);
|
|
78
|
+
console.log(combinedRef, tooltip);
|
|
79
|
+
(0, useTooltip_1.useTooltip)(combinedRef === null || combinedRef === void 0 ? void 0 : combinedRef.current, tooltip);
|
|
80
|
+
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref: combinedRef, active: active, interactive: interactive || !!(props === null || props === void 0 ? void 0 : props.onClick), className: 'reqore-breadcrumbs-item', theme: theme, size: size }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: label ? 'right' : undefined })), label && ((0, jsx_runtime_1.jsxs)(Button_1.StyledAnimatedTextWrapper, __assign({ as: as || 'span' }, props, { children: [(0, jsx_runtime_1.jsx)(Button_1.StyledActiveContent, { children: label }), (0, jsx_runtime_1.jsx)(Button_1.StyledInActiveContent, { children: label }), (0, jsx_runtime_1.jsx)(Button_1.StyledInvisibleContent, { children: label })] })))] })));
|
|
81
|
+
});
|
|
82
|
+
exports["default"] = ReqoreBreadcrumbsItem;
|
|
83
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
84
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Placement } from '@popperjs/core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TSizes } from '../../constants/sizes';
|
|
4
|
+
import { IReqoreCustomTheme, IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
5
|
+
import { TReqoreTooltipProp } from '../../types/global';
|
|
6
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
7
|
+
export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
8
|
+
icon?: IReqoreIconName;
|
|
9
|
+
size?: TSizes;
|
|
10
|
+
minimal?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
tooltip?: TReqoreTooltipProp;
|
|
13
|
+
tooltipPlacement?: Placement;
|
|
14
|
+
fluid?: boolean;
|
|
15
|
+
fixed?: boolean;
|
|
16
|
+
intent?: IReqoreIntent;
|
|
17
|
+
active?: boolean;
|
|
18
|
+
flat?: boolean;
|
|
19
|
+
rightIcon?: IReqoreIconName;
|
|
20
|
+
customTheme?: IReqoreCustomTheme;
|
|
21
|
+
wrap?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
|
|
24
|
+
theme: IReqoreTheme;
|
|
25
|
+
}
|
|
26
|
+
export declare const StyledAnimatedTextWrapper: any;
|
|
27
|
+
export declare const StyledActiveContent: any;
|
|
28
|
+
export declare const StyledInActiveContent: any;
|
|
29
|
+
export declare const StyledInvisibleContent: any;
|
|
30
|
+
export declare const StyledButton: any;
|
|
31
|
+
declare const ReqoreButton: React.ForwardRefExoticComponent<IReqoreButtonProps & React.RefAttributes<unknown>>;
|
|
32
|
+
export default ReqoreButton;
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,eAAO,MAAM,yBAAyB,KAGrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAe/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAiGxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFAqEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|