@workday/canvas-kit-preview-react 16.1.6 → 16.1.8

package/dist/es6/tabs/lib/useTabsModel.js

@@ -1,122 +0,0 @@
-import React from 'react';
-import { defaultGetId, useListModel, useOverflowListModel, } from '@workday/canvas-kit-react/collection';
-import { createModelHook, useModalityType } from '@workday/canvas-kit-react/common';
-import { useMenuModel } from '@workday/canvas-kit-react/menu';
-/**
- * The TabsModel extends the [Collection
- * System](/get-started/for-developers/guides/collection-api/). Tabs have tab items and
- * panels. Tabs can be overflowed if there isn't enough room to render and will overflow to a
- * {@link MenuModel} sub-model.
- *
- * ```tsx
- * const model = useTabsModel({
- *   onSelect(data) {
- *     console.log('Selected Tab', data)
- *   }
- * })
- *
- * <Tabs model={model}>{Tabs child components}</Tabs>
- * ```
- */
-export const useTabsModel = createModelHook({
-    defaultConfig: {
-        ...useOverflowListModel.defaultConfig,
-        /**
-         * Optional id for the whole `Tabs` group. The `aria-controls` of the `Tab.Item` and `id` of the
-         * `Tab.Panel` will automatically be derived from this id. If not provided, a unique id will be
-         * created.
-         * @default useUniqueId()
-         */
-        id: '',
-        /**
-         * An initially selected tab. This value must match the `name` of the `Tab.Item` component. If
-         * not provided, the first tab will be selected.
-         */
-        initialTab: '',
-        /**
-         * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
-         * the sub-components could be replaced to handle vertical orientations.
-         * @default 'horizontal'
-         */
-        orientation: 'horizontal',
-        /**
-         * The variant of the Tabs.
-         * @default 'filled'
-         */
-        variant: 'filled',
-        menuConfig: {},
-    },
-    requiredConfig: useOverflowListModel.requiredConfig,
-    contextOverride: useOverflowListModel.Context,
-})(config => {
-    var _a;
-    const initialSelectedRef = React.useRef(config.initialTab);
-    const getId = config.getId || defaultGetId;
-    const modality = useModalityType();
-    const model = useOverflowListModel(useOverflowListModel.mergeConfig(config, {
-        shouldCalculateOverflow: modality !== 'touch',
-        orientation: config.orientation || 'horizontal',
-        onRegisterItem(data) {
-            if (!initialSelectedRef.current) {
-                initialSelectedRef.current = data.id;
-                events.select({ id: initialSelectedRef.current });
-            }
-        },
-        initialSelectedIds: config.initialTab
-            ? [config.initialTab]
-            : ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length)
-                ? [getId(config.items[0])]
-                : [],
-        shouldVirtualize: false,
-    }));
-    const panels = useListModel();
-    const state = {
-        ...model.state,
-        getId,
-        orientation: config.orientation || 'horizontal',
-        /**
-         * A list of panels. Uses `ListModel`
-         */
-        panels: panels.state.items,
-        /**
-         * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
-         * React state cycle to ensure accurate index tracking as items are registered within the same
-         * state setting phase.
-         */
-        panelIndexRef: panels.state.indexRef,
-        variant: config.variant || 'filled',
-    };
-    const overflowItems = React.useMemo(() => config.items ? config.items.filter(item => state.hiddenIds.includes(getId(item))) : undefined, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [state.hiddenIds, config.items]);
-    const events = {
-        ...model.events,
-        /**
-         * This event registers panels with state.panels. Called when a panel is mounted.
-         */
-        registerPanel: panels.events.registerItem,
-        /**
-         * This event unregisters panels with state.panels. Called when a panel is unmounted.
-         */
-        unregisterPanel: panels.events.unregisterItem,
-    };
-    const menu = useMenuModel(useMenuModel.mergeConfig(config.menuConfig, {
-        id: `menu-${model.state.id}`,
-        items: overflowItems,
-        nonInteractiveIds: state.nonInteractiveIds.filter(key => !state.hiddenIds.includes(key)),
-        onSelect(data) {
-            menu.events.hide();
-            events.select(data);
-        },
-        onShow() {
-            // Always select the first item when the menu is opened
-            menu.events.goToFirst();
-        },
-    }));
-    return {
-        ...model,
-        state,
-        events,
-        menu,
-    };
-});

package/dist/es6/version/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../version/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/es6/version/lib/version.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../version/lib/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAAoB,CAAC"}

package/dist/es6/version/lib/version.js

@@ -1 +0,0 @@
-export const version = '16.1.6';