@workday/canvas-kit-preview-react 8.0.0-alpha.238-next.9 → 8.0.0-alpha.240-next.11

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,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3B,CAAC"}

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

@@ -43,11 +43,6 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
     state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        nonInteractiveIds: never[];
-        hiddenIds: never[];
-        itemWidthCache: Record<string, number>;
-        containerWidth: number;
-        overflowTargetWidth: number;
         selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
         unselectedIds: string[];
         cursorId: string;
@@ -67,6 +62,7 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
         id: string;
         orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
@@ -74,25 +70,6 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
         select(data: {
             id: string;
         }): void;
-        setContainerWidth(data: {
-            width?: number | undefined;
-        }): void;
-        setOverflowTargetWidth(data: {
-            width: number;
-        }): void;
-        addItemWidth(data: {
-            id: string;
-            width: number;
-        }): void;
-        removeItemWidth(data: {
-            id: string;
-        }): void;
-        addHiddenKey(data: {
-            id: string;
-        }): void;
-        removeHiddenKey(data: {
-            id: string;
-        }): void;
         selectAll(): void;
         unselectAll(): void;
         registerItem(data: {

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAEL,oBAAoB,EAIrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AA0FD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;+BA7G/B;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIH,CAAC"}
+{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAEL,oBAAoB,EAIrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AA0FD,eAAO,MAAM,oBAAoB;;;;;;;;;;+BA7G/B;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIH,CAAC"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-react/layout';
-export interface SegmentedControlListProps<T = any> extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
+import { Grid } from '@workday/canvas-kit-react/layout';
+export interface SegmentedControlListProps<T = any> extends Omit<Partial<ExtractProps<typeof Grid, never>>, 'children'> {
     'aria-label': string;
     children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
@@ -9,11 +9,6 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
     state: {
         disabled: boolean;
         size: "small" | "medium" | "large";
-        nonInteractiveIds: never[];
-        hiddenIds: never[];
-        itemWidthCache: Record<string, number>;
-        containerWidth: number;
-        overflowTargetWidth: number;
         selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
         unselectedIds: string[];
         cursorId: string;
@@ -30,6 +25,7 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
         id: string;
         orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
         isVirtualized: boolean;
         items: import("@workday/canvas-kit-react/collection").Item<any>[];
     };
@@ -37,25 +33,6 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
         select(data: {
             id: string;
         }): void;
-        setContainerWidth(data: {
-            width?: number | undefined;
-        }): void;
-        setOverflowTargetWidth(data: {
-            width: number;
-        }): void;
-        addItemWidth(data: {
-            id: string;
-            width: number;
-        }): void;
-        removeItemWidth(data: {
-            id: string;
-        }): void;
-        addHiddenKey(data: {
-            id: string;
-        }): void;
-        removeHiddenKey(data: {
-            id: string;
-        }): void;
         selectAll(): void;
         unselectAll(): void;
         registerItem(data: {

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,KAAK,EAAC,MAAM,kCAAkC,CAAC;AAIvD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,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;AAYD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}

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

@@ -48,11 +48,13 @@ 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) {
-    var _b = _a.state, orientation = _b.orientation, disabled = _b.disabled;
-    return {
-        flexDirection: orientation === 'vertical' ? 'column' : 'row',
-        opacity: disabled ? 0.4 : 1,
-    };
+    var _b;
+    var _c = _a.state, orientation = _c.orientation, disabled = _c.disabled, items = _c.items;
+    var directionName = orientation === 'vertical' ? 'Row' : 'Column';
+    return _b = {},
+        _b["gridTemplate" + directionName + "s"] = "repeat(" + items.length + ", 1fr)",
+        _b.opacity = disabled ? 0.4 : undefined,
+        _b;
 });
 exports.SegmentedControlList = common_1.createSubcomponent('div')({
     displayName: 'SegmentedControl.List',
@@ -60,5 +62,5 @@ exports.SegmentedControlList = common_1.createSubcomponent('div')({
     elemPropsHook: useSegmentedControlList,
 })(function (_a, Element, model) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(layout_1.Stack, __assign({ as: Element, display: "inline-flex", role: "group", backgroundColor: "soap200", border: "1px solid transparent", borderColor: "licorice200", borderRadius: "l", spacing: "xxs", padding: "3px" }, elemProps), collection_1.useListRenderItems(model, 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.map

@@ -1 +1 @@
-{"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0DnC,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BnC,CAAC"}

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

@@ -4,41 +4,20 @@ exports.useSegmentedControlItem = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
 var collection_1 = require("@workday/canvas-kit-react/collection");
 var useSegmentedControlModel_1 = require("./useSegmentedControlModel");
-exports.useSegmentedControlItem = common_1.composeHooks(collection_1.useListItemSelect, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (model, ref, elemProps) {
+exports.useSegmentedControlItem = common_1.composeHooks(collection_1.useListItemSelect, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (model, _, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
-    var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
     var name = elemProps['data-id'] || '';
-    var id = model.state.id + "-" + name;
-    common_1.useMountLayout(function () {
-        if (localRef.current) {
-            var styles = getComputedStyle(localRef.current);
-            model.events.addItemWidth({
-                id: name,
-                width: localRef.current.offsetWidth +
-                    parseFloat(styles.marginLeft) +
-                    parseFloat(styles.marginRight),
-            });
-        }
-        return function () {
-            model.events.removeItemWidth({ id: name });
-        };
-    });
     var selected = !!name && collection_1.isSelected(name, model.state);
-    var longest = Object.keys(model.state.itemWidthCache)
-        .map(function (e) { return model.state.itemWidthCache[e]; })
-        .sort(function (a, b) { return (a < b ? 1 : -1); })[0];
     return {
-        ref: elementRef,
-        id: id,
+        id: model.state.id + "-" + name,
         'aria-pressed': selected,
-        disabled: model.state.disabled || undefined,
-        width: elemProps.children && longest + "px",
     };
-}), collection_1.useListItemRegister, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a, _ref, elemProps) {
+}), collection_1.useListItemRegister, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a) {
     var state = _a.state;
-    if (elemProps === void 0) { elemProps = {}; }
     return {
         // override the default disabled functionality of `useListItemRegister`
-        disabled: elemProps.disabled || state.disabled ? true : undefined,
+        // it shouldn't allow to set disabled state only for one button
+        // state prop will disable the whole container
+        disabled: state.disabled ? true : undefined,
     };
 }));