@unoff/ui 1.21.1 → 1.21.2

package/dist/components/inputs/simple-slider/SimpleSlider.js

@@ -1,13 +1,16 @@
 import '../../../assets/SimpleSlider.css';
-import { jsxs as T, jsx as m } from "react/jsx-runtime";
+import { jsx as m, jsxs as g } from "react/jsx-runtime";
 import D from "react";
 import { r as f } from "../../../do-map-2nhWP1KI.js";
-import x from "../../tags/icon-chip/IconChip.js";
-import w from "../../tags/chip/Chip.js";
+import { t as x } from "../../../do-classnames-DSDFCvzy.js";
+import w from "../../tags/icon-chip/IconChip.js";
+import P from "../../tags/chip/Chip.js";
 import b from "../../actions/knob/Knob.js";
-class B extends D.Component {
+class F extends D.Component {
   value;
   static defaultProps = {
+    hasProgressBar: !1,
+    hasPadding: !0,
     isBlocked: !1,
     isDisabled: !1,
     isNew: !1,
@@ -24,42 +27,42 @@ class B extends D.Component {
   };
   // Handlers
   validHandler = (t) => {
-    const { min: e, max: s, feature: i, onChange: o, step: p = 1 } = this.props, n = t.target;
+    const { min: e, max: s, feature: i, onChange: o, step: d = 1 } = this.props, n = t.target;
     if (n.value !== "") {
-      const u = parseFloat(n.value);
-      if (u < e) o(i, "TYPED", e);
-      else if (u > s) o(i, "TYPED", s);
+      const r = parseFloat(n.value);
+      if (r < e) o(i, "TYPED", e);
+      else if (r > s) o(i, "TYPED", s);
       else {
-        const c = this.roundToStep(u, p);
+        const c = this.roundToStep(r, d);
         o(i, "TYPED", c);
       }
     }
   };
   // Direct Actions
   onGrab = (t) => {
-    const e = t.currentTarget, s = e.parentElement, i = t.clientX - e.getBoundingClientRect().left - e.getBoundingClientRect().width / 2, o = s.getBoundingClientRect(), p = o.width, n = s.parentElement;
-    e.style.zIndex = "2", document.onmousemove = (u) => this.onSlide(u, n, e, i, p, o), document.onmouseup = () => this.onRelease(e);
+    const e = t.currentTarget, s = e.parentElement, i = t.clientX - e.getBoundingClientRect().left - e.getBoundingClientRect().width / 2, o = s.getBoundingClientRect(), d = o.width, n = s.parentElement;
+    e.style.zIndex = "2", document.onmousemove = (r) => this.onSlide(r, n, e, i, d, o), document.onmouseup = () => this.onRelease(e);
   };
   roundToStep = (t, e) => Math.round(t / e) * e;
-  onSlide = (t, e, s, i, o, p) => {
-    const { min: n, max: u, feature: c, onChange: d, step: h = 1 } = this.props;
-    let l = t.clientX - p.left - i;
-    const a = 0, r = o;
-    l <= a ? l = a : l >= r && (l = r);
-    const v = f(l, 0, o, n, u);
+  onSlide = (t, e, s, i, o, d) => {
+    const { min: n, max: r, feature: c, onChange: v, step: h = 1 } = this.props;
+    let p = t.clientX - d.left - i;
+    const u = 0, l = o;
+    p <= u ? p = u : p >= l && (p = l);
+    const a = f(p, 0, o, n, r);
     if (h >= 1) {
-      const g = this.roundToStep(v, h), S = Math.max(n, Math.min(u, g));
+      const T = this.roundToStep(a, h), S = Math.max(n, Math.min(r, T));
       if (this.value !== S) {
         this.value = S;
-        const y = f(this.value, n, u, 0, 100);
+        const y = f(this.value, n, r, 0, 100);
         s.style.left = y.toFixed(1) + "%", this.setState({
           isTooltipDisplay: !0
-        }), d(c, "UPDATING", this.value);
+        }), v(c, "UPDATING", this.value);
       }
     } else
-      this.value = v, this.value < n && (this.value = n), this.value > u && (this.value = u), s.style.left = f(l, 0, o, 0, 100).toFixed(1) + "%", this.setState({
+      this.value = a, this.value < n && (this.value = n), this.value > r && (this.value = r), s.style.left = f(p, 0, o, 0, 100).toFixed(1) + "%", this.setState({
         isTooltipDisplay: !0
-      }), d(c, "UPDATING", this.value);
+      }), v(c, "UPDATING", this.value);
     document.body.style.cursor = "ew-resize";
   };
   onRelease = (t) => {
@@ -69,12 +72,22 @@ class B extends D.Component {
     }), s(e, "RELEASED", this.value), document.body.style.cursor = "";
   };
   // Templates
+  Progress = () => {
+    const { value: t, min: e, max: s, hasProgressBar: i } = this.props;
+    return i ? /* @__PURE__ */ m(
+      "div",
+      {
+        className: "simple-slider__progress",
+        style: { width: `${f(t, e, s, 0, 100)}%` }
+      }
+    ) : null;
+  };
   Status = () => {
     const { warning: t, isBlocked: e, isNew: s, onUnblock: i } = this.props;
     if (t || e || s)
-      return /* @__PURE__ */ T("div", { className: "simple-slider__status", children: [
+      return /* @__PURE__ */ g("div", { className: "simple-slider__status", children: [
         t !== void 0 && /* @__PURE__ */ m(
-          x,
+          w,
           {
             iconType: "PICTO",
             iconName: "warning",
@@ -84,7 +97,7 @@ class B extends D.Component {
           }
         ),
         (e || s) && /* @__PURE__ */ m(
-          w,
+          P,
           {
             isSolo: !0,
             action: e ? i : void 0,
@@ -101,66 +114,73 @@ class B extends D.Component {
       value: s,
       min: i,
       max: o,
-      colors: p,
+      colors: d,
       feature: n,
-      isBlocked: u,
-      isDisabled: c,
-      onChange: d
-    } = this.props, { isTooltipDisplay: h } = this.state;
-    return /* @__PURE__ */ T(
+      hasPadding: r,
+      isBlocked: c,
+      isDisabled: v,
+      onChange: h
+    } = this.props, { isTooltipDisplay: p } = this.state;
+    return /* @__PURE__ */ g(
       "div",
       {
-        className: "simple-slider",
+        className: x([
+          "simple-slider",
+          !r && "simple-slider--no-padding"
+        ]),
         role: "group",
         "aria-label": e,
         children: [
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ g(
             "div",
             {
               className: "simple-slider__range",
               role: "presentation",
               style: {
-                background: `linear-gradient(90deg, ${p.min}, ${p.max})`
+                background: d !== void 0 ? `linear-gradient(90deg, ${d.min}, ${d.max})` : void 0
               },
-              children: /* @__PURE__ */ m(
-                b,
-                {
-                  id: t,
-                  shortId: e,
-                  value: s,
-                  offset: f(s, i, o, 0, 100),
-                  min: i.toString(),
-                  max: o.toString(),
-                  canBeTyped: !0,
-                  isDisplayed: h,
-                  isBlocked: u,
-                  isDisabled: c,
-                  onShiftRight: (l) => {
-                    const { step: a = 1 } = this.props;
-                    if (l.shiftKey) {
-                      const r = this.roundToStep(s + a * 10, a);
-                      d(n, "SHIFTED", r > o ? o : r);
-                    } else {
-                      const r = this.roundToStep(s + a, a);
-                      d(n, "SHIFTED", r > o ? o : r);
-                    }
-                  },
-                  onShiftLeft: (l) => {
-                    const { step: a = 1 } = this.props;
-                    if (l.shiftKey) {
-                      const r = this.roundToStep(s - a * 10, a);
-                      d(n, "SHIFTED", r < i ? i : r);
-                    } else {
-                      const r = this.roundToStep(s - a, a);
-                      d(n, "SHIFTED", r < i ? i : r);
-                    }
-                  },
-                  onMouseDown: (l) => {
-                    this.onGrab(l), l.target.focus();
-                  },
-                  onValidStopValue: (l, a) => this.validHandler(a)
-                }
-              )
+              children: [
+                /* @__PURE__ */ m(this.Progress, {}),
+                /* @__PURE__ */ m(
+                  b,
+                  {
+                    id: t,
+                    shortId: e,
+                    value: s,
+                    offset: f(s, i, o, 0, 100),
+                    min: i.toString(),
+                    max: o.toString(),
+                    canBeTyped: !0,
+                    isDisplayed: p,
+                    isBlocked: c,
+                    isDisabled: v,
+                    onShiftRight: (u) => {
+                      const { step: l = 1 } = this.props;
+                      if (u.shiftKey) {
+                        const a = this.roundToStep(s + l * 10, l);
+                        h(n, "SHIFTED", a > o ? o : a);
+                      } else {
+                        const a = this.roundToStep(s + l, l);
+                        h(n, "SHIFTED", a > o ? o : a);
+                      }
+                    },
+                    onShiftLeft: (u) => {
+                      const { step: l = 1 } = this.props;
+                      if (u.shiftKey) {
+                        const a = this.roundToStep(s - l * 10, l);
+                        h(n, "SHIFTED", a < i ? i : a);
+                      } else {
+                        const a = this.roundToStep(s - l, l);
+                        h(n, "SHIFTED", a < i ? i : a);
+                      }
+                    },
+                    onMouseDown: (u) => {
+                      this.onGrab(u), u.target.focus();
+                    },
+                    onValidStopValue: (u, l) => this.validHandler(l)
+                  }
+                )
+              ]
             }
           ),
           this.Status()
@@ -170,6 +190,6 @@ class B extends D.Component {
   }
 }
 export {
-  B as default
+  F as default
 };
 //# sourceMappingURL=SimpleSlider.js.map

package/dist/components/inputs/simple-slider/SimpleSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSlider.js","sources":["../../../../src/components/inputs/simple-slider/SimpleSlider.tsx"],"sourcesContent":["import React from 'react'\nimport { doMap } from '@unoff/utils'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport Knob from '@components/actions/knob/Knob'\nimport './simple-slider.scss'\n\nexport interface SimpleSliderProps {\n  /**\n   * Unique identifier for the slider\n   */\n  id: string\n  /**\n   * Label text for the slider\n   */\n  label: string\n  /**\n   * Current value\n   */\n  value: number\n  /**\n   * Minimum allowed value\n   */\n  min: number\n  /**\n   * Maximum allowed value\n   */\n  max: number\n  /**\n   * Step increment\n   * @default 1\n   */\n  step?: number\n  /**\n   * Colors for gradient display\n   */\n  colors: {\n    /** Start color */\n    min: string\n    /** End color */\n    max: string\n  }\n  /**\n   * Warning tooltip configuration\n   */\n  warning?: {\n    /** Warning message */\n    label: string | React.ReactNode\n    /** Warning position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Warning display type */\n    type?: 'MULTI_LINE' | 'SINGLE_LINE'\n  }\n  /**\n   * Feature identifier for tracking\n   */\n  feature: string\n  /**\n   * Whether the slider is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether the slider is disabled\n   * @default false\n   */\n  isDisabled?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n  /**\n   * Change handler\n   */\n  onChange: (feature: string, state: string, value: number) => void\n  /**\n   * Handler called when unblock is clicked\n   */\n  onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface SimpleSliderStates {\n  isTooltipDisplay: boolean\n}\n\nexport default class SimpleSlider extends React.Component<\n  SimpleSliderProps,\n  SimpleSliderStates\n> {\n  private value: number\n\n  static defaultProps: Partial<SimpleSliderProps> = {\n    isBlocked: false,\n    isDisabled: false,\n    isNew: false,\n    step: 1,\n  }\n\n  constructor(props: SimpleSliderProps) {\n    super(props)\n    this.state = {\n      isTooltipDisplay: false,\n    }\n    this.value = props.value\n  }\n\n  componentDidUpdate = (previousProps: Readonly<SimpleSliderProps>) => {\n    const { value } = this.props\n\n    if (previousProps.value !== value) this.value = value\n  }\n\n  // Handlers\n  validHandler = (\n    e:\n      | React.FocusEvent<HTMLInputElement>\n      | React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    const { min, max, feature, onChange, step = 1 } = this.props\n    const target = e.target as HTMLInputElement\n    if (target.value !== '') {\n      const parsedValue = parseFloat(target.value)\n      if (parsedValue < min) onChange(feature, 'TYPED', min)\n      else if (parsedValue > max) onChange(feature, 'TYPED', max)\n      else {\n        const roundedValue = this.roundToStep(parsedValue, step)\n        onChange(feature, 'TYPED', roundedValue)\n      }\n    }\n  }\n\n  // Direct Actions\n  onGrab = (e: React.MouseEvent<HTMLElement>) => {\n    const stop = e.currentTarget as HTMLElement,\n      range = stop.parentElement as HTMLElement,\n      shift =\n        e.clientX -\n        stop.getBoundingClientRect().left -\n        stop.getBoundingClientRect().width / 2,\n      rangeRect = range.getBoundingClientRect(),\n      rangeWidth = rangeRect.width as number,\n      slider = range.parentElement as HTMLElement\n\n    stop.style.zIndex = '2'\n\n    document.onmousemove = (e) =>\n      this.onSlide(e, slider, stop, shift, rangeWidth, rangeRect)\n\n    document.onmouseup = () => this.onRelease(stop)\n  }\n\n  roundToStep = (value: number, step: number): number => {\n    return Math.round(value / step) * step\n  }\n\n  onSlide = (\n    e: MouseEvent,\n    _: HTMLElement,\n    stop: HTMLElement,\n    shift: number,\n    rangeWidth: number,\n    rangeRect: DOMRect\n  ) => {\n    const { min, max, feature, onChange, step = 1 } = this.props\n    let offset = e.clientX - rangeRect.left - shift\n\n    const limitMin = 0\n    const limitMax = rangeWidth\n\n    if (offset <= limitMin) offset = limitMin\n    else if (offset >= limitMax) offset = limitMax\n\n    const rawValue = doMap(offset, 0, rangeWidth, min, max)\n\n    if (step >= 1) {\n      const newValue = this.roundToStep(rawValue, step)\n      const clampedValue = Math.max(min, Math.min(max, newValue))\n\n      if (this.value !== clampedValue) {\n        this.value = clampedValue\n\n        const snappedPosition = doMap(this.value, min, max, 0, 100)\n        stop.style.left = snappedPosition.toFixed(1) + '%'\n\n        this.setState({\n          isTooltipDisplay: true,\n        })\n\n        onChange(feature, 'UPDATING', this.value)\n      }\n    } else {\n      this.value = rawValue\n\n      if (this.value < min) this.value = min\n      if (this.value > max) this.value = max\n\n      stop.style.left = doMap(offset, 0, rangeWidth, 0, 100).toFixed(1) + '%'\n\n      this.setState({\n        isTooltipDisplay: true,\n      })\n\n      onChange(feature, 'UPDATING', this.value)\n    }\n\n    document.body.style.cursor = 'ew-resize'\n  }\n\n  onRelease = (stop: HTMLElement) => {\n    const { feature, onChange, step = 1 } = this.props\n\n    document.onmousemove = null\n    document.onmouseup = null\n    stop.onmouseup = null\n    stop.style.zIndex = '1'\n\n    this.value = this.roundToStep(this.value, step)\n\n    this.setState({\n      isTooltipDisplay: false,\n    })\n\n    onChange(feature, 'RELEASED', this.value)\n    document.body.style.cursor = ''\n  }\n\n  // Templates\n  Status = () => {\n    const { warning, isBlocked, isNew, onUnblock } = this.props\n\n    if (warning || isBlocked || isNew)\n      return (\n        <div className=\"simple-slider__status\">\n          {warning !== undefined && (\n            <IconChip\n              iconType=\"PICTO\"\n              iconName=\"warning\"\n              text={warning.label}\n              pin={warning.pin}\n              type={warning.type}\n            />\n          )}\n          {(isBlocked || isNew) && (\n            <Chip\n              isSolo\n              action={isBlocked ? onUnblock : undefined}\n            >\n              {isNew ? 'New' : 'Pro'}\n            </Chip>\n          )}\n        </div>\n      )\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      label,\n      value,\n      min,\n      max,\n      colors,\n      feature,\n      isBlocked,\n      isDisabled,\n      onChange,\n    } = this.props\n    const { isTooltipDisplay } = this.state\n\n    return (\n      <div\n        className=\"simple-slider\"\n        role=\"group\"\n        aria-label={label}\n      >\n        <div\n          className=\"simple-slider__range\"\n          role=\"presentation\"\n          style={{\n            background: `linear-gradient(90deg, ${colors.min}, ${colors.max})`,\n          }}\n        >\n          <Knob\n            id={id}\n            shortId={label}\n            value={value}\n            offset={doMap(value, min, max, 0, 100)}\n            min={min.toString()}\n            max={max.toString()}\n            canBeTyped={true}\n            isDisplayed={isTooltipDisplay}\n            isBlocked={isBlocked}\n            isDisabled={isDisabled}\n            onShiftRight={(e) => {\n              const { step = 1 } = this.props\n              if (e.shiftKey) {\n                const newValue = this.roundToStep(value + step * 10, step)\n                onChange(feature, 'SHIFTED', newValue > max ? max : newValue)\n              } else {\n                const newValue = this.roundToStep(value + step, step)\n                onChange(feature, 'SHIFTED', newValue > max ? max : newValue)\n              }\n            }}\n            onShiftLeft={(e) => {\n              const { step = 1 } = this.props\n              if (e.shiftKey) {\n                const newValue = this.roundToStep(value - step * 10, step)\n                onChange(feature, 'SHIFTED', newValue < min ? min : newValue)\n              } else {\n                const newValue = this.roundToStep(value - step, step)\n                onChange(feature, 'SHIFTED', newValue < min ? min : newValue)\n              }\n            }}\n            onMouseDown={(e: React.MouseEvent<HTMLElement>) => {\n              this.onGrab(e)\n              ;(e.target as HTMLElement).focus()\n            }}\n            onValidStopValue={(_stopId, e) => this.validHandler(e)}\n          />\n        </div>\n        {this.Status()}\n      </div>\n    )\n  }\n}\n"],"names":["SimpleSlider","React","props","previousProps","value","e","min","max","feature","onChange","step","target","parsedValue","roundedValue","stop","range","shift","rangeRect","rangeWidth","slider","_","offset","limitMin","limitMax","rawValue","doMap","newValue","clampedValue","snappedPosition","warning","isBlocked","isNew","onUnblock","jsxs","jsx","IconChip","Chip","id","label","colors","isDisabled","isTooltipDisplay","Knob","_stopId"],"mappings":"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"}
+{"version":3,"file":"SimpleSlider.js","sources":["../../../../src/components/inputs/simple-slider/SimpleSlider.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames, doMap } from '@unoff/utils'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport Knob from '@components/actions/knob/Knob'\nimport './simple-slider.scss'\n\nexport interface SimpleSliderProps {\n  /**\n   * Unique identifier for the slider\n   */\n  id: string\n  /**\n   * Label text for the slider\n   */\n  label: string\n  /**\n   * Current value\n   */\n  value: number\n  /**\n   * Minimum allowed value\n   */\n  min: number\n  /**\n   * Maximum allowed value\n   */\n  max: number\n  /**\n   * Step increment\n   * @default 1\n   */\n  step?: number\n  /**\n   * Colors for gradient display\n   */\n  colors?: {\n    /** Start color */\n    min: string\n    /** End color */\n    max: string\n  }\n  /**\n   * Whether to show a progress bar from the start to the current value\n   * @default false\n   */\n  hasProgressBar?: boolean\n  /**\n   * Whether to apply horizontal padding\n   * @default true\n   */\n  hasPadding?: boolean\n  /**\n   * Warning tooltip configuration\n   */\n  warning?: {\n    /** Warning message */\n    label: string | React.ReactNode\n    /** Warning position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Warning display type */\n    type?: 'MULTI_LINE' | 'SINGLE_LINE'\n  }\n  /**\n   * Feature identifier for tracking\n   */\n  feature: string\n  /**\n   * Whether the slider is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether the slider is disabled\n   * @default false\n   */\n  isDisabled?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n  /**\n   * Change handler\n   */\n  onChange: (feature: string, state: string, value: number) => void\n  /**\n   * Handler called when unblock is clicked\n   */\n  onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface SimpleSliderState {\n  isTooltipDisplay: boolean\n}\n\nexport default class SimpleSlider extends React.Component<\n  SimpleSliderProps,\n  SimpleSliderState\n> {\n  private value: number\n\n  static defaultProps: Partial<SimpleSliderProps> = {\n    hasProgressBar: false,\n    hasPadding: true,\n    isBlocked: false,\n    isDisabled: false,\n    isNew: false,\n    step: 1,\n  }\n\n  constructor(props: SimpleSliderProps) {\n    super(props)\n    this.state = {\n      isTooltipDisplay: false,\n    }\n    this.value = props.value\n  }\n\n  componentDidUpdate = (previousProps: Readonly<SimpleSliderProps>) => {\n    const { value } = this.props\n\n    if (previousProps.value !== value) this.value = value\n  }\n\n  // Handlers\n  validHandler = (\n    e:\n      | React.FocusEvent<HTMLInputElement>\n      | React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    const { min, max, feature, onChange, step = 1 } = this.props\n    const target = e.target as HTMLInputElement\n    if (target.value !== '') {\n      const parsedValue = parseFloat(target.value)\n      if (parsedValue < min) onChange(feature, 'TYPED', min)\n      else if (parsedValue > max) onChange(feature, 'TYPED', max)\n      else {\n        const roundedValue = this.roundToStep(parsedValue, step)\n        onChange(feature, 'TYPED', roundedValue)\n      }\n    }\n  }\n\n  // Direct Actions\n  onGrab = (e: React.MouseEvent<HTMLElement>) => {\n    const stop = e.currentTarget as HTMLElement,\n      range = stop.parentElement as HTMLElement,\n      shift =\n        e.clientX -\n        stop.getBoundingClientRect().left -\n        stop.getBoundingClientRect().width / 2,\n      rangeRect = range.getBoundingClientRect(),\n      rangeWidth = rangeRect.width as number,\n      slider = range.parentElement as HTMLElement\n\n    stop.style.zIndex = '2'\n\n    document.onmousemove = (e) =>\n      this.onSlide(e, slider, stop, shift, rangeWidth, rangeRect)\n\n    document.onmouseup = () => this.onRelease(stop)\n  }\n\n  roundToStep = (value: number, step: number): number => {\n    return Math.round(value / step) * step\n  }\n\n  onSlide = (\n    e: MouseEvent,\n    _: HTMLElement,\n    stop: HTMLElement,\n    shift: number,\n    rangeWidth: number,\n    rangeRect: DOMRect\n  ) => {\n    const { min, max, feature, onChange, step = 1 } = this.props\n    let offset = e.clientX - rangeRect.left - shift\n\n    const limitMin = 0\n    const limitMax = rangeWidth\n\n    if (offset <= limitMin) offset = limitMin\n    else if (offset >= limitMax) offset = limitMax\n\n    const rawValue = doMap(offset, 0, rangeWidth, min, max)\n\n    if (step >= 1) {\n      const newValue = this.roundToStep(rawValue, step)\n      const clampedValue = Math.max(min, Math.min(max, newValue))\n\n      if (this.value !== clampedValue) {\n        this.value = clampedValue\n\n        const snappedPosition = doMap(this.value, min, max, 0, 100)\n        stop.style.left = snappedPosition.toFixed(1) + '%'\n\n        this.setState({\n          isTooltipDisplay: true,\n        })\n\n        onChange(feature, 'UPDATING', this.value)\n      }\n    } else {\n      this.value = rawValue\n\n      if (this.value < min) this.value = min\n      if (this.value > max) this.value = max\n\n      stop.style.left = doMap(offset, 0, rangeWidth, 0, 100).toFixed(1) + '%'\n\n      this.setState({\n        isTooltipDisplay: true,\n      })\n\n      onChange(feature, 'UPDATING', this.value)\n    }\n\n    document.body.style.cursor = 'ew-resize'\n  }\n\n  onRelease = (stop: HTMLElement) => {\n    const { feature, onChange, step = 1 } = this.props\n\n    document.onmousemove = null\n    document.onmouseup = null\n    stop.onmouseup = null\n    stop.style.zIndex = '1'\n\n    this.value = this.roundToStep(this.value, step)\n\n    this.setState({\n      isTooltipDisplay: false,\n    })\n\n    onChange(feature, 'RELEASED', this.value)\n    document.body.style.cursor = ''\n  }\n\n  // Templates\n  Progress = () => {\n    const { value, min, max, hasProgressBar } = this.props\n\n    if (!hasProgressBar) return null\n\n    return (\n      <div\n        className=\"simple-slider__progress\"\n        style={{ width: `${doMap(value, min, max, 0, 100)}%` }}\n      />\n    )\n  }\n\n  Status = () => {\n    const { warning, isBlocked, isNew, onUnblock } = this.props\n\n    if (warning || isBlocked || isNew)\n      return (\n        <div className=\"simple-slider__status\">\n          {warning !== undefined && (\n            <IconChip\n              iconType=\"PICTO\"\n              iconName=\"warning\"\n              text={warning.label}\n              pin={warning.pin}\n              type={warning.type}\n            />\n          )}\n          {(isBlocked || isNew) && (\n            <Chip\n              isSolo\n              action={isBlocked ? onUnblock : undefined}\n            >\n              {isNew ? 'New' : 'Pro'}\n            </Chip>\n          )}\n        </div>\n      )\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      label,\n      value,\n      min,\n      max,\n      colors,\n      feature,\n      hasPadding,\n      isBlocked,\n      isDisabled,\n      onChange,\n    } = this.props\n    const { isTooltipDisplay } = this.state\n\n    return (\n      <div\n        className={doClassnames([\n          'simple-slider',\n          !hasPadding && 'simple-slider--no-padding',\n        ])}\n        role=\"group\"\n        aria-label={label}\n      >\n        <div\n          className=\"simple-slider__range\"\n          role=\"presentation\"\n          style={{\n            background:\n              colors !== undefined\n                ? `linear-gradient(90deg, ${colors.min}, ${colors.max})`\n                : undefined,\n          }}\n        >\n          <this.Progress />\n          <Knob\n            id={id}\n            shortId={label}\n            value={value}\n            offset={doMap(value, min, max, 0, 100)}\n            min={min.toString()}\n            max={max.toString()}\n            canBeTyped={true}\n            isDisplayed={isTooltipDisplay}\n            isBlocked={isBlocked}\n            isDisabled={isDisabled}\n            onShiftRight={(e) => {\n              const { step = 1 } = this.props\n              if (e.shiftKey) {\n                const newValue = this.roundToStep(value + step * 10, step)\n                onChange(feature, 'SHIFTED', newValue > max ? max : newValue)\n              } else {\n                const newValue = this.roundToStep(value + step, step)\n                onChange(feature, 'SHIFTED', newValue > max ? max : newValue)\n              }\n            }}\n            onShiftLeft={(e) => {\n              const { step = 1 } = this.props\n              if (e.shiftKey) {\n                const newValue = this.roundToStep(value - step * 10, step)\n                onChange(feature, 'SHIFTED', newValue < min ? min : newValue)\n              } else {\n                const newValue = this.roundToStep(value - step, step)\n                onChange(feature, 'SHIFTED', newValue < min ? min : newValue)\n              }\n            }}\n            onMouseDown={(e: React.MouseEvent<HTMLElement>) => {\n              this.onGrab(e)\n              ;(e.target as HTMLElement).focus()\n            }}\n            onValidStopValue={(_stopId, e) => this.validHandler(e)}\n          />\n        </div>\n        {this.Status()}\n      </div>\n    )\n  }\n}\n"],"names":["SimpleSlider","React","props","previousProps","value","e","min","max","feature","onChange","step","target","parsedValue","roundedValue","stop","range","shift","rangeRect","rangeWidth","slider","_","offset","limitMin","limitMax","rawValue","doMap","newValue","clampedValue","snappedPosition","hasProgressBar","jsx","warning","isBlocked","isNew","onUnblock","jsxs","IconChip","Chip","id","label","colors","hasPadding","isDisabled","isTooltipDisplay","doClassnames","Knob","_stopId"],"mappings":"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"}

package/dist/components/lists/actions-item/ActionsItem.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface ActionsItemProps {
     /**
      * Unique identifier for the item

package/dist/components/lists/actions-list/ActionsList.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { DropdownOption } from '../../../types/list.types';
-
 export interface ActionsListProps {
     /**
      * List of options to display
@@ -49,7 +48,7 @@ export interface ActionsListProps {
      */
     subMenuRef?: React.RefObject<HTMLUListElement>;
 }
-export interface ActionsListStates {
+export interface ActionsListState {
     openedGroup: string;
     listScrollOffset: number;
     listScrollAmount: number;
@@ -57,16 +56,16 @@ export interface ActionsListStates {
     shift: number;
     isVisible: boolean;
 }
-export default class ActionsList extends React.Component<ActionsListProps, ActionsListStates> {
+export default class ActionsList extends React.Component<ActionsListProps, ActionsListState> {
     private scrollInterval;
     private subMenuContainerRef;
     static defaultProps: Partial<ActionsListProps>;
     constructor(props: ActionsListProps);
-    componentDidUpdate(prevProps: Readonly<ActionsListProps>, prevState: Readonly<ActionsListStates>): void;
+    componentDidUpdate(prevProps: Readonly<ActionsListProps>, prevState: Readonly<ActionsListState>): void;
     focusFirstMenuItem: () => void;
     focusFirstSubMenuItem: () => void;
     onScroll: (e: React.UIEvent<HTMLUListElement>) => void;
-    startScrolling: (direction: 'UP' | 'DOWN') => void;
+    startScrolling: (direction: "UP" | "DOWN") => void;
     stopScrolling: () => void;
     SubMenu: (options: Array<DropdownOption> | undefined) => import("react/jsx-runtime").JSX.Element;
     MenuTitle: (option: DropdownOption, index: number) => import("react/jsx-runtime").JSX.Element;

package/dist/components/lists/actions-list/ActionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/actions-list/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,OAAO,qBAAqB,CAAA;AAE5B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC9B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;KACvB,CAAA;IACD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAC/C;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CACtD,gBAAgB,EAChB,iBAAiB,CAClB;IACC,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,mBAAmB,CAAiC;IAE5D,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAI7C;gBAEW,KAAK,EAAE,gBAAgB;IAcnC,kBAAkB,CAChB,SAAS,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EACrC,SAAS,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IA8BxC,kBAAkB,aAYjB;IAED,qBAAqB,aAYpB;IAED,QAAQ,MAAO,aAAa,CAAC,gBAAgB,CAAC,UAU7C;IAED,cAAc,cAAe,IAAI,GAAG,MAAM,UAiBzC;IAED,aAAa,aAKZ;IAGD,OAAO,YAAa,MAAM,cAAc,CAAC,GAAG,SAAS,6CAgDpD;IAED,SAAS,WAAY,cAAc,SAAS,MAAM,6CAmBjD;IAED,aAAa,UAAW,MAAM,6CAS7B;IAED,UAAU,WAAY,cAAc,SAAS,MAAM,6CA6DlD;IAED,SAAS,WAAY,cAAc,SAAS,MAAM,6CAqDjD;IAED,aAAa,WAAY,cAAc,SAAS,MAAM,6CA8DrD;IAED,MAAM;CA8FP"}
+{"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/actions-list/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,OAAO,qBAAqB,CAAA;AAE5B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC9B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;KACvB,CAAA;IACD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAC/C;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAC1F,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,mBAAmB,CAAiC;IAE5D,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAI7C;gBAEW,KAAK,EAAE,gBAAgB;IAcnC,kBAAkB,CAChB,SAAS,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EACrC,SAAS,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IA8BvC,kBAAkB,aAYjB;IAED,qBAAqB,aAYpB;IAED,QAAQ,GAAI,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAU7C;IAED,cAAc,GAAI,WAAW,IAAI,GAAG,MAAM,UAiBzC;IAED,aAAa,aAKZ;IAGD,OAAO,GAAI,SAAS,KAAK,CAAC,cAAc,CAAC,GAAG,SAAS,6CAgDpD;IAED,SAAS,GAAI,QAAQ,cAAc,EAAE,OAAO,MAAM,6CAmBjD;IAED,aAAa,GAAI,OAAO,MAAM,6CAS7B;IAED,UAAU,GAAI,QAAQ,cAAc,EAAE,OAAO,MAAM,6CA6DlD;IAED,SAAS,GAAI,QAAQ,cAAc,EAAE,OAAO,MAAM,6CAqDjD;IAED,aAAa,GAAI,QAAQ,cAAc,EAAE,OAAO,MAAM,6CA8DrD;IAED,MAAM;CA8FP"}

package/dist/components/lists/actions-list/ActionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsList.js","sources":["../../../../src/components/lists/actions-list/ActionsList.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport { DropdownOption } from '@tps/list.types'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Icon from '@components/assets/icon/Icon.tsx'\nimport './actions-list.scss'\n\nexport interface ActionsListProps {\n  /**\n   * List of options to display\n   */\n  options: Array<DropdownOption>\n  /**\n   * ID of the currently selected option\n   */\n  selected?: string\n  /**\n   * Direction for submenu expansion\n   * @default 'RIGHT'\n   */\n  direction?: 'LEFT' | 'RIGHT'\n  /**\n   * Whether the list should be scrollable\n   * @default false\n   */\n  shouldScroll?: boolean\n  /**\n   * ID of the container element\n   */\n  containerId?: string\n  /**\n   * Preview tooltip configuration\n   */\n  preview?: {\n    /** Preview image URL */\n    image: string\n    /** Preview text */\n    text: string | React.ReactNode\n    /** Preview position */\n    pin?: 'TOP' | 'BOTTOM'\n  }\n  /**\n   * Callback when the list is cancelled\n   * @default () => null\n   */\n  onCancellation?: () => void\n  /**\n   * Ref to the menu element\n   */\n  menuRef?: React.RefObject<HTMLUListElement>\n  /**\n   * Ref to the submenu element\n   */\n  subMenuRef?: React.RefObject<HTMLUListElement>\n}\n\nexport interface ActionsListStates {\n  openedGroup: string\n  listScrollOffset: number\n  listScrollAmount: number\n  listClientHeight?: number\n  shift: number\n  isVisible: boolean\n}\n\nexport default class ActionsList extends React.Component<\n  ActionsListProps,\n  ActionsListStates\n> {\n  private scrollInterval: number | null\n  private subMenuContainerRef: React.RefObject<HTMLDivElement>\n\n  static defaultProps: Partial<ActionsListProps> = {\n    direction: 'RIGHT',\n    shouldScroll: false,\n    onCancellation: () => null,\n  }\n\n  constructor(props: ActionsListProps) {\n    super(props)\n    this.state = {\n      openedGroup: 'EMPTY',\n      listScrollOffset: 0,\n      listScrollAmount: 1,\n      listClientHeight: 1,\n      shift: 0,\n      isVisible: true,\n    }\n    this.scrollInterval = null\n    this.subMenuContainerRef = React.createRef<HTMLDivElement>()\n  }\n\n  componentDidUpdate(\n    prevProps: Readonly<ActionsListProps>,\n    prevState: Readonly<ActionsListStates>\n  ) {\n    const { shouldScroll } = this.props\n    const { openedGroup } = this.state\n    const list = document.getElementsByClassName(\n      'select-menu__menu'\n    )[0] as HTMLElement\n\n    if (prevProps.shouldScroll !== shouldScroll)\n      this.setState({\n        listScrollOffset: list.scrollTop,\n        listScrollAmount: list.scrollHeight - list.clientHeight,\n        listClientHeight: list.clientHeight,\n      })\n\n    if (prevState.openedGroup !== openedGroup) {\n      const subMenuElement = this.subMenuContainerRef.current\n      if (subMenuElement) {\n        const rect = subMenuElement.getBoundingClientRect()\n        if (rect.x < 0) this.setState({ shift: -rect.x + 8 })\n        if (rect.x + rect.width > window.innerWidth)\n          this.setState({\n            shift: window.innerWidth - rect.x - rect.width - 8,\n          })\n        this.setState({ isVisible: true })\n      }\n    }\n  }\n\n  // Direct Actions\n  focusFirstMenuItem = () => {\n    const { menuRef } = this.props\n\n    setTimeout(() => {\n      const menuElement = menuRef?.current\n      if (menuElement) {\n        const firstItem = menuElement.querySelector(\n          'li[tabindex=\"0\"]:not([data-is-blocked=\"true\"])'\n        ) as HTMLElement\n        if (firstItem) firstItem.focus()\n      }\n    }, 0)\n  }\n\n  focusFirstSubMenuItem = () => {\n    const { subMenuRef } = this.props\n\n    setTimeout(() => {\n      const subMenuElement = subMenuRef?.current\n      if (subMenuElement) {\n        const firstItem = subMenuElement.querySelector(\n          'li[tabindex=\"0\"]:not([data-is-blocked=\"true\"])'\n        ) as HTMLElement\n        if (firstItem) firstItem.focus()\n      }\n    }, 0)\n  }\n\n  onScroll = (e: React.UIEvent<HTMLUListElement>) => {\n    const target = e.target as HTMLElement\n    this.setState({\n      listScrollOffset: target.scrollTop,\n      listScrollAmount: target.scrollHeight - target.clientHeight,\n    })\n\n    if (target.scrollTop === 0) this.stopScrolling()\n    if (target.scrollTop === target.scrollHeight - target.clientHeight)\n      this.stopScrolling()\n  }\n\n  startScrolling = (direction: 'UP' | 'DOWN') => {\n    const list = document.getElementsByClassName('select-menu__menu')[0]\n\n    const scroll = () => {\n      if (list) {\n        if (direction === 'UP' && list.scrollTop > 0) list.scrollTop -= 4\n        else if (\n          direction === 'DOWN' &&\n          list.scrollTop < list.scrollHeight - list.clientHeight\n        )\n          list.scrollTop += 4\n\n        this.scrollInterval = requestAnimationFrame(scroll)\n      }\n    }\n\n    this.scrollInterval = requestAnimationFrame(scroll)\n  }\n\n  stopScrolling = () => {\n    if (this.scrollInterval) {\n      cancelAnimationFrame(this.scrollInterval)\n      this.scrollInterval = null\n    }\n  }\n\n  // Template\n  SubMenu = (options: Array<DropdownOption> | undefined) => {\n    const { subMenuRef } = this.props\n    const { shift, isVisible } = this.state\n\n    return (\n      <div\n        className=\"select-menu__submenu\"\n        role=\"menu\"\n        style={{\n          visibility: isVisible ? 'visible' : 'hidden',\n        }}\n        aria-hidden={!isVisible}\n        ref={this.subMenuContainerRef}\n      >\n        <ul\n          className=\"select-menu__menu select-menu__menu--active\"\n          ref={subMenuRef}\n          role=\"menu\"\n          style={{\n            transform: `translateX(${shift}px)`,\n          }}\n        >\n          {options?.map((option, index) => {\n            const isActive =\n                option.isActive !== undefined ? option.isActive : true,\n              isBlocked =\n                option.isBlocked !== undefined ? option.isBlocked : false,\n              isNew = option.isNew !== undefined ? option.isNew : false,\n              children = option.children !== undefined ? option.children : []\n\n            const activeChildren = children.filter(\n              (child) => child.isActive !== false\n            )\n\n            if (isActive && activeChildren.length > 0)\n              return this.MenuGroup(\n                { ...option, isActive, isBlocked, isNew, children },\n                index\n              )\n            else if (isActive && activeChildren.length === 0)\n              return this.MenuSubOption(\n                { ...option, isActive, isBlocked, isNew, children },\n                index\n              )\n          })}\n        </ul>\n      </div>\n    )\n  }\n\n  MenuTitle = (option: DropdownOption, index: number) => {\n    return (\n      <li\n        key={`menu-option-${index}`}\n        data-role={'TITLE'}\n        className={doClassnames([\n          'select-menu__item',\n          'select-menu__item--disabled',\n        ])}\n        aria-disabled=\"true\"\n      >\n        <span\n          className={doClassnames([texts.type, 'select-menu__item__label'])}\n          aria-hidden=\"true\"\n        >\n          {option.label}\n        </span>\n      </li>\n    )\n  }\n\n  MenuSeparator = (index: number) => {\n    return (\n      <li\n        key={`menu-separator-${index}`}\n        data-role={'SEPARATOR'}\n      >\n        <hr />\n      </li>\n    )\n  }\n\n  MenuOption = (option: DropdownOption, index: number) => {\n    const { selected, preview, onCancellation } = this.props\n\n    return (\n      <li\n        key={`menu-option-${index}`}\n        className={doClassnames([\n          'select-menu__item',\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1 && 'select-menu__item--selected',\n          option.isBlocked && 'select-menu__item--blocked',\n        ])}\n        data-value={option.value}\n        data-is-blocked={option.isBlocked}\n        data-feature={option.feature}\n        data-role={'OPTION'}\n        tabIndex={option.isBlocked ? -1 : 0}\n        aria-current={\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1\n            ? 'true'\n            : undefined\n        }\n        aria-disabled={option.isBlocked}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n          if ((e.key === ' ' || e.key === 'Enter') && !option.isBlocked) {\n            option.action && option.action(e)\n            onCancellation?.()\n          }\n          if (e.key === 'Escape') onCancellation?.()\n\n          return null\n        }}\n        onMouseDown={(e) => {\n          !option.isBlocked ? option.action?.(e) : undefined\n          onCancellation?.()\n        }}\n        onFocus={() => null}\n        onBlur={() => null}\n      >\n        {selected?.split(', ').filter((value) => value === option.value)\n          .length === 1 && (\n          <span className=\"select-menu__item__tick\">\n            <Icon\n              type=\"PICTO\"\n              iconName=\"check\"\n            />\n          </span>\n        )}\n\n        <span\n          className={doClassnames([texts.type, 'select-menu__item__label'])}\n        >\n          {option.label}\n        </span>\n        {(option.isBlocked || option.isNew) && (\n          <Chip preview={preview}>{option.isNew ? 'New' : 'Pro'}</Chip>\n        )}\n      </li>\n    )\n  }\n\n  MenuGroup = (option: DropdownOption, index: number) => {\n    const { preview, onCancellation } = this.props\n    const { openedGroup } = this.state\n\n    return (\n      <li\n        key={`menu-group-${index}`}\n        className={doClassnames([\n          'select-menu__item',\n          option.isBlocked && ' select-menu__item--blocked',\n        ])}\n        style={{\n          zIndex: openedGroup === option.value ? 2 : 'auto',\n        }}\n        data-is-blocked={option.isBlocked}\n        data-role={'GROUP'}\n        tabIndex={option.isBlocked ? -1 : 0}\n        aria-disabled={option.isBlocked}\n        aria-haspopup=\"true\"\n        onKeyDown={(e) => {\n          e.stopPropagation()\n          if ((e.key === ' ' || e.key === 'Enter') && !option.isBlocked)\n            return this.setState({ openedGroup: option.value ?? 'EMPTY' }, () =>\n              this.focusFirstSubMenuItem()\n            )\n          if (e.key === 'Escape') onCancellation?.()\n\n          return null\n        }}\n        onMouseEnter={() =>\n          this.setState({ openedGroup: option.value ?? 'EMPTY' })\n        }\n        onMouseLeave={() => this.setState({ openedGroup: 'EMPTY' })}\n        onFocus={() => null}\n        onBlur={() => null}\n      >\n        <span\n          className={doClassnames([texts.type, 'select-menu__item__label'])}\n        >\n          {option.label}\n        </span>\n        {(option.isBlocked || option.isNew) && (\n          <Chip preview={preview}>{option.isNew ? 'New' : 'Pro'}</Chip>\n        )}\n        <span className=\"select-menu__item__caret\">\n          <Icon\n            type=\"PICTO\"\n            iconName=\"caret-right\"\n          />\n        </span>\n        {openedGroup === option.value && this.SubMenu(option.children)}\n      </li>\n    )\n  }\n\n  MenuSubOption = (option: DropdownOption, index: number) => {\n    const { selected, preview, onCancellation } = this.props\n\n    return (\n      <li\n        key={`menu-suboption-${index}`}\n        className={doClassnames([\n          'select-menu__item',\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1 && 'select-menu__item--selected',\n          option.isBlocked && 'select-menu__item--blocked',\n        ])}\n        data-value={option.value}\n        data-is-blocked={option.isBlocked}\n        data-feature={option.feature}\n        data-role={'OPTION'}\n        tabIndex={option.isBlocked ? -1 : 0}\n        aria-current={\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1\n            ? 'true'\n            : undefined\n        }\n        aria-disabled={option.isBlocked}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n          if ((e.key === ' ' || e.key === 'Enter') && !option.isBlocked) {\n            option.action && option.action(e)\n            onCancellation?.()\n          }\n          if (e.key === 'Escape')\n            this.setState({ openedGroup: 'EMPTY' }, () =>\n              this.focusFirstMenuItem()\n            )\n\n          return null\n        }}\n        onMouseDown={!option.isBlocked ? option.action : undefined}\n      >\n        {selected?.split(', ').filter((value) => value === option.value)\n          .length === 1 && (\n          <span className=\"select-menu__item__tick\">\n            <Icon\n              type=\"PICTO\"\n              iconName=\"check\"\n            />\n          </span>\n        )}\n        <span\n          className={doClassnames([\n            texts['type--small'],\n            texts.type,\n            'select-menu__item__label',\n          ])}\n        >\n          {option.label}\n        </span>\n        {(option.isBlocked || option.isNew) && (\n          <Chip preview={preview}>{option.isNew ? 'New' : 'Pro'}</Chip>\n        )}\n      </li>\n    )\n  }\n\n  render() {\n    const { options, direction, shouldScroll, menuRef } = this.props\n    const { listScrollOffset, listScrollAmount } = this.state\n\n    return (\n      <div\n        className=\"select-menu\"\n        style={{\n          height: shouldScroll ? '100%' : 'auto',\n        }}\n      >\n        {shouldScroll && listScrollOffset !== 0 && listScrollAmount !== 0 && (\n          <div\n            className=\"select-menu__spot select-menu__spot--top\"\n            onMouseEnter={() => this.startScrolling('UP')}\n            onMouseLeave={this.stopScrolling}\n          >\n            <Icon\n              type=\"PICTO\"\n              iconName=\"chevron-up\"\n            />\n          </div>\n        )}\n        <ul\n          className={doClassnames([\n            'select-menu__menu',\n            'select-menu__menu--active',\n            direction === 'RIGHT'\n              ? 'select-menu__menu--right'\n              : 'select-menu__menu--left',\n            shouldScroll && 'select-menu__menu--scrolling',\n          ])}\n          onScroll={this.onScroll}\n          ref={menuRef}\n        >\n          {options?.map((option, index) => {\n            const isActive =\n                option.isActive !== undefined ? option.isActive : true,\n              isBlocked =\n                option.isBlocked !== undefined ? option.isBlocked : false,\n              isNew = option.isNew !== undefined ? option.isNew : false,\n              children = option.children !== undefined ? option.children : []\n\n            if (isActive && option.type === 'SEPARATOR')\n              return this.MenuSeparator(index)\n            if (isActive && option.type === 'TITLE')\n              return this.MenuTitle(option, index)\n            if (isActive && option.type === 'OPTION')\n              return this.MenuOption(\n                { ...option, isActive, isBlocked, isNew, children },\n                index\n              )\n            if (isActive && option.type === 'GROUP' && children) {\n              const activeChildren = children.filter(\n                (child) => child.isActive !== false\n              )\n\n              if (activeChildren.length > 1)\n                return this.MenuGroup(\n                  { ...option, isActive, isBlocked, isNew, children },\n                  index\n                )\n              else if (activeChildren.length === 1)\n                return this.MenuOption(\n                  {\n                    ...activeChildren[0],\n                    isActive: activeChildren[0].isActive,\n                    isBlocked: activeChildren[0].isBlocked,\n                    isNew: activeChildren[0].isNew,\n                  },\n                  index\n                )\n              else return null\n            }\n            return null\n          })}\n        </ul>\n        {shouldScroll &&\n          listScrollAmount !== listScrollOffset &&\n          listScrollAmount !== 0 && (\n            <div\n              className=\"select-menu__spot select-menu__spot--bottom\"\n              onMouseEnter={() => this.startScrolling('DOWN')}\n              onMouseLeave={this.stopScrolling}\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName=\"chevron-down\"\n              />\n            </div>\n          )}\n      </div>\n    )\n  }\n}\n"],"names":["ActionsList","React","props","prevProps","prevState","shouldScroll","openedGroup","list","subMenuElement","rect","menuRef","menuElement","firstItem","subMenuRef","target","direction","scroll","options","shift","isVisible","jsx","option","index","isActive","isBlocked","isNew","children","activeChildren","child","doClassnames","texts","selected","preview","onCancellation","jsxs","value","e","Icon","Chip","listScrollOffset","listScrollAmount"],"mappings":"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"}
+{"version":3,"file":"ActionsList.js","sources":["../../../../src/components/lists/actions-list/ActionsList.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport { DropdownOption } from '@tps/list.types'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Icon from '@components/assets/icon/Icon.tsx'\nimport './actions-list.scss'\n\nexport interface ActionsListProps {\n  /**\n   * List of options to display\n   */\n  options: Array<DropdownOption>\n  /**\n   * ID of the currently selected option\n   */\n  selected?: string\n  /**\n   * Direction for submenu expansion\n   * @default 'RIGHT'\n   */\n  direction?: 'LEFT' | 'RIGHT'\n  /**\n   * Whether the list should be scrollable\n   * @default false\n   */\n  shouldScroll?: boolean\n  /**\n   * ID of the container element\n   */\n  containerId?: string\n  /**\n   * Preview tooltip configuration\n   */\n  preview?: {\n    /** Preview image URL */\n    image: string\n    /** Preview text */\n    text: string | React.ReactNode\n    /** Preview position */\n    pin?: 'TOP' | 'BOTTOM'\n  }\n  /**\n   * Callback when the list is cancelled\n   * @default () => null\n   */\n  onCancellation?: () => void\n  /**\n   * Ref to the menu element\n   */\n  menuRef?: React.RefObject<HTMLUListElement>\n  /**\n   * Ref to the submenu element\n   */\n  subMenuRef?: React.RefObject<HTMLUListElement>\n}\n\nexport interface ActionsListState {\n  openedGroup: string\n  listScrollOffset: number\n  listScrollAmount: number\n  listClientHeight?: number\n  shift: number\n  isVisible: boolean\n}\n\nexport default class ActionsList extends React.Component<ActionsListProps, ActionsListState> {\n  private scrollInterval: number | null\n  private subMenuContainerRef: React.RefObject<HTMLDivElement>\n\n  static defaultProps: Partial<ActionsListProps> = {\n    direction: 'RIGHT',\n    shouldScroll: false,\n    onCancellation: () => null,\n  }\n\n  constructor(props: ActionsListProps) {\n    super(props)\n    this.state = {\n      openedGroup: 'EMPTY',\n      listScrollOffset: 0,\n      listScrollAmount: 1,\n      listClientHeight: 1,\n      shift: 0,\n      isVisible: true,\n    }\n    this.scrollInterval = null\n    this.subMenuContainerRef = React.createRef<HTMLDivElement>()\n  }\n\n  componentDidUpdate(\n    prevProps: Readonly<ActionsListProps>,\n    prevState: Readonly<ActionsListState>\n  ) {\n    const { shouldScroll } = this.props\n    const { openedGroup } = this.state\n    const list = document.getElementsByClassName(\n      'select-menu__menu'\n    )[0] as HTMLElement\n\n    if (prevProps.shouldScroll !== shouldScroll)\n      this.setState({\n        listScrollOffset: list.scrollTop,\n        listScrollAmount: list.scrollHeight - list.clientHeight,\n        listClientHeight: list.clientHeight,\n      })\n\n    if (prevState.openedGroup !== openedGroup) {\n      const subMenuElement = this.subMenuContainerRef.current\n      if (subMenuElement) {\n        const rect = subMenuElement.getBoundingClientRect()\n        if (rect.x < 0) this.setState({ shift: -rect.x + 8 })\n        if (rect.x + rect.width > window.innerWidth)\n          this.setState({\n            shift: window.innerWidth - rect.x - rect.width - 8,\n          })\n        this.setState({ isVisible: true })\n      }\n    }\n  }\n\n  // Direct Actions\n  focusFirstMenuItem = () => {\n    const { menuRef } = this.props\n\n    setTimeout(() => {\n      const menuElement = menuRef?.current\n      if (menuElement) {\n        const firstItem = menuElement.querySelector(\n          'li[tabindex=\"0\"]:not([data-is-blocked=\"true\"])'\n        ) as HTMLElement\n        if (firstItem) firstItem.focus()\n      }\n    }, 0)\n  }\n\n  focusFirstSubMenuItem = () => {\n    const { subMenuRef } = this.props\n\n    setTimeout(() => {\n      const subMenuElement = subMenuRef?.current\n      if (subMenuElement) {\n        const firstItem = subMenuElement.querySelector(\n          'li[tabindex=\"0\"]:not([data-is-blocked=\"true\"])'\n        ) as HTMLElement\n        if (firstItem) firstItem.focus()\n      }\n    }, 0)\n  }\n\n  onScroll = (e: React.UIEvent<HTMLUListElement>) => {\n    const target = e.target as HTMLElement\n    this.setState({\n      listScrollOffset: target.scrollTop,\n      listScrollAmount: target.scrollHeight - target.clientHeight,\n    })\n\n    if (target.scrollTop === 0) this.stopScrolling()\n    if (target.scrollTop === target.scrollHeight - target.clientHeight)\n      this.stopScrolling()\n  }\n\n  startScrolling = (direction: 'UP' | 'DOWN') => {\n    const list = document.getElementsByClassName('select-menu__menu')[0]\n\n    const scroll = () => {\n      if (list) {\n        if (direction === 'UP' && list.scrollTop > 0) list.scrollTop -= 4\n        else if (\n          direction === 'DOWN' &&\n          list.scrollTop < list.scrollHeight - list.clientHeight\n        )\n          list.scrollTop += 4\n\n        this.scrollInterval = requestAnimationFrame(scroll)\n      }\n    }\n\n    this.scrollInterval = requestAnimationFrame(scroll)\n  }\n\n  stopScrolling = () => {\n    if (this.scrollInterval) {\n      cancelAnimationFrame(this.scrollInterval)\n      this.scrollInterval = null\n    }\n  }\n\n  // Template\n  SubMenu = (options: Array<DropdownOption> | undefined) => {\n    const { subMenuRef } = this.props\n    const { shift, isVisible } = this.state\n\n    return (\n      <div\n        className=\"select-menu__submenu\"\n        role=\"menu\"\n        style={{\n          visibility: isVisible ? 'visible' : 'hidden',\n        }}\n        aria-hidden={!isVisible}\n        ref={this.subMenuContainerRef}\n      >\n        <ul\n          className=\"select-menu__menu select-menu__menu--active\"\n          ref={subMenuRef}\n          role=\"menu\"\n          style={{\n            transform: `translateX(${shift}px)`,\n          }}\n        >\n          {options?.map((option, index) => {\n            const isActive =\n                option.isActive !== undefined ? option.isActive : true,\n              isBlocked =\n                option.isBlocked !== undefined ? option.isBlocked : false,\n              isNew = option.isNew !== undefined ? option.isNew : false,\n              children = option.children !== undefined ? option.children : []\n\n            const activeChildren = children.filter(\n              (child) => child.isActive !== false\n            )\n\n            if (isActive && activeChildren.length > 0)\n              return this.MenuGroup(\n                { ...option, isActive, isBlocked, isNew, children },\n                index\n              )\n            else if (isActive && activeChildren.length === 0)\n              return this.MenuSubOption(\n                { ...option, isActive, isBlocked, isNew, children },\n                index\n              )\n          })}\n        </ul>\n      </div>\n    )\n  }\n\n  MenuTitle = (option: DropdownOption, index: number) => {\n    return (\n      <li\n        key={`menu-option-${index}`}\n        data-role={'TITLE'}\n        className={doClassnames([\n          'select-menu__item',\n          'select-menu__item--disabled',\n        ])}\n        aria-disabled=\"true\"\n      >\n        <span\n          className={doClassnames([texts.type, 'select-menu__item__label'])}\n          aria-hidden=\"true\"\n        >\n          {option.label}\n        </span>\n      </li>\n    )\n  }\n\n  MenuSeparator = (index: number) => {\n    return (\n      <li\n        key={`menu-separator-${index}`}\n        data-role={'SEPARATOR'}\n      >\n        <hr />\n      </li>\n    )\n  }\n\n  MenuOption = (option: DropdownOption, index: number) => {\n    const { selected, preview, onCancellation } = this.props\n\n    return (\n      <li\n        key={`menu-option-${index}`}\n        className={doClassnames([\n          'select-menu__item',\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1 && 'select-menu__item--selected',\n          option.isBlocked && 'select-menu__item--blocked',\n        ])}\n        data-value={option.value}\n        data-is-blocked={option.isBlocked}\n        data-feature={option.feature}\n        data-role={'OPTION'}\n        tabIndex={option.isBlocked ? -1 : 0}\n        aria-current={\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1\n            ? 'true'\n            : undefined\n        }\n        aria-disabled={option.isBlocked}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n          if ((e.key === ' ' || e.key === 'Enter') && !option.isBlocked) {\n            option.action && option.action(e)\n            onCancellation?.()\n          }\n          if (e.key === 'Escape') onCancellation?.()\n\n          return null\n        }}\n        onMouseDown={(e) => {\n          !option.isBlocked ? option.action?.(e) : undefined\n          onCancellation?.()\n        }}\n        onFocus={() => null}\n        onBlur={() => null}\n      >\n        {selected?.split(', ').filter((value) => value === option.value)\n          .length === 1 && (\n          <span className=\"select-menu__item__tick\">\n            <Icon\n              type=\"PICTO\"\n              iconName=\"check\"\n            />\n          </span>\n        )}\n\n        <span\n          className={doClassnames([texts.type, 'select-menu__item__label'])}\n        >\n          {option.label}\n        </span>\n        {(option.isBlocked || option.isNew) && (\n          <Chip preview={preview}>{option.isNew ? 'New' : 'Pro'}</Chip>\n        )}\n      </li>\n    )\n  }\n\n  MenuGroup = (option: DropdownOption, index: number) => {\n    const { preview, onCancellation } = this.props\n    const { openedGroup } = this.state\n\n    return (\n      <li\n        key={`menu-group-${index}`}\n        className={doClassnames([\n          'select-menu__item',\n          option.isBlocked && ' select-menu__item--blocked',\n        ])}\n        style={{\n          zIndex: openedGroup === option.value ? 2 : 'auto',\n        }}\n        data-is-blocked={option.isBlocked}\n        data-role={'GROUP'}\n        tabIndex={option.isBlocked ? -1 : 0}\n        aria-disabled={option.isBlocked}\n        aria-haspopup=\"true\"\n        onKeyDown={(e) => {\n          e.stopPropagation()\n          if ((e.key === ' ' || e.key === 'Enter') && !option.isBlocked)\n            return this.setState({ openedGroup: option.value ?? 'EMPTY' }, () =>\n              this.focusFirstSubMenuItem()\n            )\n          if (e.key === 'Escape') onCancellation?.()\n\n          return null\n        }}\n        onMouseEnter={() =>\n          this.setState({ openedGroup: option.value ?? 'EMPTY' })\n        }\n        onMouseLeave={() => this.setState({ openedGroup: 'EMPTY' })}\n        onFocus={() => null}\n        onBlur={() => null}\n      >\n        <span\n          className={doClassnames([texts.type, 'select-menu__item__label'])}\n        >\n          {option.label}\n        </span>\n        {(option.isBlocked || option.isNew) && (\n          <Chip preview={preview}>{option.isNew ? 'New' : 'Pro'}</Chip>\n        )}\n        <span className=\"select-menu__item__caret\">\n          <Icon\n            type=\"PICTO\"\n            iconName=\"caret-right\"\n          />\n        </span>\n        {openedGroup === option.value && this.SubMenu(option.children)}\n      </li>\n    )\n  }\n\n  MenuSubOption = (option: DropdownOption, index: number) => {\n    const { selected, preview, onCancellation } = this.props\n\n    return (\n      <li\n        key={`menu-suboption-${index}`}\n        className={doClassnames([\n          'select-menu__item',\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1 && 'select-menu__item--selected',\n          option.isBlocked && 'select-menu__item--blocked',\n        ])}\n        data-value={option.value}\n        data-is-blocked={option.isBlocked}\n        data-feature={option.feature}\n        data-role={'OPTION'}\n        tabIndex={option.isBlocked ? -1 : 0}\n        aria-current={\n          selected?.split(', ').filter((value) => value === option.value)\n            .length === 1\n            ? 'true'\n            : undefined\n        }\n        aria-disabled={option.isBlocked}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n          if ((e.key === ' ' || e.key === 'Enter') && !option.isBlocked) {\n            option.action && option.action(e)\n            onCancellation?.()\n          }\n          if (e.key === 'Escape')\n            this.setState({ openedGroup: 'EMPTY' }, () =>\n              this.focusFirstMenuItem()\n            )\n\n          return null\n        }}\n        onMouseDown={!option.isBlocked ? option.action : undefined}\n      >\n        {selected?.split(', ').filter((value) => value === option.value)\n          .length === 1 && (\n          <span className=\"select-menu__item__tick\">\n            <Icon\n              type=\"PICTO\"\n              iconName=\"check\"\n            />\n          </span>\n        )}\n        <span\n          className={doClassnames([\n            texts['type--small'],\n            texts.type,\n            'select-menu__item__label',\n          ])}\n        >\n          {option.label}\n        </span>\n        {(option.isBlocked || option.isNew) && (\n          <Chip preview={preview}>{option.isNew ? 'New' : 'Pro'}</Chip>\n        )}\n      </li>\n    )\n  }\n\n  render() {\n    const { options, direction, shouldScroll, menuRef } = this.props\n    const { listScrollOffset, listScrollAmount } = this.state\n\n    return (\n      <div\n        className=\"select-menu\"\n        style={{\n          height: shouldScroll ? '100%' : 'auto',\n        }}\n      >\n        {shouldScroll && listScrollOffset !== 0 && listScrollAmount !== 0 && (\n          <div\n            className=\"select-menu__spot select-menu__spot--top\"\n            onMouseEnter={() => this.startScrolling('UP')}\n            onMouseLeave={this.stopScrolling}\n          >\n            <Icon\n              type=\"PICTO\"\n              iconName=\"chevron-up\"\n            />\n          </div>\n        )}\n        <ul\n          className={doClassnames([\n            'select-menu__menu',\n            'select-menu__menu--active',\n            direction === 'RIGHT'\n              ? 'select-menu__menu--right'\n              : 'select-menu__menu--left',\n            shouldScroll && 'select-menu__menu--scrolling',\n          ])}\n          onScroll={this.onScroll}\n          ref={menuRef}\n        >\n          {options?.map((option, index) => {\n            const isActive =\n                option.isActive !== undefined ? option.isActive : true,\n              isBlocked =\n                option.isBlocked !== undefined ? option.isBlocked : false,\n              isNew = option.isNew !== undefined ? option.isNew : false,\n              children = option.children !== undefined ? option.children : []\n\n            if (isActive && option.type === 'SEPARATOR')\n              return this.MenuSeparator(index)\n            if (isActive && option.type === 'TITLE')\n              return this.MenuTitle(option, index)\n            if (isActive && option.type === 'OPTION')\n              return this.MenuOption(\n                { ...option, isActive, isBlocked, isNew, children },\n                index\n              )\n            if (isActive && option.type === 'GROUP' && children) {\n              const activeChildren = children.filter(\n                (child) => child.isActive !== false\n              )\n\n              if (activeChildren.length > 1)\n                return this.MenuGroup(\n                  { ...option, isActive, isBlocked, isNew, children },\n                  index\n                )\n              else if (activeChildren.length === 1)\n                return this.MenuOption(\n                  {\n                    ...activeChildren[0],\n                    isActive: activeChildren[0].isActive,\n                    isBlocked: activeChildren[0].isBlocked,\n                    isNew: activeChildren[0].isNew,\n                  },\n                  index\n                )\n              else return null\n            }\n            return null\n          })}\n        </ul>\n        {shouldScroll &&\n          listScrollAmount !== listScrollOffset &&\n          listScrollAmount !== 0 && (\n            <div\n              className=\"select-menu__spot select-menu__spot--bottom\"\n              onMouseEnter={() => this.startScrolling('DOWN')}\n              onMouseLeave={this.stopScrolling}\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName=\"chevron-down\"\n              />\n            </div>\n          )}\n      </div>\n    )\n  }\n}\n"],"names":["ActionsList","React","props","prevProps","prevState","shouldScroll","openedGroup","list","subMenuElement","rect","menuRef","menuElement","firstItem","subMenuRef","target","direction","scroll","options","shift","isVisible","jsx","option","index","isActive","isBlocked","isNew","children","activeChildren","child","doClassnames","texts","selected","preview","onCancellation","jsxs","value","e","Icon","Chip","listScrollOffset","listScrollAmount"],"mappings":"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"}

package/dist/components/lists/color-item/ColorItem.d.ts

@@ -1,4 +1,3 @@
-
 export type ColorItemProps = {
     /**
      * Unique identifier for the color item

package/dist/components/lists/color-item/ColorItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorItem.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/color-item/ColorItem.tsx"],"names":[],"mappings":";AAKA,OAAO,mBAAmB,CAAA;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,4CAkDvC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ColorItem.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/color-item/ColorItem.tsx"],"names":[],"mappings":"AAKA,OAAO,mBAAmB,CAAA;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,4CAkDvC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/lists/draggable-item/DraggableItem.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface DraggableItemProps {
     /**
      * Unique identifier for the item
@@ -93,11 +92,11 @@ export interface DraggableItemProps {
      */
     onRemove: React.MouseEventHandler<Element> & React.KeyboardEventHandler<Element>;
 }
-export interface DraggableItemStates {
+export interface DraggableItemState {
     isDragged: boolean;
     hasMoreOptions: boolean;
 }
-export default class DraggableItem extends React.Component<DraggableItemProps, DraggableItemStates> {
+export default class DraggableItem extends React.Component<DraggableItemProps, DraggableItemState> {
     private moreButtonRef;
     static defaultProps: Partial<DraggableItemProps>;
     constructor(props: DraggableItemProps);

package/dist/components/lists/draggable-item/DraggableItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableItem.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/draggable-item/DraggableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,uBAAuB,CAAA;AAE9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE;QACd,sCAAsC;QACtC,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;KACtB,CAAA;IACD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,+BAA+B;QAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,qCAAqC;QACrC,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;IACzD;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACH,YAAY,EAAE,CACZ,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,QAAQ,EAAE,MAAM,KACb,IAAI,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GACxC,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAS,CACxD,kBAAkB,EAClB,mBAAmB,CACpB;IACC,OAAO,CAAC,aAAa,CAAyB;IAE9C,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAM/C;gBAEW,KAAK,EAAE,kBAAkB;IAUrC,WAAW,MAAO,eAAe,CAAC,aAAa,CAAC,UAa/C;IAED,SAAS,MAAO,eAAe,CAAC,aAAa,CAAC,UAO7C;IAED,UAAU,MAAO,eAAe,CAAC,aAAa,CAAC,UAwB9C;IAED,MAAM,MAAO,eAAe,CAAC,aAAa,CAAC,UAK1C;IAGD,MAAM;CA0HP"}
+{"version":3,"file":"DraggableItem.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/draggable-item/DraggableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,uBAAuB,CAAA;AAE9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE;QACd,sCAAsC;QACtC,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;KACtB,CAAA;IACD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,+BAA+B;QAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,qCAAqC;QACrC,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;IACzD;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACH,YAAY,EAAE,CACZ,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,QAAQ,EAAE,MAAM,KACb,IAAI,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GACxC,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAS,CACxD,kBAAkB,EAClB,kBAAkB,CACnB;IACC,OAAO,CAAC,aAAa,CAAyB;IAE9C,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAM/C;gBAEW,KAAK,EAAE,kBAAkB;IAUrC,WAAW,GAAI,GAAG,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,UAa/C;IAED,SAAS,GAAI,GAAG,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,UAO7C;IAED,UAAU,GAAI,GAAG,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,UAwB9C;IAED,MAAM,GAAI,GAAG,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,UAK1C;IAGD,MAAM;CA0HP"}