@workday/canvas-kit-preview-react 9.0.0-alpha.338-next.5 → 9.0.0-alpha.344-next.3

package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts

@@ -2,12 +2,32 @@ import React from 'react';
 export interface SegmentedControlProps {
     children: React.ReactNode;
 }
+/**
+ * `SegmentedControl` is a container component that is responsible for creating a
+ * {@link SegmentedControlModel} and sharing it with its subcomponents using React context. It does
+ * not represent a real element.
+ *
+ * ```tsx
+ * <SegmentedControl items={[]}>{Child components}</SegmentedControl>
+ * ```
+ *
+ * Alternatively, you may pass in a model using the [hoisted model
+ * pattern](/getting-started/for-developers/resources/compound-components/#configuring-a-model).
+ *
+ * ```tsx
+ * const model = useSegmentedControlModel({
+ *   items: [],
+ * });
+ *
+ * <SegmentedControl model={model}>{Child components}</SegmentedControl>;
+ * ```
+ */
 export declare const SegmentedControl: import("@workday/canvas-kit-react/common").ComponentM<SegmentedControlProps & Partial<{
     id: string;
     initialValue: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    orientation: "horizontal" | "vertical";
+    orientation: import("@workday/canvas-kit-react/collection/lib/useBaseListModel").Orientation;
     initialSelectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
@@ -26,7 +46,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -49,7 +69,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onSelectAll?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -72,7 +92,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onUnselectAll?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -98,7 +118,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -123,7 +143,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -146,7 +166,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToNext?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -169,7 +189,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToPrevious?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -192,7 +212,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToPreviousRow?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -215,7 +235,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToNextRow?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -238,7 +258,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToFirst?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -261,7 +281,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToLast?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -284,7 +304,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToFirstOfRow?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -307,7 +327,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToLastOfRow?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -330,7 +350,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToNextPage?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -353,7 +373,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     onGoToPreviousPage?: ((data: undefined, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -378,7 +398,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -403,7 +423,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, prevState: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -429,7 +449,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -452,7 +472,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldSelectAll?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -475,7 +495,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldUnselectAll?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -501,7 +521,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -526,7 +546,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -549,7 +569,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToNext?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -572,7 +592,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToPrevious?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -595,7 +615,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToPreviousRow?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -618,7 +638,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToNextRow?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -641,7 +661,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToFirst?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -664,7 +684,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToLast?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -687,7 +707,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToFirstOfRow?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -710,7 +730,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToLastOfRow?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -733,7 +753,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToNextPage?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -756,7 +776,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     shouldGoToPreviousPage?: ((data: undefined, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -781,7 +801,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -806,7 +826,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     }, state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -830,7 +850,7 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -884,11 +904,19 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
     navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }> & {
+    /**
+     * `SegmentedControl.List` renders {@link Grid} under the hood. It is a container for
+     * {@link SegmentedControlItem SegmentedControl.Item} subcomponents.
+     *
+     * ```tsx
+     * <SegmentedControl.List>{SegmentedControl.Items}</SegmentedControl.List>
+     * ```
+     */
     List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./SegmentedControlList").SegmentedControlListProps<any>, {
         state: {
             disabled: boolean;
             size: "small" | "medium" | "large";
-            selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -942,11 +970,19 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
         navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
     }>;
+    /**
+     * `SegmentedControl.Item` is a `button` element built on `BaseButton`. `SegmentedControl.Item`
+     * has a `data-id` prop to handle `onSelect` properly.
+     *
+     * ```tsx
+     * <SegmentedControl.Item data-id="table">Table</SegmentedControl.Item>
+     * ```
+     */
     Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./SegmentedControlItem").ItemProps, {
         state: {
             disabled: boolean;
             size: "small" | "medium" | "large";
-            selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;

package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3B,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIzB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControl.js

@@ -9,11 +9,47 @@ var common_1 = require("@workday/canvas-kit-react/common");
 var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
 var SegmentedControlList_1 = require("./SegmentedControlList");
 var SegmentedControlItem_1 = require("./SegmentedControlItem");
+/**
+ * `SegmentedControl` is a container component that is responsible for creating a
+ * {@link SegmentedControlModel} and sharing it with its subcomponents using React context. It does
+ * not represent a real element.
+ *
+ * ```tsx
+ * <SegmentedControl items={[]}>{Child components}</SegmentedControl>
+ * ```
+ *
+ * Alternatively, you may pass in a model using the [hoisted model
+ * pattern](/getting-started/for-developers/resources/compound-components/#configuring-a-model).
+ *
+ * ```tsx
+ * const model = useSegmentedControlModel({
+ *   items: [],
+ * });
+ *
+ * <SegmentedControl model={model}>{Child components}</SegmentedControl>;
+ * ```
+ */
 exports.SegmentedControl = common_1.createContainer()({
     displayName: 'SegmentedControl',
     modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
     subComponents: {
+        /**
+         * `SegmentedControl.List` renders {@link Grid} under the hood. It is a container for
+         * {@link SegmentedControlItem SegmentedControl.Item} subcomponents.
+         *
+         * ```tsx
+         * <SegmentedControl.List>{SegmentedControl.Items}</SegmentedControl.List>
+         * ```
+         */
         List: SegmentedControlList_1.SegmentedControlList,
+        /**
+         * `SegmentedControl.Item` is a `button` element built on `BaseButton`. `SegmentedControl.Item`
+         * has a `data-id` prop to handle `onSelect` properly.
+         *
+         * ```tsx
+         * <SegmentedControl.Item data-id="table">Table</SegmentedControl.Item>
+         * ```
+         */
         Item: SegmentedControlItem_1.SegmentedControlItem,
     },
 })(function (_a) {

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts

@@ -43,7 +43,7 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
     state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;

package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts

@@ -5,11 +5,74 @@ export interface SegmentedControlListProps<T = any> extends Omit<Partial<Extract
     'aria-label': string;
     children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
+export declare const useSegmentedControlList: <P extends {}, R>(model: {
+    state: {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        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;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): 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;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {
+    [x: string]: string | number | undefined;
+    opacity: number | undefined;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 export declare const SegmentedControlList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", SegmentedControlListProps<any>, {
     state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;

package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAItD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAYD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}
+{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAItD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAQnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControlList.js

@@ -41,13 +41,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentedControlList = void 0;
+exports.SegmentedControlList = exports.useSegmentedControlList = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var layout_1 = require("@workday/canvas-kit-react/layout");
 var collection_1 = require("@workday/canvas-kit-react/collection");
 var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-var useSegmentedControlList = common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a) {
+exports.useSegmentedControlList = common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a) {
     var _b;
     var _c = _a.state, orientation = _c.orientation, disabled = _c.disabled, items = _c.items;
     var directionName = orientation === 'vertical' ? 'Row' : 'Column';
@@ -59,7 +59,7 @@ var useSegmentedControlList = common_1.createElemPropsHook(useSegmentedControlMo
 exports.SegmentedControlList = common_1.createSubcomponent('div')({
     displayName: 'SegmentedControl.List',
     modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
-    elemPropsHook: useSegmentedControlList,
+    elemPropsHook: exports.useSegmentedControlList,
 })(function (_a, Element, model) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);
     return (React.createElement(layout_1.Grid, __assign({ as: Element, display: "inline-grid", role: "group", backgroundColor: "soap200", border: "1px solid transparent", borderColor: "licorice200", borderRadius: "l", padding: "3px", gridGap: "xxs" }, elemProps), collection_1.useListRenderItems(model, children)));

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export declare const useSegmentedControlItem: <P extends {}, R>(model: {
     state: {
-        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -54,7 +54,7 @@ export declare const useSegmentedControlItem: <P extends {}, R>(model: {
     selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
     navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+}, elemProps?: P | undefined, ref?: React.Ref<R> | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
     ref: React.Ref<R>;
 } : {});
 //# sourceMappingURL=useSegmentedControlItem.d.ts.map