smartsell-ui-kit 0.0.6 → 0.1.0

package/dist/index.d.cts

@@ -1,31 +1,38 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { SmartSellSDK } from 'smartsell-sales-sdk';
-export { L as LegacyModalAction, a as LegacyModalCompatProps, b as LegacyModalProps, M as Modal, c as ModalAction, d as ModalProps, e as ModalTheme, f as ModalThemeSource, S as StandardModalProps, U as UiKitThemeTokens, u as useUiKitTheme } from './modal-CS9SuYSC.cjs';
+export { L as LegacyModalAction, a as LegacyModalCompatProps, b as LegacyModalProps, M as Modal, c as ModalAction, d as ModalProps, e as ModalTheme, f as ModalThemeSource, S as StandardModalProps, U as UiKitThemeTokens, u as useUiKitTheme } from './modal-B2lmASXk.cjs';
+import 'smartsell-theme';
 
 type ControlSize$1 = 'sm' | 'md' | 'lg';
 
 type ButtonVariant = 'solid' | 'outline' | 'ghost';
 type ButtonSize = ControlSize$1;
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML'> {
-    sdk: SmartSellSDK;
     variant?: ButtonVariant;
     size?: ButtonSize;
     fullWidth?: boolean;
     leadingIcon?: ReactNode;
     trailingIcon?: ReactNode;
 }
-declare function Button({ sdk, variant, size, fullWidth, leadingIcon, trailingIcon, children, disabled, style, type, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onBlur, onKeyDown, onKeyUp, onTouchStart, onTouchEnd, onTouchCancel, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ variant, size, fullWidth, leadingIcon, trailingIcon, children, disabled, style, type, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onBlur, onKeyDown, onKeyUp, onTouchStart, onTouchEnd, onTouchCancel, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'title'> {
-    sdk: SmartSellSDK;
     children: ReactNode;
     eyebrow?: ReactNode;
     title?: ReactNode;
     action?: ReactNode;
     padded?: boolean;
 }
-declare function Card({ sdk, children, eyebrow, title, action, padded, style, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, eyebrow, title, action, padded, style, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size' | 'type'> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    controlSize?: ControlSize$1;
+    indeterminate?: boolean;
+}
+declare function Checkbox({ label, hint, error, controlSize, id, checked, defaultChecked, disabled, indeterminate, required, className, style, onChange, onFocus, onBlur, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 interface ModalSlotIds {
     header: string;
@@ -34,7 +41,6 @@ interface ModalSlotIds {
 }
 interface ModalSlotContext<TPayload = unknown> {
     title: string;
-    description?: string;
     payload?: TPayload;
     close: () => void;
     confirm?: () => void;
@@ -43,13 +49,18 @@ interface ModalSlotContext<TPayload = unknown> {
     isOpen: boolean;
     isBusy: boolean;
 }
+interface ComposableModalSlotRenderProps<TPayload = unknown> {
+    id: string;
+    context: ModalSlotContext<TPayload>;
+    children?: ReactNode;
+}
+type ComposableModalSlotRenderer<TPayload = unknown> = (props: ComposableModalSlotRenderProps<TPayload>) => ReactNode;
 interface ComposableModalProps<TPayload = unknown> {
-    sdk: SmartSellSDK;
     isOpen: boolean;
     onClose: () => void;
     title: string;
-    description?: string;
     slotBaseId: string;
+    renderSlot?: ComposableModalSlotRenderer<TPayload>;
     payload?: TPayload;
     onConfirm?: () => void;
     confirmLabel?: string;
@@ -66,20 +77,52 @@ interface ComposableModalProps<TPayload = unknown> {
     children?: ReactNode;
 }
 declare const createModalSlotIds: (slotBaseId: string) => ModalSlotIds;
-declare function ComposableModal<TPayload = unknown>({ sdk, isOpen, onClose, title, description, slotBaseId, payload, onConfirm, confirmLabel, cancelLabel, isBusy, closeOnBackdrop, closeOnEscape, hideExpandButton, maximized, hideDefaultFooter, maxWidth, headerFallback, footerFallback, children, }: ComposableModalProps<TPayload>): react_jsx_runtime.JSX.Element;
+declare function ComposableModal<TPayload = unknown>({ isOpen, onClose, title, slotBaseId, renderSlot, payload, onConfirm, confirmLabel, cancelLabel, isBusy, closeOnBackdrop, closeOnEscape, hideExpandButton, maximized, hideDefaultFooter, maxWidth, headerFallback, footerFallback, children, }: ComposableModalProps<TPayload>): react_jsx_runtime.JSX.Element;
+
+type DatePickerMode = 'date' | 'datetime';
+type DatePickerValue = string | Date | null;
+type DatePickerChangeReason = 'input' | 'picker' | 'clear';
+interface DatePickerChangeContext {
+    reason: DatePickerChangeReason;
+    date: Date | null;
+    nativeValue: string;
+    displayValue: string;
+}
+interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    controlSize?: ControlSize$1;
+    value?: DatePickerValue;
+    defaultValue?: DatePickerValue;
+    onChange?: (value: string | null, context: DatePickerChangeContext) => void;
+    mode?: DatePickerMode;
+    format?: string;
+    allowPastDates?: boolean;
+    allowFutureDates?: boolean;
+    minDate?: DatePickerValue;
+    maxDate?: DatePickerValue;
+    minuteStep?: number;
+    clearable?: boolean;
+    showPickerButton?: boolean;
+    isDateUnavailable?: (date: Date) => boolean;
+    invalidDateMessage?: ReactNode;
+    unavailableDateMessage?: ReactNode;
+    pickerButtonLabel?: string;
+    clearButtonLabel?: string;
+}
+declare function DatePicker({ label, hint, error, controlSize, value, defaultValue, onChange, mode, format, allowPastDates, allowFutureDates, minDate, maxDate, minuteStep, clearable, showPickerButton, isDateUnavailable, invalidDateMessage, unavailableDateMessage, pickerButtonLabel, clearButtonLabel, id, name, disabled, readOnly, required, style, className, placeholder, onBlur, onFocus, onKeyDown, ...rest }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size'> {
-    sdk: SmartSellSDK;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
     controlSize?: ControlSize$1;
     showPasswordToggle?: boolean;
 }
-declare function Input({ sdk, label, hint, error, controlSize, showPasswordToggle, id, disabled, style, type, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ label, hint, error, controlSize, showPasswordToggle, id, disabled, style, type, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
 
 interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dangerouslySetInnerHTML' | 'size'> {
-    sdk: SmartSellSDK;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
@@ -87,16 +130,15 @@ interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dan
     isMulti?: boolean;
     isFilterable?: boolean;
 }
-declare function Select({ sdk, label, hint, error, controlSize, id, disabled, style, children, value, defaultValue, onChange, onFocus, onBlur, onKeyDown, onClick, autoFocus, className, isMulti, isFilterable, multiple, ...rest }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ label, hint, error, controlSize, id, disabled, style, children, value, defaultValue, onChange, onFocus, onBlur, onKeyDown, onClick, autoFocus, className, isMulti, isFilterable, multiple, ...rest }: SelectProps): react_jsx_runtime.JSX.Element;
 
 type ControlSize = 'sm' | 'md' | 'lg';
 interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'dangerouslySetInnerHTML'> {
-    sdk: SmartSellSDK;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
     controlSize?: ControlSize;
 }
-declare function Textarea({ sdk, label, hint, error, controlSize, id, disabled, style, rows, ...rest }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare function Textarea({ label, hint, error, controlSize, id, disabled, style, rows, ...rest }: TextareaProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, Card, type CardProps, ComposableModal, type ComposableModalProps, Input, type InputProps, type ModalSlotContext, type ModalSlotIds, Select, type SelectProps, Textarea, type TextareaProps, createModalSlotIds };
+export { Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, ComposableModal, type ComposableModalProps, type ComposableModalSlotRenderProps, type ComposableModalSlotRenderer, DatePicker, type DatePickerChangeContext, type DatePickerChangeReason, type DatePickerMode, type DatePickerProps, type DatePickerValue, Input, type InputProps, type ModalSlotContext, type ModalSlotIds, Select, type SelectProps, Textarea, type TextareaProps, createModalSlotIds };

package/dist/index.d.ts

@@ -1,31 +1,38 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
-import { SmartSellSDK } from 'smartsell-sales-sdk';
-export { L as LegacyModalAction, a as LegacyModalCompatProps, b as LegacyModalProps, M as Modal, c as ModalAction, d as ModalProps, e as ModalTheme, f as ModalThemeSource, S as StandardModalProps, U as UiKitThemeTokens, u as useUiKitTheme } from './modal-CS9SuYSC.js';
+export { L as LegacyModalAction, a as LegacyModalCompatProps, b as LegacyModalProps, M as Modal, c as ModalAction, d as ModalProps, e as ModalTheme, f as ModalThemeSource, S as StandardModalProps, U as UiKitThemeTokens, u as useUiKitTheme } from './modal-B2lmASXk.js';
+import 'smartsell-theme';
 
 type ControlSize$1 = 'sm' | 'md' | 'lg';
 
 type ButtonVariant = 'solid' | 'outline' | 'ghost';
 type ButtonSize = ControlSize$1;
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML'> {
-    sdk: SmartSellSDK;
     variant?: ButtonVariant;
     size?: ButtonSize;
     fullWidth?: boolean;
     leadingIcon?: ReactNode;
     trailingIcon?: ReactNode;
 }
-declare function Button({ sdk, variant, size, fullWidth, leadingIcon, trailingIcon, children, disabled, style, type, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onBlur, onKeyDown, onKeyUp, onTouchStart, onTouchEnd, onTouchCancel, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ variant, size, fullWidth, leadingIcon, trailingIcon, children, disabled, style, type, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onBlur, onKeyDown, onKeyUp, onTouchStart, onTouchEnd, onTouchCancel, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'title'> {
-    sdk: SmartSellSDK;
     children: ReactNode;
     eyebrow?: ReactNode;
     title?: ReactNode;
     action?: ReactNode;
     padded?: boolean;
 }
-declare function Card({ sdk, children, eyebrow, title, action, padded, style, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, eyebrow, title, action, padded, style, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size' | 'type'> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    controlSize?: ControlSize$1;
+    indeterminate?: boolean;
+}
+declare function Checkbox({ label, hint, error, controlSize, id, checked, defaultChecked, disabled, indeterminate, required, className, style, onChange, onFocus, onBlur, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 interface ModalSlotIds {
     header: string;
@@ -34,7 +41,6 @@ interface ModalSlotIds {
 }
 interface ModalSlotContext<TPayload = unknown> {
     title: string;
-    description?: string;
     payload?: TPayload;
     close: () => void;
     confirm?: () => void;
@@ -43,13 +49,18 @@ interface ModalSlotContext<TPayload = unknown> {
     isOpen: boolean;
     isBusy: boolean;
 }
+interface ComposableModalSlotRenderProps<TPayload = unknown> {
+    id: string;
+    context: ModalSlotContext<TPayload>;
+    children?: ReactNode;
+}
+type ComposableModalSlotRenderer<TPayload = unknown> = (props: ComposableModalSlotRenderProps<TPayload>) => ReactNode;
 interface ComposableModalProps<TPayload = unknown> {
-    sdk: SmartSellSDK;
     isOpen: boolean;
     onClose: () => void;
     title: string;
-    description?: string;
     slotBaseId: string;
+    renderSlot?: ComposableModalSlotRenderer<TPayload>;
     payload?: TPayload;
     onConfirm?: () => void;
     confirmLabel?: string;
@@ -66,20 +77,52 @@ interface ComposableModalProps<TPayload = unknown> {
     children?: ReactNode;
 }
 declare const createModalSlotIds: (slotBaseId: string) => ModalSlotIds;
-declare function ComposableModal<TPayload = unknown>({ sdk, isOpen, onClose, title, description, slotBaseId, payload, onConfirm, confirmLabel, cancelLabel, isBusy, closeOnBackdrop, closeOnEscape, hideExpandButton, maximized, hideDefaultFooter, maxWidth, headerFallback, footerFallback, children, }: ComposableModalProps<TPayload>): react_jsx_runtime.JSX.Element;
+declare function ComposableModal<TPayload = unknown>({ isOpen, onClose, title, slotBaseId, renderSlot, payload, onConfirm, confirmLabel, cancelLabel, isBusy, closeOnBackdrop, closeOnEscape, hideExpandButton, maximized, hideDefaultFooter, maxWidth, headerFallback, footerFallback, children, }: ComposableModalProps<TPayload>): react_jsx_runtime.JSX.Element;
+
+type DatePickerMode = 'date' | 'datetime';
+type DatePickerValue = string | Date | null;
+type DatePickerChangeReason = 'input' | 'picker' | 'clear';
+interface DatePickerChangeContext {
+    reason: DatePickerChangeReason;
+    date: Date | null;
+    nativeValue: string;
+    displayValue: string;
+}
+interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
+    label?: ReactNode;
+    hint?: ReactNode;
+    error?: ReactNode;
+    controlSize?: ControlSize$1;
+    value?: DatePickerValue;
+    defaultValue?: DatePickerValue;
+    onChange?: (value: string | null, context: DatePickerChangeContext) => void;
+    mode?: DatePickerMode;
+    format?: string;
+    allowPastDates?: boolean;
+    allowFutureDates?: boolean;
+    minDate?: DatePickerValue;
+    maxDate?: DatePickerValue;
+    minuteStep?: number;
+    clearable?: boolean;
+    showPickerButton?: boolean;
+    isDateUnavailable?: (date: Date) => boolean;
+    invalidDateMessage?: ReactNode;
+    unavailableDateMessage?: ReactNode;
+    pickerButtonLabel?: string;
+    clearButtonLabel?: string;
+}
+declare function DatePicker({ label, hint, error, controlSize, value, defaultValue, onChange, mode, format, allowPastDates, allowFutureDates, minDate, maxDate, minuteStep, clearable, showPickerButton, isDateUnavailable, invalidDateMessage, unavailableDateMessage, pickerButtonLabel, clearButtonLabel, id, name, disabled, readOnly, required, style, className, placeholder, onBlur, onFocus, onKeyDown, ...rest }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size'> {
-    sdk: SmartSellSDK;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
     controlSize?: ControlSize$1;
     showPasswordToggle?: boolean;
 }
-declare function Input({ sdk, label, hint, error, controlSize, showPasswordToggle, id, disabled, style, type, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ label, hint, error, controlSize, showPasswordToggle, id, disabled, style, type, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
 
 interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dangerouslySetInnerHTML' | 'size'> {
-    sdk: SmartSellSDK;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
@@ -87,16 +130,15 @@ interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dan
     isMulti?: boolean;
     isFilterable?: boolean;
 }
-declare function Select({ sdk, label, hint, error, controlSize, id, disabled, style, children, value, defaultValue, onChange, onFocus, onBlur, onKeyDown, onClick, autoFocus, className, isMulti, isFilterable, multiple, ...rest }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ label, hint, error, controlSize, id, disabled, style, children, value, defaultValue, onChange, onFocus, onBlur, onKeyDown, onClick, autoFocus, className, isMulti, isFilterable, multiple, ...rest }: SelectProps): react_jsx_runtime.JSX.Element;
 
 type ControlSize = 'sm' | 'md' | 'lg';
 interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'dangerouslySetInnerHTML'> {
-    sdk: SmartSellSDK;
     label?: ReactNode;
     hint?: ReactNode;
     error?: ReactNode;
     controlSize?: ControlSize;
 }
-declare function Textarea({ sdk, label, hint, error, controlSize, id, disabled, style, rows, ...rest }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare function Textarea({ label, hint, error, controlSize, id, disabled, style, rows, ...rest }: TextareaProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, Card, type CardProps, ComposableModal, type ComposableModalProps, Input, type InputProps, type ModalSlotContext, type ModalSlotIds, Select, type SelectProps, Textarea, type TextareaProps, createModalSlotIds };
+export { Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, ComposableModal, type ComposableModalProps, type ComposableModalSlotRenderProps, type ComposableModalSlotRenderer, DatePicker, type DatePickerChangeContext, type DatePickerChangeReason, type DatePickerMode, type DatePickerProps, type DatePickerValue, Input, type InputProps, type ModalSlotContext, type ModalSlotIds, Select, type SelectProps, Textarea, type TextareaProps, createModalSlotIds };