@bosonprotocol/react-kit 0.33.0-alpha.9 → 0.33.0

package/dist/esm/components/form/Select.js

@@ -7,15 +7,7 @@ import { theme } from "../../theme";
 import { zIndex } from "../ui/zIndex";
 import Error from "./Error";
 const colors = theme.colors.light;
-const customStyles = (error) => ({
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    singleValue: (provided, state) => {
-        return {
-            ...provided,
-            color: colors.darkGrey,
-            fontSize: "13.33px"
-        };
-    },
+const customStyles = (error, customTheme) => ({
     control: (provided, state) => {
         const before = state.selectProps.label
             ? {
@@ -31,16 +23,18 @@ const customStyles = (error) => ({
             borderRadius: 0,
             padding: "0.4rem 0.25rem",
             boxShadow: "none",
-            ":hover": {
-                borderColor: colors.secondary,
-                borderWidth: "1px"
-            },
             background: colors.lightGrey,
+            ...customTheme?.control,
             border: state.isFocused
-                ? `1px solid ${colors.secondary}`
+                ? customTheme?.control?.focus?.border ?? `1px solid ${colors.secondary}`
                 : !checkIfValueIsEmpty(error)
-                    ? `1px solid ${colors.orange}`
-                    : `1px solid ${colors.border}`,
+                    ? customTheme?.control?.error?.border ?? `1px solid ${colors.orange}`
+                    : customTheme?.control?.border ?? `1px solid ${colors.border}`,
+            ":hover": {
+                borderColor: colors.secondary,
+                borderWidth: "1px",
+                ...customTheme?.control?.hover
+            },
             ...before
         };
     },
@@ -50,22 +44,50 @@ const customStyles = (error) => ({
         position: "relative",
         width: "100%"
     }),
-    option: (provided, state) => ({
-        ...provided,
-        cursor: state.isDisabled ? "not-allowed" : "pointer",
-        opacity: state.isDisabled ? "0.5" : "1",
-        background: state.isOptionSelected || state.isSelected || state.isFocused
-            ? colors.lightGrey
-            : colors.white,
-        color: state.isOptionSelected || state.isSelected
-            ? colors.secondary
-            : colors.black
-    }),
+    option: (provided, state) => {
+        return {
+            ...provided,
+            cursor: state.isDisabled ? "not-allowed" : "pointer",
+            opacity: state.isDisabled
+                ? customTheme?.option?.disabled?.opacity ?? "0.5"
+                : customTheme?.option?.opacity ?? "1",
+            background: state.isOptionSelected || state.isSelected || state.isFocused
+                ? customTheme?.option?.selected?.background ?? colors.lightGrey
+                : customTheme?.option?.background ?? colors.white,
+            color: state.isOptionSelected || state.isSelected
+                ? customTheme?.option?.selected?.color ?? colors.secondary
+                : customTheme?.option?.color ?? colors.black,
+            ...(state.isDisabled && customTheme?.option?.disabled),
+            ...((state.isOptionSelected || state.isSelected) &&
+                customTheme?.option?.selected),
+            ...(state.isFocused && customTheme?.option?.focus),
+            ...(!checkIfValueIsEmpty(error) && customTheme?.option?.error)
+        };
+    },
     indicatorSeparator: () => ({
         display: "none"
-    })
+    }),
+    placeholder: (provided) => ({
+        ...provided,
+        ...customTheme?.placeholder,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.placeholder?.error)
+    }),
+    input: (provided) => ({
+        ...provided,
+        ...customTheme?.input,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.input?.error)
+    }),
+    singleValue: (provided) => {
+        return {
+            ...provided,
+            color: colors.darkGrey,
+            fontSize: "13.33px",
+            ...customTheme?.singleValue,
+            ...(!checkIfValueIsEmpty(error) && customTheme?.singleValue?.error)
+        };
+    }
 });
-export default function SelectComponent({ name, options, placeholder = "Choose...", isClearable = false, isSearchable = true, disabled = false, errorMessage, onChange, ...props }) {
+export default function SelectComponent({ name, options, placeholder = "Choose...", isClearable = false, isSearchable = true, disabled = false, errorMessage, onChange, theme, ...props }) {
     const [field, meta, helpers] = useField(name);
     const displayErrorMessage = meta.error && meta.touched && !errorMessage
         ? meta.error
@@ -86,7 +108,7 @@ export default function SelectComponent({ name, options, placeholder = "Choose..
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Select, { styles: customStyles(displayErrorMessage), ...field, ...props, placeholder: placeholder, options: options, value: field.value, onChange: handleChange, onBlur: handleBlur, isSearchable: isSearchable, isClearable: isClearable, isDisabled: disabled, isOptionDisabled: (option) => option.disabled }),
+        React.createElement(Select, { styles: customStyles(displayErrorMessage, theme), ...field, ...props, placeholder: placeholder, options: options, value: field.value, onChange: handleChange, onBlur: handleBlur, isSearchable: isSearchable, isClearable: isClearable, isDisabled: disabled, isOptionDisabled: (option) => option.disabled }),
         React.createElement(Error, { display: displayError, message: displayErrorMessage }),
         " "));
 }

package/dist/esm/components/form/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/form/Upload/BaseUpload.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import type { UploadFileType, UploadProps as UploadPropsWithNoIpfs } from "../types";
+import { WithUploadToIpfsProps } from "./WithUploadToIpfs";
+export type BaseUploadProps = UploadPropsWithNoIpfs;
+declare const _default: (props: Omit<(import("../types").BaseProps & {
+    accept?: string | undefined;
+    multiple?: boolean | undefined;
+    trigger?: React.ReactNode | JSX.Element;
+    maxSize?: number | undefined;
+    onFilesSelect?: ((files: UploadFileType[]) => void) | undefined;
+    files?: File[] | undefined;
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    onLoadSinglePreviewImage?: ((base64Uri: string) => void) | undefined;
+    withUpload?: boolean | undefined;
+    onLoading?: ((loading: boolean) => void) | undefined;
+    borderRadius?: number | undefined;
+    borderRadiusUnit?: "px" | "%" | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    imgPreviewStyle?: Pick<import("styled-components").CSSProperties, "objectFit"> | undefined;
+    theme?: Partial<{
+        triggerTheme: Partial<{
+            borderColor: import("csstype").Property.BorderColor | undefined;
+            borderRadius: import("csstype").Property.BorderRadius<number | (string & {})> | undefined;
+            background: import("csstype").Property.Background<number | (string & {})> | undefined;
+            focus: Partial<{
+                borderColor: import("csstype").Property.BorderColor | undefined;
+            }>;
+            error: Partial<{
+                borderColor: import("csstype").Property.BorderColor | undefined;
+            }>;
+        }>;
+    }> | undefined;
+} & {
+    withEditor: true;
+    saveButtonTheme: import("../../..").BaseButtonTheme;
+} & WithUploadToIpfsProps) | (import("../types").BaseProps & {
+    accept?: string | undefined;
+    multiple?: boolean | undefined;
+    trigger?: React.ReactNode | JSX.Element;
+    maxSize?: number | undefined;
+    onFilesSelect?: ((files: UploadFileType[]) => void) | undefined;
+    files?: File[] | undefined;
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    onLoadSinglePreviewImage?: ((base64Uri: string) => void) | undefined;
+    withUpload?: boolean | undefined;
+    onLoading?: ((loading: boolean) => void) | undefined;
+    borderRadius?: number | undefined;
+    borderRadiusUnit?: "px" | "%" | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    imgPreviewStyle?: Pick<import("styled-components").CSSProperties, "objectFit"> | undefined;
+    theme?: Partial<{
+        triggerTheme: Partial<{
+            borderColor: import("csstype").Property.BorderColor | undefined;
+            borderRadius: import("csstype").Property.BorderRadius<number | (string & {})> | undefined;
+            background: import("csstype").Property.Background<number | (string & {})> | undefined;
+            focus: Partial<{
+                borderColor: import("csstype").Property.BorderColor | undefined;
+            }>;
+            error: Partial<{
+                borderColor: import("csstype").Property.BorderColor | undefined;
+            }>;
+        }>;
+    }> | undefined;
+} & {
+    withEditor: false;
+    saveButtonTheme: undefined;
+} & WithUploadToIpfsProps), keyof WithUploadToIpfsProps>) => JSX.Element;
+export default _default;
+//# sourceMappingURL=BaseUpload.d.ts.map

package/dist/esm/components/form/Upload/BaseUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseUpload.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/BaseUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgBxE,OAAO,KAAK,EACV,cAAc,EACd,WAAW,IAAI,qBAAqB,EAErC,MAAM,UAAU,CAAC;AAElB,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI7E,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiVpD,wBAA4C"}

package/dist/esm/components/form/Upload/BaseUpload.js

@@ -0,0 +1,226 @@
+import * as Sentry from "@sentry/browser";
+import { useField } from "formik";
+import { Image, Trash, VideoCamera } from "phosphor-react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { loadAndSetMedia } from "../../../lib/base64/base64";
+import { bytesToSize } from "../../../lib/bytes/bytesToSize";
+import { theme } from "../../../theme";
+import Loading from "../../ui/loading/LoadingWrapper";
+import ThemedButton from "../../ui/ThemedButton";
+import { Typography } from "../../ui/Typography";
+import Error from "../Error";
+import { FieldFileUploadWrapper, FieldInput, FileUploadWrapper, ImagePreview, VideoPreview } from "../Field.styles";
+import UploadedFiles from "./UploadedFiles";
+import { WithUploadToIpfs } from "./WithUploadToIpfs";
+import { useModal } from "../../modal/useModal";
+import { ImageEditorModal } from "./ImageEditorModal/ImageEditorModal";
+const colors = theme.colors.light;
+function BaseUpload({ name, accept = "image/*", disabled, maxSize, multiple = false, trigger, onFilesSelect, placeholder, wrapperProps, onLoadSinglePreviewImage, withUpload, withEditor, saveToIpfs, loadMedia, onLoading, width, height, borderRadius, borderRadiusUnit = "px", imgPreviewStyle, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+removeFile, saveButtonTheme, theme, ...props }) {
+    const { updateProps, store } = useModal();
+    const [showEditor, setShowEditor] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const [preview, setPreview] = useState();
+    const [field, meta, helpers] = useField(name);
+    const handleLoading = useCallback((loadingValue) => {
+        onLoading?.(loadingValue);
+        setIsLoading(loadingValue);
+    }, [onLoading]);
+    const errorMessage = meta.error && meta.touched ? meta.error : "";
+    const displayError = typeof errorMessage === "string" && errorMessage !== "";
+    const inputRef = useRef(null);
+    const [nativeFiles, setNativeFiles] = useState(null);
+    const setFiles = useCallback((value) => {
+        helpers.setValue(value);
+    }, [helpers]);
+    const files = field.value;
+    const mimetypes = accept.split(",").map((acc) => acc.trim());
+    const isImageOnly = mimetypes.every((mimetype) => mimetype.startsWith("image/"));
+    const isVideoOnly = mimetypes.every((mimetype) => mimetype.startsWith("video/"));
+    useEffect(() => {
+        onFilesSelect?.(files);
+        helpers.setValue(files);
+        if (!multiple && files && files?.length !== 0) {
+            if (isImageOnly) {
+                if (withUpload) {
+                    loadIpfsImagePreview(files[0]);
+                }
+                else {
+                    loadAndSetMedia(files[0], (base64Uri) => {
+                        setPreview(base64Uri);
+                        onLoadSinglePreviewImage?.(base64Uri);
+                    });
+                }
+            }
+            else if (isVideoOnly) {
+                if (withUpload) {
+                    loadIpfsVideo(files[0]);
+                }
+                else {
+                    loadAndSetMedia(files[0], (base64Uri) => {
+                        setPreview(base64Uri);
+                    });
+                }
+            }
+        }
+    }, [files]); // eslint-disable-line
+    const loadIpfsVideo = async (file) => {
+        const fileSrc = file && file?.src ? file?.src : false;
+        if (!fileSrc) {
+            return false;
+        }
+        handleLoading(true);
+        try {
+            const imagePreview = await loadMedia(fileSrc || "");
+            if (imagePreview) {
+                setPreview(imagePreview);
+            }
+            else {
+                console.warn(`imagePreview ${imagePreview} is falsy in loadIpfsImagePreview`);
+            }
+        }
+        catch (error) {
+            console.error(error);
+            Sentry.captureException(error);
+        }
+        finally {
+            handleLoading(false);
+        }
+    };
+    const loadIpfsImagePreview = async (file) => {
+        const fileSrc = file && file?.src ? file?.src : false;
+        if (!fileSrc) {
+            return false;
+        }
+        try {
+            handleLoading(true);
+            const imagePreview = await loadMedia(fileSrc || "");
+            if (imagePreview) {
+                setPreview(imagePreview);
+                onLoadSinglePreviewImage?.(imagePreview);
+            }
+            else {
+                console.warn(`imagePreview ${imagePreview} is falsy in loadIpfsImagePreview`);
+            }
+        }
+        catch (error) {
+            console.error(error);
+            Sentry.captureException(error);
+        }
+        finally {
+            handleLoading(false);
+        }
+    };
+    const handleChooseFile = () => {
+        const input = inputRef.current;
+        if (input) {
+            input.click();
+        }
+    };
+    const handleRemoveAllFiles = () => {
+        if (disabled) {
+            return;
+        }
+        setFiles([]);
+        setPreview(null);
+    };
+    const handleRemoveFile = (index) => {
+        const newArray = files.filter((i, k) => k !== index);
+        setFiles(newArray);
+    };
+    const handleChange = useCallback(async (filesArray) => {
+        if (!meta.touched) {
+            helpers.setTouched(true);
+        }
+        if (!filesArray) {
+            return;
+        }
+        for (const file of filesArray) {
+            if (maxSize) {
+                if (file.size > maxSize) {
+                    const error = `File size cannot exceed more than ${bytesToSize(maxSize)}`;
+                    // TODO: change to notification
+                    console.error(error);
+                }
+            }
+        }
+        setFiles(filesArray);
+    }, [helpers, maxSize, meta.touched, setFiles]);
+    const handleSave = useCallback(async (efiles) => {
+        if (!meta.touched) {
+            helpers.setTouched(true);
+        }
+        handleLoading(true);
+        const files = await saveToIpfs(efiles);
+        if (files) {
+            setFiles(files);
+        }
+        else {
+            setFiles([]);
+            console.warn(`There has been an error because 'files' ${files} is falsy in handleSave`);
+        }
+        handleLoading(false);
+    }, [meta.touched, handleLoading, saveToIpfs, helpers, setFiles]);
+    const saveFn = withUpload ? handleSave : handleChange;
+    const style = {
+        borderRadius: borderRadius ? `${borderRadius}${borderRadiusUnit}` : "",
+        width: width ? `100%` : ""
+    };
+    return (React.createElement(React.Fragment, null,
+        withEditor && showEditor && (React.createElement(ImageEditorModal, { saveButtonTheme: saveButtonTheme, files: nativeFiles, borderRadius: borderRadius, width: width, height: height, hideModal: async (fileList) => {
+                if (fileList) {
+                    await saveFn(fileList);
+                }
+                setShowEditor(false);
+                updateProps({
+                    ...store,
+                    modalType: store.modalType,
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-ignore
+                    modalProps: {
+                        ...store.modalProps,
+                        hidden: false
+                    }
+                });
+            } })),
+        React.createElement(FieldFileUploadWrapper, { ...wrapperProps, "$disabled": !!disabled },
+            React.createElement(FieldInput, { ...props, hidden: true, type: "file", accept: accept, multiple: multiple, onChange: async (e) => {
+                    const files = e.target.files
+                        ? Object.values(e.target.files)
+                        : e.target.files;
+                    if (files && withEditor) {
+                        setNativeFiles(files);
+                        setShowEditor(true);
+                        updateProps({
+                            ...store,
+                            modalType: store.modalType,
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-ignore
+                            modalProps: {
+                                ...store.modalProps,
+                                hidden: true
+                            }
+                        });
+                    }
+                    else {
+                        await saveFn(files);
+                    }
+                    e.target.value = ""; // allow user to select the same file again
+                }, ref: (ref) => {
+                    inputRef.current = ref;
+                }, disabled: disabled }),
+            trigger ? (React.createElement(ThemedButton, { onClick: handleChooseFile, type: "button" },
+                React.createElement(React.Fragment, null, trigger))) : (React.createElement(FileUploadWrapper, { "data-disabled": disabled, onClick: handleChooseFile, "$error": errorMessage, style: style, theme: theme?.triggerTheme }, isLoading ? (React.createElement(Loading, { size: 2 })) : (React.createElement(React.Fragment, null,
+                field.value && field.value?.length !== 0 && preview ? (React.createElement(React.Fragment, null, isVideoOnly ? (React.createElement(VideoPreview, { src: preview?.startsWith("http")
+                        ? preview
+                        : "data:video/mp4;base64," +
+                            preview?.substring("data:application/octet-stream;base64,".length), autoPlay: true, muted: true, loop: true })) : (React.createElement(ImagePreview, { style: { ...imgPreviewStyle }, src: preview })))) : isVideoOnly ? (React.createElement(VideoCamera, { size: 24 })) : (React.createElement(Image, { size: 24 })),
+                placeholder && (React.createElement(Typography, { tag: "p", marginBottom: 0, textAlign: "center" }, placeholder)))))),
+            !disabled && field.value && field.value?.length !== 0 && preview && (React.createElement("div", { onClick: handleRemoveAllFiles, "data-remove": true, style: style },
+                React.createElement(Trash, { size: 24, color: colors.white }))),
+            multiple && (React.createElement(UploadedFiles, { files: files, handleRemoveFile: handleRemoveFile }))),
+        React.createElement(Error, { display: displayError, message: errorMessage })));
+}
+export default WithUploadToIpfs(BaseUpload);
+//# sourceMappingURL=BaseUpload.js.map

package/dist/esm/components/form/Upload/BaseUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseUpload.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/BaseUpload.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/form/Upload/Upload.d.ts

@@ -1,42 +1,4 @@
-import React from "react";
-import type { UploadFileType } from "../types";
-import { WithUploadToIpfsProps } from "./WithUploadToIpfs";
-declare const _default: (props: Omit<(import("../types").BaseProps & {
-    accept?: string | undefined;
-    multiple?: boolean | undefined;
-    trigger?: React.ReactNode | JSX.Element;
-    maxSize?: number | undefined;
-    onFilesSelect?: ((files: UploadFileType[]) => void) | undefined;
-    files?: File[] | undefined;
-    wrapperProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    onLoadSinglePreviewImage?: ((base64Uri: string) => void) | undefined;
-    withUpload?: boolean | undefined;
-    onLoading?: ((loading: boolean) => void) | undefined;
-    borderRadius?: number | undefined;
-    width?: number | undefined;
-    height?: number | undefined;
-    imgPreviewStyle?: Pick<import("styled-components").CSSProperties, "objectFit"> | undefined;
-} & {
-    withEditor: true;
-    saveButtonTheme: import("../../..").BaseButtonTheme;
-} & WithUploadToIpfsProps) | (import("../types").BaseProps & {
-    accept?: string | undefined;
-    multiple?: boolean | undefined;
-    trigger?: React.ReactNode | JSX.Element;
-    maxSize?: number | undefined;
-    onFilesSelect?: ((files: UploadFileType[]) => void) | undefined;
-    files?: File[] | undefined;
-    wrapperProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    onLoadSinglePreviewImage?: ((base64Uri: string) => void) | undefined;
-    withUpload?: boolean | undefined;
-    onLoading?: ((loading: boolean) => void) | undefined;
-    borderRadius?: number | undefined;
-    width?: number | undefined;
-    height?: number | undefined;
-    imgPreviewStyle?: Pick<import("styled-components").CSSProperties, "objectFit"> | undefined;
-} & {
-    withEditor: false;
-    saveButtonTheme: undefined;
-} & WithUploadToIpfsProps), keyof WithUploadToIpfsProps>) => JSX.Element;
-export default _default;
+import { UploadProps } from "../types";
+export type { UploadProps } from "../types";
+export declare const Upload: (props: UploadProps) => JSX.Element;
 //# sourceMappingURL=Upload.d.ts.map

package/dist/esm/components/form/Upload/Upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/Upload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgBxE,OAAO,KAAK,EAAE,cAAc,EAA0B,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkV7E,wBAAwC"}
+{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/Upload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,MAAM,UAAW,WAAW,gBAExC,CAAC"}