@bothub-chat/ui 2.28.3-develop-e1b6ebcc-ecf7-49cb-b671-68a17f2df554 → 2.28.3-develop-bec4cbb1-e1ac-43b0-b9f4-32a093d73239

package/dist/components/select-field/option/list/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as l,jsxs as i,Fragment as o}from"react/jsx-runtime";import{useCallback as t}from"react";import{SelectFieldOptionsStyled as r,SelectFieldOption as n,SelectFieldOptionSide as a,SelectFieldOptionText as d,SelectFieldDivider as c,SelectFieldOptionLabel as s,SelectFieldEmpty as u,SelectFieldEmptyText as p,SelectFieldOptionColor as b,SelectFieldColorOptionText as m}from"./styled.js";import{Tooltip as v}from"../../../tooltip/index.js";import{IconProvider as h}from"../../../icon/context.js";import"../../../icon/styled.js";import"../../../../theme/index.js";import{SelectFieldCollapseOption as f}from"../collapse/index.js";import{SearchDataIcon as y}from"../../../../icons/search-data/index.js";import{useTheme as $}from"../../../../theme/hook.js";import{TooltipConsumer as j}from"../../../tooltip/context.js";const g=z=>{var{value:k,data:x,size:C,disableSelect:O=!1,onOptionClick:A}=z,M=e(z,["value","data","size","disableSelect","onOptionClick"]);const S=$(),L=t((e=>{null==A||A(e)}),[A]);return l(r,Object.assign({$size:C},M,{children:x.map(((e,t)=>{var r,$,z,x,M,E,H,T,q,w,B;if("string"==typeof e){let i;return i=!(!k||Array.isArray(k))&&("string"==typeof k?e===k:e===k.value),l(n,{$selected:i,$disabled:!1,$size:C,onClick:L.bind(null,e),children:l(a,{children:l(d,Object.assign({$selected:i},"small"===C&&{variant:"input-sm"},"md"===C&&{variant:"button-sm"},{children:e}))})},t)}if("divider"===e.type)return l(c,{},null!==($=null!==(r=e.id)&&void 0!==r?r:e.value)&&void 0!==$?$:`divider-${t}`);if("label"===e.type)return l(s,{children:e.label},null!==(x=null!==(z=e.id)&&void 0!==z?z:e.value)&&void 0!==x?x:`label-${t}`);if("empty"===e.type&&e.label)return i(u,{$size:C,children:[l(h,{size:34,fill:S.colors.grayScale.gray1,children:null!==(M=e.icon)&&void 0!==M?M:l(y,{})}),l(p,{children:e.label})]},null!==(H=null!==(E=e.id)&&void 0!==E?E:e.value)&&void 0!==H?H:`empty-${t}`);if("collapse"===e.type&&e.data)return l(f,{size:C,item:e,children:l(g,{value:k,data:e.data,size:C,disableSelect:O,onOptionClick:A})},null!==(q=null!==(T=e.id)&&void 0!==T?T:e.value)&&void 0!==q?q:`collapse-${t}`);const D=!!e.disabled;let F;return F=!(!k||Array.isArray(k))&&(("string"==typeof k?e.value===k:e.value===k.value)&&!O),l(v,Object.assign({},"object"==typeof e.tooltip&&e.tooltip,"object"!=typeof e.tooltip&&{disabled:!0},e.label&&e.label.length>64&&{placement:"top-left",label:e.label,disabled:!1},{children:l(j,{children:({handleTooltipMouseEnter:t,handleTooltipMouseLeave:r})=>i(n,{$selected:F,$disabled:D,$size:C,$backgroundHoverColor:e.backgroundHoverColor,onMouseEnter:t,onMouseLeave:r,onClick:L.bind(null,e),children:[i(a,{children:[e.icon&&l(h,{size:18,children:e.icon}),!e.color&&i(d,Object.assign({$selected:F},"small"===C&&{variant:"input-sm"},"md"===C&&{variant:"button-sm"},{$bold:e.bold,children:[e.label&&i(o,{children:[e.label.slice(0,64),e.label.length>64&&"..."]}),!e.label&&e.value]})),e.color&&l(b,{$color:e.color===S.colors.accent.primary&&F?S.colors.accent.primaryLight:e.color}),e.color&&i(m,{$selected:F,children:[e.label&&i(o,{children:[e.label.slice(0,64),e.label.length>64&&"..."]}),!e.label&&e.value]})]}),e.end&&l(a,{children:l(h,{size:16,children:e.end})})]})})}),null!==(B=null!==(w=e.id)&&void 0!==w?w:e.value)&&void 0!==B?B:t)}))}))};export{g as SelectFieldOptions};
+import{__rest as e}from"tslib";import{jsx as l,jsxs as i,Fragment as o}from"react/jsx-runtime";import{useCallback as r}from"react";import{SelectFieldOptionsStyled as t,SelectFieldOption as n,SelectFieldOptionSide as a,SelectFieldOptionText as d,SelectFieldDivider as c,SelectFieldOptionLabel as s,SelectFieldEmpty as u,SelectFieldEmptyText as p,SelectFieldRadio as b,SelectFieldRadioTitleAndRadio as m,SelectFieldRadioLabel as v,SelectFieldRadioDescription as h,SelectFieldOptionColor as f,SelectFieldColorOptionText as y}from"./styled.js";import{Tooltip as $}from"../../../tooltip/index.js";import{IconProvider as j}from"../../../icon/context.js";import"../../../icon/styled.js";import"../../../../theme/index.js";import{SelectFieldCollapseOption as g}from"../collapse/index.js";import{SearchDataIcon as z}from"../../../../icons/search-data/index.js";import{Radio as k}from"../../../radio/index.js";import{useTheme as x}from"../../../../theme/hook.js";import{TooltipConsumer as C}from"../../../tooltip/context.js";const O=A=>{var{value:M,data:S,size:L,disableSelect:E=!1,onOptionClick:H}=A,T=e(A,["value","data","size","disableSelect","onOptionClick"]);const w=x(),N=r((e=>{null==H||H(e)}),[H]);return l(t,Object.assign({$size:L},T,{children:S.map(((e,r)=>{var t,x,A,S,T,q,B,D,F,G,I,J,K;if("string"==typeof e){let i;return i=!(!M||Array.isArray(M))&&("string"==typeof M?e===M:e===M.value),l(n,{$selected:i,$disabled:!1,$size:L,onClick:N.bind(null,e),children:l(a,{children:l(d,Object.assign({$selected:i},"small"===L&&{variant:"input-sm"},"md"===L&&{variant:"button-sm"},{children:e}))})},r)}if("divider"===e.type)return l(c,{},null!==(x=null!==(t=e.id)&&void 0!==t?t:e.value)&&void 0!==x?x:`divider-${r}`);if("label"===e.type)return l(s,{children:e.label},null!==(S=null!==(A=e.id)&&void 0!==A?A:e.value)&&void 0!==S?S:`label-${r}`);if("empty"===e.type&&e.label)return i(u,{$size:L,children:[l(j,{size:34,fill:w.colors.grayScale.gray1,children:null!==(T=e.icon)&&void 0!==T?T:l(z,{})}),l(p,{children:e.label})]},null!==(B=null!==(q=e.id)&&void 0!==q?q:e.value)&&void 0!==B?B:`empty-${r}`);if("radio"===e.type)return i(b,{$selected:e.selected,onClick:N.bind(null,e),children:[i(m,{children:[e.label&&l(v,{children:e.label}),l(k,{type:"radio",checked:e.selected,name:e.radioName})]}),e.description&&l(h,{children:e.description})]},null!==(F=null!==(D=e.id)&&void 0!==D?D:e.value)&&void 0!==F?F:`radio-${r}`);if("collapse"===e.type&&e.data)return l(g,{size:L,item:e,children:l(O,{value:M,data:e.data,size:L,disableSelect:E,onOptionClick:H})},null!==(I=null!==(G=e.id)&&void 0!==G?G:e.value)&&void 0!==I?I:`collapse-${r}`);const P=!!e.disabled;let Q;return Q=!(!M||Array.isArray(M))&&(("string"==typeof M?e.value===M:e.value===M.value)&&!E),l($,Object.assign({},"object"==typeof e.tooltip&&e.tooltip,"object"!=typeof e.tooltip&&{disabled:!0},e.label&&e.label.length>64&&{placement:"top-left",label:e.label,disabled:!1},{children:l(C,{children:({handleTooltipMouseEnter:r,handleTooltipMouseLeave:t})=>i(n,{$selected:Q,$disabled:P,$size:L,$backgroundHoverColor:e.backgroundHoverColor,onMouseEnter:r,onMouseLeave:t,onClick:N.bind(null,e),children:[i(a,{children:[e.icon&&l(j,{fill:w.colors.base.white,size:18,children:e.icon}),!e.color&&i(d,Object.assign({$selected:Q},"small"===L&&{variant:"input-sm"},"md"===L&&{variant:"button-sm"},{$bold:e.bold,children:[e.label&&i(o,{children:[e.label.slice(0,64),e.label.length>64&&"..."]}),!e.label&&e.value]})),e.color&&l(f,{$color:e.color===w.colors.accent.primary&&Q?w.colors.accent.primaryLight:e.color}),e.color&&i(y,{$selected:Q,children:[e.label&&i(o,{children:[e.label.slice(0,64),e.label.length>64&&"..."]}),!e.label&&e.value]})]}),e.end&&l(a,{children:l(j,{size:16,children:e.end})})]})})}),null!==(K=null!==(J=e.id)&&void 0!==J?J:e.value)&&void 0!==K?K:r)}))}))};export{O as SelectFieldOptions};