@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

package/dist/cjs/components/helpers/FileUploaderHelper.d.ts

@@ -1,18 +1,18 @@
-export declare const FILE_TYPE_NOT_SUPPORT = "File type not supported";
-export declare const FILE_SIZE_REACHED: (size: number) => string;
-export declare const getFileFormatErrorMessage: (format: string) => string;
-export declare const SIZE_LIMIT_MAP: {
-    image: number;
-    video: number;
-    application: number;
-};
-export declare const SUPPORTED_FILE_FORMAT: string[];
-export declare class FileUploaderHelper {
-    validate(inputData: {
-        file?: Blob;
-        linkData?: {
-            type: string;
-            size: number;
-        };
-    }): string | undefined;
-}
+export declare const FILE_TYPE_NOT_SUPPORT = "File type not supported";
+export declare const FILE_SIZE_REACHED: (size: number) => string;
+export declare const getFileFormatErrorMessage: (format: string) => string;
+export declare const SIZE_LIMIT_MAP: {
+    image: number;
+    video: number;
+    application: number;
+};
+export declare const SUPPORTED_FILE_FORMAT: string[];
+export declare class FileUploaderHelper {
+    validate(inputData: {
+        file?: Blob;
+        linkData?: {
+            type: string;
+            size: number;
+        };
+    }): string | undefined;
+}

package/dist/cjs/components/icon-button/IconButton.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { IconButtonProps } from './model';
-export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import { IconButtonProps } from './model';
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),o=require("react"),i=require("../tooltips/Tooltip.js"),s=require("./IconButton.styled.js"),r=require("./theme.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(o);const d=o.forwardRef(((o,l)=>{var{id:d,iconButtonType:c="default",Icon:u,height:a=20,width:p=20,bordered:b,disabled:j,isSelected:y,style:h,svgStyle:x,iconColor:f,disabledTooltip:g}=o,m=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const v=r.getIconColor(c,j,y),B=t.jsxRuntimeExports.jsx(s.IconButton,Object.assign({id:d,ref:l,style:h,iconButtonType:c,bordered:b,disabled:j,isSelected:y},m,{children:n.default.createElement(u,{height:a,width:p,color:f||v,style:Object.assign({display:"block"},null!=x?x:{})})}));return j&&g?t.jsxRuntimeExports.jsx(i.Tooltip,Object.assign({body:g},{children:t.jsxRuntimeExports.jsx("span",Object.assign({style:{display:"inline-block",cursor:"not-allowed"}},{children:B}))})):B}));d.displayName="IconButton",exports.IconButton=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),i=require("../tooltips/Tooltip.js"),r=require("./IconButton.styled.js"),l=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o);const n=o.forwardRef(((o,s)=>{var{id:n,iconButtonType:c="default",Icon:u,height:a=20,width:y=20,bordered:b,disabled:p,isSelected:h,style:j,svgStyle:f,iconColor:g,disabledTooltip:v}=o,B=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const I=l.getIconColor(c,p,h),T=t.jsx(r.IconButton,Object.assign({id:n,ref:s,style:j,iconButtonType:c,bordered:b,disabled:p,isSelected:h},B,{children:d.default.createElement(u,{height:a,width:y,color:g||I,style:Object.assign({display:"block"},null!=f?f:{})})}));return p&&v?t.jsx(i.Tooltip,{body:v,children:t.jsx("span",{style:{display:"inline-block",cursor:"not-allowed"},children:T})}):T}));n.displayName="IconButton",exports.IconButton=n;

package/dist/cjs/components/icon-button/IconButton.styled.d.ts

@@ -1,6 +1,6 @@
-import { IconButtonType } from './model';
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, {
-    bordered?: boolean | undefined;
-    iconButtonType: IconButtonType;
-    isSelected?: boolean | undefined;
-}, never>;
+import { IconButtonType } from './model';
+export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    bordered?: boolean;
+    iconButtonType: IconButtonType;
+    isSelected?: boolean;
+}>> & string;

package/dist/cjs/components/icon-button/index.d.ts

@@ -1 +1 @@
-export * from './IconButton';
+export * from './IconButton';

package/dist/cjs/components/icon-button/model.d.ts

@@ -1,44 +1,43 @@
-/// <reference types="react" />
-export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai';
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Icon to render
-     */
-    Icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * Custom styles which can be added to the icon button
-     * @default default undefined
-     */
-    style?: React.CSSProperties;
-    /**
-     * Custom styles which can be added to the svg
-     * @default default undefined
-     */
-    svgStyle?: React.CSSProperties;
-    /**
-     * Custom height for the svg icon
-     * @default default 20
-     */
-    height?: number;
-    /**
-     * Custom width for the svg icon
-     * @default default 20
-     */
-    width?: number;
-    /**
-     * Custom height for the svg icon
-     * @default default default
-     */
-    iconButtonType?: IconButtonType;
-    /**
-     * Add border to the button
-     * @default default false
-     */
-    bordered?: boolean;
-    /**
-     * Flag to check if icon button is selected/clicked
-     */
-    isSelected?: boolean;
-    iconColor?: string;
-    disabledTooltip?: string;
-}
+export type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai';
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Icon to render
+     */
+    Icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * Custom styles which can be added to the icon button
+     * @default default undefined
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom styles which can be added to the svg
+     * @default default undefined
+     */
+    svgStyle?: React.CSSProperties;
+    /**
+     * Custom height for the svg icon
+     * @default default 20
+     */
+    height?: number;
+    /**
+     * Custom width for the svg icon
+     * @default default 20
+     */
+    width?: number;
+    /**
+     * Custom height for the svg icon
+     * @default default default
+     */
+    iconButtonType?: IconButtonType;
+    /**
+     * Add border to the button
+     * @default default false
+     */
+    bordered?: boolean;
+    /**
+     * Flag to check if icon button is selected/clicked
+     */
+    isSelected?: boolean;
+    iconColor?: string;
+    disabledTooltip?: string;
+}

package/dist/cjs/components/icon-button/theme.d.ts

@@ -1,3 +1,3 @@
-import { IconButtonType } from './model';
-export declare const getIconColor: (type: IconButtonType, disabled?: boolean, isSelected?: boolean) => string;
-export declare const generateBackgroundColor: (type: IconButtonType) => string;
+import { IconButtonType } from './model';
+export declare const getIconColor: (type: IconButtonType, disabled?: boolean, isSelected?: boolean) => string;
+export declare const generateBackgroundColor: (type: IconButtonType) => string;

package/dist/cjs/components/image-compress/ImageCompress.d.ts

@@ -1,11 +1,11 @@
-export interface CompressImageOptions {
-    maxSizeMB?: number;
-}
-export interface CompressImageReturnType {
-    base64: string;
-    compressedFile: File;
-}
-export declare class ImageService {
-    static base64ToImage: (base64String: string) => File;
-    static compressImage: (file: File, options?: CompressImageOptions) => Promise<CompressImageReturnType>;
-}
+export interface CompressImageOptions {
+    maxSizeMB?: number;
+}
+export interface CompressImageReturnType {
+    base64: string;
+    compressedFile: File;
+}
+export declare class ImageService {
+    static base64ToImage: (base64String: string) => File;
+    static compressImage: (file: File, options?: CompressImageOptions) => Promise<CompressImageReturnType>;
+}

package/dist/cjs/components/image-compress/index.d.ts

@@ -1 +1 @@
-export * from './ImageCompress';
+export * from './ImageCompress';

package/dist/cjs/components/image-cropper/BikImageCropper.d.ts

@@ -1,9 +1,9 @@
-import 'react-image-crop/dist/ReactCrop.css';
-export interface BikImageCropperProps {
-    aspectRatio?: number;
-    src: string;
-    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
-    onCancel: () => void;
-}
-export declare const BikImageCropper: (props: BikImageCropperProps) => import("react/jsx-runtime").JSX.Element;
-export default BikImageCropper;
+import 'react-image-crop/dist/ReactCrop.css';
+export interface BikImageCropperProps {
+    aspectRatio?: number;
+    src: string;
+    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
+    onCancel: () => void;
+}
+export declare const BikImageCropper: (props: BikImageCropperProps) => import("react/jsx-runtime").JSX.Element;
+export default BikImageCropper;

package/dist/cjs/components/image-cropper/BikImageCropper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),o=require("react-image-crop"),r=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(o);const s=o=>{const[a,s]=i.useState(!1),[d,l]=i.useState(void 0),[c,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),p=(t,i,o,r)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*o,i.y*r,i.width*o,i.height*r,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsxRuntimeExports.jsx(r.StyledModal,Object.assign({open:!0,onClose:o.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=d,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(g(!0),o.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=o.src;const r=i.naturalWidth/c.width,n=i.naturalHeight/c.height,s=yield p(i,t,r,n);yield null===(e=null==o?void 0:o.onCropComplete)||void 0===e?void 0:e.call(o,s,a)}else yield null===(i=null==o?void 0:o.onCropComplete)||void 0===i?void 0:i.call(o,o.src,a);g(!1)}))}}},{children:t.jsxRuntimeExports.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(n.default,Object.assign({crop:d,onChange:e=>{l(e)},circularCrop:!1,onDragStart:()=>{s(!0)},aspect:o.aspectRatio},{children:t.jsxRuntimeExports.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:o.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})}))})}))}))};exports.BikImageCropper=s,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const d=r=>{const[a,d]=i.useState(!1),[l,c]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),v=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsx(o.StyledModal,{open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=l,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(g(!0),r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,d=yield v(i,t,o,n);yield null===(e=null==r?void 0:r.onCropComplete)||void 0===e?void 0:e.call(r,d,a)}else yield null===(i=null==r?void 0:r.onCropComplete)||void 0===i?void 0:i.call(r,r.src,a);g(!1)}))}},children:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:t.jsx("div",{children:t.jsx(n.default,{crop:l,onChange:e=>{c(e)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:r.aspectRatio,children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})})})})})};exports.BikImageCropper=d,exports.default=d;

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts

@@ -1,33 +1,33 @@
-import { CompressImageOptions } from "../../image-compress";
-import { BikImageCropperProps } from "..";
-/**
- * Todos
- * 	- Add option to pass https url in the src / edit an image
- */
-export interface BikImagePipelineProps {
-    fileTitle?: string;
-    cropOptions?: Partial<BikImageCropperProps>;
-    compressionOptions?: CompressImageOptions;
-    currentImage: {
-        src?: string;
-    };
-    options: {
-        upload: boolean;
-        crop?: boolean;
-        compress?: boolean;
-        uploadToFirestorage?: boolean;
-    };
-    onCancel: () => void;
-    onFinish: (base64String: string, file?: File, url?: string) => void;
-    fileUploadOptions?: {
-        path: string;
-        uploadProgress: number;
-        uploadFile: (file: File, path: string) => Promise<string>;
-        error?: string;
-        success?: boolean;
-    };
-    loadingStateOptions?: {
-        headerImage?: string;
-    };
-}
-export declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, loadingStateOptions, }: BikImagePipelineProps) => import("react/jsx-runtime").JSX.Element;
+import { CompressImageOptions } from '@src/components/image-compress';
+import { BikImageCropperProps } from '@src/components/image-cropper';
+/**
+ * Todos
+ * 	- Add option to pass https url in the src / edit an image
+ */
+export interface BikImagePipelineProps {
+    fileTitle?: string;
+    cropOptions?: Partial<BikImageCropperProps>;
+    compressionOptions?: CompressImageOptions;
+    currentImage: {
+        src?: string;
+    };
+    options: {
+        upload: boolean;
+        crop?: boolean;
+        compress?: boolean;
+        uploadToFirestorage?: boolean;
+    };
+    onCancel: () => void;
+    onFinish: (base64String: string, file?: File, url?: string) => void;
+    fileUploadOptions?: {
+        path: string;
+        uploadProgress: number;
+        uploadFile: (file: File, path: string) => Promise<string>;
+        error?: string;
+        success?: boolean;
+    };
+    loadingStateOptions?: {
+        headerImage?: string;
+    };
+}
+export declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, loadingStateOptions, }: BikImagePipelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),s=require("react"),t=require("../../image-compress/ImageCompress.js"),o=require("../../states/StateComponent.js");require("../../../_virtual/_tslib.js");var r=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:n,fileTitle:p,compressionOptions:l,currentImage:u,options:c,onFinish:d,onCancel:m,fileUploadOptions:x,loadingStateOptions:g}=i;const j=s.useRef(null),[h,R]=s.useState(),[E,C]=s.useState(u),[I,f]=s.useState(!1);s.useEffect((()=>{c.upload?(R("upload"),setTimeout((()=>{F()}),500)):c.crop?R("crop"):c.compress?R("compress"):c.uploadToFirestorage?R("cloud-upload"):f(!0)}),[c.upload,c.crop,c.compress,c.uploadToFirestorage]);const v=s.useCallback(((e,s)=>{if(!c.uploadToFirestorage)return d(e,s),void f(!0);R("cloud-upload"),x&&x.uploadFile(s,x.path).then((t=>{d(e,s,t),f(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),S=e=>{e||m();const s=t.ImageService.base64ToImage(e);c.compress?(R("compress"),t.ImageService.compressImage(s,l).then((e=>{if(!e)return f(!0),void m();v(e.base64,e.compressedFile)}))):v(e,s)},F=()=>{j.current.click()};return I?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):"cloud-upload"===h?!x||x.success?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):x.error?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(r.StateModalComponent,{states:o.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{f(!0),m()}})}):e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(r.StateModalComponent,{headerImage:null==g?void 0:g.headerImage,states:o.StateInterface.LOADING,heading:`Uploading your ${p||"photo"}`,subline:`Please wait while we upload your ${p||"photo"}`,isButtonEnabled:!1,width:300})}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c.upload&&e.jsxRuntimeExports.jsx("input",{ref:j,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const s=e.target.files[0],t=new FileReader;t.onload=()=>{var e;C({src:t.result}),e=t.result,c.crop?R("crop"):S(e)},s&&t.readAsDataURL(s)}}),"crop"===h&&e.jsxRuntimeExports.jsx(a.BikImageCropper,{src:E.src,onCropComplete:e=>{C({src:e}),S(e)},aspectRatio:n.aspectRatio,onCancel:m})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../image-compress/ImageCompress.js"),t=require("../../states/StateComponent.js");require("../../../_virtual/_tslib.js");var s=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:l,fileTitle:n,compressionOptions:p,currentImage:c,options:u,onFinish:d,onCancel:m,fileUploadOptions:g,loadingStateOptions:h}=i;const j=o.useRef(null),[C,I]=o.useState(),[f,v]=o.useState(c),[x,S]=o.useState(!1);o.useEffect((()=>{u.upload?(I("upload"),setTimeout((()=>{y()}),500)):u.crop?I("crop"):u.compress?I("compress"):u.uploadToFirestorage?I("cloud-upload"):S(!0)}),[u.upload,u.crop,u.compress,u.uploadToFirestorage]);const F=o.useCallback(((e,o)=>{if(!u.uploadToFirestorage)return d(e,o),void S(!0);I("cloud-upload"),g&&g.uploadFile(o,g.path).then((r=>{d(e,o,r),S(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),b=e=>{e||m();const o=r.ImageService.base64ToImage(e);u.compress?(I("compress"),r.ImageService.compressImage(o,p).then((e=>{if(!e)return S(!0),void m();F(e.base64,e.compressedFile)}))):F(e,o)},y=()=>{j.current.click()};return x?e.jsx(e.Fragment,{}):"cloud-upload"===C?!g||g.success?e.jsx(e.Fragment,{}):g.error?e.jsx("div",{children:e.jsx(s.StateModalComponent,{states:t.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{S(!0),m()}})}):e.jsx("div",{children:e.jsx(s.StateModalComponent,{headerImage:null==h?void 0:h.headerImage,states:t.StateInterface.LOADING,heading:`Uploading your ${n||"photo"}`,subline:`Please wait while we upload your ${n||"photo"}`,isButtonEnabled:!1,width:300})}):e.jsxs(e.Fragment,{children:[u.upload&&e.jsx("input",{ref:j,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],r=new FileReader;r.onload=()=>{var e;v({src:r.result}),e=r.result,u.crop?I("crop"):b(e)},o&&r.readAsDataURL(o)}}),"crop"===C&&e.jsx(a.BikImageCropper,{src:f.src,onCropComplete:e=>{v({src:e}),b(e)},aspectRatio:l.aspectRatio,onCancel:m})]})};

package/dist/cjs/components/image-cropper/index.d.ts

@@ -1,2 +1,2 @@
-export * from './BikImageCropper';
-export * from './BikImagePipeline/BikImagePipeline';
+export * from './BikImageCropper';
+export * from './BikImagePipeline/BikImagePipeline';

package/dist/cjs/components/image-cropper/useMockFileUpload.d.ts

@@ -1,8 +1,8 @@
-interface FileUploadOptions {
-    uploadProgress: number;
-    uploadFile: (file: File, path: string) => Promise<string>;
-    error?: string;
-    success?: boolean;
-}
-declare const useMockFileUpload: () => FileUploadOptions;
-export default useMockFileUpload;
+interface FileUploadOptions {
+    uploadProgress: number;
+    uploadFile: (file: File, path: string) => Promise<string>;
+    error?: string;
+    success?: boolean;
+}
+declare const useMockFileUpload: () => FileUploadOptions;
+export default useMockFileUpload;

package/dist/cjs/components/input/ChipInput.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-export declare const extractSingleValueIfAny: (nativeID: string) => string;
-export declare const getInputNode: (nativeID: string) => HTMLInputElement;
-export interface ChipInputProps {
-    onChipsChange: (chips: (string | number)[]) => void;
-    placeholder: string;
-    label?: string;
-    labelColor?: string;
-    hintText?: string;
-    hintTextColor?: string;
-    chipTheme?: () => void;
-    chips: string[];
-    error?: string;
-    inputHeight?: number;
-    createChipKeys?: (string | number)[];
-    chipsContainerCustomStyle?: React.CSSProperties;
-    nativeID?: string;
-}
-declare const ChipInput: React.FC<ChipInputProps>;
-export default ChipInput;
+import React from 'react';
+export declare const extractSingleValueIfAny: (nativeID: string) => string;
+export declare const getInputNode: (nativeID: string) => HTMLInputElement;
+export interface ChipInputProps {
+    onChipsChange: (chips: (string | number)[]) => void;
+    placeholder: string;
+    label?: string;
+    labelColor?: string;
+    hintText?: string;
+    hintTextColor?: string;
+    chipTheme?: () => void;
+    chips: string[];
+    error?: string;
+    inputHeight?: number;
+    createChipKeys?: (string | number)[];
+    chipsContainerCustomStyle?: React.CSSProperties;
+    nativeID?: string;
+}
+declare const ChipInput: React.FC<ChipInputProps>;
+export default ChipInput;

package/dist/cjs/components/input/ChipInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),n=require("react-chips"),r=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),s=require("./ChipInput.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(n);exports.default=n=>{let{onChipsChange:o,placeholder:c,chips:a,label:u,labelColor:d,hintText:p,hintTextColor:h,error:y,inputHeight:x,createChipKeys:j,chipsContainerCustomStyle:m,nativeID:C}=n;const[O,v]=t.useState(!1);return t.useEffect((()=>{var e,t;null===(e=document.querySelector(`#${C} input`))||void 0===e||e.addEventListener("focus",(()=>{v(!0)})),null===(t=document.querySelector(`#${C} input`))||void 0===t||t.addEventListener("blur",(()=>{v(!1)}))}),[]),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8},id:C},{children:[u&&e.jsxRuntimeExports.jsx(i.BodySecondary,Object.assign({style:{color:O?r.COLORS.content.brand:y?r.COLORS.content.negative:d||r.COLORS.content.primary}},{children:u})),e.jsxRuntimeExports.jsx(l.default,{value:a,theme:s.theme(!!y,x,m,O),chipTheme:s.chipTheme,placeholder:0===a.length&&!!c&&!O&&c,onChange:e=>{o(e)},createChipKeys:j||","}),(!!p||!!y)&&e.jsxRuntimeExports.jsx(i.BodyCaption,Object.assign({style:{color:y?r.COLORS.content.negative:h||r.COLORS.content.secondary}},{children:y||p}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-chips"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./ChipInput.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.default=r=>{let{onChipsChange:l,placeholder:a,chips:s,label:u,labelColor:d,hintText:h,hintTextColor:p,error:y,inputHeight:C,createChipKeys:v,chipsContainerCustomStyle:f,nativeID:m}=r;const[x,O]=t.useState(!1);return t.useEffect((()=>{var e,t;null===(e=document.querySelector(`#${m} input`))||void 0===e||e.addEventListener("focus",(()=>{O(!0)})),null===(t=document.querySelector(`#${m} input`))||void 0===t||t.addEventListener("blur",(()=>{O(!1)}))}),[]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},id:m,children:[u&&e.jsx(i.BodySecondary,{style:{color:x?n.COLORS.content.brand:y?n.COLORS.content.negative:d||n.COLORS.content.primary},children:u}),e.jsx(c.default,{value:s,theme:o.theme(!!y,C,f,x),chipTheme:o.chipTheme,placeholder:0===s.length&&!!a&&!x&&a,onChange:e=>{l(e)},createChipKeys:v||","}),(!!h||!!y)&&e.jsx(i.BodyCaption,{style:{color:y?n.COLORS.content.negative:p||n.COLORS.content.secondary},children:y||h})]})};

package/dist/cjs/components/input/ChipInput.styled.d.ts

@@ -1,66 +1,66 @@
-export declare const chipTheme: {
-    chip: {
-        padding: string;
-        background: string;
-        border: string;
-        fontSize: number;
-        color: string;
-        fontWeight: number;
-        borderRadius: number;
-        alignItems: string;
-        alignContent: string;
-        justifyContent: string;
-        cursor: string;
-        margin: string;
-        fontFamily: string;
-    };
-    chipRemove: {
-        fontSize: number;
-        fontFamily: string;
-        cursor: string;
-        fontWeight: string;
-        color: string;
-        marginLeft: number;
-        ':hover': {
-            color: string;
-        };
-    };
-};
-export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
-    chipsContainer: {
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-        display: string;
-        position: string;
-        border: string;
-        backgroundColor: string;
-        alignItems: string;
-        flexWrap: string;
-        padding: string;
-        borderRadius: number;
-        ':hover': {
-            border: string;
-        };
-    };
-    container: {
-        flex: number;
-    };
-    containerOpen: {};
-    input: {
-        border: string;
-        outline: string;
-        boxSizing: string;
-        fontSize: number;
-        fontFamily: string;
-        fontWeight: number;
-        height: number;
-        width: string;
-        paddingTop: number;
-        paddingBottom: number;
-    };
-};
+export declare const chipTheme: {
+    chip: {
+        padding: string;
+        background: string;
+        border: string;
+        fontSize: number;
+        color: string;
+        fontWeight: number;
+        borderRadius: number;
+        alignItems: string;
+        alignContent: string;
+        justifyContent: string;
+        cursor: string;
+        margin: string;
+        fontFamily: string;
+    };
+    chipRemove: {
+        fontSize: number;
+        fontFamily: string;
+        cursor: string;
+        fontWeight: string;
+        color: string;
+        marginLeft: number;
+        ':hover': {
+            color: string;
+        };
+    };
+};
+export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
+    chipsContainer: {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        display: string;
+        position: string;
+        border: string;
+        backgroundColor: string;
+        alignItems: string;
+        flexWrap: string;
+        padding: string;
+        borderRadius: number;
+        ':hover': {
+            border: string;
+        };
+    };
+    container: {
+        flex: number;
+    };
+    containerOpen: {};
+    input: {
+        border: string;
+        outline: string;
+        boxSizing: string;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: number;
+        height: number;
+        width: string;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+};

package/dist/cjs/components/input/Input-helper.d.ts

@@ -1,6 +1,6 @@
-import { InputTypeI } from "./Input";
-export declare const isFunction: (fn: any) => boolean;
-export declare const validateInput: (inputText: string | number, type: InputTypeI, rangeValidation?: {
-    min?: number;
-    max?: number;
-}) => [boolean, string];
+import { InputTypeI } from '@src/components/input/Input';
+export declare const isFunction: (fn: any) => boolean;
+export declare const validateInput: (inputText: string | number, type: InputTypeI, rangeValidation?: {
+    min?: number;
+    max?: number;
+}) => [boolean, string];