@workday/canvas-kit-react 15.0.0-alpha.0010-next.0 → 15.0.0-alpha.0023-next.0

package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts

@@ -0,0 +1,140 @@
+import * as React from 'react';
+export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/common").BehaviorHook<{
+    state: {
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string | string[];
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        setSelectedIds(ids: string[] | "all"): void;
+        remove(data: {
+            id: string;
+            nextId?: string | undefined;
+            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        registerItem(data: {
+            id: string;
+            textValue: string;
+        }): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("@workday/canvas-kit-react/collection").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+    getId: (item: any) => string;
+    getTextValue: (item: any) => string;
+    UNSTABLE_parentModel: {
+        state: {
+            selectedIds: string[] | "all";
+            unselectedIds: string[];
+            cursorId: string | string[];
+            columnCount: number;
+            pageSizeRef: React.MutableRefObject<number>;
+            cursorIndexRef: {
+                readonly current: number;
+            };
+            UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
+            UNSTABLE_defaultItemHeight: number;
+            containerRef: React.RefObject<HTMLDivElement>;
+            id: string;
+            orientation: "horizontal" | "vertical";
+            indexRef: React.MutableRefObject<number>;
+            nonInteractiveIds: string[];
+            isVirtualized: boolean;
+            items: import("@workday/canvas-kit-react/collection").Item<any>[];
+        };
+        events: {
+            select(data: {
+                id: string;
+            }): void;
+            selectAll(): void;
+            unselectAll(): void;
+            setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
+            goTo(data: {
+                id: string;
+            }): void;
+            goToNext(): void;
+            goToPrevious(): void;
+            goToPreviousRow(): void;
+            goToNextRow(): void;
+            goToFirst(): void;
+            goToLast(): void;
+            goToFirstOfRow(): void;
+            goToLastOfRow(): void;
+            goToNextPage(): void;
+            goToPreviousPage(): void;
+            registerItem(data: {
+                id: string;
+                textValue: string;
+            }): void;
+            unregisterItem(data: {
+                id: string;
+            }): void;
+            updateItemHeight(data: {
+                value: number;
+            }): void;
+        };
+        selection: import("@workday/canvas-kit-react/collection").SelectionManager;
+        navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
+        getId: (item: any) => string;
+        getTextValue: (item: any) => string;
+    } | undefined;
+}, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly id: `${string}-${string}`;
+    readonly 'aria-pressed': boolean;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly ref: (instance: Element | null | undefined) => void;
+    readonly 'data-id': string;
+    readonly disabled: true | undefined;
+    readonly 'aria-setsize': number | undefined;
+    readonly 'aria-posinset': number | undefined;
+    readonly 'data-index': number | undefined;
+    readonly style: React.CSSProperties;
+    readonly id: string;
+}, import("@workday/canvas-kit-react/common").MergeProps<{
+    readonly disabled: true | undefined;
+}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
+//# sourceMappingURL=useSegmentedControlItem.d.ts.map

package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iIAsBnC,CAAC"}

package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.js

@@ -0,0 +1,18 @@
+import { createElemPropsHook, composeHooks } from '@workday/canvas-kit-react/common';
+import { useListItemRegister, isSelected, useListItemSelect, } from '@workday/canvas-kit-react/collection';
+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,
+    };
+}));