@fluentui/react-jsx-runtime 9.0.0-alpha.1 → 9.0.0-alpha.2

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/react-jsx-runtime",
   "entries": [
     {
-      "date": "Mon, 17 Apr 2023 17:50:02 GMT",
+      "date": "Mon, 24 Apr 2023 08:09:12 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.2",
+      "version": "9.0.0-alpha.2",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-jsx-runtime",
+            "commit": "391878bf4d8a8210a8279a6ced8bf9a64daf4c64",
+            "comment": "chore: simplify createElement method"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 17 Apr 2023 17:53:51 GMT",
       "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.1",
       "version": "9.0.0-alpha.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-jsx-runtime
 
-This log was last generated on Mon, 17 Apr 2023 17:50:02 GMT and should not be manually modified.
+This log was last generated on Mon, 24 Apr 2023 08:09:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.2)
+
+Mon, 24 Apr 2023 08:09:12 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.1..@fluentui/react-jsx-runtime_v9.0.0-alpha.2)
+
+### Changes
+
+- chore: simplify createElement method ([PR #27573](https://github.com/microsoft/fluentui/pull/27573) by bernardo.sunderhus@gmail.com)
+
 ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.1)
 
-Mon, 17 Apr 2023 17:50:02 GMT
+Mon, 17 Apr 2023 17:53:51 GMT
 
 ### Changes
 

package/lib/createElement.js

@@ -1,29 +1,19 @@
 import * as React from 'react';
 import { SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';
 export function createElement(type, props, ...children) {
-  if (!isSlotComponent(props)) {
-    return /*#__PURE__*/React.createElement(type, props, ...children);
-  }
-  const result = normalizeRenderFunction(props, children);
-  return /*#__PURE__*/React.createElement(React.Fragment, {}, result.renderFunction(type, {
-    ...result.props,
-    children: result.children
-  }));
+  return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : /*#__PURE__*/React.createElement(type, props, ...children);
 }
-function normalizeRenderFunction(propsWithMetadata, overrideChildren) {
+function createElementFromRenderFunction(type, props, overrideChildren) {
   const {
     [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,
-    children: externalChildren,
-    ...props
-  } = propsWithMetadata;
-  const children = Array.isArray(overrideChildren) && overrideChildren.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, {}, ...overrideChildren) : externalChildren;
-  return {
-    children,
-    renderFunction,
-    props: props
-  };
+    ...renderProps
+  } = props;
+  if (overrideChildren.length > 0) {
+    renderProps.children = /*#__PURE__*/React.createElement(React.Fragment, {}, ...overrideChildren);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, {}, renderFunction(type, renderProps));
 }
-export function isSlotComponent(props) {
+export function hasRenderFunction(props) {
   return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));
 }
 //# sourceMappingURL=createElement.js.map

package/lib/createElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SLOT_RENDER_FUNCTION_SYMBOL","createElement","type","props","children","isSlotComponent","result","normalizeRenderFunction","Fragment","renderFunction","propsWithMetadata","overrideChildren","externalChildren","Array","isArray","length","Boolean","hasOwnProperty"],"sources":["../src/createElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { SlotRenderFunction, UnknownSlotProps, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\n\ntype WithMetadata<Props extends {}> = Props & {\n  [SLOT_RENDER_FUNCTION_SYMBOL]: SlotRenderFunction<Props>;\n};\n\nexport function createElement<P extends {}>(\n  type: React.ElementType<P>,\n  props?: P | null,\n  ...children: React.ReactNode[]\n): React.ReactElement<P> | null {\n  if (!isSlotComponent(props)) {\n    return React.createElement(type, props, ...children);\n  }\n\n  const result = normalizeRenderFunction(props, children);\n  return React.createElement(\n    React.Fragment,\n    {},\n    result.renderFunction(type, { ...result.props, children: result.children }),\n  ) as React.ReactElement<P>;\n}\n\nfunction normalizeRenderFunction<Props extends UnknownSlotProps>(\n  propsWithMetadata: WithMetadata<Props>,\n  overrideChildren?: React.ReactNode[],\n): {\n  props: Props;\n  children: React.ReactNode;\n  renderFunction: SlotRenderFunction<Props>;\n} {\n  const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, children: externalChildren, ...props } = propsWithMetadata;\n\n  const children: React.ReactNode =\n    Array.isArray(overrideChildren) && overrideChildren.length > 0\n      ? React.createElement(React.Fragment, {}, ...overrideChildren)\n      : externalChildren;\n\n  return {\n    children,\n    renderFunction,\n    props: props as UnknownSlotProps as Props,\n  };\n}\n\nexport function isSlotComponent<Props extends {}>(props?: Props | null): props is WithMetadata<Props> {\n  return Boolean(props?.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAA+CC,2BAA2B,QAAQ;AAMlF,OAAO,SAASC,cACdC,IAA0B,EAC1BC,KAAgB,EAChB,GAAGC,QAA2B,EACA;EAC9B,IAAI,CAACC,eAAA,CAAgBF,KAAA,GAAQ;IAC3B,oBAAOJ,KAAA,CAAME,aAAa,CAACC,IAAA,EAAMC,KAAA,KAAUC,QAAA;EAC7C;EAEA,MAAME,MAAA,GAASC,uBAAA,CAAwBJ,KAAA,EAAOC,QAAA;EAC9C,oBAAOL,KAAA,CAAME,aAAa,CACxBF,KAAA,CAAMS,QAAQ,EACd,CAAC,GACDF,MAAA,CAAOG,cAAc,CAACP,IAAA,EAAM;IAAE,GAAGI,MAAA,CAAOH,KAAK;IAAEC,QAAA,EAAUE,MAAA,CAAOF;EAAS;AAE7E;AAEA,SAASG,wBACPG,iBAAsC,EACtCC,gBAAoC,EAKpC;EACA,MAAM;IAAE,CAACX,2BAAA,GAA8BS,cAAA;IAAgBL,QAAA,EAAUQ,gBAAA;IAAkB,GAAGT;EAAA,CAAO,GAAGO,iBAAA;EAEhG,MAAMN,QAAA,GACJS,KAAA,CAAMC,OAAO,CAACH,gBAAA,KAAqBA,gBAAA,CAAiBI,MAAM,GAAG,iBACzDhB,KAAA,CAAME,aAAa,CAACF,KAAA,CAAMS,QAAQ,EAAE,CAAC,MAAMG,gBAAA,IAC3CC,gBAAgB;EAEtB,OAAO;IACLR,QAAA;IACAK,cAAA;IACAN,KAAA,EAAOA;EACT;AACF;AAEA,OAAO,SAASE,gBAAkCF,KAAoB,EAAgC;EACpG,OAAOa,OAAA,CAAQb,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOc,cAAc,CAACjB,2BAAA;AACvC"}
+{"version":3,"names":["React","SLOT_RENDER_FUNCTION_SYMBOL","createElement","type","props","children","hasRenderFunction","createElementFromRenderFunction","overrideChildren","renderFunction","renderProps","length","Fragment","Boolean","hasOwnProperty"],"sources":["../src/createElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { SlotRenderFunction, UnknownSlotProps, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\n\ntype WithMetadata<Props extends {}> = Props & {\n  [SLOT_RENDER_FUNCTION_SYMBOL]: SlotRenderFunction<Props>;\n};\n\nexport function createElement<P extends {}>(\n  type: React.ElementType<P>,\n  props?: P | null,\n  ...children: React.ReactNode[]\n): React.ReactElement<P> | null {\n  return hasRenderFunction(props)\n    ? createElementFromRenderFunction(type, props, children)\n    : React.createElement(type, props, ...children);\n}\n\nfunction createElementFromRenderFunction<P extends UnknownSlotProps>(\n  type: React.ElementType<P>,\n  props: WithMetadata<P>,\n  overrideChildren: React.ReactNode[],\n): React.ReactElement<P> | null {\n  const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...renderProps } = props;\n\n  if (overrideChildren.length > 0) {\n    renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n  }\n\n  return React.createElement(\n    React.Fragment,\n    {},\n    renderFunction(type, renderProps as UnknownSlotProps as P),\n  ) as React.ReactElement<P>;\n}\n\nexport function hasRenderFunction<Props extends {}>(props?: Props | null): props is WithMetadata<Props> {\n  return Boolean(props?.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAA+CC,2BAA2B,QAAQ;AAMlF,OAAO,SAASC,cACdC,IAA0B,EAC1BC,KAAgB,EAChB,GAAGC,QAA2B,EACA;EAC9B,OAAOC,iBAAA,CAAkBF,KAAA,IACrBG,+BAAA,CAAgCJ,IAAA,EAAMC,KAAA,EAAOC,QAAA,iBAC7CL,KAAA,CAAME,aAAa,CAACC,IAAA,EAAMC,KAAA,KAAUC,QAAA,CAAS;AACnD;AAEA,SAASE,gCACPJ,IAA0B,EAC1BC,KAAsB,EACtBI,gBAAmC,EACL;EAC9B,MAAM;IAAE,CAACP,2BAAA,GAA8BQ,cAAA;IAAgB,GAAGC;EAAA,CAAa,GAAGN,KAAA;EAE1E,IAAII,gBAAA,CAAiBG,MAAM,GAAG,GAAG;IAC/BD,WAAA,CAAYL,QAAQ,gBAAGL,KAAA,CAAME,aAAa,CAACF,KAAA,CAAMY,QAAQ,EAAE,CAAC,MAAMJ,gBAAA;EACpE;EAEA,oBAAOR,KAAA,CAAME,aAAa,CACxBF,KAAA,CAAMY,QAAQ,EACd,CAAC,GACDH,cAAA,CAAeN,IAAA,EAAMO,WAAA;AAEzB;AAEA,OAAO,SAASJ,kBAAoCF,KAAoB,EAAgC;EACtG,OAAOS,OAAA,CAAQT,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOU,cAAc,CAACb,2BAAA;AACvC"}

package/lib-commonjs/createElement.js

@@ -10,31 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     createElement: ()=>createElement,
-    isSlotComponent: ()=>isSlotComponent
+    hasRenderFunction: ()=>hasRenderFunction
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
 function createElement(type, props, ...children) {
-    if (!isSlotComponent(props)) {
-        return /*#__PURE__*/ _react.createElement(type, props, ...children);
-    }
-    const result = normalizeRenderFunction(props, children);
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, {}, result.renderFunction(type, {
-        ...result.props,
-        children: result.children
-    }));
+    return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : /*#__PURE__*/ _react.createElement(type, props, ...children);
 }
-function normalizeRenderFunction(propsWithMetadata, overrideChildren) {
-    const { [_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , children: externalChildren , ...props } = propsWithMetadata;
-    const children = Array.isArray(overrideChildren) && overrideChildren.length > 0 ? /*#__PURE__*/ _react.createElement(_react.Fragment, {}, ...overrideChildren) : externalChildren;
-    return {
-        children,
-        renderFunction,
-        props: props
-    };
+function createElementFromRenderFunction(type, props, overrideChildren) {
+    const { [_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...renderProps } = props;
+    if (overrideChildren.length > 0) {
+        renderProps.children = /*#__PURE__*/ _react.createElement(_react.Fragment, {}, ...overrideChildren);
+    }
+    return /*#__PURE__*/ _react.createElement(_react.Fragment, {}, renderFunction(type, renderProps));
 }
-function isSlotComponent(props) {
+function hasRenderFunction(props) {
     return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL));
 } //# sourceMappingURL=createElement.js.map
 

package/lib-commonjs/createElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/createElement.js"],"sourcesContent":["import * as React from 'react';\nimport { SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\nexport function createElement(type, props, ...children) {\n  if (!isSlotComponent(props)) {\n    return /*#__PURE__*/React.createElement(type, props, ...children);\n  }\n  const result = normalizeRenderFunction(props, children);\n  return /*#__PURE__*/React.createElement(React.Fragment, {}, result.renderFunction(type, {\n    ...result.props,\n    children: result.children\n  }));\n}\nfunction normalizeRenderFunction(propsWithMetadata, overrideChildren) {\n  const {\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    children: externalChildren,\n    ...props\n  } = propsWithMetadata;\n  const children = Array.isArray(overrideChildren) && overrideChildren.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, {}, ...overrideChildren) : externalChildren;\n  return {\n    children,\n    renderFunction,\n    props: props\n  };\n}\nexport function isSlotComponent(props) {\n  return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));\n}\n//# sourceMappingURL=createElement.js.map"],"names":["createElement","isSlotComponent","type","props","children","React","result","normalizeRenderFunction","Fragment","renderFunction","propsWithMetadata","overrideChildren","SLOT_RENDER_FUNCTION_SYMBOL","externalChildren","Array","isArray","length","Boolean","hasOwnProperty"],"mappings":";;;;;;;;;;;IAEgBA,aAAa,MAAbA;IAuBAC,eAAe,MAAfA;;;6DAzBO;gCACqB;AACrC,SAASD,cAAcE,IAAI,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EAAE;IACtD,IAAI,CAACH,gBAAgBE,QAAQ;QAC3B,OAAO,WAAW,GAAEE,OAAML,aAAa,CAACE,MAAMC,UAAUC;IAC1D,CAAC;IACD,MAAME,SAASC,wBAAwBJ,OAAOC;IAC9C,OAAO,WAAW,GAAEC,OAAML,aAAa,CAACK,OAAMG,QAAQ,EAAE,CAAC,GAAGF,OAAOG,cAAc,CAACP,MAAM;QACtF,GAAGI,OAAOH,KAAK;QACfC,UAAUE,OAAOF,QAAQ;IAC3B;AACF;AACA,SAASG,wBAAwBG,iBAAiB,EAAEC,gBAAgB,EAAE;IACpE,MAAM,EACJ,CAACC,2CAA2B,CAAC,EAAEH,eAAc,EAC7CL,UAAUS,iBAAgB,EAC1B,GAAGV,OACJ,GAAGO;IACJ,MAAMN,WAAWU,MAAMC,OAAO,CAACJ,qBAAqBA,iBAAiBK,MAAM,GAAG,IAAI,WAAW,GAAEX,OAAML,aAAa,CAACK,OAAMG,QAAQ,EAAE,CAAC,MAAMG,oBAAoBE,gBAAgB;IAC9K,OAAO;QACLT;QACAK;QACAN,OAAOA;IACT;AACF;AACO,SAASF,gBAAgBE,KAAK,EAAE;IACrC,OAAOc,QAAQd,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMe,cAAc,CAACN,2CAA2B,CAAC;AAChH,EACA,yCAAyC"}
+{"version":3,"sources":["../lib/createElement.js"],"sourcesContent":["import * as React from 'react';\nimport { SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\nexport function createElement(type, props, ...children) {\n  return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : /*#__PURE__*/React.createElement(type, props, ...children);\n}\nfunction createElementFromRenderFunction(type, props, overrideChildren) {\n  const {\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    ...renderProps\n  } = props;\n  if (overrideChildren.length > 0) {\n    renderProps.children = /*#__PURE__*/React.createElement(React.Fragment, {}, ...overrideChildren);\n  }\n  return /*#__PURE__*/React.createElement(React.Fragment, {}, renderFunction(type, renderProps));\n}\nexport function hasRenderFunction(props) {\n  return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));\n}\n//# sourceMappingURL=createElement.js.map"],"names":["createElement","hasRenderFunction","type","props","children","createElementFromRenderFunction","React","overrideChildren","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","renderProps","length","Fragment","Boolean","hasOwnProperty"],"mappings":";;;;;;;;;;;IAEgBA,aAAa,MAAbA;IAaAC,iBAAiB,MAAjBA;;;6DAfO;gCACqB;AACrC,SAASD,cAAcE,IAAI,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EAAE;IACtD,OAAOH,kBAAkBE,SAASE,gCAAgCH,MAAMC,OAAOC,YAAY,WAAW,GAAEE,OAAMN,aAAa,CAACE,MAAMC,UAAUC,SAAS;AACvJ;AACA,SAASC,gCAAgCH,IAAI,EAAEC,KAAK,EAAEI,gBAAgB,EAAE;IACtE,MAAM,EACJ,CAACC,2CAA2B,CAAC,EAAEC,eAAc,EAC7C,GAAGC,aACJ,GAAGP;IACJ,IAAII,iBAAiBI,MAAM,GAAG,GAAG;QAC/BD,YAAYN,QAAQ,GAAG,WAAW,GAAEE,OAAMN,aAAa,CAACM,OAAMM,QAAQ,EAAE,CAAC,MAAML;IACjF,CAAC;IACD,OAAO,WAAW,GAAED,OAAMN,aAAa,CAACM,OAAMM,QAAQ,EAAE,CAAC,GAAGH,eAAeP,MAAMQ;AACnF;AACO,SAAST,kBAAkBE,KAAK,EAAE;IACvC,OAAOU,QAAQV,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMW,cAAc,CAACN,2CAA2B,CAAC;AAChH,EACA,yCAAyC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-jsx-runtime",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.2",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",