@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,86 @@
|
|
|
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
|
+
exports.__esModule = true;
|
|
52
|
+
exports.ReqoreFooter = exports.ReqoreHeader = exports.StyledNavbar = void 0;
|
|
53
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
|
+
var polished_1 = require("polished");
|
|
55
|
+
var react_1 = __importStar(require("react"));
|
|
56
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
57
|
+
var colors_1 = require("../../helpers/colors");
|
|
58
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
59
|
+
exports.StyledNavbar = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function (_a) {
|
|
60
|
+
var _b, _c, _d, _e, _f;
|
|
61
|
+
var theme = _a.theme, type = _a.type;
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 50px;\n width: 100%;\n padding: 0 10px;\n color: ", ";\n background-color: ", ";\n "], ["\n height: 50px;\n width: 100%;\n padding: 0 10px;\n color: ", ";\n background-color: ", ";\n "])), ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.color) ||
|
|
63
|
+
(0, colors_1.getReadableColor)(theme, undefined, undefined, true, ((_c = theme[type]) === null || _c === void 0 ? void 0 : _c.background) || ((_d = theme[type]) === null || _d === void 0 ? void 0 : _d.main) || theme.main), ((_e = theme[type]) === null || _e === void 0 ? void 0 : _e.background) || ((_f = theme[type]) === null || _f === void 0 ? void 0 : _f.main) || theme.main);
|
|
64
|
+
}, function (_a) {
|
|
65
|
+
var _b;
|
|
66
|
+
var theme = _a.theme, type = _a.type, flat = _a.flat;
|
|
67
|
+
return !flat
|
|
68
|
+
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: rgba(31, 26, 34, 0.05) 0px ", " 6px;\n \n border-", ": 1px solid ", ";\n "], ["\n box-shadow: rgba(31, 26, 34, 0.05) 0px ", " 6px;\n \n border-", ": 1px solid ", ";\n "])), type === 'header' ? '2px' : '-2px', type === 'header' ? 'bottom' : 'top', ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.border) || (0, polished_1.darken)(0.05, (0, colors_1.getMainColor)(theme, type))) : undefined;
|
|
69
|
+
});
|
|
70
|
+
var ReqoreNavbar = (0, react_1.forwardRef)(function (_a, ref) {
|
|
71
|
+
var _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, type = _a.type, customTheme = _a.customTheme, rest = __rest(_a, ["position", "children", "type", "customTheme"]);
|
|
72
|
+
var theme = (0, useTheme_1.useReqoreTheme)(type, customTheme);
|
|
73
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledNavbar, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-navbar-").concat(type), position: position, type: type, ref: ref, theme: theme }, { children: react_1["default"].Children.map(children, function (child) {
|
|
74
|
+
return child
|
|
75
|
+
? react_1["default"].cloneElement(child, {
|
|
76
|
+
type: type,
|
|
77
|
+
theme: theme,
|
|
78
|
+
componentProps: { theme: theme }
|
|
79
|
+
})
|
|
80
|
+
: null;
|
|
81
|
+
}) })));
|
|
82
|
+
});
|
|
83
|
+
exports.ReqoreHeader = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(ReqoreNavbar, __assign({}, props, { type: 'header', ref: ref }))); });
|
|
84
|
+
exports.ReqoreFooter = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(ReqoreNavbar, __assign({}, props, { type: 'footer', ref: ref }))); });
|
|
85
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
86
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IReqoreTheme } from '../../constants/theme';
|
|
3
|
+
export interface IReqoreNavbarItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children?: any;
|
|
5
|
+
interactive?: boolean;
|
|
6
|
+
type?: 'header' | 'footer';
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
theme?: IReqoreTheme;
|
|
10
|
+
}
|
|
11
|
+
export interface IReqoreNavbarItemStyle extends IReqoreNavbarItemProps {
|
|
12
|
+
theme?: IReqoreTheme;
|
|
13
|
+
}
|
|
14
|
+
declare const ReqoreNavbarItem: React.ForwardRefExoticComponent<IReqoreNavbarItemProps & React.RefAttributes<unknown>>;
|
|
15
|
+
export default ReqoreNavbarItem;
|
|
16
|
+
//# sourceMappingURL=item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAuCD,QAAA,MAAM,gBAAgB,wFAiBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
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
|
+
exports.__esModule = true;
|
|
52
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
+
var react_1 = require("react");
|
|
54
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
55
|
+
var colors_1 = require("../../helpers/colors");
|
|
56
|
+
var StyledNavbarItem = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n min-width: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n color: inherit;\n background-color: ", ";\n\n ", "\n\n opacity: ", ";\n\n ", "\n"], ["\n height: 100%;\n min-width: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n color: inherit;\n background-color: ", ";\n\n ", "\n\n opacity: ", ";\n\n ", "\n"])), function (_a) {
|
|
57
|
+
var _b;
|
|
58
|
+
var theme = _a.theme, active = _a.active, type = _a.type;
|
|
59
|
+
return active && (((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.hoverColor) || (0, colors_1.changeLightness)((0, colors_1.getMainColor)(theme, type), 0.05));
|
|
60
|
+
}, function (_a) {
|
|
61
|
+
var _b;
|
|
62
|
+
var interactive = _a.interactive, theme = _a.theme, type = _a.type;
|
|
63
|
+
if (interactive) {
|
|
64
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: background-color 0.2s ease-out;\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n transition: background-color 0.2s ease-out;\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.hoverColor) ||
|
|
65
|
+
(0, colors_1.changeLightness)((0, colors_1.getMainColor)(theme, type), 0.05));
|
|
66
|
+
}
|
|
67
|
+
return undefined;
|
|
68
|
+
}, function (_a) {
|
|
69
|
+
var disabled = _a.disabled;
|
|
70
|
+
return disabled && 0.3;
|
|
71
|
+
}, function (_a) {
|
|
72
|
+
var disabled = _a.disabled;
|
|
73
|
+
return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n "], ["\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n "])));
|
|
74
|
+
});
|
|
75
|
+
var ReqoreNavbarItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
76
|
+
var interactive = _a.interactive, children = _a.children, type = _a.type, disabled = _a.disabled, active = _a.active, rest = __rest(_a, ["interactive", "children", "type", "disabled", "active"]);
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(StyledNavbarItem, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-navbar-item"), interactive: interactive || !!rest.onClick, disabled: disabled, active: active, type: type, ref: ref }, { children: children })));
|
|
78
|
+
});
|
|
79
|
+
exports["default"] = ReqoreNavbarItem;
|
|
80
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
81
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAqE;AAerE,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,0RAAwB,wKAQrC,EACqE,SAEvF,EAaD,iBAEU,EAAiC,SAE1C,EAMC,IACJ,KA3BqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE;QACf,WAAO,uBAAG,8NAAA,kIAIc,EAC4B,sBAEnD,KAHuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAElD;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,0JAAA,sFAIF,IAAA;AALD,CAKC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IReqoreNotificationsWrapperProps {
|
|
3
|
+
children: any;
|
|
4
|
+
position?: IReqoreNotificationsPosition;
|
|
5
|
+
}
|
|
6
|
+
export declare type IReqoreNotificationsPosition = 'TOP' | 'BOTTOM' | 'TOP LEFT' | 'TOP RIGHT' | 'BOTTOM LEFT' | 'BOTTOM RIGHT';
|
|
7
|
+
export interface IReqoreNotificationsStyle {
|
|
8
|
+
positions: string[];
|
|
9
|
+
}
|
|
10
|
+
declare const ReqoreNotificationsWrapper: React.FC<IReqoreNotificationsWrapperProps>;
|
|
11
|
+
export default ReqoreNotificationsWrapper;
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,oBAAY,4BAA4B,GACpC,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAwBD,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAW1E,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
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
|
+
exports.__esModule = true;
|
|
41
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
+
var react_1 = require("react");
|
|
43
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
44
|
+
var StyledNotificationsWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: fixed;\n z-index: 10000;\n padding: 0 20px 20px 20px;\n\n ", "\n"], ["\n position: fixed;\n z-index: 10000;\n padding: 0 20px 20px 20px;\n\n ", "\n"])), function (_a) {
|
|
45
|
+
var positions = _a.positions;
|
|
46
|
+
var hasTwoPositions = positions.length > 1;
|
|
47
|
+
if (hasTwoPositions) {
|
|
48
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ": 30px;\n ", ": 30px;\n "], ["\n ", ": 30px;\n ", ": 30px;\n "])), positions[0], positions[1]);
|
|
49
|
+
}
|
|
50
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ": 30px;\n left: 50%;\n transform: translateX(-50%);\n "], ["\n ", ": 30px;\n left: 50%;\n transform: translateX(-50%);\n "])), positions[0]);
|
|
51
|
+
});
|
|
52
|
+
var ReqoreNotificationsWrapper = (0, react_1.forwardRef)(function (_a, ref) {
|
|
53
|
+
var children = _a.children, _b = _a.position, position = _b === void 0 ? 'TOP' : _b;
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(StyledNotificationsWrapper, __assign({ positions: position
|
|
55
|
+
.split(' ')
|
|
56
|
+
.map(function (p) { return p.toLowerCase(); }), ref: ref }, { children: children })));
|
|
57
|
+
});
|
|
58
|
+
exports["default"] = ReqoreNotificationsWrapper;
|
|
59
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAkBhD,IAAM,0BAA0B,GAAG,8BAAM,CAAC,GAAG,sJAA2B,6EAKpE,EAeD,IACF,KAhBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,IAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE;QACnB,WAAO,uBAAG,wHAAA,YACN,EAAY,mBACZ,EAAY,iBACf,KAFG,SAAS,CAAC,CAAC,CAAC,EACZ,SAAS,CAAC,CAAC,CAAC,EACd;KACH;IAED,WAAO,uBAAG,qJAAA,UACN,EAAY,qEAGf,KAHG,SAAS,CAAC,CAAC,CAAC,EAGd;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,0BAA0B,GAA+C,IAAA,kBAAU,EACvF,UAAC,EAA8B,EAAE,GAAQ;QAAtC,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAAiB,OAAA,CAC5C,uBAAC,0BAA0B,aACzB,SAAS,EAAE,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,UAAC,CAAwC,IAAa,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAC7E,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACkB,CAC9B;AAT6C,CAS7C,CACF,CAAC;AAEF,qBAAe,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
+
export declare type IReqoreNotificationType = IReqoreIntent;
|
|
6
|
+
export interface IReqoreNotificationProps {
|
|
7
|
+
type?: IReqoreNotificationType;
|
|
8
|
+
intent?: IReqoreIntent;
|
|
9
|
+
title?: string;
|
|
10
|
+
content: string;
|
|
11
|
+
icon?: IReqoreIconName;
|
|
12
|
+
onClose?: () => any;
|
|
13
|
+
onClick?: () => any;
|
|
14
|
+
duration?: number;
|
|
15
|
+
onFinish?: () => any;
|
|
16
|
+
fluid?: boolean;
|
|
17
|
+
flat?: boolean;
|
|
18
|
+
inverted?: boolean;
|
|
19
|
+
size?: TSizes;
|
|
20
|
+
}
|
|
21
|
+
export interface IReqoreNotificationStyle {
|
|
22
|
+
theme: IReqoreTheme;
|
|
23
|
+
type?: IReqoreNotificationType;
|
|
24
|
+
clickable?: boolean;
|
|
25
|
+
timeout?: number;
|
|
26
|
+
intent?: IReqoreIntent;
|
|
27
|
+
hasShadow?: boolean;
|
|
28
|
+
fluid?: boolean;
|
|
29
|
+
flat?: boolean;
|
|
30
|
+
inverted?: boolean;
|
|
31
|
+
size?: TSizes;
|
|
32
|
+
}
|
|
33
|
+
export declare const StyledReqoreNotification: any;
|
|
34
|
+
export declare const StyledIconWrapper: any;
|
|
35
|
+
export declare const StyledNotificationContentWrapper: any;
|
|
36
|
+
export declare const StyledNotificationTitle: any;
|
|
37
|
+
export declare const StyledNotificationContent: any;
|
|
38
|
+
export declare const typeToIcon: {
|
|
39
|
+
[type: string]: IReqoreIconName;
|
|
40
|
+
};
|
|
41
|
+
declare const ReqoreNotification: React.FC<IReqoreNotificationProps>;
|
|
42
|
+
export default ReqoreNotification;
|
|
43
|
+
//# sourceMappingURL=notification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,eAAO,MAAM,wBAAwB,KAkEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
+
};
|
|
43
|
+
exports.__esModule = true;
|
|
44
|
+
exports.typeToIcon = exports.StyledNotificationContent = exports.StyledNotificationTitle = exports.StyledNotificationContentWrapper = exports.StyledIconWrapper = exports.StyledReqoreNotification = void 0;
|
|
45
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
46
|
+
var web_1 = require("@react-spring/web");
|
|
47
|
+
var polished_1 = require("polished");
|
|
48
|
+
var react_1 = require("react");
|
|
49
|
+
var react_use_1 = require("react-use");
|
|
50
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
51
|
+
var animations_1 = require("../../constants/animations");
|
|
52
|
+
var sizes_1 = require("../../constants/sizes");
|
|
53
|
+
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
54
|
+
var animations_2 = require("../../helpers/animations");
|
|
55
|
+
var colors_1 = require("../../helpers/colors");
|
|
56
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
57
|
+
var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"], ["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"])));
|
|
58
|
+
exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 1 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n animation: 0.2s ", " ease-in;\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: 10px;\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 1 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n animation: 0.2s ", " ease-in;\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: 10px;\n }\n\n ", "\n"])), function (_a) {
|
|
59
|
+
var fluid = _a.fluid;
|
|
60
|
+
return (!fluid ? '200px' : undefined);
|
|
61
|
+
}, function (_a) {
|
|
62
|
+
var fluid = _a.fluid;
|
|
63
|
+
return (!fluid ? '450px' : undefined);
|
|
64
|
+
}, function (_a) {
|
|
65
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
66
|
+
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
67
|
+
}, animations_2.fadeIn, function (_a) {
|
|
68
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
69
|
+
return sizes_1.TEXT_FROM_SIZE[size];
|
|
70
|
+
}, function (_a) {
|
|
71
|
+
var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, inverted = _a.inverted;
|
|
72
|
+
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "])), inverted ? 'transparent' : (0, colors_1.getNotificationIntent)(theme, intent || type), flat ? 0 : '1px solid', inverted
|
|
73
|
+
? (0, colors_1.getNotificationIntent)(theme, intent || type)
|
|
74
|
+
: (0, polished_1.darken)(0.2, (0, colors_1.getNotificationIntent)(theme, intent || type)), hasShadow && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0px 0px 30px 10px ", ";\n "], ["\n box-shadow: 0px 0px 30px 10px ", ";\n "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "], ["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1), timeoutAnimation, timeout), inverted && (intent || type)
|
|
75
|
+
? (0, colors_1.getNotificationIntent)(theme, intent || type)
|
|
76
|
+
: (0, colors_1.getReadableColorFrom)((0, colors_1.getNotificationIntent)(theme, intent || type), true), clickable && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), inverted
|
|
77
|
+
? (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), 0.1)
|
|
78
|
+
: (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.0625)));
|
|
79
|
+
});
|
|
80
|
+
exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n min-height: ", "px;\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n\n ", "\n"], ["\n min-height: ", "px;\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n\n ", "\n"])), function (_a) {
|
|
81
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
82
|
+
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
83
|
+
}, function (_a) {
|
|
84
|
+
var clickable = _a.clickable, theme = _a.theme, intent = _a.intent, type = _a.type;
|
|
85
|
+
return clickable && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
|
|
86
|
+
});
|
|
87
|
+
exports.StyledNotificationContentWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n flex: 1;\n min-height: ", "px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n padding: ", ";\n"], ["\n flex: 1;\n min-height: ", "px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n padding: ", ";\n"])), function (_a) {
|
|
88
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
89
|
+
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
90
|
+
}, function (_a) {
|
|
91
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
92
|
+
return "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
|
|
93
|
+
});
|
|
94
|
+
exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"], ["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"])));
|
|
95
|
+
exports.StyledNotificationContent = styled_components_1["default"].p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n flex: 1;\n display: flex;\n align-items: center;\n"], ["\n margin: 0;\n padding: 0;\n flex: 1;\n display: flex;\n align-items: center;\n"])));
|
|
96
|
+
exports.typeToIcon = {
|
|
97
|
+
info: 'InformationLine',
|
|
98
|
+
pending: 'TimerLine',
|
|
99
|
+
warning: 'AlarmWarningLine',
|
|
100
|
+
danger: 'ErrorWarningLine',
|
|
101
|
+
success: 'CheckFill',
|
|
102
|
+
muted: 'Forbid2Line'
|
|
103
|
+
};
|
|
104
|
+
var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
105
|
+
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, inverted = _a.inverted, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
106
|
+
var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
|
|
107
|
+
var transitions = (0, web_1.useTransition)(true, {
|
|
108
|
+
from: { opacity: 0, transform: 'scale(0.9)' },
|
|
109
|
+
enter: { opacity: 1, transform: 'scale(1)' },
|
|
110
|
+
leave: { opacity: 0, transform: 'scale(0.9)' },
|
|
111
|
+
config: animations_1.SPRING_CONFIG
|
|
112
|
+
});
|
|
113
|
+
(0, react_use_1.useMount)(function () {
|
|
114
|
+
if (duration) {
|
|
115
|
+
setInternalTimeout(setTimeout(function () {
|
|
116
|
+
onFinish && onFinish();
|
|
117
|
+
}, duration));
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
(0, react_1.useEffect)(function () {
|
|
121
|
+
if (internalTimeout) {
|
|
122
|
+
clearTimeout(internalTimeout);
|
|
123
|
+
setInternalTimeout(setTimeout(function () {
|
|
124
|
+
onFinish && onFinish();
|
|
125
|
+
}, duration));
|
|
126
|
+
}
|
|
127
|
+
}, [duration, type, intent, content, title]);
|
|
128
|
+
(0, react_use_1.useUnmount)(function () {
|
|
129
|
+
clearTimeout(internalTimeout);
|
|
130
|
+
});
|
|
131
|
+
return transitions(function (styles, item) {
|
|
132
|
+
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, className: 'reqore-notification', ref: ref, style: styles, size: size }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledNotificationTitle, { children: title }), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, { children: content })] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
133
|
+
event.stopPropagation();
|
|
134
|
+
onClose && onClose();
|
|
135
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))] }), "".concat(duration).concat(type || intent).concat(title).concat(content)) })) : null;
|
|
136
|
+
});
|
|
137
|
+
});
|
|
138
|
+
exports["default"] = ReqoreNotification;
|
|
139
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
140
|
+
//# sourceMappingURL=notification.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
4
|
+
import { IReqoreDropdownItemProps } from '../Dropdown/item';
|
|
5
|
+
export interface IReqorePanelAction {
|
|
6
|
+
icon?: IReqoreIconName;
|
|
7
|
+
label?: string;
|
|
8
|
+
onClick?: () => void;
|
|
9
|
+
intent?: IReqoreIntent;
|
|
10
|
+
actions?: IReqoreDropdownItemProps[];
|
|
11
|
+
className?: string;
|
|
12
|
+
id?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface IReqorePanelBottomAction extends IReqorePanelAction {
|
|
15
|
+
position: 'left' | 'right';
|
|
16
|
+
}
|
|
17
|
+
export interface IReqorePanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
as?: any;
|
|
19
|
+
children?: any;
|
|
20
|
+
icon?: IReqoreIconName;
|
|
21
|
+
label?: string | ReactElement<any>;
|
|
22
|
+
collapsible?: boolean;
|
|
23
|
+
isCollapsed?: boolean;
|
|
24
|
+
onClose?: () => void;
|
|
25
|
+
rounded?: boolean;
|
|
26
|
+
actions?: IReqorePanelAction[];
|
|
27
|
+
bottomActions?: IReqorePanelBottomAction[];
|
|
28
|
+
customTheme?: IReqoreTheme;
|
|
29
|
+
intent?: IReqoreIntent;
|
|
30
|
+
flat?: boolean;
|
|
31
|
+
unMountContentOnCollapse?: boolean;
|
|
32
|
+
onCollapseChange?: (isCollapsed?: boolean) => void;
|
|
33
|
+
fill?: boolean;
|
|
34
|
+
padded?: boolean;
|
|
35
|
+
contentStyle?: React.CSSProperties;
|
|
36
|
+
opacity?: number;
|
|
37
|
+
blur?: number;
|
|
38
|
+
}
|
|
39
|
+
export interface IStyledPanel extends IReqorePanelProps {
|
|
40
|
+
theme: IReqoreTheme;
|
|
41
|
+
}
|
|
42
|
+
export declare const StyledPanel: any;
|
|
43
|
+
export declare const StyledPanelTitle: any;
|
|
44
|
+
export declare const StyledPanelBottomActions: any;
|
|
45
|
+
export declare const StyledPanelContent: any;
|
|
46
|
+
export declare const StyledPanelTitleLabel: any;
|
|
47
|
+
export declare const StyledPanelTitleHeader: any;
|
|
48
|
+
export declare const ReqorePanel: import("react").ForwardRefExoticComponent<IReqorePanelProps & import("react").RefAttributes<unknown>>;
|
|
49
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,KAuBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAyB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAM9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAIjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAsLvB,CAAC"}
|