@fluentui/react-slider 9.0.0-beta.3 → 9.0.0-beta.8

package/lib-commonjs/utils/getMarkValues.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMarkValue = void 0;
-
-var getPercent_1 = /*#__PURE__*/require("./getPercent");
-/**
- * Gets the current percentage position for the marks with relative to the rail.
- *
- * Example
- * - `Rail: width = 100px`
- * - `Marks: [0, 25, 50, 75, 100]`
- * - `getMarkValue: 0%, 25%, 50%, 75%, 100%`
- */
-
-
-var getMarkValue = function (marks, min, max, step) {
-  var valueArray = []; // 1. We receive a boolean: mark for every step.
-
-  if (typeof marks === 'boolean' && marks === true) {
-    for (var i = 0; i < (max - min) / step + 1; i++) {
-      valueArray.push(getPercent_1.getPercent(min + step * i, min, max));
-    }
-  } else if (Array.isArray(marks) && marks.length > 0) {
-    return marks.map(function (marksItem) {
-      return typeof marksItem === 'number' ? // 2. We receive an array with numbers: mark for every value in array.
-      getPercent_1.getPercent(min + marksItem, min, max) : // 3. We receive an array with objects containing numbers and strings:
-      // mark and label for every value + string in each object.
-      getPercent_1.getPercent(min + marksItem.value, min, max);
-    });
-  }
-
-  return valueArray;
-};
-
-exports.getMarkValue = getMarkValue;
-//# sourceMappingURL=getMarkValues.js.map

package/lib-commonjs/utils/getMarkValues.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/getMarkValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;;;;;;AAOG;;;AACI,IAAM,YAAY,GAAG,UAC1B,KAD0B,EAE1B,GAF0B,EAG1B,GAH0B,EAI1B,IAJ0B,EAId;AAEZ,MAAM,UAAU,GAAa,EAA7B,CAFY,CAIZ;;AACA,MAAI,OAAO,KAAP,KAAiB,SAAjB,IAA8B,KAAK,KAAK,IAA5C,EAAkD;AAChD,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,IAAd,GAAqB,CAAzC,EAA4C,CAAC,EAA7C,EAAiD;AAC/C,MAAA,UAAU,CAAC,IAAX,CAAgB,YAAA,CAAA,UAAA,CAAW,GAAG,GAAG,IAAI,GAAG,CAAxB,EAA2B,GAA3B,EAAgC,GAAhC,CAAhB;AACD;AACF,GAJD,MAIO,IAAI,KAAK,CAAC,OAAN,CAAc,KAAd,KAAwB,KAAK,CAAC,MAAN,GAAe,CAA3C,EAA8C;AACnD,WAAO,KAAK,CAAC,GAAN,CAAU,UAAA,SAAA,EAAS;AACxB,aAAA,OAAO,SAAP,KAAqB,QAArB,GACI;AACA,MAAA,YAAA,CAAA,UAAA,CAAW,GAAG,GAAG,SAAjB,EAA4B,GAA5B,EAAiC,GAAjC,CAFJ,GAGI;AACA;AACA,MAAA,YAAA,CAAA,UAAA,CAAW,GAAG,GAAG,SAAS,CAAC,KAA3B,EAAkC,GAAlC,EAAuC,GAAvC,CALJ;AAK+C,KAN1C,CAAP;AAQD;;AACD,SAAO,UAAP;AACD,CAxBM;;AAAM,OAAA,CAAA,YAAA,GAAY,YAAZ","sourceRoot":""}

package/lib-commonjs/utils/getPercent.d.ts

@@ -1,8 +0,0 @@
-/**
- * Gets the current percent of specified value between a min and max
- *
- * @param value - the value to find the percent
- * @param min - the lowest valid value
- * @param max - the highest valid value
- */
-export declare const getPercent: (value: number, min: number, max: number) => number;

package/lib-commonjs/utils/getPercent.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPercent = void 0;
-/**
- * Gets the current percent of specified value between a min and max
- *
- * @param value - the value to find the percent
- * @param min - the lowest valid value
- * @param max - the highest valid value
- */
-
-var getPercent = function (value, min, max) {
-  return max === min ? 0 : (value - min) / (max - min) * 100;
-};
-
-exports.getPercent = getPercent;
-//# sourceMappingURL=getPercent.js.map

package/lib-commonjs/utils/getPercent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/getPercent.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;;AACI,IAAM,UAAU,GAAG,UAAC,KAAD,EAAgB,GAAhB,EAA6B,GAA7B,EAAwC;AAChE,SAAO,GAAG,KAAK,GAAR,GAAc,CAAd,GAAmB,CAAC,KAAK,GAAG,GAAT,KAAiB,GAAG,GAAG,GAAvB,CAAD,GAAgC,GAAzD;AACD,CAFM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}

package/lib-commonjs/utils/index.d.ts

@@ -1,9 +0,0 @@
-export * from './calculateSteps';
-export * from './findClosestThumb';
-export * from './getKeydownValue';
-export * from './getMarkPercent';
-export * from './getMarkValues';
-export * from './getPercent';
-export * from './on';
-export * from './renderMarks';
-export * from './validateRangedThumbValues';

package/lib-commonjs/utils/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./calculateSteps"), exports);
-
-tslib_1.__exportStar(require("./findClosestThumb"), exports);
-
-tslib_1.__exportStar(require("./getKeydownValue"), exports);
-
-tslib_1.__exportStar(require("./getMarkPercent"), exports);
-
-tslib_1.__exportStar(require("./getMarkValues"), exports);
-
-tslib_1.__exportStar(require("./getPercent"), exports);
-
-tslib_1.__exportStar(require("./on"), exports);
-
-tslib_1.__exportStar(require("./renderMarks"), exports);
-
-tslib_1.__exportStar(require("./validateRangedThumbValues"), exports);
-//# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/utils/on.d.ts

@@ -1,11 +0,0 @@
-/**
- * Adds and removes a given event listener on an element.
- *
- * @param element the element to listen to.
- * @param eventName the event to watch.
- * @param callback the callback to call when the eventName is triggered.
- * @param useCapture whether the events should be dispatched to the callback first before other EventTargets.
- *
- * This should be replaced with a `useEvent` hook.
- */
-export declare const on: <T>(element: Element | Window | Document, eventName: string, callback: (ev: T) => void, useCapture?: boolean | undefined) => () => void;

package/lib-commonjs/utils/on.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.on = void 0;
-/**
- * Adds and removes a given event listener on an element.
- *
- * @param element the element to listen to.
- * @param eventName the event to watch.
- * @param callback the callback to call when the eventName is triggered.
- * @param useCapture whether the events should be dispatched to the callback first before other EventTargets.
- *
- * This should be replaced with a `useEvent` hook.
- */
-
-var on = function (element, eventName, callback, useCapture) {
-  element.addEventListener(eventName, callback, useCapture);
-  return function () {
-    return element.removeEventListener(eventName, callback, useCapture);
-  };
-};
-
-exports.on = on;
-//# sourceMappingURL=on.js.map

package/lib-commonjs/utils/on.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/on.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;AASG;;AACI,IAAM,EAAE,GAAG,UAChB,OADgB,EAEhB,SAFgB,EAGhB,QAHgB,EAIhB,UAJgB,EAII;AAEpB,EAAA,OAAO,CAAC,gBAAR,CAAyB,SAAzB,EAAqC,QAArC,EAAkF,UAAlF;AACA,SAAO,YAAA;AAAM,WAAA,OAAO,CAAC,mBAAR,CAA4B,SAA5B,EAAwC,QAAxC,EAAA,UAAA,CAAA;AAAgG,GAA7G;AACD,CARM;;AAAM,OAAA,CAAA,EAAA,GAAE,EAAF","sourceRoot":""}

package/lib-commonjs/utils/renderMarks.d.ts

@@ -1,13 +0,0 @@
-export declare const markClassName = "ms-Slider-mark";
-export declare const markLabelClassName = "ms-Slider-label";
-/**
- * Renders the marks
- *
- * @param markValues The marks percentage position relative to their individual positions.
- * @param marks The provided marks prop from the Slider component.
- */
-export declare const renderMarks: (markValues: number[], marks: boolean | (number | {
-    value: number;
-    label?: string | JSX.Element;
-    mark?: JSX.Element;
-})[]) => JSX.Element[];

package/lib-commonjs/utils/renderMarks.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderMarks = exports.markLabelClassName = exports.markClassName = void 0;
-
-var React = /*#__PURE__*/require("react");
-
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles"); // The mark related classNames are needed since they are used in a JSX element that is dynamically generated.
-
-
-var markContainerClassName = 'ms-Slider-markItemContainer';
-var firstMarkClassName = 'ms-Slider-firstMark';
-var lastMarkClassName = 'ms-Slider-lastMark';
-exports.markClassName = 'ms-Slider-mark';
-exports.markLabelClassName = 'ms-Slider-label';
-/**
- * Renders the marks
- *
- * @param markValues The marks percentage position relative to their individual positions.
- * @param marks The provided marks prop from the Slider component.
- */
-
-var renderMarks = function (markValues, marks) {
-  return markValues.map(function (value, i) {
-    var marksItem = typeof marks === 'boolean' ? undefined : marks[i];
-    return React.createElement("div", {
-      className: markContainerClassName,
-      key: "markItemContainer-" + i
-    }, marksItem !== undefined && typeof marksItem === 'object' && marksItem.mark ? marksItem.mark : React.createElement("div", {
-      className: react_make_styles_1.mergeClasses(exports.markClassName, markValues[i] === 0 && firstMarkClassName, markValues[i] === 100 && lastMarkClassName),
-      key: "mark-" + i
-    }), marksItem !== undefined && typeof marksItem === 'object' && marksItem.label && React.createElement("div", {
-      className: exports.markLabelClassName,
-      key: "markLabel-" + i
-    }, marksItem.label));
-  });
-};
-
-exports.renderMarks = renderMarks;
-//# sourceMappingURL=renderMarks.js.map

package/lib-commonjs/utils/renderMarks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/renderMarks.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA,C,CAEA;;;AACA,IAAM,sBAAsB,GAAG,6BAA/B;AACA,IAAM,kBAAkB,GAAG,qBAA3B;AACA,IAAM,iBAAiB,GAAG,oBAA1B;AACa,OAAA,CAAA,aAAA,GAAgB,gBAAhB;AACA,OAAA,CAAA,kBAAA,GAAqB,iBAArB;AAEb;;;;;AAKG;;AACI,IAAM,WAAW,GAAG,UACzB,UADyB,EAEzB,KAFyB,EAEwE;AAEjG,SAAA,UAAU,CAAC,GAAX,CAAe,UAAC,KAAD,EAAQ,CAAR,EAAS;AACtB,QAAM,SAAS,GAAG,OAAO,KAAP,KAAiB,SAAjB,GAA6B,SAA7B,GAAyC,KAAK,CAAC,CAAD,CAAhE;AAEA,WACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,sBAAhB;AAAwC,MAAA,GAAG,EAAE,uBAAqB;AAAlE,KAAA,EACG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,IAAtE,GACC,SAAS,CAAC,IADX,GAGC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAE,mBAAA,CAAA,YAAA,CACT,OAAA,CAAA,aADS,EAET,UAAU,CAAC,CAAD,CAAV,KAAkB,CAAlB,IAAuB,kBAFd,EAGT,UAAU,CAAC,CAAD,CAAV,KAAkB,GAAlB,IAAyB,iBAHhB,CADb;AAME,MAAA,GAAG,EAAE,UAAQ;AANf,KAAA,CAJJ,EAaG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,KAAtE,IACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,OAAA,CAAA,kBAAhB;AAAoC,MAAA,GAAG,EAAE,eAAa;AAAtD,KAAA,EACG,SAAS,CAAC,KADb,CAdJ,CADF;AAqBD,GAxBD,CAAA;AAwBE,CA5BG;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}

package/lib-commonjs/utils/validateRangedThumbValues.d.ts

@@ -1,4 +0,0 @@
-/**
- * Clamps and sorts the values in RangedSlider to a given min and max
- */
-export declare const validateRangedThumbValues: (thumbValues: [number, number], min: number, max: number) => [number, number];

package/lib-commonjs/utils/validateRangedThumbValues.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateRangedThumbValues = void 0;
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Clamps and sorts the values in RangedSlider to a given min and max
- */
-
-
-var validateRangedThumbValues = function (thumbValues, min, max) {
-  return thumbValues.map(function (value) {
-    return react_utilities_1.clamp(value, min, max);
-  }).sort(function (a, b) {
-    return a - b;
-  });
-};
-
-exports.validateRangedThumbValues = validateRangedThumbValues;
-//# sourceMappingURL=validateRangedThumbValues.js.map

package/lib-commonjs/utils/validateRangedThumbValues.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/validateRangedThumbValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,yBAAyB,GAAG,UAAC,WAAD,EAAgC,GAAhC,EAA6C,GAA7C,EAAwD;AAC/F,SAAA,WAAW,CAAC,GAAZ,CAAgB,UAAA,KAAA,EAAK;AAAI,WAAA,iBAAA,CAAA,KAAA,CAAM,KAAN,EAAa,GAAb,EAAA,GAAA,CAAA;AAAsB,GAA/C,EAAiD,IAAjD,CAAsD,UAAC,CAAD,EAAI,CAAJ,EAAK;AAAK,WAAA,CAAC,GAAD,CAAA;AAAK,GAArE,CAAA;AAA0F,CADrF;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}