@fluentui/react-table 9.2.0 → 9.2.2

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

@@ -1,26 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TableCellLayout", {
+    enumerable: true,
+    get: ()=>TableCellLayout
 });
-exports.TableCellLayout = void 0;
-const React = /*#__PURE__*/require("react");
-const useTableCellLayout_1 = /*#__PURE__*/require("./useTableCellLayout");
-const renderTableCellLayout_1 = /*#__PURE__*/require("./renderTableCellLayout");
-const useTableCellLayoutStyles_1 = /*#__PURE__*/require("./useTableCellLayoutStyles");
-const useTableCellLayoutContextValues_1 = /*#__PURE__*/require("./useTableCellLayoutContextValues");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * TableCellLayout component
- */
-exports.TableCellLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTableCellLayout_1.useTableCellLayout_unstable(props, ref);
-  useTableCellLayoutStyles_1.useTableCellLayoutStyles_unstable(state);
-  const {
-    useTableCellLayoutStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderTableCellLayout_1.renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_1.useTableCellLayoutContextValues_unstable(state));
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTableCellLayout = require("./useTableCellLayout");
+const _renderTableCellLayout = require("./renderTableCellLayout");
+const _useTableCellLayoutStyles = require("./useTableCellLayoutStyles");
+const _useTableCellLayoutContextValues = require("./useTableCellLayoutContextValues");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const TableCellLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableCellLayout.useTableCellLayout_unstable)(props, ref);
+    (0, _useTableCellLayoutStyles.useTableCellLayoutStyles_unstable)(state);
+    const { useTableCellLayoutStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderTableCellLayout.renderTableCellLayout_unstable)(state, (0, _useTableCellLayoutContextValues.useTableCellLayoutContextValues_unstable)(state));
 });
-exports.TableCellLayout.displayName = 'TableCellLayout';
+TableCellLayout.displayName = 'TableCellLayout'; //# sourceMappingURL=TableCellLayout.js.map
+
 //# sourceMappingURL=TableCellLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTableCellLayout_1","renderTableCellLayout_1","useTableCellLayoutStyles_1","useTableCellLayoutContextValues_1","react_shared_contexts_1","exports","TableCellLayout","forwardRef","props","ref","state","useTableCellLayout_unstable","useTableCellLayoutStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableCellLayout_unstable","useTableCellLayoutContextValues_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCellLayout_unstable } from './useTableCellLayout';\nimport { renderTableCellLayout_unstable } from './renderTableCellLayout';\nimport { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles';\nimport { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues';\nimport type { TableCellLayoutProps } from './TableCellLayout.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCellLayout component\n */\nexport const TableCellLayout: ForwardRefComponent<TableCellLayoutProps> = React.forwardRef((props, ref) => {\n  const state = useTableCellLayout_unstable(props, ref);\n\n  useTableCellLayoutStyles_unstable(state);\n\n  const { useTableCellLayoutStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\n\nTableCellLayout.displayName = 'TableCellLayout';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,0BAAA,gBAAAH,OAAA;AACA,MAAAI,iCAAA,gBAAAJ,OAAA;AAGA,MAAAK,uBAAA,gBAAAL,OAAA;AAEA;;;AAGaM,OAAA,CAAAC,eAAe,gBAA8CR,KAAK,CAACS,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxG,MAAMC,KAAK,GAAGV,oBAAA,CAAAW,2BAA2B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAErDP,0BAAA,CAAAU,iCAAiC,CAACF,KAAK,CAAC;EAExC,MAAM;IAAEE,iCAAiC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC7FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,uBAAA,CAAAc,8BAA8B,CAACL,KAAK,EAAEP,iCAAA,CAAAa,wCAAwC,CAACN,KAAK,CAAC,CAAC;AAC/F,CAAC,CAAC;AAEFL,OAAA,CAAAC,eAAe,CAACW,WAAW,GAAG,iBAAiB"}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/TableCellLayout.js"],"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 { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableCellLayout component\n */\nexport const TableCellLayout = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTableCellLayout_unstable(props, ref);\n  useTableCellLayoutStyles_unstable(state);\n  const {\n    useTableCellLayoutStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTableCellLayout_unstable(state, useTableCellLayoutContextValues_unstable(state));\n});\nTableCellLayout.displayName = 'TableCellLayout';\n//# sourceMappingURL=TableCellLayout.js.map"],"names":["TableCellLayout","React","forwardRef","props","ref","state","useTableCellLayout_unstable","useTableCellLayoutStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableCellLayout_unstable","useTableCellLayoutContextValues_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;oCACqB;uCACG;0CACG;iDACO;qCACZ;AAItC,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,2DAAiC,EAACF;IAClC,MAAM,EACJE,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qDAA8B,EAACL,OAAOM,IAAAA,yEAAwC,EAACN;AACxF;AACAL,gBAAgBY,WAAW,GAAG,mBAC9B,2CAA2C"}

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

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=TableCellLayout.types.js.map
+
 //# sourceMappingURL=TableCellLayout.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.types.ts"],"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"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/TableCellLayout.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=TableCellLayout.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./TableCellLayout"), exports);
-tslib_1.__exportStar(require("./TableCellLayout.types"), exports);
-tslib_1.__exportStar(require("./renderTableCellLayout"), exports);
-tslib_1.__exportStar(require("./useTableCellLayout"), exports);
-tslib_1.__exportStar(require("./useTableCellLayoutStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./TableCellLayout"), exports);
+_exportStar(require("./TableCellLayout.types"), exports);
+_exportStar(require("./renderTableCellLayout"), exports);
+_exportStar(require("./useTableCellLayout"), exports);
+_exportStar(require("./useTableCellLayoutStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/index.ts"],"sourcesContent":["export * from './TableCellLayout';\nexport * from './TableCellLayout.types';\nexport * from './renderTableCellLayout';\nexport * from './useTableCellLayout';\nexport * from './useTableCellLayoutStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/index.js"],"sourcesContent":["export * from './TableCellLayout';\nexport * from './TableCellLayout.types';\nexport * from './renderTableCellLayout';\nexport * from './useTableCellLayout';\nexport * from './useTableCellLayoutStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

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

@@ -1,33 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderTableCellLayout_unstable", {
+    enumerable: true,
+    get: ()=>renderTableCellLayout_unstable
 });
-exports.renderTableCellLayout_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_avatar_1 = /*#__PURE__*/require("@fluentui/react-avatar");
-/**
- * Render the final JSX of TableCellLayout
- */
-const renderTableCellLayout_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, slots.media && React.createElement(react_avatar_1.AvatarContextProvider, {
-    value: contextValues.avatar
-  }, React.createElement(slots.media, {
-    ...slotProps.media
-  })), slots.content && React.createElement(slots.content, {
-    ...slotProps.content
-  }, slots.main && React.createElement(slots.main, {
-    ...slotProps.main
-  }, slotProps.root.children), slots.description && React.createElement(slots.description, {
-    ...slotProps.description
-  })));
-};
-exports.renderTableCellLayout_unstable = renderTableCellLayout_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactAvatar = require("@fluentui/react-avatar");
+const renderTableCellLayout_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.media && /*#__PURE__*/ _react.createElement(_reactAvatar.AvatarContextProvider, {
+        value: contextValues.avatar
+    }, /*#__PURE__*/ _react.createElement(slots.media, slotProps.media)), slots.content && /*#__PURE__*/ _react.createElement(slots.content, slotProps.content, slots.main && /*#__PURE__*/ _react.createElement(slots.main, slotProps.main, slotProps.root.children), slots.description && /*#__PURE__*/ _react.createElement(slots.description, slotProps.description)));
+}; //# sourceMappingURL=renderTableCellLayout.js.map
+
 //# sourceMappingURL=renderTableCellLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","react_avatar_1","renderTableCellLayout_unstable","state","contextValues","slots","slotProps","getSlots","createElement","root","media","AvatarContextProvider","value","avatar","content","main","children","description","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/renderTableCellLayout.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,8BAA8B,GAAGA,CAC5CC,KAA2B,EAC3BC,aAA2C,KACzC;EACF,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAuBJ,KAAK,CAAC;EAElE,OACEL,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BJ,KAAK,CAACK,KAAK,IACVZ,KAAA,CAAAU,aAAA,CAACP,cAAA,CAAAU,qBAAqB;IAACC,KAAK,EAAER,aAAa,CAACS;EAAM,GAChDf,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,CAEvC,EACAL,KAAK,CAACS,OAAO,IACZhB,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACS,OAAO;IAAA,GAAKR,SAAS,CAACQ;EAAO,GACjCT,KAAK,CAACU,IAAI,IAAIjB,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACU,IAAI;IAAA,GAAKT,SAAS,CAACS;EAAI,GAAGT,SAAS,CAACG,IAAI,CAACO,QAAQ,CAAc,EACpFX,KAAK,CAACY,WAAW,IAAInB,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACY,WAAW;IAAA,GAAKX,SAAS,CAACW;EAAW,EAAI,CAEzE,CACU;AAEjB,CAAC;AArBYC,OAAA,CAAAhB,8BAA8B,GAAAA,8BAAA"}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/renderTableCellLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\n/**\n * Render the final JSX of TableCellLayout\n */\nexport const renderTableCellLayout_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.media && /*#__PURE__*/React.createElement(AvatarContextProvider, {\n    value: contextValues.avatar\n  }, /*#__PURE__*/React.createElement(slots.media, slotProps.media)), slots.content && /*#__PURE__*/React.createElement(slots.content, slotProps.content, slots.main && /*#__PURE__*/React.createElement(slots.main, slotProps.main, slotProps.root.children), slots.description && /*#__PURE__*/React.createElement(slots.description, slotProps.description)));\n};\n//# sourceMappingURL=renderTableCellLayout.js.map"],"names":["renderTableCellLayout_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","root","media","AvatarContextProvider","value","avatar","content","main","children","description"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;6BACa;AAI/B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAkB;IACtE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,KAAK,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACG,kCAAqB,EAAE;QACzIC,OAAOT,cAAcU,MAAM;IAC7B,GAAG,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMM,KAAK,EAAEL,UAAUK,KAAK,IAAIN,MAAMU,OAAO,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACJ,MAAMU,OAAO,EAAET,UAAUS,OAAO,EAAEV,MAAMW,IAAI,IAAI,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMW,IAAI,EAAEV,UAAUU,IAAI,EAAEV,UAAUI,IAAI,CAACO,QAAQ,GAAGZ,MAAMa,WAAW,IAAI,WAAW,GAAEV,OAAMC,aAAa,CAACJ,MAAMa,WAAW,EAAEZ,UAAUY,WAAW;AAC7V,GACA,iDAAiD"}

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

@@ -1,54 +1,47 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTableCellLayout_unstable", {
+    enumerable: true,
+    get: ()=>useTableCellLayout_unstable
 });
-exports.useTableCellLayout_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const tableContext_1 = /*#__PURE__*/require("../../contexts/tableContext");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _tableContext = require("../../contexts/tableContext");
 const tableAvatarSizeMap = {
-  medium: 32,
-  small: 24,
-  'extra-small': 20
+    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
- */
-const useTableCellLayout_unstable = (props, ref) => {
-  const {
-    size
-  } = tableContext_1.useTableContext();
-  return {
-    components: {
-      root: 'div',
-      main: 'span',
-      description: 'span',
-      content: 'div',
-      media: 'span'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      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
-  };
-};
-exports.useTableCellLayout_unstable = useTableCellLayout_unstable;
+const useTableCellLayout_unstable = (props, ref)=>{
+    const { size  } = (0, _tableContext.useTableContext)();
+    return {
+        components: {
+            root: 'div',
+            main: 'span',
+            description: 'span',
+            content: 'div',
+            media: 'span'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
+            ...props
+        }),
+        appearance: props.appearance,
+        truncate: props.truncate,
+        main: (0, _reactUtilities.resolveShorthand)(props.main, {
+            required: true
+        }),
+        media: (0, _reactUtilities.resolveShorthand)(props.media),
+        description: (0, _reactUtilities.resolveShorthand)(props.description),
+        content: (0, _reactUtilities.resolveShorthand)(props.content, {
+            required: !!props.description || !!props.children
+        }),
+        avatarSize: tableAvatarSizeMap[size],
+        size
+    };
+}; //# sourceMappingURL=useTableCellLayout.js.map
+
 //# sourceMappingURL=useTableCellLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","tableContext_1","tableAvatarSizeMap","medium","small","useTableCellLayout_unstable","props","ref","size","useTableContext","components","root","main","description","content","media","getNativeElementProps","appearance","truncate","resolveShorthand","required","children","avatarSize","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayout.ts"],"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"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA,MAAAC,cAAA,gBAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAG;EACzBC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,EAAE;EACT,aAAa,EAAE;CACP;AAEV;;;;;;;;;AASO,MAAMC,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;EACxB,MAAM;IAAEC;EAAI,CAAE,GAAGP,cAAA,CAAAQ,eAAe,EAAE;EAElC,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXC,IAAI,EAAE,MAAM;MACZC,WAAW,EAAE,MAAM;MACnBC,OAAO,EAAE,KAAK;MACdC,KAAK,EAAE;KACR;IACDJ,IAAI,EAAEZ,iBAAA,CAAAiB,qBAAqB,CAAC,KAAK,EAAE;MAAET,GAAG;MAAE,GAAGD;IAAK,CAAE,CAAC;IACrDW,UAAU,EAAEX,KAAK,CAACW,UAAU;IAC5BC,QAAQ,EAAEZ,KAAK,CAACY,QAAQ;IACxBN,IAAI,EAAEb,iBAAA,CAAAoB,gBAAgB,CAACb,KAAK,CAACM,IAAI,EAAE;MAAEQ,QAAQ,EAAE;IAAI,CAAE,CAAC;IACtDL,KAAK,EAAEhB,iBAAA,CAAAoB,gBAAgB,CAACb,KAAK,CAACS,KAAK,CAAC;IACpCF,WAAW,EAAEd,iBAAA,CAAAoB,gBAAgB,CAACb,KAAK,CAACO,WAAW,CAAC;IAChDC,OAAO,EAAEf,iBAAA,CAAAoB,gBAAgB,CAACb,KAAK,CAACQ,OAAO,EAAE;MAAEM,QAAQ,EAAE,CAAC,CAACd,KAAK,CAACO,WAAW,IAAI,CAAC,CAACP,KAAK,CAACe;IAAQ,CAAE,CAAC;IAC/FC,UAAU,EAAEpB,kBAAkB,CAACM,IAAI,CAAC;IACpCA;GACD;AACH,CAAC;AAxBYe,OAAA,CAAAlB,2BAA2B,GAAAA,2BAAA"}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/useTableCellLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\nconst tableAvatarSizeMap = {\n  medium: 32,\n  small: 24,\n  'extra-small': 20\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 = (props, ref) => {\n  const {\n    size\n  } = useTableContext();\n  return {\n    components: {\n      root: 'div',\n      main: 'span',\n      description: 'span',\n      content: 'div',\n      media: 'span'\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props\n    }),\n    appearance: props.appearance,\n    truncate: props.truncate,\n    main: resolveShorthand(props.main, {\n      required: true\n    }),\n    media: resolveShorthand(props.media),\n    description: resolveShorthand(props.description),\n    content: resolveShorthand(props.content, {\n      required: !!props.description || !!props.children\n    }),\n    avatarSize: tableAvatarSizeMap[size],\n    size\n  };\n};\n//# sourceMappingURL=useTableCellLayout.js.map"],"names":["useTableCellLayout_unstable","tableAvatarSizeMap","medium","small","props","ref","size","useTableContext","components","root","main","description","content","media","getNativeElementProps","appearance","truncate","resolveShorthand","required","children","avatarSize"],"mappings":";;;;+BAiBaA;;aAAAA;;;6DAjBU;gCACiC;8BACxB;AAChC,MAAMC,qBAAqB;IACzBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACjB;AAUO,MAAMH,8BAA8B,CAACI,OAAOC,MAAQ;IACzD,MAAM,EACJC,KAAI,EACL,GAAGC,IAAAA,6BAAe;IACnB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACT;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,OAAO;YACjCT;YACA,GAAGD,KAAK;QACV;QACAW,YAAYX,MAAMW,UAAU;QAC5BC,UAAUZ,MAAMY,QAAQ;QACxBN,MAAMO,IAAAA,gCAAgB,EAACb,MAAMM,IAAI,EAAE;YACjCQ,UAAU,IAAI;QAChB;QACAL,OAAOI,IAAAA,gCAAgB,EAACb,MAAMS,KAAK;QACnCF,aAAaM,IAAAA,gCAAgB,EAACb,MAAMO,WAAW;QAC/CC,SAASK,IAAAA,gCAAgB,EAACb,MAAMQ,OAAO,EAAE;YACvCM,UAAU,CAAC,CAACd,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMe,QAAQ;QACnD;QACAC,YAAYnB,kBAAkB,CAACK,KAAK;QACpCA;IACF;AACF,GACA,8CAA8C"}

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

@@ -1,20 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTableCellLayoutContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useTableCellLayoutContextValues_unstable
 });
-exports.useTableCellLayoutContextValues_unstable = void 0;
-const React = /*#__PURE__*/require("react");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useTableCellLayoutContextValues_unstable(state) {
-  const {
-    avatarSize
-  } = state;
-  const avatar = React.useMemo(() => ({
-    size: avatarSize
-  }), [avatarSize]);
-  return {
-    avatar
-  };
-}
-exports.useTableCellLayoutContextValues_unstable = useTableCellLayoutContextValues_unstable;
+    const { avatarSize  } = state;
+    const avatar = _react.useMemo(()=>({
+            size: avatarSize
+        }), [
+        avatarSize
+    ]);
+    return {
+        avatar
+    };
+} //# sourceMappingURL=useTableCellLayoutContextValues.js.map
+
 //# sourceMappingURL=useTableCellLayoutContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTableCellLayoutContextValues_unstable","state","avatarSize","avatar","useMemo","size","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableCellLayoutState, TableCellLayoutContextValues } from './TableCellLayout.types';\n\nexport function useTableCellLayoutContextValues_unstable(state: TableCellLayoutState): TableCellLayoutContextValues {\n  const { avatarSize } = state;\n\n  const avatar = React.useMemo(\n    () => ({\n      size: avatarSize,\n    }),\n    [avatarSize],\n  );\n\n  return {\n    avatar,\n  };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,SAAgBC,wCAAwCA,CAACC,KAA2B;EAClF,MAAM;IAAEC;EAAU,CAAE,GAAGD,KAAK;EAE5B,MAAME,MAAM,GAAGL,KAAK,CAACM,OAAO,CAC1B,OAAO;IACLC,IAAI,EAAEH;GACP,CAAC,EACF,CAACA,UAAU,CAAC,CACb;EAED,OAAO;IACLC;GACD;AACH;AAbAG,OAAA,CAAAN,wCAAA,GAAAA,wCAAA"}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/useTableCellLayoutContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTableCellLayoutContextValues_unstable(state) {\n  const {\n    avatarSize\n  } = state;\n  const avatar = React.useMemo(() => ({\n    size: avatarSize\n  }), [avatarSize]);\n  return {\n    avatar\n  };\n}\n//# sourceMappingURL=useTableCellLayoutContextValues.js.map"],"names":["useTableCellLayoutContextValues_unstable","state","avatarSize","avatar","React","useMemo","size"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,yCAAyCC,KAAK,EAAE;IAC9D,MAAM,EACJC,WAAU,EACX,GAAGD;IACJ,MAAME,SAASC,OAAMC,OAAO,CAAC,IAAO,CAAA;YAClCC,MAAMJ;QACR,CAAA,GAAI;QAACA;KAAW;IAChB,OAAO;QACLC;IACF;AACF,EACA,2DAA2D"}

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

@@ -1,101 +1,122 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    tableCellLayoutClassNames: ()=>tableCellLayoutClassNames,
+    useTableCellLayoutStyles_unstable: ()=>useTableCellLayoutStyles_unstable
 });
-exports.useTableCellLayoutStyles_unstable = exports.tableCellLayoutClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_theme_2 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.tableCellLayoutClassNames = {
-  root: 'fui-TableCellLayout',
-  media: 'fui-TableCellLayout__media',
-  main: 'fui-TableCellLayout__main',
-  description: 'fui-TableCellLayout__description',
-  content: 'fui-TableCellLayout__content'
+const _react = require("@griffel/react");
+const tableCellLayoutClassNames = {
+    root: 'fui-TableCellLayout',
+    media: 'fui-TableCellLayout__media',
+    main: 'fui-TableCellLayout__main',
+    description: 'fui-TableCellLayout__description',
+    content: 'fui-TableCellLayout__content'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    i8kkvl: "fsnqrgy",
-    Belr9w4: "fylz90v",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh"
-  },
-  rootTruncate: {
-    B68tc82: "f1p9o1ba"
-  },
-  content: {
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62"
-  },
-  contentTruncate: {
-    B68tc82: "f1p9o1ba"
-  },
-  media: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59"
-  },
-  mediaExtraSmall: {
-    Be2twd7: "f4ybsrx"
-  },
-  mediaSmallAndMedium: {
-    Be2twd7: "fe5j1ua"
-  },
-  mediaPrimary: {
-    Be2twd7: "f1rt2boy"
-  },
-  mainPrimary: {
-    Bhrd7zp: "fl43uef"
-  },
-  mainTruncate: {
-    B68tc82: "f1p9o1ba",
-    Huce71: "fz5stix",
-    ygn44y: "f1cmbuwj"
-  },
-  description: {
-    sj55zd: "fkfq4zb",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        i8kkvl: "fsnqrgy",
+        Belr9w4: "fylz90v",
+        Bh6795r: "fqerorx",
+        Bnnss6s: "f1neuvcm",
+        xawz: "fkjuxzh"
+    },
+    rootTruncate: {
+        B68tc82: "f1p9o1ba"
+    },
+    content: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62"
+    },
+    contentTruncate: {
+        B68tc82: "f1p9o1ba"
+    },
+    media: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59"
+    },
+    mediaExtraSmall: {
+        Be2twd7: "f4ybsrx"
+    },
+    mediaSmallAndMedium: {
+        Be2twd7: "fe5j1ua"
+    },
+    mediaPrimary: {
+        Be2twd7: "f1rt2boy"
+    },
+    mainPrimary: {
+        Bhrd7zp: "fl43uef"
+    },
+    mainTruncate: {
+        B68tc82: "f1p9o1ba",
+        Huce71: "fz5stix",
+        ygn44y: "f1cmbuwj"
+    },
+    description: {
+        sj55zd: "fkfq4zb",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fz5stix{white-space:nowrap;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
+        ".fylz90v{row-gap:var(--spacingHorizontalS);}",
+        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
+        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
+        ".f4ybsrx{font-size:16px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".f1rt2boy{font-size:24px;}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fz5stix{white-space:nowrap;}",
+        ".f1cmbuwj{text-overflow:ellipsis;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}"
+    ]
 });
-/**
- * Apply styling to the TableCellLayout slots based on the state
- */
-const useTableCellLayoutStyles_unstable = state => {
-  const styles = useStyles();
-  const {
-    truncate
-  } = state;
-  state.root.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);
-  const primary = state.appearance === 'primary';
-  if (state.media) {
-    const mediaSizedStyles = {
-      small: styles.mediaSmallAndMedium,
-      medium: styles.mediaSmallAndMedium,
-      'extra-small': styles.mediaExtraSmall
-    };
-    state.media.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);
-  }
-  if (state.main) {
-    state.main.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);
-  }
-  if (state.description) {
-    state.description.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.description, styles.description, state.description.className);
-  }
-  if (state.content) {
-    state.content.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);
-  }
-  return state;
-};
-exports.useTableCellLayoutStyles_unstable = useTableCellLayoutStyles_unstable;
+const useTableCellLayoutStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { truncate  } = state;
+    state.root.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);
+    const primary = state.appearance === 'primary';
+    if (state.media) {
+        const mediaSizedStyles = {
+            small: styles.mediaSmallAndMedium,
+            medium: styles.mediaSmallAndMedium,
+            'extra-small': styles.mediaExtraSmall
+        };
+        state.media.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);
+    }
+    if (state.main) {
+        state.main.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);
+    }
+    if (state.description) {
+        state.description.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.description, styles.description, state.description.className);
+    }
+    if (state.content) {
+        state.content.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTableCellLayoutStyles.js.map
+
 //# sourceMappingURL=useTableCellLayoutStyles.js.map