react-science 0.36.0 → 0.37.0

package/lib/components/drop-zone/DropZone.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
 import type { IconName } from '@blueprintjs/icons';
-import { FileError, FileRejection } from 'react-dropzone';
-export interface DropZoneProps {
+import { DropzoneOptions } from 'react-dropzone';
+export interface DropZoneProps extends DropzoneOptions {
     borderColor?: string;
-    onDrop?: <T extends File>(acceptedFiles: T[], rejectedFiles?: FileRejection[]) => void;
-    fileValidator?: <T extends File>(file: T) => FileError | FileError[] | null;
     emptyIcon?: IconName;
     emptyTitle?: string;
     emptyDescription?: string;

package/lib/components/drop-zone/DropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAGvE,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EACtB,aAAa,EAAE,CAAC,EAAE,EAClB,aAAa,CAAC,EAAE,aAAa,EAAE,KAC5B,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AA0CD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D"}
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AA0CD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D"}

package/lib/components/drop-zone/DropZone.js

@@ -7,7 +7,6 @@ exports.DropZoneContainer = exports.DropZone = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@blueprintjs/core");
 const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = require("react");
 const react_dropzone_1 = require("react-dropzone");
 const tinycolor2_1 = __importDefault(require("tinycolor2"));
 const DropzoneRoot = styled_1.default.div `
@@ -51,21 +50,12 @@ function DropZoneContainer(props) {
 }
 exports.DropZoneContainer = DropZoneContainer;
 function DropZoneContent(props) {
-    const { borderColor = core_1.Colors.GRAY3, children = null, onDrop, onClick, fileValidator, emptyIcon = 'import', emptyTitle = 'No data loaded', emptyDescription = 'You can load data by drag-and-dropping files here', emptyButtonText = 'Select files', emptyButtonIcon = 'plus', } = props;
+    const { borderColor = core_1.Colors.GRAY3, children = null, onClick, emptyIcon = 'import', emptyTitle = 'No data loaded', emptyDescription = 'You can load data by drag-and-dropping files here', emptyButtonText = 'Select files', emptyButtonIcon = 'plus', noClick, ...otherProps } = props;
     const hasChildren = children !== null;
-    const handleOnDrop = (0, react_1.useCallback)((acceptedFiles, rejectedFiles) => {
-        onDrop?.(acceptedFiles, rejectedFiles);
-    }, [onDrop]);
     const { getRootProps, getInputProps, isDragActive } = (0, react_dropzone_1.useDropzone)({
-        noClick: hasChildren,
-        validator: fileValidator,
-        onDrop: handleOnDrop,
+        noClick: noClick ?? hasChildren,
+        ...otherProps,
     });
-    const getPropsOptions = (0, react_1.useMemo)(() => {
-        if (onClick) {
-            return { onClick };
-        }
-    }, [onClick]);
-    return ((0, jsx_runtime_1.jsxs)(DropzoneRoot, { ...getRootProps(getPropsOptions), children: [children, isDragActive ? ((0, jsx_runtime_1.jsx)(DropzoneDragActive, { borderColor: borderColor, children: (0, jsx_runtime_1.jsx)(core_1.NonIdealState, { icon: "cloud-upload", title: "Drop the files here" }) })) : !hasChildren ? ((0, jsx_runtime_1.jsx)(DropzoneEmpty, { borderColor: borderColor, children: (0, jsx_runtime_1.jsx)(core_1.NonIdealState, { icon: emptyIcon, title: emptyTitle, description: emptyDescription, action: (0, jsx_runtime_1.jsx)(core_1.Button, { className: "dropzone-button", outlined: true, text: emptyButtonText, icon: emptyButtonIcon, intent: "primary" }) }) })) : null, (0, jsx_runtime_1.jsx)("input", { ...getInputProps() })] }));
+    return ((0, jsx_runtime_1.jsxs)(DropzoneRoot, { ...getRootProps({ onClick }), children: [children, isDragActive ? ((0, jsx_runtime_1.jsx)(DropzoneDragActive, { borderColor: borderColor, children: (0, jsx_runtime_1.jsx)(core_1.NonIdealState, { icon: "cloud-upload", title: "Drop the files here" }) })) : !hasChildren ? ((0, jsx_runtime_1.jsx)(DropzoneEmpty, { borderColor: borderColor, children: (0, jsx_runtime_1.jsx)(core_1.NonIdealState, { icon: emptyIcon, title: emptyTitle, description: emptyDescription, action: (0, jsx_runtime_1.jsx)(core_1.Button, { className: "dropzone-button", outlined: true, text: emptyButtonText, icon: emptyButtonIcon, intent: "primary" }) }) })) : null, (0, jsx_runtime_1.jsx)("input", { ...getInputProps() })] }));
 }
 //# sourceMappingURL=DropZone.js.map

package/lib/components/drop-zone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";;;;;;;AAAA,4CAAkE;AAElE,6DAAqC;AAErC,mDAA8D;AAC9D,4DAAmC;AAWnC,MAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AAMF,MAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,CAAoB;;;;;;;;;;;;;kBAavC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAClC,WAAW,IAAI,IAAA,oBAAS,EAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE;CACpE,CAAC;AAEF,MAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAoB;;wBAE5B,IAAA,oBAAS,EAAC,aAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;;;;;;;;kBAQ1D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CACjD,CAAC;AAEF,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,OAAO,uBAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAFD,4BAEC;AAMD,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,uBAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAFD,8CAEC;AAED,SAAS,eAAe,CACtB,KAQC;IAED,MAAM,EACJ,WAAW,GAAG,aAAM,CAAC,KAAK,EAC1B,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,SAAS,GAAG,QAAQ,EACpB,UAAU,GAAG,gBAAgB,EAC7B,gBAAgB,GAAG,mDAAmD,EACtE,eAAe,GAAG,cAAc,EAChC,eAAe,GAAG,MAAM,EACxB,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IAEtC,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAA,4BAAW,EAAC;QAChE,OAAO,EAAE,OAAO,IAAI,WAAW;QAC/B,GAAG,UAAU;KACd,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,YAAY,OAAK,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,aACxC,QAAQ,EACR,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,YAC1C,uBAAC,oBAAa,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,GAAG,GAC9C,CACtB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,uBAAC,aAAa,IAAC,WAAW,EAAE,WAAW,YACrC,uBAAC,oBAAa,IACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EACJ,uBAAC,aAAM,IACL,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,QACR,IAAI,EAAE,eAAe,EACrB,IAAI,EAAE,eAAe,EACrB,MAAM,EAAC,SAAS,GAChB,GAEJ,GACY,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,qCAAW,aAAa,EAAE,GAAI,IACjB,CAChB,CAAC;AACJ,CAAC"}

package/lib/components/header/PanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA6BrD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDAwBlB"}
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BlC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDAUlB"}

package/lib/components/header/PanelHeader.js

@@ -4,7 +4,6 @@ exports.PanelHeader = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsxImportSource @emotion/react */
 const react_1 = require("@emotion/react");
-const react_2 = require("react");
 const Button_1 = require("../button/Button");
 const styles = {
     container: (0, react_1.css)({
@@ -31,21 +30,19 @@ const styles = {
     }),
 };
 function PanelHeader({ total, current, children, onClickSettings, }) {
-    const labelRef = (0, react_2.useRef)(null);
-    (0, react_2.useEffect)(() => {
-        if (!labelRef.current)
-            return;
-        if (current !== undefined && total !== undefined) {
-            labelRef.current.textContent = `${current} / ${total}`;
-        }
-        else if (current !== undefined) {
-            labelRef.current.textContent = `[ ${current} ]`;
-        }
-        else if (total !== undefined) {
-            labelRef.current.textContent = `[ ${total} ]`;
-        }
-    }, [current, total]);
-    return ((0, jsx_runtime_1.jsxs)("div", { css: styles.container, children: [(0, jsx_runtime_1.jsx)("div", { css: styles.leftContainer, children: children }), (0, jsx_runtime_1.jsx)("p", { ref: labelRef, css: styles.counterLabel }), onClickSettings && ((0, jsx_runtime_1.jsx)(Button_1.Button, { color: "black", minimal: true, onClick: onClickSettings, icon: "cog" }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { css: styles.container, children: [(0, jsx_runtime_1.jsx)("div", { css: styles.leftContainer, children: children }), (0, jsx_runtime_1.jsx)("p", { css: styles.counterLabel, children: formatCounterLabel(current, total) }), onClickSettings && ((0, jsx_runtime_1.jsx)(Button_1.Button, { color: "black", minimal: true, onClick: onClickSettings, icon: "cog" }))] }));
 }
 exports.PanelHeader = PanelHeader;
+function formatCounterLabel(current, total) {
+    if (current !== undefined && total !== undefined) {
+        return `${current} / ${total}`;
+    }
+    if (current !== undefined) {
+        return `[ ${current} ]`;
+    }
+    if (total !== undefined) {
+        return `[ ${total} ]`;
+    }
+    return '';
+}
 //# sourceMappingURL=PanelHeader.js.map

package/lib/components/header/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,0CAAqC;AACrC,iCAAqD;AAErD,6CAA0C;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACjD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;QACzD,CAAC;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,OAAO,IAAI,CAAC;QAClD,CAAC;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,iCAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,gCAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,8BAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,YAAY,GAAI,EAC7C,eAAe,IAAI,CAClB,uBAAC,eAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,KAAK,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AA7BD,kCA6BC"}
+{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,0CAAqC;AAGrC,6CAA0C;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,OAAO,CACL,iCAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,gCAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,8BAAG,GAAG,EAAE,MAAM,CAAC,YAAY,YAAG,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,GAAK,EACpE,eAAe,IAAI,CAClB,uBAAC,eAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,KAAK,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AAfD,kCAeC;AAED,SAAS,kBAAkB,CAAC,OAAgB,EAAE,KAAc;IAC1D,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,KAAK,OAAO,IAAI,CAAC;IAC1B,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,KAAK,KAAK,IAAI,CAAC;IACxB,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/lib-esm/components/drop-zone/DropZone.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
 import type { IconName } from '@blueprintjs/icons';
-import { FileError, FileRejection } from 'react-dropzone';
-export interface DropZoneProps {
+import { DropzoneOptions } from 'react-dropzone';
+export interface DropZoneProps extends DropzoneOptions {
     borderColor?: string;
-    onDrop?: <T extends File>(acceptedFiles: T[], rejectedFiles?: FileRejection[]) => void;
-    fileValidator?: <T extends File>(file: T) => FileError | FileError[] | null;
     emptyIcon?: IconName;
     emptyTitle?: string;
     emptyDescription?: string;

package/lib-esm/components/drop-zone/DropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAGvE,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EACtB,aAAa,EAAE,CAAC,EAAE,EAClB,aAAa,CAAC,EAAE,aAAa,EAAE,KAC5B,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AA0CD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D"}
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AA0CD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAE9D"}

package/lib-esm/components/drop-zone/DropZone.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Colors, NonIdealState } from '@blueprintjs/core';
 import styled from '@emotion/styled';
-import { useCallback, useMemo } from 'react';
 import { useDropzone } from 'react-dropzone';
 import tinycolor from 'tinycolor2';
 const DropzoneRoot = styled.div `
@@ -43,21 +42,12 @@ export function DropZoneContainer(props) {
     return _jsx(DropZoneContent, { ...props });
 }
 function DropZoneContent(props) {
-    const { borderColor = Colors.GRAY3, children = null, onDrop, onClick, fileValidator, emptyIcon = 'import', emptyTitle = 'No data loaded', emptyDescription = 'You can load data by drag-and-dropping files here', emptyButtonText = 'Select files', emptyButtonIcon = 'plus', } = props;
+    const { borderColor = Colors.GRAY3, children = null, onClick, emptyIcon = 'import', emptyTitle = 'No data loaded', emptyDescription = 'You can load data by drag-and-dropping files here', emptyButtonText = 'Select files', emptyButtonIcon = 'plus', noClick, ...otherProps } = props;
     const hasChildren = children !== null;
-    const handleOnDrop = useCallback((acceptedFiles, rejectedFiles) => {
-        onDrop?.(acceptedFiles, rejectedFiles);
-    }, [onDrop]);
     const { getRootProps, getInputProps, isDragActive } = useDropzone({
-        noClick: hasChildren,
-        validator: fileValidator,
-        onDrop: handleOnDrop,
+        noClick: noClick ?? hasChildren,
+        ...otherProps,
     });
-    const getPropsOptions = useMemo(() => {
-        if (onClick) {
-            return { onClick };
-        }
-    }, [onClick]);
-    return (_jsxs(DropzoneRoot, { ...getRootProps(getPropsOptions), children: [children, isDragActive ? (_jsx(DropzoneDragActive, { borderColor: borderColor, children: _jsx(NonIdealState, { icon: "cloud-upload", title: "Drop the files here" }) })) : !hasChildren ? (_jsx(DropzoneEmpty, { borderColor: borderColor, children: _jsx(NonIdealState, { icon: emptyIcon, title: emptyTitle, description: emptyDescription, action: _jsx(Button, { className: "dropzone-button", outlined: true, text: emptyButtonText, icon: emptyButtonIcon, intent: "primary" }) }) })) : null, _jsx("input", { ...getInputProps() })] }));
+    return (_jsxs(DropzoneRoot, { ...getRootProps({ onClick }), children: [children, isDragActive ? (_jsx(DropzoneDragActive, { borderColor: borderColor, children: _jsx(NonIdealState, { icon: "cloud-upload", title: "Drop the files here" }) })) : !hasChildren ? (_jsx(DropzoneEmpty, { borderColor: borderColor, children: _jsx(NonIdealState, { icon: emptyIcon, title: emptyTitle, description: emptyDescription, action: _jsx(Button, { className: "dropzone-button", outlined: true, text: emptyButtonText, icon: emptyButtonIcon, intent: "primary" }) }) })) : null, _jsx("input", { ...getInputProps() })] }));
 }
 //# sourceMappingURL=DropZone.js.map

package/lib-esm/components/drop-zone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAmB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AAMF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;;;;;;;;;;kBAavC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAClC,WAAW,IAAI,SAAS,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE;CACpE,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAoB;;wBAE5B,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;;;;;;;;kBAQ1D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CACjD,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAMD,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAED,SAAS,eAAe,CACtB,KAQC;IAED,MAAM,EACJ,WAAW,GAAG,MAAM,CAAC,KAAK,EAC1B,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,SAAS,GAAG,QAAQ,EACpB,UAAU,GAAG,gBAAgB,EAC7B,gBAAgB,GAAG,mDAAmD,EACtE,eAAe,GAAG,cAAc,EAChC,eAAe,GAAG,MAAM,EACxB,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IAEtC,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;QAChE,OAAO,EAAE,OAAO,IAAI,WAAW;QAC/B,GAAG,UAAU;KACd,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,OAAK,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,aACxC,QAAQ,EACR,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,YAC1C,KAAC,aAAa,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,GAAG,GAC9C,CACtB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,YACrC,KAAC,aAAa,IACZ,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EACJ,KAAC,MAAM,IACL,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,QACR,IAAI,EAAE,eAAe,EACrB,IAAI,EAAE,eAAe,EACrB,MAAM,EAAC,SAAS,GAChB,GAEJ,GACY,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,mBAAW,aAAa,EAAE,GAAI,IACjB,CAChB,CAAC;AACJ,CAAC"}

package/lib-esm/components/header/PanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA6BrD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDAwBlB"}
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BlC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDAUlB"}

package/lib-esm/components/header/PanelHeader.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
-import { useEffect, useRef } from 'react';
 import { Button } from '../button/Button';
 const styles = {
     container: css({
@@ -28,20 +27,18 @@ const styles = {
     }),
 };
 export function PanelHeader({ total, current, children, onClickSettings, }) {
-    const labelRef = useRef(null);
-    useEffect(() => {
-        if (!labelRef.current)
-            return;
-        if (current !== undefined && total !== undefined) {
-            labelRef.current.textContent = `${current} / ${total}`;
-        }
-        else if (current !== undefined) {
-            labelRef.current.textContent = `[ ${current} ]`;
-        }
-        else if (total !== undefined) {
-            labelRef.current.textContent = `[ ${total} ]`;
-        }
-    }, [current, total]);
-    return (_jsxs("div", { css: styles.container, children: [_jsx("div", { css: styles.leftContainer, children: children }), _jsx("p", { ref: labelRef, css: styles.counterLabel }), onClickSettings && (_jsx(Button, { color: "black", minimal: true, onClick: onClickSettings, icon: "cog" }))] }));
+    return (_jsxs("div", { css: styles.container, children: [_jsx("div", { css: styles.leftContainer, children: children }), _jsx("p", { css: styles.counterLabel, children: formatCounterLabel(current, total) }), onClickSettings && (_jsx(Button, { color: "black", minimal: true, onClick: onClickSettings, icon: "cog" }))] }));
+}
+function formatCounterLabel(current, total) {
+    if (current !== undefined && total !== undefined) {
+        return `${current} / ${total}`;
+    }
+    if (current !== undefined) {
+        return `[ ${current} ]`;
+    }
+    if (total !== undefined) {
+        return `[ ${total} ]`;
+    }
+    return '';
 }
 //# sourceMappingURL=PanelHeader.js.map

package/lib-esm/components/header/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,GAAG,CAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACjD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;QACzD,CAAC;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,OAAO,IAAI,CAAC;QAClD,CAAC;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,eAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,cAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,YAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,YAAY,GAAI,EAC7C,eAAe,IAAI,CAClB,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,KAAK,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,GAAG,CAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,OAAO,CACL,eAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,cAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,YAAG,GAAG,EAAE,MAAM,CAAC,YAAY,YAAG,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,GAAK,EACpE,eAAe,IAAI,CAClB,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,KAAK,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAgB,EAAE,KAAc;IAC1D,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;IACjC,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,KAAK,OAAO,IAAI,CAAC;IAC1B,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,KAAK,KAAK,IAAI,CAAC;IACxB,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "React components to build scientific applications UI",
   "exports": {
     "./app": {

package/src/components/drop-zone/DropZone.tsx

@@ -1,17 +1,12 @@
 import { Button, Colors, NonIdealState } from '@blueprintjs/core';
 import type { IconName } from '@blueprintjs/icons';
 import styled from '@emotion/styled';
-import { CSSProperties, MouseEventHandler, useCallback, useMemo } from 'react';
-import { FileError, FileRejection, useDropzone } from 'react-dropzone';
+import { CSSProperties, MouseEventHandler } from 'react';
+import { DropzoneOptions, useDropzone } from 'react-dropzone';
 import tinycolor from 'tinycolor2';
 
-export interface DropZoneProps {
+export interface DropZoneProps extends DropzoneOptions {
   borderColor?: string;
-  onDrop?: <T extends File>(
-    acceptedFiles: T[],
-    rejectedFiles?: FileRejection[],
-  ) => void;
-  fileValidator?: <T extends File>(file: T) => FileError | FileError[] | null;
   emptyIcon?: IconName;
   emptyTitle?: string;
   emptyDescription?: string;
@@ -85,39 +80,25 @@ function DropZoneContent(
   const {
     borderColor = Colors.GRAY3,
     children = null,
-    onDrop,
     onClick,
-    fileValidator,
     emptyIcon = 'import',
     emptyTitle = 'No data loaded',
     emptyDescription = 'You can load data by drag-and-dropping files here',
     emptyButtonText = 'Select files',
     emptyButtonIcon = 'plus',
+    noClick,
+    ...otherProps
   } = props;
 
   const hasChildren = children !== null;
 
-  const handleOnDrop = useCallback(
-    <T extends File>(acceptedFiles: T[], rejectedFiles: FileRejection[]) => {
-      onDrop?.(acceptedFiles, rejectedFiles);
-    },
-    [onDrop],
-  );
-
   const { getRootProps, getInputProps, isDragActive } = useDropzone({
-    noClick: hasChildren,
-    validator: fileValidator,
-    onDrop: handleOnDrop,
+    noClick: noClick ?? hasChildren,
+    ...otherProps,
   });
 
-  const getPropsOptions = useMemo(() => {
-    if (onClick) {
-      return { onClick };
-    }
-  }, [onClick]);
-
   return (
-    <DropzoneRoot {...getRootProps(getPropsOptions)}>
+    <DropzoneRoot {...getRootProps({ onClick })}>
       {children}
       {isDragActive ? (
         <DropzoneDragActive borderColor={borderColor}>

package/src/components/header/PanelHeader.tsx

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
-import { ReactNode, useEffect, useRef } from 'react';
+import { ReactNode } from 'react';
 
 import { Button } from '../button/Button';
 
@@ -42,27 +42,26 @@ export function PanelHeader({
   children,
   onClickSettings,
 }: PanelHeaderProps) {
-  const labelRef = useRef<HTMLParagraphElement>(null);
-
-  useEffect(() => {
-    if (!labelRef.current) return;
-
-    if (current !== undefined && total !== undefined) {
-      labelRef.current.textContent = `${current} / ${total}`;
-    } else if (current !== undefined) {
-      labelRef.current.textContent = `[ ${current} ]`;
-    } else if (total !== undefined) {
-      labelRef.current.textContent = `[ ${total} ]`;
-    }
-  }, [current, total]);
-
   return (
     <div css={styles.container}>
       <div css={styles.leftContainer}>{children}</div>
-      <p ref={labelRef} css={styles.counterLabel} />
+      <p css={styles.counterLabel}>{formatCounterLabel(current, total)}</p>
       {onClickSettings && (
         <Button color="black" minimal onClick={onClickSettings} icon="cog" />
       )}
     </div>
   );
 }
+
+function formatCounterLabel(current?: number, total?: number) {
+  if (current !== undefined && total !== undefined) {
+    return `${current} / ${total}`;
+  }
+  if (current !== undefined) {
+    return `[ ${current} ]`;
+  }
+  if (total !== undefined) {
+    return `[ ${total} ]`;
+  }
+  return '';
+}