@bothub-chat/ui 2.50.1-feat-prompt-queue-3318672e-8dc6-4a77-8bce-25f5fae8b549 → 2.50.1-feat-prompt-queue-9641cbf4-fc44-4b23-9cf7-7192917cc6c5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
1
+ import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldSize, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
2
2
  import { Variant } from './types';
3
3
  export type BadgeSelectDropdownProps = {
4
4
  options: SelectFieldDataItem[];
@@ -8,8 +8,10 @@ export type BadgeSelectDropdownProps = {
8
8
  className?: string;
9
9
  compactWidth?: boolean;
10
10
  modalStyles?: React.CSSProperties;
11
+ size?: SelectFieldSize;
12
+ search?: boolean;
11
13
  onChange?: SelectFieldChangeEventHandler;
12
14
  onValueChange?: SelectFieldValueChangeEventHandler;
13
15
  } & Omit<UseSelectFieldProps, 'onChange' | 'multiple' | 'onValueChange' | 'value'>;
14
- export declare const BadgeSelectDropdown: import("react").MemoExoticComponent<({ options, value: initialValue, variant, colorButtonOpened, className, compactWidth, modalStyles, ...useSelectFieldProps }: BadgeSelectDropdownProps) => import("react/jsx-runtime").JSX.Element>;
16
+ export declare const BadgeSelectDropdown: import("react").MemoExoticComponent<({ options, value: initialValue, variant, colorButtonOpened, className, compactWidth, modalStyles, size, search, ...useSelectFieldProps }: BadgeSelectDropdownProps) => import("react/jsx-runtime").JSX.Element>;
15
17
  export * from './styled';
@@ -1 +1 @@
1
- import{__rest as t}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{memo as l}from"react";import{BadgeSelectDropdownTrigger as i,BadgeSelectDropdownSpanStyled as s,BadgeSelectDropdownTogglerArrow as a}from"./styled.js";import"../select-field/styled.js";import"../skeleton/index.js";import{SelectModal as p}from"../select-field/select-modal/index.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";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"../select-field/context.js";import{useSelectField as m}from"../select-field/useSelectField.js";import{useTheme as n}from"../../theme/hook.js";const c=l(l=>{var{options:c,value:d,variant:u="primary",colorButtonOpened:j,className:y,compactWidth:f,modalStyles:g}=l,h=t(l,["options","value","variant","colorButtonOpened","className","compactWidth","modalStyles"]);const v=n(),O=m(Object.assign(Object.assign({},h),{value:d,multiple:!1})),{isOpen:b,triggerRef:x,value:k,setValue:S,handleInputClick:C}=O,$=t(O,["isOpen","triggerRef","value","setValue","handleInputClick"]);let w="";return"string"==typeof k&&(w=k),k&&"string"!=typeof k&&!Array.isArray(k)&&k.label&&(w=k.label),e(o,{children:[e(i,{ref:x,$active:b,$variant:u,$colorButtonOpened:j,type:"button",onClick:t=>C(!1,t),className:y,children:[r(s,{children:w}),r(a,{$open:b})]}),r(p,Object.assign({data:c,isOpen:b,setValue:S,value:k,compactWidth:f,selectedColor:v.colors.grayScale.gray2,modalStyles:g},$))]})});export{c as BadgeSelectDropdown,s as BadgeSelectDropdownSpanStyled,a as BadgeSelectDropdownTogglerArrow,i as BadgeSelectDropdownTrigger};
1
+ import{__rest as e}from"tslib";import{jsxs as t,Fragment as o,jsx as r}from"react/jsx-runtime";import{memo as l}from"react";import{BadgeSelectDropdownTrigger as s,BadgeSelectDropdownSpanStyled as i,BadgeSelectDropdownTogglerArrow as a}from"./styled.js";import"../select-field/styled.js";import"../skeleton/index.js";import{SelectModal as c}from"../select-field/select-modal/index.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";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"../select-field/context.js";import{useSelectField as m}from"../select-field/useSelectField.js";import{useTheme as p}from"../../theme/hook.js";const n=l(l=>{var{options:n,value:d,variant:u="primary",colorButtonOpened:j,className:y,compactWidth:f,modalStyles:h,size:g="small",search:v}=l,O=e(l,["options","value","variant","colorButtonOpened","className","compactWidth","modalStyles","size","search"]);const b=p(),x=m(Object.assign(Object.assign({},O),{value:d,multiple:!1})),{isOpen:k,triggerRef:S,value:C,setValue:$,handleInputClick:w}=x,z=e(x,["isOpen","triggerRef","value","setValue","handleInputClick"]);let B="";return"string"==typeof C&&(B=C),C&&"string"!=typeof C&&!Array.isArray(C)&&C.label&&(B=C.label),t(o,{children:[t(s,{ref:S,$active:k,$variant:u,$colorButtonOpened:j,type:"button",onClick:e=>w(!1,e),className:y,children:[r(i,{children:B}),r(a,{$open:k})]}),r(c,Object.assign({data:n,isOpen:k,setValue:$,value:C,compactWidth:f,selectedColor:b.colors.grayScale.gray2,modalStyles:h,size:g,search:v},z))]})});export{n as BadgeSelectDropdown,i as BadgeSelectDropdownSpanStyled,a as BadgeSelectDropdownTogglerArrow,s as BadgeSelectDropdownTrigger};
@@ -1 +1 @@
1
- import{styled as e}from"styled-components";import{Typography as t}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as o}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const i=e.div.withConfig({displayName:"styled__DropzoneFieldStyled",componentId:"sc-f0fnsu-0"})([""," display:flex;flex-direction:column;justify-content:stretch;gap:20px;background-color:",";padding:20px;border-radius:20px;background-image:",";transition:background 0.3s ease-out;position:relative;&:active,&[data-dragged='true']{background-color:rgba(28,100,242,0.2);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%231C64F2FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");}"],({$fullWidth:e})=>e?"width: 100%;":"",({theme:e})=>o(e.colors.grayScale.gray4,.75),({theme:e})=>`url("${"light"===e.mode?"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23CDD5DA' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23222B44FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"}")`),s=e.div.withConfig({displayName:"styled__DropzoneFieldLabels",componentId:"sc-f0fnsu-1"})(["display:flex;justify-content:space-between;align-items:center;"]),r=e.div.withConfig({displayName:"styled__DropzoneFieldRightLabelsContainer",componentId:"sc-f0fnsu-2"})(["display:flex;align-items:flex-end;flex-direction:column;gap:8px;"]),a=e(t).attrs({variant:"body-xs-medium"}).withConfig({displayName:"styled__DropzoneFieldRightLabel",componentId:"sc-f0fnsu-3"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray1),n=e.input.withConfig({displayName:"styled__DropzoneFieldInput",componentId:"sc-f0fnsu-4"})(["cursor:pointer;position:absolute;opacity:0;inset:0;z-index:1;"]),l=e.div.withConfig({displayName:"styled__DropzoneFieldPlaceholder",componentId:"sc-f0fnsu-5"})(["display:flex;align-items:center;justify-content:center;position:relative;padding:20px;"]);export{n as DropzoneFieldInput,s as DropzoneFieldLabels,l as DropzoneFieldPlaceholder,a as DropzoneFieldRightLabel,r as DropzoneFieldRightLabelsContainer,i as DropzoneFieldStyled};
1
+ import{styled as e}from"styled-components";import{Typography as t}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as o}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const i=e.div.withConfig({displayName:"styled__DropzoneFieldStyled",componentId:"sc-f0fnsu-0"})([""," display:flex;flex-direction:column;justify-content:stretch;gap:20px;background-color:",";padding:20px;border-radius:20px;background-image:",";transition:background 0.3s ease-out;position:relative;&:active,&[data-dragged='true']{background-color:rgba(28,100,242,0.2);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%231C64F2FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");}@media (max-width:","){padding:18px;border:1px solid ",";background-image:none;}@media (max-width:","){padding:24px;}"],({$fullWidth:e})=>e?"width: 100%;":"",({theme:e})=>o(e.colors.grayScale.gray4,.75),({theme:e})=>`url("${"light"===e.mode?"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23CDD5DA' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23222B44FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"}")`,({theme:e})=>e.tablet.maxWidth,({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.mobile.maxWidth),r=e.div.withConfig({displayName:"styled__DropzoneFieldLabels",componentId:"sc-f0fnsu-1"})(["display:flex;justify-content:space-between;align-items:center;"]),s=e.div.withConfig({displayName:"styled__DropzoneFieldRightLabelsContainer",componentId:"sc-f0fnsu-2"})(["display:flex;align-items:flex-end;flex-direction:column;gap:8px;margin-left:auto;"]),a=e(t).attrs({variant:"body-xs-medium"}).withConfig({displayName:"styled__DropzoneFieldRightLabel",componentId:"sc-f0fnsu-3"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray1),n=e.input.withConfig({displayName:"styled__DropzoneFieldInput",componentId:"sc-f0fnsu-4"})(["cursor:pointer;position:absolute;opacity:0;inset:0;z-index:1;"]),l=e.div.withConfig({displayName:"styled__DropzoneFieldPlaceholder",componentId:"sc-f0fnsu-5"})(["display:flex;align-items:center;justify-content:center;position:relative;padding:20px;"]);export{n as DropzoneFieldInput,r as DropzoneFieldLabels,l as DropzoneFieldPlaceholder,a as DropzoneFieldRightLabel,s as DropzoneFieldRightLabelsContainer,i as DropzoneFieldStyled};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bothub-chat/ui",
3
- "version": "2.50.1-feat-prompt-queue-3318672e-8dc6-4a77-8bce-25f5fae8b549",
3
+ "version": "2.50.1-feat-prompt-queue-9641cbf4-fc44-4b23-9cf7-7192917cc6c5",
4
4
  "description": "Bothub UI Components",
5
5
  "keywords": [
6
6
  "bot",