@fluentui/react-table 9.2.1 → 9.2.3

package/lib-amd/components/TableCellActions/useTableCellActions.js

@@ -1,26 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableCellActions_unstable = void 0;
-    /**
-     * Create the state required to render TableCellActions.
-     *
-     * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,
-     * before being passed to renderTableCellActions_unstable.
-     *
-     * @param props - props from this instance of TableCellActions
-     * @param ref - reference to root HTMLElement of TableCellActions
-     */
-    var useTableCellActions_unstable = function (props, ref) {
-        var _a;
-        return {
-            components: {
-                root: 'div',
-            },
-            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref }, props)),
-            visible: (_a = props.visible) !== null && _a !== void 0 ? _a : false,
-        };
-    };
-    exports.useTableCellActions_unstable = useTableCellActions_unstable;
-});
-//# sourceMappingURL=useTableCellActions.js.map

package/lib-amd/components/TableCellActions/useTableCellActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableCellActions.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellActions/useTableCellActions.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;OAQG;IACI,IAAM,4BAA4B,GAAG,UAC1C,KAA4B,EAC5B,GAA2B;;QAE3B,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;YACD,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,KAAA,IACA,KAAK,EACR;YACF,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK;SAChC,CAAC;IACJ,CAAC,CAAC;IAdW,QAAA,4BAA4B,gCAcvC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableCellActionsProps, TableCellActionsState } from './TableCellActions.types';\n\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */\nexport const useTableCellActions_unstable = (\n  props: TableCellActionsProps,\n  ref: React.Ref<HTMLElement>,\n): TableCellActionsState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    visible: props.visible ?? false,\n  };\n};\n"]}

package/lib-amd/components/TableCellActions/useTableCellActionsStyles.js

@@ -1,35 +0,0 @@
-define(["require", "exports", "@griffel/react"], function (require, exports, react_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableCellActionsStyles_unstable = exports.tableCellActionsClassNames = void 0;
-    exports.tableCellActionsClassNames = {
-        root: 'fui-TableCellActions',
-    };
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_1.makeStyles({
-        root: {
-            backgroundColor: 'inherit',
-            position: 'absolute',
-            right: '0px',
-            top: '50%',
-            transform: 'translateY(-50%)',
-            opacity: 0,
-            marginLeft: 'auto',
-        },
-        visible: {
-            opacity: 1,
-        },
-    });
-    /**
-     * Apply styling to the TableCellActions slots based on the state
-     */
-    var useTableCellActionsStyles_unstable = function (state) {
-        var styles = useStyles();
-        state.root.className = react_1.mergeClasses(exports.tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);
-        return state;
-    };
-    exports.useTableCellActionsStyles_unstable = useTableCellActionsStyles_unstable;
-});
-//# sourceMappingURL=useTableCellActionsStyles.js.map

package/lib-amd/components/TableCellActions/useTableCellActionsStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableCellActionsStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellActions/useTableCellActionsStyles.ts"],"names":[],"mappings":";;;;IAIa,QAAA,0BAA0B,GAA0C;QAC/E,IAAI,EAAE,sBAAsB;KAC7B,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,eAAe,EAAE,SAAS;YAC1B,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,kBAAkB;YAC7B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,MAAM;SACnB;QAED,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;SACX;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,kCAAkC,GAAG,UAAC,KAA4B;QAC7E,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,kCAA0B,CAAC,IAAI,EAC/B,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAVW,QAAA,kCAAkC,sCAU7C","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TableCellActionsSlots, TableCellActionsState } from './TableCellActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellActionsClassNames: SlotClassNames<TableCellActionsSlots> = {\n  root: 'fui-TableCellActions',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: 'inherit',\n    position: 'absolute',\n    right: '0px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    opacity: 0,\n    marginLeft: 'auto',\n  },\n\n  visible: {\n    opacity: 1,\n  },\n});\n\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = (state: TableCellActionsState): TableCellActionsState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    tableCellActionsClassNames.root,\n    styles.root,\n    state.visible && styles.visible,\n    state.root.className,\n  );\n\n  return state;\n};\n"]}

package/lib-amd/components/TableCellLayout/TableCellLayout.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useTableCellLayout", "./renderTableCellLayout", "./useTableCellLayoutStyles", "./useTableCellLayoutContextValues", "@fluentui/react-shared-contexts"], function (require, exports, React, useTableCellLayout_1, renderTableCellLayout_1, useTableCellLayoutStyles_1, useTableCellLayoutContextValues_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TableCellLayout = void 0;
-    /**
-     * TableCellLayout component
-     */
-    exports.TableCellLayout = React.forwardRef(function (props, ref) {
-        var state = useTableCellLayout_1.useTableCellLayout_unstable(props, ref);
-        useTableCellLayoutStyles_1.useTableCellLayoutStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTableCellLayoutStyles_unstable;
-        useCustomStyles(state);
-        return renderTableCellLayout_1.renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_1.useTableCellLayoutContextValues_unstable(state));
-    });
-    exports.TableCellLayout.displayName = 'TableCellLayout';
-});
-//# sourceMappingURL=TableCellLayout.js.map

package/lib-amd/components/TableCellLayout/TableCellLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellLayout.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx"],"names":[],"mappings":";;;;IASA;;OAEG;IACU,QAAA,eAAe,GAA8C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACpG,IAAM,KAAK,GAAG,gDAA2B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEtD,4DAAiC,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAmC,eAAe,GAAK,oDAA4B,EAAE,kCAAnC,CAAoC;QAC9F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,sDAA8B,CAAC,KAAK,EAAE,0EAAwC,CAAC,KAAK,CAAC,CAAC,CAAC;IAChG,CAAC,CAAC,CAAC;IAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableCellLayout_unstable } from './useTableCellLayout';\nimport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nimport { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles';\nimport { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues';\nimport type { TableCellLayoutProps } from './TableCellLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellLayout component\n */\nexport const TableCellLayout: ForwardRefComponent<TableCellLayoutProps> = React.forwardRef((props, ref) => {\n  const state = useTableCellLayout_unstable(props, ref);\n\n  useTableCellLayoutStyles_unstable(state);\n\n  const { useTableCellLayoutStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\n\nTableCellLayout.displayName = 'TableCellLayout';\n"]}

package/lib-amd/components/TableCellLayout/TableCellLayout.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=TableCellLayout.types.js.map

package/lib-amd/components/TableCellLayout/TableCellLayout.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellLayout.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AvatarSize } from '@fluentui/react-avatar';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableCellLayoutContextValues = {\n  avatar: {\n    size?: AvatarSize;\n  };\n};\n\nexport type TableCellLayoutSlots = {\n  root: Slot<'div'>;\n\n  /**\n   * Slot for an icon or other visual element\n   */\n  media: Slot<'span'>;\n\n  /**\n   * Main text for the table cell. Children of the root slot are automatically rendered here\n   */\n  main: Slot<'span'>;\n\n  /**\n   * Secondary text that describes or complements the main text\n   */\n  description: Slot<'span'>;\n\n  /**\n   * A layout wrapper for the main and description slots\n   */\n  content: Slot<'div'>;\n};\n\n/**\n * TableCellLayout Props\n */\nexport type TableCellLayoutProps = ComponentProps<Partial<TableCellLayoutSlots>> & {\n  /**\n   * Renders design variants of the table cell\n   * @default undefined\n   */\n  appearance?: 'primary';\n\n  /**\n   * Renders content with overflow: hidden and text-overflow: ellipsis\n   */\n  truncate?: boolean;\n};\n\n/**\n * State used in rendering TableCellLayout\n */\nexport type TableCellLayoutState = ComponentState<TableCellLayoutSlots> &\n  Pick<TableCellLayoutProps, 'appearance' | 'truncate'> & { avatarSize: AvatarSize | undefined } & Pick<\n    TableContextValue,\n    'size'\n  >;\n"]}

package/lib-amd/components/TableCellLayout/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./TableCellLayout", "./TableCellLayout.types", "./renderTableCellLayout", "./useTableCellLayout", "./useTableCellLayoutStyles"], function (require, exports, tslib_1, TableCellLayout_1, TableCellLayout_types_1, renderTableCellLayout_1, useTableCellLayout_1, useTableCellLayoutStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(TableCellLayout_1, exports);
-    tslib_1.__exportStar(TableCellLayout_types_1, exports);
-    tslib_1.__exportStar(renderTableCellLayout_1, exports);
-    tslib_1.__exportStar(useTableCellLayout_1, exports);
-    tslib_1.__exportStar(useTableCellLayoutStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/TableCellLayout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/index.ts"],"names":[],"mappings":";;;IAAA,iDAAkC;IAClC,uDAAwC;IACxC,uDAAwC;IACxC,oDAAqC;IACrC,0DAA2C","sourcesContent":["export * from './TableCellLayout';\nexport * from './TableCellLayout.types';\nexport * from './renderTableCellLayout';\nexport * from './useTableCellLayout';\nexport * from './useTableCellLayoutStyles';\n"]}

package/lib-amd/components/TableCellLayout/renderTableCellLayout.js

@@ -1,19 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "@fluentui/react-avatar"], function (require, exports, tslib_1, React, react_utilities_1, react_avatar_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderTableCellLayout_unstable = void 0;
-    /**
-     * Render the final JSX of TableCellLayout
-     */
-    var renderTableCellLayout_unstable = function (state, contextValues) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            slots.media && (React.createElement(react_avatar_1.AvatarContextProvider, { value: contextValues.avatar },
-                React.createElement(slots.media, tslib_1.__assign({}, slotProps.media)))),
-            slots.content && (React.createElement(slots.content, tslib_1.__assign({}, slotProps.content),
-                slots.main && React.createElement(slots.main, tslib_1.__assign({}, slotProps.main), slotProps.root.children),
-                slots.description && React.createElement(slots.description, tslib_1.__assign({}, slotProps.description))))));
-    };
-    exports.renderTableCellLayout_unstable = renderTableCellLayout_unstable;
-});
-//# sourceMappingURL=renderTableCellLayout.js.map

package/lib-amd/components/TableCellLayout/renderTableCellLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderTableCellLayout.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/renderTableCellLayout.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA2B,EAC3B,aAA2C;QAErC,IAAA,KAAuB,0BAAQ,CAAuB,KAAK,CAAC,EAA1D,KAAK,WAAA,EAAE,SAAS,eAA0C,CAAC;QAEnE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,oCAAqB,IAAC,KAAK,EAAE,aAAa,CAAC,MAAM;gBAChD,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACd,CACzB;YACA,KAAK,CAAC,OAAO,IAAI,CAChB,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO;gBACjC,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAc;gBACpF,KAAK,CAAC,WAAW,IAAI,oBAAC,KAAK,CAAC,WAAW,uBAAK,SAAS,CAAC,WAAW,EAAI,CACxD,CACjB,CACU,CACd,CAAC;IACJ,CAAC,CAAC;IArBW,QAAA,8BAA8B,kCAqBzC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\nimport type { TableCellLayoutState, TableCellLayoutSlots, TableCellLayoutContextValues } from './TableCellLayout.types';\n\n/**\n * Render the final JSX of TableCellLayout\n */\nexport const renderTableCellLayout_unstable = (\n  state: TableCellLayoutState,\n  contextValues: TableCellLayoutContextValues,\n) => {\n  const { slots, slotProps } = getSlots<TableCellLayoutSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.media && (\n        <AvatarContextProvider value={contextValues.avatar}>\n          <slots.media {...slotProps.media} />\n        </AvatarContextProvider>\n      )}\n      {slots.content && (\n        <slots.content {...slotProps.content}>\n          {slots.main && <slots.main {...slotProps.main}>{slotProps.root.children}</slots.main>}\n          {slots.description && <slots.description {...slotProps.description} />}\n        </slots.content>\n      )}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/TableCellLayout/useTableCellLayout.js

@@ -1,42 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "../../contexts/tableContext"], function (require, exports, tslib_1, react_utilities_1, tableContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableCellLayout_unstable = void 0;
-    var tableAvatarSizeMap = {
-        medium: 32,
-        small: 24,
-        'extra-small': 20,
-    };
-    /**
-     * Create the state required to render TableCellLayout.
-     *
-     * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,
-     * before being passed to renderTableCellLayout_unstable.
-     *
-     * @param props - props from this instance of TableCellLayout
-     * @param ref - reference to root HTMLElement of TableCellLayout
-     */
-    var useTableCellLayout_unstable = function (props, ref) {
-        var size = tableContext_1.useTableContext().size;
-        return {
-            components: {
-                root: 'div',
-                main: 'span',
-                description: 'span',
-                content: 'div',
-                media: 'span',
-            },
-            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref }, props)),
-            appearance: props.appearance,
-            truncate: props.truncate,
-            main: react_utilities_1.resolveShorthand(props.main, { required: true }),
-            media: react_utilities_1.resolveShorthand(props.media),
-            description: react_utilities_1.resolveShorthand(props.description),
-            content: react_utilities_1.resolveShorthand(props.content, { required: !!props.description || !!props.children }),
-            avatarSize: tableAvatarSizeMap[size],
-            size: size,
-        };
-    };
-    exports.useTableCellLayout_unstable = useTableCellLayout_unstable;
-});
-//# sourceMappingURL=useTableCellLayout.js.map

package/lib-amd/components/TableCellLayout/useTableCellLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableCellLayout.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayout.ts"],"names":[],"mappings":";;;;IAKA,IAAM,kBAAkB,GAAG;QACzB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,aAAa,EAAE,EAAE;KACT,CAAC;IAEX;;;;;;;;OAQG;IACI,IAAM,2BAA2B,GAAG,UACzC,KAA2B,EAC3B,GAA2B;QAEnB,IAAA,IAAI,GAAK,8BAAe,EAAE,KAAtB,CAAuB;QAEnC,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,MAAM;gBACnB,OAAO,EAAE,KAAK;gBACd,KAAK,EAAE,MAAM;aACd;YACD,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAAI,GAAG,KAAA,IAAK,KAAK,EAAG;YACrD,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,IAAI,EAAE,kCAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YACtD,KAAK,EAAE,kCAAgB,CAAC,KAAK,CAAC,KAAK,CAAC;YACpC,WAAW,EAAE,kCAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;YAChD,OAAO,EAAE,kCAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC/F,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC;YACpC,IAAI,MAAA;SACL,CAAC;IACJ,CAAC,CAAC;IAxBW,QAAA,2BAA2B,+BAwBtC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { TableCellLayoutProps, TableCellLayoutState } from './TableCellLayout.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\nconst tableAvatarSizeMap = {\n  medium: 32,\n  small: 24,\n  'extra-small': 20,\n} as const;\n\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */\nexport const useTableCellLayout_unstable = (\n  props: TableCellLayoutProps,\n  ref: React.Ref<HTMLElement>,\n): TableCellLayoutState => {\n  const { size } = useTableContext();\n\n  return {\n    components: {\n      root: 'div',\n      main: 'span',\n      description: 'span',\n      content: 'div',\n      media: 'span',\n    },\n    root: getNativeElementProps('div', { ref, ...props }),\n    appearance: props.appearance,\n    truncate: props.truncate,\n    main: resolveShorthand(props.main, { required: true }),\n    media: resolveShorthand(props.media),\n    description: resolveShorthand(props.description),\n    content: resolveShorthand(props.content, { required: !!props.description || !!props.children }),\n    avatarSize: tableAvatarSizeMap[size],\n    size,\n  };\n};\n"]}

package/lib-amd/components/TableCellLayout/useTableCellLayoutContextValues.js

@@ -1,16 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableCellLayoutContextValues_unstable = void 0;
-    function useTableCellLayoutContextValues_unstable(state) {
-        var avatarSize = state.avatarSize;
-        var avatar = React.useMemo(function () { return ({
-            size: avatarSize,
-        }); }, [avatarSize]);
-        return {
-            avatar: avatar,
-        };
-    }
-    exports.useTableCellLayoutContextValues_unstable = useTableCellLayoutContextValues_unstable;
-});
-//# sourceMappingURL=useTableCellLayoutContextValues.js.map

package/lib-amd/components/TableCellLayout/useTableCellLayoutContextValues.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableCellLayoutContextValues.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutContextValues.ts"],"names":[],"mappings":";;;;IAGA,SAAgB,wCAAwC,CAAC,KAA2B;QAC1E,IAAA,UAAU,GAAK,KAAK,WAAV,CAAW;QAE7B,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,cAAM,OAAA,CAAC;YACL,IAAI,EAAE,UAAU;SACjB,CAAC,EAFI,CAEJ,EACF,CAAC,UAAU,CAAC,CACb,CAAC;QAEF,OAAO;YACL,MAAM,QAAA;SACP,CAAC;IACJ,CAAC;IAbD,4FAaC","sourcesContent":["import * as React from 'react';\nimport type { TableCellLayoutState, TableCellLayoutContextValues } from './TableCellLayout.types';\n\nexport function useTableCellLayoutContextValues_unstable(state: TableCellLayoutState): TableCellLayoutContextValues {\n  const { avatarSize } = state;\n\n  const avatar = React.useMemo(\n    () => ({\n      size: avatarSize,\n    }),\n    [avatarSize],\n  );\n\n  return {\n    avatar,\n  };\n}\n"]}

package/lib-amd/components/TableCellLayout/useTableCellLayoutStyles.js

@@ -1,79 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_theme_1, react_theme_2) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableCellLayoutStyles_unstable = exports.tableCellLayoutClassNames = void 0;
-    exports.tableCellLayoutClassNames = {
-        root: 'fui-TableCellLayout',
-        media: 'fui-TableCellLayout__media',
-        main: 'fui-TableCellLayout__main',
-        description: 'fui-TableCellLayout__description',
-        content: 'fui-TableCellLayout__content',
-    };
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_1.makeStyles({
-        root: tslib_1.__assign(tslib_1.__assign({ display: 'flex', alignItems: 'center' }, react_1.shorthands.gap(react_theme_1.tokens.spacingHorizontalS)), react_1.shorthands.flex(1, 1, '0px')),
-        rootTruncate: {
-            overflowX: 'hidden',
-        },
-        content: {
-            display: 'flex',
-            flexDirection: 'column',
-        },
-        contentTruncate: {
-            overflowX: 'hidden',
-        },
-        media: {
-            display: 'flex',
-            alignItems: 'center',
-        },
-        mediaExtraSmall: {
-            fontSize: '16px',
-        },
-        mediaSmallAndMedium: {
-            fontSize: '20px',
-        },
-        mediaPrimary: {
-            fontSize: '24px',
-        },
-        mainPrimary: {
-            fontWeight: react_theme_1.tokens.fontWeightSemibold,
-        },
-        mainTruncate: {
-            overflowX: 'hidden',
-            whiteSpace: 'nowrap',
-            textOverflow: 'ellipsis',
-        },
-        description: tslib_1.__assign({ color: react_theme_1.tokens.colorNeutralForeground2 }, react_theme_2.typographyStyles.caption1),
-    });
-    /**
-     * Apply styling to the TableCellLayout slots based on the state
-     */
-    var useTableCellLayoutStyles_unstable = function (state) {
-        var styles = useStyles();
-        var truncate = state.truncate;
-        state.root.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);
-        var primary = state.appearance === 'primary';
-        if (state.media) {
-            var mediaSizedStyles = {
-                small: styles.mediaSmallAndMedium,
-                medium: styles.mediaSmallAndMedium,
-                'extra-small': styles.mediaExtraSmall,
-            };
-            state.media.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);
-        }
-        if (state.main) {
-            state.main.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);
-        }
-        if (state.description) {
-            state.description.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.description, styles.description, state.description.className);
-        }
-        if (state.content) {
-            state.content.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);
-        }
-        return state;
-    };
-    exports.useTableCellLayoutStyles_unstable = useTableCellLayoutStyles_unstable;
-});
-//# sourceMappingURL=useTableCellLayoutStyles.js.map

package/lib-amd/components/TableCellLayout/useTableCellLayoutStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableCellLayoutStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const tableCellLayoutClassNames: SlotClassNames<TableCellLayoutSlots> = {\n  root: 'fui-TableCellLayout',\n  media: 'fui-TableCellLayout__media',\n  main: 'fui-TableCellLayout__main',\n  description: 'fui-TableCellLayout__description',\n  content: 'fui-TableCellLayout__content',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    ...shorthands.gap(tokens.spacingHorizontalS),\n    ...shorthands.flex(1, 1, '0px'),\n  },\n\n  rootTruncate: {\n    overflowX: 'hidden',\n  },\n\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n\n  contentTruncate: {\n    overflowX: 'hidden',\n  },\n\n  media: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n\n  mediaExtraSmall: {\n    fontSize: '16px',\n  },\n\n  mediaSmallAndMedium: {\n    fontSize: '20px',\n  },\n\n  mediaPrimary: {\n    fontSize: '24px',\n  },\n\n  mainPrimary: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n\n  mainTruncate: {\n    overflowX: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n\n  description: {\n    color: tokens.colorNeutralForeground2,\n    ...typographyStyles.caption1,\n  },\n});\n\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = (state: TableCellLayoutState): TableCellLayoutState => {\n  const styles = useStyles();\n  const { truncate } = state;\n\n  state.root.className = mergeClasses(\n    tableCellLayoutClassNames.root,\n    styles.root,\n    truncate && styles.rootTruncate,\n    state.root.className,\n  );\n  const primary = state.appearance === 'primary';\n\n  if (state.media) {\n    const mediaSizedStyles = {\n      small: styles.mediaSmallAndMedium,\n      medium: styles.mediaSmallAndMedium,\n      'extra-small': styles.mediaExtraSmall,\n    };\n\n    state.media.className = mergeClasses(\n      tableCellLayoutClassNames.media,\n      styles.media,\n      mediaSizedStyles[state.size],\n      primary && styles.mediaPrimary,\n      state.media.className,\n    );\n  }\n\n  if (state.main) {\n    state.main.className = mergeClasses(\n      tableCellLayoutClassNames.main,\n      truncate && styles.mainTruncate,\n      primary && styles.mainPrimary,\n      state.main.className,\n    );\n  }\n\n  if (state.description) {\n    state.description.className = mergeClasses(\n      tableCellLayoutClassNames.description,\n      styles.description,\n      state.description.className,\n    );\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(\n      tableCellLayoutClassNames.content,\n      styles.content,\n      truncate && styles.contentTruncate,\n      state.content.className,\n    );\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/TableHeader/TableHeader.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useTableHeader", "./renderTableHeader", "./useTableHeaderStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useTableHeader_1, renderTableHeader_1, useTableHeaderStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TableHeader = void 0;
-    /**
-     * TableHeader component
-     */
-    exports.TableHeader = React.forwardRef(function (props, ref) {
-        var state = useTableHeader_1.useTableHeader_unstable(props, ref);
-        useTableHeaderStyles_1.useTableHeaderStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTableHeaderStyles_unstable;
-        useCustomStyles(state);
-        return renderTableHeader_1.renderTableHeader_unstable(state);
-    });
-    exports.TableHeader.displayName = 'TableHeader';
-});
-//# sourceMappingURL=TableHeader.js.map

package/lib-amd/components/TableHeader/TableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,WAAW,GAA0C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5F,IAAM,KAAK,GAAG,wCAAuB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElD,oDAA6B,CAAC,KAAK,CAAC,CAAC;QAE7B,IAA+B,eAAe,GAAK,oDAA4B,EAAE,8BAAnC,CAAoC;QAC1F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles';\nimport type { TableHeaderProps } from './TableHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeader component\n */\nexport const TableHeader: ForwardRefComponent<TableHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeader_unstable(props, ref);\n\n  useTableHeaderStyles_unstable(state);\n\n  const { useTableHeaderStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableHeader_unstable(state);\n});\n\nTableHeader.displayName = 'TableHeader';\n"]}

package/lib-amd/components/TableHeader/TableHeader.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=TableHeader.types.js.map

package/lib-amd/components/TableHeader/TableHeader.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeader/TableHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderSlots = {\n  root: Slot<'thead', 'div'>;\n};\n\n/**\n * TableHeader Props\n */\nexport type TableHeaderProps = ComponentProps<TableHeaderSlots> & {};\n\n/**\n * State used in rendering TableHeader\n */\nexport type TableHeaderState = ComponentState<TableHeaderSlots> & Pick<TableContextValue, 'noNativeElements'>;\n"]}

package/lib-amd/components/TableHeader/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./TableHeader", "./TableHeader.types", "./renderTableHeader", "./useTableHeader", "./useTableHeaderStyles"], function (require, exports, tslib_1, TableHeader_1, TableHeader_types_1, renderTableHeader_1, useTableHeader_1, useTableHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(TableHeader_1, exports);
-    tslib_1.__exportStar(TableHeader_types_1, exports);
-    tslib_1.__exportStar(renderTableHeader_1, exports);
-    tslib_1.__exportStar(useTableHeader_1, exports);
-    tslib_1.__exportStar(useTableHeaderStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/TableHeader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeader/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC;IACpC,mDAAoC;IACpC,gDAAiC;IACjC,sDAAuC","sourcesContent":["export * from './TableHeader';\nexport * from './TableHeader.types';\nexport * from './renderTableHeader';\nexport * from './useTableHeader';\nexport * from './useTableHeaderStyles';\n"]}

package/lib-amd/components/TableHeader/renderTableHeader.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../../contexts/tableHeaderContext"], function (require, exports, tslib_1, React, react_utilities_1, tableHeaderContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderTableHeader_unstable = void 0;
-    /**
-     * Render the final JSX of TableHeader
-     */
-    var renderTableHeader_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(tableHeaderContext_1.TableHeaderContextProvider, { value: "" },
-            React.createElement(slots.root, tslib_1.__assign({}, slotProps.root))));
-    };
-    exports.renderTableHeader_unstable = renderTableHeader_unstable;
-});
-//# sourceMappingURL=renderTableHeader.js.map

package/lib-amd/components/TableHeader/renderTableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderTableHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeader/renderTableHeader.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,0BAA0B,GAAG,UAAC,KAAuB;QAC1D,IAAA,KAAuB,0BAAQ,CAAmB,KAAK,CAAC,EAAtD,KAAK,WAAA,EAAE,SAAS,eAAsC,CAAC;QAE/D,OAAO,CACL,oBAAC,+CAA0B,IAAC,KAAK,EAAC,EAAE;YAClC,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACP,CAC9B,CAAC;IACJ,CAAC,CAAC;IARW,QAAA,0BAA0B,8BAQrC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\nimport type { TableHeaderState, TableHeaderSlots } from './TableHeader.types';\n\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = (state: TableHeaderState) => {\n  const { slots, slotProps } = getSlots<TableHeaderSlots>(state);\n\n  return (\n    <TableHeaderContextProvider value=\"\">\n      <slots.root {...slotProps.root} />\n    </TableHeaderContextProvider>\n  );\n};\n"]}

package/lib-amd/components/TableHeader/useTableHeader.js

@@ -1,28 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "../../contexts/tableContext"], function (require, exports, tslib_1, react_utilities_1, tableContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableHeader_unstable = void 0;
-    /**
-     * Create the state required to render TableHeader.
-     *
-     * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,
-     * before being passed to renderTableHeader_unstable.
-     *
-     * @param props - props from this instance of TableHeader
-     * @param ref - reference to root HTMLElement of TableHeader
-     */
-    var useTableHeader_unstable = function (props, ref) {
-        var _a;
-        var noNativeElements = tableContext_1.useTableContext().noNativeElements;
-        var rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'thead';
-        return {
-            components: {
-                root: rootComponent,
-            },
-            root: react_utilities_1.getNativeElementProps(rootComponent, tslib_1.__assign({ ref: ref, role: rootComponent === 'div' ? 'rowgroup' : undefined }, props)),
-            noNativeElements: noNativeElements,
-        };
-    };
-    exports.useTableHeader_unstable = useTableHeader_unstable;
-});
-//# sourceMappingURL=useTableHeader.js.map

package/lib-amd/components/TableHeader/useTableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeader/useTableHeader.ts"],"names":[],"mappings":";;;;IAKA;;;;;;;;OAQG;IACI,IAAM,uBAAuB,GAAG,UAAC,KAAuB,EAAE,GAA2B;;QAClF,IAAA,gBAAgB,GAAK,8BAAe,EAAE,iBAAtB,CAAuB;QAE/C,IAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,EAAE,mCAAI,gBAAgB,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;QACrE,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;aACpB;YACD,IAAI,EAAE,uCAAqB,CAAC,aAAa,qBACvC,GAAG,KAAA,EACH,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,IACnD,KAAK,EACR;YACF,gBAAgB,kBAAA;SACjB,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,uBAAuB,2BAelC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableHeaderProps, TableHeaderState } from './TableHeader.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props: TableHeaderProps, ref: React.Ref<HTMLElement>): TableHeaderState => {\n  const { noNativeElements } = useTableContext();\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'thead';\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref,\n      role: rootComponent === 'div' ? 'rowgroup' : undefined,\n      ...props,\n    }),\n    noNativeElements,\n  };\n};\n"]}

package/lib-amd/components/TableHeader/useTableHeaderStyles.js

@@ -1,32 +0,0 @@
-define(["require", "exports", "@griffel/react"], function (require, exports, react_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableHeaderStyles_unstable = exports.tableHeaderClassNames = exports.tableHeaderClassName = void 0;
-    exports.tableHeaderClassName = 'fui-TableHeader';
-    exports.tableHeaderClassNames = {
-        root: 'fui-TableHeader',
-    };
-    var useFlexLayoutStyles = react_1.makeStyles({
-        root: {
-            display: 'block',
-        },
-    });
-    var useTableLayoutStyles = react_1.makeStyles({
-        root: {
-            display: 'table-row-group',
-        },
-    });
-    /**
-     * Apply styling to the TableHeader slots based on the state
-     */
-    var useTableHeaderStyles_unstable = function (state) {
-        var layoutStyles = {
-            table: useTableLayoutStyles(),
-            flex: useFlexLayoutStyles(),
-        };
-        state.root.className = react_1.mergeClasses(exports.tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
-        return state;
-    };
-    exports.useTableHeaderStyles_unstable = useTableHeaderStyles_unstable;
-});
-//# sourceMappingURL=useTableHeaderStyles.js.map

package/lib-amd/components/TableHeader/useTableHeaderStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableHeaderStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts"],"names":[],"mappings":";;;;IAIa,QAAA,oBAAoB,GAAG,iBAAiB,CAAC;IACzC,QAAA,qBAAqB,GAAqC;QACrE,IAAI,EAAE,iBAAiB;KACxB,CAAC;IAEF,IAAM,mBAAmB,GAAG,kBAAU,CAAC;QACrC,IAAI,EAAE;YACJ,OAAO,EAAE,OAAO;SACjB;KACF,CAAC,CAAC;IAEH,IAAM,oBAAoB,GAAG,kBAAU,CAAC;QACtC,IAAI,EAAE;YACJ,OAAO,EAAE,iBAAiB;SAC3B;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,6BAA6B,GAAG,UAAC,KAAuB;QACnE,IAAM,YAAY,GAAG;YACnB,KAAK,EAAE,oBAAoB,EAAE;YAC7B,IAAI,EAAE,mBAAmB,EAAE;SAC5B,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,4BAAoB,EACpB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EACzE,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAZW,QAAA,6BAA6B,iCAYxC","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames: SlotClassNames<TableHeaderSlots> = {\n  root: 'fui-TableHeader',\n};\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row-group',\n  },\n});\n\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = (state: TableHeaderState): TableHeaderState => {\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableHeaderClassName,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"]}

package/lib-amd/components/TableHeaderCell/TableHeaderCell.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useTableHeaderCell", "./renderTableHeaderCell", "./useTableHeaderCellStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useTableHeaderCell_1, renderTableHeaderCell_1, useTableHeaderCellStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TableHeaderCell = void 0;
-    /**
-     * TableHeaderCell component
-     */
-    exports.TableHeaderCell = React.forwardRef(function (props, ref) {
-        var state = useTableHeaderCell_1.useTableHeaderCell_unstable(props, ref);
-        useTableHeaderCellStyles_1.useTableHeaderCellStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTableHeaderCellStyles_unstable;
-        useCustomStyles(state);
-        return renderTableHeaderCell_1.renderTableHeaderCell_unstable(state);
-    });
-    exports.TableHeaderCell.displayName = 'TableHeaderCell';
-});
-//# sourceMappingURL=TableHeaderCell.js.map

package/lib-amd/components/TableHeaderCell/TableHeaderCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,eAAe,GAA8C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACpG,IAAM,KAAK,GAAG,gDAA2B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEtD,4DAAiC,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAmC,eAAe,GAAK,oDAA4B,EAAE,kCAAnC,CAAoC;QAC9F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,sDAA8B,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeaderCell_unstable(props, ref);\n\n  useTableHeaderCellStyles_unstable(state);\n\n  const { useTableHeaderCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"]}

package/lib-amd/components/TableHeaderCell/TableHeaderCell.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=TableHeaderCell.types.js.map

package/lib-amd/components/TableHeaderCell/TableHeaderCell.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeaderCell.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { SortDirection, TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderCellSlots = {\n  root: Slot<'th', 'div'>;\n\n  sortIcon: Slot<'span'>;\n\n  /**\n   * Button handles correct narration and interactions for sorting;\n   */\n  button: NonNullable<Slot<ARIAButtonSlotProps>>;\n  /**\n   * aside content for anything that should be after main content of the table header cell\n   */\n  aside: Slot<'span'>;\n};\n\n/**\n * TableHeaderCell Props\n */\nexport type TableHeaderCellProps = ComponentProps<Partial<TableHeaderCellSlots>> & {\n  /**\n   * @default undefined\n   */\n  sortDirection?: SortDirection;\n};\n\n/**\n * State used in rendering TableHeaderCell\n */\nexport type TableHeaderCellState = ComponentState<TableHeaderCellSlots> &\n  Pick<TableContextValue, 'noNativeElements' | 'sortable'>;\n"]}

package/lib-amd/components/TableHeaderCell/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./TableHeaderCell", "./TableHeaderCell.types", "./renderTableHeaderCell", "./useTableHeaderCell", "./useTableHeaderCellStyles"], function (require, exports, tslib_1, TableHeaderCell_1, TableHeaderCell_types_1, renderTableHeaderCell_1, useTableHeaderCell_1, useTableHeaderCellStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(TableHeaderCell_1, exports);
-    tslib_1.__exportStar(TableHeaderCell_types_1, exports);
-    tslib_1.__exportStar(renderTableHeaderCell_1, exports);
-    tslib_1.__exportStar(useTableHeaderCell_1, exports);
-    tslib_1.__exportStar(useTableHeaderCellStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/TableHeaderCell/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeaderCell/index.ts"],"names":[],"mappings":";;;IAAA,iDAAkC;IAClC,uDAAwC;IACxC,uDAAwC;IACxC,oDAAqC;IACrC,0DAA2C","sourcesContent":["export * from './TableHeaderCell';\nexport * from './TableHeaderCell.types';\nexport * from './renderTableHeaderCell';\nexport * from './useTableHeaderCell';\nexport * from './useTableHeaderCellStyles';\n"]}

package/lib-amd/components/TableHeaderCell/renderTableHeaderCell.js

@@ -1,18 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderTableHeaderCell_unstable = void 0;
-    /**
-     * Render the final JSX of TableHeaderCell
-     */
-    var renderTableHeaderCell_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(slots.button, tslib_1.__assign({}, slotProps.button),
-                slotProps.root.children,
-                slots.sortIcon && React.createElement(slots.sortIcon, tslib_1.__assign({}, slotProps.sortIcon))),
-            slots.aside && React.createElement(slots.aside, tslib_1.__assign({}, slotProps.aside))));
-    };
-    exports.renderTableHeaderCell_unstable = renderTableHeaderCell_unstable;
-});
-//# sourceMappingURL=renderTableHeaderCell.js.map

package/lib-amd/components/TableHeaderCell/renderTableHeaderCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderTableHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableHeaderCell/renderTableHeaderCell.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAA2B;QAClE,IAAA,KAAuB,0BAAQ,CAAuB,KAAK,CAAC,EAA1D,KAAK,WAAA,EAAE,SAAS,eAA0C,CAAC;QAEnE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM;gBAC/B,SAAS,CAAC,IAAI,CAAC,QAAQ;gBACvB,KAAK,CAAC,QAAQ,IAAI,oBAAC,KAAK,CAAC,QAAQ,uBAAK,SAAS,CAAC,QAAQ,EAAI,CAChD;YACd,KAAK,CAAC,KAAK,IAAI,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACzC,CACd,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,8BAA8B,kCAYzC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableHeaderCellState, TableHeaderCellSlots } from './TableHeaderCell.types';\n\n/**\n * Render the final JSX of TableHeaderCell\n */\nexport const renderTableHeaderCell_unstable = (state: TableHeaderCellState) => {\n  const { slots, slotProps } = getSlots<TableHeaderCellSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.button {...slotProps.button}>\n        {slotProps.root.children}\n        {slots.sortIcon && <slots.sortIcon {...slotProps.sortIcon} />}\n      </slots.button>\n      {slots.aside && <slots.aside {...slotProps.aside} />}\n    </slots.root>\n  );\n};\n"]}