tycho-components 0.22.0 → 0.22.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/dist/features/DocumentDrawer/DocumentDrawer.js +1 -1
- package/dist/features/DocumentDrawer/Pages/BoxRemoval.d.ts +2 -1
- package/dist/features/DocumentDrawer/Pages/BoxRemoval.js +2 -2
- package/dist/features/DocumentDrawer/Pages/Boxes.d.ts +2 -1
- package/dist/features/DocumentDrawer/Pages/Boxes.js +8 -6
- package/dist/features/DocumentDrawer/Pages/PageRemoval.d.ts +2 -1
- package/dist/features/DocumentDrawer/Pages/PageRemoval.js +2 -2
- package/dist/features/DocumentDrawer/Pages/Pages.js +7 -12
- package/dist/features/DocumentDrawer/services/BoundingBoxService.d.ts +1 -1
- package/dist/features/DocumentDrawer/services/PageService.d.ts +1 -1
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ export default function DocumentDrawer({ uid, setOpenFile, setFilter, handleChan
|
|
|
39
39
|
if (!document)
|
|
40
40
|
return null;
|
|
41
41
|
if (document.defaultTool && document.defaultTool === 'DESIGN')
|
|
42
|
-
return (_jsx(Boxes, { document: document, setDocument: setDocument, setOpenFile: setOpenFile }));
|
|
42
|
+
return (_jsx(Boxes, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
|
|
43
43
|
return (_jsx(Pages, { document: document, setDocument: setDocument, setOpenFile: setOpenFile, handleChange: handleChange }));
|
|
44
44
|
};
|
|
45
45
|
useEffect(() => {
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import BoundingBox from '../types/BoundingBox';
|
|
2
|
+
import { Document } from '../deps';
|
|
2
3
|
import './style.scss';
|
|
3
4
|
type Props = {
|
|
4
5
|
box: BoundingBox;
|
|
5
6
|
onClose: () => void;
|
|
6
|
-
onRemove: () => void;
|
|
7
|
+
onRemove: (document: Document) => void;
|
|
7
8
|
};
|
|
8
9
|
export default function BoxRemoval({ box, onClose, onRemove }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -6,8 +6,8 @@ import './style.scss';
|
|
|
6
6
|
export default function BoxRemoval({ box, onClose, onRemove }) {
|
|
7
7
|
const { t } = useTranslation('page');
|
|
8
8
|
const handleRemovePage = () => {
|
|
9
|
-
BoundingBoxService.remove(box).then(() => {
|
|
10
|
-
onRemove();
|
|
9
|
+
BoundingBoxService.remove(box).then((response) => {
|
|
10
|
+
onRemove(response.data);
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
13
|
return (_jsx(AppModalConfirm, { title: t('modal.title.page.remove'), subtitle: t('modal.description.page.remove'), onClose: onClose, onConfirm: handleRemovePage }));
|
|
@@ -4,6 +4,7 @@ type Props = {
|
|
|
4
4
|
document: Document;
|
|
5
5
|
setDocument: React.Dispatch<React.SetStateAction<Document | undefined>>;
|
|
6
6
|
setOpenFile: (b: boolean) => void;
|
|
7
|
+
handleChange: (document: Document) => void;
|
|
7
8
|
};
|
|
8
|
-
export default function Boxes({ document, setDocument, setOpenFile }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default function Boxes({ document, setDocument, setOpenFile, handleChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -6,7 +6,7 @@ import { AppCard, AppPagination, AppPicture, ToolsUtils, useCorpusUtils, useMess
|
|
|
6
6
|
import { Button, IconButton } from 'tycho-storybook';
|
|
7
7
|
import BoxRemoval from './BoxRemoval';
|
|
8
8
|
import './style.scss';
|
|
9
|
-
export default function Boxes({ document, setDocument, setOpenFile }) {
|
|
9
|
+
export default function Boxes({ document, setDocument, setOpenFile, handleChange, }) {
|
|
10
10
|
const { t } = useTranslation('page');
|
|
11
11
|
const { dispatchMessage, dispatchLoading, isLoading } = useMessageUtils();
|
|
12
12
|
const { getCorpus, hasCorpus, hasParameter } = useCorpusUtils();
|
|
@@ -34,6 +34,12 @@ export default function Boxes({ document, setDocument, setOpenFile }) {
|
|
|
34
34
|
loadData();
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
+
const handleRemoved = (updated) => {
|
|
38
|
+
setDocument((prev) => prev && { ...prev, ...updated });
|
|
39
|
+
handleChange(updated);
|
|
40
|
+
setRemoveBox(null);
|
|
41
|
+
loadData();
|
|
42
|
+
};
|
|
37
43
|
const loadData = () => {
|
|
38
44
|
BoundingBoxService.page(document, pagination.pageIndex, pagination.pageSize).then((r) => {
|
|
39
45
|
setPages(r.data);
|
|
@@ -55,9 +61,5 @@ export default function Boxes({ document, setDocument, setOpenFile }) {
|
|
|
55
61
|
pages.content.map((thisBox, idx) => (_jsx(AppCard, { onClick: () => open(thisBox), footer: _jsxs(_Fragment, { children: [_jsxs("span", { children: [t('pages.label.card'), " ", thisBox.order] }), _jsx(IconButton, { onClick: (e) => {
|
|
56
62
|
validateRemovePage(thisBox);
|
|
57
63
|
e.stopPropagation();
|
|
58
|
-
}, title: t('pages.tooltip.remove'), name: "delete", mode: "ghost", size: "small" })] }), children: _jsx(AppPicture, { src: thisBox.image?.url || '' }) }, idx.valueOf()))) }), _jsx("div", { className: "footer", children: pages && (_jsx(AppPagination, { totalElements: pages.totalElements, pagination: pagination, setPagination: setPagination, hideItensPage: true })) }), removeBox !== null && (_jsx(BoxRemoval, { box: removeBox, onClose: () => setRemoveBox(null), onRemove:
|
|
59
|
-
setRemoveBox(null);
|
|
60
|
-
setDocument((prevState) => prevState && { ...prevState, pages: (prevState.pages || 1) - 1 });
|
|
61
|
-
loadData();
|
|
62
|
-
} }))] }));
|
|
64
|
+
}, title: t('pages.tooltip.remove'), name: "delete", mode: "ghost", size: "small" })] }), children: _jsx(AppPicture, { src: thisBox.image?.url || '' }) }, idx.valueOf()))) }), _jsx("div", { className: "footer", children: pages && (_jsx(AppPagination, { totalElements: pages.totalElements, pagination: pagination, setPagination: setPagination, hideItensPage: true })) }), removeBox !== null && (_jsx(BoxRemoval, { box: removeBox, onClose: () => setRemoveBox(null), onRemove: handleRemoved }))] }));
|
|
63
65
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import Page from '../types/Page';
|
|
2
|
+
import { Document } from '../deps';
|
|
2
3
|
import './style.scss';
|
|
3
4
|
type Props = {
|
|
4
5
|
page: Page;
|
|
5
6
|
onClose: () => void;
|
|
6
|
-
onRemove: () => void;
|
|
7
|
+
onRemove: (document: Document) => void;
|
|
7
8
|
};
|
|
8
9
|
export default function PageRemoval({ page, onClose, onRemove }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -6,8 +6,8 @@ import './style.scss';
|
|
|
6
6
|
export default function PageRemoval({ page, onClose, onRemove }) {
|
|
7
7
|
const { t } = useTranslation('page');
|
|
8
8
|
const handleRemovePage = () => {
|
|
9
|
-
PageService.remove(page).then(() => {
|
|
10
|
-
onRemove();
|
|
9
|
+
PageService.remove(page).then((response) => {
|
|
10
|
+
onRemove(response.data);
|
|
11
11
|
onClose();
|
|
12
12
|
});
|
|
13
13
|
};
|
|
@@ -34,22 +34,17 @@ export default function Pages({ document, setDocument, setOpenFile, handleChange
|
|
|
34
34
|
loadData();
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
+
const handleRemoved = (updated) => {
|
|
38
|
+
setDocument((prev) => prev && { ...prev, ...updated });
|
|
39
|
+
handleChange(updated);
|
|
40
|
+
setRemovePage(null);
|
|
41
|
+
loadData();
|
|
42
|
+
};
|
|
37
43
|
const loadData = () => {
|
|
38
44
|
pageService
|
|
39
45
|
.page(document, pagination.pageIndex, pagination.pageSize)
|
|
40
46
|
.then((r) => {
|
|
41
47
|
setPages(r.data);
|
|
42
|
-
setDocument((prevState) => prevState && {
|
|
43
|
-
...prevState,
|
|
44
|
-
pages: r.data.content.length,
|
|
45
|
-
page: removePage === null ? prevState.page : r.data.content[0].uid,
|
|
46
|
-
});
|
|
47
|
-
removePage &&
|
|
48
|
-
handleChange({
|
|
49
|
-
...document,
|
|
50
|
-
page: r.data.content[0].uid,
|
|
51
|
-
});
|
|
52
|
-
setRemovePage(null);
|
|
53
48
|
dispatchLoading(false);
|
|
54
49
|
});
|
|
55
50
|
};
|
|
@@ -68,5 +63,5 @@ export default function Pages({ document, setDocument, setOpenFile, handleChange
|
|
|
68
63
|
pages.content.map((thisPage, idx) => (_jsxs(AppCard, { onClick: () => open(thisPage), footer: _jsxs(_Fragment, { children: [_jsxs("span", { children: [t('pages.label.card'), " ", thisPage.order] }), _jsx(IconButton, { onClick: (e) => {
|
|
69
64
|
validateRemovePage(thisPage);
|
|
70
65
|
e.stopPropagation();
|
|
71
|
-
}, title: t('pages.tooltip.remove'), name: "delete", mode: "ghost", size: "small" })] }), children: [_jsx(PageStatusComponent, { page: thisPage, onUpdate: (status) => console.log(status) }), _jsx(AppPicture, { src: thisPage.image?.url || '' })] }, idx.valueOf()))) }), _jsx("div", { className: "footer", children: pages && (_jsx(AppPagination, { totalElements: pages.totalElements, pagination: pagination, setPagination: setPagination, hideItensPage: true })) }), removePage !== null && (_jsx(PageRemoval, { page: removePage, onClose: () => setRemovePage(null), onRemove:
|
|
66
|
+
}, title: t('pages.tooltip.remove'), name: "delete", mode: "ghost", size: "small" })] }), children: [_jsx(PageStatusComponent, { page: thisPage, onUpdate: (status) => console.log(status) }), _jsx(AppPicture, { src: thisPage.image?.url || '' })] }, idx.valueOf()))) }), _jsx("div", { className: "footer", children: pages && (_jsx(AppPagination, { totalElements: pages.totalElements, pagination: pagination, setPagination: setPagination, hideItensPage: true })) }), removePage !== null && (_jsx(PageRemoval, { page: removePage, onClose: () => setRemovePage(null), onRemove: handleRemoved }))] }));
|
|
72
67
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import BoundingBox from '../types/BoundingBox';
|
|
2
2
|
import { AppPage, Corpus, Document } from '../deps';
|
|
3
|
-
declare function remove(box: BoundingBox): Promise<import("axios").AxiosResponse<
|
|
3
|
+
declare function remove(box: BoundingBox): Promise<import("axios").AxiosResponse<Document, any, {}>>;
|
|
4
4
|
declare function create(uid: string, corpus: Corpus): Promise<import("axios").AxiosResponse<any, any, {}>>;
|
|
5
5
|
declare function page(document: Document, index: number, size: number): Promise<import("axios").AxiosResponse<AppPage<BoundingBox>, any, {}>>;
|
|
6
6
|
declare const BoundingBoxService: {
|
|
@@ -2,7 +2,7 @@ import Page from '../types/Page';
|
|
|
2
2
|
import { AppPage, Document } from '../deps';
|
|
3
3
|
declare function page(document: Document, index: number, size: number): Promise<import("axios").AxiosResponse<AppPage<Page>, any, {}>>;
|
|
4
4
|
declare function create(uid: string): Promise<import("axios").AxiosResponse<any, any, {}>>;
|
|
5
|
-
declare function remove(thisPage: Page): Promise<import("axios").AxiosResponse<
|
|
5
|
+
declare function remove(thisPage: Page): Promise<import("axios").AxiosResponse<Document, any, {}>>;
|
|
6
6
|
declare const PageService: {
|
|
7
7
|
page: typeof page;
|
|
8
8
|
create: typeof create;
|