@fluentui/react-table 9.0.0-rc.5 → 9.0.1

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

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

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

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

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

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./TableBody", "./TableBody.types", "./renderTableBody", "./useTableBody", "./useTableBodyStyles"], function (require, exports, tslib_1, TableBody_1, TableBody_types_1, renderTableBody_1, useTableBody_1, useTableBodyStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(TableBody_1, exports);
+    tslib_1.__exportStar(TableBody_types_1, exports);
+    tslib_1.__exportStar(renderTableBody_1, exports);
+    tslib_1.__exportStar(useTableBody_1, exports);
+    tslib_1.__exportStar(useTableBodyStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableBody/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAC5B,iDAAkC;IAClC,iDAAkC;IAClC,8CAA+B;IAC/B,oDAAqC","sourcesContent":["export * from './TableBody';\nexport * from './TableBody.types';\nexport * from './renderTableBody';\nexport * from './useTableBody';\nexport * from './useTableBodyStyles';\n"]}

package/lib-amd/components/TableBody/renderTableBody.js

@@ -0,0 +1,14 @@
+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.renderTableBody_unstable = void 0;
+    /**
+     * Render the final JSX of TableBody
+     */
+    var renderTableBody_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));
+    };
+    exports.renderTableBody_unstable = renderTableBody_unstable;
+});
+//# sourceMappingURL=renderTableBody.js.map

package/lib-amd/components/TableBody/renderTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTableBody.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,wBAAwB,GAAG,UAAC,KAAqB;QACtD,IAAA,KAAuB,0BAAQ,CAAiB,KAAK,CAAC,EAApD,KAAK,WAAA,EAAE,SAAS,eAAoC,CAAC;QAE7D,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,wBAAwB,4BAInC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableBodyState, TableBodySlots } from './TableBody.types';\n\n/**\n * Render the final JSX of TableBody\n */\nexport const renderTableBody_unstable = (state: TableBodyState) => {\n  const { slots, slotProps } = getSlots<TableBodySlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"]}

package/lib-amd/components/TableBody/useTableBody.js

@@ -0,0 +1,28 @@
+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.useTableBody_unstable = void 0;
+    /**
+     * Create the state required to render TableBody.
+     *
+     * The returned state can be modified with hooks such as useTableBodyStyles_unstable,
+     * before being passed to renderTableBody_unstable.
+     *
+     * @param props - props from this instance of TableBody
+     * @param ref - reference to root HTMLElement of TableBody
+     */
+    var useTableBody_unstable = function (props, ref) {
+        var _a;
+        var noNativeElements = tableContext_1.useTableContext().noNativeElements;
+        var rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'tbody';
+        return {
+            components: {
+                root: rootComponent,
+            },
+            root: react_utilities_1.getNativeElementProps(rootComponent, tslib_1.__assign({ ref: ref, role: rootComponent === 'div' ? 'rowgroup' : undefined }, props)),
+            noNativeElements: noNativeElements,
+        };
+    };
+    exports.useTableBody_unstable = useTableBody_unstable;
+});
+//# sourceMappingURL=useTableBody.js.map

package/lib-amd/components/TableBody/useTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableBody.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableBody/useTableBody.ts"],"names":[],"mappings":";;;;IAKA;;;;;;;;OAQG;IACI,IAAM,qBAAqB,GAAG,UAAC,KAAqB,EAAE,GAA2B;;QAC9E,IAAA,gBAAgB,GAAK,8BAAe,EAAE,iBAAtB,CAAuB;QAC/C,IAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,EAAE,mCAAI,gBAAgB,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;QAErE,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,qBAAqB,yBAehC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableBodyProps, TableBodyState } from './TableBody.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableBody.\n *\n * The returned state can be modified with hooks such as useTableBodyStyles_unstable,\n * before being passed to renderTableBody_unstable.\n *\n * @param props - props from this instance of TableBody\n * @param ref - reference to root HTMLElement of TableBody\n */\nexport const useTableBody_unstable = (props: TableBodyProps, ref: React.Ref<HTMLElement>): TableBodyState => {\n  const { noNativeElements } = useTableContext();\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'tbody';\n\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/TableBody/useTableBodyStyles.js

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

package/lib-amd/components/TableBody/useTableBodyStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableBodyStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableBody/useTableBodyStyles.ts"],"names":[],"mappings":";;;;IAIA,IAAM,oBAAoB,GAAG,kBAAU,CAAC;QACtC,IAAI,EAAE;YACJ,OAAO,EAAE,iBAAiB;SAC3B;KACF,CAAC,CAAC;IAEH,IAAM,mBAAmB,GAAG,kBAAU,CAAC;QACrC,IAAI,EAAE;YACJ,OAAO,EAAE,OAAO;SACjB;KACF,CAAC,CAAC;IAEU,QAAA,kBAAkB,GAAG,eAAe,CAAC;IACrC,QAAA,mBAAmB,GAAmC;QACjE,IAAI,EAAE,eAAe;KACtB,CAAC;IAEF;;OAEG;IACI,IAAM,2BAA2B,GAAG,UAAC,KAAqB;QAC/D,IAAM,YAAY,GAAG;YACnB,KAAK,EAAE,oBAAoB,EAAE;YAC7B,IAAI,EAAE,mBAAmB,EAAE;SAC5B,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,0BAAkB,EAClB,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,2BAA2B,+BAYtC","sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableBodySlots, TableBodyState } from './TableBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row-group',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\nexport const tableBodyClassName = 'fui-TableBody';\nexport const tableBodyClassNames: SlotClassNames<TableBodySlots> = {\n  root: 'fui-TableBody',\n};\n\n/**\n * Apply styling to the TableBody slots based on the state\n */\nexport const useTableBodyStyles_unstable = (state: TableBodyState): TableBodyState => {\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableBodyClassName,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"]}

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useTableCell", "./renderTableCell", "./useTableCellStyles"], function (require, exports, React, useTableCell_1, renderTableCell_1, useTableCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TableCell = void 0;
+    /**
+     * TableCell component
+     */
+    exports.TableCell = React.forwardRef(function (props, ref) {
+        var state = useTableCell_1.useTableCell_unstable(props, ref);
+        useTableCellStyles_1.useTableCellStyles_unstable(state);
+        return renderTableCell_1.renderTableCell_unstable(state);
+    });
+    exports.TableCell.displayName = 'TableCell';
+});
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCell/TableCell.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,SAAS,GAAwC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACxF,IAAM,KAAK,GAAG,oCAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEhD,gDAA2B,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,0CAAwB,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableCell_unstable } from './useTableCell';\nimport { renderTableCell_unstable } from './renderTableCell';\nimport { useTableCellStyles_unstable } from './useTableCellStyles';\nimport type { TableCellProps } from './TableCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * TableCell component\n */\nexport const TableCell: ForwardRefComponent<TableCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableCell_unstable(props, ref);\n\n  useTableCellStyles_unstable(state);\n  return renderTableCell_unstable(state);\n});\n\nTableCell.displayName = 'TableCell';\n"]}

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

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

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

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

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

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./TableCell", "./TableCell.types", "./renderTableCell", "./useTableCell", "./useTableCellStyles"], function (require, exports, tslib_1, TableCell_1, TableCell_types_1, renderTableCell_1, useTableCell_1, useTableCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(TableCell_1, exports);
+    tslib_1.__exportStar(TableCell_types_1, exports);
+    tslib_1.__exportStar(renderTableCell_1, exports);
+    tslib_1.__exportStar(useTableCell_1, exports);
+    tslib_1.__exportStar(useTableCellStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCell/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAC5B,iDAAkC;IAClC,iDAAkC;IAClC,8CAA+B;IAC/B,oDAAqC","sourcesContent":["export * from './TableCell';\nexport * from './TableCell.types';\nexport * from './renderTableCell';\nexport * from './useTableCell';\nexport * from './useTableCellStyles';\n"]}

package/lib-amd/components/TableCell/renderTableCell.js

@@ -0,0 +1,14 @@
+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.renderTableCell_unstable = void 0;
+    /**
+     * Render the final JSX of TableCell
+     */
+    var renderTableCell_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));
+    };
+    exports.renderTableCell_unstable = renderTableCell_unstable;
+});
+//# sourceMappingURL=renderTableCell.js.map

package/lib-amd/components/TableCell/renderTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTableCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCell/renderTableCell.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,wBAAwB,GAAG,UAAC,KAAqB;QACtD,IAAA,KAAuB,0BAAQ,CAAiB,KAAK,CAAC,EAApD,KAAK,WAAA,EAAE,SAAS,eAAoC,CAAC;QAE7D,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,wBAAwB,4BAInC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableCellState, TableCellSlots } from './TableCell.types';\n\n/**\n * Render the final JSX of TableCell\n */\nexport const renderTableCell_unstable = (state: TableCellState) => {\n  const { slots, slotProps } = getSlots<TableCellSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"]}

package/lib-amd/components/TableCell/useTableCell.js

@@ -0,0 +1,29 @@
+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.useTableCell_unstable = void 0;
+    /**
+     * Create the state required to render TableCell.
+     *
+     * The returned state can be modified with hooks such as useTableCellStyles_unstable,
+     * before being passed to renderTableCell_unstable.
+     *
+     * @param props - props from this instance of TableCell
+     * @param ref - reference to root HTMLElement of TableCell
+     */
+    var useTableCell_unstable = function (props, ref) {
+        var _a;
+        var _b = tableContext_1.useTableContext(), noNativeElements = _b.noNativeElements, size = _b.size;
+        var rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'td';
+        return {
+            components: {
+                root: rootComponent,
+            },
+            root: react_utilities_1.getNativeElementProps(rootComponent, tslib_1.__assign({ ref: ref, role: rootComponent === 'div' ? 'cell' : undefined }, props)),
+            noNativeElements: noNativeElements,
+            size: size,
+        };
+    };
+    exports.useTableCell_unstable = useTableCell_unstable;
+});
+//# sourceMappingURL=useTableCell.js.map

package/lib-amd/components/TableCell/useTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCell/useTableCell.ts"],"names":[],"mappings":";;;;IAKA;;;;;;;;OAQG;IACI,IAAM,qBAAqB,GAAG,UAAC,KAAqB,EAAE,GAA2B;;QAChF,IAAA,KAA6B,8BAAe,EAAE,EAA5C,gBAAgB,sBAAA,EAAE,IAAI,UAAsB,CAAC;QAErD,IAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,EAAE,mCAAI,gBAAgB,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAElE,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,MAAM,CAAC,CAAC,CAAC,SAAS,IAC/C,KAAK,EACR;YACF,gBAAgB,kBAAA;YAChB,IAAI,MAAA;SACL,CAAC;IACJ,CAAC,CAAC;IAjBW,QAAA,qBAAqB,yBAiBhC","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableCellProps, TableCellState } from './TableCell.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableCell.\n *\n * The returned state can be modified with hooks such as useTableCellStyles_unstable,\n * before being passed to renderTableCell_unstable.\n *\n * @param props - props from this instance of TableCell\n * @param ref - reference to root HTMLElement of TableCell\n */\nexport const useTableCell_unstable = (props: TableCellProps, ref: React.Ref<HTMLElement>): TableCellState => {\n  const { noNativeElements, size } = useTableContext();\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'td';\n\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref,\n      role: rootComponent === 'div' ? 'cell' : undefined,\n      ...props,\n    }),\n    noNativeElements,\n    size,\n  };\n};\n"]}

package/lib-amd/components/TableCell/useTableCellStyles.js

@@ -0,0 +1,56 @@
+define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme", "@fluentui/react-tabster"], function (require, exports, tslib_1, react_1, react_theme_1, react_tabster_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTableCellStyles_unstable = exports.tableCellClassNames = exports.tableCellClassName = void 0;
+    exports.tableCellClassName = 'fui-TableCell';
+    exports.tableCellClassNames = {
+        root: exports.tableCellClassName,
+    };
+    var useTableLayoutStyles = react_1.makeStyles({
+        root: {
+            display: 'table-cell',
+            verticalAlign: 'middle',
+        },
+        medium: {
+            height: '44px',
+        },
+        small: {
+            height: '34px',
+        },
+        'extra-small': {
+            height: '24px',
+        },
+    });
+    var useFlexLayoutStyles = react_1.makeStyles({
+        root: tslib_1.__assign({ display: 'flex', minWidth: '0px', alignItems: 'center' }, react_1.shorthands.flex(1, 1, '0px')),
+        medium: {
+            minHeight: '44px',
+        },
+        small: {
+            minHeight: '34px',
+        },
+        'extra-small': {
+            minHeight: '24px',
+        },
+    });
+    /**
+     * Styles for the root slot
+     */
+    var useStyles = react_1.makeStyles({
+        root: tslib_1.__assign(tslib_1.__assign({ backgroundColor: 'inherit', position: 'relative' }, react_1.shorthands.padding('0px', react_theme_1.tokens.spacingHorizontalS)), react_tabster_1.createCustomFocusIndicatorStyle(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.outline('2px', 'solid', react_theme_1.tokens.colorStrokeFocus2)), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { selector: 'focus', enableOutline: true })),
+    });
+    /**
+     * Apply styling to the TableCell slots based on the state
+     */
+    var useTableCellStyles_unstable = function (state) {
+        var styles = useStyles();
+        var layoutStyles = {
+            table: useTableLayoutStyles(),
+            flex: useFlexLayoutStyles(),
+        };
+        state.root.className = react_1.mergeClasses(exports.tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);
+        return state;
+    };
+    exports.useTableCellStyles_unstable = useTableCellStyles_unstable;
+});
+//# sourceMappingURL=useTableCellStyles.js.map

package/lib-amd/components/TableCell/useTableCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCell/useTableCellStyles.ts"],"names":[],"mappings":";;;;IAMa,QAAA,kBAAkB,GAAG,eAAe,CAAC;IACrC,QAAA,mBAAmB,GAAmC;QACjE,IAAI,EAAE,0BAAkB;KACzB,CAAC;IAEF,IAAM,oBAAoB,GAAG,kBAAU,CAAC;QACtC,IAAI,EAAE;YACJ,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE,QAAQ;SACxB;QAED,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;SACf;QAED,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;SACf;QAED,aAAa,EAAE;YACb,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAC;IAEH,IAAM,mBAAmB,GAAG,kBAAU,CAAC;QACrC,IAAI,qBACF,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,QAAQ,IACjB,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAChC;QAED,MAAM,EAAE;YACN,SAAS,EAAE,MAAM;SAClB;QAED,KAAK,EAAE;YACL,SAAS,EAAE,MAAM;SAClB;QAED,aAAa,EAAE;YACb,SAAS,EAAE,MAAM;SAClB;KACF,CAAC,CAAC;IAEH;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,sCACF,eAAe,EAAE,SAAS,EAC1B,QAAQ,EAAE,UAAU,IACjB,kBAAU,CAAC,OAAO,CAAC,KAAK,EAAE,oBAAM,CAAC,kBAAkB,CAAC,GAEpD,+CAA+B,uCAE3B,kBAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,oBAAM,CAAC,iBAAiB,CAAC,GAC5D,kBAAU,CAAC,YAAY,CAAC,oBAAM,CAAC,kBAAkB,CAAC,GAEvD,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,CAC3C,CACF;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,2BAA2B,GAAG,UAAC,KAAqB;QAC/D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAM,YAAY,GAAG;YACnB,KAAK,EAAE,oBAAoB,EAAE;YAC7B,IAAI,EAAE,mBAAmB,EAAE;SAC5B,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,2BAAmB,CAAC,IAAI,EACxB,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EACzE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,EACvF,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,2BAA2B,+BActC","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { TableCellSlots, TableCellState } from './TableCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames: SlotClassNames<TableCellSlots> = {\n  root: tableCellClassName,\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-cell',\n    verticalAlign: 'middle',\n  },\n\n  medium: {\n    height: '44px',\n  },\n\n  small: {\n    height: '34px',\n  },\n\n  'extra-small': {\n    height: '24px',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    minWidth: '0px',\n    alignItems: 'center',\n    ...shorthands.flex(1, 1, '0px'),\n  },\n\n  medium: {\n    minHeight: '44px',\n  },\n\n  small: {\n    minHeight: '34px',\n  },\n\n  'extra-small': {\n    minHeight: '24px',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: 'inherit',\n    position: 'relative',\n    ...shorthands.padding('0px', tokens.spacingHorizontalS),\n\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      },\n      { selector: 'focus', enableOutline: true },\n    ),\n  },\n});\n\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = (state: TableCellState): TableCellState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableCellClassNames.root,\n    styles.root,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size],\n    state.root.className,\n  );\n  return state;\n};\n"]}

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useTableCellActions", "./renderTableCellActions", "./useTableCellActionsStyles"], function (require, exports, React, useTableCellActions_1, renderTableCellActions_1, useTableCellActionsStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TableCellActions = void 0;
+    /**
+     * TableCellActions component
+     */
+    exports.TableCellActions = React.forwardRef(function (props, ref) {
+        var state = useTableCellActions_1.useTableCellActions_unstable(props, ref);
+        useTableCellActionsStyles_1.useTableCellActionsStyles_unstable(state);
+        return renderTableCellActions_1.renderTableCellActions_unstable(state);
+    });
+    exports.TableCellActions.displayName = 'TableCellActions';
+});
+//# sourceMappingURL=TableCellActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellActions.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,gBAAgB,GAA+C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACtG,IAAM,KAAK,GAAG,kDAA4B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEvD,8DAAkC,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,wDAA+B,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableCellActions_unstable } from './useTableCellActions';\nimport { renderTableCellActions_unstable } from './renderTableCellActions';\nimport { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles';\nimport type { TableCellActionsProps } from './TableCellActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * TableCellActions component\n */\nexport const TableCellActions: ForwardRefComponent<TableCellActionsProps> = React.forwardRef((props, ref) => {\n  const state = useTableCellActions_unstable(props, ref);\n\n  useTableCellActionsStyles_unstable(state);\n  return renderTableCellActions_unstable(state);\n});\n\nTableCellActions.displayName = 'TableCellActions';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellActions.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellActions/TableCellActions.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableCellActionsSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * TableCellActions Props\n */\nexport type TableCellActionsProps = ComponentProps<TableCellActionsSlots> & {\n  /**\n   * When true, the actions are always visible regardless of row hover.\n   * Can be useful keeping the actions visible when a popout surface is opened.\n   */\n  visible?: boolean;\n};\n\n/**\n * State used in rendering TableCellActions\n */\nexport type TableCellActionsState = ComponentState<TableCellActionsSlots> &\n  Pick<Required<TableCellActionsProps>, 'visible'>;\n"]}

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

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./TableCellActions", "./TableCellActions.types", "./renderTableCellActions", "./useTableCellActions", "./useTableCellActionsStyles"], function (require, exports, tslib_1, TableCellActions_1, TableCellActions_types_1, renderTableCellActions_1, useTableCellActions_1, useTableCellActionsStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(TableCellActions_1, exports);
+    tslib_1.__exportStar(TableCellActions_types_1, exports);
+    tslib_1.__exportStar(renderTableCellActions_1, exports);
+    tslib_1.__exportStar(useTableCellActions_1, exports);
+    tslib_1.__exportStar(useTableCellActionsStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellActions/index.ts"],"names":[],"mappings":";;;IAAA,kDAAmC;IACnC,wDAAyC;IACzC,wDAAyC;IACzC,qDAAsC;IACtC,2DAA4C","sourcesContent":["export * from './TableCellActions';\nexport * from './TableCellActions.types';\nexport * from './renderTableCellActions';\nexport * from './useTableCellActions';\nexport * from './useTableCellActionsStyles';\n"]}

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

@@ -0,0 +1,14 @@
+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.renderTableCellActions_unstable = void 0;
+    /**
+     * Render the final JSX of TableCellActions
+     */
+    var renderTableCellActions_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));
+    };
+    exports.renderTableCellActions_unstable = renderTableCellActions_unstable;
+});
+//# sourceMappingURL=renderTableCellActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderTableCellActions.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,+BAA+B,GAAG,UAAC,KAA4B;QACpE,IAAA,KAAuB,0BAAQ,CAAwB,KAAK,CAAC,EAA3D,KAAK,WAAA,EAAE,SAAS,eAA2C,CAAC;QAEpE,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,+BAA+B,mCAI1C","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableCellActionsState, TableCellActionsSlots } from './TableCellActions.types';\n\n/**\n * Render the final JSX of TableCellActions\n */\nexport const renderTableCellActions_unstable = (state: TableCellActionsState) => {\n  const { slots, slotProps } = getSlots<TableCellActionsSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"]}

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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useTableCellLayout", "./renderTableCellLayout", "./useTableCellLayoutStyles", "./useTableCellLayoutContextValues"], function (require, exports, React, useTableCellLayout_1, renderTableCellLayout_1, useTableCellLayoutStyles_1, useTableCellLayoutContextValues_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);
+        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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellLayout.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.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;QACzC,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';\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  return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\n\nTableCellLayout.displayName = 'TableCellLayout';\n"]}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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