@beaubrain/web-design-system 0.1.15 → 0.1.16

package/dist/components/CheckableSelectBox/checkableSelectBox.base.d.ts

@@ -1,24 +1,72 @@
+import { Scope } from '../../core/react';
 import { CheckboxPropDefs } from '../Checkbox/checkbox.defs';
+import { Content as SelectBoxContent } from '../SelectBox';
 import { Base } from '../__internal';
 import { CheckableSelectBoxRootPropDefs } from './checkableSelectBox.defs';
 import * as React from 'react';
 declare const DEFAULT_WEIGHT = "regular";
+type CheckableSelectBoxItemChildren = React.ReactNode | ((state: CheckableSelectBoxItemRenderState) => React.ReactNode);
 export interface CheckableSelectItem {
     value: string;
     label: string;
     disabled?: boolean;
 }
-interface CheckableSelectBoxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Base.div>, 'onSelect'> {
-    value: string;
-    label: string;
+type ScopedProps<P> = P & {
+    __scopeCheckableSelectBox?: Scope;
+};
+export type CheckableSelectBoxValueLabelMap = Map<string, string> | Record<string, string>;
+export interface CheckableSelectBoxRootProps {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    valueLabelMap?: CheckableSelectBoxValueLabelMap;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+    size?: (typeof CheckableSelectBoxRootPropDefs.size.values)[number];
+    weight?: (typeof CheckableSelectBoxRootPropDefs.weight.values)[number];
+    variant?: (typeof CheckableSelectBoxRootPropDefs.variant.values)[number];
+    checkboxSize?: (typeof CheckboxPropDefs.size.values)[number];
+    checkboxVariant?: (typeof CheckboxPropDefs.variant.values)[number];
+    disabled?: boolean;
+    displayValueSeparator?: string;
+}
+declare const CheckableSelectBoxRoot: React.FC<ScopedProps<CheckableSelectBoxRootProps>>;
+export interface CheckableSelectBoxTriggerProps extends React.ComponentPropsWithoutRef<typeof Base.button> {
+    size?: (typeof CheckableSelectBoxRootPropDefs.size.values)[number];
+    variant?: (typeof CheckableSelectBoxRootPropDefs.variant.values)[number];
+}
+declare const CheckableSelectBoxTrigger: React.ForwardRefExoticComponent<CheckableSelectBoxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export type CheckableSelectBoxContentProps = React.ComponentPropsWithoutRef<typeof SelectBoxContent>;
+declare const CheckableSelectBoxContent: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & {
+    __scopeSelect?: Scope;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type CheckableSelectBoxItemRenderState = {
     selected: boolean;
+    disabled: boolean;
+};
+export interface CheckableSelectBoxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof Base.div>, 'children' | 'onSelect'> {
+    value: string;
+    label?: string;
     disabled?: boolean;
     size?: (typeof CheckableSelectBoxRootPropDefs.size.values)[number];
     weight?: (typeof CheckableSelectBoxRootPropDefs.weight.values)[number];
     variant?: (typeof CheckableSelectBoxRootPropDefs.variant.values)[number];
     checkboxSize?: (typeof CheckboxPropDefs.size.values)[number];
     checkboxVariant?: (typeof CheckboxPropDefs.variant.values)[number];
-    onItemSelect: (value: string) => void;
+    children?: CheckableSelectBoxItemChildren;
 }
 declare const CheckableSelectBoxItem: React.ForwardRefExoticComponent<CheckableSelectBoxItemProps & React.RefAttributes<HTMLDivElement>>;
-export { CheckableSelectBoxItem, DEFAULT_WEIGHT };
+export interface CheckableSelectBoxValueProps extends React.ComponentPropsWithoutRef<typeof Base.span> {
+    placeholder?: string;
+}
+declare const CheckableSelectBoxValue: React.ForwardRefExoticComponent<CheckableSelectBoxValueProps & React.RefAttributes<HTMLSpanElement>>;
+export interface CheckableSelectBoxSlotProps extends React.ComponentPropsWithoutRef<typeof Base.div> {
+    side?: 'left' | 'right';
+    'data-chevron'?: boolean;
+}
+declare const CheckableSelectBoxSlot: React.ForwardRefExoticComponent<CheckableSelectBoxSlotProps & React.RefAttributes<HTMLDivElement>>;
+export { CheckableSelectBoxRoot, CheckableSelectBoxTrigger, CheckableSelectBoxContent, CheckableSelectBoxItem, CheckableSelectBoxValue, CheckableSelectBoxSlot, DEFAULT_WEIGHT, };

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

@@ -1,25 +1,25 @@
-import { CheckboxPropDefs } from '../Checkbox/checkbox.defs';
-import { CheckableSelectBoxRootPropDefs } from './checkableSelectBox.defs';
-import { CheckableSelectItem } from './checkableSelectBox.base';
-export interface CheckableSelectBoxProps {
+import { CheckableSelectBoxContentProps, CheckableSelectBoxItemProps, CheckableSelectBoxItemRenderState, CheckableSelectBoxRootProps, CheckableSelectBoxSlotProps, CheckableSelectBoxTriggerProps, CheckableSelectBoxValueProps, CheckableSelectBoxValueLabelMap, CheckableSelectItem } from './checkableSelectBox.base';
+import * as React from 'react';
+export interface CheckableSelectBoxProps extends Omit<CheckableSelectBoxRootProps, 'children' | 'valueLabelMap' | 'displayValueSeparator'> {
     items: CheckableSelectItem[];
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
     placeholder?: string;
-    size?: (typeof CheckableSelectBoxRootPropDefs.size.values)[number];
-    weight?: (typeof CheckableSelectBoxRootPropDefs.weight.values)[number];
-    variant?: (typeof CheckableSelectBoxRootPropDefs.variant.values)[number];
-    checkboxSize?: (typeof CheckboxPropDefs.size.values)[number];
-    checkboxVariant?: (typeof CheckboxPropDefs.variant.values)[number];
-    disabled?: boolean;
     className?: string;
     maxHeight?: string | number;
     onScrollBottom?: () => void;
 }
-export declare const CheckableSelectBox: ({ items, value: valueProp, defaultValue, onValueChange, open, defaultOpen, onOpenChange, placeholder, size, weight, variant, checkboxSize, checkboxVariant, disabled, className, maxHeight, onScrollBottom, }: CheckableSelectBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckableSelectBox: (({ items, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, placeholder, size, weight, variant, checkboxSize, checkboxVariant, disabled, className, maxHeight, onScrollBottom, }: CheckableSelectBoxProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: React.FC<CheckableSelectBoxRootProps & {
+        __scopeCheckableSelectBox?: import('../../core/react').Scope;
+    }>;
+    Trigger: React.ForwardRefExoticComponent<CheckableSelectBoxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    }, "ref"> & {
+        __scopeSelect?: import('../../core/react').Scope;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<CheckableSelectBoxItemProps & React.RefAttributes<HTMLDivElement>>;
+    Value: React.ForwardRefExoticComponent<CheckableSelectBoxValueProps & React.RefAttributes<HTMLSpanElement>>;
+    Slot: React.ForwardRefExoticComponent<CheckableSelectBoxSlotProps & React.RefAttributes<HTMLDivElement>>;
+};
 export default CheckableSelectBox;
-export type { CheckableSelectItem };
+export type { CheckableSelectBoxRootProps, CheckableSelectBoxTriggerProps, CheckableSelectBoxContentProps, CheckableSelectBoxItemProps, CheckableSelectBoxItemRenderState, CheckableSelectBoxValueProps, CheckableSelectBoxSlotProps, CheckableSelectBoxValueLabelMap, CheckableSelectItem, };

package/dist/components/index.d.ts

@@ -4,7 +4,7 @@ export { default as Button, type ButtonProps } from './Button/index.js';
 export { default as Spinner, type SpinnerProps } from './Spinner/index.js';
 export { default as Checkbox, type CheckboxProps } from './Checkbox/index.js';
 export { default as ConfirmDialog, type ConfirmDialogProps } from './ConfirmDialog/index.js';
-export { default as CheckableSelectBox, type CheckableSelectBoxProps, type CheckableSelectItem, } from './CheckableSelectBox/index.js';
+export { default as CheckableSelectBox, type CheckableSelectBoxProps, type CheckableSelectBoxRootProps, type CheckableSelectBoxTriggerProps, type CheckableSelectBoxContentProps, type CheckableSelectBoxItemProps, type CheckableSelectBoxItemRenderState, type CheckableSelectBoxValueProps, type CheckableSelectBoxSlotProps, type CheckableSelectBoxValueLabelMap, type CheckableSelectItem, } from './CheckableSelectBox/index.js';
 export { default as Popup, type PopupRootProps, type PopupPortalProps, type PopupOverlayProps, type PopupContentProps, type PopupHeaderProps, type PopupTitleProps, type PopupIconProps, type PopupMessageProps, type PopupBodyProps, type PopupFooterProps, } from './Popup/index.js';
 export { default as CheckboxGroup, type CheckboxGroupRootProps, type CheckboxGroupItemProps, } from './CheckboxGroup';
 export { default as Radio, type RadioProps } from './Radio/index.js';