@fluentui/react-jsx-runtime 9.0.0-alpha.12 → 9.0.0-alpha.13

package/CHANGELOG.json

@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-jsx-runtime",
   "entries": [
+    {
+      "date": "Fri, 04 Aug 2023 08:48:21 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.13",
+      "version": "9.0.0-alpha.13",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-jsx-runtime",
+            "commit": "6a8afe2b7becaf1b10cbc9ae98b39d352b8c7026",
+            "comment": "chore: update createElement to support new slot methods"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-utilities to v9.11.0",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 13 Jul 2023 21:25:42 GMT",
       "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.11",

package/CHANGELOG.md

@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-jsx-runtime
 
-This log was last generated on Tue, 11 Jul 2023 18:46:36 GMT and should not be manually modified.
+This log was last generated on Fri, 04 Aug 2023 08:48:21 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.13)
+
+Fri, 04 Aug 2023 08:48:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.11..@fluentui/react-jsx-runtime_v9.0.0-alpha.13)
+
+### Changes
+
+- chore: update createElement to support new slot methods ([PR #28373](https://github.com/microsoft/fluentui/pull/28373) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-utilities to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+
 ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.11)
 
 Tue, 11 Jul 2023 18:46:36 GMT 

package/lib/createElement.js

@@ -1,15 +1,32 @@
 import * as React from 'react';
-import { SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';
+import { isSlot, SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';
 export function createElement(type, props, ...children) {
-    return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : React.createElement(type, props, ...children);
-}
-function createElementFromRenderFunction(type, props, overrideChildren) {
-    const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...renderProps } = props;
-    if (overrideChildren.length > 0) {
-        renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren);
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if (isSlot(props)) {
+        return createElementFromSlotComponent({
+            ...props,
+            [SLOT_ELEMENT_TYPE_SYMBOL]: type
+        }, children);
+    }
+    if (isSlot(type)) {
+        return createElementFromSlotComponent(type, children);
     }
-    return React.createElement(React.Fragment, {}, renderFunction(type, renderProps));
+    return React.createElement(type, props, ...children);
 }
-export function hasRenderFunction(props) {
-    return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));
+function createElementFromSlotComponent(type, overrideChildren) {
+    const { as , [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType , [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...propsWithoutMetadata } = type;
+    const props = propsWithoutMetadata;
+    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
+    if (typeof elementType !== 'string' && as) {
+        props.as = as;
+    }
+    if (renderFunction) {
+        if (overrideChildren.length > 0) {
+            props.children = React.createElement(React.Fragment, {}, ...overrideChildren);
+        }
+        return React.createElement(React.Fragment, {}, renderFunction(elementType, props));
+    }
+    return React.createElement(elementType, props, ...overrideChildren);
 }

package/lib/createElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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"],"names":["React","SLOT_RENDER_FUNCTION_SYMBOL","createElement","type","props","children","hasRenderFunction","createElementFromRenderFunction","overrideChildren","renderFunction","renderProps","length","Fragment","Boolean","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA+CC,2BAA2B,QAAQ,4BAA4B;AAM9G,OAAO,SAASC,cACdC,IAA0B,EAC1BC,KAAgB,EAChB,GAAGC,QAA2B,EACA;IAC9B,OAAOC,kBAAkBF,SACrBG,gCAAgCJ,MAAMC,OAAOC,YAC7CL,MAAME,aAAa,CAACC,MAAMC,UAAUC,SAAS;AACnD,CAAC;AAED,SAASE,gCACPJ,IAA0B,EAC1BC,KAAsB,EACtBI,gBAAmC,EACL;IAC9B,MAAM,EAAE,CAACP,4BAA4B,EAAEQ,eAAc,EAAE,GAAGC,aAAa,GAAGN;IAE1E,IAAII,iBAAiBG,MAAM,GAAG,GAAG;QAC/BD,YAAYL,QAAQ,GAAGL,MAAME,aAAa,CAACF,MAAMY,QAAQ,EAAE,CAAC,MAAMJ;IACpE,CAAC;IAED,OAAOR,MAAME,aAAa,CACxBF,MAAMY,QAAQ,EACd,CAAC,GACDH,eAAeN,MAAMO;AAEzB;AAEA,OAAO,SAASJ,kBAAoCF,KAAoB,EAAgC;IACtG,OAAOS,QAAQT,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOU,cAAc,CAACb;AACvC,CAAC"}
+{"version":3,"sources":["createElement.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  UnknownSlotProps,\n  isSlot,\n  SlotComponentType,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from '@fluentui/react-utilities';\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  // TODO:\n  // this is for backwards compatibility with getSlotsNext\n  // it should be removed once getSlotsNext is obsolete\n  if (isSlot<P>(props)) {\n    return createElementFromSlotComponent(\n      { ...props, [SLOT_ELEMENT_TYPE_SYMBOL]: type } as SlotComponentType<P>,\n      children,\n    );\n  }\n  if (isSlot<P>(type)) {\n    return createElementFromSlotComponent(type, children);\n  }\n  return React.createElement(type, props, ...children);\n}\n\nfunction createElementFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n  overrideChildren: React.ReactNode[],\n): React.ReactElement<Props> | null {\n  const {\n    as,\n    [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType,\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    ...propsWithoutMetadata\n  } = type;\n  const props = propsWithoutMetadata as UnknownSlotProps as Props;\n\n  const elementType = typeof baseElementType === 'string' ? as ?? baseElementType : baseElementType;\n\n  if (typeof elementType !== 'string' && as) {\n    props.as = as;\n  }\n\n  if (renderFunction) {\n    if (overrideChildren.length > 0) {\n      props.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n    }\n\n    return React.createElement(\n      React.Fragment,\n      {},\n      renderFunction(elementType as React.ElementType<Props>, props),\n    ) as React.ReactElement<Props>;\n  }\n\n  return React.createElement(elementType, props, ...overrideChildren);\n}\n"],"names":["React","isSlot","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","createElement","type","props","children","createElementFromSlotComponent","overrideChildren","as","baseElementType","renderFunction","propsWithoutMetadata","elementType","length","Fragment"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAEEC,MAAM,EAENC,wBAAwB,EACxBC,2BAA2B,QACtB,4BAA4B;AAEnC,OAAO,SAASC,cACdC,IAA0B,EAC1BC,KAAgB,EAChB,GAAGC,QAA2B,EACA;IAC9B,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIN,OAAUK,QAAQ;QACpB,OAAOE,+BACL;YAAE,GAAGF,KAAK;YAAE,CAACJ,yBAAyB,EAAEG;QAAK,GAC7CE;IAEJ,CAAC;IACD,IAAIN,OAAUI,OAAO;QACnB,OAAOG,+BAA+BH,MAAME;IAC9C,CAAC;IACD,OAAOP,MAAMI,aAAa,CAACC,MAAMC,UAAUC;AAC7C,CAAC;AAED,SAASC,+BACPH,IAA8B,EAC9BI,gBAAmC,EACD;IAClC,MAAM,EACJC,GAAE,EACF,CAACR,yBAAyB,EAAES,gBAAe,EAC3C,CAACR,4BAA4B,EAAES,eAAc,EAC7C,GAAGC,sBACJ,GAAGR;IACJ,MAAMC,QAAQO;IAEd,MAAMC,cAAc,OAAOH,oBAAoB,WAAWD,eAAAA,gBAAAA,KAAMC,eAAe,GAAGA,eAAe;IAEjG,IAAI,OAAOG,gBAAgB,YAAYJ,IAAI;QACzCJ,MAAMI,EAAE,GAAGA;IACb,CAAC;IAED,IAAIE,gBAAgB;QAClB,IAAIH,iBAAiBM,MAAM,GAAG,GAAG;YAC/BT,MAAMC,QAAQ,GAAGP,MAAMI,aAAa,CAACJ,MAAMgB,QAAQ,EAAE,CAAC,MAAMP;QAC9D,CAAC;QAED,OAAOT,MAAMI,aAAa,CACxBJ,MAAMgB,QAAQ,EACd,CAAC,GACDJ,eAAeE,aAAyCR;IAE5D,CAAC;IAED,OAAON,MAAMI,aAAa,CAACU,aAAaR,UAAUG;AACpD"}

package/lib-commonjs/createElement.js

@@ -2,29 +2,40 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    createElement: ()=>createElement,
-    hasRenderFunction: ()=>hasRenderFunction
+Object.defineProperty(exports, "createElement", {
+    enumerable: true,
+    get: ()=>createElement
 });
 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) {
-    return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : /*#__PURE__*/ _react.createElement(type, props, ...children);
-}
-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);
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if ((0, _reactUtilities.isSlot)(props)) {
+        return createElementFromSlotComponent({
+            ...props,
+            [_reactUtilities.SLOT_ELEMENT_TYPE_SYMBOL]: type
+        }, children);
+    }
+    if ((0, _reactUtilities.isSlot)(type)) {
+        return createElementFromSlotComponent(type, children);
     }
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, {}, renderFunction(type, renderProps));
+    return /*#__PURE__*/ _react.createElement(type, props, ...children);
 }
-function hasRenderFunction(props) {
-    return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL));
+function createElementFromSlotComponent(type, overrideChildren) {
+    const { as , [_reactUtilities.SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType , [_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...propsWithoutMetadata } = type;
+    const props = propsWithoutMetadata;
+    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
+    if (typeof elementType !== 'string' && as) {
+        props.as = as;
+    }
+    if (renderFunction) {
+        if (overrideChildren.length > 0) {
+            props.children = /*#__PURE__*/ _react.createElement(_react.Fragment, {}, ...overrideChildren);
+        }
+        return /*#__PURE__*/ _react.createElement(_react.Fragment, {}, renderFunction(elementType, props));
+    }
+    return /*#__PURE__*/ _react.createElement(elementType, props, ...overrideChildren);
 }

package/lib-commonjs/createElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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) : React.createElement(type, props, ...children);\n}\nfunction createElementFromRenderFunction(type, props, overrideChildren) {\n    const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...renderProps } = props;\n    if (overrideChildren.length > 0) {\n        renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n    }\n    return 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"],"names":["createElement","hasRenderFunction","type","props","children","createElementFromRenderFunction","React","overrideChildren","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","renderProps","length","Fragment","Boolean","hasOwnProperty"],"mappings":";;;;;;;;;;;IAEgBA,aAAa,MAAbA;IAUAC,iBAAiB,MAAjBA;;;6DAZO;gCACqB;AACrC,SAASD,cAAcE,IAAI,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EAAE;IACpD,OAAOH,kBAAkBE,SAASE,gCAAgCH,MAAMC,OAAOC,0BAAYE,OAAMN,aAAa,CAACE,MAAMC,UAAUC,SAAS;AAC5I;AACA,SAASC,gCAAgCH,IAAI,EAAEC,KAAK,EAAEI,gBAAgB,EAAE;IACpE,MAAM,EAAE,CAACC,2CAA2B,CAAC,EAAEC,eAAc,EAAG,GAAGC,aAAa,GAAGP;IAC3E,IAAII,iBAAiBI,MAAM,GAAG,GAAG;QAC7BD,YAAYN,QAAQ,iBAAGE,OAAMN,aAAa,CAACM,OAAMM,QAAQ,EAAE,CAAC,MAAML;IACtE,CAAC;IACD,qBAAOD,OAAMN,aAAa,CAACM,OAAMM,QAAQ,EAAE,CAAC,GAAGH,eAAeP,MAAMQ;AACxE;AACO,SAAST,kBAAkBE,KAAK,EAAE;IACrC,OAAOU,QAAQV,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMW,cAAc,CAACN,2CAA2B,CAAC;AAClH"}
+{"version":3,"sources":["createElement.js"],"sourcesContent":["import * as React from 'react';\nimport { isSlot, SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\nexport function createElement(type, props, ...children) {\n    // TODO:\n    // this is for backwards compatibility with getSlotsNext\n    // it should be removed once getSlotsNext is obsolete\n    if (isSlot(props)) {\n        return createElementFromSlotComponent({\n            ...props,\n            [SLOT_ELEMENT_TYPE_SYMBOL]: type\n        }, children);\n    }\n    if (isSlot(type)) {\n        return createElementFromSlotComponent(type, children);\n    }\n    return React.createElement(type, props, ...children);\n}\nfunction createElementFromSlotComponent(type, overrideChildren) {\n    const { as , [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType , [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...propsWithoutMetadata } = type;\n    const props = propsWithoutMetadata;\n    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;\n    if (typeof elementType !== 'string' && as) {\n        props.as = as;\n    }\n    if (renderFunction) {\n        if (overrideChildren.length > 0) {\n            props.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n        }\n        return React.createElement(React.Fragment, {}, renderFunction(elementType, props));\n    }\n    return React.createElement(elementType, props, ...overrideChildren);\n}\n"],"names":["createElement","type","props","children","isSlot","createElementFromSlotComponent","SLOT_ELEMENT_TYPE_SYMBOL","React","overrideChildren","as","baseElementType","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","propsWithoutMetadata","elementType","length","Fragment"],"mappings":";;;;+BAEgBA;;aAAAA;;;6DAFO;gCACuD;AACvE,SAASA,cAAcC,IAAI,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EAAE;IACpD,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIC,IAAAA,sBAAM,EAACF,QAAQ;QACf,OAAOG,+BAA+B;YAClC,GAAGH,KAAK;YACR,CAACI,wCAAwB,CAAC,EAAEL;QAChC,GAAGE;IACP,CAAC;IACD,IAAIC,IAAAA,sBAAM,EAACH,OAAO;QACd,OAAOI,+BAA+BJ,MAAME;IAChD,CAAC;IACD,qBAAOI,OAAMP,aAAa,CAACC,MAAMC,UAAUC;AAC/C;AACA,SAASE,+BAA+BJ,IAAI,EAAEO,gBAAgB,EAAE;IAC5D,MAAM,EAAEC,GAAE,EAAG,CAACH,wCAAwB,CAAC,EAAEI,gBAAe,EAAG,CAACC,2CAA2B,CAAC,EAAEC,eAAc,EAAG,GAAGC,sBAAsB,GAAGZ;IACvI,MAAMC,QAAQW;IACd,MAAMC,cAAc,OAAOJ,oBAAoB,WAAWD,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAIA,KAAKC,eAAe,GAAGA,eAAe;IAC/H,IAAI,OAAOI,gBAAgB,YAAYL,IAAI;QACvCP,MAAMO,EAAE,GAAGA;IACf,CAAC;IACD,IAAIG,gBAAgB;QAChB,IAAIJ,iBAAiBO,MAAM,GAAG,GAAG;YAC7Bb,MAAMC,QAAQ,iBAAGI,OAAMP,aAAa,CAACO,OAAMS,QAAQ,EAAE,CAAC,MAAMR;QAChE,CAAC;QACD,qBAAOD,OAAMP,aAAa,CAACO,OAAMS,QAAQ,EAAE,CAAC,GAAGJ,eAAeE,aAAaZ;IAC/E,CAAC;IACD,qBAAOK,OAAMP,aAAa,CAACc,aAAaZ,UAAUM;AACtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-jsx-runtime",
-  "version": "9.0.0-alpha.12",
+  "version": "9.0.0-alpha.13",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,7 +30,7 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.10.1",
+    "@fluentui/react-utilities": "^9.11.0",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {