@hitachivantara/uikit-react-core 3.66.1 → 3.67.1

package/dist/Slider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n  const ring = {\n    width: \"32px\",\n    height: \"32px\",\n    borderRadius: \"50%\",\n    border: `9px solid ${theme.hv.palette.accent.acce1}`,\n    opacity: \"20%\",\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-10px\",\n    left: \"-10px\",\n  };\n  const border = {\n    width: \"20px\",\n    height: \"20px\",\n    borderRadius: \"50%\",\n    border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-4px\",\n    left: \"-4px\",\n  };\n  const dragSquare = {\n    cursor: \"grab\",\n    width: \"calc(100% - 40px)\",\n    left: \"20px\",\n    height: \"27px\",\n    position: \"absolute\",\n    top: \"-12px\",\n    content: \"''\",\n    background: \"transparent\",\n    borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    zIndex: \"-2\",\n  };\n  const dot = {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  };\n\n  return {\n    root: {},\n    rootDisabled: {\n      cursor: \"not-allowed\",\n      \"& .rc-slider-disabled\": {\n        background: \"transparent\",\n      },\n    },\n    sliderContainer: {\n      marginBottom: \"18px\",\n      padding: \"0 23px\",\n    },\n    error: {\n      padding: \"0 8px\",\n    },\n    trackDragging: {\n      cursor: \"grabbing\",\n      \"& .rc-slider-track\": {\n        \"&::before\": {\n          ...dragSquare,\n          cursor: \"grabbing\",\n        },\n      },\n    },\n    trackStandBy: {\n      \"& .rc-slider-track\": {\n        \"&:hover\": {\n          \"&::before\": {\n            ...dragSquare,\n          },\n        },\n      },\n    },\n    sliderRoot: {\n      zIndex: 0,\n    },\n    rootRange: {},\n    handleContainer: {\n      \"& .rc-slider-handle\": {\n        cursor: \"pointer\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"grab\",\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        \"&:hover\": {\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n      },\n    },\n    handle: {},\n    handleContainerDisabled: {\n      \"& .rc-slider-handle\": {\n        cursor: \"not-allowed\",\n        marginTop: \"-8px\",\n        \"&:active\": {\n          cursor: \"not-allowed\",\n        },\n        \"&:hover\": {\n          cursor: \"not-allowed\",\n        },\n      },\n    },\n    handleHiddenContainer: {\n      display: \"none\",\n    },\n    labelContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      marginBottom: \"12px\",\n      marginLeft: \"20px\",\n      marginRight: \"20px\",\n    },\n    labelIncluded: {\n      justifyContent: \"space-between\",\n    },\n    onlyInput: {\n      justifyContent: \"flex-end\",\n    },\n    label: {},\n    dot: {\n      ...dot,\n    },\n    dotDisabled: {\n      ...dot,\n      cursor: \"not-allowed\",\n    },\n    rail: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      height: \"1px\",\n      zIndex: \"-3\",\n    },\n    knobInner: {\n      borderColor: \"transparent\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n      width: \"16px\",\n      height: \"16px\",\n    },\n    knobOuter: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-80%\",\n      left: \"-80%\",\n      zIndex: \"-1\",\n    },\n    knobHidden: {\n      display: \"none\",\n    },\n    knobHiddenLast: {\n      borderColor: \"transparent\",\n      height: \"3px\",\n      width: \"2px\",\n      marginLeft: \"-1px\",\n      border: \"none\",\n      borderRadius: \"0\",\n      marginTop: \"0px\",\n      left: \"100%\",\n      touchAction: \"none\",\n      cursor: \"default\",\n    },\n    track: {\n      backgroundColor: theme.hv.palette.accent.acce1,\n      height: \"3px\",\n      zIndex: \"-1\",\n      marginTop: \"-1px\",\n    },\n    mark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      top: \"-2px\",\n    },\n    disabledMark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      color: `${theme.hv.palette.atmosphere.atmo5}`,\n      cursor: \"not-allowed\",\n      top: \"-2px\",\n    },\n    sliderTooltip: {\n      \"& .rc-slider-tooltip-inner\": {\n        background: theme.hv.palette.atmosphere.atmo1,\n        borderRadius: 0,\n        maxWidth: \"532px\",\n        height: \"100%\",\n        padding: `${theme.hv.spacing.sm}px`,\n        ...theme.hv.typography.normalText,\n        fontFamily: theme.hv.typography.fontFamily,\n        boxShadow: \"none\",\n      },\n      \"& .rc-slider-tooltip-arrow\": {\n        visibility: \"hidden\",\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,IAAI,GAAG;IACXC,KAAK,EAAE,MADI;IAEXC,MAAM,EAAE,MAFG;IAGXC,YAAY,EAAE,KAHH;IAIXC,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAJK;IAKXC,OAAO,EAAE,KALE;IAMXC,OAAO,EAAE,IANE;IAOXC,QAAQ,EAAE,UAPC;IAQXC,GAAG,EAAE,OARM;IASXC,IAAI,EAAE;EATK,CAAb;EAWA,IAAMT,MAAM,GAAG;IACbH,KAAK,EAAE,MADM;IAEbC,MAAM,EAAE,MAFK;IAGbC,YAAY,EAAE,KAHD;IAIbC,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BC,KAA3C,CAJO;IAKbL,OAAO,EAAE,IALI;IAMbC,QAAQ,EAAE,UANG;IAObC,GAAG,EAAE,MAPQ;IAQbC,IAAI,EAAE;EARO,CAAf;EAUA,IAAMG,UAAU,GAAG;IACjBC,MAAM,EAAE,MADS;IAEjBhB,KAAK,EAAE,mBAFU;IAGjBY,IAAI,EAAE,MAHW;IAIjBX,MAAM,EAAE,MAJS;IAKjBS,QAAQ,EAAE,UALO;IAMjBC,GAAG,EAAE,OANY;IAOjBF,OAAO,EAAE,IAPQ;IAQjBQ,UAAU,EAAE,aARK;IASjBC,SAAS,uBAAgBpB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BM,KAA5C,CATQ;IAUjBC,YAAY,uBAAgBtB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BM,KAA5C,CAVK;IAWjBE,MAAM,EAAE;EAXS,CAAnB;EAaA,IAAMC,GAAG,GAAG;IACVZ,QAAQ,EAAE,UADA;IAEVa,MAAM,EAAE,MAFE;IAGVC,UAAU,EAAE,KAHF;IAIVxB,KAAK,EAAE,KAJG;IAKVC,MAAM,EAAE,KALE;IAMVE,MAAM,EAAE,MANE;IAOVD,YAAY,EAAE,IAPJ;IAQVuB,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KARnC;IASVV,MAAM,EAAE,SATE;IAUVW,aAAa,EAAE,QAVL;IAWVN,MAAM,EAAE;EAXE,CAAZ;EAcA,OAAO;IACLO,IAAI,EAAE,EADD;IAELC,YAAY,EAAE;MACZb,MAAM,EAAE,aADI;MAEZ,yBAAyB;QACvBC,UAAU,EAAE;MADW;IAFb,CAFT;IAQLa,eAAe,EAAE;MACfC,YAAY,EAAE,MADC;MAEfC,OAAO,EAAE;IAFM,CARZ;IAYLC,KAAK,EAAE;MACLD,OAAO,EAAE;IADJ,CAZF;IAeLE,aAAa,EAAE;MACblB,MAAM,EAAE,UADK;MAEb,sBAAsB;QACpB,6CACKD,UADL;UAEEC,MAAM,EAAE;QAFV;MADoB;IAFT,CAfV;IAwBLmB,YAAY,EAAE;MACZ,sBAAsB;QACpB,WAAW;UACT,+BACKpB,UADL;QADS;MADS;IADV,CAxBT;IAiCLqB,UAAU,EAAE;MACVf,MAAM,EAAE;IADE,CAjCP;IAoCLgB,SAAS,EAAE,EApCN;IAqCLC,eAAe,EAAE;MACf,uBAAuB;QACrBtB,MAAM,EAAE,SADa;QAErBuB,SAAS,EAAE,MAFU;QAGrB/B,OAAO,EAAE,CAHY;QAIrB,YAAY;UACVQ,MAAM,EAAE,MADE;UAEV,+BACKjB,IADL,CAFU;UAKV,8BACKI,MADL;QALU,CAJS;QAarB,WAAW;UACT,+BACKJ,IADL,CADS;UAIT,8BACKI,MADL;QAJS;MAbU;IADR,CArCZ;IA6DLqC,MAAM,EAAE,EA7DH;IA8DLC,uBAAuB,EAAE;MACvB,uBAAuB;QACrBzB,MAAM,EAAE,aADa;QAErBuB,SAAS,EAAE,MAFU;QAGrB,YAAY;UACVvB,MAAM,EAAE;QADE,CAHS;QAMrB,WAAW;UACTA,MAAM,EAAE;QADC;MANU;IADA,CA9DpB;IA0EL0B,qBAAqB,EAAE;MACrBC,OAAO,EAAE;IADY,CA1ElB;IA6ELC,cAAc,EAAE;MACdD,OAAO,EAAE,MADK;MAEdE,UAAU,EAAE,QAFE;MAGdC,cAAc,EAAE,eAHF;MAIdf,YAAY,EAAE,MAJA;MAKdP,UAAU,EAAE,MALE;MAMduB,WAAW,EAAE;IANC,CA7EX;IAqFLC,aAAa,EAAE;MACbF,cAAc,EAAE;IADH,CArFV;IAwFLG,SAAS,EAAE;MACTH,cAAc,EAAE;IADP,CAxFN;IA2FLI,KAAK,EAAE,EA3FF;IA4FL5B,GAAG,oBACEA,GADF,CA5FE;IA+FL6B,WAAW,kCACN7B,GADM;MAETN,MAAM,EAAE;IAFC,EA/FN;IAmGLoC,IAAI,EAAE;MACJ3B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KADzC;MAEJzB,MAAM,EAAE,KAFJ;MAGJoB,MAAM,EAAE;IAHJ,CAnGD;IAwGLgC,SAAS,EAAE;MACTC,WAAW,EAAE,aADJ;MAETC,SAAS,EAAE,MAFF;MAGT9B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAHhC;MAITP,KAAK,EAAE,MAJE;MAKTC,MAAM,EAAE;IALC,CAxGN;IA+GLuD,SAAS,EAAE;MACT9C,QAAQ,EAAE,UADD;MAET4C,WAAW,EAAE,aAFJ;MAGTpD,YAAY,EAAE,KAHL;MAITqD,SAAS,EAAE,MAJF;MAKT9B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KALpC;MAMT1B,KAAK,EAAE,MANE;MAOTC,MAAM,EAAE,MAPC;MAQTU,GAAG,EAAE,MARI;MASTC,IAAI,EAAE,MATG;MAUTS,MAAM,EAAE;IAVC,CA/GN;IA2HLoC,UAAU,EAAE;MACVd,OAAO,EAAE;IADC,CA3HP;IA8HLe,cAAc,EAAE;MACdJ,WAAW,EAAE,aADC;MAEdrD,MAAM,EAAE,KAFM;MAGdD,KAAK,EAAE,KAHO;MAIdwB,UAAU,EAAE,MAJE;MAKdrB,MAAM,EAAE,MALM;MAMdD,YAAY,EAAE,GANA;MAOdqC,SAAS,EAAE,KAPG;MAQd3B,IAAI,EAAE,MARQ;MASd+C,WAAW,EAAE,MATC;MAUd3C,MAAM,EAAE;IAVM,CA9HX;IA0IL4C,KAAK,EAAE;MACLnC,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADpC;MAELN,MAAM,EAAE,KAFH;MAGLoB,MAAM,EAAE,IAHH;MAILkB,SAAS,EAAE;IAJN,CA1IF;IAgJLsB,IAAI,kCACC/D,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBC,OADrB;MAEFC,UAAU,EAAElE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBE,UAF9B;MAGFrD,GAAG,EAAE;IAHH,EAhJC;IAqJLsD,YAAY,kCACPnE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBC,OADb;MAEVC,UAAU,EAAElE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBE,UAFtB;MAGVE,KAAK,YAAKpE,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BsD,KAAjC,CAHK;MAIVnD,MAAM,EAAE,aAJE;MAKVL,GAAG,EAAE;IALK,EArJP;IA4JLyD,aAAa,EAAE;MACb;QACEnD,UAAU,EAAEnB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BC,KAD1C;QAEEZ,YAAY,EAAE,CAFhB;QAGEmE,QAAQ,EAAE,OAHZ;QAIEpE,MAAM,EAAE,MAJV;QAKE+B,OAAO,YAAKlC,KAAK,CAACM,EAAN,CAASkE,OAAT,CAAiBC,EAAtB;MALT,GAMKzE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBU,UANzB;QAOER,UAAU,EAAElE,KAAK,CAACM,EAAN,CAAS0D,UAAT,CAAoBE,UAPlC;QAQET,SAAS,EAAE;MARb,EADa;MAWb,8BAA8B;QAC5BkB,UAAU,EAAE;MADgB;IAXjB;EA5JV,CAAP;AA4KD,CA7ND;;eA+Ne5E,M"}

package/dist/Slider/utils.js

@@ -0,0 +1,413 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringValuesToKnobs = exports.statusArrayToFormStatus = exports.scaledValueToKnobsPositionValue = exports.knobsValuesToString = exports.knobsValuesToKnobsPositions = exports.knobsPositionsToKnobsValues = exports.knobsPositionToScaledValue = exports.isSingleSlider = exports.generateDefaultKnobProperties = exports.ensureValuesConsistency = exports.createTrackStyles = exports.createMark = exports.createKnobStyles = exports.convertStatusToArray = exports.calculateStepValue = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.number.to-fixed.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.number.is-nan.js");
+
+require("core-js/modules/es.number.constructor.js");
+
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+var _validationStates = _interopRequireDefault(require("../Forms/FormElement/validationStates"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/**
+ * Transform the scaled values into knobs positions.
+ *
+ * @param {*} sliderValue - the value of the slider to be scaled
+ * @param {*} minPointVlue - The value of the first point in the slider from left to right.
+ * @param {*} stepVlue - The calculated separation between the values of the slider.
+ */
+var knobsPositionToScaledValue = function knobsPositionToScaledValue(sliderValue, minPointVlue, stepVlue) {
+  return minPointVlue + stepVlue * sliderValue;
+};
+/**
+ * Transform the scaled values into knobs positions.
+ *
+ * @param {*} scaledValue - the value of the slider to be scaled
+ * @param {*} minPointValue - The value of the first point in
+ * the slider from left to right.
+ * @param {*} inverseStepValue - The inverse of calculated separation between
+ * the value of the points that compose the slider.
+ */
+
+
+exports.knobsPositionToScaledValue = knobsPositionToScaledValue;
+
+var scaledValueToKnobsPositionValue = function scaledValueToKnobsPositionValue(scaledValue, minPointValue, inverseStepValue) {
+  return Math.floor((scaledValue - minPointValue) * inverseStepValue);
+};
+/**
+ * Transform the received knobs values into knob positions
+ *
+ * @param {Object} values - The values of the slider.
+ * @param {Number} inverseStepValue - The inverse of calculated separation between
+ * the value of the points that compose the slider.
+ * @param {Integer} minPointValue - The value of the first point in the slider from
+ * left to right.
+ * @returns {Array} - The position of the knobs.
+ */
+
+
+exports.scaledValueToKnobsPositionValue = scaledValueToKnobsPositionValue;
+
+var knobsValuesToKnobsPositions = function knobsValuesToKnobsPositions(values, inverseStepValue, minPointValue) {
+  var knobsPositions = [];
+  values.forEach(function (value, index) {
+    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
+  });
+  return knobsPositions;
+};
+/**
+ * Transform the received knobs positions into knob values
+ *
+ * @param {Object} knobPositions - The values of the slider.
+ * @param {Number} stepValue - The calculated separation between
+ * the value of the points that compose the slider.
+ * @param {Integer} minPointValue - The value of the first point in the slider from
+ * left to right.
+ * @returns {Array} - The position of the knobs.
+ */
+
+
+exports.knobsValuesToKnobsPositions = knobsValuesToKnobsPositions;
+
+var knobsPositionsToKnobsValues = function knobsPositionsToKnobsValues(knobPositions, stepValue, minPointValue) {
+  var knobsValues = [];
+  knobPositions.forEach(function (value, index) {
+    knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);
+  });
+  return knobsValues;
+};
+/**
+ * Calculates the separation between each value in the slider.
+ *
+ * @param {*} maxPointValue - The value of the last point in the slider from left to right.
+ * @param {*} minPointValue - The value of the first point in the slider from left to right.
+ * @param {*} divisionQuantity - How many subdivisions there are in the slider.
+ */
+
+
+exports.knobsPositionsToKnobsValues = knobsPositionsToKnobsValues;
+
+var calculateStepValue = function calculateStepValue(maxPointValue, minPointValue, divisionQuantity) {
+  return Math.abs(maxPointValue - minPointValue) / divisionQuantity;
+};
+/**
+ * Generates the inline styles used for the track of each knob, applying colors if necessary.
+ *
+ * @param {Object} markProperties - The object provided by the user with
+ * the desired configuration for the marks.
+ * @param {Integer} markstep - The separation between marks.
+ * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.
+ * @param {Integer} minPointValue - The value of the first point in the slider from
+ * left to right.
+ * @param {Integer} stepValue - The calculated separation between the values of the slider.
+ * @param {Integer} markDigits - How many decimals the mark will show.
+ * @param {Function} formatMark - A function provided by the user that is going to
+ * be executed to format the mark text.
+ * @param {Object} styles - the default styles for the marks.
+ * @returns {Object} - An object with the for the marks.
+ * @memberof HvSlider
+ */
+
+
+exports.calculateStepValue = calculateStepValue;
+
+var createMark = function createMark(markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits) {
+  var formatMark = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : function (mark) {
+    return mark;
+  };
+  var disabled = arguments.length > 7 ? arguments[7] : undefined;
+  var styles = arguments.length > 8 ? arguments[8] : undefined;
+  var marks = {};
+
+  if (markProperties.length > 0) {
+    markProperties.forEach(function (markProperty) {
+      marks[markProperty.position] = disabled ? {
+        label: "".concat(markProperty.label),
+        style: _objectSpread({}, styles.disabledMark)
+      } : {
+        label: "".concat(markProperty.label),
+        style: _objectSpread({}, styles.mark)
+      };
+    });
+  } else {
+    var roundedMarkStep = Math.floor(markstep);
+
+    for (var index = 0; index <= divisionQuantity; index += roundedMarkStep) {
+      var labelValue = knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(markDigits);
+      labelValue = (formatMark === null || formatMark === void 0 ? void 0 : formatMark(labelValue)) || labelValue;
+      marks[index] = disabled ? {
+        label: "".concat(labelValue),
+        style: _objectSpread({}, styles.disabledMark)
+      } : {
+        label: "".concat(labelValue),
+        style: _objectSpread({}, styles.mark)
+      };
+    }
+  }
+
+  return marks;
+};
+/**
+ * Generates the inline styles used for the track of each knob, applying colors if necessary.
+ *
+ * @param {Object} knobProperties - The object provided by the user with
+ * the desired configuration for the knobs.
+ * @param {Object} styles - the default styles for the tracks.
+ * @returns {Object} - An object with the style for each track.
+ * @memberof HvSlider
+ */
+
+
+exports.createMark = createMark;
+
+var createTrackStyles = function createTrackStyles(knobProperties, styles) {
+  var trackStyles = [];
+
+  if (knobProperties.length > 0) {
+    knobProperties.forEach(function (knobProperty, index) {
+      trackStyles[index] = _objectSpread({}, styles.track);
+
+      if (knobProperty.color) {
+        trackStyles[index].backgroundColor = knobProperty.trackColor;
+      }
+    });
+  }
+
+  return trackStyles;
+};
+/**
+ * Generates the inline styles used for each knob, applying colors if specified.
+ *
+ * @param {Object} knobProperties - The object provided by the user with
+ * the desired configuration for the knobs.
+ * @param {Object} styles - the default styles for the knobs.
+ * @returns {Object} - An object with both the inner and outer styles for the knob.
+ * @memberof HvSlider
+ */
+
+
+exports.createTrackStyles = createTrackStyles;
+
+var createKnobStyles = function createKnobStyles(knobProperties, styles) {
+  var knobInner = [];
+  var knobOuterStyle = [];
+  var lastItem = knobProperties.length - 1;
+
+  if (knobProperties.length > 0) {
+    knobProperties.forEach(function (knobProperty, index) {
+      knobInner[index] = _objectSpread({}, styles.knobInner);
+      knobOuterStyle[index] = _objectSpread({}, styles.knobOuter);
+
+      if (knobProperty.color) {
+        knobInner[index].backgroundColor = knobProperty.color;
+        knobOuterStyle[index].backgroundColor = "transparent";
+      }
+
+      if (knobProperty.hidden) {
+        knobInner[index] = styles.knobHidden;
+
+        if (index === lastItem) {
+          knobInner[index] = _objectSpread({}, styles.knobHiddenLast);
+          knobInner[index].backgroundColor = knobProperty.color;
+          knobOuterStyle[index] = _objectSpread({}, styles.knobHidden);
+          knobOuterStyle[index].backgroundColor = knobProperty.color;
+        }
+      }
+    });
+  }
+
+  return {
+    knobInner: knobInner,
+    knobOuterStyle: knobOuterStyle
+  };
+};
+/**
+ * Analyzes both the values and the default values to determine whether the slider is working in single mode.
+ *
+ * @param {Array} values - the values where the knobs are positioned when controlled.
+ * @param {Array} defaultValues - the values where the knobs start when uncontrolled.
+ * @returns {Boolean} - if true the slider should work as single slider
+ */
+
+
+exports.createKnobStyles = createKnobStyles;
+
+var isSingleSlider = function isSingleSlider(values, defaultValues) {
+  if (!((values === null || values === void 0 ? void 0 : values.length) > 1)) {
+    return defaultValues.length === 1;
+  }
+
+  return values.length === 1;
+};
+/**
+ * Generates the default knob styles for each knob
+ *
+ * @param {Object} knobProperties - The object provided by the user with
+ * the desired configuration for the knobs.
+ * @param {Integer} numberOfKnobs - the default styles for the knobs.
+ * @param {Object} theme - The theme to extract the colors.
+ *
+ * @returns {Object} - An object with both the inner and outer styles for the knob.
+ * @memberof HvSlider
+ */
+
+
+exports.isSingleSlider = isSingleSlider;
+
+var generateDefaultKnobProperties = function generateDefaultKnobProperties(knobPropertiesProp) {
+  var numberOfKnobs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var disabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var theme = arguments.length > 3 ? arguments[3] : undefined;
+  var knobProperties = knobPropertiesProp || [];
+  var defaultKnobStyles = {
+    color: theme.hv.palette.accent.acce1,
+    hoverColor: theme.hv.palette.accent.acce1,
+    trackColor: theme.hv.palette.accent.acce1,
+    dragColor: theme.hv.palette.accent.acce1,
+    knobRingColor: theme.hv.palette.atmosphere.atmo1
+  };
+  var disabledKnobStyles = {
+    color: theme.hv.palette.atmosphere.atmo5,
+    hoverColor: theme.hv.palette.atmosphere.atmo5,
+    trackColor: theme.hv.palette.atmosphere.atmo5,
+    dragColor: theme.hv.palette.atmosphere.atmo5,
+    knobRingColor: theme.hv.palette.atmosphere.atmo5
+  };
+
+  if (knobProperties.length > 0) {
+    knobProperties = knobProperties.slice(0, numberOfKnobs);
+    knobProperties = knobProperties.map(function (knobProperty) {
+      if (!disabled) {
+        return _objectSpread(_objectSpread({}, disabledKnobStyles), knobProperty);
+      }
+
+      return _objectSpread(_objectSpread({}, defaultKnobStyles), knobProperty);
+    });
+  } else {
+    for (var i = 0; i < numberOfKnobs; i += 1) {
+      if (!disabled) knobProperties.push(defaultKnobStyles);
+      if (disabled) knobProperties.push(disabledKnobStyles);
+    }
+  }
+
+  return knobProperties;
+};
+
+exports.generateDefaultKnobProperties = generateDefaultKnobProperties;
+
+var pushSlider = function pushSlider(index, inputIndex, inputValue) {
+  var difference = index - inputIndex;
+  return inputValue + difference;
+};
+
+var ensureValuesConsistency = function ensureValuesConsistency(knobPositions, inputIndex) {
+  var newKnobsPosition = (0, _toConsumableArray2.default)(knobPositions); // const valueToTest = newKnobsPosition[index];
+
+  newKnobsPosition.forEach(function (value, index) {
+    if (Number.isNaN(value) || value == null) {
+      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
+      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
+      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+    }
+  });
+  return newKnobsPosition;
+};
+
+exports.ensureValuesConsistency = ensureValuesConsistency;
+
+var convertStatusToArray = function convertStatusToArray(status, length) {
+  var result = {};
+  result.arrayDefaultStatus = Array.from({
+    length: length
+  }, function () {
+    return _validationStates.default.standBy;
+  });
+
+  if (status == null) {
+    return result;
+  }
+
+  if (!Array.isArray(status)) {
+    result.arrayStatus = Array.from({
+      length: length
+    }, function () {
+      return status;
+    });
+    return result;
+  }
+
+  result.arrayStatus = status;
+  return result;
+};
+
+exports.convertStatusToArray = convertStatusToArray;
+
+var statusArrayToFormStatus = function statusArrayToFormStatus(arrayStatus) {
+  var invalid = arrayStatus.some(function (status) {
+    return status === _validationStates.default.invalid;
+  });
+  if (invalid) return _validationStates.default.invalid;
+  var valid = arrayStatus.some(function (status) {
+    return status === _validationStates.default.valid;
+  });
+  if (valid) return _validationStates.default.valid;
+  return _validationStates.default.standBy;
+};
+
+exports.statusArrayToFormStatus = statusArrayToFormStatus;
+
+var knobsValuesToString = function knobsValuesToString(knobsValues, markDigits) {
+  return knobsValues.map(function (knobValue) {
+    return Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits);
+  });
+};
+
+exports.knobsValuesToString = knobsValuesToString;
+
+var stringValuesToKnobs = function stringValuesToKnobs(inputsValues) {
+  return inputsValues.map(function (inputValue) {
+    return parseFloat(inputValue);
+  });
+};
+
+exports.stringValuesToKnobs = stringValuesToKnobs;
+//# sourceMappingURL=utils.js.map

package/dist/Slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["knobsPositionToScaledValue","sliderValue","minPointVlue","stepVlue","scaledValueToKnobsPositionValue","scaledValue","minPointValue","inverseStepValue","Math","floor","knobsValuesToKnobsPositions","values","knobsPositions","forEach","value","index","knobsPositionsToKnobsValues","knobPositions","stepValue","knobsValues","calculateStepValue","maxPointValue","divisionQuantity","abs","createMark","markProperties","markstep","markDigits","formatMark","mark","disabled","styles","marks","length","markProperty","position","label","style","disabledMark","roundedMarkStep","labelValue","toFixed","createTrackStyles","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","createKnobStyles","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","isSingleSlider","defaultValues","generateDefaultKnobProperties","knobPropertiesProp","numberOfKnobs","theme","defaultKnobStyles","hv","palette","accent","acce1","hoverColor","dragColor","knobRingColor","atmosphere","atmo1","disabledKnobStyles","atmo5","slice","map","i","push","pushSlider","inputIndex","inputValue","difference","ensureValuesConsistency","newKnobsPosition","Number","isNaN","convertStatusToArray","status","result","arrayDefaultStatus","Array","from","validationStates","standBy","isArray","arrayStatus","statusArrayToFormStatus","invalid","some","valid","knobsValuesToString","knobValue","stringValuesToKnobs","inputsValues","parseFloat"],"sources":["../../src/Slider/utils.js"],"sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - the value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (sliderValue, minPointVlue, stepVlue) =>\n  minPointVlue + stepVlue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - the value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) =>\n  Math.floor((scaledValue - minPointValue) * inverseStepValue);\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {\n  const knobsPositions = [];\n  values.forEach((value, index) => {\n    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);\n  });\n  return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {\n  const knobsValues = [];\n  knobPositions.forEach((value, index) => {\n    knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);\n  });\n  return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) =>\n  Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n  markProperties,\n  markstep,\n  divisionQuantity,\n  minPointValue,\n  stepValue,\n  markDigits,\n  formatMark = (mark) => mark,\n  disabled,\n  styles\n) => {\n  const marks = {};\n  if (markProperties.length > 0) {\n    markProperties.forEach((markProperty) => {\n      marks[markProperty.position] = disabled\n        ? {\n            label: `${markProperty.label}`,\n            style: {\n              ...styles.disabledMark,\n            },\n          }\n        : {\n            label: `${markProperty.label}`,\n            style: {\n              ...styles.mark,\n            },\n          };\n    });\n  } else {\n    const roundedMarkStep = Math.floor(markstep);\n    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n      let labelValue = knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(\n        markDigits\n      );\n      labelValue = formatMark?.(labelValue) || labelValue;\n      marks[index] = disabled\n        ? {\n            label: `${labelValue}`,\n            style: {\n              ...styles.disabledMark,\n            },\n          }\n        : {\n            label: `${labelValue}`,\n            style: {\n              ...styles.mark,\n            },\n          };\n    }\n  }\n  return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (knobProperties, styles) => {\n  const trackStyles = [];\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      trackStyles[index] = { ...styles.track };\n      if (knobProperty.color) {\n        trackStyles[index].backgroundColor = knobProperty.trackColor;\n      }\n    });\n  }\n  return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (knobProperties, styles) => {\n  const knobInner = [];\n  const knobOuterStyle = [];\n\n  const lastItem = knobProperties.length - 1;\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      knobInner[index] = { ...styles.knobInner };\n      knobOuterStyle[index] = { ...styles.knobOuter };\n\n      if (knobProperty.color) {\n        knobInner[index].backgroundColor = knobProperty.color;\n        knobOuterStyle[index].backgroundColor = \"transparent\";\n      }\n\n      if (knobProperty.hidden) {\n        knobInner[index] = styles.knobHidden;\n        if (index === lastItem) {\n          knobInner[index] = { ...styles.knobHiddenLast };\n          knobInner[index].backgroundColor = knobProperty.color;\n          knobOuterStyle[index] = { ...styles.knobHidden };\n          knobOuterStyle[index].backgroundColor = knobProperty.color;\n        }\n      }\n    });\n  }\n\n  return {\n    knobInner,\n    knobOuterStyle,\n  };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (values, defaultValues) => {\n  if (!(values?.length > 1)) {\n    return defaultValues.length === 1;\n  }\n  return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n  knobPropertiesProp,\n  numberOfKnobs = 1,\n  disabled = false,\n  theme\n) => {\n  let knobProperties = knobPropertiesProp || [];\n  const defaultKnobStyles = {\n    color: theme.hv.palette.accent.acce1,\n    hoverColor: theme.hv.palette.accent.acce1,\n    trackColor: theme.hv.palette.accent.acce1,\n    dragColor: theme.hv.palette.accent.acce1,\n    knobRingColor: theme.hv.palette.atmosphere.atmo1,\n  };\n\n  const disabledKnobStyles = {\n    color: theme.hv.palette.atmosphere.atmo5,\n    hoverColor: theme.hv.palette.atmosphere.atmo5,\n    trackColor: theme.hv.palette.atmosphere.atmo5,\n    dragColor: theme.hv.palette.atmosphere.atmo5,\n    knobRingColor: theme.hv.palette.atmosphere.atmo5,\n  };\n\n  if (knobProperties.length > 0) {\n    knobProperties = knobProperties.slice(0, numberOfKnobs);\n    knobProperties = knobProperties.map((knobProperty) => {\n      if (!disabled) {\n        return {\n          ...disabledKnobStyles,\n          ...knobProperty,\n        };\n      }\n      return {\n        ...defaultKnobStyles,\n        ...knobProperty,\n      };\n    });\n  } else {\n    for (let i = 0; i < numberOfKnobs; i += 1) {\n      if (!disabled) knobProperties.push(defaultKnobStyles);\n      if (disabled) knobProperties.push(disabledKnobStyles);\n    }\n  }\n  return knobProperties;\n};\n\nconst pushSlider = (index, inputIndex, inputValue) => {\n  const difference = index - inputIndex;\n  return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (knobPositions, inputIndex) => {\n  const newKnobsPosition = [...knobPositions];\n  // const valueToTest = newKnobsPosition[index];\n  newKnobsPosition.forEach((value, index) => {\n    if (Number.isNaN(value) || value == null) {\n      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);\n    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);\n    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);\n    }\n  });\n  return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (status, length) => {\n  const result = {};\n  result.arrayDefaultStatus = Array.from({ length }, () => validationStates.standBy);\n  if (status == null) {\n    return result;\n  }\n  if (!Array.isArray(status)) {\n    result.arrayStatus = Array.from({ length }, () => status);\n    return result;\n  }\n  result.arrayStatus = status;\n  return result;\n};\n\nexport const statusArrayToFormStatus = (arrayStatus) => {\n  const invalid = arrayStatus.some((status) => status === validationStates.invalid);\n  if (invalid) return validationStates.invalid;\n  const valid = arrayStatus.some((status) => status === validationStates.valid);\n  if (valid) return validationStates.valid;\n  return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (knobsValues, markDigits) =>\n  knobsValues.map((knobValue) => (Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)));\n\nexport const stringValuesToKnobs = (inputsValues) =>\n  inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"mappings":"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"}

package/dist/Stack/Stack.js

@@ -78,20 +78,20 @@ var getDirection = function getDirection(direction, width, breakpoints) {
  */
 
 
-var HvStack = function HvStack(props) {
-  var classes = props.classes,
-      children = props.children,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? "column" : _props$direction,
-      _props$spacing = props.spacing,
-      spacing = _props$spacing === void 0 ? "sm" : _props$spacing,
-      _props$divider = props.divider,
-      divider = _props$divider === void 0 ? false : _props$divider,
-      _props$withNavigation = props.withNavigation,
-      withNavigation = _props$withNavigation === void 0 ? false : _props$withNavigation,
-      _props$dividerProps = props.dividerProps,
-      dividerProps = _props$dividerProps === void 0 ? {} : _props$dividerProps,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+var HvStack = function HvStack(_ref) {
+  var classes = _ref.classes,
+      children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "column" : _ref$direction,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? "sm" : _ref$spacing,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? false : _ref$divider,
+      _ref$withNavigation = _ref.withNavigation,
+      withNavigation = _ref$withNavigation === void 0 ? false : _ref$withNavigation,
+      _ref$dividerProps = _ref.dividerProps,
+      dividerProps = _ref$dividerProps === void 0 ? {} : _ref$dividerProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var width = (0, _useWidth.default)();
   var theme = (0, _core.useTheme)();
   var containerRef = (0, _react.useRef)(null);

package/dist/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","props","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = (props) => {\n  const {\n    classes,\n    children,\n    direction = \"column\",\n    spacing = \"sm\",\n    divider = false,\n    withNavigation = false,\n    dividerProps = {},\n    ...others\n  } = props;\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -22,6 +22,9 @@ export * from "./Badge";
 export { default as HvBanner } from "./Banner";
 export * from "./Banner";
 
+export { default as HvBarchart } from "./Barchart";
+export * from "./Barchart";
+
 export { default as HvBreadcrumb } from "./BreadCrumb";
 export * from "./BreadCrumb";
 
@@ -42,6 +45,9 @@ export * from "./Container";
 export { default as HvDatePicker } from "./DatePicker";
 export * from "./DatePicker";
 
+export { default as HvDonutchart } from "./Donutchart";
+export * from "./Donutchart";
+
 export { default as HvDropdown } from "./Dropdown";
 export * from "./Dropdown";
 
@@ -78,6 +84,9 @@ export * from "./BaseInput";
 export { default as HvInput } from "./Input";
 export * from "./Input";
 
+export { default as HvSlider } from "./Slider";
+export * from "./Slider";
+
 export * from "./Forms";
 
 export { default as HvLabel } from "./Forms/Label";
@@ -86,6 +95,9 @@ export * from "./Forms/Label";
 export { default as HvKpi } from "./Kpi";
 export * from "./Kpi";
 
+export { default as HvLinechart } from "./Linechart";
+export * from "./Linechart";
+
 export { default as HvLink } from "./Link";
 export * from "./Link";