@unoff/ui 1.21.0 → 1.21.2

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

@@ -1,13 +1,16 @@
 import '../../../assets/SimpleSlider.css';
-import { jsxs as S, jsx as h } from "react/jsx-runtime";
-import v from "react";
-import T from "../../tags/icon-chip/IconChip.js";
-import y from "../../tags/chip/Chip.js";
-import D from "../../actions/knob/Knob.js";
+import { jsx as m, jsxs as g } from "react/jsx-runtime";
+import D from "react";
 import { r as f } from "../../../do-map-2nhWP1KI.js";
-class P extends v.Component {
+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 F extends D.Component {
   value;
   static defaultProps = {
+    hasProgressBar: !1,
+    hasPadding: !0,
     isBlocked: !1,
     isDisabled: !1,
     isNew: !1,
@@ -24,48 +27,67 @@ class P extends v.Component {
   };
   // Handlers
   validHandler = (t) => {
-    const { min: e, max: s, feature: o, onChange: i, step: u = 1 } = this.props, a = t.target;
-    if (a.value !== "") {
-      const p = parseFloat(a.value);
-      if (p < e) i(o, "TYPED", e);
-      else if (p > s) i(o, "TYPED", s);
+    const { min: e, max: s, feature: i, onChange: o, step: d = 1 } = this.props, n = t.target;
+    if (n.value !== "") {
+      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(p, u);
-        i(o, "TYPED", c);
+        const c = this.roundToStep(r, d);
+        o(i, "TYPED", c);
       }
     }
   };
   // Direct Actions
   onGrab = (t) => {
-    const e = t.currentTarget, s = e.parentElement, o = t.clientX - e.getBoundingClientRect().left - e.getBoundingClientRect().width / 2, i = s.offsetWidth, u = s.parentElement;
-    e.style.zIndex = "2", document.onmousemove = (a) => this.onSlide(a, u, e, o, i), 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, o, i) => {
-    const { min: u, max: a, feature: p, onChange: c, step: d = 0.1 } = this.props, m = parseFloat(
-      window.getComputedStyle(e, null).getPropertyValue("padding-left")
-    );
-    let n = t.clientX - e.offsetLeft - m - o;
-    const r = 0, l = i;
-    n <= r ? n = r : n >= l && (n = l), s.style.left = f(n, 0, i, 0, 100).toFixed(1) + "%";
-    const g = f(n, 0, i, u, a);
-    this.value = this.roundToStep(g, d), this.value < u && (this.value = u), this.value > a && (this.value = a), this.setState({
-      isTooltipDisplay: !0
-    }), c(p, "UPDATING", this.value), document.body.style.cursor = "ew-resize";
+  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 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, r, 0, 100);
+        s.style.left = y.toFixed(1) + "%", this.setState({
+          isTooltipDisplay: !0
+        }), v(c, "UPDATING", this.value);
+      }
+    } else
+      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
+      }), v(c, "UPDATING", this.value);
+    document.body.style.cursor = "ew-resize";
   };
   onRelease = (t) => {
-    const { feature: e, onChange: s } = this.props;
-    document.onmousemove = null, document.onmouseup = null, t.onmouseup = null, t.style.zIndex = "1", this.setState({
+    const { feature: e, onChange: s, step: i = 1 } = this.props;
+    document.onmousemove = null, document.onmouseup = null, t.onmouseup = null, t.style.zIndex = "1", this.value = this.roundToStep(this.value, i), this.setState({
       isTooltipDisplay: !1
     }), 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: o } = this.props;
+    const { warning: t, isBlocked: e, isNew: s, onUnblock: i } = this.props;
     if (t || e || s)
-      return /* @__PURE__ */ S("div", { className: "simple-slider__status", children: [
-        t !== void 0 && /* @__PURE__ */ h(
-          T,
+      return /* @__PURE__ */ g("div", { className: "simple-slider__status", children: [
+        t !== void 0 && /* @__PURE__ */ m(
+          w,
           {
             iconType: "PICTO",
             iconName: "warning",
@@ -74,11 +96,11 @@ class P extends v.Component {
             type: t.type
           }
         ),
-        (e || s) && /* @__PURE__ */ h(
-          y,
+        (e || s) && /* @__PURE__ */ m(
+          P,
           {
             isSolo: !0,
-            action: e ? o : void 0,
+            action: e ? i : void 0,
             children: s ? "New" : "Pro"
           }
         )
@@ -90,68 +112,75 @@ class P extends v.Component {
       id: t,
       label: e,
       value: s,
-      min: o,
-      max: i,
-      colors: u,
-      feature: a,
-      isBlocked: p,
-      isDisabled: c,
-      onChange: d
-    } = this.props, { isTooltipDisplay: m } = this.state;
-    return /* @__PURE__ */ S(
+      min: i,
+      max: o,
+      colors: d,
+      feature: n,
+      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__ */ h(
+          /* @__PURE__ */ g(
             "div",
             {
               className: "simple-slider__range",
               role: "presentation",
               style: {
-                background: `linear-gradient(90deg, ${u.min}, ${u.max})`
+                background: d !== void 0 ? `linear-gradient(90deg, ${d.min}, ${d.max})` : void 0
               },
-              children: /* @__PURE__ */ h(
-                D,
-                {
-                  id: t,
-                  shortId: e,
-                  value: s,
-                  offset: f(s, o, i, 0, 100),
-                  min: o.toString(),
-                  max: i.toString(),
-                  canBeTyped: !0,
-                  isDisplayed: m,
-                  isBlocked: p,
-                  isDisabled: c,
-                  onShiftRight: (n) => {
-                    const { step: r = 1 } = this.props;
-                    if (n.shiftKey) {
-                      const l = this.roundToStep(s + 10, r);
-                      d(a, "SHIFTED", l > i ? i : l);
-                    } else {
-                      const l = this.roundToStep(s + r, r);
-                      d(a, "SHIFTED", l > i ? i : l);
-                    }
-                  },
-                  onShiftLeft: (n) => {
-                    const { step: r = 1 } = this.props;
-                    if (n.shiftKey) {
-                      const l = this.roundToStep(s - 10, r);
-                      d(a, "SHIFTED", l < o ? o : l);
-                    } else {
-                      const l = this.roundToStep(s - r, r);
-                      d(a, "SHIFTED", l < o ? o : l);
-                    }
-                  },
-                  onMouseDown: (n) => {
-                    this.onGrab(n), n.target.focus();
-                  },
-                  onValidStopValue: (n, r) => this.validHandler(r)
-                }
-              )
+              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()
@@ -161,6 +190,6 @@ class P extends v.Component {
   }
 }
 export {
-  P 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 IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport Knob from '@components/actions/knob/Knob'\nimport { doMap } from '@a_ng_d/figmug-utils'\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      rangeWidth = range.offsetWidth 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)\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    slider: HTMLElement,\n    stop: HTMLElement,\n    shift: number,\n    rangeWidth: number\n  ) => {\n    const { min, max, feature, onChange, step = 0.1 } = this.props\n    const sliderPadding: number = parseFloat(\n      window.getComputedStyle(slider, null).getPropertyValue('padding-left')\n    )\n    let offset = e.clientX - slider.offsetLeft - sliderPadding - 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    stop.style.left = doMap(offset, 0, rangeWidth, 0, 100).toFixed(1) + '%'\n\n    const rawValue = doMap(offset, 0, rangeWidth, min, max)\n\n    this.value = this.roundToStep(rawValue, step)\n\n    if (this.value < min) this.value = min\n    if (this.value > max) this.value = max\n\n    this.setState({\n      isTooltipDisplay: true,\n    })\n\n    onChange(feature, 'UPDATING', this.value)\n    document.body.style.cursor = 'ew-resize'\n  }\n\n  onRelease = (stop: HTMLElement) => {\n    const { feature, onChange } = this.props\n\n    document.onmousemove = null\n    document.onmouseup = null\n    stop.onmouseup = null\n    stop.style.zIndex = '1'\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 + 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 - 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","rangeWidth","slider","sliderPadding","offset","limitMin","limitMax","doMap","rawValue","warning","isBlocked","isNew","onUnblock","jsxs","jsx","IconChip","Chip","id","label","colors","isDisabled","isTooltipDisplay","Knob","newValue","_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-item/ActionsItem.js

@@ -1,11 +1,11 @@
 import '../../../assets/ActionsItem.css';
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import u from "react";
+import { t as n } from "../../../do-classnames-DSDFCvzy.js";
 import a from "../../../styles/texts/texts.module.js";
 import y from "../../tags/chip/Chip.js";
 import N from "../../assets/thumbnail/Thumbnail.js";
 import _ from "../../assets/avatar/Avatar.js";
-import { t as n } from "../../../do-classnames-DSDFCvzy.js";
 class C extends u.Component {
   static defaultProps = {
     isInteractive: !1

package/dist/components/lists/actions-item/ActionsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsItem.js","sources":["../../../../src/components/lists/actions-item/ActionsItem.tsx"],"sourcesContent":["import React from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport Avatar from '@components/assets/avatar/Avatar'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './actions-item.scss'\n\nexport interface ActionsItemProps {\n  /**\n   * Unique identifier for the item\n   */\n  id: string\n  /**\n   * Image source URL\n   */\n  src?: string\n  /**\n   * Name/title of the item\n   */\n  name: string\n  /**\n   * Status indicator configuration\n   */\n  indicator?: {\n    /** Label text */\n    label: string\n    /** Status state */\n    status: 'ACTIVE' | 'INACTIVE'\n  }\n  /**\n   * Description text\n   */\n  description: string\n  /**\n   * Additional description text\n   */\n  subdescription: string\n  /**\n   * Additional content slot\n   */\n  complementSlot?: React.ReactNode\n  /**\n   * User information to display\n   */\n  user?: {\n    /** User avatar URL */\n    avatar?: string\n    /** User name */\n    name: string\n  }\n  /**\n   * Action buttons slot\n   */\n  actionsSlot?: React.ReactNode\n  /**\n   * Whether the item is clickable\n   * @default false\n   */\n  isInteractive?: boolean\n  /**\n   * Click handler\n   */\n  action?: React.MouseEventHandler<HTMLLIElement> &\n    React.KeyboardEventHandler<HTMLLIElement>\n}\n\nexport default class ActionsItem extends React.Component<ActionsItemProps> {\n  static defaultProps: Partial<ActionsItemProps> = {\n    isInteractive: false,\n  }\n\n  render() {\n    const {\n      id,\n      src,\n      name,\n      indicator,\n      description,\n      subdescription,\n      complementSlot,\n      user,\n      actionsSlot,\n      isInteractive,\n      action,\n    } = this.props\n    return (\n      <li\n        className={doClassnames([\n          'actions-item',\n          isInteractive && 'actions-item--interactive',\n        ])}\n        data-id={id}\n        aria-label={name}\n        tabIndex={isInteractive ? 0 : -1}\n        onMouseDown={isInteractive ? action : undefined}\n        onKeyDown={(e) => {\n          if ((e.key === ' ' || e.key === 'Enter') && isInteractive) action?.(e)\n          if (e.key === 'Escape' && isInteractive)\n            (e.target as HTMLElement).blur()\n        }}\n      >\n        {src !== undefined && (\n          <div\n            className=\"actions-item__asset\"\n            role=\"presentation\"\n          >\n            <Thumbnail src={src} />\n          </div>\n        )}\n        <div\n          className=\"actions-item__content\"\n          role=\"group\"\n        >\n          <div>\n            <div\n              className={doClassnames([texts.type, texts['type--large']])}\n              role=\"heading\"\n              aria-level={2}\n            >\n              {name}\n              {indicator !== undefined && (\n                <Chip state={indicator.status}>{indicator.label}</Chip>\n              )}\n            </div>\n            <div className={texts.type}>{description}</div>\n            <div\n              className={doClassnames([texts.type, texts['type--secondary']])}\n              style={{\n                marginTop: '2px',\n              }}\n            >\n              {subdescription}\n            </div>\n          </div>\n          {complementSlot !== undefined && (\n            <div\n              className=\"actions-item__complement\"\n              role=\"complementary\"\n            >\n              {complementSlot}\n            </div>\n          )}\n          {user !== undefined && (\n            <Avatar\n              avatar={user.avatar}\n              fullName={user.name}\n            />\n          )}\n        </div>\n        {actionsSlot !== undefined && (\n          <div\n            className=\"actions-item__actions\"\n            role=\"group\"\n          >\n            {actionsSlot}\n          </div>\n        )}\n      </li>\n    )\n  }\n}\n"],"names":["ActionsItem","React","id","src","name","indicator","description","subdescription","complementSlot","user","actionsSlot","isInteractive","action","jsxs","doClassnames","e","jsx","Thumbnail","texts","Chip","Avatar"],"mappings":";;;;;;;AAmEA,MAAqBA,UAAoBC,EAAM,UAA4B;AAAA,EACzE,OAAO,eAA0C;AAAA,IAC/C,eAAe;AAAA,EAAA;AAAA,EAGjB,SAAS;AACP,UAAM;AAAA,MACJ,IAAAC;AAAA,MACA,KAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,IACE,KAAK;AACT,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa;AAAA,UACtB;AAAA,UACAH,KAAiB;AAAA,QAAA,CAClB;AAAA,QACD,WAAST;AAAA,QACT,cAAYE;AAAA,QACZ,UAAUO,IAAgB,IAAI;AAAA,QAC9B,aAAaA,IAAgBC,IAAS;AAAA,QACtC,WAAW,CAACG,MAAM;AAChB,WAAKA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,YAAYJ,SAAwBI,CAAC,GACjEA,EAAE,QAAQ,YAAYJ,KACvBI,EAAE,OAAuB,KAAA;AAAA,QAC9B;AAAA,QAEC,UAAA;AAAA,UAAAZ,MAAQ,UACP,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA,gBAAAA,EAACC,KAAU,KAAAd,EAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGzB,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,kBAAA,gBAAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWC,EAAa,CAACI,EAAM,MAAMA,EAAM,aAAa,CAAC,CAAC;AAAA,sBAC1D,MAAK;AAAA,sBACL,cAAY;AAAA,sBAEX,UAAA;AAAA,wBAAAd;AAAA,wBACAC,MAAc,UACb,gBAAAW,EAACG,GAAA,EAAK,OAAOd,EAAU,QAAS,YAAU,MAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGpD,gBAAAW,EAAC,OAAA,EAAI,WAAWE,EAAM,MAAO,UAAAZ,GAAY;AAAA,kBACzC,gBAAAU;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWF,EAAa,CAACI,EAAM,MAAMA,EAAM,iBAAiB,CAAC,CAAC;AAAA,sBAC9D,OAAO;AAAA,wBACL,WAAW;AAAA,sBAAA;AAAA,sBAGZ,UAAAX;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH,GACF;AAAA,gBACCC,MAAmB,UAClB,gBAAAQ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,MAAK;AAAA,oBAEJ,UAAAR;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGJC,MAAS,UACR,gBAAAO;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,QAAQX,EAAK;AAAA,oBACb,UAAUA,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGHC,MAAgB,UACf,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"ActionsItem.js","sources":["../../../../src/components/lists/actions-item/ActionsItem.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport Avatar from '@components/assets/avatar/Avatar'\nimport './actions-item.scss'\n\nexport interface ActionsItemProps {\n  /**\n   * Unique identifier for the item\n   */\n  id: string\n  /**\n   * Image source URL\n   */\n  src?: string\n  /**\n   * Name/title of the item\n   */\n  name: string\n  /**\n   * Status indicator configuration\n   */\n  indicator?: {\n    /** Label text */\n    label: string\n    /** Status state */\n    status: 'ACTIVE' | 'INACTIVE'\n  }\n  /**\n   * Description text\n   */\n  description: string\n  /**\n   * Additional description text\n   */\n  subdescription: string\n  /**\n   * Additional content slot\n   */\n  complementSlot?: React.ReactNode\n  /**\n   * User information to display\n   */\n  user?: {\n    /** User avatar URL */\n    avatar?: string\n    /** User name */\n    name: string\n  }\n  /**\n   * Action buttons slot\n   */\n  actionsSlot?: React.ReactNode\n  /**\n   * Whether the item is clickable\n   * @default false\n   */\n  isInteractive?: boolean\n  /**\n   * Click handler\n   */\n  action?: React.MouseEventHandler<HTMLLIElement> &\n    React.KeyboardEventHandler<HTMLLIElement>\n}\n\nexport default class ActionsItem extends React.Component<ActionsItemProps> {\n  static defaultProps: Partial<ActionsItemProps> = {\n    isInteractive: false,\n  }\n\n  render() {\n    const {\n      id,\n      src,\n      name,\n      indicator,\n      description,\n      subdescription,\n      complementSlot,\n      user,\n      actionsSlot,\n      isInteractive,\n      action,\n    } = this.props\n    return (\n      <li\n        className={doClassnames([\n          'actions-item',\n          isInteractive && 'actions-item--interactive',\n        ])}\n        data-id={id}\n        aria-label={name}\n        tabIndex={isInteractive ? 0 : -1}\n        onMouseDown={isInteractive ? action : undefined}\n        onKeyDown={(e) => {\n          if ((e.key === ' ' || e.key === 'Enter') && isInteractive) action?.(e)\n          if (e.key === 'Escape' && isInteractive)\n            (e.target as HTMLElement).blur()\n        }}\n      >\n        {src !== undefined && (\n          <div\n            className=\"actions-item__asset\"\n            role=\"presentation\"\n          >\n            <Thumbnail src={src} />\n          </div>\n        )}\n        <div\n          className=\"actions-item__content\"\n          role=\"group\"\n        >\n          <div>\n            <div\n              className={doClassnames([texts.type, texts['type--large']])}\n              role=\"heading\"\n              aria-level={2}\n            >\n              {name}\n              {indicator !== undefined && (\n                <Chip state={indicator.status}>{indicator.label}</Chip>\n              )}\n            </div>\n            <div className={texts.type}>{description}</div>\n            <div\n              className={doClassnames([texts.type, texts['type--secondary']])}\n              style={{\n                marginTop: '2px',\n              }}\n            >\n              {subdescription}\n            </div>\n          </div>\n          {complementSlot !== undefined && (\n            <div\n              className=\"actions-item__complement\"\n              role=\"complementary\"\n            >\n              {complementSlot}\n            </div>\n          )}\n          {user !== undefined && (\n            <Avatar\n              avatar={user.avatar}\n              fullName={user.name}\n            />\n          )}\n        </div>\n        {actionsSlot !== undefined && (\n          <div\n            className=\"actions-item__actions\"\n            role=\"group\"\n          >\n            {actionsSlot}\n          </div>\n        )}\n      </li>\n    )\n  }\n}\n"],"names":["ActionsItem","React","id","src","name","indicator","description","subdescription","complementSlot","user","actionsSlot","isInteractive","action","jsxs","doClassnames","e","jsx","Thumbnail","texts","Chip","Avatar"],"mappings":";;;;;;;AAmEA,MAAqBA,UAAoBC,EAAM,UAA4B;AAAA,EACzE,OAAO,eAA0C;AAAA,IAC/C,eAAe;AAAA,EAAA;AAAA,EAGjB,SAAS;AACP,UAAM;AAAA,MACJ,IAAAC;AAAA,MACA,KAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,eAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,IACE,KAAK;AACT,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa;AAAA,UACtB;AAAA,UACAH,KAAiB;AAAA,QAAA,CAClB;AAAA,QACD,WAAST;AAAA,QACT,cAAYE;AAAA,QACZ,UAAUO,IAAgB,IAAI;AAAA,QAC9B,aAAaA,IAAgBC,IAAS;AAAA,QACtC,WAAW,CAACG,MAAM;AAChB,WAAKA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,YAAYJ,SAAwBI,CAAC,GACjEA,EAAE,QAAQ,YAAYJ,KACvBI,EAAE,OAAuB,KAAA;AAAA,QAC9B;AAAA,QAEC,UAAA;AAAA,UAAAZ,MAAQ,UACP,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA,gBAAAA,EAACC,KAAU,KAAAd,EAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGzB,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EACC,UAAA;AAAA,kBAAA,gBAAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWC,EAAa,CAACI,EAAM,MAAMA,EAAM,aAAa,CAAC,CAAC;AAAA,sBAC1D,MAAK;AAAA,sBACL,cAAY;AAAA,sBAEX,UAAA;AAAA,wBAAAd;AAAA,wBACAC,MAAc,UACb,gBAAAW,EAACG,GAAA,EAAK,OAAOd,EAAU,QAAS,YAAU,MAAA,CAAM;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGpD,gBAAAW,EAAC,OAAA,EAAI,WAAWE,EAAM,MAAO,UAAAZ,GAAY;AAAA,kBACzC,gBAAAU;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWF,EAAa,CAACI,EAAM,MAAMA,EAAM,iBAAiB,CAAC,CAAC;AAAA,sBAC9D,OAAO;AAAA,wBACL,WAAW;AAAA,sBAAA;AAAA,sBAGZ,UAAAX;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH,GACF;AAAA,gBACCC,MAAmB,UAClB,gBAAAQ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,MAAK;AAAA,oBAEJ,UAAAR;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGJC,MAAS,UACR,gBAAAO;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,QAAQX,EAAK;AAAA,oBACb,UAAUA,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGHC,MAAgB,UACf,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAKhD,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

@@ -1,10 +1,10 @@
 import '../../../assets/ActionsList.css';
 import { jsx as n, jsxs as p } from "react/jsx-runtime";
 import b from "react";
+import { t as u } from "../../../do-classnames-DSDFCvzy.js";
 import _ from "../../../styles/texts/texts.module.js";
 import k from "../../tags/chip/Chip.js";
 import { Icon as v } from "../../assets/icon/Icon.js";
-import { t as u } from "../../../do-classnames-DSDFCvzy.js";
 class I extends b.Component {
   scrollInterval;
   subMenuContainerRef;

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 { 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 { doClassnames } from '@a_ng_d/figmug-utils'\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"}