@fluentui/react-skeleton 9.0.0-beta.1 → 9.0.0-beta.10

package/lib-commonjs/components/SkeletonItem/renderSkeletonItem.js

@@ -1,22 +1,16 @@
-"use strict";
-
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderSkeletonItem_unstable", {
+    enumerable: true,
+    get: ()=>renderSkeletonItem_unstable
 });
-exports.renderSkeletonItem_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of SkeletonItem
- */
-const renderSkeletonItem_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  });
-};
-exports.renderSkeletonItem_unstable = renderSkeletonItem_unstable;
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderSkeletonItem_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+}; //# sourceMappingURL=renderSkeletonItem.js.map
+
 //# sourceMappingURL=renderSkeletonItem.js.map

package/lib-commonjs/components/SkeletonItem/renderSkeletonItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderSkeletonItem_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/renderSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SkeletonItemState, SkeletonItemSlots } from './SkeletonItem.types';\n\n/**\n * Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = (state: SkeletonItemState) => {\n  const { slots, slotProps } = getSlots<SkeletonItemSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAoBH,KAAK,CAAC;EAE/D,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,OAAA,CAAAP,2BAA2B,GAAAA,2BAAA"}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/renderSkeletonItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderSkeletonItem.js.map"],"names":["renderSkeletonItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AAC9D,GACA,8CAA8C"}

package/lib-commonjs/components/SkeletonItem/useSkeletonItem.js

@@ -1,45 +1,32 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useSkeletonItem_unstable", {
+    enumerable: true,
+    get: ()=>useSkeletonItem_unstable
 });
-exports.useSkeletonItem_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const SkeletonContext_1 = /*#__PURE__*/require("../../contexts/SkeletonContext");
-/**
- * Create the state required to render SkeletonItem.
- *
- * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,
- * before being passed to renderSkeletonItem_unstable.
- *
- * @param props - props from this instance of SkeletonItem
- * @param ref - reference to root HTMLElement of SkeletonItem
- */
-const useSkeletonItem_unstable = (props, ref) => {
-  const {
-    animation: contextAnimation,
-    appearance: contextAppearance
-  } = SkeletonContext_1.useSkeletonContext();
-  const {
-    animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave',
-    appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque',
-    size = 16,
-    shape = 'rectangle'
-  } = props;
-  const root = react_utilities_1.getNativeElementProps('div', {
-    ref,
-    ...props
-  });
-  return {
-    appearance,
-    animation,
-    size,
-    shape,
-    components: {
-      root: 'div'
-    },
-    root
-  };
-};
-exports.useSkeletonItem_unstable = useSkeletonItem_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 _skeletonContext = require("../../contexts/SkeletonContext");
+const useSkeletonItem_unstable = (props, ref)=>{
+    const { animation: contextAnimation , appearance: contextAppearance  } = (0, _skeletonContext.useSkeletonContext)();
+    const { animation =contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave' , appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' , size =16 , shape ='rectangle'  } = props;
+    const root = (0, _reactUtilities.getNativeElementProps)('div', {
+        ref,
+        ...props
+    });
+    return {
+        appearance,
+        animation,
+        size,
+        shape,
+        components: {
+            root: 'div'
+        },
+        root
+    };
+}; //# sourceMappingURL=useSkeletonItem.js.map
+
 //# sourceMappingURL=useSkeletonItem.js.map

package/lib-commonjs/components/SkeletonItem/useSkeletonItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","SkeletonContext_1","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","getNativeElementProps","components","exports"],"sources":["../src/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type { SkeletonItemProps, SkeletonItemState } from './SkeletonItem.types';\n\n/**\n * Create the state required to render SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */\nexport const useSkeletonItem_unstable = (props: SkeletonItemProps, ref: React.Ref<HTMLElement>): SkeletonItemState => {\n  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n  const {\n    animation = contextAnimation ?? 'wave',\n    appearance = contextAppearance ?? 'opaque',\n    size = 16,\n    shape = 'rectangle',\n  } = props;\n\n  const root = getNativeElementProps('div', {\n    ref,\n    ...props,\n  });\n\n  return {\n    appearance,\n    animation,\n    size,\n    shape,\n    components: {\n      root: 'div',\n    },\n    root,\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;;;;;;;AASO,MAAME,wBAAwB,GAAGA,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAM;IAAEC,SAAS,EAAEC,gBAAgB;IAAEC,UAAU,EAAEC;EAAiB,CAAE,GAAGP,iBAAA,CAAAQ,kBAAkB,EAAE;EAC3F,MAAM;IACJJ,SAAS,GAAGC,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,MAAM;IACtCC,UAAU,GAAGC,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,QAAQ;IAC1CE,IAAI,GAAG,EAAE;IACTC,KAAK,GAAG;EAAW,CACpB,GAAGR,KAAK;EAET,MAAMS,IAAI,GAAGb,iBAAA,CAAAc,qBAAqB,CAAC,KAAK,EAAE;IACxCT,GAAG;IACH,GAAGD;GACJ,CAAC;EAEF,OAAO;IACLI,UAAU;IACVF,SAAS;IACTK,IAAI;IACJC,KAAK;IACLG,UAAU,EAAE;MACVF,IAAI,EAAE;KACP;IACDA;GACD;AACH,CAAC;AAxBYG,OAAA,CAAAb,wBAAwB,GAAAA,wBAAA"}
+{"version":3,"sources":["../../../lib/components/SkeletonItem/useSkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */\nexport const useSkeletonItem_unstable = (props, ref) => {\n  const {\n    animation: contextAnimation,\n    appearance: contextAppearance\n  } = useSkeletonContext();\n  const {\n    animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave',\n    appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque',\n    size = 16,\n    shape = 'rectangle'\n  } = props;\n  const root = getNativeElementProps('div', {\n    ref,\n    ...props\n  });\n  return {\n    appearance,\n    animation,\n    size,\n    shape,\n    components: {\n      root: 'div'\n    },\n    root\n  };\n};\n//# sourceMappingURL=useSkeletonItem.js.map"],"names":["useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","getNativeElementProps","components"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACe;iCACH;AAU5B,MAAMA,2BAA2B,CAACC,OAAOC,MAAQ;IACtD,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC9B,GAAGC,IAAAA,mCAAkB;IACtB,MAAM,EACJJ,WAAYC,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,CAAA,EAChGC,YAAaC,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EACtGE,MAAO,GAAE,EACTC,OAAQ,YAAW,EACpB,GAAGR;IACJ,MAAMS,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCT;QACA,GAAGD,KAAK;IACV;IACA,OAAO;QACLI;QACAF;QACAK;QACAC;QACAG,YAAY;YACVF,MAAM;QACR;QACAA;IACF;AACF,GACA,2CAA2C"}