@ckbox/components 1.1.1 → 1.2.0-dev.0
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/README.md +3 -3
- package/dist/bottombar/Bottombar.d.ts +17 -0
- package/dist/bottombar/index.d.ts +1 -0
- package/dist/button/Button.d.ts +83 -0
- package/dist/button/index.d.ts +2 -0
- package/dist/button/types.d.ts +3 -0
- package/dist/checkbox/Checkbox.d.ts +33 -0
- package/dist/checkbox/index.d.ts +1 -0
- package/dist/circularLoader/CircularLoader.d.ts +21 -0
- package/dist/circularLoader/index.d.ts +1 -0
- package/dist/containerQuery/ContainerQuery.d.ts +18 -0
- package/dist/containerQuery/breakpoints/Breakpoints.d.ts +36 -0
- package/dist/containerQuery/breakpoints/index.d.ts +1 -0
- package/dist/containerQuery/context/ContainerQueryContext.d.ts +18 -0
- package/dist/containerQuery/context/index.d.ts +1 -0
- package/dist/containerQuery/index.d.ts +3 -0
- package/dist/containerQuery/provider/ContainerQueryProvider.d.ts +18 -0
- package/dist/containerQuery/provider/index.d.ts +1 -0
- package/dist/copyButton/CopyButton.d.ts +17 -0
- package/dist/copyButton/index.d.ts +1 -0
- package/dist/copyableInput/CopyableInput.d.ts +25 -0
- package/dist/copyableInput/index.d.ts +1 -0
- package/dist/dialog/Dialog.d.ts +9 -0
- package/dist/dialog/actions/DialogActions.d.ts +9 -0
- package/dist/dialog/actions/index.d.ts +1 -0
- package/dist/dialog/animated/DialogAnimated.d.ts +30 -0
- package/dist/dialog/animated/index.d.ts +1 -0
- package/dist/dialog/column/DialogColumn.d.ts +13 -0
- package/dist/dialog/column/index.d.ts +1 -0
- package/dist/dialog/context/DialogContext.d.ts +18 -0
- package/dist/dialog/context/index.d.ts +1 -0
- package/dist/dialog/draggable/DialogDraggable.d.ts +23 -0
- package/dist/dialog/draggable/index.d.ts +1 -0
- package/dist/dialog/footer/DialogFooter.d.ts +18 -0
- package/dist/dialog/footer/index.d.ts +1 -0
- package/dist/dialog/header/DialogHeader.d.ts +49 -0
- package/dist/dialog/header/index.d.ts +1 -0
- package/dist/dialog/index.d.ts +7 -0
- package/dist/dialog/root/DialogRoot.d.ts +9 -0
- package/dist/dialog/root/index.d.ts +1 -0
- package/dist/dialog/row/DialogRow.d.ts +9 -0
- package/dist/dialog/row/index.d.ts +1 -0
- package/dist/dialog/section/DialogSection.d.ts +45 -0
- package/dist/dialog/section/index.d.ts +1 -0
- package/dist/docIcon/DocIcon.d.ts +11 -0
- package/dist/docIcon/icons/Archive.d.ts +4 -0
- package/dist/docIcon/icons/Empty.d.ts +4 -0
- package/dist/docIcon/icons/Excel.d.ts +4 -0
- package/dist/docIcon/icons/Img.d.ts +4 -0
- package/dist/docIcon/icons/Movie.d.ts +4 -0
- package/dist/docIcon/icons/Music.d.ts +4 -0
- package/dist/docIcon/icons/Pdf.d.ts +4 -0
- package/dist/docIcon/icons/Ppt.d.ts +4 -0
- package/dist/docIcon/icons/Txt.d.ts +4 -0
- package/dist/docIcon/icons/Word.d.ts +4 -0
- package/dist/docIcon/icons/index.d.ts +10 -0
- package/dist/docIcon/index.d.ts +2 -0
- package/dist/drawer/Drawer.d.ts +25 -0
- package/dist/drawer/actions/DrawerActions.d.ts +9 -0
- package/dist/drawer/actions/index.d.ts +1 -0
- package/dist/drawer/content/DrawerContent.d.ts +9 -0
- package/dist/drawer/content/index.d.ts +1 -0
- package/dist/drawer/context/DrawerContext.d.ts +9 -0
- package/dist/drawer/context/index.d.ts +1 -0
- package/dist/drawer/header/DrawerHeader.d.ts +13 -0
- package/dist/drawer/header/index.d.ts +1 -0
- package/dist/drawer/index.d.ts +5 -0
- package/dist/drawer/section/DrawerSection.d.ts +17 -0
- package/dist/drawer/section/index.d.ts +1 -0
- package/dist/emptyView/EmptyView.d.ts +22 -0
- package/dist/emptyView/index.d.ts +2 -0
- package/dist/emptyView/label/EmptyViewLabel.d.ts +13 -0
- package/dist/emptyView/label/index.d.ts +1 -0
- package/dist/fileInputButton/FileInputButton.d.ts +30 -0
- package/dist/fileInputButton/index.d.ts +1 -0
- package/dist/filePreview/FilePreview.d.ts +29 -0
- package/dist/filePreview/actions/FilePreviewActions.d.ts +21 -0
- package/dist/filePreview/actions/index.d.ts +1 -0
- package/dist/filePreview/content/FilePreviewContent.d.ts +9 -0
- package/dist/filePreview/content/index.d.ts +1 -0
- package/dist/filePreview/context/FilePreviewContext.d.ts +9 -0
- package/dist/filePreview/context/index.d.ts +1 -0
- package/dist/filePreview/hoverable/FilePreviewHoverable.d.ts +9 -0
- package/dist/filePreview/hoverable/index.d.ts +1 -0
- package/dist/filePreview/index.d.ts +6 -0
- package/dist/filePreview/navButton/FilePreviewNavButton.d.ts +22 -0
- package/dist/filePreview/navButton/index.d.ts +1 -0
- package/dist/filePreview/tooltip/FilePreviewTooltip.d.ts +9 -0
- package/dist/filePreview/tooltip/index.d.ts +1 -0
- package/dist/fixed/Fixed.d.ts +9 -0
- package/dist/fixed/context/FixedContext.d.ts +9 -0
- package/dist/fixed/context/index.d.ts +1 -0
- package/dist/fixed/index.d.ts +3 -0
- package/dist/fixed/provider/FixedProvider.d.ts +14 -0
- package/dist/fixed/provider/index.d.ts +1 -0
- package/dist/form/Form.d.ts +21 -0
- package/dist/form/feedback/FormFeedback.d.ts +17 -0
- package/dist/form/feedback/index.d.ts +1 -0
- package/dist/form/group/FormGroup.d.ts +13 -0
- package/dist/form/group/index.d.ts +1 -0
- package/dist/form/groupColumn/FormGroupColumn.d.ts +9 -0
- package/dist/form/groupColumn/index.d.ts +1 -0
- package/dist/form/groupInfo/FormGroupInfo.d.ts +9 -0
- package/dist/form/groupInfo/index.d.ts +1 -0
- package/dist/form/index.d.ts +6 -0
- package/dist/form/inputLabel/FormInputLabel.d.ts +17 -0
- package/dist/form/inputLabel/index.d.ts +1 -0
- package/dist/gallery/Gallery.d.ts +17 -0
- package/dist/gallery/figure/GalleryFigure.d.ts +13 -0
- package/dist/gallery/figure/index.d.ts +1 -0
- package/dist/gallery/index.d.ts +3 -0
- package/dist/gallery/item/GalleryItem.d.ts +37 -0
- package/dist/gallery/item/index.d.ts +1 -0
- package/dist/gallery/skeleton/GallerySkeleton.d.ts +3 -0
- package/dist/gallery/skeleton/index.d.ts +1 -0
- package/dist/icon/Icon.d.ts +29 -0
- package/dist/icon/icons/ArrowLeft.d.ts +4 -0
- package/dist/icon/icons/ArrowLeftEnd.d.ts +4 -0
- package/dist/icon/icons/ArrowRight.d.ts +4 -0
- package/dist/icon/icons/ArrowRightEnd.d.ts +4 -0
- package/dist/icon/icons/Cabinet.d.ts +4 -0
- package/dist/icon/icons/Check.d.ts +4 -0
- package/dist/icon/icons/ChevronDown.d.ts +4 -0
- package/dist/icon/icons/ChevronLeft.d.ts +4 -0
- package/dist/icon/icons/ChevronRight.d.ts +4 -0
- package/dist/icon/icons/Clock.d.ts +4 -0
- package/dist/icon/icons/Close.d.ts +4 -0
- package/dist/icon/icons/Cog.d.ts +4 -0
- package/dist/icon/icons/Copy.d.ts +4 -0
- package/dist/icon/icons/Docs.d.ts +4 -0
- package/dist/icon/icons/DotsVertical.d.ts +4 -0
- package/dist/icon/icons/Download.d.ts +4 -0
- package/dist/icon/icons/DragHandle.d.ts +4 -0
- package/dist/icon/icons/Filter.d.ts +4 -0
- package/dist/icon/icons/Folder.d.ts +4 -0
- package/dist/icon/icons/Image.d.ts +4 -0
- package/dist/icon/icons/Info.d.ts +4 -0
- package/dist/icon/icons/InfoSquare.d.ts +4 -0
- package/dist/icon/icons/Pencil.d.ts +4 -0
- package/dist/icon/icons/Plus.d.ts +4 -0
- package/dist/icon/icons/Search.d.ts +4 -0
- package/dist/icon/icons/SearchMissingResults.d.ts +4 -0
- package/dist/icon/icons/Settings.d.ts +4 -0
- package/dist/icon/icons/Sort.d.ts +4 -0
- package/dist/icon/icons/Spinner.d.ts +4 -0
- package/dist/icon/icons/Trash.d.ts +4 -0
- package/dist/icon/icons/Upload.d.ts +4 -0
- package/dist/icon/icons/Warning.d.ts +4 -0
- package/dist/icon/icons/WarningFill.d.ts +4 -0
- package/dist/icon/icons/XCircle.d.ts +4 -0
- package/dist/icon/icons/index.d.ts +34 -0
- package/dist/icon/index.d.ts +2 -0
- package/dist/icon/raw/RawIcon.d.ts +13 -0
- package/dist/icon/raw/index.d.ts +1 -0
- package/dist/icon/types.d.ts +9 -0
- package/dist/index.d.ts +1380 -437
- package/dist/index.js +1 -1
- package/dist/input/Input.d.ts +88 -0
- package/dist/input/index.d.ts +1 -0
- package/dist/list/List.d.ts +13 -0
- package/dist/list/index.d.ts +2 -0
- package/dist/list/item/ListItem.d.ts +25 -0
- package/dist/list/item/index.d.ts +1 -0
- package/dist/loadingButton/LoadingButton.d.ts +18 -0
- package/dist/loadingButton/index.d.ts +1 -0
- package/dist/menu/Menu.d.ts +38 -0
- package/dist/menu/context/MenuContext.d.ts +12 -0
- package/dist/menu/context/index.d.ts +1 -0
- package/dist/menu/index.d.ts +4 -0
- package/dist/menu/item/MenuItem.d.ts +26 -0
- package/dist/menu/item/index.d.ts +1 -0
- package/dist/menu/section/MenuSection.d.ts +17 -0
- package/dist/menu/section/index.d.ts +1 -0
- package/dist/menu/subSection/MenuSubSection.d.ts +29 -0
- package/dist/menu/subSection/index.d.ts +1 -0
- package/dist/navbar/Navbar.d.ts +13 -0
- package/dist/navbar/button/NavbarButton.d.ts +18 -0
- package/dist/navbar/button/index.d.ts +1 -0
- package/dist/navbar/creditLink/NavbarCreditLink.d.ts +21 -0
- package/dist/navbar/creditLink/index.d.ts +1 -0
- package/dist/navbar/index.d.ts +5 -0
- package/dist/navbar/item/NavbarItem.d.ts +49 -0
- package/dist/navbar/item/index.d.ts +1 -0
- package/dist/navbar/itemFixed/NavbarItemFixed.d.ts +9 -0
- package/dist/navbar/itemFixed/index.d.ts +1 -0
- package/dist/notifications/Notifications.d.ts +17 -0
- package/dist/notifications/details/NotificationDetails.d.ts +29 -0
- package/dist/notifications/details/index.d.ts +1 -0
- package/dist/notifications/index.d.ts +3 -0
- package/dist/notifications/notification/Notification.d.ts +37 -0
- package/dist/notifications/notification/index.d.ts +1 -0
- package/dist/overlay/Overlay.d.ts +21 -0
- package/dist/overlay/index.d.ts +1 -0
- package/dist/pagination/Pagination.d.ts +29 -0
- package/dist/pagination/button/PaginationButton.d.ts +18 -0
- package/dist/pagination/button/index.d.ts +1 -0
- package/dist/pagination/index.d.ts +1 -0
- package/dist/panel/Panel.d.ts +18 -0
- package/dist/panel/actions/PanelActions.d.ts +9 -0
- package/dist/panel/actions/index.d.ts +1 -0
- package/dist/panel/column/PanelColumn.d.ts +9 -0
- package/dist/panel/column/index.d.ts +1 -0
- package/dist/panel/content/PanelContent.d.ts +25 -0
- package/dist/panel/content/index.d.ts +2 -0
- package/dist/panel/contentProp/PanelContentProp.d.ts +13 -0
- package/dist/panel/contentProp/index.d.ts +1 -0
- package/dist/panel/context/PanelContext.d.ts +12 -0
- package/dist/panel/context/index.d.ts +1 -0
- package/dist/panel/dragHandle/PanelDragHandle.d.ts +3 -0
- package/dist/panel/dragHandle/index.d.ts +1 -0
- package/dist/panel/index.d.ts +11 -0
- package/dist/panel/list/PanelList.d.ts +17 -0
- package/dist/panel/list/index.d.ts +1 -0
- package/dist/panel/listDivider/PanelListDivider.d.ts +9 -0
- package/dist/panel/listDivider/index.d.ts +1 -0
- package/dist/panel/side/PanelSide.d.ts +17 -0
- package/dist/panel/side/index.d.ts +1 -0
- package/dist/panel/skeleton/PanelSkeleton.d.ts +13 -0
- package/dist/panel/skeleton/index.d.ts +1 -0
- package/dist/panel/title/PanelTitle.d.ts +18 -0
- package/dist/panel/title/index.d.ts +1 -0
- package/dist/popper/Popper.d.ts +38 -0
- package/dist/popper/arrow/PopperArrow.d.ts +9 -0
- package/dist/popper/arrow/index.d.ts +1 -0
- package/dist/popper/context/PopperContext.d.ts +12 -0
- package/dist/popper/context/index.d.ts +1 -0
- package/dist/popper/index.d.ts +4 -0
- package/dist/popper/types.d.ts +5 -0
- package/dist/popper/usePopper/index.d.ts +1 -0
- package/dist/popper/usePopper/usePopper.d.ts +36 -0
- package/dist/progressPanel/ProgressPanel.d.ts +37 -0
- package/dist/progressPanel/index.d.ts +1 -0
- package/dist/propertiesTable/PropertiesTable.d.ts +9 -0
- package/dist/propertiesTable/index.d.ts +2 -0
- package/dist/propertiesTable/row/PropertiesTableRow.d.ts +13 -0
- package/dist/propertiesTable/row/index.d.ts +1 -0
- package/dist/rangeSlider/RangeSlider.d.ts +43 -0
- package/dist/rangeSlider/index.d.ts +1 -0
- package/dist/rangeSlider/utils/index.d.ts +1 -0
- package/dist/rangeSlider/utils/utils.d.ts +32 -0
- package/dist/responsiveImage/ResponsiveImage.d.ts +84 -0
- package/dist/responsiveImage/fallback/ResponsiveImageFallback.d.ts +21 -0
- package/dist/responsiveImage/fallback/index.d.ts +1 -0
- package/dist/responsiveImage/index.d.ts +1 -0
- package/dist/searchDialog/SearchDialog.d.ts +21 -0
- package/dist/searchDialog/actions/SearchDialogActions.d.ts +9 -0
- package/dist/searchDialog/actions/index.d.ts +1 -0
- package/dist/searchDialog/content/SearchDialogContent.d.ts +9 -0
- package/dist/searchDialog/content/index.d.ts +1 -0
- package/dist/searchDialog/context/SearchDialogContext.d.ts +9 -0
- package/dist/searchDialog/context/index.d.ts +1 -0
- package/dist/searchDialog/fallback/SearchDialogFallback.d.ts +9 -0
- package/dist/searchDialog/fallback/index.d.ts +1 -0
- package/dist/searchDialog/header/SearchDialogHeader.d.ts +25 -0
- package/dist/searchDialog/header/index.d.ts +1 -0
- package/dist/searchDialog/index.d.ts +7 -0
- package/dist/searchDialog/input/SearchDialogInput.d.ts +29 -0
- package/dist/searchDialog/input/index.d.ts +1 -0
- package/dist/searchDialog/section/SearchDialogSection.d.ts +13 -0
- package/dist/searchDialog/section/index.d.ts +1 -0
- package/dist/searchResultsBar/SearchResultsBar.d.ts +9 -0
- package/dist/searchResultsBar/filters/SearchResultsBarFilters.d.ts +9 -0
- package/dist/searchResultsBar/filters/index.d.ts +1 -0
- package/dist/searchResultsBar/index.d.ts +3 -0
- package/dist/searchResultsBar/phrase/SearchResultsBarPhrase.d.ts +17 -0
- package/dist/searchResultsBar/phrase/index.d.ts +1 -0
- package/dist/select/Select.d.ts +46 -0
- package/dist/select/index.d.ts +2 -0
- package/dist/select/input/SelectInput.d.ts +45 -0
- package/dist/select/input/index.d.ts +2 -0
- package/dist/select/listbox/SelectListbox.d.ts +25 -0
- package/dist/select/listbox/index.d.ts +1 -0
- package/dist/select/listboxItem/SelectListboxItem.d.ts +42 -0
- package/dist/select/listboxItem/index.d.ts +1 -0
- package/dist/select/listboxList/SelectListboxList.d.ts +21 -0
- package/dist/select/listboxList/index.d.ts +1 -0
- package/dist/select/multiList/SelectMultiList.d.ts +23 -0
- package/dist/select/multiList/index.d.ts +1 -0
- package/dist/select/multiListItem/SelectMultiListItem.d.ts +18 -0
- package/dist/select/multiListItem/index.d.ts +1 -0
- package/dist/select/single/SelectSingle.d.ts +19 -0
- package/dist/select/single/index.d.ts +1 -0
- package/dist/select/types.d.ts +40 -0
- package/dist/select/useKeyboardNav/index.d.ts +1 -0
- package/dist/select/useKeyboardNav/useKeyboardNav.d.ts +9 -0
- package/dist/select/utils/index.d.ts +1 -0
- package/dist/select/utils/utils.d.ts +26 -0
- package/dist/selectionArea/SelectionArea.d.ts +18 -0
- package/dist/selectionArea/index.d.ts +2 -0
- package/dist/skeleton/Skeleton.d.ts +17 -0
- package/dist/skeleton/index.d.ts +1 -0
- package/dist/sortButton/SortButton.d.ts +21 -0
- package/dist/sortButton/index.d.ts +1 -0
- package/dist/sortableDndList/SortableDndList.d.ts +14 -0
- package/dist/sortableDndList/context/SortableDndListContext.d.ts +25 -0
- package/dist/sortableDndList/context/index.d.ts +1 -0
- package/dist/sortableDndList/dragLayer/SortableDndListDragLayer.d.ts +9 -0
- package/dist/sortableDndList/dragLayer/index.d.ts +1 -0
- package/dist/sortableDndList/index.d.ts +4 -0
- package/dist/sortableDndList/item/SortableDndListItem.d.ts +25 -0
- package/dist/sortableDndList/item/index.d.ts +2 -0
- package/dist/sortableDndList/types/index.d.ts +1 -0
- package/dist/sortableDndList/types/types.d.ts +61 -0
- package/dist/sortableDndList/useListDnd/index.d.ts +1 -0
- package/dist/sortableDndList/useListDnd/useListDnd.d.ts +14 -0
- package/dist/sortableDndList/useListItemDrag/index.d.ts +1 -0
- package/dist/sortableDndList/useListItemDrag/useListItemDrag.d.ts +13 -0
- package/dist/sortableDndList/useListItemDrop/index.d.ts +1 -0
- package/dist/sortableDndList/useListItemDrop/useListItemDrop.d.ts +10 -0
- package/dist/styles/ckbox.css +3 -3
- package/dist/styles/themes/aqua.css +1 -1
- package/dist/styles/themes/dark.css +1 -1
- package/dist/switch/Switch.d.ts +13 -0
- package/dist/switch/index.d.ts +2 -0
- package/dist/switch/view/SwitchView.d.ts +13 -0
- package/dist/switch/view/index.d.ts +2 -0
- package/dist/switchInput/SwitchInput.d.ts +21 -0
- package/dist/switchInput/index.d.ts +1 -0
- package/dist/tabs/Tabs.d.ts +17 -0
- package/dist/tabs/index.d.ts +2 -0
- package/dist/tabs/tab/Tab.d.ts +17 -0
- package/dist/tabs/tab/index.d.ts +2 -0
- package/dist/tag/Tag.d.ts +29 -0
- package/dist/tag/index.d.ts +3 -0
- package/dist/tag/label/TagLabel.d.ts +13 -0
- package/dist/tag/label/index.d.ts +1 -0
- package/dist/tag/list/TagList.d.ts +17 -0
- package/dist/tag/list/index.d.ts +1 -0
- package/dist/tagInput/TagInput.d.ts +50 -0
- package/dist/tagInput/index.d.ts +1 -0
- package/dist/tooltip/Tooltip.d.ts +23 -0
- package/dist/tooltip/icon/TooltipIcon.d.ts +23 -0
- package/dist/tooltip/icon/index.d.ts +1 -0
- package/dist/tooltip/index.d.ts +2 -0
- package/dist/topbar/Topbar.d.ts +13 -0
- package/dist/topbar/action/TopbarAction.d.ts +41 -0
- package/dist/topbar/action/index.d.ts +2 -0
- package/dist/topbar/actions/TopbarActions.d.ts +9 -0
- package/dist/topbar/actions/TopbarActionsMenuItems.d.ts +8 -0
- package/dist/topbar/actions/index.d.ts +1 -0
- package/dist/topbar/index.d.ts +2 -0
- package/dist/uiProvider/UIProvider.d.ts +38 -0
- package/dist/uiProvider/constants.d.ts +7 -0
- package/dist/uiProvider/index.d.ts +3 -0
- package/dist/uiProvider/useUIContext.d.ts +38 -0
- package/dist/utils/base64FromBlurHash/base64FromBlurHash.d.ts +7 -0
- package/dist/utils/base64FromBlurHash/index.d.ts +1 -0
- package/dist/utils/clamp/clamp.d.ts +14 -0
- package/dist/utils/clamp/index.d.ts +1 -0
- package/dist/utils/clipboard/clipboard.d.ts +1 -0
- package/dist/utils/clipboard/index.d.ts +1 -0
- package/dist/utils/clsx/clsx.d.ts +7 -0
- package/dist/utils/clsx/index.d.ts +1 -0
- package/dist/utils/events/events.d.ts +12 -0
- package/dist/utils/events/index.d.ts +1 -0
- package/dist/utils/formatTimeDistance/formatTimeDistance.d.ts +15 -0
- package/dist/utils/formatTimeDistance/index.d.ts +1 -0
- package/dist/utils/getPixelCountFromImageBlob/getPixelCountFromImageBlob.d.ts +8 -0
- package/dist/utils/getPixelCountFromImageBlob/index.d.ts +1 -0
- package/dist/utils/getStandardDeviation/getStandardDeviation.d.ts +7 -0
- package/dist/utils/getStandardDeviation/index.d.ts +1 -0
- package/dist/utils/getValidChildren/getValidChildren.d.ts +2 -0
- package/dist/utils/getValidChildren/index.d.ts +1 -0
- package/dist/utils/hasOwnProperty/hasOwnProperty.d.ts +7 -0
- package/dist/utils/hasOwnProperty/index.d.ts +1 -0
- package/dist/utils/index.d.ts +34 -0
- package/dist/utils/keyboard/index.d.ts +1 -0
- package/dist/utils/keyboard/keyboard.d.ts +17 -0
- package/dist/utils/noOp/index.d.ts +1 -0
- package/dist/utils/noOp/noOp.d.ts +1 -0
- package/dist/utils/rInterval/index.d.ts +2 -0
- package/dist/utils/rInterval/rInterval.d.ts +10 -0
- package/dist/utils/rInterval/types.d.ts +3 -0
- package/dist/utils/useBatchUpdate/index.d.ts +1 -0
- package/dist/utils/useBatchUpdate/useBatchUpdate.d.ts +17 -0
- package/dist/utils/useClickAway/index.d.ts +1 -0
- package/dist/utils/useClickAway/useClickAway.d.ts +10 -0
- package/dist/utils/useClipboard/index.d.ts +1 -0
- package/dist/utils/useClipboard/useClipboard.d.ts +4 -0
- package/dist/utils/useDeferredUnmount/index.d.ts +1 -0
- package/dist/utils/useDeferredUnmount/useDeferredUnmount.d.ts +10 -0
- package/dist/utils/useDelay/index.d.ts +1 -0
- package/dist/utils/useDelay/useDelay.d.ts +8 -0
- package/dist/utils/useDownload/index.d.ts +1 -0
- package/dist/utils/useDownload/useDownload.d.ts +8 -0
- package/dist/utils/useDraggable/index.d.ts +2 -0
- package/dist/utils/useDraggable/types.d.ts +73 -0
- package/dist/utils/useDraggable/useDraggable.d.ts +8 -0
- package/dist/utils/useElementVisibility/index.d.ts +1 -0
- package/dist/utils/useElementVisibility/useElementVisibility.d.ts +11 -0
- package/dist/utils/useFilesDrop/index.d.ts +1 -0
- package/dist/utils/useFilesDrop/useFilesDrop.d.ts +17 -0
- package/dist/utils/useGridSelection/constants.d.ts +49 -0
- package/dist/utils/useGridSelection/index.d.ts +1 -0
- package/dist/utils/useGridSelection/reducer.d.ts +2 -0
- package/dist/utils/useGridSelection/useGridSelection.d.ts +26 -0
- package/dist/utils/useGridSelection/utils.d.ts +103 -0
- package/dist/utils/useIsMounted/index.d.ts +1 -0
- package/dist/utils/useIsMounted/useIsMounted.d.ts +9 -0
- package/dist/utils/useIsomorphicLayoutEffect/index.d.ts +1 -0
- package/dist/utils/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts +2 -0
- package/dist/utils/useItemsOverflow/index.d.ts +1 -0
- package/dist/utils/useItemsOverflow/useItemsOverflow.d.ts +13 -0
- package/dist/utils/useResettableTimeout/index.d.ts +1 -0
- package/dist/utils/useResettableTimeout/useResettableTimeout.d.ts +14 -0
- package/dist/utils/useResize/index.d.ts +2 -0
- package/dist/utils/useResize/types.d.ts +20 -0
- package/dist/utils/useResize/useResize.d.ts +13 -0
- package/dist/utils/useResponsiveSizes/index.d.ts +1 -0
- package/dist/utils/useResponsiveSizes/useResponsiveSizes.d.ts +16 -0
- package/dist/utils/useScaleDown/index.d.ts +1 -0
- package/dist/utils/useScaleDown/scaleDown.d.ts +13 -0
- package/dist/utils/useScaleDown/useScaleDown.d.ts +16 -0
- package/dist/utils/useScroll/getScrollVectors.d.ts +11 -0
- package/dist/utils/useScroll/index.d.ts +3 -0
- package/dist/utils/useScroll/types.d.ts +49 -0
- package/dist/utils/useScroll/useScroll.d.ts +16 -0
- package/dist/utils/useScrollDnd/index.d.ts +1 -0
- package/dist/utils/useScrollDnd/useScrollDnd.d.ts +7 -0
- package/dist/utils/useToggle/index.d.ts +1 -0
- package/dist/utils/useToggle/useToggle.d.ts +12 -0
- package/dist/utils/validators/index.d.ts +1 -0
- package/dist/utils/validators/validators.d.ts +60 -0
- package/dist/view/View.d.ts +13 -0
- package/dist/view/content/ViewContent.d.ts +25 -0
- package/dist/view/content/index.d.ts +1 -0
- package/dist/view/contentBar/ViewContentBar.d.ts +9 -0
- package/dist/view/contentBar/index.d.ts +1 -0
- package/dist/view/contentWrapper/ViewContentWrapper.d.ts +9 -0
- package/dist/view/contentWrapper/index.d.ts +1 -0
- package/dist/view/footer/ViewFooter.d.ts +9 -0
- package/dist/view/footer/index.d.ts +1 -0
- package/dist/view/header/ViewHeader.d.ts +9 -0
- package/dist/view/header/index.d.ts +1 -0
- package/dist/view/index.d.ts +8 -0
- package/dist/view/sideContent/ViewSideContent.d.ts +9 -0
- package/dist/view/sideContent/index.d.ts +1 -0
- package/dist/viewDialog/ViewDialog.d.ts +66 -0
- package/dist/viewDialog/index.d.ts +2 -0
- package/dist/viewDialog/useSetInitialDimensions/index.d.ts +1 -0
- package/dist/viewDialog/useSetInitialDimensions/useSetInitialDimensions.d.ts +10 -0
- package/dist/viewWrapper/ViewWrapper.d.ts +13 -0
- package/dist/viewWrapper/index.d.ts +1 -0
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -13,7 +13,7 @@ Using a build served from the CDN is the simplest and fastest way of embedding C
|
|
|
13
13
|
To start using CKBox on your website, embed the following `script` element in the HTML code of the page:
|
|
14
14
|
|
|
15
15
|
```html
|
|
16
|
-
<script src="https://cdn.ckbox.io/CKBox/1.
|
|
16
|
+
<script src="https://cdn.ckbox.io/CKBox/1.2.0-dev.0/ckbox.js"></script>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
Quick implementation example:
|
|
@@ -22,7 +22,7 @@ Quick implementation example:
|
|
|
22
22
|
<html>
|
|
23
23
|
<head>
|
|
24
24
|
<meta charset="UTF-8" />
|
|
25
|
-
<script src="https://cdn.ckbox.io/CKBox/1.
|
|
25
|
+
<script src="https://cdn.ckbox.io/CKBox/1.2.0-dev.0/ckbox.js"></script>
|
|
26
26
|
</head>
|
|
27
27
|
<body>
|
|
28
28
|
<div id="ckbox"></div>
|
|
@@ -47,7 +47,7 @@ The code snippet below presents the simplest scenario for integration of CKEdito
|
|
|
47
47
|
<head>
|
|
48
48
|
<meta charset="UTF-8" />
|
|
49
49
|
<script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script>
|
|
50
|
-
<script src="https://cdn.ckbox.io/CKBox/1.
|
|
50
|
+
<script src="https://cdn.ckbox.io/CKBox/1.2.0-dev.0/ckbox.js"></script>
|
|
51
51
|
</head>
|
|
52
52
|
<body>
|
|
53
53
|
<div id="editor"></div>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Bottombar: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Main content of the component.
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Content rendered on the right side of the bar.
|
|
10
|
+
*/
|
|
11
|
+
sideContent: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Content rendered as status summary in a absolute left-positioned container
|
|
14
|
+
*/
|
|
15
|
+
statusContent?: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export default Bottombar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Bottombar';
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconName } from '../icon';
|
|
3
|
+
import { ButtonColor, ButtonSize, ButtonType } from './types';
|
|
4
|
+
declare const Button: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export interface Props {
|
|
6
|
+
/**
|
|
7
|
+
* Applies active styling.
|
|
8
|
+
*/
|
|
9
|
+
active?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Sets root class.
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Sets color type. Use in combination with `type` to achieve desired styling.
|
|
16
|
+
*/
|
|
17
|
+
color?: ButtonColor;
|
|
18
|
+
/**
|
|
19
|
+
* Main content of the component.
|
|
20
|
+
*/
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Displays as disabled.
|
|
24
|
+
*/
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Id of a form element this button is associated with.
|
|
28
|
+
*/
|
|
29
|
+
form?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Sets full-width mode.
|
|
32
|
+
*/
|
|
33
|
+
fullWidth?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Button's html type.
|
|
36
|
+
*/
|
|
37
|
+
htmlType?: 'button' | 'reset' | 'submit';
|
|
38
|
+
/**
|
|
39
|
+
* Button's aria label.
|
|
40
|
+
*/
|
|
41
|
+
label?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Icon to show next to content.
|
|
44
|
+
*/
|
|
45
|
+
icon?: IconName;
|
|
46
|
+
/**
|
|
47
|
+
* Allows to pass custom content.
|
|
48
|
+
*/
|
|
49
|
+
content?: React.ReactNode;
|
|
50
|
+
/**
|
|
51
|
+
* Icon placement.
|
|
52
|
+
*/
|
|
53
|
+
iconPlacement?: 'left' | 'right';
|
|
54
|
+
/**
|
|
55
|
+
* Sets `click` event handler.
|
|
56
|
+
*/
|
|
57
|
+
onClick?: React.MouseEventHandler;
|
|
58
|
+
/**
|
|
59
|
+
* Sets `mouseleave` event handler.
|
|
60
|
+
*/
|
|
61
|
+
onMouseLeave?: React.MouseEventHandler;
|
|
62
|
+
/**
|
|
63
|
+
* Allows to make text color transparent.
|
|
64
|
+
*/
|
|
65
|
+
textColor?: 'default' | 'transparent';
|
|
66
|
+
/**
|
|
67
|
+
* Sets styling type. Use in combination with `color` to achieve desired styling.
|
|
68
|
+
*/
|
|
69
|
+
type?: ButtonType;
|
|
70
|
+
/**
|
|
71
|
+
* Specifies tab index for the button.
|
|
72
|
+
*/
|
|
73
|
+
tabIndex?: number;
|
|
74
|
+
/**
|
|
75
|
+
* Sets sizing of the button.
|
|
76
|
+
*/
|
|
77
|
+
sizing?: ButtonSize;
|
|
78
|
+
/**
|
|
79
|
+
* Disables line wrapping for label text
|
|
80
|
+
*/
|
|
81
|
+
disabledLabelWrapping?: boolean;
|
|
82
|
+
}
|
|
83
|
+
export default Button;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const Checkbox: React.FC<Props>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Sets current input's value.
|
|
6
|
+
*/
|
|
7
|
+
checked: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Disables focusability of input element.
|
|
10
|
+
*/
|
|
11
|
+
disableFocusability?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Underlying input's id.
|
|
14
|
+
*/
|
|
15
|
+
id?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Aria label of the input element.
|
|
18
|
+
*/
|
|
19
|
+
label?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Underlying input's name.
|
|
22
|
+
*/
|
|
23
|
+
name?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Callback invoked upon click.
|
|
26
|
+
*/
|
|
27
|
+
onClick?: (evt: React.MouseEvent) => void;
|
|
28
|
+
/**
|
|
29
|
+
* Callback invoked upon value's change.
|
|
30
|
+
*/
|
|
31
|
+
onChange: (checked: boolean) => void;
|
|
32
|
+
}
|
|
33
|
+
export default Checkbox;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Checkbox';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const CircularLoader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Component's label.
|
|
6
|
+
*/
|
|
7
|
+
label?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Current value in %.
|
|
10
|
+
*/
|
|
11
|
+
value: number;
|
|
12
|
+
/**
|
|
13
|
+
* Displays error icon.
|
|
14
|
+
*/
|
|
15
|
+
error?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Callback invoked upon click event.
|
|
18
|
+
*/
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
}
|
|
21
|
+
export default CircularLoader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './CircularLoader';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BreakpointKey } from './breakpoints';
|
|
3
|
+
declare const ContainerQuery: React.FC<Props>;
|
|
4
|
+
export interface Props {
|
|
5
|
+
/**
|
|
6
|
+
* Main content of the component.
|
|
7
|
+
*/
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Specifies maximum breakpoint key at which component should be still shown.
|
|
11
|
+
*/
|
|
12
|
+
down?: BreakpointKey;
|
|
13
|
+
/**
|
|
14
|
+
* Specifies minimum breakpoint key starting from which component should be shown.
|
|
15
|
+
*/
|
|
16
|
+
up?: BreakpointKey;
|
|
17
|
+
}
|
|
18
|
+
export default ContainerQuery;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export declare type BreakpointKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
2
|
+
export declare type BreakpointMap = Record<BreakpointKey, number>;
|
|
3
|
+
/**
|
|
4
|
+
* Encapsulates logic that allows to compare specified breakpoints.
|
|
5
|
+
* Breakpoint values are treated as equivalent of CSS `min-width` property.
|
|
6
|
+
* For instance, key `md` with value `900` means that breakpoint `md` is achieved for at least 900px of width.
|
|
7
|
+
*/
|
|
8
|
+
export declare class Breakpoints {
|
|
9
|
+
breakpoints: BreakpointMap;
|
|
10
|
+
constructor(breakpoints: BreakpointMap);
|
|
11
|
+
/**
|
|
12
|
+
* Checks if requested key is lower than reference breakpoint.
|
|
13
|
+
* Matches [0px, {key}) (`key` exclusive).
|
|
14
|
+
*
|
|
15
|
+
* @param key maximum requested breakpoint
|
|
16
|
+
* @param breakpoint reference breakpoint
|
|
17
|
+
* @returns flag indicating if requested key is lower than reference breakpoint
|
|
18
|
+
*/
|
|
19
|
+
down(key: BreakpointKey, breakpoint: BreakpointKey): boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Gets matching breakpoint key for the specified width.
|
|
22
|
+
*
|
|
23
|
+
* @param width width in px
|
|
24
|
+
* @returns matching breakpoint key
|
|
25
|
+
*/
|
|
26
|
+
toKey(width: number): BreakpointKey;
|
|
27
|
+
/**
|
|
28
|
+
* Checks if requested key is greater than or equal reference breakpoint.
|
|
29
|
+
* Matches [{key}, ∞) (`key` inclusive).
|
|
30
|
+
*
|
|
31
|
+
* @param key minimum requested key
|
|
32
|
+
* @param breakpoint reference breakpoint
|
|
33
|
+
* @returns flag indicating if requested key is greater than or equal reference breakpoint
|
|
34
|
+
*/
|
|
35
|
+
up(key: BreakpointKey, breakpoint: BreakpointKey): boolean;
|
|
36
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Breakpoints';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BreakpointKey, Breakpoints } from '../breakpoints';
|
|
3
|
+
export interface ContainerQueryContext {
|
|
4
|
+
/**
|
|
5
|
+
* Current breakpoint key of the container.
|
|
6
|
+
*/
|
|
7
|
+
key?: BreakpointKey;
|
|
8
|
+
/**
|
|
9
|
+
* Current vertical breakpoint key of the container.
|
|
10
|
+
*/
|
|
11
|
+
keyVertical?: BreakpointKey;
|
|
12
|
+
/**
|
|
13
|
+
* Breakpoint utils.
|
|
14
|
+
*/
|
|
15
|
+
breakpoints?: Breakpoints;
|
|
16
|
+
}
|
|
17
|
+
export declare const ContainerQueryContext: React.Context<ContainerQueryContext>;
|
|
18
|
+
export declare const useContainerQuery: () => ContainerQueryContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ContainerQueryContext';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BreakpointMap } from '../breakpoints';
|
|
3
|
+
declare const ContainerQueryProvider: React.FC<Props>;
|
|
4
|
+
export interface Props {
|
|
5
|
+
/**
|
|
6
|
+
* Maps breakpoint keys to width values. Each key corresponds to minimum value (in px).
|
|
7
|
+
*/
|
|
8
|
+
breakpointValues: BreakpointMap;
|
|
9
|
+
/**
|
|
10
|
+
* Main content of the component.
|
|
11
|
+
*/
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Element used as container.
|
|
15
|
+
*/
|
|
16
|
+
containerEl?: HTMLElement | null;
|
|
17
|
+
}
|
|
18
|
+
export default ContainerQueryProvider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ContainerQueryProvider';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const CopyButton: React.FC<Props>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Value to be copied to clipboard.
|
|
6
|
+
*/
|
|
7
|
+
value?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Label displayed in the popup on hover and the internal button's aria-label.
|
|
10
|
+
*/
|
|
11
|
+
labelCopy: string;
|
|
12
|
+
/**
|
|
13
|
+
* Label displayed in the popup upon clicking on the copy button.
|
|
14
|
+
*/
|
|
15
|
+
labelCopied: string;
|
|
16
|
+
}
|
|
17
|
+
export default CopyButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './CopyButton';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const CopyableInput: React.FC<Props>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Unique input's id.
|
|
6
|
+
*/
|
|
7
|
+
id: string;
|
|
8
|
+
/**
|
|
9
|
+
* Input's value. This value will be copied to clipboard upon clicking on the copy button.
|
|
10
|
+
*/
|
|
11
|
+
value?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Input's class name.
|
|
14
|
+
*/
|
|
15
|
+
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Label displayed in the popup on hover and the internal button's aria-label.
|
|
18
|
+
*/
|
|
19
|
+
labelCopy: string;
|
|
20
|
+
/**
|
|
21
|
+
* Label displayed in the popup upon clicking on the copy button.
|
|
22
|
+
*/
|
|
23
|
+
labelCopied: string;
|
|
24
|
+
}
|
|
25
|
+
export default CopyableInput;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './CopyableInput';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DialogProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Entry component for the dialog.
|
|
5
|
+
* Initializes selected dialog mode and optionally adds common options and draggability if needed.
|
|
6
|
+
*/
|
|
7
|
+
declare const Dialog: React.FC<Props>;
|
|
8
|
+
export declare type Props = DialogProps;
|
|
9
|
+
export default Dialog;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogActions';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DialogRootProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* Controls dialog in animated mode.
|
|
5
|
+
* In particular it manages CSS animation classes that are being appended to dialog root.
|
|
6
|
+
*
|
|
7
|
+
* It takes into account edge cases such as
|
|
8
|
+
* - element associated with `animationAnchor` might change after dialog is mounted
|
|
9
|
+
* - element associated with `animationAnchor` might get removed after dialog is mounted
|
|
10
|
+
* - root element might get resized and `animationAnchor` might change its position as a result
|
|
11
|
+
*
|
|
12
|
+
* When it comes to styling it's important to note that animation itself uses transform (translate, scale) for swift transition
|
|
13
|
+
* but once the animation ends, regular approach with `top` / `left` is used (see `DialogDraggable` component).
|
|
14
|
+
*/
|
|
15
|
+
declare const DialogAnimated: React.FC<Props>;
|
|
16
|
+
export interface Props extends DialogRootProps {
|
|
17
|
+
/**
|
|
18
|
+
* Element under which dialog will be minimized.
|
|
19
|
+
*/
|
|
20
|
+
animationAnchor?: HTMLElement | null;
|
|
21
|
+
/**
|
|
22
|
+
* Dialog root element.
|
|
23
|
+
*/
|
|
24
|
+
dialogRoot?: HTMLElement | null;
|
|
25
|
+
/**
|
|
26
|
+
* Opens dialog. Use in combination with `onClose`.
|
|
27
|
+
*/
|
|
28
|
+
open?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export default DialogAnimated;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogAnimated';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const DialogColumn: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export interface Props extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Main content of the component.
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Allows its content to overflow.
|
|
10
|
+
*/
|
|
11
|
+
overflow?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export default DialogColumn;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogColumn';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DraggableState } from '../../utils';
|
|
3
|
+
export interface DialogContextDraggable extends DraggableState {
|
|
4
|
+
/**
|
|
5
|
+
* Indicates if dialog is draggable.
|
|
6
|
+
*/
|
|
7
|
+
draggable?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface DialogContext {
|
|
10
|
+
/**
|
|
11
|
+
* Callback invoked when dialog is closed.
|
|
12
|
+
*/
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const DialogContext: React.Context<DialogContext>;
|
|
16
|
+
export declare const useDialogCtx: () => DialogContext;
|
|
17
|
+
export declare const DialogContextDraggable: React.Context<DialogContextDraggable>;
|
|
18
|
+
export declare const useDialogDraggableCtx: () => DialogContextDraggable;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DialogContext';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Component responsible for controlling dragging of the dialog.
|
|
4
|
+
*
|
|
5
|
+
* It exposes dragging state for components down the tree via context.
|
|
6
|
+
* It manages current dialog position.
|
|
7
|
+
*/
|
|
8
|
+
declare const DialogDraggable: React.FC<Props>;
|
|
9
|
+
export interface Props {
|
|
10
|
+
/**
|
|
11
|
+
* Main content of the component.
|
|
12
|
+
*/
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Callback invoked on dragging the dialog.
|
|
16
|
+
*/
|
|
17
|
+
onDrag?: () => void;
|
|
18
|
+
/**
|
|
19
|
+
* Indicates if dialog is open.
|
|
20
|
+
*/
|
|
21
|
+
open?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export default DialogDraggable;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogDraggable';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const DialogFooter: React.FC<Props>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Main content of the component.
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Content placed on a right-side of the footer.
|
|
10
|
+
*/
|
|
11
|
+
sideContent?: {
|
|
12
|
+
label: React.ReactNode;
|
|
13
|
+
error?: boolean;
|
|
14
|
+
warning?: boolean;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
}[];
|
|
17
|
+
}
|
|
18
|
+
export default DialogFooter;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogFooter';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const DialogHeader: React.FC<Props>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Sets focus on close button on mount.
|
|
6
|
+
*/
|
|
7
|
+
autofocus?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Close button's label.
|
|
10
|
+
*/
|
|
11
|
+
closeLabel?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Indicates that progress is ongoing.
|
|
14
|
+
*/
|
|
15
|
+
inProgress?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Turns on progress in header.
|
|
18
|
+
*/
|
|
19
|
+
progress?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Progress value. Works only if `progress` is enabled.
|
|
22
|
+
*/
|
|
23
|
+
progressValue?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Secondary title.
|
|
26
|
+
*/
|
|
27
|
+
subTitle?: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Dialog title.
|
|
30
|
+
*/
|
|
31
|
+
title?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Dialog title size.
|
|
34
|
+
*/
|
|
35
|
+
titleSize?: 'sm' | 'md';
|
|
36
|
+
/**
|
|
37
|
+
* Sets ID of dialog header description element.
|
|
38
|
+
*/
|
|
39
|
+
descriptionId?: string;
|
|
40
|
+
/**
|
|
41
|
+
* Causes header height to be based on font size, even if title is not provided.
|
|
42
|
+
*/
|
|
43
|
+
useFontBasedHeaderHeight?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Dialog header type.
|
|
46
|
+
*/
|
|
47
|
+
type?: 'success' | 'error' | 'info';
|
|
48
|
+
}
|
|
49
|
+
export default DialogHeader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogHeader';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as DialogActions } from './actions';
|
|
2
|
+
export { default as DialogColumn } from './column';
|
|
3
|
+
export { default as DialogFooter } from './footer';
|
|
4
|
+
export { default as DialogHeader } from './header';
|
|
5
|
+
export { default as DialogRow } from './row';
|
|
6
|
+
export { default as DialogSection } from './section';
|
|
7
|
+
export { default } from './Dialog';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DialogRootProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* This component constitutes root of the dialog.
|
|
5
|
+
* It can be rendered on its own or wrapped with animated / modal / draggable variant.
|
|
6
|
+
*/
|
|
7
|
+
declare const DialogRoot: React.ForwardRefExoticComponent<DialogRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare type Props = DialogRootProps;
|
|
9
|
+
export default DialogRoot;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogRoot';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogRow';
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const DialogSection: React.FC<Props>;
|
|
3
|
+
export interface Props {
|
|
4
|
+
/**
|
|
5
|
+
* Main content of the component.
|
|
6
|
+
*/
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Removes top spacing.
|
|
10
|
+
*/
|
|
11
|
+
collapse?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Makes component full height of its container.
|
|
14
|
+
*/
|
|
15
|
+
fullHeight?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Sets dialog section height.
|
|
18
|
+
*/
|
|
19
|
+
height?: 'md';
|
|
20
|
+
/**
|
|
21
|
+
* Turns on accent background color.
|
|
22
|
+
*/
|
|
23
|
+
accent?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Toggles content spacing.
|
|
26
|
+
*/
|
|
27
|
+
spacing?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Accepts ref.
|
|
30
|
+
*/
|
|
31
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
32
|
+
/**
|
|
33
|
+
* Shows content as an error.
|
|
34
|
+
*/
|
|
35
|
+
error?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Shows content as a header.
|
|
38
|
+
*/
|
|
39
|
+
header?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Sets the dialog section ID.
|
|
42
|
+
*/
|
|
43
|
+
id?: string;
|
|
44
|
+
}
|
|
45
|
+
export default DialogSection;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './DialogSection';
|