@bikdotai/bik-component-library 0.0.687-beta.8 → 0.0.687

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

@@ -1,62 +1,50 @@
-import * as react_bootstrap_esm_DropdownItem from 'react-bootstrap/esm/DropdownItem';
-import * as _restart_ui_esm_types from '@restart/ui/esm/types';
-import * as _restart_ui_esm_DropdownItem from '@restart/ui/esm/DropdownItem';
-import * as React from 'react';
-import * as _restart_ui_esm_Button from '@restart/ui/esm/Button';
-import * as react_bootstrap_esm_DropdownMenu from 'react-bootstrap/esm/DropdownMenu';
-import * as react_bootstrap_esm_DropdownToggle from 'react-bootstrap/esm/DropdownToggle';
-import * as react_bootstrap_esm_helpers from 'react-bootstrap/esm/helpers';
-import * as react_bootstrap from 'react-bootstrap';
-import * as styled_components from 'styled-components';
-
-declare enum FAB_POSITION {
-    TOP_LEFT = "top left",
-    TOP_RIGHT = "top right",
-    BOTTOM_LEFT = "bottom left",
-    BOTTOM_RIGHT = "botton right"
-}
-declare enum DROP_POSITION {
-    UP = "up",
-    UP_CENTERED = "up-centered",
-    START = "start",
-    END = "end",
-    DOWN = "down",
-    DOWN_CENTERED = "down-centered"
-}
-declare enum MENU_ALIGNMENT {
-    START = "start",
-    END = "end"
-}
-declare const FloatingActionButtonContainer: styled_components.StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    isRound?: boolean | undefined;
-}, never>;
-declare const FloatingActionButtonOuterContainer: styled_components.StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    position: FAB_POSITION;
-    buttonPaddingHorizontal: number;
-    buttonPaddingVertical: number;
-    zIndex: number;
-}, never>;
-declare const StyledDropdown: styled_components.StyledComponent<react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", react_bootstrap.DropdownProps> & {
-    Toggle: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"button", react_bootstrap_esm_DropdownToggle.DropdownToggleProps>;
-    Menu: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", react_bootstrap_esm_DropdownMenu.DropdownMenuProps>;
-    Item: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<_restart_ui_esm_types.DynamicRefForwardingComponent<React.ForwardRefExoticComponent<_restart_ui_esm_Button.ButtonProps & React.RefAttributes<HTMLElement>>, _restart_ui_esm_DropdownItem.DropdownItemProps>, react_bootstrap_esm_DropdownItem.DropdownItemProps>;
-    ItemText: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"span", unknown>;
-    Divider: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"hr", unknown>;
-    Header: react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-declare const DropdownToggleContainer: styled_components.StyledComponent<react_bootstrap_esm_helpers.BsPrefixRefForwardingComponent<"button", react_bootstrap_esm_DropdownToggle.DropdownToggleProps>, any, {}, never>;
-declare const TooltipStyled: styled_components.StyledComponent<"div", any, {
-    tooltipWidth?: number | undefined;
-}, never>;
-
-export { DROP_POSITION, DropdownToggleContainer, FAB_POSITION, FloatingActionButtonContainer, FloatingActionButtonOuterContainer, MENU_ALIGNMENT, StyledDropdown, TooltipStyled };
+/// <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/FloatingActionButton.styles.js

@@ -1,4 +1,4 @@
-import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";var e=(t=>(t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right",t))(e||{}),i=(t=>(t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered",t))(i||{}),n=(t=>(t.START="start",t.END="end",t))(n||{});const d=o.div`
+import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";var r,e,n;!function(t){t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right"}(r||(r={})),function(t){t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered"}(e||(e={})),function(t){t.START="start",t.END="end"}(n||(n={}));const d=o.div`
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
@@ -16,7 +16,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	z-index: ${t=>t.zIndex};
-	${t=>"botton right"===t.position?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:"bottom left"===t.position?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:"top left"===t.position?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:"top right"===t.position?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
+	${t=>t.position===r.BOTTOM_RIGHT?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===r.BOTTOM_LEFT?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===r.TOP_LEFT?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position===r.TOP_RIGHT?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
 `,a=o(t)`
 	.filter-container {
 		.single-row {
@@ -26,7 +26,7 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 			justify-content: flex-start;
 			gap: 8px;
 			padding: 14px;
-			border-bottom: 1px solid ${r.stroke.primary};
+			border-bottom: 1px solid ${i.stroke.primary};
 
 			:last-child {
 				border-bottom: none !important;
@@ -35,15 +35,15 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 	button {
 		border: 1px solid
-			${t=>"true"===t.active?r.stroke.positive.lightAlt:r.stroke.primary};
+			${t=>"true"===t.active?i.stroke.positive.lightAlt:i.stroke.primary};
 		border-radius: 4px;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 		padding: 6px 0px;
-		background: ${t=>"true"===t.active?r.background.positive.light:r.surface.standard};
-		color: ${t=>"true"===t.active?r.content.positive:r.content.primary};
+		background: ${t=>"true"===t.active?i.background.positive.light:i.surface.standard};
+		color: ${t=>"true"===t.active?i.content.positive:i.content.primary};
 	}
 
 	.btn-primary:hover,
@@ -51,8 +51,8 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	.btn-primary:focus,
 	.btn-primary.dropdown-toggle,
 	.show > .btn-primary.dropdown-toggle {
-		color: ${t=>"true"===t.active?r.content.positive:r.content.primary};
-		background-color: ${t=>"true"===t.active?r.background.positive.light:"transparent"};
+		color: ${t=>"true"===t.active?i.content.positive:i.content.primary};
+		background-color: ${t=>"true"===t.active?i.background.positive.light:"transparent"};
 		border: none;
 	}
 	.btn:focus {
@@ -61,12 +61,12 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 
 	.dropdown-toggle::after {
-		border-top: 0.3em solid ${r.content.primary};
+		border-top: 0.3em solid ${i.content.primary};
 		display: none !important;
 	}
 
 	.dropdown-toggle::before {
-		border-top: 0.3em solid ${r.content.primary};
+		border-top: 0.3em solid ${i.content.primary};
 		display: none !important;
 	}
 	.dropdown-menu {
@@ -75,11 +75,11 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	}
 	.dropdown-item:active,
 	.dropdown-item:hover {
-		color: ${r.content.positive};
+		color: ${i.content.positive};
 		text-decoration: none;
-		background-color: ${r.background.positive.light};
+		background-color: ${i.background.positive.light};
 	}
-`,l=o(t.Toggle)`
+`,s=o(t.Toggle)`
 	border-radius: 4px;
 	display: flex;
 	flex-direction: row;
@@ -89,11 +89,11 @@ import{Dropdown as t}from"react-bootstrap";import o from"styled-components";impo
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`,s=o.div`
+`,l=o.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;
-	background-color: ${r.content.primary};
-	color: ${r.content.primaryInverse};
+	background-color: ${i.content.primary};
+	color: ${i.content.primaryInverse};
 	width: ${t=>t.tooltipWidth?t.tooltipWidth+"px":"120px"};
-`;export{i as DROP_POSITION,l as DropdownToggleContainer,e as FAB_POSITION,d as FloatingActionButtonContainer,p as FloatingActionButtonOuterContainer,n as MENU_ALIGNMENT,a as StyledDropdown,s as TooltipStyled};
+`;export{e as DROP_POSITION,s as DropdownToggleContainer,r as FAB_POSITION,d as FloatingActionButtonContainer,p as FloatingActionButtonOuterContainer,n as MENU_ALIGNMENT,a as StyledDropdown,l as TooltipStyled};

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

@@ -1,28 +1,26 @@
-import React__default from 'react';
-import { Placement } from '../tooltips/Tooltip.js';
-import { DropdownOption, OpenDropdownProps } from '../dropdown/type.js';
-import { FloaterProps } from '../floater/floater.js';
-import { InputProps } from '../input/Input.js';
-
-type DropdownProps = OpenDropdownProps & {
-    isLoading?: boolean;
-    children?: React__default.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__default.ReactNode;
-    isVisible?: boolean;
-    onDropdownOptionClick?: (option: DropdownOption) => void;
-    onChangeText?: (text: string, event?: Event) => void;
-};
-declare const FloatingInputDropdown: React__default.FC<FloatingInputDropdownProps>;
-
-export { FloatingInputDropdown };
+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 t}from"react/jsx-runtime";import{useRef as r,useState as n,useEffect as i}from"react";import{usePopper as s}from"react-popper";import l 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 m}from"../floater/floater.js";import{Input as a}from"../input/Input.js";const f=l(d)`
-	opacity: ${({visible:e})=>e?1:0};
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
+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;
-`,u=({inputProps:l,dropdownProps:d,floaterProps:u,children:v,isVisible:b,onDropdownOptionClick:h,onChangeText:w})=>{const y=r(null),C=r(null),[S,g]=n(!1),[j,D]=n(null),[O,x]=n(null),[k,z]=n(!1),{styles:P,attributes:R,update:T,forceUpdate:I}=s(O,j,{placement:d.placement,strategy:d.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"]}}]});i((()=>{if(!S){const e=setTimeout((()=>z(!1)),200);return()=>clearTimeout(e)}z(!0),T&&T()}),[S,T]),i((()=>{if(y.current){const e=new ResizeObserver((()=>{T&&T()}));return e.observe(y.current),()=>{e.disconnect()}}}),[y.current,T]);return e(o,{children:[b&&e(m,{...u,refElement:C,children:[t("div",{style:{position:"relative"},ref:x,children:t(p,{level:"z2",position:"down",style:{borderRadius:8},children:t(a,{...l,onClick:()=>{d.onDropdownOpen?.(),S?g(!1):d.disabled||g(!0),I?.()},ref:y,onChangeText:(e,o)=>{w?.(e,o),T&&T()}})})}),t(f,{ref:D,style:{...P.popper,zIndex:3},...R.popper,visible:S||k,children:t(p,{level:"z2",position:"down",style:{borderRadius:8},children:t(c,{...d,onSelect:e=>{"2.0"===d.version&&d.isMultiSelect||(d.onSelect?.(e),g(!1))},onClose:e=>{"2.0"===d.version&&d.isMultiSelect&&e&&d.onSelect?.([...e]),g(!1),d?.onClose?.()},version:d.version,headerRef:y,onDropdownItemClick:e=>{h?.(e)}})})})]}),t("div",{ref:C,children:v&&t("div",{children:v})})]})};export{u 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

@@ -1,6 +1,3 @@
-import React__default from 'react';
-import { IconButtonProps } from './model.js';
-
-declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-export { IconButton };
+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{jsx as o}from"react/jsx-runtime";import t,{forwardRef as e}from"react";import{Tooltip as i}from"../tooltips/Tooltip.js";import{IconButton as l}from"./IconButton.styled.js";import{getIconColor as r}from"./theme.js";const d=e((({id:e,iconButtonType:d="default",Icon:n,height:s=20,width:c=20,bordered:p,disabled:a,isSelected:m,style:y,svgStyle:h,iconColor:u,disabledTooltip:b,...f},B)=>{const j=r(d,a,m),I=o(l,{id:e,ref:B,style:y,iconButtonType:d,bordered:p,disabled:a,isSelected:m,...f,children:t.createElement(n,{height:s,width:c,color:u||j,style:{display:"block",...h??{}}})});return a&&b?o(i,{body:b,children:o("span",{style:{display:"inline-block",cursor:"not-allowed"},children:I})}):I}));d.displayName="IconButton";export{d 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

@@ -1,45 +1,44 @@
-type IconButtonType = 'default' | 'negative' | 'positive' | 'warning' | 'ai';
-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 { IconButtonProps, IconButtonType };
+/// <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

@@ -1,14 +1,11 @@
-interface CompressImageOptions {
-    maxSizeMB?: number;
-}
-interface CompressImageReturnType {
-    base64: string;
-    compressedFile: File;
-}
-declare class ImageService {
-    static base64ToImage: (base64String: string) => File;
-    static compressImage: (file: File, options?: CompressImageOptions) => Promise<CompressImageReturnType>;
-}
-
-export { ImageService };
-export type { CompressImageOptions, 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/esm/components/image-compress/ImageCompress.js

@@ -1 +1 @@
-import e from"browser-image-compression";var r=Object.defineProperty,t=(e,t,a)=>((e,t,a)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a)(e,"symbol"!=typeof t?t+"":t,a);class a{}t(a,"base64ToImage",(e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],a=new ArrayBuffer(r.length),o=new Uint8Array(a);for(let e=0;e<r.length;e++)o[e]=r.charCodeAt(e);const s=new Blob([a],{type:t});return new File([s],"image",{type:t})})),t(a,"compressImage",(async(r,t)=>{let a=r,o="";const s=t?t.maxSizeMB:r.size/1024/1024*.8;try{const t={maxSizeMB:s,maxWidthOrHeight:1920,useWebWorker:!0};r.size/1024/1024>.1&&(a=await e(r,t)),o=await e.getDataUrlFromFile(a)}catch(e){console.error(e)}return{base64:o,compressedFile:a}}));export{a as ImageService};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import r from"browser-image-compression";class t{}Object.defineProperty(t,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),o=new Uint8Array(i);for(let e=0;e<r.length;e++)o[e]=r.charCodeAt(e);const l=new Blob([i],{type:t});return new File([l],"image",{type:t})}}),Object.defineProperty(t,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(t,i)=>e(void 0,void 0,void 0,(function*(){let e=t,o="";const l=i?i.maxSizeMB:t.size/1024/1024*.8;try{const i={maxSizeMB:l,maxWidthOrHeight:1920,useWebWorker:!0};t.size/1024/1024>.1&&(e=yield r(t,i)),o=yield r.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:o,compressedFile:e}}))});export{t as ImageService};

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

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

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

@@ -1,12 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface BikImageCropperProps {
-    aspectRatio?: number;
-    src: string;
-    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
-    onCancel: () => void;
-}
-declare const BikImageCropper: (props: BikImageCropperProps) => react_jsx_runtime.JSX.Element;
-
-export { BikImageCropper, BikImageCropper as default };
-export type { BikImageCropperProps };
+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/esm/components/image-cropper/BikImageCropper.js

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

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

@@ -1,38 +1,33 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CompressImageOptions } from '../../image-compress/ImageCompress.js';
-import { BikImageCropperProps } from '../BikImageCropper.js';
-
-/**
- * Todos
- * 	- Add option to pass https url in the src / edit an image
- */
-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;
-    };
-}
-declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, loadingStateOptions, }: BikImagePipelineProps) => react_jsx_runtime.JSX.Element;
-
-export { BikImagePipeline };
-export type { BikImagePipelineProps };
+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;