@bikdotai/bik-component-library 0.0.662-4 → 0.0.662

package/dist/esm/components/ai-assist/model.js

@@ -1 +0,0 @@
-var T,t;!function(T){T.FULL="FULL",T.PARTIAL="PARTIAL",T.INTENT="INTENT"}(T||(T={})),function(T){T.PRODUCT="PRODUCT",T.DOCUMENT="DOCUMENT"}(t||(t={}));const e={selectionType:T.PARTIAL,PRODUCT:{selectionType:T.FULL,productData:[],collectionData:[]},DOCUMENT:{selectionType:T.FULL,intents:[],documentData:[]}};export{T as AiAssistDataSelectionType,t as AiAssistDataType,e as DefaultAiAssistData};

package/dist/esm/components/text-picker/TextPickerCategoryCard.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export interface TextPickerCategoryCardProps {
-    id: string;
-    name: string;
-    itemsCount: number;
-    selectedCount: number;
-    isOneDimensional: boolean;
-    isChecked: boolean;
-    isPartiallyChecked: boolean;
-    onCheck: (checked: boolean, e?: React.MouseEvent) => void;
-    onClick: (e: React.MouseEvent) => void;
-}
-export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;

package/dist/esm/components/text-picker/TextPickerCategoryCard.js

@@ -1,13 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as n}from"../icon-button/IconButton.js";import{Tag as c}from"../tag/Tag.js";import{BodyPrimary as l,BodyCaption as a}from"../TypographyStyle.js";const d=i.div`
-	height: 64px;
-	background-color: ${e=>{let{isSelected:t,isActive:o}=e;return t?r.background.positive.light:o?r.surface.hovered:r.surface.standard}};
-	border-bottom: 1px solid ${r.stroke.primary};
-	padding: 12px 24px;
-	display: flex;
-	align-items: center;
-	cursor: pointer;
-	transition: background 0.2s;
-	&:hover {
-		background-color: ${e=>{let{isSelected:t}=e;return t?r.background.positive.light:r.surface.hovered}};
-	}
-`,m=i=>{let{id:m,name:h,itemsCount:p,selectedCount:g,isChecked:u,isOneDimensional:f,isPartiallyChecked:y,onCheck:k,onClick:x}=i;return e(d,Object.assign({isActive:u||y,isSelected:u,onClick:x},{children:[t(s,{isChecked:u||y,isPartiallyChecked:y&&!u,onValueChange:function(e,t,o){null==o||o.stopPropagation(),k(e,o)},style:{marginRight:16}}),e("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[t(l,{children:h}),!f&&e(a,Object.assign({style:{color:r.text.secondary,fontSize:13}},{children:[p," document",1!==p?"s":""]}))]})),!!g&&t(c,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),!f&&t(n,{Icon:o,height:16,width:16,style:{marginLeft:8}})]}))};export{m as TextPickerCategoryCard};

package/dist/esm/components/text-picker/TextPickerFooter.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface TextPickerFooterProps {
-    totalSelected: number;
-    maxDocuments: number;
-}
-export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;

package/dist/esm/components/text-picker/TextPickerFooter.js

@@ -1,15 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{Tag as e}from"../tag/Tag.js";import{BodyCaption as n}from"../TypographyStyle.js";import{COLORS as o}from"../../constants/Theme.js";import i from"styled-components";const r=i.div`
-  box-sizing: border-box;
-  width: 100%;
-  margin: 0;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-`,s=i.div`
-  display: flex;
-  align-items: center;
-`,c=i(n)`
-  color: ${t=>{let{$isInactive:e}=t;return e?o.content.inactive:o.content.brand}};
-  font-weight: 600;
-  font-size: 18px;
-`,a=n=>{let{totalSelected:o,maxDocuments:i}=n;return t(r,{children:t(s,{children:i!==1/0&&o>i?t(e,{tagText:`You can only select ${i} documents`,type:"negative"}):t(c,Object.assign({$isInactive:0===o},{children:i!==1/0?`${o}/${i} documents selected`:`${o} documents selected`}))})})};export{a as TextPickerFooter};

package/dist/esm/components/text-picker/TextPickerItemRow.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface TextPickerItemRowProps {
-    item: {
-        id: string;
-        name: string;
-    };
-    selected: boolean;
-    onCheck: (checked: boolean) => void;
-    onClick: () => void;
-}
-export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;

package/dist/esm/components/text-picker/TextPickerItemRow.js

@@ -1,17 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as n}from"../checkBox/CheckBox.js";import{BodyPrimary as o}from"../TypographyStyle.js";const c=t.div`
-	min-height: 48px;
-	background: ${e=>{let{selected:r}=e;return r?i.surface.hovered:i.surface.standard}};
-	border-bottom: 1px solid ${i.stroke.primary};
-	padding: 12px 24px;
-	display: flex;
-	align-items: center;
-	cursor: pointer;
-`,s=t.div`
-	margin-right: 16px;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-`,l=t.div`
-	flex: 1;
-`,d=t=>{let{item:i,selected:d,onCheck:m,onClick:a}=t;return e(c,Object.assign({selected:d,onClick:a},{children:[r(s,{children:r(n,{isChecked:d,onValueChange:m})}),r(l,{children:r(o,{children:i.name})})]}))};export{d as TextPickerItemRow};

package/dist/esm/components/text-picker/TextPickerModal.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from '../button/model';
-export interface TextPickerCategory {
-    id: string;
-    name: string;
-    items: {
-        id: string;
-        name: string;
-    }[];
-}
-export interface TextPickerProps {
-    visible: boolean;
-    isOneDimensional?: boolean;
-    categories: TextPickerCategory[];
-    selectedItems: {
-        [categoryId: string]: string[];
-    };
-    onAdd: (selected: {
-        [categoryId: string]: string[];
-    }) => void;
-    onClose?: () => void;
-    title?: string;
-    subtitle?: string;
-    width?: string;
-    zIndex?: number;
-    maxDocuments?: number;
-    primaryButton?: ButtonProps;
-    secondaryButton?: ButtonProps;
-}
-export declare const TextPickerModal: React.FC<TextPickerProps>;

package/dist/esm/components/text-picker/TextPickerModal.js

@@ -1,25 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n from"../../assets/icons/arrow_left.svg.js";import{useState as o}from"react";import r from"styled-components";import{COLORS as l}from"../../constants/Theme.js";import{IconButton as d}from"../icon-button/IconButton.js";import{Input as s}from"../input/Input.js";import{StyledModal as a}from"../modals/styledModal.js";import{BodyCaption as c}from"../TypographyStyle.js";import{TextPickerCategoryCard as m}from"./TextPickerCategoryCard.js";import{TextPickerFooter as h}from"./TextPickerFooter.js";import{TextPickerItemRow as u}from"./TextPickerItemRow.js";import{TextPickerSelectAllRow as g}from"./TextPickerSelectAllRow.js";const p=r.div`
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-`,f=r.div`
-	padding: 12px 24px;
-	border-bottom: 1px solid ${l.stroke.primary};
-`,v=r.div`
-	flex: 1;
-	overflow-y: auto;
-`,b=r.div`
-	display: flex;
-	align-items: center;
-	padding: 0 24px;
-	background: ${l.surface.subdued};
-	border-bottom: 1px solid ${l.stroke.primary};
-`,x=r.div`
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	color: ${l.content.secondary};
-	text-align: center;
-	padding: 32px;
-`,y=r=>{var y,C;const{visible:j,isOneDimensional:k=!1,categories:O,selectedItems:T,onAdd:w,onClose:B,title:S="Select Text",subtitle:I,width:L="640px",zIndex:P}=r,$=null!==(y=r.maxDocuments)&&void 0!==y?y:1/0,[A,D]=o("categories"),[z,R]=o(""),[N,E]=o(T),[F,M]=o(null),_=O.filter((e=>e.name.toLowerCase().includes(z.toLowerCase()))),q=F?F.items.filter((e=>e.name.toLowerCase().includes(z.toLowerCase()))):[],G=Object.values(N).reduce(((e,t)=>e+t.length),0),H=I||"",J=e=>{var t;return e.items.length>0&&(null===(t=N[e.id])||void 0===t?void 0:t.length)===e.items.length},K=e=>{var t;return!!(null===(t=N[e.id])||void 0===t?void 0:t.length)&&N[e.id].length<e.items.length},Q=()=>{var e;return!!F&&q.length>0&&(null===(e=N[F.id])||void 0===e?void 0:e.length)===q.length},U=(e,t)=>{F&&E((i=>{const n=i[F.id]||[];return t&&G>=$?i:t?n.includes(e)?i:Object.assign(Object.assign({},i),{[F.id]:[...n,e]}):Object.assign(Object.assign({},i),{[F.id]:n.filter((t=>t!==e))})}))};return e(a,Object.assign({open:j,onClose:B,headingTitle:S,headingSubtitle:H,centralContainerStyles:{width:L,zIndex:P},hideCrossButton:!1,primaryButton:r.primaryButton?Object.assign(Object.assign({},r.primaryButton),{buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:null!==(C=r.primaryButton.disabled)&&void 0!==C&&C||0===G||$!==1/0&&G>$,onClick:r.primaryButton.onClick||(()=>w(N))}):{buttonText:"Add",disabled:0===G||$!==1/0&&G>$,onClick:()=>w(N)},footerLeftCustomElement:e(h,{totalSelected:G,maxDocuments:$}),footerContainerStyle:{borderTop:`1px solid ${l.stroke.primary}`,position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:l.surface.standard},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e(p,{children:t(i,"categories"===A?{children:[e(f,{children:e(s,{placeholder:"Search ...",value:z,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(x,{children:"No categories found. Try a different search."}):_.map((t=>{var i;return e(m,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=N[t.id])||void 0===i?void 0:i.length)||0,isOneDimensional:k,isChecked:J(t),isPartiallyChecked:K(t)&&!J(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),E((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{k||(M(e),D("items"),R(""))})(t)},t.id)}))})]}:{children:[t(b,{children:[e(d,{Icon:n,height:16,width:16,onClick:()=>{D("categories"),M(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(c,Object.assign({style:{color:l.content.secondary}},{children:null==F?void 0:F.name}))]}),e(f,{children:e(s,{placeholder:"Search ...",value:z,onChangeText:R,height:"40px"})}),e(v,{children:0===q.length?e(x,{children:"No items found. Try a different search."}):t(i,{children:[e(g,{isChecked:Q(),isPartiallyChecked:(()=>{var e;return!!F&&!!(null===(e=N[F.id])||void 0===e?void 0:e.length)&&N[F.id].length<q.length})()&&!Q(),onCheck:e=>{F&&E((t=>e?Object.assign(Object.assign({},t),{[F.id]:q.map((e=>e.id))}):Object.assign(Object.assign({},t),{[F.id]:[]})))}}),q.map((t=>{var i;return e(u,{item:t,selected:!(!F||!(null===(i=N[F.id])||void 0===i?void 0:i.includes(t.id))),onCheck:e=>U(t.id,e),onClick:()=>{var e;return U(t.id,!!F&&!(null===(e=N[F.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{y as TextPickerModal};

package/dist/esm/components/text-picker/TextPickerSelectAllRow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface TextPickerSelectAllRowProps {
-    isChecked: boolean;
-    isPartiallyChecked: boolean;
-    onCheck: (checked: boolean) => void;
-}
-export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js

@@ -1,17 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const s=i.div`
-  background: ${e=>{let{isActive:r}=e;return r?t.surface.hovered:t.surface.subdued}};
-  border-bottom: 1px solid ${t.stroke.primary};
-  padding: 12px 24px;
-  display: flex;
-  align-items: center;
-  cursor: default;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-
-`,n=i.div`
-  display: flex;
-  margin-right: 16px;
-`,l=i.div`
-  flex: 1;
-`,d=i=>{let{isChecked:t,isPartiallyChecked:d,onCheck:a}=i;return e(s,Object.assign({isActive:t||d},{children:[r(n,{children:r(o,{isChecked:t||d,isPartiallyChecked:d&&!t,onValueChange:a})}),r(l,{children:r(c,{children:"Select All"})})]}))};export{d as TextPickerSelectAllRow};

package/dist/esm/components/text-picker/index.d.ts

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