@ckbox/components 2.6.1 → 2.8.0-rc.1
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 +4 -4
- package/dist/index.d.ts +106 -9
- package/dist/index.js +1 -1
- package/dist/styles/ckbox.css +1 -1
- 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/2.
|
|
16
|
+
<script src="https://cdn.ckbox.io/ckbox/2.8.0-rc.1/ckbox.js"></script>
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
Quick implementation example:
|
|
@@ -23,7 +23,7 @@ Quick implementation example:
|
|
|
23
23
|
<html>
|
|
24
24
|
<head>
|
|
25
25
|
<meta charset="UTF-8" />
|
|
26
|
-
<script src="https://cdn.ckbox.io/ckbox/2.
|
|
26
|
+
<script src="https://cdn.ckbox.io/ckbox/2.8.0-rc.1/ckbox.js"></script>
|
|
27
27
|
</head>
|
|
28
28
|
<body>
|
|
29
29
|
<div id="ckbox"></div>
|
|
@@ -48,10 +48,10 @@ The code snippet below presents the simplest scenario for integration of CKEdito
|
|
|
48
48
|
<html>
|
|
49
49
|
<head>
|
|
50
50
|
<meta charset="UTF-8" />
|
|
51
|
-
<script src="https://cdn.ckbox.io/ckbox/2.
|
|
51
|
+
<script src="https://cdn.ckbox.io/ckbox/2.8.0-rc.1/ckbox.js"></script>
|
|
52
52
|
<link
|
|
53
53
|
rel="stylesheet"
|
|
54
|
-
href="https://cdn.ckbox.io/ckbox/2.
|
|
54
|
+
href="https://cdn.ckbox.io/ckbox/2.8.0-rc.1/styles/themes/lark.css"
|
|
55
55
|
/>
|
|
56
56
|
<link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/42.0.0/ckeditor5.css" />
|
|
57
57
|
</head>
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
3
|
*/
|
|
4
4
|
import * as React$1 from 'react';
|
|
5
|
-
import React__default, { SVGProps, useEffect } from 'react';
|
|
5
|
+
import React__default, { SVGProps, JSX, useEffect } from 'react';
|
|
6
6
|
import { Placement } from '@popperjs/core';
|
|
7
7
|
import { TransitionProps } from 'react-transition-group/Transition';
|
|
8
8
|
import Cropper$1 from 'cropperjs';
|
|
@@ -280,7 +280,80 @@ declare const icons$1_VisibilityOutlined: typeof VisibilityOutlined;
|
|
|
280
280
|
declare const icons$1_Warning: typeof Warning;
|
|
281
281
|
declare const icons$1_WarningAmberOutlined: typeof WarningAmberOutlined;
|
|
282
282
|
declare namespace icons$1 {
|
|
283
|
-
export {
|
|
283
|
+
export {
|
|
284
|
+
icons$1_AccessTimeOutlined as AccessTimeOutlined,
|
|
285
|
+
icons$1_AddOutlined as AddOutlined,
|
|
286
|
+
icons$1_AdminPanelSettingsOutlined as AdminPanelSettingsOutlined,
|
|
287
|
+
icons$1_ArrowBackIosNewOutlined as ArrowBackIosNewOutlined,
|
|
288
|
+
icons$1_ArrowBackOutlined as ArrowBackOutlined,
|
|
289
|
+
icons$1_ArrowForwardIosOutlined as ArrowForwardIosOutlined,
|
|
290
|
+
icons$1_ArrowForwardOutlined as ArrowForwardOutlined,
|
|
291
|
+
icons$1_ArrowRightOutlined as ArrowRightOutlined,
|
|
292
|
+
icons$1_ArrowRightOutlinedAnimated as ArrowRightOutlinedAnimated,
|
|
293
|
+
icons$1_ArticleOutlined as ArticleOutlined,
|
|
294
|
+
icons$1_CheckCircleOutlineOutlined as CheckCircleOutlineOutlined,
|
|
295
|
+
icons$1_CheckOutlined as CheckOutlined,
|
|
296
|
+
icons$1_ChevronLeftOutlined as ChevronLeftOutlined,
|
|
297
|
+
icons$1_ChevronRightOutlined as ChevronRightOutlined,
|
|
298
|
+
icons$1_CloseFullscreen as CloseFullscreen,
|
|
299
|
+
icons$1_CloseOutlined as CloseOutlined,
|
|
300
|
+
icons$1_ContentCopyOutlined as ContentCopyOutlined,
|
|
301
|
+
icons$1_CreateNewFolderOutlined as CreateNewFolderOutlined,
|
|
302
|
+
icons$1_Crop169Outlined as Crop169Outlined,
|
|
303
|
+
icons$1_Crop916Outlined as Crop916Outlined,
|
|
304
|
+
icons$1_CropLandscapeOutlined as CropLandscapeOutlined,
|
|
305
|
+
icons$1_CropOriginalOutlined as CropOriginalOutlined,
|
|
306
|
+
icons$1_CropOutlined as CropOutlined,
|
|
307
|
+
icons$1_CropPortraitOutlined as CropPortraitOutlined,
|
|
308
|
+
icons$1_CropSquareOutlined as CropSquareOutlined,
|
|
309
|
+
icons$1_DeleteOutlineOutlined as DeleteOutlineOutlined,
|
|
310
|
+
icons$1_DragIndicatorOutlined as DragIndicatorOutlined,
|
|
311
|
+
icons$1_DriveFileRenameOutlineOutlined as DriveFileRenameOutlineOutlined,
|
|
312
|
+
icons$1_DriveFolderUploadOutlined as DriveFolderUploadOutlined,
|
|
313
|
+
icons$1_EditOutlined as EditOutlined,
|
|
314
|
+
icons$1_ExpandMoreOutlined as ExpandMoreOutlined,
|
|
315
|
+
icons$1_FileCopyOutlined as FileCopyOutlined,
|
|
316
|
+
icons$1_FileDownloadOutlined as FileDownloadOutlined,
|
|
317
|
+
icons$1_FileMoveOutlined as FileMoveOutlined,
|
|
318
|
+
icons$1_FileUploadOutlined as FileUploadOutlined,
|
|
319
|
+
icons$1_FilterListOutlined as FilterListOutlined,
|
|
320
|
+
icons$1_FirstPageOutlined as FirstPageOutlined,
|
|
321
|
+
icons$1_FlipHorizontalOutlined as FlipHorizontalOutlined,
|
|
322
|
+
icons$1_FlipVerticalOutlined as FlipVerticalOutlined,
|
|
323
|
+
icons$1_Folder as Folder,
|
|
324
|
+
icons$1_FolderOutlined as FolderOutlined,
|
|
325
|
+
icons$1_HighlightOffOutlined as HighlightOffOutlined,
|
|
326
|
+
icons$1_InfoOutlined as InfoOutlined,
|
|
327
|
+
icons$1_Inventory2Outlined as Inventory2Outlined,
|
|
328
|
+
icons$1_KeyboardDoubleArrowLeftOutlined as KeyboardDoubleArrowLeftOutlined,
|
|
329
|
+
icons$1_KeyboardDoubleArrowRightOutlined as KeyboardDoubleArrowRightOutlined,
|
|
330
|
+
icons$1_LastPageOutlined as LastPageOutlined,
|
|
331
|
+
icons$1_LockOpenOutlined as LockOpenOutlined,
|
|
332
|
+
icons$1_LockOutlined as LockOutlined,
|
|
333
|
+
icons$1_ManageAccountsOutlined as ManageAccountsOutlined,
|
|
334
|
+
icons$1_MoreVertOutlined as MoreVertOutlined,
|
|
335
|
+
icons$1_OpenInFull as OpenInFull,
|
|
336
|
+
icons$1_OpenInNew as OpenInNew,
|
|
337
|
+
icons$1_PeopleAltOutlined as PeopleAltOutlined,
|
|
338
|
+
icons$1_PhotoOutlined as PhotoOutlined,
|
|
339
|
+
icons$1_RemoveOutlined as RemoveOutlined,
|
|
340
|
+
icons$1_RotateLeftOutlined as RotateLeftOutlined,
|
|
341
|
+
icons$1_RotateRightOutlined as RotateRightOutlined,
|
|
342
|
+
icons$1_SaveOutlined as SaveOutlined,
|
|
343
|
+
icons$1_SearchMissingResults as SearchMissingResults,
|
|
344
|
+
icons$1_SearchOutlined as SearchOutlined,
|
|
345
|
+
icons$1_SettingsOutlined as SettingsOutlined,
|
|
346
|
+
icons$1_SettingsOutlinedAnimated as SettingsOutlinedAnimated,
|
|
347
|
+
icons$1_Sort as Sort,
|
|
348
|
+
icons$1_SortAscending as SortAscending,
|
|
349
|
+
icons$1_SortDescending as SortDescending,
|
|
350
|
+
icons$1_Spinner as Spinner,
|
|
351
|
+
icons$1_TuneOutlined as TuneOutlined,
|
|
352
|
+
icons$1_UploadFileOutlined as UploadFileOutlined,
|
|
353
|
+
icons$1_VisibilityOutlined as VisibilityOutlined,
|
|
354
|
+
icons$1_Warning as Warning,
|
|
355
|
+
icons$1_WarningAmberOutlined as WarningAmberOutlined,
|
|
356
|
+
};
|
|
284
357
|
}
|
|
285
358
|
|
|
286
359
|
type IconRenderer = (props: {
|
|
@@ -855,7 +928,18 @@ declare const icons_Ppt: typeof Ppt;
|
|
|
855
928
|
declare const icons_Txt: typeof Txt;
|
|
856
929
|
declare const icons_Word: typeof Word;
|
|
857
930
|
declare namespace icons {
|
|
858
|
-
export {
|
|
931
|
+
export {
|
|
932
|
+
Zip as Archive,
|
|
933
|
+
icons_Empty as Empty,
|
|
934
|
+
icons_Excel as Excel,
|
|
935
|
+
icons_Img as Img,
|
|
936
|
+
icons_Movie as Movie,
|
|
937
|
+
icons_Music as Music,
|
|
938
|
+
icons_Pdf as Pdf,
|
|
939
|
+
icons_Ppt as Ppt,
|
|
940
|
+
icons_Txt as Txt,
|
|
941
|
+
icons_Word as Word,
|
|
942
|
+
};
|
|
859
943
|
}
|
|
860
944
|
|
|
861
945
|
declare const DocIcon: React$1.FC<Props$34>;
|
|
@@ -2603,7 +2687,9 @@ interface Props$1Q {
|
|
|
2603
2687
|
* Main content of the component.
|
|
2604
2688
|
* It must be a single child that accepts `ref`.
|
|
2605
2689
|
*/
|
|
2606
|
-
children: React$1.
|
|
2690
|
+
children: React$1.ReactElement<{
|
|
2691
|
+
ref: React$1.Ref<HTMLElement>;
|
|
2692
|
+
}>;
|
|
2607
2693
|
/**
|
|
2608
2694
|
* If true, the tooltip will display after 1.5s delay.
|
|
2609
2695
|
*/
|
|
@@ -2996,7 +3082,7 @@ interface BatchUpdateBatch<Payload> {
|
|
|
2996
3082
|
* @returns actions and batch
|
|
2997
3083
|
*/
|
|
2998
3084
|
declare const useBatchUpdate: <Payload extends BatchUpdatePayload>(updateCb: (batch: BatchUpdateBatch<Payload>) => void, batchUpdateInterval: number) => {
|
|
2999
|
-
batch: React$1.
|
|
3085
|
+
batch: React$1.RefObject<BatchUpdateBatch<Payload>>;
|
|
3000
3086
|
pushUpdate: (payload: Payload) => void;
|
|
3001
3087
|
};
|
|
3002
3088
|
|
|
@@ -3560,7 +3646,7 @@ declare const checkIfDropFilesHaveFolders: (files: DropFile[]) => boolean;
|
|
|
3560
3646
|
* @param ref
|
|
3561
3647
|
* @returns single forked ref synced with the provided ref
|
|
3562
3648
|
*/
|
|
3563
|
-
declare const useForkRef: <T>(ref: React$1.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined) => React$1.RefObject<T>;
|
|
3649
|
+
declare const useForkRef: <T>(ref: React$1.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined) => React$1.RefObject<T | null>;
|
|
3564
3650
|
|
|
3565
3651
|
type Selected = Set<string>;
|
|
3566
3652
|
|
|
@@ -3807,7 +3893,17 @@ declare const validators_d_nonEmpty: typeof nonEmpty;
|
|
|
3807
3893
|
declare const validators_d_nonEmptyArray: typeof nonEmptyArray;
|
|
3808
3894
|
declare const validators_d_unique: typeof unique;
|
|
3809
3895
|
declare namespace validators_d {
|
|
3810
|
-
export {
|
|
3896
|
+
export {
|
|
3897
|
+
validators_d_isAllowed as isAllowed,
|
|
3898
|
+
validators_d_isCaseInsensitiveStringAllowed as isCaseInsensitiveStringAllowed,
|
|
3899
|
+
validators_d_maxItems as maxItems,
|
|
3900
|
+
validators_d_maxLength as maxLength,
|
|
3901
|
+
validators_d_maxValue as maxValue,
|
|
3902
|
+
validators_d_nonDotValue as nonDotValue,
|
|
3903
|
+
validators_d_nonEmpty as nonEmpty,
|
|
3904
|
+
validators_d_nonEmptyArray as nonEmptyArray,
|
|
3905
|
+
validators_d_unique as unique,
|
|
3906
|
+
};
|
|
3811
3907
|
}
|
|
3812
3908
|
|
|
3813
3909
|
declare const ViewDialog: React$1.FC<Props$1N>;
|
|
@@ -5898,7 +5994,7 @@ declare const ImageEditorToolbarZoomInButton: React$1.FC<Omit<Props$h, 'children
|
|
|
5898
5994
|
|
|
5899
5995
|
declare const ImageEditorToolbarZoomOutButton: React$1.FC<Omit<Props$h, 'children' | 'onClick'>>;
|
|
5900
5996
|
|
|
5901
|
-
declare const ImageEditorToolbarZoomValue: React$1.
|
|
5997
|
+
declare const ImageEditorToolbarZoomValue: React$1.ForwardRefExoticComponent<Props$f & React$1.RefAttributes<HTMLButtonElement>>;
|
|
5902
5998
|
interface Props$f {
|
|
5903
5999
|
/**
|
|
5904
6000
|
* Optional aria-label for the button.
|
|
@@ -6184,4 +6280,5 @@ interface Props {
|
|
|
6184
6280
|
className?: string;
|
|
6185
6281
|
}
|
|
6186
6282
|
|
|
6187
|
-
export { Avatar, Bottombar, Button,
|
|
6283
|
+
export { Avatar, Bottombar, Button, ButtonGroup, ButtonRow, COLLAPSE_THRESHOLD, CONTAINER_QUERY_BREAKPOINTS, CROPPER_FLIP_FACTOR, CROPPER_FULL_ROTATION, CROPPER_INIT_SCALE, CROPPER_MIN_ZOOM_VALUE, CROPPER_ROTATION_ANGLE, CROPPER_ZOOM_FACTOR, CROPPER_ZOOM_STEP, CROPPER_ZOOM_STEP_FINE, CROPPER_ZOOM_THRESHOLD, Checkbox, CheckboxLabel, CircularLoader, ContainerQuery, ContainerQueryProvider, CopyButton, CopyableInput, CopyableLabel, Dialog, DialogActions, DialogColumn, DialogFooter, DialogHeader, DialogNext, DialogNextCloseButton, DialogNextColumn, DialogNextContent, DialogNextFooter, DialogNextHeader, DialogNextSeparator, DialogNextTitle, DialogProgressHeader, DialogRow, DialogSection, DocIcon, Drawer, DrawerActions, DrawerContent, DrawerHeader, DrawerSection, Ellipsis, EmptyView, EmptyViewLabel, FileInput, FilePreview, FilePreviewActions, FilePreviewColumn, FilePreviewContent, FilePreviewHoverable, FilePreviewNavButton, FilePreviewTooltip, Fixed, FixedContext, FixedProvider, Form, FormFeedback, FormGroup, FormGroupColumn, FormGroupInfo, FormInputLabel, Gallery, GalleryFigure, GalleryItem, Icon, ImageEditor, ImageEditorActions, ImageEditorApplyButton, ImageEditorButtonsGroup, ImageEditorButtonsRow, ImageEditorCanvas, ImageEditorContent, ImageEditorContext, ImageEditorCropBoxDimensions, ImageEditorCropCard, ImageEditorCropCardFreeform, ImageEditorCropCardList, ImageEditorCropCardOriginal, ImageEditorDemoLabel, ImageEditorDimensionsInput, ImageEditorFlipHorizontalButton, ImageEditorFlipVerticalButton, ImageEditorLoader, ImageEditorMenu, ImageEditorMenuContainer, ImageEditorMenuSection, ImageEditorMenuSubSection, ImageEditorPresetSelect, ImageEditorPreviewContext, ImageEditorResetButton, ImageEditorResizeDimensions, ImageEditorRotateLeftButton, ImageEditorRotateRightButton, ImageEditorSaveDialog, ImageEditorSaveDialogActions, ImageEditorSaveDialogCanvas, ImageEditorPreviewCloseButton as ImageEditorSaveDialogCloseButton, ImageEditorSaveDialogHeader, ImageEditorSaveDialogImage, ImageEditorSaveDialogInfo, ImageEditorSaveDialogPreview, ImageEditorSaveDialogSaveButton, ImageEditorSaveDialogSection, ImageEditorToolbar, ImageEditorToolbarFlipHorizontalButton, ImageEditorToolbarFlipVerticalButton, ImageEditorToolbarImageSize, ImageEditorToolbarRotateLeftButton, ImageEditorToolbarRotateRightButton, ImageEditorToolbarSection, ImageEditorToolbarZoomInButton, ImageEditorToolbarZoomOutButton, ImageEditorToolbarZoomValue, ImageEditorWorkspace, Link, List, ListItem, ListItemActions, ListItemContent, LoadingButton, Menu, MenuItem, MenuSection, MenuSubSection, ModalDialog, ModalDialogActionContent, ModalDialogActionItem, ModalDialogCallout, ModalDialogContent, ModalDialogContentColumn, ModalDialogFooter, ModalDialogFooterAction, ModalDialogHeader, ModalDialogList, ModalDialogListItem, MouseEventButton, NAVBAR_COLLAPSED_WIDTH, NAVBAR_LOADING_DELAY, NAVBAR_MAX_WIDTH, NAVBAR_MIN_WIDTH, NAVBAR_PREVIEW_TIMEOUT, Navbar, NavbarContext, NavbarItem, NavbarItemContainer, NavbarItemContent, NavbarItemLabel, NavbarItemsGroup, NavbarLink, NavbarScrollableContent, NavbarSeparator, NavbarToggleButton, NavigationDialog, NavigationDialogContent, NavigationDialogFallbackContent, NavigationDialogFooter, NavigationDialogHeader, NavigationDialogItem, NavigationDialogItemAction, NavigationDialogItemLabel, Notification, Notifications, Modal as Overlay, Pagination, Panel, PanelActions, PanelCheckbox, PanelColumn, PanelContent, PanelContentProp, PanelDescriptionItem, PanelDragHandle, PanelList, PanelListDivider, PanelSide, PanelSkeleton, PanelTitle, PdfViewer, PermissionTag, Permissions, PermissionsActions, PermissionsContent, PermissionsForm, PermissionsFormGroup, PermissionsFormInput, PermissionsManagementPanel, PermissionsManagementPanelHeader, PermissionsManagementPanelRulesHeader, PermissionsPanel, PermissionsScopeHeader, PermissionsScopeList, PermissionsTitle, Pill, Pills, Popper, PopperArrow, PopperContext, ProgressPanel, PropertiesTable, PropertiesTableRow, RangeSlider, ResponsiveImage, ResponsiveImageFallback, ResponsiveImageFit, ResponsiveImageScalable, ResponsiveImageSkeleton, SearchDialog, SearchDialogActions, SearchDialogContent, SearchDialogFallback, SearchDialogHeader, SearchDialogInput, SearchDialogSection, Select, SelectListboxGrid, SelectionArea, Skeleton, SortButton, SortableDndList, SortableDndListItem, Switch, SwitchInput, SwitchView, Tab, TabPanel, Table, TableBody, TableCell, TableContainer, TableHead, TableHeader, TableRow, TableToolbar, Tabs, Tag, TagInput, TagLabel, TagList, TextEllipsis, TextField, TextFieldInput, Textarea, Tooltip, Topbar, TopbarAction, UIContext, UIProvider, View, ViewContent, ViewContentBar, ViewContentWrapper, ViewDialog, ViewFooter, ViewHeader, ViewPaper, ViewSideContent, ViewWrapper, areItemsIdentical, base64FromBlurHash, checkIfDropFilesHaveFolders, clamp, clsx, formatTimeDistance, getAllFileEntries, getAllFiles, getClampedDimension, getClampedDimensions, getKeyHandler, getPixelCountFromImageBlob, getScrollVectors, getStandardDeviation, getValidChildren, hasOwnProperty, imageEditorContextDefaultValue, imageEditorPreviewContextDefaultValue, isClipboardItemSupported, matchesCombination, navbarContextInitProps, noOp, rInterval, readAllDirectoryEntries, readEntriesPromise, readFromClipboard, tryReadFromClipboard, tryWriteTextToClipboard, tryWriteToClipboard, uiContextInitProps, useBatchUpdate, useClickAway, useContainerKeyDown, useContainerQuery, useCropper, useCropperCrop, useCropperRotate, useCropperScale, useCropperZoom, useDeferredLoader, useDeferredUnmount, useDelay, useDownload, useDraggable, useElementVisibility, useFilesDrop, useFixedCtx, useForkRef, useGridSelection, useImageEditorContext, useImageEditorPreviewContext, useIsMounted, useIsomorphicLayoutEffect, useItemsOverflow, useListDnd, useNavbarCtx, usePopperCtx, useResettableTimeout, useResize, useResponsiveSizes, useScaleDown, useScroll, useScrollDnd, useToggle, useUIContext, validators_d as validators, writeTextToClipboard, writeToClipboard };
|
|
6284
|
+
export type { ButtonColor, ButtonSize, ButtonType, CropperDimensions, CropperLockedDimension, Dimensions, DocIconName, DragDimensionsHandler, DragHandler, DraggableOptions, DraggableState, DropFile, DropItem, IconColor, IconName, Props$3q as IconProps, IconRenderProp, IconRenderer, IconSize, ImageEditorEditingResult, ImageEditorPresetGroup, ImageEditorPresetOption, KeyAction, KeyCombination, KeyEventLike, KeyModifier, KeyProps, ListDndChildProps, ListDndItem, ListDndItemHookProps, ListDndMoveItem, ListDndOnDragEnd, ListDndSetDraggable, ListDndSetDraggablePartial, ListboxProps, OnScrollHandler, PermissionMap, PermissionName, PopperAnchorRef, PopperOffset, PopperOffsetValue, PopperPlacement, Props$3q as Props, RInterval, ResizeOptions, ScrollCoordsConfig, ScrollOptions, SelectKeyboardNavProps, SelectKeyboardNextIdGetter, SelectOption, SelectRenderableOption, SelectSection, SelectToggleHandler, SelectionAreaCoords, Props$c as TextareaProps, Props$1M as UIProviderProps, UseFilesDropProps, Props$1N as ViewDialogProps, XYCoord };
|