@workday/canvas-kit-react/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.js

The parent module that contains all Workday Canvas Kit React components

import { isSelected, useListItemRegister, useListItemSelect, } from '@workday/canvas-kit-react/collection';
import { composeHooks, createElemPropsHook } from '@workday/canvas-kit-react/common';
import { useSegmentedControlModel } from './useSegmentedControlModel';
export const useSegmentedControlItem = composeHooks(useListItemSelect, createElemPropsHook(useSegmentedControlModel)((model, _, elemProps = {}) => {
    const name = elemProps['data-id'] || '';
    const selected = !!name && isSelected(name, model.state);
    return {
        id: `${model.state.id}-${name}`,
        'aria-pressed': selected,
    };
}), useListItemRegister, createElemPropsHook(useSegmentedControlModel)(({ state }) => {
    return {
        // override the default disabled functionality of `useListItemRegister`
        // it shouldn't allow to set disabled state only for one button
        // state prop will disable the whole container
        disabled: state.disabled ? true : undefined,
    };
}));