acinguiux-ds-react-framework 0.0.7 → 0.0.8

package/build/esm/components/Slider/RangeSlider.js

@@ -1,22 +1,22 @@
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import { forwardRef as H, useState as _, useMemo as q, useEffect as v } from "react";
-import y from "classnames";
-import A from "rc-slider";
-import C from "./components/Value/Value.js";
-import { Slider as B, RangeLabels as G } from "./Slider.styles.js";
+import { forwardRef as D, useState as F, useMemo as H, useEffect as q } from "react";
+import v from "classnames";
+import y from "rc-slider";
+import { Positions as a, SLIDER_CLASS as C, Alignments as d, Sizes as B } from "../../react-base/build/esm/consts.js";
+import l from "./components/Value/Value.js";
+import { Slider as G, RangeLabels as J } from "./Slider.styles.js";
 import j from "../Text/components/Label/Label.js";
-import { Positions as d, SLIDER_CLASS as l, Alignments as h, Sizes as J } from "../../react-base/src/consts.js";
-const $ = H(
+const $ = D(
   ({
     className: w,
-    size: m = J.Medium,
+    size: h = B.Medium,
     defaultValue: p = [0, 0],
-    labelAlignment: e = h.LeftAndRight,
-    labelPosition: x = d.Side,
-    onChange: a,
+    labelAlignment: e = d.LeftAndRight,
+    labelPosition: x = a.Side,
+    onChange: m,
     reverse: f = !1,
     disabled: t = !1,
-    value: s,
+    value: c,
     min: O = 0,
     max: N = 100,
     marks: g,
@@ -24,49 +24,49 @@ const $ = H(
     labelMin: E,
     labelMax: M,
     ...P
-  }, D) => {
-    const [r, L] = _(p), S = q(
-      () => g || n ? d.Side : x,
+  }, _) => {
+    const [r, L] = F(p), s = H(
+      () => g || n ? a.Side : x,
       [g, n, x]
-    ), F = (c) => {
-      a && a(c), L(c);
-    }, R = (c) => ({ target: u }) => {
+    ), A = (S) => {
+      m && m(S), L(S);
+    }, R = (S) => ({ target: u }) => {
       let o = r || [];
-      c === "min" ? o = [Number(u.value), o[1]] : o = [o[0], Number(u.value)], a && a(o), L(o);
+      S === "min" ? o = [Number(u.value), o[1]] : o = [o[0], Number(u.value)], m && m(o), L(o);
     };
-    return v(() => {
-      s && L(s);
-    }, [s]), /* @__PURE__ */ I(
-      B,
+    return q(() => {
+      c && L(c);
+    }, [c]), /* @__PURE__ */ I(
+      G,
       {
-        className: y(l, w),
-        prefixCls: l,
-        size: m,
+        className: v(C, w),
+        prefixCls: C,
+        size: h,
         labelAlignment: e,
-        labelPosition: S,
+        labelPosition: s,
         reverse: f,
         disabled: t,
-        ref: D,
+        ref: _,
         children: [
           r && /* @__PURE__ */ I(
-            G,
+            J,
             {
-              grow: e === h.LeftAndRight && S !== d.Side,
+              grow: e === d.LeftAndRight && s !== a.Side,
               children: [
                 e && e !== "none" && /* @__PURE__ */ i(
-                  C,
+                  l,
                   {
-                    size: m,
-                    value: String(e === h.Right || f ? r[1] : r[0]),
+                    size: h,
+                    value: String(e === d.Right || f ? r[1] : r[0]),
                     handleOnChange: R("min"),
                     inputValues: n,
                     disabled: t
                   }
                 ),
-                e === h.LeftAndRight && S !== d.Side && /* @__PURE__ */ i(
-                  C,
+                e === d.LeftAndRight && s !== a.Side && /* @__PURE__ */ i(
+                  l,
                   {
-                    size: m,
+                    size: h,
                     value: String(r[f ? 0 : 1]),
                     handleOnChange: R("min"),
                     inputValues: n,
@@ -78,11 +78,11 @@ const $ = H(
           ),
           E && n && /* @__PURE__ */ i(j, { children: O }),
           /* @__PURE__ */ i(
-            A,
+            y,
             {
-              prefixCls: l,
+              prefixCls: C,
               defaultValue: p,
-              onChange: F,
+              onChange: A,
               reverse: f,
               disabled: t,
               value: r,
@@ -95,10 +95,10 @@ const $ = H(
             }
           ),
           M && n && /* @__PURE__ */ i(j, { children: N }),
-          r && e === h.LeftAndRight && S === d.Side && /* @__PURE__ */ i(
-            C,
+          r && e === d.LeftAndRight && s === a.Side && /* @__PURE__ */ i(
+            l,
             {
-              size: m,
+              size: h,
               value: String(r[f ? 0 : 1]),
               handleOnChange: R("max"),
               inputValues: n,

package/build/esm/components/Slider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      defaultValue = [0, 0],\n      labelAlignment = Alignments.LeftAndRight,\n      labelPosition = Positions.Side,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? Positions.Side : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange =\n      (valueType: 'min' | 'max') =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        let newValue = innerValue || [];\n\n        if (valueType === 'min') {\n          newValue = [Number(target.value), newValue[1]];\n        } else {\n          newValue = [newValue[0], Number(target.value)];\n        }\n\n        if (onChange) {\n          onChange(newValue);\n        }\n\n        setInnerValue(newValue);\n      };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        prefixCls={SLIDER_CLASS}\n        size={size}\n        labelAlignment={labelAlignment}\n        labelPosition={innerLabelPosition}\n        reverse={reverse}\n        disabled={disabled}\n        ref={ref}\n      >\n        {innerValue && (\n          <Styled.RangeLabels\n            grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n          >\n            {labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {labelMin && inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range\n        />\n        {labelMax && inputValues && <Label>{max}</Label>}\n        {innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":";;;;;;;;AAUA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,cAAAC,IAAe,CAAC,GAAG,CAAC;AAAA,IACpB,gBAAAC,IAAiBC,EAAW;AAAA,IAC5B,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAmBnB,CAAY,GAE7DoB,IAAqBC;AAAA,MACzB,MAAOV,KAASC,IAAcR,EAAU,OAAOD;AAAA,MAC/C,CAACQ,GAAOC,GAAaT,CAAa;AAAA,IACpC,GAEMmB,IAAiB,CAACC,MAAuB;AAC7C,MAAIlB,KACFA,EAASkB,CAAQ,GAEnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IACJ,CAACC,MACD,CAAC,EAAE,QAAAC,QAA4C;AACzC,UAAAH,IAAWN,KAAc,CAAC;AAE9B,MAAIQ,MAAc,QAChBF,IAAW,CAAC,OAAOG,EAAO,KAAK,GAAGH,EAAS,CAAC,CAAC,IAE7CA,IAAW,CAACA,EAAS,CAAC,GAAG,OAAOG,EAAO,KAAK,CAAC,GAG3CrB,KACFA,EAASkB,CAAQ,GAGnBL,EAAcK,CAAQ;AAAA,IACxB;AAEF,WAAAI,EAAU,MAAM;AACd,MAAInB,KACFU,EAAcV,CAAK;AAAA,IACrB,GACC,CAACA,CAAK,CAAC,GAGR,gBAAAoB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAclC,CAAS;AAAA,QAC7C,WAAWkC;AAAA,QACX,MAAAjC;AAAA,QACA,gBAAAG;AAAA,QACA,eAAemB;AAAA,QACf,SAAAd;AAAA,QACA,UAAAC;AAAA,QACA,KAAAS;AAAA,QAEC,UAAA;AAAA,UACCC,KAAA,gBAAAW;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,MAAM/B,MAAmBC,EAAW,gBAAgBkB,MAAuBhB,EAAU;AAAA,cAEpF,UAAA;AAAA,gBAAAH,KAAkBA,MAAmB,UACpC,gBAAAgC;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,MAAApC;AAAA,oBACA,OAAO,OAAOG,MAAmBC,EAAW,SAASI,IAAUW,EAAW,CAAC,IAAIA,EAAW,CAAC,CAAC;AAAA,oBAC5F,gBAAgBO,EAAoB,KAAK;AAAA,oBACzC,aAAAZ;AAAA,oBACA,UAAAL;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAEDN,MAAmBC,EAAW,gBAAgBkB,MAAuBhB,EAAU,QAC9E,gBAAA6B;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,MAAApC;AAAA,oBACA,OAAO,OAAOmB,EAAWX,IAAU,IAAI,CAAC,CAAC;AAAA,oBACzC,gBAAgBkB,EAAoB,KAAK;AAAA,oBACzC,aAAAZ;AAAA,oBACA,UAAAL;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEDM,KAAYD,KAAgB,gBAAAqB,EAAAE,GAAA,EAAO,UAAI1B,GAAA;AAAA,UACxC,gBAAAwB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWL;AAAA,cACX,cAAA/B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAN;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAF;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAK;AAAA,YAAA;AAAA,UACP;AAAA,UACCD,KAAYF,KAAgB,gBAAAqB,EAAAE,GAAA,EAAO,UAAIzB,GAAA;AAAA,UACvCO,KAAchB,MAAmBC,EAAW,gBAAgBkB,MAAuBhB,EAAU,QAC5F,gBAAA6B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAApC;AAAA,cACA,OAAO,OAAOmB,EAAWX,IAAU,IAAI,CAAC,CAAC;AAAA,cACzC,gBAAgBkB,EAAoB,KAAK;AAAA,cACzC,aAAAZ;AAAA,cACA,UAAAL;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      defaultValue = [0, 0],\n      labelAlignment = Alignments.LeftAndRight,\n      labelPosition = Positions.Side,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? Positions.Side : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange =\n      (valueType: 'min' | 'max') =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        let newValue = innerValue || [];\n\n        if (valueType === 'min') {\n          newValue = [Number(target.value), newValue[1]];\n        } else {\n          newValue = [newValue[0], Number(target.value)];\n        }\n\n        if (onChange) {\n          onChange(newValue);\n        }\n\n        setInnerValue(newValue);\n      };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        prefixCls={SLIDER_CLASS}\n        size={size}\n        labelAlignment={labelAlignment}\n        labelPosition={innerLabelPosition}\n        reverse={reverse}\n        disabled={disabled}\n        ref={ref}\n      >\n        {innerValue && (\n          <Styled.RangeLabels\n            grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n          >\n            {labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {labelMin && inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range\n        />\n        {labelMax && inputValues && <Label>{max}</Label>}\n        {innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

package/build/esm/components/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SliderProps } from 'rc-slider';
-import { SliderTypes } from '..\..\react-base\src';
+import { SliderTypes } from 'acinguiux-ds-react-base';
 declare const Slider: React.ForwardRefExoticComponent<SliderProps<number | number[]> & {
     size?: SliderTypes.Size | undefined;
     prefixCls?: string | undefined;

package/build/esm/components/Slider/Slider.js

@@ -1,73 +1,73 @@
-import { jsxs as A, jsx as i } from "react/jsx-runtime";
-import { forwardRef as E, useState as M, useMemo as P, useEffect as v } from "react";
-import B from "classnames";
-import D from "rc-slider";
-import F from "./components/Value/Value.js";
-import { Slider as H } from "./Slider.styles.js";
-import C from "../Text/components/Label/Label.js";
-import { Positions as x, SLIDER_CLASS as m, Sizes as _, Alignments as $ } from "../../react-base/src/consts.js";
+import { jsxs as j, jsx as i } from "react/jsx-runtime";
+import { forwardRef as E, useState as M, useMemo as P, useEffect as _ } from "react";
+import v from "classnames";
+import B from "rc-slider";
+import { Positions as C, SLIDER_CLASS as a, Sizes as D, Alignments as F } from "../../react-base/build/esm/consts.js";
+import H from "./components/Value/Value.js";
+import { Slider as $ } from "./Slider.styles.js";
+import x from "../Text/components/Label/Label.js";
 const T = E(
   ({
     className: N,
-    size: l = _.Medium,
-    defaultValue: a = 0,
-    labelAlignment: d = $.LeftAndRight,
-    labelPosition: c = x.Bottom,
+    size: m = D.Medium,
+    defaultValue: l = 0,
+    labelAlignment: d = F.LeftAndRight,
+    labelPosition: c = C.Bottom,
     onChange: o,
     reverse: S = !1,
-    disabled: n = !1,
-    value: f,
+    disabled: s = !1,
+    value: n,
     min: h = 0,
     max: p = 100,
     labelMin: R,
     labelMax: g,
-    marks: s,
+    marks: f,
     inputValues: e = !1,
     ...u
-  }, I) => {
-    const [L, t] = M(a), O = P(
-      () => s || e ? x.Side : c,
-      [s, e, c]
-    ), b = (r) => {
+  }, A) => {
+    const [L, t] = M(l), I = P(
+      () => f || e ? C.Side : c,
+      [f, e, c]
+    ), O = (r) => {
       o && o(r), t(r);
-    }, j = ({ target: r }) => {
+    }, b = ({ target: r }) => {
       o && o(Number(r.value)), t(Number(r.value));
     };
-    return v(() => {
-      f && t(f);
-    }, [f]), /* @__PURE__ */ A(
-      H,
+    return _(() => {
+      n && t(n);
+    }, [n]), /* @__PURE__ */ j(
+      $,
       {
-        className: B(m, N),
-        prefixCls: m,
-        size: l,
+        className: v(a, N),
+        prefixCls: a,
+        size: m,
         labelAlignment: d,
-        labelPosition: O,
+        labelPosition: I,
         reverse: S,
-        disabled: n,
-        ref: I,
+        disabled: s,
+        ref: A,
         children: [
           d !== "none" && /* @__PURE__ */ i(
-            F,
+            H,
             {
-              size: l,
+              size: m,
               value: String(L),
-              handleOnChange: j,
+              handleOnChange: b,
               inputValues: e,
-              disabled: n
+              disabled: s
             }
           ),
-          R && e && /* @__PURE__ */ i(C, { children: h }),
+          R && e && /* @__PURE__ */ i(x, { children: h }),
           /* @__PURE__ */ i(
-            D,
+            B,
             {
-              prefixCls: m,
-              defaultValue: a,
-              onChange: b,
+              prefixCls: a,
+              defaultValue: l,
+              onChange: O,
               reverse: S,
-              disabled: n,
+              disabled: s,
               value: L,
-              marks: s,
+              marks: f,
               ariaLabelForHandle: "slider",
               min: h,
               max: p,
@@ -75,7 +75,7 @@ const T = E(
               range: !1
             }
           ),
-          g && e && /* @__PURE__ */ i(C, { children: p })
+          g && e && /* @__PURE__ */ i(x, { children: p })
         ]
       }
     );

package/build/esm/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      defaultValue = 0,\n      labelAlignment = Alignments.LeftAndRight,\n      labelPosition = Positions.Bottom,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      labelMin,\n      labelMax,\n      marks,\n      inputValues = false,\n      ...rest\n    }: SliderProps & SliderTypes.IProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? Positions.Side : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number) => {\n      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n      if (onChange) {\n        onChange(Number(target.value));\n      }\n      setInnerValue(Number(target.value));\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        prefixCls={SLIDER_CLASS}\n        size={size}\n        labelAlignment={labelAlignment}\n        labelPosition={innerLabelPosition}\n        reverse={reverse}\n        disabled={disabled}\n        ref={ref}\n      >\n        {labelAlignment !== 'none' && (\n          <Value\n            size={size}\n            value={String(innerValue)}\n            handleOnChange={handleInputOnChange}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n        {labelMin && inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={false}\n        />\n        {labelMax && inputValues && <Label>{max}</Label>}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":";;;;;;;;AAUA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiBC,EAAW;AAAA,IAC5B,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAcV,EAAU,OAAOD;AAAA,MAC/C,CAACU,GAAOC,GAAaX,CAAa;AAAA,IACpC,GAEMmB,IAAiB,CAACC,MAAqB;AAC3C,MAAIlB,KACFA,EAASkB,CAAQ,GAEnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,EAAE,QAAAC,QAA4C;AACzE,MAAIpB,KACOA,EAAA,OAAOoB,EAAO,KAAK,CAAC,GAEjBP,EAAA,OAAOO,EAAO,KAAK,CAAC;AAAA,IACpC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAIlB,KACFU,EAAcV,CAAK;AAAA,IACrB,GACC,CAACA,CAAK,CAAC,GAGR,gBAAAmB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcjC,CAAS;AAAA,QAC7C,WAAWiC;AAAA,QACX,MAAAhC;AAAA,QACA,gBAAAG;AAAA,QACA,eAAemB;AAAA,QACf,SAAAd;AAAA,QACA,UAAAC;AAAA,QACA,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA8B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAlC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UACF;AAAA,UAEDI,KAAYG,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIxB,GAAA;AAAA,UACxC,gBAAAsB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA9B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACCH,KAAYE,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIvB,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      defaultValue = 0,\n      labelAlignment = Alignments.LeftAndRight,\n      labelPosition = Positions.Bottom,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      labelMin,\n      labelMax,\n      marks,\n      inputValues = false,\n      ...rest\n    }: SliderProps & SliderTypes.IProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? Positions.Side : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number) => {\n      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n      if (onChange) {\n        onChange(Number(target.value));\n      }\n      setInnerValue(Number(target.value));\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        prefixCls={SLIDER_CLASS}\n        size={size}\n        labelAlignment={labelAlignment}\n        labelPosition={innerLabelPosition}\n        reverse={reverse}\n        disabled={disabled}\n        ref={ref}\n      >\n        {labelAlignment !== 'none' && (\n          <Value\n            size={size}\n            value={String(innerValue)}\n            handleOnChange={handleInputOnChange}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n        {labelMin && inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={false}\n        />\n        {labelMax && inputValues && <Label>{max}</Label>}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":";;;;;;;;AAUA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiBC,EAAW;AAAA,IAC5B,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAcV,EAAU,OAAOD;AAAA,MAC/C,CAACU,GAAOC,GAAaX,CAAa;AAAA,IACpC,GAEMmB,IAAiB,CAACC,MAAqB;AAC3C,MAAIlB,KACFA,EAASkB,CAAQ,GAEnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,EAAE,QAAAC,QAA4C;AACzE,MAAIpB,KACOA,EAAA,OAAOoB,EAAO,KAAK,CAAC,GAEjBP,EAAA,OAAOO,EAAO,KAAK,CAAC;AAAA,IACpC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAIlB,KACFU,EAAcV,CAAK;AAAA,IACrB,GACC,CAACA,CAAK,CAAC,GAGR,gBAAAmB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcjC,CAAS;AAAA,QAC7C,WAAWiC;AAAAA,QACX,MAAAhC;AAAA,QACA,gBAAAG;AAAA,QACA,eAAemB;AAAA,QACf,SAAAd;AAAA,QACA,UAAAC;AAAA,QACA,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA8B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAlC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UACF;AAAA,UAEDI,KAAYG,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIxB,GAAA;AAAA,UACxC,gBAAAsB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAAA,cACX,cAAA9B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACCH,KAAYE,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIvB,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,EAAA;AAGN;"}

package/build/esm/components/Slider/Slider.styles.d.ts

@@ -1,5 +1,5 @@
-import { SliderTypes } from '..\..\react-base\src';
-declare const Slider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<SliderTypes.IProps, "disabled" | "reverse" | "size" | "prefixCls" | "labelAlignment" | "labelPosition">>, never>;
+import { SliderTypes } from 'acinguiux-ds-react-base';
+declare const Slider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<SliderTypes.IProps, "disabled" | "size" | "reverse" | "prefixCls" | "labelAlignment" | "labelPosition">>, never>;
 declare const RangeLabels: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     grow: boolean;
 }, never>;

package/build/esm/components/Slider/Slider.styles.js

@@ -1,61 +1,61 @@
-import i, { css as c } from "styled-components";
-import { getFlexDirectionForLabel as g, getAlignItemsForLabel as f } from "./utils/styleUtils.js";
-import { Positions as e, Alignments as s, Sizes as u, ZIndexes as b } from "../../react-base/src/consts.js";
-import { consts as t } from "../../react-base/src/components/Slider/Slider.consts.js";
-import { getFocusStyles as p } from "../../react-base/src/utils/stylesUtils.js";
-const w = i.div`
-  ${({ prefixCls: r, size: a, theme: o, labelAlignment: l, labelPosition: n, reverse: $, disabled: d }) => c`
+import l, { css as c } from "styled-components";
+import { Positions as e, Alignments as s, Sizes as u, ZIndexes as g } from "../../react-base/build/esm/consts.js";
+import { getFocusStyles as f } from "../../react-base/build/esm/utils/stylesUtils.js";
+import { consts as t } from "../../react-base/build/esm/components/Slider/Slider.consts.js";
+import { getFlexDirectionForLabel as b, getAlignItemsForLabel as p } from "./utils/styleUtils.js";
+const w = l.div`
+  ${({ prefixCls: a, size: r, theme: o, labelAlignment: i, labelPosition: n, reverse: $, disabled: d }) => c`
     display: flex;
-    flex-direction: ${g(l, n)};
-    align-items: ${f(l, n)};
+    flex-direction: ${b(i, n)};
+    align-items: ${p(i, n)};
     justify-content: ${(n === e.Bottom || n === e.Top) && "center"};
-    column-gap: ${t[a].gap};
+    column-gap: ${t[r].gap};
     width: 100%;
     color: ${o.onSurface.surface.default.text.strong};
 
     ${n === e.Side && c`
-      .${r}-value {
+      .${a}-value {
         width: 32px;
-        text-align: ${l === s.Right ? "left" : "right"};
+        text-align: ${i === s.Right ? "left" : "right"};
       }
     `}
 
-    .${r} {
-      height: ${t[a].handler.size};
+    .${a} {
+      height: ${t[r].handler.size};
       position: relative;
       width: ${n === e.Side ? "calc(100% - 32px)" : "100%"};
       cursor: pointer;
 
-      .${r}-rail, .${r}-track {
-        height: ${t[a].rail.height};
-        margin: ${`${t[a].rail.margin} 0px`};
+      .${a}-rail, .${a}-track {
+        height: ${t[r].rail.height};
+        margin: ${`${t[r].rail.margin} 0px`};
         border-radius: 3px;
         position: absolute;
       }
 
-      .${r}-rail {
+      .${a}-rail {
         width: 100%;
         background-color: ${d ? o.onSurface.inactive.default.background : o.onSurface.surface.default.border.subtle};
       }
 
-      .${r}-track {
+      .${a}-track {
         background-color: ${d ? o.onSurface.inactive.default.border.medium : o.onSentiment.default.strong.selected.default.background};
       }
 
-      .${r}-handle, .${r}-dot {
-        height: ${t[a].handler.size};
-        width: ${t[a].handler.size};
+      .${a}-handle, .${a}-dot {
+        height: ${t[r].handler.size};
+        width: ${t[r].handler.size};
         background-color: ${d ? o.onSurface.inactive.default.background : o.onSurface.surface.default.background};
         border-radius: 50%;
         cursor: pointer;
         position: absolute;
 
         &:focus-visible {
-          ${p(o)};
+          ${f(o)};
         }
       }
 
-      .${r}-handle {
+      .${a}-handle {
         background-color: 1px solid
           ${d ? o.onSurface.inactive.default.background : o.onSurface.surface.default.background};
         border: 1px solid
@@ -69,53 +69,53 @@ const w = i.div`
             transform: translateX(${$ ? "50%" : "-50%"}) scale(1.2) !important;
           }
 
-          &.${r}-handle-dragging {
+          &.${a}-handle-dragging {
             background-color: ${o.onSurface.surface.active.background};
             border: 1px solid ${o.onSurface.surface.active.border.medium};
           }
         `}
       }
 
-      .${r}-dot {
+      .${a}-dot {
         transform: translateX(${$ ? "50%" : "-50%"}) scale(0.5) !important;
         border: 6px solid ${o.onSurface.surface.default.border.subtle};
       }
 
-      .${r}-dot-active {
+      .${a}-dot-active {
         border-color: ${o.onSentiment.default.strong.selected.default.background};
       }
 
-      .${r}-mark {
+      .${a}-mark {
         position: relative;
-        top: ${t[a].handler.size};
+        top: ${t[r].handler.size};
       }
 
-      .${r}-mark-text {
+      .${a}-mark-text {
         position: absolute;
-        ${a === u.Small && o.label.small.normal};
-        ${a === u.Medium && o.label.medium.normal};
-        ${a === u.Large && o.label.large.normal};
+        ${r === u.Small && o.label.small.normal};
+        ${r === u.Medium && o.label.medium.normal};
+        ${r === u.Large && o.label.large.normal};
       }
     }
 
-    .${r}-tooltip-hidden {
+    .${a}-tooltip-hidden {
       display: none;
     }
 
-    .${r}-tooltip {
+    .${a}-tooltip {
       position: absolute;
       border-radius: 2px;
       background: ${o.onSurface.elevated.default.background};
       box-shadow: ${o.elevation.level0};
       padding: 4px 8px;
 
-      .${r}-tooltip-inner {
-        ${a === u.Small && o.paragraph.small.normal};
+      .${a}-tooltip-inner {
+        ${r === u.Small && o.paragraph.small.normal};
       }
 
-      .${r}-tooltip-arrow {
+      .${a}-tooltip-arrow {
         position: relative;
-        z-index: ${b.ELEVATED};
+        z-index: ${g.ELEVATED};
         overflow: hidden;
         bottom: 0;
 
@@ -132,16 +132,16 @@ const w = i.div`
       }
     }
   `}
-`, h = i.div`
-  ${({ grow: r, theme: a }) => c`
+`, h = l.div`
+  ${({ grow: a, theme: r }) => c`
     display: flex;
     justify-content: space-between;
-    width: ${r && "100%"};
-    color: ${a.onSurface.surface.default.text.strong};
+    width: ${a && "100%"};
+    color: ${r.onSurface.surface.default.text.strong};
   `}
 `;
-i.div`
-  ${({ theme: r }) => r.label.small.normal};
+l.div`
+  ${({ theme: a }) => a.label.small.normal};
   padding: 4px 8px;
 `;
 export {

package/build/esm/components/Slider/components/Value/Value.js

@@ -1,24 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Prominences as t } from "acinguiux-ds-fabrics";
-import i from "../../../TextInput/TextInput.js";
-import a from "../../../Flexbox/Flexbox.js";
-import l from "../../../Text/components/Label/Label.js";
-import { SLIDER_CLASS as s, Sizes as f } from "../../../../react-base/src/consts.js";
-const d = ({ size: e = f.Medium, value: o, inputValues: p, handleOnChange: n, disabled: m = !1 }) => /* @__PURE__ */ r(a, { gap: "12px", alignItems: "center", children: p ? /* @__PURE__ */ r(
-  i,
+import { SLIDER_CLASS as a, Sizes as i } from "../../../../react-base/build/esm/consts.js";
+import { Prominences as m } from "acinguiux-ds-fabrics";
+import s from "../../../TextInput/TextInput.js";
+import l from "../../../Flexbox/Flexbox.js";
+import f from "../../../Text/components/Label/Label.js";
+const d = ({ size: e = i.Medium, value: o, inputValues: p, handleOnChange: n, disabled: t = !1 }) => /* @__PURE__ */ r(l, { gap: "12px", alignItems: "center", children: p ? /* @__PURE__ */ r(
+  s,
   {
     size: e,
     value: o,
     onChange: n,
     wrapperProps: { style: { width: "60px" } },
-    disabled: m
+    disabled: t
   }
 ) : /* @__PURE__ */ r(
-  l,
+  f,
   {
-    className: `${s}-value`,
+    className: `${a}-value`,
     size: e,
-    prominence: m ? t.Subtle : t.Strong,
+    prominence: t ? m.Subtle : m.Strong,
     children: o
   }
 ) });

package/build/esm/components/Slider/components/Value/Value.types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler } from 'react';
-import { SliderTypes } from '..\..\..\..\react-base\src';
+import { SliderTypes } from 'acinguiux-ds-react-base';
 export interface IValueProps extends Omit<SliderTypes.IProps, 'value'> {
     value: string;
     handleOnChange: ChangeEventHandler<HTMLInputElement>;

package/build/esm/components/Slider/utils/styleUtils.d.ts

@@ -1,4 +1,4 @@
-import { SliderTypes } from '..\..\..\react-base\src';
+import { SliderTypes } from 'acinguiux-ds-react-base';
 export declare const getFlexDirectionForLabel: (alignment: SliderTypes.LabelAlignment, position: SliderTypes.LabelPosition) => string;
 export declare const getAlignItemsForLabel: (alignment: SliderTypes.LabelAlignment, position: SliderTypes.LabelPosition) => string;
 //# sourceMappingURL=styleUtils.d.ts.map

package/build/esm/components/Slider/utils/styleUtils.js

@@ -1,7 +1,7 @@
-import { Positions as t, Alignments as n } from "../../../react-base/src/consts.js";
-const i = (r, e) => e === t.Top ? "column" : e === t.Bottom ? "column-reverse" : r === n.Right ? "row-reverse" : "row", l = (r, e) => e === t.Side ? "center" : r === n.Right ? "flex-end" : "flex-start";
+import { Positions as t, Alignments as n } from "../../../react-base/build/esm/consts.js";
+const i = (r, e) => e === t.Top ? "column" : e === t.Bottom ? "column-reverse" : r === n.Right ? "row-reverse" : "row", s = (r, e) => e === t.Side ? "center" : r === n.Right ? "flex-end" : "flex-start";
 export {
-  l as getAlignItemsForLabel,
+  s as getAlignItemsForLabel,
   i as getFlexDirectionForLabel
 };
 //# sourceMappingURL=styleUtils.js.map