@bspk/ui 1.3.3 → 1.3.5

package/dist/components/TimeInput/TimeInput.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import './time-input.css.js';
-import { SvgSchedule } from '@bspk/icons/Schedule';
-import { FocusTrap } from 'focus-trap-react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { TimeInputListbox } from './Listbox';
-import { TimeInputSegment } from './Segment';
-import { Button } from '../Button';
-import { Menu } from '../Menu';
-import { Portal } from '../Portal';
-import { useFloating } from '../../hooks/useFloating';
-import { useId } from '../../hooks/useId';
-import { useOutsideClick } from '../../hooks/useOutsideClick';
-import { handleKeyDown } from '../../utils/handleKeyDown';
-export const MINUTE_OPTIONS = ['00', '05', '10', '15', '20', '25', '30', '35', '40', '45', '50', '55'];
-export const HOUR_OPTIONS = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
-export const MERIDIEM_OPTIONS = ['AM', 'PM'];
-/**
- * An input field that allows a customer to manually type in a specific time or triggers a time picker combobox to
- * select a date.
- *
- * @example
- *     import { TimeInput } from '@bspk/ui/TimeInput';
- *
- *     function Example() {
- *         return <TimeInput>Example TimeInput</TimeInput>;
- *     }
- *
- * @name TimeInput
- * @phase UXReview
- */
-export function TimeInput({ value, 'aria-label': ariaLabel, disabled, id: idProp, invalid, readOnly, name, size, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, }) {
-    const id = useId(idProp);
-    const [inputValue, setInputValue] = useState(value);
-    const [hours, setHours] = useState();
-    const [minutes, setMinutes] = useState();
-    const [meridiem, setMeridiem] = useState('AM');
-    useEffect(() => {
-        setInputValue(`${hours?.toString().padStart(2, '0')}:${minutes?.toString().padStart(2, '0')} ${meridiem || ''}`.trim());
-        if (hours !== undefined && minutes === undefined)
-            setMinutes('00');
-    }, [hours, minutes, meridiem]);
-    const [open, setOpenState] = useState(false);
-    const { floatingStyles, elements } = useFloating({
-        strategy: 'fixed',
-        refWidth: true,
-        offsetOptions: 4,
-        hide: !open,
-    });
-    const setOpen = useCallback((nextOpen) => {
-        setOpenState(nextOpen);
-        if (!elements.reference || !buttonRef.current)
-            return;
-        // Focus the button when closing the menu
-        if (!nextOpen && open)
-            buttonRef.current.focus();
-        // Focus the hours listbox when opening the menu
-        if (nextOpen && !open)
-            elements.reference.querySelector('[data-scroll-column="hours"]')?.focus();
-    }, [elements?.reference, open]);
-    useOutsideClick({ elements: [elements.floating], callback: () => setOpen(false), disabled: !open });
-    const { hourOptions, minuteOptions, meridiemOptions } = useMemo(() => ({
-        hourOptions: HOUR_OPTIONS.map((h) => ({
-            id: `${id}-hours-${h}`,
-            value: h,
-            label: h.toString().padStart(2, '0'),
-        })),
-        minuteOptions: MINUTE_OPTIONS.map((m) => ({
-            id: `${id}-minutes-${m}`,
-            value: m,
-            label: m.toString().padStart(2, '0'),
-        })),
-        meridiemOptions: MERIDIEM_OPTIONS.map((m) => ({
-            id: `${id}-meridiem-${m}`,
-            value: m,
-            label: m,
-        })),
-    }), [id]);
-    const listBoxRefs = useRef(null);
-    const buttonRef = useRef(null);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { "aria-describedby": ariaErrorMessage || ariaDescribedBy || undefined, "data-aria-label": ariaLabel || undefined, "data-bspk": "time-input", "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-name": name || undefined, "data-open": open || undefined, "data-readonly": readOnly || undefined, "data-size": size || undefined, "data-value": inputValue || undefined, id: id, onClickCapture: () => {
-                    if (disabled || readOnly)
-                        return;
-                    elements.reference?.querySelector('[tabIndex]')?.focus();
-                }, onKeyDownCapture: handleKeyDown({ Escape: () => setOpen(false) }), ref: (node) => {
-                    elements.setReference(node);
-                }, role: "group", tabIndex: disabled || readOnly ? -1 : 0, children: [_jsx(TimeInputSegment, { disabled: disabled, name: `${name}-hours`, onChange: (next) => setHours(next || undefined), readOnly: readOnly, type: "hours", value: hours }), _jsx("span", { "aria-hidden": "true", children: ":" }), _jsx(TimeInputSegment, { disabled: disabled, name: `${name}-minutes`, onChange: (next) => setMinutes(next || undefined), readOnly: readOnly, type: "minutes", value: minutes }), _jsx(TimeInputSegment, { disabled: disabled, name: `${name}-meridiem`, onChange: (next) => setMeridiem(next || 'AM'), readOnly: readOnly, type: "meridiem", value: meridiem }), _jsx(Button, { disabled: disabled || readOnly, icon: _jsx(SvgSchedule, {}), iconOnly: true, innerRef: (node) => {
-                            buttonRef.current = node;
-                        }, label: `${open ? 'Close' : 'Open'} Time Picker`, onClick: () => setOpen(!open), variant: "tertiary" })] }), !!open && (_jsx(Portal, { children: _jsx(Menu, { innerRef: (node) => {
-                        if (!node)
-                            return;
-                        elements.setFloating(node);
-                    }, label: "Select time", owner: "time-input", style: floatingStyles, children: _jsx(FocusTrap, { focusTrapOptions: {
-                            fallbackFocus: () => listBoxRefs.current.hours,
-                            clickOutsideDeactivates: true,
-                        }, children: _jsxs("div", { "data-scroll-values": true, ref: (node) => {
-                                listBoxRefs.current = {
-                                    hours: node?.querySelector('[data-scroll-column="hours"]'),
-                                    minutes: node?.querySelector('[data-scroll-column="minutes"]'),
-                                    meridiem: node?.querySelector('[data-scroll-column="meridiem"]'),
-                                };
-                                listBoxRefs.current.hours?.focus();
-                            }, children: [_jsx(TimeInputListbox, { onSelect: (next) => {
-                                        setHours(next);
-                                        setTimeout(() => listBoxRefs.current?.minutes?.focus(), 10);
-                                    }, options: hourOptions, selectedValue: hours, type: "hours" }), _jsx(TimeInputListbox, { onSelect: (next) => {
-                                        setMinutes(next);
-                                        setTimeout(() => listBoxRefs.current?.meridiem?.focus(), 10);
-                                    }, options: minuteOptions, selectedValue: minutes, type: "minutes" }), _jsx(TimeInputListbox, { onSelect: (next) => {
-                                        setMeridiem(next);
-                                        setOpen(false);
-                                        setTimeout(() => buttonRef.current?.focus(), 10);
-                                    }, options: meridiemOptions, selectedValue: meridiem, type: "meridiem" })] }) }) }) }))] }));
-}
-//# sourceMappingURL=TimeInput.js.map

package/dist/components/TimeInput/TimeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeInput.js","sourceRoot":"","sources":["../../../src/components/TimeInput/TimeInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/TimeInput/TimeInputExample.d.ts

@@ -1,3 +0,0 @@
-import { TimeInputProps } from './TimeInput';
-import { ComponentExample } from '-/utils/demo';
-export declare const TimeInputExample: ComponentExample<TimeInputProps>;

package/dist/components/TimeInput/TimeInputExample.js

@@ -1,4 +0,0 @@
-export const TimeInputExample = {
-    variants: false,
-};
-//# sourceMappingURL=TimeInputExample.js.map

package/dist/components/TimeInput/TimeInputExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeInputExample.js","sourceRoot":"","sources":["../../../src/components/TimeInput/TimeInputExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAqC;IAC9D,QAAQ,EAAE,KAAK;CAClB,CAAC"}

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

@@ -1 +0,0 @@
-export * from './TimeInput';

package/dist/components/TimeInput/index.js

@@ -1,2 +0,0 @@
-export * from './TimeInput';
-//# sourceMappingURL=index.js.map

package/dist/components/TimeInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/hooks/useSnackbarContext.d.ts

@@ -1 +0,0 @@
-export declare const useSnackbarContext: () => import("-/utils/snackbarContext").SnackbarContextProps;

package/dist/hooks/useSnackbarContext.js

@@ -1,16 +0,0 @@
-/* eslint-disable no-console */
-import { useContext } from 'react';
-import { SnackbarContext } from '../utils/snackbarContext';
-export const useSnackbarContext = () => {
-    const context = useContext(SnackbarContext);
-    if (!context) {
-        console.error('useSnackbarContext must be used within a SnackbarProvider!');
-    }
-    return (context ?? {
-        snackbars: [],
-        sendSnackbar: () => console.error('sendSnackbar must be used within a SnackbarProvider!'),
-        clearSnackbar: () => console.error('clearSnackbar must be used within a SnackbarProvider!'),
-        clearAll: () => console.error('clearAll must be used within a SnackbarProvider!'),
-    });
-};
-//# sourceMappingURL=useSnackbarContext.js.map

package/dist/hooks/useSnackbarContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSnackbarContext.js","sourceRoot":"","sources":["../../src/hooks/useSnackbarContext.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,4DAA4D,CAAC,CAAC;IAChF,CAAC;IACD,OAAO,CACH,OAAO,IAAI;QACP,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,sDAAsD,CAAC;QACzF,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC;QAC3F,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC;KACpF,CACJ,CAAC;AACN,CAAC,CAAC"}

package/dist/utils/snackbarContext.d.ts

@@ -1,38 +0,0 @@
-export interface SnackbarData {
-    /** Automatically set unique identifier. */
-    id: string;
-    /** The main body text of the snackbar */
-    text: string;
-    /**
-     * The variant of the snackbar.
-     *
-     * @default 'default'
-     */
-    variant?: 'default' | 'error' | 'success' | 'warning';
-    /** Time in milliseconds after which the snackbar will auto dismiss. You can also set a default at the UIProvider */
-    timeout?: number | null;
-    /** Optional action button */
-    button?: {
-        /**
-         * The button text
-         *
-         * @default 'dismiss'
-         */
-        label: string;
-        /**
-         * Either 'close' or a callback function that is called when the button is clicked. If 'close' is provided the
-         * snackbar will close when the button is clicked.
-         *
-         * @default 'close'
-         */
-        onClick: 'close' | (() => void);
-    };
-}
-export type SnackbarInput = Omit<SnackbarData, 'id'>;
-export type SnackbarContextProps = {
-    snackbars: SnackbarData[];
-    sendSnackbar: (data: Omit<SnackbarData, 'id'>) => void;
-    clearSnackbar: (id: SnackbarData['id']) => void;
-    clearAll: () => void;
-};
-export declare const SnackbarContext: import("react").Context<SnackbarContextProps | undefined>;

package/dist/utils/snackbarContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-export const SnackbarContext = createContext(undefined);
-//# sourceMappingURL=snackbarContext.js.map

package/dist/utils/snackbarContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"snackbarContext.js","sourceRoot":"","sources":["../../src/utils/snackbarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA0CtC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAmC,SAAS,CAAC,CAAC"}

package/src/components/CalendarPicker/CalendarPickerExample.tsx

@@ -1,24 +0,0 @@
-import { isValid } from 'date-fns';
-import { CalendarPickerProps } from '.';
-import { ComponentExampleFn } from '-/utils/demo';
-
-export const CalendarPickerExample: ComponentExampleFn<CalendarPickerProps> = ({ action }) => ({
-    defaultState: {
-        value: new Date(),
-    },
-    containerStyle: { width: '100%' },
-    render: ({ props, Component }) => {
-        const value = isValid(props.value) ? props.value : new Date();
-        return (
-            <Component
-                {...props}
-                onChange={(next) => {
-                    props.onChange?.(next);
-                    action(`value updated to ${next.toDateString()}`);
-                }}
-                value={value}
-            />
-        );
-    },
-    variants: false,
-});

package/src/components/CalendarPicker/index.tsx

@@ -1 +0,0 @@
-export * from './CalendarPicker';

package/src/components/ChipAssist/ChipAssist.rtl.test.tsx

@@ -1,16 +0,0 @@
-import { ChipAssist } from './ChipAssist';
-import { presets } from './ChipAssistExample';
-import { hasNoBasicA11yIssues } from '-/rtl/hasNoBasicA11yIssues';
-import { render } from '-/rtl/util';
-
-describe('ChipAssist (RTL)', () => {
-    presets.forEach((preset) => {
-        it(`has no basic a11y issues - ${preset.label}`, hasNoBasicA11yIssues(<ChipAssist {...preset.propState} />));
-    });
-
-    it('renders', () => {
-        const { getByText } = render(<ChipAssist {...presets[0].propState} />);
-
-        expect(getByText('chip option')).toBeInTheDocument();
-    });
-});

package/src/components/ChipAssist/ChipAssist.tsx

@@ -1,37 +0,0 @@
-import { ChipUtility, ChipUtilityProps } from '-/components/ChipUtility';
-
-export type ChipAssistProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'leadingIcon' | 'onClick'>;
-
-/**
- * A dynamic action element that helps trigger and perform an action for the customer. A supplement option to buttons.
- *
- * @example
- *     import { ChipAssist } from '@bspk/ui/ChipAssist';
- *     import { SvgCloud } from '@bspk/icons/Cloud';
- *
- *     function Example() {
- *         return (
- *             <ChipAssist
- *                 label="Assist Chip"
- *                 leadingIcon=<SvgCloud />
- *                 onClick={() => console.log('Assist Chip clicked')}
- *             />
- *         );
- *     }
- *
- * @name ChipAssist
- * @phase UXReview
- */
-export function ChipAssist({ disabled, label, leadingIcon, onClick }: ChipAssistProps) {
-    return (
-        <ChipUtility
-            data-bspk="chip-assist"
-            disabled={disabled}
-            label={label}
-            leadingIcon={leadingIcon}
-            onClick={onClick}
-        />
-    );
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/components/ChipAssist/ChipAssistExample.tsx

@@ -1,34 +0,0 @@
-import { ChipAssistProps } from '.';
-import { ComponentExampleFn, Preset } from '-/utils/demo';
-
-export const presets: Preset<ChipAssistProps>[] = [
-    {
-        label: 'Basic ChipAssist',
-        propState: {
-            label: 'chip option',
-        },
-    },
-    {
-        label: 'with leadingIcon',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-        },
-    },
-    {
-        label: 'disabled',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-            disabled: true,
-        },
-    },
-];
-
-export const ChipAssistExample: ComponentExampleFn<ChipAssistProps> = ({ action }) => ({
-    containerStyle: { width: '100%' },
-    render: ({ props, Component }) => {
-        return <Component {...props} onClick={() => action('ChipAssist clicked!')} />;
-    },
-    presets,
-});

package/src/components/ChipAssist/index.tsx

@@ -1 +0,0 @@
-export * from './ChipAssist';

package/src/components/ChipFilter/ChipFilter.rtl.test.tsx

@@ -1,15 +0,0 @@
-import { ChipFilter } from './ChipFilter';
-import { hasNoBasicA11yIssues } from '-/rtl/hasNoBasicA11yIssues';
-import { render } from '-/rtl/util';
-
-const TestBed = () => <ChipFilter label="FilterChip" onClick={() => {}} trailingIcon="SvgChevronRight" />;
-
-describe('ChipFilter', () => {
-    it('has no basic a11y issues', hasNoBasicA11yIssues(<TestBed />));
-
-    it('renders', () => {
-        const { getByText } = render(<TestBed />);
-
-        expect(getByText('FilterChip')).toBeInTheDocument();
-    });
-});

package/src/components/ChipFilter/ChipFilter.tsx

@@ -1,75 +0,0 @@
-import { SvgChevronRight } from '@bspk/icons/ChevronRight';
-import { SvgClose } from '@bspk/icons/Close';
-import { SvgKeyboardArrowDown } from '@bspk/icons/KeyboardArrowDown';
-
-import { ChipUtility, ChipUtilityProps } from '-/components/ChipUtility';
-
-export type chipTrailingIcon = 'SvgChevronRight' | 'SvgClose' | 'SvgKeyboardArrowDown';
-
-export type ChipFilterProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'leadingIcon' | 'onClick'> & {
-    /**
-     * The trailing icon of the filter chip.
-     *
-     * You can only have one of the trailing options, a trailing icon **or** a trailing badge. If both are present the
-     * trailingIcon will be visible.
-     */
-    trailingIcon?: chipTrailingIcon;
-    /**
-     * The trailing Badge count.
-     *
-     * If a trailingIcon is provided the Badge will **not** be visible.
-     */
-    trailingBadgeCount?: number;
-};
-
-/**
- * Short form descriptive words that filter out content or represent active filter setting.
- *
- * @example
- *     import { ChipFilter } from '@bspk/ui/ChipFilter';
- *     import { SvgCloud } from '@bspk/icons/Cloud';
- *
- *     function Example() {
- *         return (
- *             <ChipFilter
- *                 label="FilterChip"
- *                 leadingIcon=<SvgCloud />
- *                 onClick={() => console.log('Filter Chip clicked')}
- *                 trailingIcon="SvgChevronRight"
- *             />
- *         );
- *     }
- *
- * @name ChipFilter
- * @phase UXReview
- */
-export function ChipFilter({
-    disabled,
-    label,
-    leadingIcon,
-    onClick,
-    trailingIcon,
-    trailingBadgeCount,
-}: ChipFilterProps) {
-    const trailingIconComponent =
-        trailingIcon === 'SvgChevronRight' ? (
-            <SvgChevronRight />
-        ) : trailingIcon === 'SvgKeyboardArrowDown' ? (
-            <SvgKeyboardArrowDown />
-        ) : trailingIcon === 'SvgClose' ? (
-            <SvgClose />
-        ) : undefined;
-    return (
-        <ChipUtility
-            data-bspk="chip-filter"
-            disabled={disabled}
-            label={label}
-            leadingIcon={leadingIcon}
-            onClick={onClick}
-            trailingBadge={trailingBadgeCount ? { count: trailingBadgeCount } : undefined}
-            trailingIcon={trailingIconComponent}
-        />
-    );
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/components/ChipFilter/ChipFilterExample.tsx

@@ -1,63 +0,0 @@
-import { ChipFilterProps } from '.';
-import { ComponentExampleFn } from '-/utils/demo';
-
-export const ChipFilterExample: ComponentExampleFn<ChipFilterProps> = ({ action }) => ({
-    containerStyle: { width: '100%' },
-    render: ({ props, Component }) => {
-        return <Component {...props} onClick={() => action('ChipFilter clicked!')} />;
-    },
-    presets: [
-        {
-            label: 'basic ChipFilter',
-            propState: {
-                label: 'chip option',
-                trailingIcon: undefined,
-            },
-        },
-        {
-            label: 'with leading icon',
-            propState: {
-                label: 'chip option',
-                leadingIcon: 'SignLanguage',
-            },
-        },
-        {
-            label: 'with close icon',
-            propState: {
-                label: 'chip option',
-                trailingIcon: 'SvgClose',
-            },
-        },
-        {
-            label: 'with chevron right icon',
-            propState: {
-                label: 'chip option',
-                trailingIcon: 'SvgChevronRight',
-            },
-        },
-        {
-            label: 'with keyboard arrow down icon',
-            propState: {
-                label: 'chip option',
-                trailingIcon: 'SvgKeyboardArrowDown',
-            },
-        },
-        {
-            label: 'with Badge',
-            propState: {
-                label: 'chip option',
-                trailingBadgeCount: 3,
-                trailingIcon: undefined,
-            },
-        },
-        {
-            label: 'disabled',
-            propState: {
-                label: 'chip option',
-                trailingBadgeCount: 3,
-                disabled: true,
-                trailingIcon: undefined,
-            },
-        },
-    ],
-});

package/src/components/ChipFilter/index.tsx

@@ -1 +0,0 @@
-export * from './ChipFilter';

package/src/components/ChipInput/ChipInput.rtl.test.tsx

@@ -1,16 +0,0 @@
-import { ChipInput } from './ChipInput';
-import { presets } from './ChipInputExample';
-import { hasNoBasicA11yIssues } from '-/rtl/hasNoBasicA11yIssues';
-import { render } from '-/rtl/util';
-
-describe('ChipInput (RTL)', () => {
-    presets.forEach((preset) => {
-        it(`has no basic a11y issues - ${preset.label}`, hasNoBasicA11yIssues(<ChipInput {...preset.propState} />));
-    });
-
-    it('renders', () => {
-        const { getByText } = render(<ChipInput {...presets[0].propState} />);
-
-        expect(getByText('chip option')).toBeInTheDocument();
-    });
-});

package/src/components/ChipInput/ChipInput.tsx

@@ -1,47 +0,0 @@
-import { SvgClose } from '@bspk/icons/Close';
-
-import { ChipUtility, ChipUtilityProps } from '-/components/ChipUtility';
-
-export type ChipInputProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'leadingIcon' | 'onClick'> & {
-    /**
-     * If true, a close icon will be added and the chip can be removed.
-     *
-     * @default true
-     */
-    removable?: boolean;
-};
-
-/**
- * A range of short form key words or pieces of information a customer enters within multi entry field.
- *
- * @example
- *     import { ChipInput } from '@bspk/ui/ChipInput';
- *     import { SvgCloud } from '@bspk/icons/Cloud';
- *
- *     function Example() {
- *         return (
- *             <ChipInput
- *                 label="InputChip"
- *                 leadingIcon=<SvgCloud />
- *                 onClick={() => console.log('Input Chip clicked')}
- *             />
- *         );
- *     }
- *
- * @name ChipInput
- * @phase UXReview
- */
-export function ChipInput({ disabled, label, leadingIcon, onClick, removable = true }: ChipInputProps) {
-    return (
-        <ChipUtility
-            data-bspk="chip-input"
-            disabled={disabled}
-            label={label}
-            leadingIcon={leadingIcon}
-            onClick={onClick}
-            trailingIcon={removable ? <SvgClose /> : undefined}
-        />
-    );
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/components/ChipInput/ChipInputExample.tsx

@@ -1,49 +0,0 @@
-import { ChipInputProps } from '.';
-import { ComponentExampleFn, Preset } from '-/utils/demo';
-
-export const presets: Preset<ChipInputProps>[] = [
-    {
-        label: 'Basic ChipInput',
-        propState: {
-            label: 'chip option',
-        },
-    },
-    {
-        label: 'with leadingIcon',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-        },
-    },
-    {
-        label: 'with removable = false',
-        propState: {
-            label: 'chip option',
-            removable: false,
-        },
-    },
-    {
-        label: 'with removable = false and leadingIcon',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-            removable: false,
-        },
-    },
-    {
-        label: 'disabled',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-            disabled: true,
-        },
-    },
-];
-
-export const ChipInputExample: ComponentExampleFn<ChipInputProps> = ({ action }) => ({
-    containerStyle: { width: '100%' },
-    render: ({ props, Component }) => {
-        return <Component {...props} onClick={() => action('ChipInput clicked!')} />;
-    },
-    presets,
-});

package/src/components/ChipInput/index.tsx

@@ -1 +0,0 @@
-export * from './ChipInput';

package/src/components/ChipSuggestion/ChipSuggestion.rtl.test.tsx

@@ -1,19 +0,0 @@
-import { ChipSuggestion } from './ChipSuggestion';
-import { presets } from './ChipSuggestionExample';
-import { hasNoBasicA11yIssues } from '-/rtl/hasNoBasicA11yIssues';
-import { render } from '-/rtl/util';
-
-describe('ChipSuggestion (RTL)', () => {
-    presets.forEach((preset) => {
-        it(
-            `has no basic a11y issues - ${preset.label}`,
-            hasNoBasicA11yIssues(<ChipSuggestion {...preset.propState} />),
-        );
-    });
-
-    it('renders', () => {
-        const { getByText } = render(<ChipSuggestion {...presets[0].propState} />);
-
-        expect(getByText('chip option')).toBeInTheDocument();
-    });
-});