@bit.rhplus/ui.upload-files-sheet 0.0.6 → 0.0.8

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.
Files changed (8) hide show
  1. package/dist/index.js +8 -6
  2. package/dist/index.js.map +1 -1
  3. package/dist/uploadFiles.js +2 -1
  4. package/dist/uploadFiles.js.map +1 -1
  5. package/index.jsx +44 -42
  6. package/package.json +3 -3
  7. package/uploadFiles.js +3 -1
  8. /package/dist/{preview-1737905275114.js → preview-1747214618785.js} +0 -0
package/dist/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
- // eslint-disable-next-line
4
- import { Block, Popup, View, Page, Navbar, NavRight, Link, List, ListItem } from 'framework7-react';
3
+ // Odstraním nepoužívané importy a nechám pouze ty, které se používají
4
+ /* eslint-disable */
5
+ import { Block, Popup, List, ListItem, } from 'framework7-react'; // Oprava importu by vyžadovala správné nastavení cesty
5
6
  import { ErrorIcon, LoadingIcon, SuccessIcon } from '@bit.rhplus/animate-icons';
6
7
  import prettyBytes from 'pretty-bytes';
7
8
  import useUploadFiles from './uploadFiles';
@@ -19,17 +20,18 @@ const UploadFilesSheet = React.forwardRef((props, ref) => {
19
20
  React.useImperativeHandle(ref, () => ({
20
21
  handleFilesSelected,
21
22
  }));
23
+ // Oprava závislostí v useEffect hooku
22
24
  React.useEffect(() => {
23
25
  if (uploadedFiles.length > 0 &&
24
- uploadedFiles.every(file => file.state === 'success') &&
26
+ uploadedFiles.every((file) => file.state === 'success') &&
25
27
  opened &&
26
28
  autoClose) {
27
29
  setTimeout(() => {
28
30
  setOpened(false);
29
- }, closeTimeout || 0);
31
+ }, closeTimeout);
30
32
  }
31
- }, [uploadedFiles, opened]);
32
- return (_jsx(Popup, { id: "my-popup", opened: opened, onPopupClosed: () => setOpened(false), children: _jsx(View, { children: _jsxs(Page, { children: [_jsx(Navbar, { title: "Odes\u00EDl\u00E1m data ...", children: _jsx(NavRight, { children: _jsx(Link, { href: "#", popupClose: true, role: "button", children: "Zav\u0159\u00EDt" }) }) }), _jsx(Block, { children: _jsx(List, { dividersIos: true, outlineIos: true, strongIos: true, children: uploadedFiles.map(({ name, size, state }) => (_jsx(ListItem, { header: "Soubor", title: name, after: prettyBytes(size), children: _jsx("div", { className: "item-title-row2", children: _jsxs("div", { className: "item-title2", children: [state === 'success' && (_jsx(SuccessIcon, { loop: false, animate: true, height: 30, state: state })), state === 'loading' && (_jsx(LoadingIcon, { loop: true, animate: true, height: 30, state: state })), state === 'error' && (_jsx(ErrorIcon, { loop: false, animate: true, height: 30, state: state }))] }) }) }, name))) }) })] }) }) }));
33
+ }, [uploadedFiles, opened, autoClose, closeTimeout]);
34
+ return (_jsx(Popup, { id: "my-popup", opened: opened, onPopupClosed: () => setOpened(false), children: _jsx(Block, { children: _jsx(List, { dividersIos: true, outlineIos: true, strongIos: true, children: uploadedFiles.map(({ name, size, state }) => (_jsx(ListItem, { header: "Soubor", title: name, after: prettyBytes(size), children: _jsx("div", { className: "item-title-row2", children: _jsxs("div", { className: "item-title2", children: [state === 'success' && (_jsx(SuccessIcon, { loop: false, animate: true, height: 30, state: state })), state === 'loading' && (_jsx(LoadingIcon, { loop: true, animate: true, height: 30, state: state })), state === 'error' && (_jsx(ErrorIcon, { loop: false, animate: true, height: 30, state: state }))] }) }) }, name))) }) }) }));
33
35
  });
34
36
  export default UploadFilesSheet;
35
37
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,sEAAsE;AACtE,oBAAoB;AACpB,OAAO,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,MAAM,kBAAkB,CAAC,CAAC,uDAAuD;AAClF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,MAAM,eAAe,CAAC;AAE3C,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,EAAE,KAAK,EAAE,aAAa,GAAG,EAAE,EAAE,GAAG,aAAa,IAAI,EAAE,CAAC;IAE1D,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE5D,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,EAAE;QAC5C,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,WAAW,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,mBAAmB;KACpB,CAAC,CAAC,CAAC;IAEJ,sCAAsC;IACtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IACE,aAAa,CAAC,MAAM,GAAG,CAAC;YACxB,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC;YACvD,MAAM;YACN,SAAS,EACT,CAAC;YACD,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EAAE,YAAY,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YACxE,KAAC,KAAK,cACJ,KAAC,IAAI,IAAC,WAAW,QAAC,UAAU,QAAC,SAAS,kBACnC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,QAAQ,IAEP,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,YAExB,cAAK,SAAS,EAAC,iBAAiB,YAC9B,eAAK,SAAS,EAAC,aAAa,aACzB,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,WAAW,IACV,IAAI,EAAE,KAAK,EACX,OAAO,QACP,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,KAAK,GACZ,CACH,EACA,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,WAAW,IAAC,IAAI,QAAC,OAAO,QAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CACvD,EACA,KAAK,KAAK,OAAO,IAAI,CACpB,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,EAAE,OAAO,QAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAC7D,IACG,GACF,IAtBD,IAAI,CAuBA,CACZ,CAAC,GACG,GACD,GACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
package/dist/uploadFiles.js CHANGED
@@ -36,7 +36,8 @@ const useUploadFiles = (api) => {
36
36
  try {
37
37
  const formData = new FormData();
38
38
  formData.append('Files', file);
39
- await fetchData(api, formData);
39
+ const result = await fetchData(api, formData);
40
+ console.log("🚀 ~ uploadFile ~ result:", result);
40
41
  progress = {
41
42
  ...progress,
42
43
  files: progress.files.map((f, i) => {
package/dist/uploadFiles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"uploadFiles.js","sourceRoot":"","sources":["../uploadFiles.js"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"uploadFiles.js","sourceRoot":"","sources":["../uploadFiles.js"],"names":[],"mappings":"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"}
package/index.jsx CHANGED
@@ -1,6 +1,12 @@
1
1
  import * as React from 'react';
2
- // eslint-disable-next-line
3
- import { Block, Popup, View, Page, Navbar, NavRight, Link, List, ListItem } from 'framework7-react';
2
+ // Odstraním nepoužívané importy a nechám pouze ty, které se používají
3
+ /* eslint-disable */
4
+ import {
5
+ Block,
6
+ Popup,
7
+ List,
8
+ ListItem,
9
+ } from 'framework7-react'; // Oprava importu by vyžadovala správné nastavení cesty
4
10
  import { ErrorIcon, LoadingIcon, SuccessIcon } from '@bit.rhplus/animate-icons';
5
11
  import prettyBytes from 'pretty-bytes';
6
12
  import useUploadFiles from './uploadFiles';
@@ -24,59 +30,55 @@ const UploadFilesSheet = React.forwardRef((props, ref) => {
24
30
  handleFilesSelected,
25
31
  }));
26
32
 
33
+ // Oprava závislostí v useEffect hooku
27
34
  React.useEffect(() => {
28
35
  if (
29
36
  uploadedFiles.length > 0 &&
30
- uploadedFiles.every(file => file.state === 'success') &&
37
+ uploadedFiles.every((file) => file.state === 'success') &&
31
38
  opened &&
32
39
  autoClose
33
40
  ) {
34
41
  setTimeout(() => {
35
42
  setOpened(false);
36
- }, closeTimeout || 0);
43
+ }, closeTimeout);
37
44
  }
38
- }, [uploadedFiles, opened]);
45
+ }, [uploadedFiles, opened, autoClose, closeTimeout]);
39
46
 
40
47
  return (
41
48
  <Popup id="my-popup" opened={opened} onPopupClosed={() => setOpened(false)}>
42
- <View>
43
- <Page>
44
- <Navbar title="Odesílám data ...">
45
- <NavRight>
46
- {/* eslint-disable-next-line */}
47
- <Link href="#" popupClose role="button">Zavřít</Link>
48
- </NavRight>
49
- </Navbar>
50
- <Block>
51
- <List dividersIos outlineIos strongIos>
52
- {uploadedFiles.map(({ name, size, state }) => (
53
- <ListItem
54
- key={name}
55
- header="Soubor"
56
- title={name}
57
- after={prettyBytes(size)}
58
- >
59
- <div className="item-title-row2">
60
- <div className="item-title2">
61
- {state === 'success' && (
62
- <SuccessIcon loop={false} animate height={30} state={state} />
63
- )}
64
- {state === 'loading' && (
65
- <LoadingIcon loop animate height={30} state={state} />
66
- )}
67
- {state === 'error' && (
68
- <ErrorIcon loop={false} animate height={30} state={state} />
69
- )}
70
- </div>
71
- </div>
72
- </ListItem>
73
- ))}
74
- </List>
75
- </Block>
76
- </Page>
77
- </View>
49
+ <Block>
50
+ <List dividersIos outlineIos strongIos>
51
+ {uploadedFiles.map(({ name, size, state }) => (
52
+ <ListItem
53
+ key={name}
54
+ header="Soubor"
55
+ title={name}
56
+ after={prettyBytes(size)}
57
+ >
58
+ <div className="item-title-row2">
59
+ <div className="item-title2">
60
+ {state === 'success' && (
61
+ <SuccessIcon
62
+ loop={false}
63
+ animate
64
+ height={30}
65
+ state={state}
66
+ />
67
+ )}
68
+ {state === 'loading' && (
69
+ <LoadingIcon loop animate height={30} state={state} />
70
+ )}
71
+ {state === 'error' && (
72
+ <ErrorIcon loop={false} animate height={30} state={state} />
73
+ )}
74
+ </div>
75
+ </div>
76
+ </ListItem>
77
+ ))}
78
+ </List>
79
+ </Block>
78
80
  </Popup>
79
81
  );
80
82
  });
81
83
 
82
- export default UploadFilesSheet;
84
+ export default UploadFilesSheet;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@bit.rhplus/ui.upload-files-sheet",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "homepage": "https://bit.cloud/remote-scope/ui/upload-files-sheet",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "remote-scope",
8
8
  "name": "ui/upload-files-sheet",
9
- "version": "0.0.6"
9
+ "version": "0.0.8"
10
10
  },
11
11
  "dependencies": {
12
12
  "pretty-bytes": "^6.1.1",
@@ -14,7 +14,7 @@
14
14
  "@bit.rhplus/data": "0.0.6"
15
15
  },
16
16
  "devDependencies": {
17
- "@teambit/react.react-env": "1.0.111"
17
+ "@teambit/react.react-env": "1.0.129"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "framework7-react": "^8.3.3",
package/uploadFiles.js CHANGED
@@ -42,7 +42,9 @@ const useUploadFiles = (api) => {
42
42
  try {
43
43
  const formData = new FormData();
44
44
  formData.append('Files', file);
45
- await fetchData(api, formData);
45
+ const result = await fetchData(api, formData);
46
+ console.log("🚀 ~ uploadFile ~ result:", result)
47
+
46
48
 
47
49
  progress = {
48
50
  ...progress,