intelicoreact 1.8.2 → 1.8.4

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.d.ts

@@ -0,0 +1,13 @@
+export function RangeListCell({ children, idx, className, onClick }: {
+    children: any;
+    idx: any;
+    className: any;
+    onClick: any;
+}): JSX.Element;
+export default RangeListRow;
+declare function RangeListRow({ from, to, idx, actionClick }: {
+    from: any;
+    to: any;
+    idx: any;
+    actionClick: any;
+}): JSX.Element;

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -1 +1 @@
-function e(e,c,a){return c in e?Object.defineProperty(e,c,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[c]=a,e}import{jsx as c,jsxs as a}from"react/jsx-runtime";import"react";import l from"classnames";import{Trash2 as n}from"react-feather";var r="range-list";export var RangeListCell=function(a){var n=a.children,t=a.idx,i=a.className,o=a.onClick;return c("div",{className:l("".concat(r,"__cell"),i,e({},"".concat(r,"__cell-").concat(t),t)),onClick:o,children:n})};export default function(t){var i=t.from,o=t.to,s=t.idx,u=t.actionClick;return a("div",{className:l("".concat(r,"__row"),"".concat(r,"__values"),e({},"".concat(r,"__values_first-value"),0===s)),children:[c(RangeListCell,{idx:1,className:"".concat(r,"__cell-value"),children:i}),c(RangeListCell,{idx:2,className:"".concat(r,"__cell-value"),children:o}),c(RangeListCell,{idx:3,className:"".concat(r,"__cell-action"),onClick:function(){return u(s)},children:c(n,{})})]})}
+function e(e,a,c){return a in e?Object.defineProperty(e,a,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[a]=c,e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.RangeListCell=l;var a=require("tslib").__importDefault(require("classnames")),c=require("react-feather"),t="range-list";function l(c){var l=c.children,n=c.idx,r=c.className,i=c.onClick;return React.createElement("div",{className:(0,a.default)("".concat(t,"__cell"),r,e({},"".concat(t,"__cell-").concat(n),n)),onClick:i},l)}exports.default=function(n){var r=n.from,i=n.to,o=n.idx,s=n.actionClick;return React.createElement("div",{className:(0,a.default)("".concat(t,"__row"),"".concat(t,"__values"),e({},"".concat(t,"__values_first-value"),0===o))},React.createElement(l,{idx:1,className:"".concat(t,"__cell-value")},r),React.createElement(l,{idx:2,className:"".concat(t,"__cell-value")},i),React.createElement(l,{idx:3,className:"".concat(t,"__cell-action"),onClick:function(){return s(o)}},React.createElement(c.Trash2,null)))};

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeListRow.js","sourceRoot":"","sources":["../../../../../src/Atomic/FormElements/RangeList/partial/RangeListRow.jsx"],"names":[],"mappings":";;AAKA,sCASC;;AAdD,oEAA4B;AAC5B,iDAAuC;AAEvC,MAAM,EAAE,GAAG,YAAY,CAAC;AAExB,SAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE;IACjE,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,EAAE,UAAU,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EACxE,OAAO,EAAE,OAAO,IAEf,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE;IAClD,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE;YAC3C,CAAC,GAAG,EAAE,sBAAsB,CAAC,EAAE,GAAG,KAAK,CAAC;SACzC,CAAC;QAEF,oBAAC,aAAa,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,IAClD,IAAI,CACS;QAChB,oBAAC,aAAa,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,IAClD,EAAE,CACW;QAChB,oBAAC,aAAa,IACZ,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,GAAG,EAAE,eAAe,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC;YAE/B,oBAAC,sBAAM,OAAG,CACI,CACZ,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.jsx

@@ -0,0 +1,41 @@
+import cn from 'classnames';
+import { Trash2 } from 'react-feather';
+
+const RC = 'range-list';
+
+export function RangeListCell({ children, idx, className, onClick }) {
+  return (
+    <div
+      className={cn(`${RC}__cell`, className, { [`${RC}__cell-${idx}`]: idx })}
+      onClick={onClick}
+    >
+      {children}
+    </div>
+  );
+}
+
+function RangeListRow({ from, to, idx, actionClick }) {
+  return (
+    <div
+      className={cn(`${RC}__row`, `${RC}__values`, {
+        [`${RC}__values_first-value`]: idx === 0,
+      })}
+    >
+      <RangeListCell idx={1} className={`${RC}__cell-value`}>
+        {from}
+      </RangeListCell>
+      <RangeListCell idx={2} className={`${RC}__cell-value`}>
+        {to}
+      </RangeListCell>
+      <RangeListCell
+        idx={3}
+        className={`${RC}__cell-action`}
+        onClick={() => actionClick(idx)}
+      >
+        <Trash2 />
+      </RangeListCell>
+    </div>
+  );
+}
+
+export default RangeListRow;

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,19 @@
+export default function RangeSlider({ required, noTrack, rangeSymbol, min, max, decimalPlaces, minRange, precision, testId, value, unit, label, isUseBitPoints, onChange, }: {
+    required: any;
+    noTrack: any;
+    rangeSymbol: any;
+    min?: number | undefined;
+    max?: number | undefined;
+    decimalPlaces?: number | undefined;
+    minRange?: number | undefined;
+    precision?: number | undefined;
+    testId?: string | undefined;
+    value?: {
+        from: any;
+        to: any;
+    } | undefined;
+    unit?: string | undefined;
+    label?: string | undefined;
+    isUseBitPoints?: boolean | undefined;
+    onChange?: (() => void) | undefined;
+}): JSX.Element;

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -1 +1 @@
-var n;function e(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}function t(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function r(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),o.forEach(function(e){t(n,e,r[e])})}return n}function o(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t,r,o=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=o){var i=[],u=!0,a=!1;try{for(o=o.call(n);!(u=(t=o.next()).done)&&(i.push(t.value),!e||i.length!==e);u=!0);}catch(n){a=!0,r=n}finally{try{u||null==o.return||o.return()}finally{if(a)throw r}}return i}}(n,t)||function(n,t){if(n){if("string"==typeof n)return e(n,t);var r=Object.prototype.toString.call(n).slice(8,-1);if("Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(n,t)}}(n,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as i,jsxs as u}from"react/jsx-runtime";import{useEffect as a,useLayoutEffect as l,useRef as c,useState as s}from"react";import d from"classnames";import{X as f}from"react-feather";import{formatToAddBitDepthPoints as m}from"../../../Functions/fieldValueFormatters";import{NUMERIC_KEYBOARD as v}from"../../../Functions/presets/mobileKeyboardTypesPresets";import g from"../../../Functions/useIsMobile/useIsMobile";import p from"../Input/Input";import"./RangeSlider.scss";function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:800,r=this;return function(){for(var o=arguments.length,i=Array(o),u=0;u<o;u++)i[u]=arguments[u];clearTimeout(n),n=setTimeout(function(){e.apply(r,i)},t)}}export default function _(n){var e,_,y,b,O=n.required,j=n.noTrack,w=n.rangeSymbol,N=n.min,P=void 0===N?0:N,k=n.max,S=void 0===k?100:k,x=n.decimalPlaces,T=void 0===x?2:x,C=n.minRange,I=void 0===C?0:C,E=n.precision,M=void 0===E?0:E,A=n.testId,B=void 0===A?"range-slider":A,D=n.value,F=void 0===D?{from:P,to:S}:D,R=n.unit,L=n.label,q=n.isUseBitPoints,U=void 0===q||q,K=n.onChange,V=void 0===K?function(){}:K,X=g().isMobile,$=c(0),z=o(s(0),2),G=z[0],H=z[1],J=o(s(0),2),Q=J[0],W=J[1],Y=c(0),Z=c(0),nn=function(n){return parseInt(parseFloat(n)*Math.pow(10,M),10)/Math.pow(10,M)},ne=o(s(null!=(y=null==F?void 0:F.from)?y:P),2),nt=ne[0],nr=ne[1],no=function(n){return nr(nn(n))},ni=o(s(null!=(b=null==F?void 0:F.to)?b:S),2),nu=ni[0],na=ni[1],nl=function(n){return na(nn(n))},nc=o(s(null),2);nc[0],nc[1];var ns=o(s(null),2),nd=ns[0],nf=ns[1],nm=o(s({from:!1,to:!1}),2),nv=nm[0],ng=nm[1],np=function(n,e){return ng(function(o){var i,u;return i=r({},o),u=null!=(u=t({},n,e))?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(u)):(function(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t.push.apply(t,r)}return t})(Object(u)).forEach(function(n){Object.defineProperty(i,n,Object.getOwnPropertyDescriptor(u,n))}),i})},nh=nd?null==nd?void 0:nd.from:nt,n_=nd?null==nd?void 0:nd.to:nu,ny=o(s(null),2),nb=ny[0];ny[1];var nO=o(s(null),2),nj=nO[0],nw=nO[1],nN=o(s(null),2),nP=nN[0],nk=nN[1],nS=o(s(!1),2),nx=nS[0],nT=nS[1],nC=o(s(0),2),nI=nC[0],nE=nC[1],nM=o(s(0),2);nM[0],nM[1];var nA=o(s(0),2);nA[0],nA[1];var nB=function(n){return(n-P)/nI},nD=function(n,e){var t=!(arguments.length>2)||void 0===arguments[2]||arguments[2],r=!(arguments.length>3)||void 0===arguments[3]||arguments[3];switch(t&&(e=nn(e)),isNaN(e)&&(e=0),n){case"from":var o=function(n){return(!n&&0!==n||n<P)&&(n=P),n>nu-I&&(n=nu-I),n};t&&(e=o(e)),t?no(e):nr(e),!nx&&r&&h(function(){var n={from:nn(o(e)),to:nu};V(n),nf(n)},800)();break;case"to":var i=function(n){return(!n&&0!==n||n>S)&&(n=S),n<nt+I&&(n=nt+I),n};t&&(e=i(e)),t?nl(e):na(e),!nx&&r&&h(function(){var n={from:nt,to:nn(i(e))};V(n),nf(n)},800)()}},nF=function(n,e){(0===n.button||X)&&(nw(n.target),nk(e),nT(!0))},nR=function(n){if(X||(n.preventDefault(),n.stopPropagation()),nx||nT(!0),!nj)return!1;var e,t=(X?null==n||null==(e=n.touches)?void 0:e[0]:n).clientX,r=((null==nj?void 0:nj.getBoundingClientRect())||{}).width,o=void 0===r?16:r;if(t<Q||t>Q+G+o)return!1;nD(nP,((t-=o/2)-Q)*nI+P)},nL=function(){nw(null),nk(null),nT(!1)},nq=function(n,e){setTimeout(function(){return np(e,!0)},1)},nU=function(n,e){np(e,!1)};a(function(){var n,e;nD("from",null!=(n=null==F?void 0:F.from)?n:S,!0,!1),nD("to",null!=(e=null==F?void 0:F.to)?e:P,!0,!1)},[]),a(function(){return document.addEventListener("mouseup",nL),function(){document.removeEventListener("mouseup",nL)}},[]),a(function(){if(nj&&nx){var n=function(n){nR(n)};return document.addEventListener("mousemove",n),function(){document.removeEventListener("mousemove",n)}}},[nj,nx]),a(function(){nb&&document.addEventListener("mousemove",nR,{signal:null==nb?void 0:nb.signal})},[nb]),a(function(){nf(null)},[nx]),a(function(){Object.values(nv).every(function(n){return!n})&&!nx&&(F.from!==nt||F.to!==nu)&&V({from:nt,to:nu}),nx&&nf({from:nt,to:nu})},[nt,nu,nx]),l(function(){no(F.from),nl(F.to)},[F]),l(function(){var n,e,t,r,o,i=(null==$||null==(n=$.current)?void 0:n.getBoundingClientRect())||{},u=i.width,a=i.x;nE((S-P)/(u-=(null==Y||null==(t=Y.current)||null==(e=t.getBoundingClientRect())?void 0:e.width)||(null==Z||null==(o=Z.current)||null==(r=o.getBoundingClientRect())?void 0:r.width))),H(u),W(a)},[$]),a(function(){Object.values(nv).every(function(n){return!n})?nf(!1):nf({from:nt,to:nu})},[nv]);return u("div",{"data-testid":B,className:"range-slider",children:[u("div",{className:"range-slider__header",children:[u("div",{className:"range-slider__header__label",children:[void 0===L?"":L,O&&i("span",{className:"label_isRequired",children:"*"})]}),P!==nh||S!==n_?u("div",{className:"range-slider__header__selected-range",children:[u("div",{className:"range-slider__header__selected-range--text",children:["from ",U?m(nh):nh," to"," ",U?m(n_):n_,w,void 0===R?"":R]}),i("div",{className:"range-slider__header__selected-range--reset",onClick:function(){no(P),nl(S)},children:i(f,{})})]}):null]}),u("div",{className:"range-slider__inputs",children:[i("div",{className:"range-slider__inputs--from",children:i(p,r({"data-testid":"".concat(B,"-input-from"),value:nt.toString(),onFocus:function(n){return nq(n,"from")},onBlur:function(n){return nU(n,"from")},onChange:function(n){return nD("from",n,!1)},onlyNumbers:{type:"float",decimalPlaces:T,min:P,max:S},isPriceInput:U},v))}),i("div",{className:"range-slider__inputs__input",children:i(p,r({"data-testid":"".concat(B,"-input-to"),value:nu.toString(),onFocus:function(n){return nq(n,"to")},onBlur:function(n){return nU(n,"to")},onChange:function(n){return nD("to",n,!1)},onlyNumbers:{type:"float",decimalPlaces:T,min:P,max:S},isPriceInput:U},v))})]}),u("div",{className:d("range-slider__track",{hidden:j}),ref:$,children:[i("div",{className:"range-slider__track__line"}),i("div",{className:"range-slider__track__range",style:{width:"".concat(nB(n_)-nB(nh),"px"),left:"".concat(nB(nh),"px")}}),(e={left:"".concat(nB(nh),"px")},_={left:"".concat(nB(n_),"px")},u("div",{className:"range-slider__track__range-triggers",children:[i("div",{"data-testid":"".concat(B,"-track-from"),ref:Y,style:e,className:"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left",onMouseDown:function(n){return X?{}:nF(n,"from")},onTouchStart:function(n){return nF(n,"from")},onTouchMove:nR,onTouchEnd:nL,onClick:function(){}}),i("div",{"data-testid":"".concat(B,"-track-to"),ref:Z,style:_,className:"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right",onMouseDown:function(n){return X?{}:nF(n,"to")},onTouchStart:function(n){return nF(n,"to")},onTouchMove:nR,onTouchEnd:nL,onClick:function(){}})]}))]})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(n){t(e,n,r[n])})}return e}function r(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,u=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(u)throw r}}return a}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e){var o,a,v,g,p,_=e.required,y=e.noTrack,b=e.rangeSymbol,h=e.min,E=void 0===h?0:h,R=e.max,O=void 0===R?100:R,S=e.decimalPlaces,N=void 0===S?2:S,P=e.minRange,w=void 0===P?0:P,j=e.precision,k=void 0===j?0:j,D=e.testId,T=void 0===D?"range-slider":D,C=e.value,I=void 0===C?{from:E,to:O}:C,M=e.unit,x=e.label,q=e.isUseBitPoints,A=void 0===q||q,B=e.onChange,F=void 0===B?function(){}:B,L=(0,f.default)().isMobile,U=(0,u.useRef)(0),K=r((0,u.useState)(0),2),X=K[0],Y=K[1],V=r((0,u.useState)(0),2),$=V[0],z=V[1],G=(0,u.useRef)(0),H=(0,u.useRef)(0),J=function(e){return Number.parseInt(Number.parseFloat(e)*Math.pow(10,k),10)/Math.pow(10,k)},Q=r((0,u.useState)(null!=(g=null==I?void 0:I.from)?g:E),2),W=Q[0],Z=Q[1],ee=function(e){return Z(J(e))},et=r((0,u.useState)(null!=(p=null==I?void 0:I.to)?p:O),2),en=et[0],er=et[1],eo=function(e){return er(J(e))},ea=r((0,u.useState)(null),2);ea[0],ea[1];var ei=r((0,u.useState)(null),2),eu=ei[0],ec=ei[1],el=r((0,u.useState)({from:!1,to:!1}),2),es=el[0],ef=el[1],ed=function(e,r){return ef(function(o){var a,i;return a=n({},o),i=null!=(i=t({},e,r))?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(i)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(i)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(i,e))}),a})},em=eu?null==eu?void 0:eu.from:W,ev=eu?null==eu?void 0:eu.to:en,eg=r((0,u.useState)(null),2),ep=eg[0];eg[1];var e_=r((0,u.useState)(null),2),ey=e_[0],eb=e_[1],eh=r((0,u.useState)(null),2),eE=eh[0],eR=eh[1],eO=r((0,u.useState)(!1),2),eS=eO[0],eN=eO[1],eP=r((0,u.useState)(0),2),ew=eP[0],ej=eP[1],ek=r((0,u.useState)(0),2);ek[0],ek[1];var eD=r((0,u.useState)(0),2);eD[0],eD[1];var eT=function(e){return(e-E)/ew},eC=function(e,t){var n=!(arguments.length>2)||void 0===arguments[2]||arguments[2],r=!(arguments.length>3)||void 0===arguments[3]||arguments[3];switch(n&&(t=J(t)),isNaN(t)&&(t=0),e){case"from":var o=function(e){return(!e&&0!==e||e<E)&&(e=E),e>en-w&&(e=en-w),e};n&&(t=o(t)),n?ee(t):Z(t),!eS&&r&&m(function(){var e={from:J(o(t)),to:en};F(e),ec(e)},800)();break;case"to":var a=function(e){return(!e&&0!==e||e>O)&&(e=O),e<W+w&&(e=W+w),e};n&&(t=a(t)),n?eo(t):er(t),!eS&&r&&m(function(){var e={from:W,to:J(a(t))};F(e),ec(e)},800)()}},eI=function(e,t){(0===e.button||L)&&(eb(e.target),eR(t),eN(!0))},eM=function(e){if(L||(e.preventDefault(),e.stopPropagation()),eS||eN(!0),!ey)return!1;var t,n=(L?null==(t=null==e?void 0:e.touches)?void 0:t[0]:e).clientX,r=((null==ey?void 0:ey.getBoundingClientRect())||{}).width,o=void 0===r?16:r;if(n<$||n>$+X+o)return!1;eC(eE,((n-=o/2)-$)*ew+E)},ex=function(){eb(null),eR(null),eN(!1)},eq=function(e,t){setTimeout(function(){return ed(t,!0)},1)},eA=function(e,t){ed(t,!1)};(0,u.useEffect)(function(){var e,t;eC("from",null!=(e=null==I?void 0:I.from)?e:O,!0,!1),eC("to",null!=(t=null==I?void 0:I.to)?t:E,!0,!1)},[]),(0,u.useEffect)(function(){return document.addEventListener("mouseup",ex),function(){document.removeEventListener("mouseup",ex)}},[]),(0,u.useEffect)(function(){if(ey&&eS){var e=function(e){eM(e)};return document.addEventListener("mousemove",e),function(){document.removeEventListener("mousemove",e)}}},[ey,eS]),(0,u.useEffect)(function(){ep&&document.addEventListener("mousemove",eM,{signal:null==ep?void 0:ep.signal})},[ep]),(0,u.useEffect)(function(){ec(null)},[eS]),(0,u.useEffect)(function(){Object.values(es).every(function(e){return!e})&&!eS&&(I.from!==W||I.to!==en)&&F({from:W,to:en}),eS&&ec({from:W,to:en})},[W,en,eS]),(0,u.useLayoutEffect)(function(){ee(I.from),eo(I.to)},[I]),(0,u.useLayoutEffect)(function(){var e,t,n,r,o,a=(null==(e=null==U?void 0:U.current)?void 0:e.getBoundingClientRect())||{},i=a.width,u=a.x;ej((O-E)/(i-=(null==(n=null==(t=null==G?void 0:G.current)?void 0:t.getBoundingClientRect())?void 0:n.width)||(null==(o=null==(r=null==H?void 0:H.current)?void 0:r.getBoundingClientRect())?void 0:o.width))),Y(i),z(u)},[U]),(0,u.useEffect)(function(){Object.values(es).every(function(e){return!e})?ec(!1):ec({from:W,to:en})},[es]);return React.createElement("div",{"data-testid":T,className:"range-slider"},React.createElement("div",{className:"range-slider__header"},React.createElement("div",{className:"range-slider__header__label"},void 0===x?"":x,_&&React.createElement("span",{className:"label_isRequired"},"*")),E!==em||O!==ev?React.createElement("div",{className:"range-slider__header__selected-range"},React.createElement("div",{className:"range-slider__header__selected-range--text"},"from"," ",A?(0,l.formatToAddBitDepthPoints)(em):em," ","to"," ",A?(0,l.formatToAddBitDepthPoints)(ev):ev,b,void 0===M?"":M),React.createElement("div",{className:"range-slider__header__selected-range--reset",onClick:function(){ee(E),eo(O)}},React.createElement(c.X,null))):null),React.createElement("div",{className:"range-slider__inputs"},React.createElement("div",{className:"range-slider__inputs--from"},React.createElement(d.default,n({"data-testid":"".concat(T,"-input-from"),value:W.toString(),onFocus:function(e){return eq(e,"from")},onBlur:function(e){return eA(e,"from")},onChange:function(e){return eC("from",e,!1)},onlyNumbers:{type:"float",decimalPlaces:N,min:E,max:O},isPriceInput:A},s.NUMERIC_KEYBOARD))),React.createElement("div",{className:"range-slider__inputs__input"},React.createElement(d.default,n({"data-testid":"".concat(T,"-input-to"),value:en.toString(),onFocus:function(e){return eq(e,"to")},onBlur:function(e){return eA(e,"to")},onChange:function(e){return eC("to",e,!1)},onlyNumbers:{type:"float",decimalPlaces:N,min:E,max:O},isPriceInput:A},s.NUMERIC_KEYBOARD)))),React.createElement("div",{className:(0,i.default)("range-slider__track",{hidden:y}),ref:U},React.createElement("div",{className:"range-slider__track__line"}),(o={width:"".concat(eT(ev)-eT(em),"px"),left:"".concat(eT(em),"px")},React.createElement("div",{className:"range-slider__track__range",style:o})),(a={left:"".concat(eT(em),"px")},v={left:"".concat(eT(ev),"px")},React.createElement("div",{className:"range-slider__track__range-triggers"},React.createElement("div",{"data-testid":"".concat(T,"-track-from"),ref:G,style:a,className:"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left",onMouseDown:function(e){return L?{}:eI(e,"from")},onTouchStart:function(e){return eI(e,"from")},onTouchMove:eM,onTouchEnd:ex,onClick:function(){}}),React.createElement("div",{"data-testid":"".concat(T,"-track-to"),ref:H,style:v,className:"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right",onMouseDown:function(e){return L?{}:eI(e,"to")},onTouchStart:function(e){return eI(e,"to")},onTouchMove:eM,onTouchEnd:ex,onClick:function(){}})))))};var o,a=require("tslib"),i=a.__importDefault(require("classnames")),u=require("react"),c=require("react-feather"),l=require("../../../Functions/fieldValueFormatters"),s=require("../../../Functions/presets/mobileKeyboardTypesPresets"),f=a.__importDefault(require("../../../Functions/useIsMobile/useIsMobile")),d=a.__importDefault(require("../Input/Input"));function m(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:800,n=this;return function(){for(var r=arguments.length,a=Array(r),i=0;i<r;i++)a[i]=arguments[i];clearTimeout(o),o=setTimeout(function(){e.apply(n,a)},t)}}require("./RangeSlider.scss");

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../../src/Atomic/FormElements/RangeSlider/RangeSlider.jsx"],"names":[],"mappings":"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"}

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.jsx

@@ -0,0 +1,449 @@
+import cn from 'classnames';
+
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { X } from 'react-feather';
+
+import { formatToAddBitDepthPoints as addCommas } from '../../../Functions/fieldValueFormatters';
+import { NUMERIC_KEYBOARD } from '../../../Functions/presets/mobileKeyboardTypesPresets';
+import useIsMobile from '../../../Functions/useIsMobile/useIsMobile';
+import Input from '../Input/Input';
+
+import './RangeSlider.scss';
+
+let timer;
+
+const DEBOUNCE_TIME = 800;
+
+function debounce(func, timeout = DEBOUNCE_TIME) {
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      func.apply(this, args);
+    }, timeout);
+  };
+}
+
+export default function RangeSlider({
+  required,
+  noTrack,
+  rangeSymbol,
+  min = 0,
+  max = 100,
+  decimalPlaces = 2,
+  minRange = 0,
+  precision = 0,
+  testId = 'range-slider',
+  value = {
+    from: min,
+    to: max,
+  },
+  unit = '',
+  label = '',
+  isUseBitPoints = true,
+
+  onChange = () => {},
+}) {
+  const { isMobile } = useIsMobile();
+  const trackRef = useRef(0);
+  const [trackWidth, setTrackWidth] = useState(0);
+  const [trackPosition, setTrackPosition] = useState(0);
+
+  const fromTriggerRef = useRef(0);
+  const toTriggerRef = useRef(0);
+
+  const prepareValue = (value) => {
+    return Number.parseInt(Number.parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
+  };
+
+  const [from, setFromValue] = useState(value?.from ?? min);
+  const setFrom = v => setFromValue(prepareValue(v));
+  const [to, setToValue] = useState(value?.to ?? max);
+  const setTo = v => setToValue(prepareValue(v));
+
+  const [focusedType, setFocusedType] = useState(null);
+  const [frezeedValues, setFrezeedValues] = useState(null);
+
+  const [isInputsFocused, setIsInputsFocused] = useState({
+    from: false,
+    to: false,
+  });
+
+  const setIsInputFocused = (input, value) =>
+    setIsInputsFocused(state => ({ ...state, [input]: value }));
+
+  const fromValue = frezeedValues ? frezeedValues?.from : from;
+  const toValue = frezeedValues ? frezeedValues?.to : to;
+
+  const [movingController, setMovingController] = useState(null);
+
+  const [movingTrigger, setMovingTrigger] = useState(null);
+  const [movingTriggerType, setMovingTriggerType] = useState(null);
+  const [isTriggerMoved, setIsTriggerMoved] = useState(false);
+
+  const [pointsPerPx, setPointsPerPx] = useState(0);
+
+  const [extremumRange, setExtremumRange] = useState(0);
+  const [extremumWidth, setExtremumWidth] = useState(0);
+
+  const countPointsPerPx = (width) => {
+    return (max - min) / width;
+  };
+
+  const resetRange = () => {
+    setFrom(min);
+    setTo(max);
+  };
+
+  const getTrackXByPoints = (pts) => {
+    return (pts - min) / pointsPerPx;
+  };
+
+  const getRangeWidth = () => {
+    return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);
+  };
+
+  const getRangeOffset = () => {
+    return getTrackXByPoints(fromValue);
+  };
+
+  const getXByPoints = (pts) => {
+    return (pts - min) / pointsPerPx + trackPosition;
+  };
+
+  const getPointsByX = (x) => {
+    return (x - trackPosition) * pointsPerPx + min;
+  };
+
+  const onRangeChange = (type, value, validate = true, callOnChange = true) => {
+    if (validate) value = prepareValue(value);
+
+    if (isNaN(value)) value = 0;
+
+    switch (type) {
+      case 'from':
+        const getValidatedFromValue = (value) => {
+          if ((!value && value !== 0) || value < min) {
+            value = min;
+          }
+
+          if (value > to - minRange) {
+            value = to - minRange;
+          }
+
+          return value;
+        };
+
+        if (validate) {
+          value = getValidatedFromValue(value);
+        }
+
+        validate ? setFrom(value) : setFromValue(value);
+        if (!isTriggerMoved && callOnChange) {
+          debounce(() => {
+            const values = {
+              from: prepareValue(getValidatedFromValue(value)),
+              to,
+            };
+            onChange(values);
+            setFrezeedValues(values);
+          }, DEBOUNCE_TIME)();
+        }
+        break;
+      case 'to':
+        const getValidatedToValue = (value) => {
+          if ((!value && value !== 0) || value > max) {
+            value = max;
+          }
+
+          if (value < from + minRange) {
+            value = from + minRange;
+          }
+
+          return value;
+        };
+
+        if (validate) {
+          value = getValidatedToValue(value);
+        }
+
+        validate ? setTo(value) : setToValue(value);
+        if (!isTriggerMoved && callOnChange) {
+          debounce(() => {
+            const values = {
+              from,
+              to: prepareValue(getValidatedToValue(value)),
+            };
+            onChange(values);
+            setFrezeedValues(values);
+          }, DEBOUNCE_TIME)();
+        }
+        break;
+    }
+  };
+  // MouseDown Event Controller
+  const onTriggerMouseDown = (e, type) => {
+    if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши
+    setMovingTrigger(e.target);
+    setMovingTriggerType(type);
+    setIsTriggerMoved(true); // Установить флаг движения в true при клике
+  };
+
+  const onTriggerMove = (e) => {
+    if (!isMobile) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+
+    if (!isTriggerMoved) setIsTriggerMoved(true);
+    if (!movingTrigger) return false;
+
+    let { clientX: x } = isMobile ? e?.touches?.[0] : e;
+    const { width: triggerWidth = 16 }
+      = movingTrigger?.getBoundingClientRect() || {};
+
+    if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth)
+      return false;
+
+    x -= triggerWidth / 2;
+
+    onRangeChange(movingTriggerType, getPointsByX(x));
+  };
+  const onTriggerMoveEnd = () => {
+    setMovingTrigger(null);
+    setMovingTriggerType(null);
+    setIsTriggerMoved(false);
+  };
+  const onRangeInputFocus = (e, type) => {
+    setTimeout(() => setIsInputFocused(type, true), 1);
+  };
+
+  const onRangeInputBlur = (e, type) => {
+    setIsInputFocused(type, false);
+  };
+
+  useEffect(() => {
+    onRangeChange('from', value?.from ?? max, true, false);
+    onRangeChange('to', value?.to ?? min, true, false);
+  }, []);
+
+  /// MouseUp Event Controller
+  useEffect(() => {
+    document.addEventListener('mouseup', onTriggerMoveEnd);
+
+    return () => {
+      document.removeEventListener('mouseup', onTriggerMoveEnd);
+    };
+  }, []);
+
+  // MouseMove Event Controller
+  useEffect(() => {
+    // Прекратить обработку, если нет активного триггера или не было движения
+    if (!movingTrigger || !isTriggerMoved) return;
+    const handleMouseMove = (e) => {
+      onTriggerMove(e);
+    };
+
+    document.addEventListener('mousemove', handleMouseMove);
+
+    return () => {
+      document.removeEventListener('mousemove', handleMouseMove);
+    };
+  }, [movingTrigger, isTriggerMoved]);
+
+  useEffect(() => {
+    if (movingController) {
+      document.addEventListener('mousemove', onTriggerMove, {
+        signal: movingController?.signal,
+      });
+    }
+  }, [movingController]);
+
+  useEffect(() => {
+    setFrezeedValues(null);
+  }, [isTriggerMoved]);
+
+  useEffect(() => {
+    if (
+      Object.values(isInputsFocused).every(v => !v)
+      && !isTriggerMoved
+      && (value.from !== from || value.to !== to)
+    ) {
+      onChange({ from, to });
+    }
+    if (isTriggerMoved) setFrezeedValues({ from, to });
+  }, [from, to, isTriggerMoved]);
+
+  useLayoutEffect(() => {
+    setFrom(value.from);
+    setTo(value.to);
+  }, [value]);
+
+  useLayoutEffect(() => {
+    let { width, x } = trackRef?.current?.getBoundingClientRect() || {};
+    width
+      -= fromTriggerRef?.current?.getBoundingClientRect()?.width
+        || toTriggerRef?.current?.getBoundingClientRect()?.width;
+
+    setPointsPerPx(countPointsPerPx(width));
+    setTrackWidth(width);
+    setTrackPosition(x);
+  }, [trackRef]);
+
+  useEffect(() => {
+    if (Object.values(isInputsFocused).every(v => !v)) {
+      setFrezeedValues(false);
+    }
+    else {
+      setFrezeedValues({ from, to });
+    }
+  }, [isInputsFocused]);
+
+  const renderLabel = () => {
+    return (
+      <div className="range-slider__header__label">
+        {label}
+        {required && <span className="label_isRequired">*</span>}
+      </div>
+    );
+  };
+
+  const renderSelectedRange = () => {
+    return (
+      <div className="range-slider__header__selected-range">
+        <div className="range-slider__header__selected-range--text">
+          from
+          {' '}
+          {isUseBitPoints ? addCommas(fromValue) : fromValue}
+          {' '}
+          to
+          {' '}
+          {isUseBitPoints ? addCommas(toValue) : toValue}
+          {rangeSymbol}
+          {unit}
+        </div>
+        <div
+          className="range-slider__header__selected-range--reset"
+          onClick={resetRange}
+        >
+          <X />
+        </div>
+      </div>
+    );
+  };
+
+  const renderHeader = () => {
+    return (
+      <div className="range-slider__header">
+        {renderLabel()}
+        {min !== fromValue || max !== toValue ? renderSelectedRange() : null}
+      </div>
+    );
+  };
+
+  const renderInputs = () => {
+    return (
+      <div className="range-slider__inputs">
+        <div className="range-slider__inputs--from">
+          <Input
+            data-testid={`${testId}-input-from`}
+            value={from.toString()}
+            onFocus={e => onRangeInputFocus(e, 'from')}
+            onBlur={e => onRangeInputBlur(e, 'from')}
+            onChange={value => onRangeChange('from', value, false)}
+            onlyNumbers={{ type: 'float', decimalPlaces, min, max }}
+            isPriceInput={isUseBitPoints}
+            {...NUMERIC_KEYBOARD}
+          />
+        </div>
+        <div className="range-slider__inputs__input">
+          <Input
+            data-testid={`${testId}-input-to`}
+            value={to.toString()}
+            onFocus={e => onRangeInputFocus(e, 'to')}
+            onBlur={e => onRangeInputBlur(e, 'to')}
+            onChange={value => onRangeChange('to', value, false)}
+            onlyNumbers={{ type: 'float', decimalPlaces, min, max }}
+            isPriceInput={isUseBitPoints}
+            {...NUMERIC_KEYBOARD}
+          />
+        </div>
+      </div>
+    );
+  };
+
+  const renderTrackRange = () => {
+    const style = {
+      width: `${getRangeWidth()}px`,
+      left: `${getRangeOffset()}px`,
+    };
+    return <div className="range-slider__track__range" style={style} />;
+  };
+
+  const renderTrackTriggers = () => {
+    const fromStyle = {
+      left: `${getTrackXByPoints(fromValue)}px`,
+    };
+    const toStyle = {
+      left: `${getTrackXByPoints(toValue)}px`,
+    };
+    const renderTrack = () => {
+      return (
+        <div
+          className={cn('range-slider__track', { hidden: noTrack })}
+          ref={trackRef}
+        >
+          <div className="range-slider__track__line" />
+          {renderTrackRange()}
+          {renderTrackTriggers()}
+        </div>
+      );
+    };
+    return (
+      <div className="range-slider__track__range-triggers">
+        <div
+          data-testid={`${testId}-track-from`}
+          ref={fromTriggerRef}
+          style={fromStyle}
+          className="range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left"
+          onMouseDown={e => (!isMobile ? onTriggerMouseDown(e, 'from') : {})}
+          onTouchStart={e => onTriggerMouseDown(e, 'from')}
+          onTouchMove={onTriggerMove}
+          onTouchEnd={onTriggerMoveEnd}
+          onClick={() => {}} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
+        />
+        <div
+          data-testid={`${testId}-track-to`}
+          ref={toTriggerRef}
+          style={toStyle}
+          className="range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right"
+          onMouseDown={e => (!isMobile ? onTriggerMouseDown(e, 'to') : {})}
+          onTouchStart={e => onTriggerMouseDown(e, 'to')}
+          onTouchMove={onTriggerMove}
+          onTouchEnd={onTriggerMoveEnd}
+          onClick={() => {}} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
+        />
+      </div>
+    );
+  };
+
+  const renderTrack = () => {
+    return (
+      <div
+        className={cn('range-slider__track', { hidden: noTrack })}
+        ref={trackRef}
+      >
+        <div className="range-slider__track__line" />
+        {renderTrackRange()}
+        {renderTrackTriggers()}
+      </div>
+    );
+  };
+
+  return (
+    <div data-testid={testId} className="range-slider">
+      {renderHeader()}
+      {renderInputs()}
+      {renderTrack()}
+    </div>
+  );
+}

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.d.ts

@@ -0,0 +1,13 @@
+export default function RangeSlider2({ min, max, minRange, dividersRange, pointValueType, precision, step, className, value, onChange, transformDataOnConcat, }: {
+    min?: number | undefined;
+    max?: number | undefined;
+    minRange?: number | undefined;
+    dividersRange?: number | undefined;
+    pointValueType?: "from" | undefined;
+    precision?: number | undefined;
+    step?: number | undefined;
+    className: any;
+    value?: never[] | undefined;
+    onChange?: (() => void) | undefined;
+    transformDataOnConcat?: ((d1: any, d2: any) => never[]) | undefined;
+}): JSX.Element;