@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.8

package/dist/esm/components/feature-announcements/types/feature.types.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Firestore Timestamp type
+ */
+export interface FirestoreTimestamp {
+    seconds: number;
+    nanoseconds?: number;
+}
+/**
+ * Feature announcement data model
+ */
+export interface FeatureAnnouncement {
+    id: string;
+    title: string;
+    body: string;
+    content: string;
+    buttonText: string;
+    displayImage: string;
+    featureTag: string;
+    featureUpdateType: 'Major' | 'Minor';
+    image: string;
+    module: string[];
+    pageUrls: string[];
+    productVideo: string;
+    redirectUrl: string;
+    updates: string;
+    visibility: boolean;
+    archived?: boolean;
+    createdAt: FirestoreTimestamp;
+    expirationDate?: FirestoreTimestamp | string | Date;
+}
+/**
+ * Store feature progress tracking
+ */
+export interface StoreFeatureProgress {
+    storeId: string;
+    viewedFeatures: Record<string, boolean>;
+}
+/**
+ * Feature update types
+ */
+export type FeatureUpdateType = 'Major' | 'Minor';

package/dist/esm/components/feature-announcements/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './feature.types';
+export * from './props.types';
+export * from './repository.types';
+export * from './router.types';

package/dist/esm/components/feature-announcements/types/props.types.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { FeatureAnnouncement } from './feature.types';
+import { FeatureAnnouncementRepository } from './repository.types';
+import { RouterProps } from './router.types';
+/**
+ * Base popup component props
+ */
+export interface PopupBaseProps {
+    feature: FeatureAnnouncement;
+    currentIndex: number;
+    totalFeatures: number;
+    onSkip: () => void;
+    onExplore: () => void;
+    onPrevious: () => void;
+    onNext: () => void;
+    setIsClosing?: (isClosing: boolean) => void;
+}
+/**
+ * Major update popup props
+ */
+export interface MajorUpdatePopupProps extends PopupBaseProps {
+}
+/**
+ * Minor update popup props
+ */
+export interface MinorUpdatePopupProps extends PopupBaseProps {
+}
+/**
+ * Video modal props
+ */
+export interface VideoModalProps {
+    isOpen: boolean;
+    videoUrl: string;
+    onClose: () => void;
+}
+/**
+ * Feature announcement provider props
+ */
+export interface FeatureAnnouncementProviderProps extends FeatureAnnouncementRepository {
+    children: React.ReactNode;
+    module?: string;
+    router?: RouterProps;
+}

package/dist/esm/components/feature-announcements/types/repository.types.d.ts

@@ -0,0 +1,11 @@
+import { FeatureAnnouncement, StoreFeatureProgress } from './feature.types';
+/**
+ * Repository function types for dependency injection
+ */
+export interface FeatureAnnouncementRepository {
+    fetchVisibleFeatures: (module?: string) => Promise<[Error | null, FeatureAnnouncement[] | null]>;
+    getStoreFeatureProgress: (storeId: string) => Promise<[Error | null, StoreFeatureProgress | null]>;
+    fetchFeatureById: (featureId: string) => Promise<[Error | null, FeatureAnnouncement | null]>;
+    markFeatureAsViewedForStore: (storeId: string, featureId: string) => Promise<[Error | null]>;
+    isFeatureApplicableToCurrentPage: (feature: FeatureAnnouncement) => boolean;
+}

package/dist/esm/components/feature-announcements/types/router.types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Router properties
+ */
+export interface RouterProps {
+    pathname: string;
+    query: Record<string, string | string[] | undefined>;
+}

package/dist/esm/components/feature-announcements/useFeatureAnnouncements.d.ts

@@ -0,0 +1,13 @@
+import { FeatureAnnouncement, FeatureAnnouncementRepository, RouterProps } from './types';
+export declare const useFeatureAnnouncements: ({ fetchVisibleFeatures, getStoreFeatureProgress, fetchFeatureById, markFeatureAsViewedForStore, isFeatureApplicableToCurrentPage, module, router, }: FeatureAnnouncementRepository & {
+    module?: string | undefined;
+    router?: RouterProps | undefined;
+}) => {
+    features: FeatureAnnouncement[];
+    majorUpdateFeatures: FeatureAnnouncement[];
+    minorUpdateFeatures: FeatureAnnouncement[];
+    isLoading: boolean;
+    error: string | null;
+    markFeatureAsViewed: (featureId: string) => Promise<void>;
+    refetch: () => Promise<void>;
+};

package/dist/esm/components/feature-announcements/utils/animationHelpers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Calculate transform for closing animation
+ * @param popupElement - Popup element reference
+ * @param targetElement - Target element to animate towards
+ * @returns Transform CSS string
+ */
+export declare const calculateCloseTransform: (popupElement: HTMLElement, targetElement: Element) => string;
+/**
+ * Hide Joyride arrow element
+ * @param popupRef - Reference to popup element
+ */
+export declare const hideJoyrideArrow: (popupRef: HTMLElement | null) => void;
+/**
+ * Execute callback after animation completes
+ * @param callback - Function to execute
+ * @param delay - Optional delay override
+ */
+export declare const executeAfterAnimation: (callback: () => void, delay?: number) => void;

package/dist/esm/components/feature-announcements/utils/elementHelpers.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Find What's New button using multiple strategies
+ * @returns Element or null
+ */
+export declare const findWhatsNewButton: () => Element | null;
+/**
+ * Find target element for minor update
+ * @param featureTag - Feature tag selector
+ * @returns Element or null
+ */
+export declare const findFeatureTagElement: (featureTag: string) => Element | null;
+/**
+ * Normalize selector string
+ * @param selector - Selector string
+ * @returns Normalized selector
+ */
+export declare const normalizeSelector: (selector: string) => string;
+/**
+ * Check if element is fully visible in viewport
+ * @param element - Element to check
+ * @returns True if element is fully visible
+ */
+export declare const isElementInViewport: (element: Element) => boolean;
+/**
+ * Scroll to element smoothly with offset
+ * @param element - Element to scroll to
+ * @param offset - Offset from top (default 120px for popup space)
+ * @returns Promise that resolves when scroll completes
+ */
+export declare const scrollToElementSmooth: (element: Element, offset?: number) => Promise<void>;

package/dist/esm/components/feature-announcements/utils/htmlHelpers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Decode HTML entities in text
+ * @param text - Text containing HTML entities
+ * @returns Decoded text
+ */
+export declare const decodeHTMLEntities: (text: string) => string;
+/**
+ * Format video URL for embedding
+ * @param videoUrl - Original video URL
+ * @returns Formatted video URL
+ */
+export declare const formatVideoUrl: (videoUrl: string) => string;
+/**
+ * Check if URL is a YouTube video
+ * @param videoUrl - Video URL to check
+ * @returns True if YouTube video
+ */
+export declare const isYouTubeVideo: (videoUrl: string) => boolean;

package/dist/esm/components/feature-announcements/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './htmlHelpers';
+export * from './animationHelpers';
+export * from './elementHelpers';

package/dist/esm/components/file-uploader/FileUploader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FileUploaderProps } from "./Models";
+export declare const FileUploader: React.FC<FileUploaderProps>;

package/dist/esm/components/file-uploader/FileUploader.js

@@ -1 +1 @@
-import{jsx as e,Fragment as l,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{Button as t}from"../button/Button.js";import{Curtain as a}from"../curtain/Curtain.js";import{CURTAIN_TYPES as d,CURTAIN_MODE as r}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as s,FileUploadedStyle as n}from"./FileUploaderStyle.js";import{Input as c}from"../input/Input.js";import{ProgressBarComponent as p}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleMedium as m,BodySecondary as f,BodyCaption as u,ButtonLarge as v}from"../TypographyStyle.js";import{COLORS as _}from"../../constants/Theme.js";import y from"../../assets/icons/check.svg.js";import U from"../../assets/icons/file.svg.js";import g from"../../assets/icons/filePdf.svg.js";import b from"../../assets/icons/image.svg.js";import w from"../../assets/icons/triangle_error.svg.js";import N from"../../assets/icons/upload.svg.js";import I from"../../assets/icons/videoRecorder.svg.js";const E=E=>{var j,C;const[T,L]=o(""),[M,x]=o(""),[P,D]=o(null),[S,$]=o(!1),[z,G]=o(),[R,k]=o((null===(j=E.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===j?void 0:j.join("/"))||"FILE"),O=e=>{const l=e.split(".").pop();if(null==E?void 0:E.fileName)return`${E.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},V=e=>{if(!e)return"0 Bytes";const l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(2))} ${["Bytes","KB","MB"][l]}`},A=e=>{var l;L("");const i=null===(l=null==e?void 0:e.files)||void 0===l?void 0:l[0],o=(e=>{if(!e)return"Please upload an file before saving!";const l=E.fileUploadRules.allowedSize[e.type.toLowerCase()];return l?e.size>l?`Max file size that can be added is ${V(l)}`:"":"Uploaded file type is not supported!"})(i);L(o),o?E.onError(o):(D(i),B(i),$(!0))},B=e=>{var l,i;if(!T){const o=O(e.name),t=(null===(l=o.split(".").at(-1))||void 0===l?void 0:l.toUpperCase())||"FILE";k(t),null===(i=E.uploadFile)||void 0===i||i.call(E,e,o).then((l=>{const i=((e,l,i)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:i,fileSize:V(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:o}})(e,l,o);$(!1),G(i)})).catch((e=>{const l=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";E.onError(l)}))}},W=e=>{var l;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(l=E.getFileMetaFromUrl)||void 0===l||l.call(E,e).then((l=>{var i,o;if(l&&l.type&&(null===(i=l.type.split("/").at(-1))||void 0===i?void 0:i.toLowerCase())===R.toLowerCase()){const i=E.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)x(`Max file size that can be added is ${V(i)}`);else{const i=(null===(o=l.type.split("/").at(-1))||void 0===o?void 0:o.toUpperCase())||"FILE";k(i);const t=O(`file.${i.toLowerCase()}`),a=new Date;G({fileId:a.getTime().toString(),fileName:t,fileSize:V(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:a}),D(null)}else x("Uploaded file type is not supported!")}else x(`Please enter a valid ${R.toLowerCase()} URL`)}),(e=>{var l;return x(null!==(l=null==e?void 0:e.message)&&void 0!==l?l:"Please enter a valid image URL")})):x(`Please enter a valid ${R.toLowerCase()} URL`))},H=(l,i,o)=>"IMAGE"===F[R]?e(b,{color:l,height:i,width:o}):"VIDEO"===F[R]?e(I,{color:l,height:i,width:o}):"PDF"===F[R]?e(g,{color:l,height:i,width:o}):e(U,{color:l,height:i,width:o});return e(l,{children:z&&(null===(C=Object.keys(z))||void 0===C?void 0:C.length)?i(n,{className:"fileUploaded",children:[i("div",{className:"fileUploaded__header",children:[e("div",{className:"fileUploaded__header__icon",children:e(y,{color:_.content.primaryInverse,height:46,width:40})}),e("div",{className:"fileUploaded__header__title",children:i(m,{children:[R," uploaded successfully"]})})]}),i("div",{className:"fileUploaded__body",children:[i("div",{className:"fileUploaded__body__file-detail",children:[e("div",{className:"fileUploaded__body__file-detail__icon",children:H(_.content.secondary,22,18)}),e("div",{className:"fileUploaded__body__file-detail__name",children:e(f,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:null==z?void 0:z.fileName})}),e("div",{className:"fileUploaded__body__file-detail__size",children:null==z?void 0:z.fileSize})]}),i("div",{className:"fileUploaded__body__buttons",children:[e("div",{className:"fileUploaded__body__buttons__edit",children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;G({}),null===(e=E.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===e||e.join("/")}})}),e("div",{className:"fileUploaded__body__buttons__done",children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>E.onSuccess(P,z)})})]})]})]}):i(s,{showProgressBar:S,children:[i("div",{className:"fileUploader",children:[i("div",{className:"fileUploader__header",children:[e("div",{className:"fileUploader__header__icon",children:H(_.content.secondary,36,30)}),e(h,{body:R,placement:"top",children:e("div",{className:"fileUploader__header__title",children:e(m,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S?"Document upload in progress":`Upload ${R}`})})}),e("div",{className:"fileUploader__header__caption",children:e(f,{style:{color:_.content.secondary},children:S?`Your ${R} is getting loaded. This may take a couple of minutes.`:`${R.includes("/")?"Files":R+" format"} • Max ${V(Math.max(...Object.values(E.fileUploadRules.allowedSize)))}`})})]}),e("div",{className:"fileUploader__body",children:i(l,S?{children:[e("div",{className:"fileUploader__body__progress-bar",children:e(p,{completed:E.uploadProgress,isAnimated:!0})}),e("div",{className:"fileUploader__body__cancel-button",children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{$(!1),D(null),G({})}})})]}:{children:[e("div",{className:"fileUploader__body__link",children:e(c,{type:"text",onChangeText:()=>x(""),placeholder:`Enter URL of the ${R.includes("/")?"file":R.toLowerCase()}`,width:"100%",height:"48px",labelText:`${R.includes("/")?"File":R} link`,errorMessage:M,onBlur:e=>W(e.target.value)})}),i("div",{className:"fileUploader__body__divider",children:[e("div",{className:"left"}),e("div",{className:"title",children:e(u,{style:{color:_.content.secondary},children:"Or upload from device"})}),e("div",{className:"right"})]}),i("div",{className:"fileUploader__body__upload",children:[e("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:i("div",{className:"file-uploader",children:[e("div",{children:e(N,{height:18,width:18})}),e("div",{children:e(v,{style:{color:_.content.brand},children:"Upload"})})]})}),e("input",{id:"file-upload-button",type:"file",accept:E.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]})]})})]}),T&&e("div",{className:"fileUploadError",children:e(a,{type:d.NEGATIVE,mode:r.LIGHT,text:T,hideCrossIcon:!0,icon:()=>e(w,{height:16,width:19,color:_.content.negative})})})]})})},F={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{E as FileUploader};
+import{jsx as e,Fragment as i,jsxs as l}from"react/jsx-runtime";import{useState as o}from"react";import{Button as t}from"../button/Button.js";import{Curtain as a}from"../curtain/Curtain.js";import{CURTAIN_TYPES as s,CURTAIN_MODE as d}from"../curtain/CurtainHelper.js";import{FileUploaderStyle as r,FileUploadedStyle as n}from"./FileUploaderStyle.js";import{Input as c}from"../input/Input.js";import{ProgressBarComponent as p}from"../progress-bar/ProgressBarComponent.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{TitleMedium as m,BodySecondary as f,BodyCaption as u,ButtonLarge as v}from"../TypographyStyle.js";import{COLORS as _}from"../../constants/Theme.js";import g from"../../assets/icons/check.svg.js";import b from"../../assets/icons/file.svg.js";import y from"../../assets/icons/filePdf.svg.js";import j from"../../assets/icons/image.svg.js";import U from"../../assets/icons/triangle_error.svg.js";import O from"../../assets/icons/upload.svg.js";import w from"../../assets/icons/videoRecorder.svg.js";const N=N=>{var E,F;const[C,T]=o(""),[L,M]=o(""),[x,P]=o(null),[D,S]=o(!1),[$,z]=o(),[G,R]=o((null===(E=N.fileUploadRules.allowedFormats.split(",").map((e=>{var i,l;return null===(l=null===(i=null==e?void 0:e.split("/"))||void 0===i?void 0:i.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===E?void 0:E.join("/"))||"FILE"),k=e=>{const i=e.split(".").pop();if(null==N?void 0:N.fileName)return`${N.fileName}.${i}`;const l=new Date;return e.split(".")[0]+"_"+l.getTime().toString()+"."+i},V=e=>{if(!e)return"0 Bytes";const i=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,i)).toFixed(2))} ${["Bytes","KB","MB"][i]}`},A=e=>{var i;T("");const l=null===(i=null==e?void 0:e.files)||void 0===i?void 0:i[0],o=(e=>{if(!e)return"Please upload an file before saving!";const i=N.fileUploadRules.allowedSize[e.type.toLowerCase()];return i?e.size>i?`Max file size that can be added is ${V(i)}`:"":"Uploaded file type is not supported!"})(l);T(o),o?N.onError(o):(P(l),B(l),S(!0))},B=e=>{var i,l;if(!C){const o=k(e.name),t=(null===(i=o.split(".").at(-1))||void 0===i?void 0:i.toUpperCase())||"FILE";R(t),null===(l=N.uploadFile)||void 0===l||l.call(N,e,o).then((i=>{const l=((e,i,l)=>{const o=new Date;return{fileId:o.getTime().toString(),fileName:l,fileSize:V(e.size),fileType:e.type,fileUrl:i,uploadType:"FileUpload",uploadDate:o}})(e,i,o);S(!1),z(l)})).catch((e=>{const i=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";N.onError(i)}))}},W=e=>{var i;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(i=N.getFileMetaFromUrl)||void 0===i||i.call(N,e).then((i=>{var l,o;if(i&&i.type&&(null===(l=i.type.split("/").at(-1))||void 0===l?void 0:l.toLowerCase())===G.toLowerCase()){const l=N.fileUploadRules.allowedSize[i.type.toLowerCase()];if(l)if(i.size>l)M(`Max file size that can be added is ${V(l)}`);else{const l=(null===(o=i.type.split("/").at(-1))||void 0===o?void 0:o.toUpperCase())||"FILE";R(l);const t=k(`file.${l.toLowerCase()}`),a=new Date;z({fileId:a.getTime().toString(),fileName:t,fileSize:V(i.size),fileType:i.type,fileUrl:e,uploadType:"URL",uploadDate:a}),P(null)}else M("Uploaded file type is not supported!")}else M(`Please enter a valid ${G.toLowerCase()} URL`)}),(e=>{var i;return M(null!==(i=null==e?void 0:e.message)&&void 0!==i?i:"Please enter a valid image URL")})):M(`Please enter a valid ${G.toLowerCase()} URL`))},H=(i,l,o)=>"IMAGE"===I[G]?e(j,{color:i,height:l,width:o}):"VIDEO"===I[G]?e(w,{color:i,height:l,width:o}):"PDF"===I[G]?e(y,{color:i,height:l,width:o}):e(b,{color:i,height:l,width:o});return e(i,{children:$&&(null===(F=Object.keys($))||void 0===F?void 0:F.length)?l(n,Object.assign({className:"fileUploaded"},{children:[l("div",Object.assign({className:"fileUploaded__header"},{children:[e("div",Object.assign({className:"fileUploaded__header__icon"},{children:e(g,{color:_.content.primaryInverse,height:46,width:40})})),e("div",Object.assign({className:"fileUploaded__header__title"},{children:l(m,{children:[G," uploaded successfully"]})}))]})),l("div",Object.assign({className:"fileUploaded__body"},{children:[l("div",Object.assign({className:"fileUploaded__body__file-detail"},{children:[e("div",Object.assign({className:"fileUploaded__body__file-detail__icon"},{children:H(_.content.secondary,22,18)})),e("div",Object.assign({className:"fileUploaded__body__file-detail__name"},{children:e(f,Object.assign({style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}},{children:null==$?void 0:$.fileName}))})),e("div",Object.assign({className:"fileUploaded__body__file-detail__size"},{children:null==$?void 0:$.fileSize}))]})),l("div",Object.assign({className:"fileUploaded__body__buttons"},{children:[e("div",Object.assign({className:"fileUploaded__body__buttons__edit"},{children:e(t,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;z({}),null===(e=N.fileUploadRules.allowedFormats.split(",").map((e=>{var i,l;return null===(l=null===(i=null==e?void 0:e.split("/"))||void 0===i?void 0:i.at(-1))||void 0===l?void 0:l.toUpperCase()})))||void 0===e||e.join("/")}})})),e("div",Object.assign({className:"fileUploaded__body__buttons__done"},{children:e(t,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>N.onSuccess(x,$)})}))]}))]}))]})):l(r,Object.assign({showProgressBar:D},{children:[l("div",Object.assign({className:"fileUploader"},{children:[l("div",Object.assign({className:"fileUploader__header"},{children:[e("div",Object.assign({className:"fileUploader__header__icon"},{children:H(_.content.secondary,36,30)})),e(h,Object.assign({body:G,placement:"top"},{children:e("div",Object.assign({className:"fileUploader__header__title"},{children:e(m,Object.assign({style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:D?"Document upload in progress":`Upload ${G}`}))}))})),e("div",Object.assign({className:"fileUploader__header__caption"},{children:e(f,Object.assign({style:{color:_.content.secondary}},{children:D?`Your ${G} is getting loaded. This may take a couple of minutes.`:`${G.includes("/")?"Files":G+" format"} • Max ${V(Math.max(...Object.values(N.fileUploadRules.allowedSize)))}`}))}))]})),e("div",Object.assign({className:"fileUploader__body"},{children:l(i,D?{children:[e("div",Object.assign({className:"fileUploader__body__progress-bar"},{children:e(p,{completed:N.uploadProgress,isAnimated:!0})})),e("div",Object.assign({className:"fileUploader__body__cancel-button"},{children:e(t,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{S(!1),P(null),z({})}})}))]}:{children:[e("div",Object.assign({className:"fileUploader__body__link"},{children:e(c,{type:"text",onChangeText:()=>M(""),placeholder:`Enter URL of the ${G.includes("/")?"file":G.toLowerCase()}`,width:"100%",height:"48px",labelText:`${G.includes("/")?"File":G} link`,errorMessage:L,onBlur:e=>W(e.target.value)})})),l("div",Object.assign({className:"fileUploader__body__divider"},{children:[e("div",{className:"left"}),e("div",Object.assign({className:"title"},{children:e(u,Object.assign({style:{color:_.content.secondary}},{children:"Or upload from device"}))})),e("div",{className:"right"})]})),l("div",Object.assign({className:"fileUploader__body__upload"},{children:[e("label",Object.assign({htmlFor:"file-upload-button",className:"file-upload-label"},{children:l("div",Object.assign({className:"file-uploader"},{children:[e("div",{children:e(O,{height:18,width:18})}),e("div",{children:e(v,Object.assign({style:{color:_.content.brand}},{children:"Upload"}))})]}))})),e("input",{id:"file-upload-button",type:"file",accept:N.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>A(e.target)})]}))]})}))]})),C&&e("div",Object.assign({className:"fileUploadError"},{children:e(a,{type:s.NEGATIVE,mode:d.LIGHT,text:C,hideCrossIcon:!0,icon:()=>e(U,{height:16,width:19,color:_.content.negative})})}))]}))})},I={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};export{N as FileUploader};

package/dist/esm/components/file-uploader/FileUploaderStyle.d.ts

@@ -0,0 +1,7 @@
+export declare const FileUploaderStyle: import("styled-components").StyledComponent<"div", any, {
+    showProgressBar: boolean;
+    width?: string | undefined;
+}, never>;
+export declare const FileUploadedStyle: import("styled-components").StyledComponent<"div", any, {
+    width?: string | undefined;
+}, never>;

package/dist/esm/components/file-uploader/Models.d.ts

@@ -0,0 +1,34 @@
+export interface FileMetaData {
+    fileId: string;
+    fileName: string;
+    fileSize: string;
+    fileType: string;
+    fileUrl: string;
+    uploadType: 'URL' | 'FileUpload';
+    uploadDate: Date;
+}
+export interface FileUploadRules {
+    allowedFormats: string;
+    allowedSize: {
+        [key: string]: number;
+    };
+}
+export interface FileUploaderInterface {
+    onFileUpload: (file: File, metaData: FileMetaData) => void;
+    fileUploadRules: FileUploadRules;
+    onError: (error: string) => void;
+}
+export interface FileMetaFromUrl {
+    type: string;
+    size: number;
+}
+export interface FileUploaderProps {
+    uploadFile?: (file: File, fileName: string) => Promise<string>;
+    getFileMetaFromUrl?: (url: string) => Promise<FileMetaFromUrl>;
+    fileUploadRules: FileUploadRules;
+    onError: (error: string) => void;
+    uploadProgress: number;
+    onCancel: () => void;
+    onSuccess: (file: File, fileMeta: FileMetaData) => void;
+    fileName?: string;
+}

package/dist/esm/components/file-uploader/index.d.ts

@@ -0,0 +1 @@
+export * from './FileUploader';

package/dist/esm/components/file-uploader/useMockUrlUpload.d.ts

@@ -0,0 +1,8 @@
+import { FileMetaFromUrl } from "./Models";
+interface URLUploadOptions {
+    getFileMetaFromUrl: (url: string) => Promise<FileMetaFromUrl>;
+    error?: string;
+    success?: boolean;
+}
+declare const useMockUrlUpload: () => URLUploadOptions;
+export default useMockUrlUpload;

package/dist/esm/components/floater/floater.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type FloaterProps = {
+    children?: React.ReactNode;
+    refElement: React.MutableRefObject<any>;
+    leftOffset?: number;
+    topOffset?: number;
+    useDefaultOffsets?: boolean;
+};
+export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/floater/floater.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as f,useEffect as n}from"react";const i=i=>{const o=e(null),[r,l]=f(0),[s,d]=f(0),[u,c]=f(!1);return n((()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const f=null==o?void 0:o.current;f?(e>window.innerWidth-f.offsetWidth&&(e=window.innerWidth-f.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void l(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const f=null==o?void 0:o.current;if(!f)return void l(e);const n=window.innerHeight;t.top+f.offsetHeight>n&&(e=t.top-(t.top+f.offsetHeight-n)-10),l(e)})(t),c(!0)}})),u?t("div",{style:{top:r,left:s,position:"fixed",zIndex:1e3},children:t("div",{ref:o,children:i.children})}):null};export{i as Floater};
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as f}from"react";const i=i=>{const o=e(null),[r,s]=n(0),[l,d]=n(0),[c,u]=n(!1);return f((()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const n=null==o?void 0:o.current;n?(e>window.innerWidth-n.offsetWidth&&(e=window.innerWidth-n.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void s(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const n=null==o?void 0:o.current;if(!n)return void s(e);const f=window.innerHeight;t.top+n.offsetHeight>f&&(e=t.top-(t.top+n.offsetHeight-f)-10),s(e)})(t),u(!0)}})),c?t("div",Object.assign({style:{top:r,left:l,position:"fixed",zIndex:1e3}},{children:t("div",Object.assign({ref:o},{children:i.children}))})):null};export{i as Floater};

package/dist/esm/components/floater/index.d.ts

@@ -0,0 +1 @@
+export * from './floater';

package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts

@@ -0,0 +1,22 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+import { Placement } from '../tooltips';
+import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles';
+export declare const FloatingActionButton: React.FC<{
+    onClick?: () => void;
+    children?: React.ReactNode;
+    width?: number;
+    height?: number;
+    icon?: JSX.Element;
+    color?: string;
+    position?: FAB_POSITION;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipText?: string;
+    tooltipPlacement?: Placement;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+    tootipWidth?: number;
+}>;

package/dist/esm/components/floating-action-button/FloatingActionButton.js

@@ -1 +1 @@
-import{jsx as o,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useState as n}from"react";import{Dropdown as e}from"react-bootstrap";import{COLORS as r}from"../../constants/Theme.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodyCaption as d}from"../TypographyStyle.js";import c from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as h,DROP_POSITION as p,MENU_ALIGNMENT as s,FloatingActionButtonOuterContainer as m,StyledDropdown as a,DropdownToggleContainer as g,TooltipStyled as u,FloatingActionButtonContainer as w}from"./FloatingActionButton.styles.js";const T=i=>{const{width:n,height:e,color:h,onClick:p,icon:s,tooltipPlacement:m,tooltipText:a,tootipWidth:g,isRound:T}=i;return a?o(l,{tooltipContent:o(u,{tooltipWidth:g,children:o(d,{color:r.content.primaryInverse,children:i.tooltipText})}),placement:m,body:"",children:o(w,{width:n,height:e,color:h,onClick:p,isRound:T,children:s||o(c,{width:22,height:22})})}):o(t,{children:o(w,{width:n,height:e,color:h,onClick:p,isRound:T,children:s||o(c,{width:22,height:22})})})},P=l=>{const{icon:d,onClick:c,children:u,tooltipText:w,isRound:P=!0,width:x=48,height:f=48,color:k=r.background.inverse,position:b=h.TOP_LEFT,buttonPaddingHorizontal:C=20,buttonPaddingVertical:j=20,zIndex:y=1,tooltipPlacement:R="right",dropPosition:W=p.DOWN,menuAligment:z=s.END,tootipWidth:D}=l,[O,v]=n(!1);return o(t,{children:o(m,{width:x,height:f,color:k,position:b,buttonPaddingHorizontal:C,buttonPaddingVertical:j,zIndex:y,children:o(a,{onToggle:(o,t)=>{v(o)},drop:W,align:z,children:u?i(t,{children:[o(g,{drop:W,children:o(T,{width:x,height:f,color:k,tooltipPlacement:R,onClick:c,tooltipText:w,icon:d,position:b,isRound:P,isDropdownOpen:O,tootipWidth:D})}),o(e.Menu,{children:u})]}):o(T,{width:x,height:f,color:k,tooltipPlacement:R,onClick:c,tooltipText:w,icon:d,position:b,isRound:P,isDropdownOpen:O,tootipWidth:D})})})})};export{P as FloatingActionButton};
+import{jsx as t,Fragment as o,jsxs as i}from"react/jsx-runtime";import{useState as n}from"react";import{Dropdown as e}from"react-bootstrap";import{COLORS as r}from"../../constants/Theme.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodyCaption as l}from"../TypographyStyle.js";import s from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as d,DROP_POSITION as h,MENU_ALIGNMENT as p,FloatingActionButtonOuterContainer as a,StyledDropdown as g,DropdownToggleContainer as m,TooltipStyled as u,FloatingActionButtonContainer as b}from"./FloatingActionButton.styles.js";const j=i=>{const{width:n,height:e,color:d,onClick:h,icon:p,tooltipPlacement:a,tooltipText:g,tootipWidth:m,isRound:j}=i;return g?t(c,Object.assign({tooltipContent:t(u,Object.assign({tooltipWidth:m},{children:t(l,Object.assign({color:r.content.primaryInverse},{children:i.tooltipText}))})),placement:a,body:""},{children:t(b,Object.assign({width:n,height:e,color:d,onClick:h,isRound:j},{children:p||t(s,{width:22,height:22})}))})):t(o,{children:t(b,Object.assign({width:n,height:e,color:d,onClick:h,isRound:j},{children:p||t(s,{width:22,height:22})}))})},O=c=>{const{icon:l,onClick:s,children:u,tooltipText:b,isRound:O=!0,width:w=48,height:T=48,color:P=r.background.inverse,position:x=d.TOP_LEFT,buttonPaddingHorizontal:f=20,buttonPaddingVertical:k=20,zIndex:C=1,tooltipPlacement:y="right",dropPosition:R=h.DOWN,menuAligment:W=p.END,tootipWidth:z}=c,[D,v]=n(!1);return t(o,{children:t(a,Object.assign({width:w,height:T,color:P,position:x,buttonPaddingHorizontal:f,buttonPaddingVertical:k,zIndex:C},{children:t(g,Object.assign({onToggle:(t,o)=>{v(t)},drop:R,align:W},{children:u?i(o,{children:[t(m,Object.assign({drop:R},{children:t(j,{width:w,height:T,color:P,tooltipPlacement:y,onClick:s,tooltipText:b,icon:l,position:x,isRound:O,isDropdownOpen:D,tootipWidth:z})})),t(e.Menu,{children:u})]}):t(j,{width:w,height:T,color:P,tooltipPlacement:y,onClick:s,tooltipText:b,icon:l,position:x,isRound:O,isDropdownOpen:D,tootipWidth:z})}))}))})};export{O as FloatingActionButton};

package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+export declare enum FAB_POSITION {
+    TOP_LEFT = "top left",
+    TOP_RIGHT = "top right",
+    BOTTOM_LEFT = "bottom left",
+    BOTTOM_RIGHT = "botton right"
+}
+export declare enum DROP_POSITION {
+    UP = "up",
+    UP_CENTERED = "up-centered",
+    START = "start",
+    END = "end",
+    DOWN = "down",
+    DOWN_CENTERED = "down-centered"
+}
+export declare enum MENU_ALIGNMENT {
+    START = "start",
+    END = "end"
+}
+export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+    height: number;
+    color: string;
+    isRound?: boolean | undefined;
+}, never>;
+export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+    height: number;
+    color: string;
+    position: FAB_POSITION;
+    buttonPaddingHorizontal: number;
+    buttonPaddingVertical: number;
+    zIndex: number;
+}, never>;
+export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
+}, any, {
+    active?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}, never>;
+export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;
+export declare const TooltipStyled: import("styled-components").StyledComponent<"div", any, {
+    tooltipWidth?: number | undefined;
+}, never>;

package/dist/esm/components/floating-action-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FloatingActionButton';
+export * from './FloatingActionButton.styles';

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Placement } from "../tooltips";
+import { DropdownOption, OpenDropdownProps } from '../dropdown/type';
+import { FloaterProps } from '../floater/floater';
+import { InputProps } from '../input';
+type DropdownProps = OpenDropdownProps & {
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    onDropdownOpen?: () => void;
+    onDropdownVisbilityChange?: (isOpen: boolean) => void;
+    tooltipContent?: string;
+    tooltipDirection?: Placement;
+    showTooltipArrow?: boolean;
+};
+type FloatingInputDropdownProps = {
+    inputProps: InputProps;
+    dropdownProps: DropdownProps;
+    floaterProps: FloaterProps;
+    children?: React.ReactNode;
+    isVisible?: boolean;
+    onDropdownOptionClick?: (option: DropdownOption) => void;
+    onChangeText?: (text: string, event?: Event) => void;
+};
+export declare const FloatingInputDropdown: React.FC<FloatingInputDropdownProps>;
+export {};

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as d}from"../dropdown/Common.styled.js";import{OpenedDropdown as c}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as m}from"../input/Input.js";const u=s(d)`
+import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import{DropShadow as p}from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as c}from"../dropdown/Common.styled.js";import{OpenedDropdown as d}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as m}from"../input/Input.js";const u=s(c)`
 	opacity: ${e=>{let{visible:o}=e;return o?1:0}};
 	visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,f=s=>{let{inputProps:d,dropdownProps:f,floaterProps:v,children:b,isVisible:h,onDropdownOptionClick:w,onChangeText:y}=s;const g=t(null),j=t(null),[O,C]=i(!1),[S,D]=i(null),[x,k]=i(null),[z,P]=i(!1),{styles:R,attributes:T,update:I,forceUpdate:M}=l(x,S,{placement:f.placement,strategy:f.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});r((()=>{if(!O){const e=setTimeout((()=>P(!1)),200);return()=>clearTimeout(e)}P(!0),I&&I()}),[O,I]),r((()=>{if(g.current){const e=new ResizeObserver((()=>{I&&I()}));return e.observe(g.current),()=>{e.disconnect()}}}),[g.current,I]);return e(o,{children:[h&&e(a,Object.assign({},v,{refElement:j,children:[n("div",{style:{position:"relative"},ref:k,children:n(p,{level:"z2",position:"down",style:{borderRadius:8},children:n(m,Object.assign({},d,{onClick:()=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),O?C(!1):f.disabled||C(!0),null==M||M()},ref:g,onChangeText:(e,o)=>{null==y||y(e,o),I&&I()}}))})}),n(u,Object.assign({ref:D,style:Object.assign(Object.assign({},R.popper),{zIndex:3})},T.popper,{visible:O||z,children:n(p,{level:"z2",position:"down",style:{borderRadius:8},children:n(c,Object.assign({},f,{onSelect:e=>{var o;"2.0"===f.version&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),C(!1))},onClose:e=>{var o,n;"2.0"===f.version&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),C(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:f.version,headerRef:g,onDropdownItemClick:e=>{null==w||w(e)}}))})}))]})),n("div",{ref:j,children:b&&n("div",{children:b})})]})};export{f as FloatingInputDropdown};
+`,f=s=>{let{inputProps:c,dropdownProps:f,floaterProps:v,children:b,isVisible:g,onDropdownOptionClick:h,onChangeText:j}=s;const O=t(null),w=t(null),[y,C]=i(!1),[S,D]=i(null),[x,k]=i(null),[z,P]=i(!1),{styles:R,attributes:T,update:I,forceUpdate:M}=l(x,S,{placement:f.placement,strategy:f.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});r((()=>{if(!y){const e=setTimeout((()=>P(!1)),200);return()=>clearTimeout(e)}P(!0),I&&I()}),[y,I]),r((()=>{if(O.current){const e=new ResizeObserver((()=>{I&&I()}));return e.observe(O.current),()=>{e.disconnect()}}}),[O.current,I]);return e(o,{children:[g&&e(a,Object.assign({},v,{refElement:w},{children:[n("div",Object.assign({style:{position:"relative"},ref:k},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(m,Object.assign({},c,{onClick:()=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),y?C(!1):f.disabled||C(!0),null==M||M()},ref:O,onChangeText:(e,o)=>{null==j||j(e,o),I&&I()}}))}))})),n(u,Object.assign({ref:D,style:Object.assign(Object.assign({},R.popper),{zIndex:3})},T.popper,{visible:y||z},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(d,Object.assign({},f,{onSelect:e=>{var o;"2.0"===f.version&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),C(!1))},onClose:e=>{var o,n;"2.0"===f.version&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),C(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:f.version,headerRef:O,onDropdownItemClick:e=>{null==h||h(e)}}))}))}))]})),n("div",Object.assign({ref:w},{children:b&&n("div",{children:b})}))]})};export{f as FloatingInputDropdown};

package/dist/esm/components/floating-input-dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './FloatingInputDropdown';

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

@@ -0,0 +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;
+}

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

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

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

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

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

@@ -0,0 +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>;

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

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

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

@@ -0,0 +1,44 @@
+/// <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;
+}

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

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

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

@@ -0,0 +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>;
+}

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

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

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

@@ -0,0 +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;