From 3adf83dd34129d911eea0c75d4801139c1ae1669 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 21 Aug 2023 09:07:15 +0000 Subject: [PATCH] chore: updates generator to use new slot API --- .../files/component/render__componentName__.tsx__tmpl__ | 6 +++--- .../files/component/use__componentName__.ts__tmpl__ | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__ b/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__ index 77735347d2f0f..99e51adc1ecfb 100644 --- a/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__ +++ b/tools/workspace-plugin/src/generators/react-component/files/component/render__componentName__.tsx__tmpl__ @@ -2,15 +2,15 @@ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime'; -import { getSlotsNext } from '@fluentui/react-utilities'; +import { assertSlots } from '@fluentui/react-utilities'; import type { <%= componentName %>State, <%= componentName %>Slots } from './<%= componentName %>.types'; /** * Render the final JSX of <%= componentName %> */ export const render<%= componentName %>_unstable = (state: <%= componentName %>State) => { - const { slots, slotProps } = getSlotsNext<<%= componentName %>Slots>(state); + assertSlots<<%= componentName %>Slots>(state); // TODO Add additional slots in the appropriate place - return ; + return ; }; diff --git a/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__ b/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__ index a579cb15496f2..587fe507fa740 100644 --- a/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__ +++ b/tools/workspace-plugin/src/generators/react-component/files/component/use__componentName__.ts__tmpl__ @@ -1,5 +1,5 @@ import * as React from 'react'; -import { getNativeElementProps } from '@fluentui/react-utilities'; +import { getNativeElementProps, slot } from '@fluentui/react-utilities'; import type { <%= componentName %>Props, <%= componentName %>State } from './<%= componentName %>.types'; /** @@ -20,9 +20,9 @@ export const use<%= componentName %>_unstable = (props: <%= componentName %>Prop }, // TODO add appropriate slots, for example: // mySlot: resolveShorthand(props.mySlot), - root: getNativeElementProps('div', { + root: slot.always(getNativeElementProps('div', { ref, ...props, - }), + }), {elementType: 'div'}), }; };