@workday/canvas-kit-react/dist/commonjs/collection/lib/useListItemAllowChildStrings.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useListItemAllowChildStrings = void 0;
const common_1 = require("@workday/canvas-kit-react/common");
const collection_1 = require("@workday/canvas-kit-react/collection");
/**
 * This elemProps hook allows for children values to be considered identifiers if the children are
 * strings. This can be useful for autocomplete or select components that allow string values. This
 * hook must be passed _after_ {@link useListItemRegister} because this hook sets the `data-id`
 * attribute if one hasn't been defined by the application.
 *
 * An example might look like:
 *
 * ```tsx
 * const useMyListItem = composeHooks(
 *   // any other hooks here
 *   useListItemSelect,
 *   useListItemRegister,
 *   useListItemAllowChildStrings // always the last in the list
 * )
 *
 *
 * <MyList onSelect={({id}) => {
 *   console.log(id) // will be "First" or "Second"
 * }}>
 *   <MyList.Item>First</MyList.Item>
 *   <MyList.Item>Second</MyList.Item>
 * </MyList>
 * ```
 */
exports.useListItemAllowChildStrings = (0, common_1.createElemPropsHook)(collection_1.useListModel)((_, __, elemProps = {}) => {
    const props = {};
    if (!elemProps['data-id'] && !elemProps.item && typeof elemProps.children === 'string') {
        props['data-id'] = elemProps.children;
    }
    return props;
});