@bothub-chat/ui 2.32.0 → 2.32.1

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 r}from"react";import{SelectFieldOptionsStyled as t,SelectFieldOption as n,SelectFieldOptionSide as d,SelectFieldOptionText as a,SelectFieldDivider as c,SelectFieldOptionLabel as s,SelectFieldEmpty as p,SelectFieldEmptyText as u,SelectFieldRadio as b,SelectFieldRadioTitleAndRadio as v,SelectFieldRadioLabel as h,SelectFieldRadioDescription as m,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 C}from"../../../../theme/hook.js";import{TooltipConsumer as x}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=C(),D=r((e=>{null==H||H(e)}),[H]);return l(t,Object.assign({$size:L},T,{children:S.map(((e,r)=>{var t,C,A,S,T,N,q,B,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:D.bind(null,e),children:l(d,{children:l(a,{$selected:i,$size:L,children:e})})},r)}if("divider"===e.type)return l(c,{},null!==(C=null!==(t=e.id)&&void 0!==t?t:e.value)&&void 0!==C?C:`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(p,{$size:L,children:[l(j,{size:34,fill:w.colors.grayScale.gray1,children:null!==(T=e.icon)&&void 0!==T?T:l(z,{})}),l(u,{children:e.label})]},null!==(q=null!==(N=e.id)&&void 0!==N?N:e.value)&&void 0!==q?q:`empty-${r}`);if("radio"===e.type){const o=l=>{l.preventDefault(),D(e)};return i(b,{$selected:e.selected,onClick:o,children:[i(v,{children:[e.label&&l(h,{children:e.label}),l(k,{type:"radio",checked:e.selected,name:e.radioName})]}),e.description&&l(m,{children:e.description})]},null!==(F=null!==(B=e.id)&&void 0!==B?B:e.value)&&void 0!==F?F:`radio-${r}`)}if("collapse"===e.type&&e.data)return l(g,{size:L,item:e,onClick:e.onClick,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(x,{children:({handleTooltipMouseEnter:r,handleTooltipMouseLeave:t})=>i(n,{$selected:Q,$disabled:P,$size:L,$backgroundHoverColor:e.backgroundHoverColor,onMouseEnter:r,onMouseLeave:t,onClick:D.bind(null,e),children:[i(d,{children:[e.icon&&l(j,{fill:w.colors.base.white,size:"large"===L?24:18,children:e.icon}),!e.color&&i(a,{$selected:Q,$size:L,$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(d,{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};
+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 d,SelectFieldOptionSide as n,SelectFieldOptionText as a,SelectFieldDivider as c,SelectFieldOptionLabel as s,SelectFieldEmpty as p,SelectFieldEmptyText as u,SelectFieldRadio as b,SelectFieldRadioTitleAndRadio as v,SelectFieldRadioLabel as h,SelectFieldRadioDescription as m,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 C}from"../../../../theme/hook.js";import{TooltipConsumer as x}from"../../../tooltip/context.js";const M=O=>{var{value:L,data:A,size:E,disableSelect:S=!1,onOptionClick:T}=O,H=e(O,["value","data","size","disableSelect","onOptionClick"]);const w=C(),D=t((e=>{null==T||T(e)}),[T]);return l(r,Object.assign({$size:E},H,{children:A.map(((e,t)=>{var r,C,O,A,H,N,q,B,F,G,I,J,K;if("string"==typeof e){let i;return i=!(!L||Array.isArray(L))&&("string"==typeof L?e===L:e===L.value),l(d,{$selected:i,$disabled:!1,$size:E,onClick:D.bind(null,e),children:l(n,{children:l(a,{$selected:i,$size:E,children:e})})},t)}if("divider"===e.type)return l(c,{},null!==(C=null!==(r=e.id)&&void 0!==r?r:e.value)&&void 0!==C?C:`divider-${t}`);if("label"===e.type)return l(s,{children:e.label},null!==(A=null!==(O=e.id)&&void 0!==O?O:e.value)&&void 0!==A?A:`label-${t}`);if("empty"===e.type&&e.label)return i(p,{$size:E,children:[l(j,{size:34,fill:w.colors.grayScale.gray1,children:null!==(H=e.icon)&&void 0!==H?H:l(z,{})}),l(u,{children:e.label})]},null!==(q=null!==(N=e.id)&&void 0!==N?N:e.value)&&void 0!==q?q:`empty-${t}`);if("radio"===e.type){const o=l=>{l.preventDefault(),D(e)};return 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(x,{children:({handleTooltipMouseEnter:r,handleTooltipMouseLeave:d})=>{var n,a;return i(b,{$selected:e.selected,$disabled:e.disabled,onMouseEnter:r,onMouseLeave:d,onClick:o,children:[i(v,{children:[e.label&&l(h,{children:e.label}),l(k,{type:"radio",checked:e.selected,name:e.radioName,disabled:e.disabled})]}),e.description&&l(m,{children:e.description})]},null!==(a=null!==(n=e.id)&&void 0!==n?n:e.value)&&void 0!==a?a:`radio-${t}`)}})}),null!==(F=null!==(B=e.id)&&void 0!==B?B:e.value)&&void 0!==F?F:t)}if("collapse"===e.type&&e.data)return l(g,{size:E,item:e,onClick:e.onClick,children:l(M,{value:L,data:e.data,size:E,disableSelect:S,onOptionClick:T})},null!==(I=null!==(G=e.id)&&void 0!==G?G:e.value)&&void 0!==I?I:`collapse-${t}`);const P=!!e.disabled;let Q;return Q=!(!L||Array.isArray(L))&&(("string"==typeof L?e.value===L:e.value===L.value)&&!S),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(x,{children:({handleTooltipMouseEnter:t,handleTooltipMouseLeave:r})=>i(d,{$selected:Q,$disabled:P,$size:E,$backgroundHoverColor:e.backgroundHoverColor,onMouseEnter:t,onMouseLeave:r,onClick:D.bind(null,e),children:[i(n,{children:[e.icon&&l(j,{fill:w.colors.base.white,size:"large"===E?24:18,children:e.icon}),!e.color&&i(a,{$selected:Q,$size:E,$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(n,{children:l(j,{size:16,children:e.end})})]})})}),null!==(K=null!==(J=e.id)&&void 0!==J?J:e.value)&&void 0!==K?K:t)}))}))};export{M as SelectFieldOptions};

package/dist/components/select-field/option/list/styled.d.ts

@@ -279,6 +279,7 @@ export interface SelectFieldEmptyProps {
 export declare const SelectFieldEmpty: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectFieldEmptyProps>>;
 export declare const SelectFieldRadio: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $selected?: boolean;
+    $disabled?: boolean;
 }>>;
 export declare const SelectFieldRadioTitleAndRadio: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLLabelElement> | undefined;

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

@@ -1 +1 @@
-import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-sgz69s-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),s=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-sgz69s-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),a=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-sgz69s-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}})),n=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-sgz69s-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;",";}&:hover:before{background-color:",";}"],(({$selected:e})=>e&&t(["background:linear-gradient( 90deg,rgba(28,100,242,1) 0%,rgba(212,28,242,1) 100% );"])),(({theme:e})=>e.colors.accent.primary)),r=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-sgz69s-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:inherit;"]),l=e(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-sgz69s-5"})([""]),d=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-sgz69s-6"})([""]),c=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-sgz69s-7"})(["text-align:center;color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),p=e(i).attrs((({$size:e})=>({variant:"small"===e?"input-sm":"md"===e?"button-sm":"body-m-semibold"}))).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-sgz69s-8"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t(["font-weight:500;"]))),g=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-sgz69s-9"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),m=e.div.withConfig({displayName:"styled__SelectFieldOption",componentId:"sc-sgz69s-10"})(["display:flex;justify-content:space-between;align-items:center;padding:",";border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return"8px";case"md":return"12px";case"large":return"8px 10px"}}),(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),(({theme:e})=>e.colors.accent.primary),p,g,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:i,$disabled:o,$backgroundHoverColor:s})=>{if(o)return t(["cursor:not-allowed;&:hover{background:",";}> ",":first-child{opacity:0.5;}"],"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",h);switch(s){case"gradient":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.premiumGradient);case"primary":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;text-align:center;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.accent.primary);default:return t([""," ",""],!i&&`\n            cursor: pointer;\n            &:hover {\n              background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};\n            }\n          `,i&&`\n            background: ${e.colors.accent.primary};\n            cursor: default;\n          `)}})),h=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-sgz69s-11"})(["display:flex;align-items:center;gap:8px;"]),u=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-sgz69s-12"})(["padding-right:8px;"]),y=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-sgz69s-13"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t(["background:",";"],e)));export{g as SelectFieldColorOptionText,s as SelectFieldDivider,a as SelectFieldEmpty,c as SelectFieldEmptyText,m as SelectFieldOption,y as SelectFieldOptionColor,u as SelectFieldOptionLabel,h as SelectFieldOptionSide,p as SelectFieldOptionText,o as SelectFieldOptionsStyled,n as SelectFieldRadio,d as SelectFieldRadioDescription,l as SelectFieldRadioLabel,r as SelectFieldRadioTitleAndRadio};
+import{styled as e,css as t}from"styled-components";import{Typography as i}from"../../../typography/index.js";const o=e.div.withConfig({displayName:"styled__SelectFieldOptionsStyled",componentId:"sc-sgz69s-0"})(["display:flex;width:100%;flex-direction:column;gap:","px;"],(({$size:e})=>{switch(e){case"small":return 4;case"md":return 6;case"large":return 8}})),s=e.div.withConfig({displayName:"styled__SelectFieldDivider",componentId:"sc-sgz69s-1"})(["display:flex;flex-shrink:0;width:100%;height:1px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),a=e.div.withConfig({displayName:"styled__SelectFieldEmpty",componentId:"sc-sgz69s-2"})(["display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:","px;"],(({$size:e})=>{switch(e){case"small":return 8;case"md":case"large":return 12}})),n=e.div.withConfig({displayName:"styled__SelectFieldRadio",componentId:"sc-sgz69s-3"})(["display:flex;flex-direction:column;gap:10px;padding:10px;cursor:pointer;position:relative;& > *{position:relative;z-index:1;}&:before{content:'';display:block;position:absolute;border-radius:8px;inset:0;opacity:0.2;transition:background 0.2s;",";}&:hover:before{background-color:",";}",""],(({$selected:e})=>e&&t(["background:linear-gradient( 90deg,rgba(28,100,242,1) 0%,rgba(212,28,242,1) 100% );"])),(({theme:e})=>e.colors.accent.primary),(({$disabled:e})=>e&&t(["opacity:0.5;cursor:not-allowed;"]))),r=e.label.withConfig({displayName:"styled__SelectFieldRadioTitleAndRadio",componentId:"sc-sgz69s-4"})(["display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:inherit;"]),l=e(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SelectFieldRadioLabel",componentId:"sc-sgz69s-5"})([""]),d=e(i).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__SelectFieldRadioDescription",componentId:"sc-sgz69s-6"})([""]),c=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldEmptyText",componentId:"sc-sgz69s-7"})(["text-align:center;color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),p=e(i).attrs((({$size:e})=>({variant:"small"===e?"input-sm":"md"===e?"button-sm":"body-m-semibold"}))).withConfig({displayName:"styled__SelectFieldOptionText",componentId:"sc-sgz69s-8"})(["color:",";",""],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white),(({$bold:e})=>e&&t(["font-weight:500;"]))),g=e(i).attrs({variant:"input-sm"}).withConfig({displayName:"styled__SelectFieldColorOptionText",componentId:"sc-sgz69s-9"})(["color:",";"],(({theme:e,$selected:t})=>t?e.default.colors.base.white:e.colors.base.white)),m=e.div.withConfig({displayName:"styled__SelectFieldOption",componentId:"sc-sgz69s-10"})(["display:flex;justify-content:space-between;align-items:center;padding:",";border-radius:6px;gap:","px;&:active{background-color:"," !important;",",","{color:",";}svg[d='fill'] path,svg[d='all'] path{fill:"," !important;}svg[d='stroke'] path,svg[d='all'] path{stroke:"," !important;}transition:all 0.2s ease-out;}user-select:none;-moz-user-select:none;-webkit-user-select:none;",""],(({$size:e})=>{switch(e){case"small":return"8px";case"md":return"12px";case"large":return"8px 10px"}}),(({$size:e})=>{switch(e){case"small":case"large":return 8;case"md":return 10}}),(({theme:e})=>e.colors.accent.primary),p,g,(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e})=>e.default.colors.base.white),(({theme:e,$selected:i,$disabled:o,$backgroundHoverColor:s})=>{if(o)return t(["cursor:not-allowed;&:hover{background:",";}> ",":first-child{opacity:0.5;}"],"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)",h);switch(s){case"gradient":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.premiumGradient);case"primary":return t(["cursor:pointer;position:relative;overflow:hidden;justify-content:center;padding-top:12px;padding-bottom:12px;text-align:center;&:hover::before{background:",";content:'';opacity:0.2;border:inherit;left:0;top:0;z-index:-1;width:100%;height:100%;position:absolute;}"],e.colors.accent.primary);default:return t([""," ",""],!i&&`\n            cursor: pointer;\n            &:hover {\n              background: ${"light"===e.mode?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"};\n            }\n          `,i&&`\n            background: ${e.colors.accent.primary};\n            cursor: default;\n          `)}})),h=e.div.withConfig({displayName:"styled__SelectFieldOptionSide",componentId:"sc-sgz69s-11"})(["display:flex;align-items:center;gap:8px;"]),u=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SelectFieldOptionLabel",componentId:"sc-sgz69s-12"})(["padding-right:8px;"]),y=e.span.withConfig({displayName:"styled__SelectFieldOptionColor",componentId:"sc-sgz69s-13"})(["display:inline-flex;flex-shrink:0;width:18px;height:18px;border-radius:4px;",""],(({$color:e})=>t(["background:",";"],e)));export{g as SelectFieldColorOptionText,s as SelectFieldDivider,a as SelectFieldEmpty,c as SelectFieldEmptyText,m as SelectFieldOption,y as SelectFieldOptionColor,u as SelectFieldOptionLabel,h as SelectFieldOptionSide,p as SelectFieldOptionText,o as SelectFieldOptionsStyled,n as SelectFieldRadio,d as SelectFieldRadioDescription,l as SelectFieldRadioLabel,r as SelectFieldRadioTitleAndRadio};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bothub-chat/ui",
-  "version": "2.32.0",
+  "version": "2.32.1",
   "description": "Bothub UI Components",
   "keywords": [
     "bothub",