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.
@@ -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: loadData }))] }));
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<any, any, {}>>;
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<any, any, {}>>;
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;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "tycho-components",
3
3
  "private": false,
4
- "version": "0.22.0",
4
+ "version": "0.22.1",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "exports": {