siegel/lib/client_core/ui/Stepper/index.js

Web application development ecosystem

let e;import r,{useState as a}from"react";import n from"../_internals/apply_classname.js";import t from"../_internals/component.js";import o from"../Ranger/index.js";function l(e){return e.rangerValues=[],e.rangerValuesString="",e.anchorPositionsSorted=[],e.anchorToOptionData={},e.valueToAnchorMap={},e}let c=t("-ui-stepper",{theme:{root:e,anchors_wrapper:e,children_wrapper:e,anchor:e,anchor__active:e}},e=>{let t,{className:c,options:i,onChange:s,value:h,theme:p,children:u,refApi:m,disabled:g,label:_,onRangePickFinish:d,onRangePickStart:f,rangePickIcon:v,rangersCrossBehavior:E,isVertical:V,rangerTheme:S,rangerMemoDeps:T}=e,w=a(l({}))[0];w.rangerValuesString&&l(w);let x=i.length;if(x>2){let e,a=1==h.length,o=100/((x-1)*100),l={};h.forEach(e=>{l[e]?l[e]++:l[e]=1});let c=i.map((t,c)=>{let i,{value:s,label:h,className:u}=t,m=c*o;w.anchorPositionsSorted.push(m),w.anchorToOptionData[m]={value:s,index:c},w.valueToAnchorMap[s]=m;let g=l[s];g&&(i=!0,e=!(a||e||2==g));let _=n(p.anchor,[[u,!0],[p.anchor__active,e||i]]);return r.createElement("div",{key:c,className:_,children:h,style:{"--ui-ranger_anchors_index":c}})});t=r.createElement("div",{className:p.anchors_wrapper,children:c,style:{"--ui-ranger_anchors_count":x}})}h.forEach(e=>{let r=w.valueToAnchorMap[e];w.rangerValues.push(r),w.rangerValuesString+=`-${r}`});let y={className:c,refApi:m,disabled:g,label:_,rangePickIcon:v,rangersCrossBehavior:E,isVertical:V,memoDeps:T,theme:S,onRangePickFinish:d,onRangePickStart:f,value:w.rangerValues,children:u?r.createElement("div",{className:p.children_wrapper},u,t):t};return s&&(y.onChange=(e,r)=>{let{anchorToOptionData:a,rangerValuesString:n,anchorPositionsSorted:t}=w,o=[],l="",c=e.map(e=>{let r=function(e,r){let a,n=1/0;for(let t=0,o=e.length;t<o;t++){let o=e[t],l=Math.abs(r-o);if(l>=n)break;n=l,a=o}return a}(t,e),{value:n,index:c}=a[r];return o.push(r),l+=`-${r}`,{value:n,optionIndex:c}});n!=l&&s(c,r)}),r.createElement(o,{...y})});export default c;