@fluentui/react-slider 9.1.4 → 9.1.6

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

@@ -1,38 +1,26 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSliderStyles_unstable = exports.sliderCSSVars = exports.sliderClassNames = exports.useSliderState_unstable = void 0;
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./Slider"), exports);
-tslib_1.__exportStar(require("./Slider.types"), exports);
-tslib_1.__exportStar(require("./renderSlider"), exports);
-tslib_1.__exportStar(require("./useSlider"), exports);
-var useSliderState_1 = /*#__PURE__*/require("./useSliderState");
-Object.defineProperty(exports, "useSliderState_unstable", {
-  enumerable: true,
-  get: function () {
-    return useSliderState_1.useSliderState_unstable;
-  }
-});
-var useSliderStyles_1 = /*#__PURE__*/require("./useSliderStyles");
-Object.defineProperty(exports, "sliderClassNames", {
-  enumerable: true,
-  get: function () {
-    return useSliderStyles_1.sliderClassNames;
-  }
+    value: true
 });
-Object.defineProperty(exports, "sliderCSSVars", {
-  enumerable: true,
-  get: function () {
-    return useSliderStyles_1.sliderCSSVars;
-  }
-});
-Object.defineProperty(exports, "useSliderStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return useSliderStyles_1.useSliderStyles_unstable;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSliderState_unstable: ()=>_useSliderState.useSliderState_unstable,
+    sliderClassNames: ()=>_useSliderStyles.sliderClassNames,
+    sliderCSSVars: ()=>_useSliderStyles.sliderCSSVars,
+    useSliderStyles_unstable: ()=>_useSliderStyles.useSliderStyles_unstable
 });
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Slider"), exports);
+_exportStar(require("./Slider.types"), exports);
+_exportStar(require("./renderSlider"), exports);
+_exportStar(require("./useSlider"), exports);
+const _useSliderState = require("./useSliderState");
+const _useSliderStyles = require("./useSliderStyles");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports","useSliderState_1","Object","defineProperty","enumerable","get","useSliderState_unstable","useSliderStyles_1","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"sources":["../src/packages/react-components/react-slider/src/components/Slider/index.ts"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles';\n"],"mappings":";;;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,cAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACA,IAAAC,gBAAA,gBAAAF,OAAA;AAASG,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,gBAAA,CAAAK,uBAAuB;EAAA;AAAA;AAChC,IAAAC,iBAAA,gBAAAR,OAAA;AAASG,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,iBAAA,CAAAC,gBAAgB;EAAA;AAAA;AAAEN,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,iBAAA,CAAAE,aAAa;EAAA;AAAA;AAAEP,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAE,iBAAA,CAAAG,wBAAwB;EAAA;AAAA"}
+{"version":3,"sources":["../../../lib/components/Slider/index.js"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles';\n//# sourceMappingURL=index.js.map"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,uBAAuB,MAAvBA,uCAAuB;IACvBC,gBAAgB,MAAhBA,iCAAgB;IAAEC,aAAa,MAAbA,8BAAa;IAAEC,wBAAwB,MAAxBA,yCAAwB;;;oBALpD;oBACA;oBACA;oBACA;gCAC0B;iCACkC;CAC1E,iCAAiC"}

package/lib-commonjs/components/Slider/renderSlider.js

@@ -1,28 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderSlider_unstable", {
+    enumerable: true,
+    get: ()=>renderSlider_unstable
 });
-exports.renderSlider_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of Slider
- */
-const renderSlider_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(slots.input, {
-    ...slotProps.input
-  }), React.createElement(slots.rail, {
-    ...slotProps.rail
-  }), React.createElement(slots.thumb, {
-    ...slotProps.thumb
-  }));
-};
-exports.renderSlider_unstable = renderSlider_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 renderSlider_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.input, slotProps.input), /*#__PURE__*/ _react.createElement(slots.rail, slotProps.rail), /*#__PURE__*/ _react.createElement(slots.thumb, slotProps.thumb));
+}; //# sourceMappingURL=renderSlider.js.map
+
 //# sourceMappingURL=renderSlider.js.map

package/lib-commonjs/components/Slider/renderSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderSlider_unstable","state","slots","slotProps","getSlots","createElement","root","input","rail","thumb","exports"],"sources":["../src/packages/react-components/react-slider/src/components/Slider/renderSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n  const { slots, slotProps } = getSlots<SliderSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.input {...slotProps.input} />\n      <slots.rail {...slotProps.rail} />\n      <slots.thumb {...slotProps.thumb} />\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,qBAAqB,GAAIC,KAAkB,IAAI;EAC1D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAcH,KAAK,CAAC;EAEzD,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BT,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,KAAK;IAAA,GAAKJ,SAAS,CAACI;EAAK,EAAI,EACpCV,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,EAClCX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,KAAK;IAAA,GAAKN,SAAS,CAACM;EAAK,EAAI,CACzB;AAEjB,CAAC;AAVYC,OAAA,CAAAV,qBAAqB,GAAAA,qBAAA"}
+{"version":3,"sources":["../../../lib/components/Slider/renderSlider.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.input, slotProps.input), /*#__PURE__*/React.createElement(slots.rail, slotProps.rail), /*#__PURE__*/React.createElement(slots.thumb, slotProps.thumb));\n};\n//# sourceMappingURL=renderSlider.js.map"],"names":["renderSlider_unstable","state","slots","slotProps","getSlots","React","createElement","root","input","rail","thumb"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,KAAK,EAAEL,UAAUK,KAAK,GAAG,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,KAAK,EAAEP,UAAUO,KAAK;AACjQ,GACA,wCAAwC"}

package/lib-commonjs/components/Slider/useSlider.js

@@ -1,62 +1,61 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useSlider_unstable", {
+    enumerable: true,
+    get: ()=>useSlider_unstable
 });
-exports.useSlider_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const useSliderState_1 = /*#__PURE__*/require("./useSliderState");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const useSlider_unstable = (props, ref) => {
-  const nativeProps = react_utilities_1.getPartitionedNativeProps({
-    props,
-    primarySlotTagName: 'input',
-    excludedPropNames: ['onChange', 'size']
-  });
-  const {
-    disabled,
-    vertical,
-    size = 'medium',
-    // Slots
-    root,
-    input,
-    rail,
-    thumb
-  } = props;
-  const state = {
-    disabled,
-    size,
-    vertical,
-    components: {
-      input: 'input',
-      rail: 'div',
-      root: 'div',
-      thumb: 'div'
-    },
-    root: react_utilities_1.resolveShorthand(root, {
-      required: true,
-      defaultProps: nativeProps.root
-    }),
-    input: react_utilities_1.resolveShorthand(input, {
-      required: true,
-      defaultProps: {
-        id: react_utilities_1.useId('slider-', props.id),
-        ref,
-        ...nativeProps.primary,
-        type: 'range',
-        orient: vertical ? 'vertical' : undefined
-      }
-    }),
-    rail: react_utilities_1.resolveShorthand(rail, {
-      required: true
-    }),
-    thumb: react_utilities_1.resolveShorthand(thumb, {
-      required: true
-    })
-  };
-  state.root.ref = react_utilities_1.useMergedRefs(state.root.ref, react_tabster_1.useFocusWithin());
-  useSliderState_1.useSliderState_unstable(state, props);
-  return state;
-};
-exports.useSlider_unstable = useSlider_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 _useSliderState = require("./useSliderState");
+const _reactTabster = require("@fluentui/react-tabster");
+const useSlider_unstable = (props, ref)=>{
+    const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
+        props,
+        primarySlotTagName: 'input',
+        excludedPropNames: [
+            'onChange',
+            'size'
+        ]
+    });
+    const { disabled , vertical , size ='medium' , // Slots
+    root , input , rail , thumb  } = props;
+    const state = {
+        disabled,
+        size,
+        vertical,
+        components: {
+            input: 'input',
+            rail: 'div',
+            root: 'div',
+            thumb: 'div'
+        },
+        root: (0, _reactUtilities.resolveShorthand)(root, {
+            required: true,
+            defaultProps: nativeProps.root
+        }),
+        input: (0, _reactUtilities.resolveShorthand)(input, {
+            required: true,
+            defaultProps: {
+                id: (0, _reactUtilities.useId)('slider-', props.id),
+                ref,
+                ...nativeProps.primary,
+                type: 'range',
+                orient: vertical ? 'vertical' : undefined
+            }
+        }),
+        rail: (0, _reactUtilities.resolveShorthand)(rail, {
+            required: true
+        }),
+        thumb: (0, _reactUtilities.resolveShorthand)(thumb, {
+            required: true
+        })
+    };
+    state.root.ref = (0, _reactUtilities.useMergedRefs)(state.root.ref, (0, _reactTabster.useFocusWithin)());
+    (0, _useSliderState.useSliderState_unstable)(state, props);
+    return state;
+}; //# sourceMappingURL=useSlider.js.map
+
 //# sourceMappingURL=useSlider.js.map

package/lib-commonjs/components/Slider/useSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","useSliderState_1","react_tabster_1","useSlider_unstable","props","ref","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","resolveShorthand","required","defaultProps","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable","exports"],"sources":["../src/packages/react-components/react-slider/src/components/Slider/useSlider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange', 'size'],\n  });\n\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb,\n  } = props;\n\n  const state: SliderState = {\n    disabled,\n    size,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div',\n    },\n    root: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root,\n    }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined,\n      },\n    }),\n    rail: resolveShorthand(rail, { required: true }),\n    thumb: resolveShorthand(thumb, { required: true }),\n  };\n\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n  useSliderState_unstable(state, props);\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AAEA,MAAAE,eAAA,gBAAAF,OAAA;AAEO,MAAMG,kBAAkB,GAAGA,CAACC,KAAkB,EAAEC,GAAgC,KAAiB;EACtG,MAAMC,WAAW,GAAGP,iBAAA,CAAAQ,yBAAyB,CAAC;IAC5CH,KAAK;IACLI,kBAAkB,EAAE,OAAO;IAC3BC,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM;GACvC,CAAC;EAEF,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACRC,IAAI,GAAG,QAAQ;IACf;IACAC,IAAI;IACJC,KAAK;IACLC,IAAI;IACJC;EAAK,CACN,GAAGZ,KAAK;EAET,MAAMa,KAAK,GAAgB;IACzBP,QAAQ;IACRE,IAAI;IACJD,QAAQ;IACRO,UAAU,EAAE;MACVJ,KAAK,EAAE,OAAO;MACdC,IAAI,EAAE,KAAK;MACXF,IAAI,EAAE,KAAK;MACXG,KAAK,EAAE;KACR;IACDH,IAAI,EAAEd,iBAAA,CAAAoB,gBAAgB,CAACN,IAAI,EAAE;MAC3BO,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAEf,WAAW,CAACO;KAC3B,CAAC;IACFC,KAAK,EAAEf,iBAAA,CAAAoB,gBAAgB,CAACL,KAAK,EAAE;MAC7BM,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZC,EAAE,EAAEvB,iBAAA,CAAAwB,KAAK,CAAC,SAAS,EAAEnB,KAAK,CAACkB,EAAE,CAAC;QAC9BjB,GAAG;QACH,GAAGC,WAAW,CAACkB,OAAO;QACtBC,IAAI,EAAE,OAAO;QACbC,MAAM,EAAEf,QAAQ,GAAG,UAAU,GAAGgB;;KAEnC,CAAC;IACFZ,IAAI,EAAEhB,iBAAA,CAAAoB,gBAAgB,CAACJ,IAAI,EAAE;MAAEK,QAAQ,EAAE;IAAI,CAAE,CAAC;IAChDJ,KAAK,EAAEjB,iBAAA,CAAAoB,gBAAgB,CAACH,KAAK,EAAE;MAAEI,QAAQ,EAAE;IAAI,CAAE;GAClD;EAEDH,KAAK,CAACJ,IAAI,CAACR,GAAG,GAAGN,iBAAA,CAAA6B,aAAa,CAACX,KAAK,CAACJ,IAAI,CAACR,GAAG,EAAEH,eAAA,CAAA2B,cAAc,EAAkB,CAAC;EAEhF5B,gBAAA,CAAA6B,uBAAuB,CAACb,KAAK,EAAEb,KAAK,CAAC;EAErC,OAAOa,KAAK;AACd,CAAC;AAnDYc,OAAA,CAAA5B,kBAAkB,GAAAA,kBAAA"}
+{"version":3,"sources":["../../../lib/components/Slider/useSlider.js"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nexport const useSlider_unstable = (props, ref) => {\n  const nativeProps = getPartitionedNativeProps({\n    props,\n    primarySlotTagName: 'input',\n    excludedPropNames: ['onChange', 'size']\n  });\n  const {\n    disabled,\n    vertical,\n    size = 'medium',\n    // Slots\n    root,\n    input,\n    rail,\n    thumb\n  } = props;\n  const state = {\n    disabled,\n    size,\n    vertical,\n    components: {\n      input: 'input',\n      rail: 'div',\n      root: 'div',\n      thumb: 'div'\n    },\n    root: resolveShorthand(root, {\n      required: true,\n      defaultProps: nativeProps.root\n    }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        id: useId('slider-', props.id),\n        ref,\n        ...nativeProps.primary,\n        type: 'range',\n        orient: vertical ? 'vertical' : undefined\n      }\n    }),\n    rail: resolveShorthand(rail, {\n      required: true\n    }),\n    thumb: resolveShorthand(thumb, {\n      required: true\n    })\n  };\n  state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());\n  useSliderState_unstable(state, props);\n  return state;\n};\n//# sourceMappingURL=useSlider.js.map"],"names":["useSlider_unstable","props","ref","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","resolveShorthand","required","defaultProps","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;gCAC2D;gCAC1C;8BACT;AACxB,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC5CH;QACAI,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IACA,MAAM,EACJC,SAAQ,EACRC,SAAQ,EACRC,MAAO,SAAQ,EACf,QAAQ;IACRC,KAAI,EACJC,MAAK,EACLC,KAAI,EACJC,MAAK,EACN,GAAGZ;IACJ,MAAMa,QAAQ;QACZP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMM,IAAAA,gCAAgB,EAACN,MAAM;YAC3BO,UAAU,IAAI;YACdC,cAAcf,YAAYO,IAAI;QAChC;QACAC,OAAOK,IAAAA,gCAAgB,EAACL,OAAO;YAC7BM,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIC,IAAAA,qBAAK,EAAC,WAAWnB,MAAMkB,EAAE;gBAC7BjB;gBACA,GAAGC,YAAYkB,OAAO;gBACtBC,MAAM;gBACNC,QAAQf,WAAW,aAAagB,SAAS;YAC3C;QACF;QACAZ,MAAMI,IAAAA,gCAAgB,EAACJ,MAAM;YAC3BK,UAAU,IAAI;QAChB;QACAJ,OAAOG,IAAAA,gCAAgB,EAACH,OAAO;YAC7BI,UAAU,IAAI;QAChB;IACF;IACAH,MAAMJ,IAAI,CAACR,GAAG,GAAGuB,IAAAA,6BAAa,EAACX,MAAMJ,IAAI,CAACR,GAAG,EAAEwB,IAAAA,4BAAc;IAC7DC,IAAAA,uCAAuB,EAACb,OAAOb;IAC/B,OAAOa;AACT,GACA,qCAAqC"}

package/lib-commonjs/components/Slider/useSliderState.js

@@ -1,64 +1,56 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useSliderState_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const useSliderStyles_1 = /*#__PURE__*/require("./useSliderStyles");
-const {
-  sliderStepsPercentVar,
-  sliderProgressVar,
-  sliderDirectionVar
-} = useSliderStyles_1.sliderCSSVars;
-const getPercent = (value, min, max) => {
-  return max === min ? 0 : (value - min) / (max - min) * 100;
-};
-const useSliderState_unstable = (state, props) => {
-  const {
-    defaultValue = 0,
-    min = 0,
-    max = 100,
-    step,
-    value
-  } = props;
-  const {
-    dir
-  } = react_shared_contexts_1.useFluent_unstable();
-  const [currentValue, setCurrentValue] = react_utilities_1.useControllableState({
-    state: value !== undefined ? react_utilities_1.clamp(value, min, max) : undefined,
-    defaultState: react_utilities_1.clamp(defaultValue, min, max),
-    initialState: 0
-  });
-  const valuePercent = getPercent(currentValue, min, max);
-  const inputOnChange = state.input.onChange;
-  const propsOnChange = props.onChange;
-  const onChange = react_utilities_1.useEventCallback(ev => {
-    const newValue = Number(ev.target.value);
-    setCurrentValue(react_utilities_1.clamp(newValue, min, max));
-    if (inputOnChange && inputOnChange !== propsOnChange) {
-      inputOnChange(ev);
-    } else if (propsOnChange) {
-      propsOnChange(ev, {
-        value: newValue
-      });
-    }
-  });
-  const rootVariables = {
-    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',
-    [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',
-    [sliderProgressVar]: `${valuePercent}%`
-  };
-  // Root props
-  state.root.style = {
-    ...rootVariables,
-    ...state.root.style
-  };
-  // Input Props
-  state.input.value = currentValue;
-  state.input.onChange = onChange;
-  return state;
+Object.defineProperty(exports, "useSliderState_unstable", {
+    enumerable: true,
+    get: ()=>useSliderState_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 _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useSliderStyles = require("./useSliderStyles");
+const { sliderStepsPercentVar , sliderProgressVar , sliderDirectionVar  } = _useSliderStyles.sliderCSSVars;
+const getPercent = (value, min, max)=>{
+    return max === min ? 0 : (value - min) / (max - min) * 100;
 };
-exports.useSliderState_unstable = useSliderState_unstable;
+const useSliderState_unstable = (state, props)=>{
+    const { defaultValue =0 , min =0 , max =100 , step , value  } = props;
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const [currentValue, setCurrentValue] = (0, _reactUtilities.useControllableState)({
+        state: value !== undefined ? (0, _reactUtilities.clamp)(value, min, max) : undefined,
+        defaultState: (0, _reactUtilities.clamp)(defaultValue, min, max),
+        initialState: 0
+    });
+    const valuePercent = getPercent(currentValue, min, max);
+    const inputOnChange = state.input.onChange;
+    const propsOnChange = props.onChange;
+    const onChange = (0, _reactUtilities.useEventCallback)((ev)=>{
+        const newValue = Number(ev.target.value);
+        setCurrentValue((0, _reactUtilities.clamp)(newValue, min, max));
+        if (inputOnChange && inputOnChange !== propsOnChange) {
+            inputOnChange(ev);
+        } else if (propsOnChange) {
+            propsOnChange(ev, {
+                value: newValue
+            });
+        }
+    });
+    const rootVariables = {
+        [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',
+        [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',
+        [sliderProgressVar]: `${valuePercent}%`
+    };
+    // Root props
+    state.root.style = {
+        ...rootVariables,
+        ...state.root.style
+    };
+    // Input Props
+    state.input.value = currentValue;
+    state.input.onChange = onChange;
+    return state;
+}; //# sourceMappingURL=useSliderState.js.map
+
 //# sourceMappingURL=useSliderState.js.map

package/lib-commonjs/components/Slider/useSliderState.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","react_shared_contexts_1","useSliderStyles_1","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","useSliderState_unstable","state","props","defaultValue","step","dir","useFluent_unstable","currentValue","setCurrentValue","useControllableState","undefined","clamp","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style","exports"],"sources":["../src/packages/react-components/react-slider/src/components/Slider/useSliderState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles';\nimport type { SliderState, SliderProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderState, props: SliderProps) => {\n  const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n  const { dir } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value !== undefined ? clamp(value, min, max) : undefined,\n    defaultState: clamp(defaultValue, min, max),\n    initialState: 0,\n  });\n  const valuePercent = getPercent(currentValue, min, max);\n\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, { value: newValue });\n    }\n  });\n\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n    [sliderProgressVar]: `${valuePercent}%`,\n  };\n\n  // Root props\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style,\n  };\n\n  // Input Props\n  state.input.value = currentValue;\n  state.input.onChange = onChange;\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,uBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAGA,MAAM;EAAEG,qBAAqB;EAAEC,iBAAiB;EAAEC;AAAkB,CAAE,GAAGH,iBAAA,CAAAI,aAAa;AAEtF,MAAMC,UAAU,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAI;EAC7D,OAAOA,GAAG,KAAKD,GAAG,GAAG,CAAC,GAAI,CAACD,KAAK,GAAGC,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;AAC9D,CAAC;AAEM,MAAME,uBAAuB,GAAGA,CAACC,KAAkB,EAAEC,KAAkB,KAAI;EAChF,MAAM;IAAEC,YAAY,GAAG,CAAC;IAAEL,GAAG,GAAG,CAAC;IAAEC,GAAG,GAAG,GAAG;IAAEK,IAAI;IAAEP;EAAK,CAAE,GAAGK,KAAK;EACnE,MAAM;IAAEG;EAAG,CAAE,GAAGf,uBAAA,CAAAgB,kBAAS,EAAE;EAC3B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGpB,iBAAA,CAAAqB,oBAAoB,CAAC;IAC3DR,KAAK,EAAEJ,KAAK,KAAKa,SAAS,GAAGtB,iBAAA,CAAAuB,KAAK,CAACd,KAAK,EAAEC,GAAG,EAAEC,GAAG,CAAC,GAAGW,SAAS;IAC/DE,YAAY,EAAExB,iBAAA,CAAAuB,KAAK,CAACR,YAAY,EAAEL,GAAG,EAAEC,GAAG,CAAC;IAC3Cc,YAAY,EAAE;GACf,CAAC;EACF,MAAMC,YAAY,GAAGlB,UAAU,CAACW,YAAY,EAAET,GAAG,EAAEC,GAAG,CAAC;EAEvD,MAAMgB,aAAa,GAAGd,KAAK,CAACe,KAAK,CAACC,QAAQ;EAC1C,MAAMC,aAAa,GAAGhB,KAAK,CAACe,QAAQ;EAEpC,MAAMA,QAAQ,GAA+C7B,iBAAA,CAAA+B,gBAAgB,CAACC,EAAE,IAAG;IACjF,MAAMC,QAAQ,GAAGC,MAAM,CAACF,EAAE,CAACG,MAAM,CAAC1B,KAAK,CAAC;IACxCW,eAAe,CAACpB,iBAAA,CAAAuB,KAAK,CAACU,QAAQ,EAAEvB,GAAG,EAAEC,GAAG,CAAC,CAAC;IAE1C,IAAIgB,aAAa,IAAIA,aAAa,KAAKG,aAAa,EAAE;MACpDH,aAAa,CAACK,EAAE,CAAC;KAClB,MAAM,IAAIF,aAAa,EAAE;MACxBA,aAAa,CAACE,EAAE,EAAE;QAAEvB,KAAK,EAAEwB;MAAQ,CAAE,CAAC;;EAE1C,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAG;IACpB,CAAC9B,kBAAkB,GAAGO,KAAK,CAACwB,QAAQ,GAAG,MAAM,GAAGpB,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ;IAClF,CAACb,qBAAqB,GAAGY,IAAI,IAAIA,IAAI,GAAG,CAAC,GAAG,GAAIA,IAAI,GAAG,GAAG,IAAKL,GAAG,GAAGD,GAAG,CAAC,GAAG,GAAG,EAAE;IACjF,CAACL,iBAAiB,GAAG,GAAGqB,YAAY;GACrC;EAED;EACAb,KAAK,CAACyB,IAAI,CAACC,KAAK,GAAG;IACjB,GAAGH,aAAa;IAChB,GAAGvB,KAAK,CAACyB,IAAI,CAACC;GACf;EAED;EACA1B,KAAK,CAACe,KAAK,CAACnB,KAAK,GAAGU,YAAY;EAChCN,KAAK,CAACe,KAAK,CAACC,QAAQ,GAAGA,QAAQ;EAE/B,OAAOhB,KAAK;AACd,CAAC;AAzCY2B,OAAA,CAAA5B,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/Slider/useSliderState.js"],"sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles';\nconst {\n  sliderStepsPercentVar,\n  sliderProgressVar,\n  sliderDirectionVar\n} = sliderCSSVars;\nconst getPercent = (value, min, max) => {\n  return max === min ? 0 : (value - min) / (max - min) * 100;\n};\nexport const useSliderState_unstable = (state, props) => {\n  const {\n    defaultValue = 0,\n    min = 0,\n    max = 100,\n    step,\n    value\n  } = props;\n  const {\n    dir\n  } = useFluent();\n  const [currentValue, setCurrentValue] = useControllableState({\n    state: value !== undefined ? clamp(value, min, max) : undefined,\n    defaultState: clamp(defaultValue, min, max),\n    initialState: 0\n  });\n  const valuePercent = getPercent(currentValue, min, max);\n  const inputOnChange = state.input.onChange;\n  const propsOnChange = props.onChange;\n  const onChange = useEventCallback(ev => {\n    const newValue = Number(ev.target.value);\n    setCurrentValue(clamp(newValue, min, max));\n    if (inputOnChange && inputOnChange !== propsOnChange) {\n      inputOnChange(ev);\n    } else if (propsOnChange) {\n      propsOnChange(ev, {\n        value: newValue\n      });\n    }\n  });\n  const rootVariables = {\n    [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n    [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',\n    [sliderProgressVar]: `${valuePercent}%`\n  };\n  // Root props\n  state.root.style = {\n    ...rootVariables,\n    ...state.root.style\n  };\n  // Input Props\n  state.input.value = currentValue;\n  state.input.onChange = onChange;\n  return state;\n};\n//# sourceMappingURL=useSliderState.js.map"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","defaultValue","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","undefined","clamp","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACuC;qCACd;iCAClB;AAC9B,MAAM,EACJC,sBAAqB,EACrBC,kBAAiB,EACjBC,mBAAkB,EACnB,GAAGC,8BAAa;AACjB,MAAMC,aAAa,CAACC,OAAOC,KAAKC,MAAQ;IACtC,OAAOA,QAAQD,MAAM,IAAI,AAACD,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAK,GAAG;AAC5D;AACO,MAAMP,0BAA0B,CAACS,OAAOC,QAAU;IACvD,MAAM,EACJC,cAAe,EAAC,EAChBJ,KAAM,EAAC,EACPC,KAAM,IAAG,EACTI,KAAI,EACJN,MAAK,EACN,GAAGI;IACJ,MAAM,EACJG,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DR,OAAOH,UAAUY,YAAYC,IAAAA,qBAAK,EAACb,OAAOC,KAAKC,OAAOU,SAAS;QAC/DE,cAAcD,IAAAA,qBAAK,EAACR,cAAcJ,KAAKC;QACvCa,cAAc;IAChB;IACA,MAAMC,eAAejB,WAAWU,cAAcR,KAAKC;IACnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IACpC,MAAMA,WAAWE,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;QACtC,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCU,gBAAgBG,IAAAA,qBAAK,EAACU,UAAUtB,KAAKC;QACrC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcK;QAChB,OAAO,IAAIF,eAAe;YACxBA,cAAcE,IAAI;gBAChBtB,OAAOuB;YACT;QACF,CAAC;IACH;IACA,MAAMG,gBAAgB;QACpB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASpB,QAAQ,QAAQ,UAAU,QAAQ;QAClF,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAO,MAAOJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG,EAAE;QAC/E,CAACL,kBAAkB,EAAE,CAAC,EAAEoB,aAAa,CAAC,CAAC;IACzC;IACA,aAAa;IACbb,MAAMyB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGvB,MAAMyB,IAAI,CAACC,KAAK;IACrB;IACA,cAAc;IACd1B,MAAMe,KAAK,CAAClB,KAAK,GAAGS;IACpBN,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IACvB,OAAOhB;AACT,GACA,0CAA0C"}