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

package/dist/cjs/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/cjs/components/floating-action-button/FloatingActionButton.styles.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=r(o),n=(t=>(t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right",t))(n||{}),d=(t=>(t.UP="up",t.UP_CENTERED="up-centered",t.START="start",t.END="end",t.DOWN="down",t.DOWN_CENTERED="down-centered",t))(d||{}),p=(t=>(t.START="start",t.END="end",t))(p||{});const a=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-bootstrap"),o=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i,n,d,p=r(o);exports.FAB_POSITION=void 0,(i=exports.FAB_POSITION||(exports.FAB_POSITION={})).TOP_LEFT="top left",i.TOP_RIGHT="top right",i.BOTTOM_LEFT="bottom left",i.BOTTOM_RIGHT="botton right",exports.DROP_POSITION=void 0,(n=exports.DROP_POSITION||(exports.DROP_POSITION={})).UP="up",n.UP_CENTERED="up-centered",n.START="start",n.END="end",n.DOWN="down",n.DOWN_CENTERED="down-centered",exports.MENU_ALIGNMENT=void 0,(d=exports.MENU_ALIGNMENT||(exports.MENU_ALIGNMENT={})).START="start",d.END="end";const a=p.default.div`
 	width: ${t=>t.width}px;
 	height: ${t=>t.height}px;
 	background: ${t=>t.color};
@@ -7,7 +7,7 @@
 	align-items: center;
 	cursor: pointer;
 	display: flex;
-`,l=i.default.div`
+`,s=p.default.div`
 	display: flex;
 	border-radius: 50%;
 	flex-direction: column;
@@ -16,8 +16,8 @@
 	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`:""};
-`,s=i.default(t.Dropdown)`
+	${t=>t.position===exports.FAB_POSITION.BOTTOM_RIGHT?`right: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.BOTTOM_LEFT?`left: ${t.buttonPaddingHorizontal}px; bottom: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.TOP_LEFT?`left: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:t.position===exports.FAB_POSITION.TOP_RIGHT?`right: ${t.buttonPaddingHorizontal}px; top: ${t.buttonPaddingVertical}px`:""};
+`,l=p.default(t.Dropdown)`
 	.filter-container {
 		.single-row {
 			display: flex;
@@ -79,7 +79,7 @@
 		text-decoration: none;
 		background-color: ${e.COLORS.background.positive.light};
 	}
-`,c=i.default(t.Dropdown.Toggle)`
+`,c=p.default(t.Dropdown.Toggle)`
 	border-radius: 4px;
 	display: flex;
 	flex-direction: row;
@@ -89,11 +89,11 @@
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
-`,u=i.default.div`
+`,O=p.default.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;
 	background-color: ${e.COLORS.content.primary};
 	color: ${e.COLORS.content.primaryInverse};
 	width: ${t=>t.tooltipWidth?t.tooltipWidth+"px":"120px"};
-`;exports.DROP_POSITION=d,exports.DropdownToggleContainer=c,exports.FAB_POSITION=n,exports.FloatingActionButtonContainer=a,exports.FloatingActionButtonOuterContainer=l,exports.MENU_ALIGNMENT=p,exports.StyledDropdown=s,exports.TooltipStyled=u;
+`;exports.DropdownToggleContainer=c,exports.FloatingActionButtonContainer=a,exports.FloatingActionButtonOuterContainer=s,exports.StyledDropdown=l,exports.TooltipStyled=O;

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

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

package/dist/cjs/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/cjs/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),t=require("react-popper"),r=require("styled-components"),n=require("../dropShadow/DropShadow.js"),i=require("../dropdown/Common.styled.js"),s=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),p=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=d(r).default(i.OpenDropdownContainer)`
-	opacity: ${({visible:e})=>e?1:0};
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),o=require("styled-components"),r=require("../dropShadow/DropShadow.js"),s=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),a=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(o).default(s.OpenDropdownContainer)`
+	opacity: ${e=>{let{visible:t}=e;return t?1:0}};
+	visibility: ${e=>{let{visible:t}=e;return t?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`;exports.FloatingInputDropdown=({inputProps:r,dropdownProps:i,floaterProps:d,children:a,isVisible:c,onDropdownOptionClick:f,onChangeText:v})=>{const m=o.useRef(null),w=o.useRef(null),[b,h]=o.useState(!1),[j,x]=o.useState(null),[y,S]=o.useState(null),[D,q]=o.useState(!1),{styles:C,attributes:O,update:g,forceUpdate:P}=t.usePopper(y,j,{placement:i.placement,strategy:i.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"]}}]});o.useEffect((()=>{if(!b){const e=setTimeout((()=>q(!1)),200);return()=>clearTimeout(e)}q(!0),g&&g()}),[b,g]),o.useEffect((()=>{if(m.current){const e=new ResizeObserver((()=>{g&&g()}));return e.observe(m.current),()=>{e.disconnect()}}}),[m.current,g]);return e.jsxs(e.Fragment,{children:[c&&e.jsxs(l.Floater,{...d,refElement:w,children:[e.jsx("div",{style:{position:"relative"},ref:S,children:e.jsx(n.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(p.Input,{...r,onClick:()=>{i.onDropdownOpen?.(),b?h(!1):i.disabled||h(!0),P?.()},ref:m,onChangeText:(e,o)=>{v?.(e,o),g&&g()}})})}),e.jsx(u,{ref:x,style:{...C.popper,zIndex:3},...O.popper,visible:b||D,children:e.jsx(n.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(s.OpenedDropdown,{...i,onSelect:e=>{"2.0"===i.version&&i.isMultiSelect||(i.onSelect?.(e),h(!1))},onClose:e=>{"2.0"===i.version&&i.isMultiSelect&&e&&i.onSelect?.([...e]),h(!1),i?.onClose?.()},version:i.version,headerRef:m,onDropdownItemClick:e=>{f?.(e)}})})})]}),e.jsx("div",{ref:w,children:a&&e.jsx("div",{children:a})})]})};
+`;exports.FloatingInputDropdown=o=>{let{inputProps:s,dropdownProps:d,floaterProps:u,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[w,O]=t.useState(!1),[g,h]=t.useState(null),[x,y]=t.useState(null),[S,D]=t.useState(!1),{styles:q,attributes:C,update:P,forceUpdate:R}=n.usePopper(x,g,{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"]}}]});t.useEffect((()=>{if(!w){const e=setTimeout((()=>D(!1)),200);return()=>clearTimeout(e)}D(!0),P&&P()}),[w,P]),t.useEffect((()=>{if(j.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(j.current),()=>{e.disconnect()}}}),[j.current,P]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l.Floater,Object.assign({},u,{refElement:m},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:y},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a.Input,Object.assign({},s,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),w?O(!1):d.disabled||O(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))}))})),e.jsx(p,Object.assign({ref:h,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},C.popper,{visible:w||S},{children:e.jsx(r.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(i.OpenedDropdown,Object.assign({},d,{onSelect:e=>{var t;"2.0"===d.version&&d.isMultiSelect||(null===(t=d.onSelect)||void 0===t||t.call(d,e),O(!1))},onClose:e=>{var t,n;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(t=d.onSelect)||void 0===t||t.call(d,[...e])),O(!1),null===(n=null==d?void 0:d.onClose)||void 0===n||n.call(d)},version:d.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:m},{children:c&&e.jsx("div",{children:c})}))]})};

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

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

package/dist/cjs/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/cjs/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/cjs/components/icon-button/IconButton.js

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

@@ -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/cjs/components/icon-button/index.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/image-compress/ImageCompress.js

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

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

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

package/dist/cjs/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/cjs/components/image-cropper/BikImageCropper.js

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

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

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

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

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

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

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