feat: add dialog properties to getNativeElementProps (#24698)

microsoft · Sep 8, 2022 · 6fd8556 · 6fd8556
1 parent 4c31b27
commit 6fd8556
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/change/@fluentui-react-utilities-3b90ac0a-38dc-4a1f-876b-613ec6eade09.json b/change/@fluentui-react-utilities-3b90ac0a-38dc-4a1f-876b-613ec6eade09.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: add dialog properties to getNativeElementProps",
+  "packageName": "@fluentui/react-utilities",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-utilities/src/utils/getNativeElementProps.ts b/packages/react-components/react-utilities/src/utils/getNativeElementProps.ts
@@ -24,6 +24,7 @@ import {
   htmlElementProperties,
   getNativeProps,
   timeProperties,
+  dialogProperties,
 } from './properties';
 
 const nativeElementMap: Record<string, Record<string, number>> = {
@@ -49,6 +50,7 @@ const nativeElementMap: Record<string, Record<string, number>> = {
   iframe: iframeProperties,
   img: imgProperties,
   time: timeProperties,
+  dialog: dialogProperties,
 };
 
 /**

diff --git a/packages/react-components/react-utilities/src/utils/properties.ts b/packages/react-components/react-utilities/src/utils/properties.ts
@@ -411,6 +411,13 @@ export const imgProperties = toObjectMap(htmlElementProperties, [
   'width', // canvas, embed, iframe, img, input, object, video
 ]);
 
+/**
+ * An array of DIALOG tag properties and events.
+ *
+ * @public
+ */
+export const dialogProperties = toObjectMap(htmlElementProperties, ['open', 'onCancel', 'onClose']);
+
 /**
  * An array of DIV tag properties and events.
  *