@fluentui/react-spinbutton 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.1

package/lib/utils/precision.js

@@ -4,13 +4,14 @@
  * precision. Otherwise, it calculates the number of digits after
  * the decimal point indicated by a positive precision.
  * @param value - the value to determine the precision of
- */export function calculatePrecision(value) {
+ */
+export function calculatePrecision(value) {
   /**
-  * Group 1:
-  * [1-9]([0]+$) matches trailing zeros
-  * Group 2:
-  * \.([0-9]*) matches all digits after a decimal point.
-  */
+   * Group 1:
+   * [1-9]([0]+$) matches trailing zeros
+   * Group 2:
+   * \.([0-9]*) matches all digits after a decimal point.
+   */
   const groups = /[1-9]([0]+$)|\.([0-9]*)/.exec(String(value));
   if (!groups) {
     return 0;
@@ -28,8 +29,7 @@
  * @param value - The value that is being rounded.
  * @param precision - The number of decimal places to round the number to
  */
-export function precisionRound(value, precision) {
-  let base = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 10;
+export function precisionRound(value, precision, base = 10) {
   const exp = Math.pow(base, precision);
   return Math.round(value * exp) / exp;
 }

package/lib/utils/precision.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA;;;;;;GAOA,OAAO,SAASA,mBAAmBC,KAAsB,EAAU;EACjE;;;;;;EAMA,MAAMC,SAAS,0BAA0BC,IAAI,CAACC,OAAOH;EACrD,IAAI,CAACC,QAAQ;IACX,OAAO;EACT;EACA,IAAIA,MAAM,CAAC,EAAE,EAAE;IACb,OAAO,CAACA,MAAM,CAAC,EAAE,CAACG,MAAM;EAC1B;EACA,IAAIH,MAAM,CAAC,EAAE,EAAE;IACb,OAAOA,MAAM,CAAC,EAAE,CAACG,MAAM;EACzB;EACA,OAAO;AACT;AAEA;;;;;AAKA,OAAO,SAASC,eAAeL,KAAa,EAAEM,SAAiB,EAA6B;MAA3BC,wEAAe,EAAE;EAChF,MAAMC,MAAMC,KAAKC,GAAG,CAACH,MAAMD;EAC3B,OAAOG,KAAKE,KAAK,CAACX,QAAQQ,OAAOA;AACnC","names":["calculatePrecision","value","groups","exec","String","length","precisionRound","precision","base","exp","Math","pow","round"],"sources":["../../src/utils/precision.ts"],"sourcesContent":["/**\n * Calculates a number's precision based on the number of trailing\n * zeros if the number does not have a decimal indicated by a negative\n * precision. Otherwise, it calculates the number of digits after\n * the decimal point indicated by a positive precision.\n * @param value - the value to determine the precision of\n */\nexport function calculatePrecision(value: number | string): number {\n  /**\n   * Group 1:\n   * [1-9]([0]+$) matches trailing zeros\n   * Group 2:\n   * \\.([0-9]*) matches all digits after a decimal point.\n   */\n  const groups = /[1-9]([0]+$)|\\.([0-9]*)/.exec(String(value));\n  if (!groups) {\n    return 0;\n  }\n  if (groups[1]) {\n    return -groups[1].length;\n  }\n  if (groups[2]) {\n    return groups[2].length;\n  }\n  return 0;\n}\n\n/**\n * Rounds a number to a certain level of precision. Accepts negative precision.\n * @param value - The value that is being rounded.\n * @param precision - The number of decimal places to round the number to\n */\nexport function precisionRound(value: number, precision: number, base: number = 10): number {\n  const exp = Math.pow(base, precision);\n  return Math.round(value * exp) / exp;\n}\n"]}
+{"version":3,"mappings":"AAAA;;;;;;;AAOA,OAAM,SAAUA,kBAAkB,CAACC,KAAsB;EACvD;;;;;;EAMA,MAAMC,MAAM,GAAG,yBAAyB,CAACC,IAAI,CAACC,MAAM,CAACH,KAAK,CAAC,CAAC;EAC5D,IAAI,CAACC,MAAM,EAAE;IACX,OAAO,CAAC;;EAEV,IAAIA,MAAM,CAAC,CAAC,CAAC,EAAE;IACb,OAAO,CAACA,MAAM,CAAC,CAAC,CAAC,CAACG,MAAM;;EAE1B,IAAIH,MAAM,CAAC,CAAC,CAAC,EAAE;IACb,OAAOA,MAAM,CAAC,CAAC,CAAC,CAACG,MAAM;;EAEzB,OAAO,CAAC;AACV;AAEA;;;;;AAKA,OAAM,SAAUC,cAAc,CAACL,KAAa,EAAEM,SAAiB,EAAEC,OAAe,EAAE;EAChF,MAAMC,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACH,IAAI,EAAED,SAAS,CAAC;EACrC,OAAOG,IAAI,CAACE,KAAK,CAACX,KAAK,GAAGQ,GAAG,CAAC,GAAGA,GAAG;AACtC","names":["calculatePrecision","value","groups","exec","String","length","precisionRound","precision","base","exp","Math","pow","round"],"sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-spinbutton/src/utils/precision.ts"],"sourcesContent":["/**\n * Calculates a number's precision based on the number of trailing\n * zeros if the number does not have a decimal indicated by a negative\n * precision. Otherwise, it calculates the number of digits after\n * the decimal point indicated by a positive precision.\n * @param value - the value to determine the precision of\n */\nexport function calculatePrecision(value: number | string): number {\n  /**\n   * Group 1:\n   * [1-9]([0]+$) matches trailing zeros\n   * Group 2:\n   * \\.([0-9]*) matches all digits after a decimal point.\n   */\n  const groups = /[1-9]([0]+$)|\\.([0-9]*)/.exec(String(value));\n  if (!groups) {\n    return 0;\n  }\n  if (groups[1]) {\n    return -groups[1].length;\n  }\n  if (groups[2]) {\n    return groups[2].length;\n  }\n  return 0;\n}\n\n/**\n * Rounds a number to a certain level of precision. Accepts negative precision.\n * @param value - The value that is being rounded.\n * @param precision - The number of decimal places to round the number to\n */\nexport function precisionRound(value: number, precision: number, base: number = 10): number {\n  const exp = Math.pow(base, precision);\n  return Math.round(value * exp) / exp;\n}\n"]}

package/lib-commonjs/SpinButton.js

@@ -1,9 +1,8 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/SpinButton/index"), exports);
- //# sourceMappingURL=SpinButton.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/SpinButton/index"), exports);
 //# sourceMappingURL=SpinButton.js.map

package/lib-commonjs/SpinButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/SpinButton.js"],"sourcesContent":["export * from './components/SpinButton/index';\n//# sourceMappingURL=SpinButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,sCAAsC"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-spinbutton/src/SpinButton.ts"],"sourcesContent":["export * from './components/SpinButton/index';\n"]}

package/lib-commonjs/SpinButtonField.js

@@ -1,9 +1,8 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/SpinButtonField/index"), exports);
- //# sourceMappingURL=SpinButtonField.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./components/SpinButtonField/index"), exports);
 //# sourceMappingURL=SpinButtonField.js.map

package/lib-commonjs/SpinButtonField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/SpinButtonField.js"],"sourcesContent":["export * from './components/SpinButtonField/index';\n//# sourceMappingURL=SpinButtonField.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,2CAA2C"}
+{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-spinbutton/src/SpinButtonField.ts"],"sourcesContent":["export * from './components/SpinButtonField/index';\n"]}

package/lib-commonjs/components/SpinButton/SpinButton.js

@@ -1,21 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SpinButton", {
-    enumerable: true,
-    get: ()=>SpinButton
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useSpinButton = require("./useSpinButton");
-const _renderSpinButton = require("./renderSpinButton");
-const _useSpinButtonStyles = require("./useSpinButtonStyles");
-const SpinButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useSpinButton.useSpinButton_unstable)(props, ref);
-    (0, _useSpinButtonStyles.useSpinButtonStyles_unstable)(state);
-    return (0, _renderSpinButton.renderSpinButton_unstable)(state);
+exports.SpinButton = void 0;
+const React = /*#__PURE__*/require("react");
+const useSpinButton_1 = /*#__PURE__*/require("./useSpinButton");
+const renderSpinButton_1 = /*#__PURE__*/require("./renderSpinButton");
+const useSpinButtonStyles_1 = /*#__PURE__*/require("./useSpinButtonStyles");
+/**
+ * A SpinButton allows someone to incrementally adjust a value in small steps.
+ */
+exports.SpinButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useSpinButton_1.useSpinButton_unstable(props, ref);
+  useSpinButtonStyles_1.useSpinButtonStyles_unstable(state);
+  return renderSpinButton_1.renderSpinButton_unstable(state);
 });
-SpinButton.displayName = 'SpinButton'; //# sourceMappingURL=SpinButton.js.map
-
+exports.SpinButton.displayName = 'SpinButton';
 //# sourceMappingURL=SpinButton.js.map

package/lib-commonjs/components/SpinButton/SpinButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SpinButton/SpinButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useSpinButton_unstable } from './useSpinButton';\nimport { renderSpinButton_unstable } from './renderSpinButton';\nimport { useSpinButtonStyles_unstable } from './useSpinButtonStyles';\n/**\n * A SpinButton allows someone to incrementally adjust a value in small steps.\n */\nexport const SpinButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSpinButton_unstable(props, ref);\n  useSpinButtonStyles_unstable(state);\n  return renderSpinButton_unstable(state);\n});\nSpinButton.displayName = 'SpinButton';\n//# sourceMappingURL=SpinButton.js.map"],"names":["SpinButton","React","forwardRef","props","ref","state","useSpinButton_unstable","useSpinButtonStyles_unstable","renderSpinButton_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;+BACgB;kCACG;qCACG;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,kBAAU,gBAAyCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGC,sCAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDG,kDAA4B,CAACF,KAAK,CAAC;EACnC,OAAOG,4CAAyB,CAACH,KAAK,CAAC;AACzC,CAAC,CAAC;AAEFL,kBAAU,CAACS,WAAW,GAAG,YAAY","names":["exports","React","forwardRef","props","ref","state","useSpinButton_1","useSpinButtonStyles_1","renderSpinButton_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSpinButton_unstable } from './useSpinButton';\nimport { renderSpinButton_unstable } from './renderSpinButton';\nimport { useSpinButtonStyles_unstable } from './useSpinButtonStyles';\nimport type { SpinButtonProps } from './SpinButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A SpinButton allows someone to incrementally adjust a value in small steps.\n */\nexport const SpinButton: ForwardRefComponent<SpinButtonProps> = React.forwardRef((props, ref) => {\n  const state = useSpinButton_unstable(props, ref);\n\n  useSpinButtonStyles_unstable(state);\n  return renderSpinButton_unstable(state);\n});\n\nSpinButton.displayName = 'SpinButton';\n"]}

package/lib-commonjs/components/SpinButton/SpinButton.types.js

@@ -1,10 +1,6 @@
-// import { Input } from '@fluentui/react-input';
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=SpinButton.types.js.map
-
 //# sourceMappingURL=SpinButton.types.js.map

package/lib-commonjs/components/SpinButton/SpinButton.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SpinButton/SpinButton.types.js"],"sourcesContent":["// import { Input } from '@fluentui/react-input';\nimport * as React from 'react';\n//# sourceMappingURL=SpinButton.types.js.map"],"names":[],"mappings":"AAAA,iDAAiD;;;;;;6DAC1B;CACvB,4CAA4C"}
+{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}

package/lib-commonjs/components/SpinButton/index.js

@@ -1,13 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./SpinButton"), exports);
-_exportStar(require("./SpinButton.types"), exports);
-_exportStar(require("./renderSpinButton"), exports);
-_exportStar(require("./useSpinButton"), exports);
-_exportStar(require("./useSpinButtonStyles"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./SpinButton"), exports);
+tslib_1.__exportStar(require("./SpinButton.types"), exports);
+tslib_1.__exportStar(require("./renderSpinButton"), exports);
+tslib_1.__exportStar(require("./useSpinButton"), exports);
+tslib_1.__exportStar(require("./useSpinButtonStyles"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/SpinButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SpinButton/index.js"],"sourcesContent":["export * from './SpinButton';\nexport * from './SpinButton.types';\nexport * from './renderSpinButton';\nexport * from './useSpinButton';\nexport * from './useSpinButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-spinbutton/src/components/SpinButton/index.ts"],"sourcesContent":["export * from './SpinButton';\nexport * from './SpinButton.types';\nexport * from './renderSpinButton';\nexport * from './useSpinButton';\nexport * from './useSpinButtonStyles';\n"]}

package/lib-commonjs/components/SpinButton/renderSpinButton.js

@@ -1,38 +1,47 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderSpinButton_unstable", {
-    enumerable: true,
-    get: ()=>renderSpinButton_unstable
+  value: true
 });
-const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _extends = require("@swc/helpers/lib/_extends.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderSpinButton_unstable = (state)=>{
-    // Leaving this here for now.
-    // This is the approach using react-input's Input component.
-    // It has some Typescript problems and feels hacky.
-    // const { slots, slotProps } = getSlots<SpinButtonSlots>(state);
-    // const { contentAfter, ...otherInputSlotProps } = slotProps.input as SpinButtonSlots['input'];
-    // const inputContentAfter = {
-    //   ...contentAfter,
-    //   children: (
-    //     <>
-    //       <slots.incrementButton {...slotProps.incrementButton} />
-    //       <slots.decrementButton {...slotProps.decrementButton} />
-    //     </>
-    //   ),
-    // };
-    // return (
-    //   <slots.root {...slotProps.root}>
-    //     <slots.input {...otherInputSlotProps} contentAfter={inputContentAfter}/>
-    //   </slots.root>
-    // );
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, _extends({}, slotProps.root), /*#__PURE__*/ _react.createElement(slots.input, _extends({}, slotProps.input)), /*#__PURE__*/ _react.createElement(slots.incrementButton, _extends({}, slotProps.incrementButton)), /*#__PURE__*/ _react.createElement(slots.decrementButton, _extends({}, slotProps.decrementButton)));
-}; //# sourceMappingURL=renderSpinButton.js.map
-
+exports.renderSpinButton_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Render the final JSX of SpinButton
+ */
+const renderSpinButton_unstable = state => {
+  // Leaving this here for now.
+  // This is the approach using react-input's Input component.
+  // It has some Typescript problems and feels hacky.
+  // const { slots, slotProps } = getSlots<SpinButtonSlots>(state);
+  // const { contentAfter, ...otherInputSlotProps } = slotProps.input as SpinButtonSlots['input'];
+  // const inputContentAfter = {
+  //   ...contentAfter,
+  //   children: (
+  //     <>
+  //       <slots.incrementButton {...slotProps.incrementButton} />
+  //       <slots.decrementButton {...slotProps.decrementButton} />
+  //     </>
+  //   ),
+  // };
+  // return (
+  //   <slots.root {...slotProps.root}>
+  //     <slots.input {...otherInputSlotProps} contentAfter={inputContentAfter}/>
+  //   </slots.root>
+  // );
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, React.createElement(slots.input, {
+    ...slotProps.input
+  }), React.createElement(slots.incrementButton, {
+    ...slotProps.incrementButton
+  }), React.createElement(slots.decrementButton, {
+    ...slotProps.decrementButton
+  }));
+};
+exports.renderSpinButton_unstable = renderSpinButton_unstable;
 //# sourceMappingURL=renderSpinButton.js.map

package/lib-commonjs/components/SpinButton/renderSpinButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SpinButton/renderSpinButton.js"],"sourcesContent":["import _extends from \"@swc/helpers/src/_extends.mjs\";\nimport * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of SpinButton\n */\nexport const renderSpinButton_unstable = state => {\n  // Leaving this here for now.\n  // This is the approach using react-input's Input component.\n  // It has some Typescript problems and feels hacky.\n  // const { slots, slotProps } = getSlots<SpinButtonSlots>(state);\n  // const { contentAfter, ...otherInputSlotProps } = slotProps.input as SpinButtonSlots['input'];\n  // const inputContentAfter = {\n  //   ...contentAfter,\n  //   children: (\n  //     <>\n  //       <slots.incrementButton {...slotProps.incrementButton} />\n  //       <slots.decrementButton {...slotProps.decrementButton} />\n  //     </>\n  //   ),\n  // };\n  // return (\n  //   <slots.root {...slotProps.root}>\n  //     <slots.input {...otherInputSlotProps} contentAfter={inputContentAfter}/>\n  //   </slots.root>\n  // );\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, _extends({}, slotProps.root), /*#__PURE__*/React.createElement(slots.input, _extends({}, slotProps.input)), /*#__PURE__*/React.createElement(slots.incrementButton, _extends({}, slotProps.incrementButton)), /*#__PURE__*/React.createElement(slots.decrementButton, _extends({}, slotProps.decrementButton)));\n};\n//# sourceMappingURL=renderSpinButton.js.map"],"names":["renderSpinButton_unstable","state","slots","slotProps","getSlots","React","createElement","root","_extends","input","incrementButton","decrementButton"],"mappings":";;;;+BAMaA;;aAAAA;;;;yBANQ;6DACE;gCACE;AAIlB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,6BAA6B;IAC7B,4DAA4D;IAC5D,mDAAmD;IACnD,iEAAiE;IACjE,gGAAgG;IAChG,8BAA8B;IAC9B,qBAAqB;IACrB,gBAAgB;IAChB,SAAS;IACT,iEAAiE;IACjE,iEAAiE;IACjE,UAAU;IACV,OAAO;IACP,KAAK;IACL,WAAW;IACX,qCAAqC;IACrC,+EAA+E;IAC/E,kBAAkB;IAClB,KAAK;IACL,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEC,SAAS,CAAC,GAAGL,UAAUI,IAAI,GAAG,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMO,KAAK,EAAED,SAAS,CAAC,GAAGL,UAAUM,KAAK,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,eAAe,EAAEF,SAAS,CAAC,GAAGL,UAAUO,eAAe,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,eAAe,EAAEH,SAAS,CAAC,GAAGL,UAAUQ,eAAe;AAClW,GACA,4CAA4C"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;AAGO,MAAMA,yBAAyB,GAAIC,KAAsB,IAAI;EAClE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAkBH,KAAK,CAAC;EAE7D,OACEI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BD,oBAACH,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,EACpCF,oBAACH,KAAK,CAACM,eAAe;IAAA,GAAKL,SAAS,CAACK;EAAe,EAAI,EACxDH,oBAACH,KAAK,CAACO,eAAe;IAAA,GAAKN,SAAS,CAACM;EAAe,EAAI,CAC7C;AAEjB,CAAC;AAhCYC,iCAAyB","names":["renderSpinButton_unstable","state","slots","slotProps","react_utilities_1","React","root","input","incrementButton","decrementButton","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-spinbutton/src/components/SpinButton/renderSpinButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SpinButtonState, SpinButtonSlots } from './SpinButton.types';\n\n/**\n * Render the final JSX of SpinButton\n */\nexport const renderSpinButton_unstable = (state: SpinButtonState) => {\n  // Leaving this here for now.\n  // This is the approach using react-input's Input component.\n  // It has some Typescript problems and feels hacky.\n  // const { slots, slotProps } = getSlots<SpinButtonSlots>(state);\n\n  // const { contentAfter, ...otherInputSlotProps } = slotProps.input as SpinButtonSlots['input'];\n  // const inputContentAfter = {\n  //   ...contentAfter,\n  //   children: (\n  //     <>\n  //       <slots.incrementButton {...slotProps.incrementButton} />\n  //       <slots.decrementButton {...slotProps.decrementButton} />\n  //     </>\n  //   ),\n  // };\n\n  // return (\n  //   <slots.root {...slotProps.root}>\n  //     <slots.input {...otherInputSlotProps} contentAfter={inputContentAfter}/>\n  //   </slots.root>\n  // );\n\n  const { slots, slotProps } = getSlots<SpinButtonSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      <slots.incrementButton {...slotProps.incrementButton} />\n      <slots.decrementButton {...slotProps.decrementButton} />\n    </slots.root>\n  );\n};\n"]}