@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,49 @@
|
|
|
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
|
+
exports.StyledInputClearButton = void 0;
|
|
33
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
+
var Button_1 = __importDefault(require("../Button"));
|
|
36
|
+
exports.StyledInputClearButton = (0, styled_components_1["default"])(Button_1["default"])(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n right: ", "px;\n top: 0;\n opacity: ", ";\n"], ["\n position: absolute;\n right: ", "px;\n top: 0;\n opacity: ", ";\n"])), function (_a) {
|
|
37
|
+
var show = _a.show;
|
|
38
|
+
return (show ? 0 : -40);
|
|
39
|
+
}, function (_a) {
|
|
40
|
+
var show = _a.show;
|
|
41
|
+
return (show ? 0.2 : 0);
|
|
42
|
+
});
|
|
43
|
+
var ReqoreInputClearButton = function (_a) {
|
|
44
|
+
var show = _a.show, enabled = _a.enabled, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["show", "enabled", "size"]);
|
|
45
|
+
return enabled ? ((0, jsx_runtime_1.jsx)(exports.StyledInputClearButton, __assign({}, rest, { className: 'reqore-clear-input-button', icon: 'CloseLine', minimal: true, tabIndex: show ? 1 : -1, size: size, show: show }))) : null;
|
|
46
|
+
};
|
|
47
|
+
exports["default"] = ReqoreInputClearButton;
|
|
48
|
+
var templateObject_1;
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputClearButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAAuC;AACvC,qDAA6D;AAOhD,QAAA,sBAAsB,GAAG,IAAA,8BAAM,EAAC,mBAAY,CAAC,6IAAoB,oCAEnE,EAA8B,6BAE5B,EAA8B,KAC1C,KAHU,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAAhB,CAAgB,EAE5B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAAhB,CAAgB,EACzC;AAEF,IAAM,sBAAsB,GAAG,UAAC,EAKD;IAJ7B,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cAJuB,2BAK/B,CADQ;IAEP,OAAA,OAAO,CAAC,CAAC,CAAC,CACR,uBAAC,8BAAsB,eACjB,IAAI,IACR,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,WAAW,EAChB,OAAO,QACP,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACvB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACV,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;CAAA,CAAC;AAEX,qBAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IPopoverData } from '../../containers/PopoverProvider';
|
|
3
|
+
export interface IReqoreInternalPopoverProps extends IPopoverData {
|
|
4
|
+
}
|
|
5
|
+
declare const InternalPopover: React.FC<IReqoreInternalPopoverProps>;
|
|
6
|
+
export default InternalPopover;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA+EhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgG1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,132 @@
|
|
|
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 lodash_1 = require("lodash");
|
|
46
|
+
var react_1 = __importStar(require("react"));
|
|
47
|
+
var react_popper_1 = require("react-popper");
|
|
48
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
49
|
+
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
50
|
+
var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
|
|
51
|
+
var animations_1 = require("../../helpers/animations");
|
|
52
|
+
var colors_1 = require("../../helpers/colors");
|
|
53
|
+
var StyledPopoverArrow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n\n &:before {\n content: '';\n display: block;\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n transform: rotate(45deg);\n ", "\n }\n"], ["\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n\n &:before {\n content: '';\n display: block;\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n transform: rotate(45deg);\n ", "\n }\n"])), function (_a) {
|
|
54
|
+
var _b;
|
|
55
|
+
var theme = _a.theme;
|
|
56
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n "], ["\n background-color: ", ";\n box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n "])), ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main);
|
|
57
|
+
});
|
|
58
|
+
var StyledPopoverWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n animation: 0.2s ", " ease-out;\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"], ["\n animation: 0.2s ", " ease-out;\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"])), animations_1.fadeIn, function (_a) {
|
|
59
|
+
var _b;
|
|
60
|
+
var theme = _a.theme;
|
|
61
|
+
var defaultColor = ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n z-index: 999999;\n background-color: ", ";\n color: ", ";\n border-radius: 3.5px;\n box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n "], ["\n z-index: 999999;\n background-color: ", ";\n color: ", ";\n border-radius: 3.5px;\n box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n "])), defaultColor, (0, colors_1.getReadableColor)(theme, undefined, undefined, false, defaultColor));
|
|
63
|
+
}, StyledPopoverArrow, StyledPopoverArrow, StyledPopoverArrow, StyledPopoverArrow);
|
|
64
|
+
var StyledPopoverContent = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n padding: ", ";\n z-index: 20;\n position: relative;\n overflow: hidden;\n background-color: ", ";\n border-radius: 3.5px;\n\n .reqore-popover-text {\n font-size: 14px;\n }\n"], ["\n width: 100%;\n height: 100%;\n padding: ", ";\n z-index: 20;\n position: relative;\n overflow: hidden;\n background-color: ", ";\n border-radius: 3.5px;\n\n .reqore-popover-text {\n font-size: 14px;\n }\n"])), function (_a) {
|
|
65
|
+
var isString = _a.isString;
|
|
66
|
+
return (isString ? '8px' : '0px');
|
|
67
|
+
}, function (_a) {
|
|
68
|
+
var _b;
|
|
69
|
+
var theme = _a.theme;
|
|
70
|
+
return ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
|
|
71
|
+
});
|
|
72
|
+
var InternalPopover = function (_a) {
|
|
73
|
+
var _b, _c;
|
|
74
|
+
var targetElement = _a.targetElement, content = _a.content, id = _a.id, placement = _a.placement, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth;
|
|
75
|
+
var _d = (0, react_1.useContext)(PopoverContext_1["default"]), removePopover = _d.removePopover, updatePopover = _d.updatePopover, uiScale = _d.uiScale;
|
|
76
|
+
var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
|
|
77
|
+
var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
|
|
78
|
+
var popperRef = (0, react_1.useRef)(null);
|
|
79
|
+
var _g = (0, react_popper_1.usePopper)(targetElement, popperElement, {
|
|
80
|
+
placement: placement,
|
|
81
|
+
modifiers: [
|
|
82
|
+
{
|
|
83
|
+
name: 'offset',
|
|
84
|
+
options: {
|
|
85
|
+
offset: [0, noArrow ? -1 : 10]
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
name: 'arrow',
|
|
90
|
+
options: {
|
|
91
|
+
element: arrowElement
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
name: 'hide',
|
|
96
|
+
enabled: true
|
|
97
|
+
},
|
|
98
|
+
]
|
|
99
|
+
}), styles = _g.styles, attributes = _g.attributes;
|
|
100
|
+
(0, react_1.useEffect)(function () {
|
|
101
|
+
if (popperRef.current) {
|
|
102
|
+
updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(id, { popperRef: popperRef });
|
|
103
|
+
}
|
|
104
|
+
}, [popperRef]);
|
|
105
|
+
(0, react_1.useEffect)(function () {
|
|
106
|
+
var _a;
|
|
107
|
+
if ((_a = attributes === null || attributes === void 0 ? void 0 : attributes.popper) === null || _a === void 0 ? void 0 : _a['data-popper-reference-hidden']) {
|
|
108
|
+
removePopover === null || removePopover === void 0 ? void 0 : removePopover(id);
|
|
109
|
+
}
|
|
110
|
+
}, [attributes === null || attributes === void 0 ? void 0 : attributes.popper]);
|
|
111
|
+
/* Getting the x and y values from the transform property of the popper element. */
|
|
112
|
+
var translateValues = (_b = styles.popper.transform) === null || _b === void 0 ? void 0 : _b.replace('translate3d(', '').replace('translate(', '').replace(')', '').split(',').map(function (axis) {
|
|
113
|
+
if (uiScale || uiScale === 0) {
|
|
114
|
+
return parseInt(axis, 10) < 0 ? parseInt(axis, 10) * uiScale : parseInt(axis, 10) / uiScale;
|
|
115
|
+
}
|
|
116
|
+
return parseInt(axis, 10);
|
|
117
|
+
});
|
|
118
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(StyledPopoverWrapper, __assign({ className: 'reqore-popover-content', ref: function (el) {
|
|
119
|
+
setPopperElement(el);
|
|
120
|
+
popperRef.current = el;
|
|
121
|
+
}, style: __assign(__assign({}, styles.popper), { transform: "translate(".concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[0]) || 0, "px, ").concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[1]) || 0, "px)"), width: useTargetWidth && (((_c = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || undefined) }) }, attributes.popper, { children: [!noArrow && ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: styles.arrow, "data-popper-arrow": true })), (0, jsx_runtime_1.jsx)(StyledPopoverContent, __assign({ isString: (0, lodash_1.isString)(content) }, { children: (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: 'reqore-popover-text' }, { children: content }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1["default"].Children.map(content, function (child) {
|
|
122
|
+
return child
|
|
123
|
+
? react_1["default"].cloneElement(child, {
|
|
124
|
+
_insidePopover: true,
|
|
125
|
+
_popoverId: id
|
|
126
|
+
})
|
|
127
|
+
: null;
|
|
128
|
+
}) })) }))] })) }));
|
|
129
|
+
};
|
|
130
|
+
exports["default"] = InternalPopover;
|
|
131
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
132
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface IReqoreLayoutContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: any;
|
|
4
|
+
withSidebar?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const ReqoreLayoutWrapper: ({ children, className, ...rest }: IReqoreLayoutContentProps) => JSX.Element;
|
|
7
|
+
export default ReqoreLayoutWrapper;
|
|
8
|
+
//# sourceMappingURL=content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAUD,QAAA,MAAM,mBAAmB,qCAItB,yBAAyB,gBAO3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
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 styled_components_1 = __importDefault(require("styled-components"));
|
|
34
|
+
var StyledReqoreLayoutContent = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n flex: 1;\n overflow: hidden;\n flex-flow: column;\n"], ["\n display: flex;\n height: 100%;\n flex: 1;\n overflow: hidden;\n flex-flow: column;\n"])));
|
|
35
|
+
var ReqoreLayoutWrapper = function (_a) {
|
|
36
|
+
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(StyledReqoreLayoutContent, __assign({}, rest, { className: "".concat(className || "", " reqore-layout-content") }, { children: children })));
|
|
38
|
+
};
|
|
39
|
+
exports["default"] = ReqoreLayoutWrapper;
|
|
40
|
+
var templateObject_1;
|
|
41
|
+
//# sourceMappingURL=content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/components/Layout/content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wEAAuC;AAQvC,IAAM,yBAAyB,GAAG,8BAAM,CAAC,GAAG,iKAAA,8FAM3C,IAAA,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,EAID;IAH1B,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAHoB,yBAI5B,CADQ;IACwB,OAAA,CAC/B,uBAAC,yBAAyB,eACpB,IAAI,IACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,2BAAwB,gBAEpD,QAAQ,IACiB,CAC7B,CAAA;CAAA,CAAC;AAEF,qBAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IReqoreLayoutWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: any;
|
|
4
|
+
withSidebar?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const ReqoreLayoutWrapper: ({ withSidebar, children, className, ...rest }: IReqoreLayoutWrapperProps) => JSX.Element;
|
|
7
|
+
export default ReqoreLayoutWrapper;
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA2BD,QAAA,MAAM,mBAAmB,kDAKtB,yBAAyB,gBAU3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
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 styled_components_1 = __importStar(require("styled-components"));
|
|
57
|
+
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
58
|
+
var colors_1 = require("../../helpers/colors");
|
|
59
|
+
var StyledReqoreLayoutWrapper = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n font-size: 14px;\n\n * {\n box-sizing: border-box;\n }\n\n a {\n text-decoration: none;\n }\n\n ", "\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n font-size: 14px;\n\n * {\n box-sizing: border-box;\n }\n\n a {\n text-decoration: none;\n }\n\n ", "\n"])), function (_a) {
|
|
60
|
+
var withSidebar = _a.withSidebar, theme = _a.theme;
|
|
61
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-flow: ", ";\n background-color: ", ";\n color: ", ";\n "], ["\n flex-flow: ", ";\n background-color: ", ";\n color: ", ";\n "])), withSidebar ? 'row' : 'column', (0, colors_1.changeLightness)(theme.main, 0.02), (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
|
|
62
|
+
});
|
|
63
|
+
var ReqoreLayoutWrapper = function (_a) {
|
|
64
|
+
var withSidebar = _a.withSidebar, children = _a.children, className = _a.className, rest = __rest(_a, ["withSidebar", "children", "className"]);
|
|
65
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(StyledReqoreLayoutWrapper, __assign({}, rest, { className: "".concat(className || '', " reqore-layout-wrapper"), withSidebar: withSidebar }, { children: children })) }));
|
|
66
|
+
};
|
|
67
|
+
exports["default"] = ReqoreLayoutWrapper;
|
|
68
|
+
var templateObject_1, templateObject_2;
|
|
69
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAyE;AAQzE,IAAM,yBAAyB,GAAG,8BAAM,CAAC,GAAG,kQAG1C,yLAeE,EAID,IACF,KALG,UAAC,EAAsB;QAApB,WAAW,iBAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,+IAAA,mBAClB,EAA8B,2BACvB,EAAiC,gBAC5C,EAAmD,OAC7D,KAHc,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACvB,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAC5C,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHhC,CAI7B,CACF,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,EAKD;IAJ1B,IAAA,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAJoB,wCAK5B,CADQ;IACwB,OAAA,CAC/B,uBAAC,0BAAmB,cAClB,uBAAC,yBAAyB,eACpB,IAAI,IACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,2BAAwB,EACrD,WAAW,EAAE,WAAW,gBAEvB,QAAQ,IACiB,GACR,CACvB,CAAA;CAAA,CAAC;AAEF,qBAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IReqoreMenuDividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
}
|
|
5
|
+
declare const ReqoreMenuDivider: React.ForwardRefExoticComponent<IReqoreMenuDividerProps & React.RefAttributes<unknown>>;
|
|
6
|
+
export default ReqoreMenuDivider;
|
|
7
|
+
//# sourceMappingURL=divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAeD,QAAA,MAAM,iBAAiB,yFAUtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
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 = require("react");
|
|
34
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
+
var colors_1 = require("../../helpers/colors");
|
|
36
|
+
var StyledMenuDivider = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 8px 0;\n background-color: ", ";\n font-size: 11px;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 2px;\n font-weight: 600;\n\n color: ", ";\n"], ["\n width: 100%;\n padding: 8px 0;\n background-color: ", ";\n font-size: 11px;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 2px;\n font-weight: 600;\n\n color: ", ";\n"])), function (_a) {
|
|
37
|
+
var theme = _a.theme;
|
|
38
|
+
return theme.main;
|
|
39
|
+
}, function (_a) {
|
|
40
|
+
var theme = _a.theme;
|
|
41
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
42
|
+
});
|
|
43
|
+
var ReqoreMenuDivider = (0, react_1.forwardRef)(function (_a, ref) {
|
|
44
|
+
var label = _a.label, className = _a.className, rest = __rest(_a, ["label", "className"]);
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(StyledMenuDivider, __assign({}, rest, { className: "".concat(className || '', " reqore-menu-divider"), ref: ref }, { children: label })));
|
|
46
|
+
});
|
|
47
|
+
exports["default"] = ReqoreMenuDivider;
|
|
48
|
+
var templateObject_1;
|
|
49
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAwD;AAOxD,IAAM,iBAAiB,GAAG,8BAAM,CAAC,GAAG,6QAAyB,2DAGvC,EAAyB,sIAOpC,EAA4D,KACtE,KARqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAOpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;AAA7C,CAA6C,CACtE,CAAC;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAsD,EAAE,GAAQ;IAA9D,IAAA,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA3B,sBAA6B,CAAF;IAA0C,OAAA,CACpE,uBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,EACnD,GAAG,EAAE,GAAG,gBAEP,KAAK,IACY,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
|
+
import { IReqoreComponent } from '../../types/global';
|
|
4
|
+
export interface IReqoreMenuProps extends IReqoreComponent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
children: any;
|
|
6
|
+
position?: 'left' | 'right';
|
|
7
|
+
width?: string;
|
|
8
|
+
maxHeight?: string;
|
|
9
|
+
customTheme?: IReqoreTheme;
|
|
10
|
+
intent?: IReqoreIntent;
|
|
11
|
+
}
|
|
12
|
+
export interface IReqoreMenuStyle extends IReqoreMenuProps {
|
|
13
|
+
theme: IReqoreTheme;
|
|
14
|
+
}
|
|
15
|
+
declare const ReqoreMenu: React.FC<IReqoreMenuProps>;
|
|
16
|
+
export default ReqoreMenu;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AAsBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,89 @@
|
|
|
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 ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
59
|
+
var colors_1 = require("../../helpers/colors");
|
|
60
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
61
|
+
var StyledReqoreMenu = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n padding: 5px;\n max-height: ", ";\n overflow-y: auto;\n overflow-x: hidden;\n\n background-color: ", ";\n\n ", "\n"], ["\n width: ", ";\n padding: 5px;\n max-height: ", ";\n overflow-y: auto;\n overflow-x: hidden;\n\n background-color: ", ";\n\n ", "\n"])), function (_a) {
|
|
62
|
+
var width = _a.width;
|
|
63
|
+
return width || '160px';
|
|
64
|
+
}, function (_a) {
|
|
65
|
+
var maxHeight = _a.maxHeight;
|
|
66
|
+
return maxHeight || undefined;
|
|
67
|
+
}, function (_a) {
|
|
68
|
+
var theme = _a.theme;
|
|
69
|
+
return theme.main;
|
|
70
|
+
}, function (_a) {
|
|
71
|
+
var theme = _a.theme, position = _a.position;
|
|
72
|
+
return position && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-", ": 1px solid ", ";\n padding-", ": 10px;\n "], ["\n border-", ": 1px solid ", ";\n padding-", ": 10px;\n "])), position === 'left' ? 'right' : 'left', (0, colors_1.changeLightness)(theme.main, 0.05), position === 'left' ? 'right' : 'left');
|
|
73
|
+
});
|
|
74
|
+
var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
|
|
75
|
+
var children = _a.children, position = _a.position, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, customTheme = _a.customTheme, intent = _a.intent, rest = __rest(_a, ["children", "position", "_insidePopover", "_popoverId", "customTheme", "intent"]);
|
|
76
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(StyledReqoreMenu, __assign({}, rest, { position: position, ref: ref, theme: theme }, { children: react_1["default"].Children.map(children, function (child) {
|
|
78
|
+
return child
|
|
79
|
+
? // @ts-ignore
|
|
80
|
+
react_1["default"].cloneElement(child, {
|
|
81
|
+
_insidePopover: _insidePopover,
|
|
82
|
+
_popoverId: _popoverId
|
|
83
|
+
})
|
|
84
|
+
: null;
|
|
85
|
+
}) })) })));
|
|
86
|
+
});
|
|
87
|
+
exports["default"] = ReqoreMenu;
|
|
88
|
+
var templateObject_1, templateObject_2;
|
|
89
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAgBtD,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,gNAAkB,aAC1C,EAA+B,oCAE1B,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,IACF,KAjBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,OAAO;AAAhB,CAAgB,EAE1B,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,CACF,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UAAC,EAAgF,EAAE,GAAQ;IAAxF,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAA9E,iFAAgF,CAAF;IAC7E,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;yBACX,CAAC;oBACJ,CAAC,CAAC,IAAI;YANR,CAMQ,CACT,IACgB,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
|
+
import { IReqoreComponent, TReqoreTooltipProp } from '../../types/global';
|
|
4
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
+
export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttributes<HTMLElement> {
|
|
6
|
+
children?: string;
|
|
7
|
+
label?: string | number;
|
|
8
|
+
icon?: IReqoreIconName;
|
|
9
|
+
rightIcon?: IReqoreIconName;
|
|
10
|
+
as?: JSX.Element | React.ElementType | never;
|
|
11
|
+
selected?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
|
|
14
|
+
onRightIconClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
|
|
15
|
+
tooltip?: TReqoreTooltipProp;
|
|
16
|
+
intent?: IReqoreIntent;
|
|
17
|
+
}
|
|
18
|
+
export interface IReqoreMenuItemStyle {
|
|
19
|
+
theme: IReqoreTheme;
|
|
20
|
+
selected: boolean;
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
intent?: IReqoreIntent;
|
|
23
|
+
}
|
|
24
|
+
export interface IReqoreMenuItemRightIconStyle {
|
|
25
|
+
theme: IReqoreTheme;
|
|
26
|
+
interactive?: boolean;
|
|
27
|
+
intent?: IReqoreIntent;
|
|
28
|
+
}
|
|
29
|
+
declare const ReqoreMenuItem: React.FC<IReqoreMenuItemProps>;
|
|
30
|
+
export default ReqoreMenuItem;
|
|
31
|
+
//# sourceMappingURL=item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAmBD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AA4DD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAyBD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+ElD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|