@bothub-chat/ui 2.32.1-develop-d4755160-be44-465e-9739-4381575780c8 → 2.32.1

package/dist/components/radio/index.d.ts

@@ -5,6 +5,5 @@ export interface RadioProps extends React.ComponentProps<'input'> {
     label?: string | boolean;
     skeleton?: boolean;
     onValueChange?: RadioValueChangeEventHandler;
-    icon?: React.ReactNode;
 }
 export declare const Radio: React.FC<RadioProps>;

package/dist/components/radio/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsxs as n,jsx as l,Fragment as o}from"react/jsx-runtime";import{useCallback as a}from"react";import{RadioStyled as r,RadioInput as t,RadioCircle as s,RadioCircleDot as i,RadioLabel as c}from"./styled.js";import{Skeleton as d}from"../skeleton/index.js";const m=m=>{var h,{className:g,label:p,skeleton:u=!1,onValueChange:b,icon:f}=m,k=e(m,["className","label","skeleton","onValueChange","icon"]);const C=a((e=>{var n;null===(n=k.onChange)||void 0===n||n.call(k,e),null==b||b(e.target.checked)}),[k.onChange,b]);return n(r,{$disabled:null!==(h=k.disabled)&&void 0!==h&&h,className:g,children:[!u&&l(t,Object.assign({},k,{type:"radio",onChange:C})),!u&&l(o,{children:f||l(s,{$skeleton:!1,children:l(i,{})})}),u&&l(s,{$skeleton:!0,as:d}),"string"==typeof p&&l(c,{children:p}),u&&p&&l(c,{children:l(d,{})})]})};export{m as Radio};
+import{__rest as e}from"tslib";import{jsxs as l,jsx as n}from"react/jsx-runtime";import{useCallback as o}from"react";import{RadioStyled as a,RadioInput as r,RadioCircle as t,RadioCircleDot as s,RadioLabel as i}from"./styled.js";import{Skeleton as c}from"../skeleton/index.js";const d=d=>{var m,{className:h,label:g,skeleton:p=!1,onValueChange:u}=d,b=e(d,["className","label","skeleton","onValueChange"]);const f=o((e=>{var l;null===(l=b.onChange)||void 0===l||l.call(b,e),null==u||u(e.target.checked)}),[b.onChange,u]);return l(a,{$disabled:null!==(m=b.disabled)&&void 0!==m&&m,className:h,children:[!p&&n(r,Object.assign({},b,{type:"radio",onChange:f})),!p&&n(t,{$skeleton:!1,children:n(s,{})}),p&&n(t,{$skeleton:!0,as:c}),"string"==typeof g&&n(i,{children:g}),p&&g&&n(i,{children:n(c,{})})]})};export{d as Radio};

package/dist/components/referral/radio/styled.d.ts

@@ -562,7 +562,6 @@ export declare const ReferralRadioRadio: import("styled-components").IStyledComp
     content?: string | undefined | undefined;
     size?: number | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
-    icon?: import("react").ReactNode;
     multiple?: boolean | undefined | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;

package/dist/components/select-field/option/collapse/index.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 import { SelectFieldDataItem, SelectFieldSize } from '@/ui/components/select-field';
 import { SelectFieldOptionClickEventHandler } from '../list';
-export interface SelectFieldCollapseOptionProps extends React.PropsWithChildren, Pick<React.ComponentProps<'div'>, 'onMouseEnter' | 'onMouseLeave'> {
+export interface SelectFieldCollapseOptionProps extends React.PropsWithChildren {
     size: SelectFieldSize;
     item: SelectFieldDataItem;
     onClick?: SelectFieldOptionClickEventHandler;
-    icon?: React.ReactNode;
 }
 export declare const SelectFieldCollapseOption: React.FC<SelectFieldCollapseOptionProps>;

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

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useState as e,useLayoutEffect as i}from"react";import{SelectFieldCollapseOptionStyled as r,SelectFieldCollapseOptionHead as l,SelectFieldCollapseOptionHeadSide as s,SelectFieldCollapseOptionText as n,SelectFieldCollapseOptionArrow as p,SelectFieldCollapseOptionBody as d}from"./styled.js";import"tslib";import{IconProvider as c}from"../../../icon/context.js";import"../../../icon/styled.js";import"@react-spring/web";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../../theme/index.js";import"../../../tooltip/context.js";import{useTheme as m}from"../../../../theme/hook.js";const a=({size:a,item:f,children:y,onClick:j,icon:h})=>{var b,g;const u=m(),[z,$]=e("string"!=typeof f&&(null!==(b=f.open)&&void 0!==b&&b));let v;return v="string"!=typeof f&&!!f.disabled,"undefined"!=typeof window&&i((()=>{var t;$("string"!=typeof f&&(null!==(t=f.open)&&void 0!==t&&t))}),[f]),t(r,{$size:a,children:[t(l,Object.assign({$disabled:v,$size:a},!v&&{onClick:()=>{$((t=>!t)),j&&j(f)}},{children:[t(s,{$size:a,children:["object"==typeof f&&f.icon&&o(c,{size:"large"===a?24:16,fill:u.colors.base.white,children:f.icon}),t(n,{$size:a,$bold:"object"==typeof f&&f.bold,children:["string"==typeof f&&f,"string"!=typeof f&&(null!==(g=f.label)&&void 0!==g?g:f.value)]})]}),o(s,{$size:a,children:h||o(p,{style:{transform:z?"rotateZ(180deg)":"rotateZ(0deg)"}})})]})),z&&o(d,{children:y})]})};export{a as SelectFieldCollapseOption};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as o,useLayoutEffect as i}from"react";import{SelectFieldCollapseOptionStyled as r,SelectFieldCollapseOptionHead as l,SelectFieldCollapseOptionHeadSide as s,SelectFieldCollapseOptionText as n,SelectFieldCollapseOptionArrow as p,SelectFieldCollapseOptionBody as d}from"./styled.js";import"tslib";import{IconProvider as c}from"../../../icon/context.js";import"../../../icon/styled.js";import"@react-spring/web";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../../theme/index.js";import"../../../tooltip/context.js";import{useTheme as m}from"../../../../theme/hook.js";const a=({size:a,item:f,children:y,onClick:j})=>{var h,b;const g=m(),[u,z]=o("string"!=typeof f&&(null!==(h=f.open)&&void 0!==h&&h));let $;return $="string"!=typeof f&&!!f.disabled,"undefined"!=typeof window&&i((()=>{var t;z("string"!=typeof f&&(null!==(t=f.open)&&void 0!==t&&t))}),[f]),t(r,{$size:a,children:[t(l,Object.assign({$disabled:$,$size:a},!$&&{onClick:()=>{z((t=>!t)),j&&j(f)}},{children:[t(s,{$size:a,children:["object"==typeof f&&f.icon&&e(c,{size:"large"===a?24:16,fill:g.colors.base.white,children:f.icon}),t(n,{$size:a,$bold:"object"==typeof f&&f.bold,children:["string"==typeof f&&f,"string"!=typeof f&&(null!==(b=f.label)&&void 0!==b?b:f.value)]})]}),e(s,{$size:a,children:e(p,{style:{transform:u?"rotateZ(180deg)":"rotateZ(0deg)"}})})]})),u&&e(d,{children:y})]})};export{a as SelectFieldCollapseOption};

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

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

@@ -1423,7 +1423,6 @@ export declare const TarrifCardStyledRadio: import("styled-components").IStyledC
     content?: string | undefined | undefined;
     size?: number | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
-    icon?: import("react").ReactNode;
     multiple?: boolean | undefined | undefined;
     disabled?: boolean | undefined | undefined;
     key?: import("react").Key | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bothub-chat/ui",
-  "version": "2.32.1-develop-d4755160-be44-465e-9739-4381575780c8",
+  "version": "2.32.1",
   "description": "Bothub UI Components",
   "keywords": [
     "bothub",