@fluentui/react-table 9.0.0-rc.4 → 9.0.0

package/lib-amd/components/TableRow/useTableRow.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-tabster", "../../contexts/tableContext", "../../contexts/tableHeaderContext"], function (require, exports, tslib_1, react_utilities_1, react_tabster_1, tableContext_1, tableHeaderContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTableRow_unstable = void 0;
+    /**
+     * Create the state required to render TableRow.
+     *
+     * The returned state can be modified with hooks such as useTableRowStyles_unstable,
+     * before being passed to renderTableRow_unstable.
+     *
+     * @param props - props from this instance of TableRow
+     * @param ref - reference to root HTMLElement of TableRow
+     */
+    var useTableRow_unstable = function (props, ref) {
+        var _a, _b;
+        var _c = tableContext_1.useTableContext(), noNativeElements = _c.noNativeElements, size = _c.size;
+        var rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'tr';
+        var focusVisibleRef = react_tabster_1.useFocusVisible();
+        var focusWithinRef = react_tabster_1.useFocusWithin();
+        var isHeaderRow = tableHeaderContext_1.useIsInTableHeader();
+        return {
+            components: {
+                root: rootComponent,
+            },
+            root: react_utilities_1.getNativeElementProps(rootComponent, tslib_1.__assign({ ref: react_utilities_1.useMergedRefs(ref, focusVisibleRef, focusWithinRef), role: rootComponent === 'div' ? 'row' : undefined }, props)),
+            size: size,
+            noNativeElements: noNativeElements,
+            appearance: (_b = props.appearance) !== null && _b !== void 0 ? _b : 'none',
+            isHeaderRow: isHeaderRow,
+        };
+    };
+    exports.useTableRow_unstable = useTableRow_unstable;
+});
+//# sourceMappingURL=useTableRow.js.map

package/lib-amd/components/TableRow/useTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/useTableRow.ts"],"names":[],"mappings":";;;;IAOA;;;;;;;;OAQG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAAoB,EAAE,GAA2B;;QAC9E,IAAA,KAA6B,8BAAe,EAAE,EAA5C,gBAAgB,sBAAA,EAAE,IAAI,UAAsB,CAAC;QACrD,IAAM,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,EAAE,mCAAI,gBAAgB,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAClE,IAAM,eAAe,GAAG,+BAAe,EAAE,CAAC;QAC1C,IAAM,cAAc,GAAG,8BAAc,EAAE,CAAC;QACxC,IAAM,WAAW,GAAG,uCAAkB,EAAE,CAAC;QAEzC,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;aACpB;YACD,IAAI,EAAE,uCAAqB,CAAC,aAAa,qBACvC,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,eAAe,EAAE,cAAc,CAAC,EACxD,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAC9C,KAAK,EACR;YACF,IAAI,MAAA;YACJ,gBAAgB,kBAAA;YAChB,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,MAAM;YACtC,WAAW,aAAA;SACZ,CAAC;IACJ,CAAC,CAAC;IArBW,QAAA,oBAAoB,wBAqB/B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusVisible, useFocusWithin } from '@fluentui/react-tabster';\nimport type { TableRowProps, TableRowState } from './TableRow.types';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n\n/**\n * Create the state required to render TableRow.\n *\n * The returned state can be modified with hooks such as useTableRowStyles_unstable,\n * before being passed to renderTableRow_unstable.\n *\n * @param props - props from this instance of TableRow\n * @param ref - reference to root HTMLElement of TableRow\n */\nexport const useTableRow_unstable = (props: TableRowProps, ref: React.Ref<HTMLElement>): TableRowState => {\n  const { noNativeElements, size } = useTableContext();\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'tr';\n  const focusVisibleRef = useFocusVisible();\n  const focusWithinRef = useFocusWithin();\n  const isHeaderRow = useIsInTableHeader();\n\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref: useMergedRefs(ref, focusVisibleRef, focusWithinRef),\n      role: rootComponent === 'div' ? 'row' : undefined,\n      ...props,\n    }),\n    size,\n    noNativeElements,\n    appearance: props.appearance ?? 'none',\n    isHeaderRow,\n  };\n};\n"]}

package/lib-amd/components/TableRow/useTableRowStyles.js

@@ -0,0 +1,98 @@
+define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme", "../TableCellActions/useTableCellActionsStyles", "../TableSelectionCell/useTableSelectionCellStyles", "@fluentui/react-tabster"], function (require, exports, tslib_1, react_1, react_theme_1, useTableCellActionsStyles_1, useTableSelectionCellStyles_1, react_tabster_1) {
+    "use strict";
+    var _a, _b, _c;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTableRowStyles_unstable = exports.tableRowClassNames = exports.tableRowClassName = void 0;
+    exports.tableRowClassName = 'fui-TableRow';
+    exports.tableRowClassNames = {
+        root: exports.tableRowClassName,
+    };
+    var useTableLayoutStyles = react_1.makeStyles({
+        root: {
+            display: 'table-row',
+        },
+    });
+    var useFlexLayoutStyles = react_1.makeStyles({
+        root: {
+            display: 'flex',
+            alignItems: 'center',
+        },
+    });
+    /**
+     * Styles for the root slot
+     */
+    var useStyles = react_1.makeStyles({
+        root: tslib_1.__assign(tslib_1.__assign({ color: react_theme_1.tokens.colorNeutralForeground1, boxSizing: 'border-box' }, react_tabster_1.createCustomFocusIndicatorStyle((_a = {},
+            _a["& ." + useTableSelectionCellStyles_1.tableSelectionCellClassNames.root] = {
+                opacity: 1,
+            },
+            _a["& ." + useTableCellActionsStyles_1.tableCellActionsClassNames.root] = {
+                opacity: 1,
+            },
+            _a), { selector: 'focus-within', enableOutline: true })), 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 })),
+        // When focus is within the row the background colour
+        // should be the same as hover, except when there is a brand
+        // or neutral appearance applied on the row
+        noAppearanceFocusWithin: tslib_1.__assign({}, react_tabster_1.createCustomFocusIndicatorStyle({
+            backgroundColor: react_theme_1.tokens.colorSubtleBackgroundHover,
+        }, { selector: 'focus-within', enableOutline: true })),
+        rootInteractive: {
+            ':active': (_b = {
+                    backgroundColor: react_theme_1.tokens.colorSubtleBackgroundPressed,
+                    color: react_theme_1.tokens.colorNeutralForeground1Pressed
+                },
+                _b["& ." + useTableCellActionsStyles_1.tableCellActionsClassNames.root] = {
+                    opacity: 1,
+                },
+                _b["& ." + useTableSelectionCellStyles_1.tableSelectionCellClassNames.root] = {
+                    opacity: 1,
+                },
+                _b),
+            ':hover': (_c = {
+                    backgroundColor: react_theme_1.tokens.colorSubtleBackgroundHover,
+                    color: react_theme_1.tokens.colorNeutralForeground1Hover
+                },
+                _c["& ." + useTableCellActionsStyles_1.tableCellActionsClassNames.root] = {
+                    opacity: 1,
+                },
+                _c["& ." + useTableSelectionCellStyles_1.tableSelectionCellClassNames.root] = {
+                    opacity: 1,
+                },
+                _c),
+        },
+        medium: tslib_1.__assign({}, react_1.shorthands.borderBottom(react_theme_1.tokens.strokeWidthThin, 'solid', react_theme_1.tokens.colorNeutralStroke2)),
+        small: tslib_1.__assign({}, react_1.shorthands.borderBottom(react_theme_1.tokens.strokeWidthThin, 'solid', react_theme_1.tokens.colorNeutralStroke2)),
+        'extra-small': {
+            fontSize: react_theme_1.tokens.fontSizeBase200,
+        },
+        brand: tslib_1.__assign(tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorBrandBackground2, color: react_theme_1.tokens.colorNeutralForeground1Hover }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeOnBrand)), { ':hover': {
+                backgroundColor: react_theme_1.tokens.colorBrandBackground2,
+            }, ':active': {
+                backgroundColor: react_theme_1.tokens.colorBrandBackgroundInvertedSelected,
+            }, '@media(forced-colors: active)': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.border('2px', 'solid', 'transparent')), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { boxSizing: 'border-box', ':focus-visible': {
+                    outlineOffset: '-4px',
+                } }) }),
+        neutral: tslib_1.__assign({ '@media(forced-colors: active)': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.border('2px', 'solid', 'transparent')), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { boxSizing: 'border-box', ':focus-visible': {
+                    outlineOffset: '-4px',
+                } }), backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected, color: react_theme_1.tokens.colorNeutralForeground1Hover, ':hover': {
+                backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected,
+            }, ':active': {
+                backgroundColor: react_theme_1.tokens.colorSubtleBackgroundSelected,
+            } }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeOnBrand)),
+        none: {},
+    });
+    /**
+     * Apply styling to the TableRow slots based on the state
+     */
+    var useTableRowStyles_unstable = function (state) {
+        var styles = useStyles();
+        var layoutStyles = {
+            table: useTableLayoutStyles(),
+            flex: useFlexLayoutStyles(),
+        };
+        state.root.className = react_1.mergeClasses(exports.tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className);
+        return state;
+    };
+    exports.useTableRowStyles_unstable = useTableRowStyles_unstable;
+});
+//# sourceMappingURL=useTableRowStyles.js.map

package/lib-amd/components/TableRow/useTableRowStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableRowStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableRow/useTableRowStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableRowSlots, TableRowState } from './TableRow.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames: SlotClassNames<TableRowSlots> = {\n  root: tableRowClassName,\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    boxSizing: 'border-box',\n    ...createCustomFocusIndicatorStyle(\n      {\n        [`& .${tableSelectionCellClassNames.root}`]: {\n          opacity: 1,\n        },\n        [`& .${tableCellActionsClassNames.root}`]: {\n          opacity: 1,\n        },\n      },\n      { selector: 'focus-within', enableOutline: true },\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  // When focus is within the row the background colour\n  // should be the same as hover, except when there is a brand\n  // or neutral appearance applied on the row\n  noAppearanceFocusWithin: {\n    ...createCustomFocusIndicatorStyle(\n      {\n        backgroundColor: tokens.colorSubtleBackgroundHover,\n      },\n      { selector: 'focus-within', enableOutline: true },\n    ),\n  },\n\n  rootInteractive: {\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n      color: tokens.colorNeutralForeground1Pressed,\n      [`& .${tableCellActionsClassNames.root}`]: {\n        opacity: 1,\n      },\n      [`& .${tableSelectionCellClassNames.root}`]: {\n        opacity: 1,\n      },\n    },\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n      color: tokens.colorNeutralForeground1Hover,\n      [`& .${tableCellActionsClassNames.root}`]: {\n        opacity: 1,\n      },\n      [`& .${tableSelectionCellClassNames.root}`]: {\n        opacity: 1,\n      },\n    },\n  },\n\n  medium: {\n    ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n  },\n\n  small: {\n    ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n  },\n\n  'extra-small': {\n    fontSize: tokens.fontSizeBase200,\n  },\n\n  brand: {\n    backgroundColor: tokens.colorBrandBackground2,\n    color: tokens.colorNeutralForeground1Hover,\n    ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),\n    ':hover': {\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n    ':active': {\n      backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n    },\n\n    '@media(forced-colors: active)': {\n      ...shorthands.border('2px', 'solid', 'transparent'),\n      ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      boxSizing: 'border-box',\n      ':focus-visible': {\n        outlineOffset: '-4px',\n      },\n    },\n  },\n\n  neutral: {\n    '@media(forced-colors: active)': {\n      ...shorthands.border('2px', 'solid', 'transparent'),\n      ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      boxSizing: 'border-box',\n      ':focus-visible': {\n        outlineOffset: '-4px',\n      },\n    },\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n    color: tokens.colorNeutralForeground1Hover,\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundSelected,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundSelected,\n    },\n\n    ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand),\n  },\n\n  none: {},\n});\n\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = (state: TableRowState): TableRowState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableRowClassNames.root,\n    styles.root,\n    !state.isHeaderRow && styles.rootInteractive,\n    styles[state.size],\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    styles[state.appearance],\n    state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin,\n    state.root.className,\n  );\n\n  return state;\n};\n"]}

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useTableSelectionCell", "./renderTableSelectionCell", "./useTableSelectionCellStyles"], function (require, exports, React, useTableSelectionCell_1, renderTableSelectionCell_1, useTableSelectionCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TableSelectionCell = void 0;
+    /**
+     * TableSelectionCell component
+     */
+    exports.TableSelectionCell = React.forwardRef(function (props, ref) {
+        var state = useTableSelectionCell_1.useTableSelectionCell_unstable(props, ref);
+        useTableSelectionCellStyles_1.useTableSelectionCellStyles_unstable(state);
+        return renderTableSelectionCell_1.renderTableSelectionCell_unstable(state);
+    });
+    exports.TableSelectionCell.displayName = 'TableSelectionCell';
+});
+//# sourceMappingURL=TableSelectionCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO,4DAAiC,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTableSelectionCell_unstable } from './useTableSelectionCell';\nimport { renderTableSelectionCell_unstable } from './renderTableSelectionCell';\nimport { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles';\nimport type { TableSelectionCellProps } from './TableSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * TableSelectionCell component\n */\nexport const TableSelectionCell: ForwardRefComponent<TableSelectionCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableSelectionCell_unstable(props, ref);\n\n  useTableSelectionCellStyles_unstable(state);\n  return renderTableSelectionCell_unstable(state);\n});\n\nTableSelectionCell.displayName = 'TableSelectionCell';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectionCell.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { Checkbox, CheckboxProps } from '@fluentui/react-checkbox';\nimport type { Radio } from '@fluentui/react-radio';\nimport { TableCellSlots } from '../TableCell/TableCell.types';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableSelectionCellSlots = {\n  /**\n   * Selection indicator if selection type is checkbox\n   */\n  checkboxIndicator: Slot<typeof Checkbox>;\n  /**\n   * Selection indicator if selection type is radio\n   */\n  radioIndicator: Slot<typeof Radio>;\n} & Pick<TableCellSlots, 'root'>;\n\n/**\n * TableSelectionCell Props\n */\nexport type TableSelectionCellProps = ComponentProps<Partial<TableSelectionCellSlots>> & {\n  /**\n   * A table can have two kinds of selection modes.\n   * @default checkbox\n   */\n  type?: 'checkbox' | 'radio';\n\n  /**\n   * @default false\n   */\n  checked?: CheckboxProps['checked'];\n\n  /**\n   * Only visible when checked or the parent row is hovered/focused\n   * @default false\n   */\n  subtle?: boolean;\n\n  /**\n   * Completely hides the selection cell visually but takes up the same space\n   * @default false\n   */\n  hidden?: boolean;\n};\n\n/**\n * State used in rendering TableSelectionCell\n */\nexport type TableSelectionCellState = ComponentState<TableSelectionCellSlots> &\n  Pick<Required<TableSelectionCellProps>, 'type' | 'checked' | 'subtle' | 'hidden'> &\n  Pick<TableContextValue, 'noNativeElements'>;\n"]}

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

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./TableSelectionCell", "./TableSelectionCell.types", "./renderTableSelectionCell", "./useTableSelectionCell", "./useTableSelectionCellStyles"], function (require, exports, tslib_1, TableSelectionCell_1, TableSelectionCell_types_1, renderTableSelectionCell_1, useTableSelectionCell_1, useTableSelectionCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(TableSelectionCell_1, exports);
+    tslib_1.__exportStar(TableSelectionCell_types_1, exports);
+    tslib_1.__exportStar(renderTableSelectionCell_1, exports);
+    tslib_1.__exportStar(useTableSelectionCell_1, exports);
+    tslib_1.__exportStar(useTableSelectionCellStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './TableSelectionCell';\nexport * from './TableSelectionCell.types';\nexport * from './renderTableSelectionCell';\nexport * from './useTableSelectionCell';\nexport * from './useTableSelectionCellStyles';\n"]}

package/lib-amd/components/TableSelectionCell/renderTableSelectionCell.js

@@ -0,0 +1,16 @@
+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.renderTableSelectionCell_unstable = void 0;
+    /**
+     * Render the final JSX of TableSelectionCell
+     */
+    var renderTableSelectionCell_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),
+            state.type === 'checkbox' && slots.checkboxIndicator && (React.createElement(slots.checkboxIndicator, tslib_1.__assign({}, slotProps.checkboxIndicator))),
+            state.type === 'radio' && slots.radioIndicator && React.createElement(slots.radioIndicator, tslib_1.__assign({}, slotProps.radioIndicator))));
+    };
+    exports.renderTableSelectionCell_unstable = renderTableSelectionCell_unstable;
+});
+//# sourceMappingURL=renderTableSelectionCell.js.map

package/lib-amd/components/TableSelectionCell/renderTableSelectionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTableSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/renderTableSelectionCell.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,iCAAiC,GAAG,UAAC,KAA8B;QACxE,IAAA,KAAuB,0BAAQ,CAA0B,KAAK,CAAC,EAA7D,KAAK,WAAA,EAAE,SAAS,eAA6C,CAAC;QAEtE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,iBAAiB,IAAI,CACvD,oBAAC,KAAK,CAAC,iBAAiB,uBAAK,SAAS,CAAC,iBAAiB,EAAI,CAC7D;YACA,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,IAAI,oBAAC,KAAK,CAAC,cAAc,uBAAK,SAAS,CAAC,cAAc,EAAI,CAC9F,CACd,CAAC;IACJ,CAAC,CAAC;IAXW,QAAA,iCAAiC,qCAW5C","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell.types';\n\n/**\n * Render the final JSX of TableSelectionCell\n */\nexport const renderTableSelectionCell_unstable = (state: TableSelectionCellState) => {\n  const { slots, slotProps } = getSlots<TableSelectionCellSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.type === 'checkbox' && slots.checkboxIndicator && (\n        <slots.checkboxIndicator {...slotProps.checkboxIndicator} />\n      )}\n      {state.type === 'radio' && slots.radioIndicator && <slots.radioIndicator {...slotProps.radioIndicator} />}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/TableSelectionCell/useTableSelectionCell.js

@@ -0,0 +1,28 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-checkbox", "@fluentui/react-radio", "../TableCell/useTableCell", "../../contexts/tableContext"], function (require, exports, tslib_1, react_utilities_1, react_checkbox_1, react_radio_1, useTableCell_1, tableContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTableSelectionCell_unstable = void 0;
+    /**
+     * Create the state required to render TableSelectionCell.
+     *
+     * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,
+     * before being passed to renderTableSelectionCell_unstable.
+     *
+     * @param props - props from this instance of TableSelectionCell
+     * @param ref - reference to root HTMLElement of TableSelectionCell
+     */
+    var useTableSelectionCell_unstable = function (props, ref) {
+        var tableCellState = useTableCell_1.useTableCell_unstable(props, ref);
+        var noNativeElements = tableContext_1.useTableContext().noNativeElements;
+        var _a = props.type, type = _a === void 0 ? 'checkbox' : _a, _b = props.checked, checked = _b === void 0 ? false : _b, _c = props.subtle, subtle = _c === void 0 ? false : _c, _d = props.hidden, hidden = _d === void 0 ? false : _d;
+        return tslib_1.__assign(tslib_1.__assign({}, tableCellState), { components: tslib_1.__assign(tslib_1.__assign({}, tableCellState.components), { checkboxIndicator: react_checkbox_1.Checkbox, radioIndicator: react_radio_1.Radio }), checkboxIndicator: react_utilities_1.resolveShorthand(props.checkboxIndicator, {
+                required: type === 'checkbox',
+                defaultProps: { checked: props.checked },
+            }), radioIndicator: react_utilities_1.resolveShorthand(props.radioIndicator, {
+                required: type === 'radio',
+                defaultProps: { checked: !!checked, input: { name: react_utilities_1.useId('table-selection-radio') } },
+            }), type: type, checked: checked, noNativeElements: noNativeElements, subtle: subtle, hidden: hidden });
+    };
+    exports.useTableSelectionCell_unstable = useTableSelectionCell_unstable;
+});
+//# sourceMappingURL=useTableSelectionCell.js.map

package/lib-amd/components/TableSelectionCell/useTableSelectionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCell.tsx"],"names":[],"mappings":";;;;IAQA;;;;;;;;OAQG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAA2B;QAE3B,IAAM,cAAc,GAAG,oCAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACjD,IAAA,gBAAgB,GAAK,8BAAe,EAAE,iBAAtB,CAAuB;QACvC,IAAA,KAAuE,KAAK,KAA3D,EAAjB,IAAI,mBAAG,UAAU,KAAA,EAAE,KAAoD,KAAK,QAA1C,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,KAAmC,KAAK,OAA1B,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,KAAmB,KAAK,OAAV,EAAd,MAAM,mBAAG,KAAK,KAAA,CAAW;QAErF,6CACK,cAAc,KACjB,UAAU,wCACL,cAAc,CAAC,UAAU,KAC5B,iBAAiB,EAAE,yBAAQ,EAC3B,cAAc,EAAE,mBAAK,KAEvB,iBAAiB,EAAE,kCAAgB,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAC3D,QAAQ,EAAE,IAAI,KAAK,UAAU;gBAC7B,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;aACzC,CAAC,EACF,cAAc,EAAE,kCAAgB,CAAC,KAAK,CAAC,cAAc,EAAE;gBACrD,QAAQ,EAAE,IAAI,KAAK,OAAO;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,uBAAK,CAAC,uBAAuB,CAAC,EAAE,EAAE;aACtF,CAAC,EACF,IAAI,MAAA,EACJ,OAAO,SAAA,EACP,gBAAgB,kBAAA,EAChB,MAAM,QAAA,EACN,MAAM,QAAA,IACN;IACJ,CAAC,CAAC;IA7BW,QAAA,8BAA8B,kCA6BzC","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport type { TableSelectionCellProps, TableSelectionCellState } from './TableSelectionCell.types';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */\nexport const useTableSelectionCell_unstable = (\n  props: TableSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): TableSelectionCellState => {\n  const tableCellState = useTableCell_unstable(props, ref);\n  const { noNativeElements } = useTableContext();\n  const { type = 'checkbox', checked = false, subtle = false, hidden = false } = props;\n\n  return {\n    ...tableCellState,\n    components: {\n      ...tableCellState.components,\n      checkboxIndicator: Checkbox,\n      radioIndicator: Radio,\n    },\n    checkboxIndicator: resolveShorthand(props.checkboxIndicator, {\n      required: type === 'checkbox',\n      defaultProps: { checked: props.checked },\n    }),\n    radioIndicator: resolveShorthand(props.radioIndicator, {\n      required: type === 'radio',\n      defaultProps: { checked: !!checked, input: { name: useId('table-selection-radio') } },\n    }),\n    type,\n    checked,\n    noNativeElements,\n    subtle,\n    hidden,\n  };\n};\n"]}

package/lib-amd/components/TableSelectionCell/useTableSelectionCellStyles.js

@@ -0,0 +1,58 @@
+define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-tabster", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_tabster_1, react_theme_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTableSelectionCellStyles_unstable = exports.tableSelectionCellClassNames = exports.CELL_WIDTH = void 0;
+    exports.CELL_WIDTH = 44;
+    exports.tableSelectionCellClassNames = {
+        root: 'fui-TableSelectionCell',
+        checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',
+        radioIndicator: 'fui-TableSelectionCell__radioIndicator',
+    };
+    var useTableLayoutStyles = react_1.makeStyles({
+        root: {
+            display: 'table-cell',
+            width: exports.CELL_WIDTH + "px",
+        },
+    });
+    var useFlexLayoutStyles = react_1.makeStyles({
+        root: tslib_1.__assign(tslib_1.__assign({ display: 'flex' }, react_1.shorthands.flex(1, 1, '0px')), { minWidth: exports.CELL_WIDTH + "px", maxWidth: exports.CELL_WIDTH + "px", justifyContent: 'center' }),
+    });
+    /**
+     * Styles for the root slot
+     */
+    var useStyles = react_1.makeStyles({
+        root: tslib_1.__assign(tslib_1.__assign({ textAlign: 'center', whiteSpace: 'nowrap' }, react_1.shorthands.padding(0)), 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 })),
+        radioIndicator: {
+            display: 'flex',
+            flexGrow: 1,
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        subtle: tslib_1.__assign({ opacity: 0 }, react_tabster_1.createCustomFocusIndicatorStyle({
+            opacity: 1,
+        }, { selector: 'focus-within' })),
+        hidden: {
+            visibility: 'hidden',
+        },
+    });
+    /**
+     * Apply styling to the TableSelectionCell slots based on the state
+     */
+    var useTableSelectionCellStyles_unstable = function (state) {
+        var styles = useStyles();
+        var layoutStyles = {
+            table: useTableLayoutStyles(),
+            flex: useFlexLayoutStyles(),
+        };
+        state.root.className = react_1.mergeClasses(exports.tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);
+        if (state.checkboxIndicator) {
+            state.checkboxIndicator.className = react_1.mergeClasses(exports.tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);
+        }
+        if (state.radioIndicator) {
+            state.radioIndicator.className = react_1.mergeClasses(exports.tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);
+        }
+        return state;
+    };
+    exports.useTableSelectionCellStyles_unstable = useTableSelectionCellStyles_unstable;
+});
+//# sourceMappingURL=useTableSelectionCellStyles.js.map

package/lib-amd/components/TableSelectionCell/useTableSelectionCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelectionCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCellStyles.ts"],"names":[],"mappings":";;;;IAMa,QAAA,UAAU,GAAG,EAAE,CAAC;IAEhB,QAAA,4BAA4B,GAA4C;QACnF,IAAI,EAAE,wBAAwB;QAC9B,iBAAiB,EAAE,2CAA2C;QAC9D,cAAc,EAAE,wCAAwC;KACzD,CAAC;IAEF,IAAM,oBAAoB,GAAG,kBAAU,CAAC;QACtC,IAAI,EAAE;YACJ,OAAO,EAAE,YAAY;YACrB,KAAK,EAAK,kBAAU,OAAI;SACzB;KACF,CAAC,CAAC;IAEH,IAAM,mBAAmB,GAAG,kBAAU,CAAC;QACrC,IAAI,sCACF,OAAO,EAAE,MAAM,IACZ,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,KAC/B,QAAQ,EAAK,kBAAU,OAAI,EAC3B,QAAQ,EAAK,kBAAU,OAAI,EAC3B,cAAc,EAAE,QAAQ,GACzB;KACF,CAAC,CAAC;IAEH;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,sCACF,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,QAAQ,IACjB,kBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GACrB,+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;QAED,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAED,MAAM,qBACJ,OAAO,EAAE,CAAC,IACP,+CAA+B,CAChC;YACE,OAAO,EAAE,CAAC;SACX,EACD,EAAE,QAAQ,EAAE,cAAc,EAAE,CAC7B,CACF;QAED,MAAM,EAAE;YACN,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,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,oCAA4B,CAAC,IAAI,EACjC,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,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,MAAM,EACxD,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAC7B,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QACF,IAAI,KAAK,CAAC,iBAAiB,EAAE;YAC3B,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG,oBAAY,CAC9C,oCAA4B,CAAC,iBAAiB,EAC9C,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAClC,CAAC;SACH;QAED,IAAI,KAAK,CAAC,cAAc,EAAE;YACxB,KAAK,CAAC,cAAc,CAAC,SAAS,GAAG,oBAAY,CAC3C,oCAA4B,CAAC,cAAc,EAC3C,MAAM,CAAC,cAAc,EACrB,KAAK,CAAC,cAAc,CAAC,SAAS,CAC/B,CAAC;SACH;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA9BW,QAAA,oCAAoC,wCA8B/C","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TableSelectionCellSlots, TableSelectionCellState } from './TableSelectionCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const CELL_WIDTH = 44;\n\nexport const tableSelectionCellClassNames: SlotClassNames<TableSelectionCellSlots> = {\n  root: 'fui-TableSelectionCell',\n  checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-TableSelectionCell__radioIndicator',\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-cell',\n    width: `${CELL_WIDTH}px`,\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.flex(1, 1, '0px'),\n    minWidth: `${CELL_WIDTH}px`,\n    maxWidth: `${CELL_WIDTH}px`,\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    textAlign: 'center',\n    whiteSpace: 'nowrap',\n    ...shorthands.padding(0),\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  radioIndicator: {\n    display: 'flex',\n    flexGrow: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  subtle: {\n    opacity: 0,\n    ...createCustomFocusIndicatorStyle(\n      {\n        opacity: 1,\n      },\n      { selector: 'focus-within' },\n    ),\n  },\n\n  hidden: {\n    visibility: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */\nexport const useTableSelectionCellStyles_unstable = (state: TableSelectionCellState): TableSelectionCellState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableSelectionCellClassNames.root,\n    styles.root,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.subtle && state.checked === false && styles.subtle,\n    state.hidden && styles.hidden,\n    state.root.className,\n  );\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(\n      tableSelectionCellClassNames.checkboxIndicator,\n      state.checkboxIndicator.className,\n    );\n  }\n\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(\n      tableSelectionCellClassNames.radioIndicator,\n      styles.radioIndicator,\n      state.radioIndicator.className,\n    );\n  }\n\n  return state;\n};\n"]}

package/lib-amd/contexts/columnIdContext.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ColumnIdContextProvider = exports.useColumnIdContext = exports.columnIdContextDefaultValue = void 0;
+    var columnIdContext = React.createContext(undefined);
+    exports.columnIdContextDefaultValue = '';
+    var useColumnIdContext = function () { var _a; return (_a = React.useContext(columnIdContext)) !== null && _a !== void 0 ? _a : exports.columnIdContextDefaultValue; };
+    exports.useColumnIdContext = useColumnIdContext;
+    exports.ColumnIdContextProvider = columnIdContext.Provider;
+});
+//# sourceMappingURL=columnIdContext.js.map

package/lib-amd/contexts/columnIdContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnIdContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/columnIdContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA4B,SAAS,CAAC,CAAC;IAErE,QAAA,2BAA2B,GAAG,EAAE,CAAC;IAEvC,IAAM,kBAAkB,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,mCAAI,mCAA2B,CAAA,EAAA,CAAC;IAA5F,QAAA,kBAAkB,sBAA0E;IAE5F,QAAA,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport type { TableColumnId } from '../hooks/';\n\nconst columnIdContext = React.createContext<TableColumnId | undefined>(undefined);\n\nexport const columnIdContextDefaultValue = '';\n\nexport const useColumnIdContext = () => React.useContext(columnIdContext) ?? columnIdContextDefaultValue;\n\nexport const ColumnIdContextProvider = columnIdContext.Provider;\n"]}

package/lib-amd/contexts/dataGridContext.js

@@ -0,0 +1,16 @@
+define(["require", "exports", "tslib", "@fluentui/react-context-selector", "../hooks"], function (require, exports, tslib_1, react_context_selector_1, hooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridContext_unstable = exports.DataGridContextProvider = void 0;
+    var dataGridContext = react_context_selector_1.createContext(undefined);
+    var dataGridContextDefaultValue = tslib_1.__assign(tslib_1.__assign({}, hooks_1.defaultTableState), { subtleSelection: false, selectableRows: false, selectionAppearance: 'brand', focusMode: 'none' });
+    exports.DataGridContextProvider = dataGridContext.Provider;
+    var useDataGridContext_unstable = function (selector) {
+        return react_context_selector_1.useContextSelector(dataGridContext, function (ctx) {
+            if (ctx === void 0) { ctx = dataGridContextDefaultValue; }
+            return selector(ctx);
+        });
+    };
+    exports.useDataGridContext_unstable = useDataGridContext_unstable;
+});
+//# sourceMappingURL=dataGridContext.js.map

package/lib-amd/contexts/dataGridContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataGridContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/dataGridContext.ts"],"names":[],"mappings":";;;;IAKA,IAAM,eAAe,GAAG,sCAAa,CAAmC,SAAS,CAAC,CAAC;IAEnF,IAAM,2BAA2B,yCAC5B,yBAAiB,KACpB,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,KAAK,EACrB,mBAAmB,EAAE,OAAO,EAC5B,SAAS,EAAE,MAAM,GAClB,CAAC;IAEW,QAAA,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC;IAEzD,IAAM,2BAA2B,GAAG,UAAI,QAAkD;QAC/F,OAAA,2CAAkB,CAAC,eAAe,EAAE,UAAC,GAAiC;YAAjC,oBAAA,EAAA,iCAAiC;YAAK,OAAA,QAAQ,CAAC,GAAG,CAAC;QAAb,CAAa,CAAC;IAAzF,CAAyF,CAAC;IAD/E,QAAA,2BAA2B,+BACoD","sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport { DataGridContextValue } from '../components/DataGrid/DataGrid.types';\nimport { defaultTableState } from '../hooks';\n\nconst dataGridContext = createContext<DataGridContextValue | undefined>(undefined);\n\nconst dataGridContextDefaultValue: DataGridContextValue = {\n  ...defaultTableState,\n  subtleSelection: false,\n  selectableRows: false,\n  selectionAppearance: 'brand',\n  focusMode: 'none',\n};\n\nexport const DataGridContextProvider = dataGridContext.Provider;\n\nexport const useDataGridContext_unstable = <T>(selector: ContextSelector<DataGridContextValue, T>) =>\n  useContextSelector(dataGridContext, (ctx = dataGridContextDefaultValue) => selector(ctx));\n"]}

package/lib-amd/contexts/rowIdContext.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TableRowIdContextProvider = exports.useTableRowIdContext = exports.tableRowIdContextDefaultValue = void 0;
+    var rowIdContext = React.createContext(undefined);
+    exports.tableRowIdContextDefaultValue = '';
+    var useTableRowIdContext = function () { var _a; return (_a = React.useContext(rowIdContext)) !== null && _a !== void 0 ? _a : exports.tableRowIdContextDefaultValue; };
+    exports.useTableRowIdContext = useTableRowIdContext;
+    exports.TableRowIdContextProvider = rowIdContext.Provider;
+});
+//# sourceMappingURL=rowIdContext.js.map

package/lib-amd/contexts/rowIdContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowIdContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/rowIdContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAyB,SAAS,CAAC,CAAC;IAE/D,QAAA,6BAA6B,GAAG,EAAE,CAAC;IAEzC,IAAM,oBAAoB,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,mCAAI,qCAA6B,CAAA,EAAA,CAAC;IAA7F,QAAA,oBAAoB,wBAAyE;IAE7F,QAAA,yBAAyB,GAAG,YAAY,CAAC,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport type { TableRowId } from '../hooks/';\n\nconst rowIdContext = React.createContext<TableRowId | undefined>(undefined);\n\nexport const tableRowIdContextDefaultValue = '';\n\nexport const useTableRowIdContext = () => React.useContext(rowIdContext) ?? tableRowIdContextDefaultValue;\n\nexport const TableRowIdContextProvider = rowIdContext.Provider;\n"]}

package/lib-amd/contexts/tableContext.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTableContext = exports.TableContextProvider = exports.tableContextDefaultValue = void 0;
+    var tableContext = React.createContext(undefined);
+    exports.tableContextDefaultValue = {
+        size: 'medium',
+        noNativeElements: false,
+        sortable: false,
+    };
+    exports.TableContextProvider = tableContext.Provider;
+    var useTableContext = function () { var _a; return (_a = React.useContext(tableContext)) !== null && _a !== void 0 ? _a : exports.tableContextDefaultValue; };
+    exports.useTableContext = useTableContext;
+});
+//# sourceMappingURL=tableContext.js.map

package/lib-amd/contexts/tableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/tableContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAgC,SAAS,CAAC,CAAC;IAEtE,QAAA,wBAAwB,GAAsB;QACzD,IAAI,EAAE,QAAQ;QACd,gBAAgB,EAAE,KAAK;QACvB,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEW,QAAA,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC;IACnD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,mCAAI,gCAAwB,CAAA,EAAA,CAAC;IAAnF,QAAA,eAAe,mBAAoE","sourcesContent":["import * as React from 'react';\nimport { TableContextValue } from '../components/Table/Table.types';\n\nconst tableContext = React.createContext<TableContextValue | undefined>(undefined);\n\nexport const tableContextDefaultValue: TableContextValue = {\n  size: 'medium',\n  noNativeElements: false,\n  sortable: false,\n};\n\nexport const TableContextProvider = tableContext.Provider;\nexport const useTableContext = () => React.useContext(tableContext) ?? tableContextDefaultValue;\n"]}

package/lib-amd/contexts/tableHeaderContext.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useIsInTableHeader = exports.TableHeaderContextProvider = void 0;
+    var tableHeaderContext = React.createContext(undefined);
+    var tableHeaderContextDefaultValue = '';
+    exports.TableHeaderContextProvider = tableHeaderContext.Provider;
+    var useIsInTableHeader = function () { return React.useContext(tableHeaderContext) === tableHeaderContextDefaultValue; };
+    exports.useIsInTableHeader = useIsInTableHeader;
+});
+//# sourceMappingURL=tableHeaderContext.js.map

package/lib-amd/contexts/tableHeaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHeaderContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/tableHeaderContext.ts"],"names":[],"mappings":";;;;IAEA,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;IAE9E,IAAM,8BAA8B,GAAG,EAAE,CAAC;IAE7B,QAAA,0BAA0B,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IAC/D,IAAM,kBAAkB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,KAAK,8BAA8B,EAAvE,CAAuE,CAAC;IAAnG,QAAA,kBAAkB,sBAAiF","sourcesContent":["import * as React from 'react';\n\nconst tableHeaderContext = React.createContext<string | undefined>(undefined);\n\nconst tableHeaderContextDefaultValue = '';\n\nexport const TableHeaderContextProvider = tableHeaderContext.Provider;\nexport const useIsInTableHeader = () => React.useContext(tableHeaderContext) === tableHeaderContextDefaultValue;\n"]}

package/lib-amd/hooks/createColumn.js

@@ -0,0 +1,36 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createTableColumn = void 0;
+    var defaultCompare = function () { return 0; };
+    var defaultRenderCell = function () {
+        if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.warn('@fluentui/react-table: You are using the default column renderCell function that renders null');
+        }
+        return null;
+    };
+    var defaultRenderHeaderCell = function () {
+        if (process.env.NODE_ENV !== 'production') {
+            // eslint-disable-next-line no-console
+            console.warn('@fluentui/react-table: You are using the default column renderHeaderCell function that renders null');
+        }
+        return null;
+    };
+    /**
+     * Helper function to create column definition with defaults
+     * @param options - column definition options
+     * @returns - column definition with defaults
+     */
+    function createTableColumn(options) {
+        var columnId = options.columnId, _a = options.renderCell, renderCell = _a === void 0 ? defaultRenderCell : _a, _b = options.renderHeaderCell, renderHeaderCell = _b === void 0 ? defaultRenderHeaderCell : _b, _c = options.compare, compare = _c === void 0 ? defaultCompare : _c;
+        return {
+            columnId: columnId,
+            renderCell: renderCell,
+            renderHeaderCell: renderHeaderCell,
+            compare: compare,
+        };
+    }
+    exports.createTableColumn = createTableColumn;
+});
+//# sourceMappingURL=createColumn.js.map

package/lib-amd/hooks/createColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createColumn.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/createColumn.ts"],"names":[],"mappings":";;;;IAEA,IAAM,cAAc,GAAG,cAAM,OAAA,CAAC,EAAD,CAAC,CAAC;IAE/B,IAAM,iBAAiB,GAAG;QACxB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,+FAA+F,CAAC,CAAC;SAC/G;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,uBAAuB,GAAG;QAC9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,qGAAqG,CAAC,CAAC;SACrH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF;;;;OAIG;IACH,SAAgB,iBAAiB,CAAQ,OAAwC;QAE7E,IAAA,QAAQ,GAIN,OAAO,SAJD,EACR,KAGE,OAAO,WAHqB,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC9B,KAEE,OAAO,iBAFiC,EAA1C,gBAAgB,mBAAG,uBAAuB,KAAA,EAC1C,KACE,OAAO,QADe,EAAxB,OAAO,mBAAG,cAAc,KAAA,CACd;QAEZ,OAAO;YACL,QAAQ,UAAA;YACR,UAAU,YAAA;YACV,gBAAgB,kBAAA;YAChB,OAAO,SAAA;SACR,CAAC;IACJ,CAAC;IAdD,8CAcC","sourcesContent":["import { CreateTableColumnOptions } from './types';\n\nconst defaultCompare = () => 0;\n\nconst defaultRenderCell = () => {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('@fluentui/react-table: You are using the default column renderCell function that renders null');\n  }\n\n  return null;\n};\n\nconst defaultRenderHeaderCell = () => {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('@fluentui/react-table: You are using the default column renderHeaderCell function that renders null');\n  }\n\n  return null;\n};\n\n/**\n * Helper function to create column definition with defaults\n * @param options - column definition options\n * @returns - column definition with defaults\n */\nexport function createTableColumn<TItem>(options: CreateTableColumnOptions<TItem>) {\n  const {\n    columnId,\n    renderCell = defaultRenderCell,\n    renderHeaderCell = defaultRenderHeaderCell,\n    compare = defaultCompare,\n  } = options;\n\n  return {\n    columnId,\n    renderCell,\n    renderHeaderCell,\n    compare,\n  };\n}\n"]}

package/lib-amd/hooks/index.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "tslib", "./types", "./useTableFeatures", "./useTableSort", "./useTableSelection", "./createColumn", "./useTableColumnSizing"], function (require, exports, tslib_1, types_1, useTableFeatures_1, useTableSort_1, useTableSelection_1, createColumn_1, useTableColumnSizing_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(types_1, exports);
+    tslib_1.__exportStar(useTableFeatures_1, exports);
+    tslib_1.__exportStar(useTableSort_1, exports);
+    tslib_1.__exportStar(useTableSelection_1, exports);
+    tslib_1.__exportStar(createColumn_1, exports);
+    tslib_1.__exportStar(useTableColumnSizing_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,kDAAmC;IACnC,8CAA+B;IAC/B,mDAAoC;IACpC,8CAA+B;IAC/B,sDAAuC","sourcesContent":["export * from './types';\nexport * from './useTableFeatures';\nexport * from './useTableSort';\nexport * from './useTableSelection';\nexport * from './createColumn';\nexport * from './useTableColumnSizing';\n"]}

package/lib-amd/hooks/selectionManager.js

@@ -0,0 +1,82 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.createSelectionManager = void 0;
+    function createSelectionManager(mode, onSelectionChange) {
+        if (onSelectionChange === void 0) { onSelectionChange = function () { return undefined; }; }
+        var managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;
+        return managerFactory(onSelectionChange);
+    }
+    exports.createSelectionManager = createSelectionManager;
+    function createMultipleSelectionManager(onSelectionChange) {
+        var toggleAllItems = function (e, itemIds, selectedItems) {
+            var allItemsSelected = itemIds.every(function (itemId) { return selectedItems.has(itemId); });
+            if (allItemsSelected) {
+                selectedItems.clear();
+            }
+            else {
+                itemIds.forEach(function (itemId) { return selectedItems.add(itemId); });
+            }
+            onSelectionChange(e, new Set(selectedItems));
+        };
+        var toggleItem = function (e, itemId, selectedItems) {
+            if (selectedItems.has(itemId)) {
+                selectedItems.delete(itemId);
+            }
+            else {
+                selectedItems.add(itemId);
+            }
+            onSelectionChange(e, new Set(selectedItems));
+        };
+        var selectItem = function (e, itemId, selectedItems) {
+            selectedItems.add(itemId);
+            onSelectionChange(e, new Set(selectedItems));
+        };
+        var deselectItem = function (e, itemId, selectedItems) {
+            selectedItems.delete(itemId);
+            onSelectionChange(e, new Set(selectedItems));
+        };
+        var clearItems = function (e) {
+            onSelectionChange(e, new Set());
+        };
+        var isSelected = function (itemId, selectedItems) {
+            return selectedItems.has(itemId);
+        };
+        return {
+            toggleItem: toggleItem,
+            selectItem: selectItem,
+            deselectItem: deselectItem,
+            clearItems: clearItems,
+            isSelected: isSelected,
+            toggleAllItems: toggleAllItems,
+        };
+    }
+    function createSingleSelectionManager(onSelectionChange) {
+        var toggleItem = function (e, itemId) {
+            onSelectionChange(e, new Set([itemId]));
+        };
+        var clearItems = function (e) {
+            onSelectionChange(e, new Set());
+        };
+        var isSelected = function (itemId, selectedItems) {
+            return selectedItems.has(itemId);
+        };
+        var selectItem = function (e, itemId) {
+            onSelectionChange(e, new Set([itemId]));
+        };
+        return {
+            deselectItem: clearItems,
+            selectItem: selectItem,
+            toggleAllItems: function () {
+                if (process.env.NODE_ENV !== 'production') {
+                    throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');
+                }
+                return undefined;
+            },
+            toggleItem: toggleItem,
+            clearItems: clearItems,
+            isSelected: isSelected,
+        };
+    }
+});
+//# sourceMappingURL=selectionManager.js.map