linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.3

package/lib/list/Item.js

@@ -0,0 +1,151 @@
+import { jsx as f, jsxs as J } from "react/jsx-runtime";
+import { useContext as Ie, useRef as $e, useEffect as we, createElement as Pe, useState as Te, Fragment as Oe } from "react";
+import { c as Re } from "../_virtual/compiler-runtime.js";
+import { useNavigate as Se, Link as _e } from "react-router-dom";
+import ue from "../icons/index.js";
+import Be from "../checkbox/index.js";
+import { ListContext as Le } from "./helpers.js";
+import { WithDropdownContext as je } from "../dropdown/withDropdown.js";
+import { keyCodes as Ae } from "../internals/constants.js";
+import { actionsOnPermissionDenied as We, OPTIONS_ON_DENIED as Ce } from "../permissionValidations.js";
+import { Tooltip as ze } from "../tooltip/index.js";
+const Ye = (ge) => {
+  const e = Re.c(96), {
+    onClick: c,
+    leftIconName: u,
+    leftIcon: p,
+    displayCheckbox: l,
+    url: i,
+    leftElement: b,
+    hovered: pe,
+    customClass: Q,
+    text: h,
+    subText: v,
+    rightIcon: T,
+    rightIconName: O,
+    itemId: be,
+    rightElement: R,
+    style: U,
+    children: S,
+    disabled: V,
+    separator: he,
+    visible: ve,
+    permissionAttr: X,
+    skeletonize: Y,
+    target: k,
+    tooltip: Z,
+    tooltipPosition: ee,
+    tooltipWidth: te,
+    onMouseDown: oe,
+    onDeniedText: ke
+  } = ge, De = pe === void 0 ? !0 : pe, o = be === void 0 ? "" : be, ie = he === void 0 ? !0 : he, Ne = ve === void 0 ? !0 : ve, ye = ke === void 0 ? "Permissão Negada! Consulte o Administrador do sistema." : ke, {
+    handleSelectItem: le,
+    selectable: x,
+    selectedItemId: s,
+    selectedItemRef: se,
+    selectOnEnter: ne
+  } = Ie(Le), a = Ie(je);
+  let _, B;
+  if (e[0] !== X) {
+    const t = [Ce.disabled, Ce.unvisible];
+    _ = Te, B = We(t, X), e[0] = X, e[1] = _, e[2] = B;
+  } else
+    _ = e[1], B = e[2];
+  const [m] = _(B), xe = $e(null), re = Se(), n = m.disabled;
+  let L;
+  e[3] !== V || e[4] !== m.disabled ? (L = () => V || m.disabled, e[3] = V, e[4] = m.disabled, e[5] = L) : L = e[5];
+  const r = L;
+  let j;
+  e[6] !== Q || e[7] !== l || e[8] !== ie || e[9] !== r ? (j = () => `item ${Q} ${ie && "list-separator"} ${r() && "disabled"}
+    ${l && "list-checkbox"}`, e[6] = Q, e[7] = l, e[8] = ie, e[9] = r, e[10] = j) : j = e[10];
+  const d = j;
+  let A;
+  e[11] !== n || e[12] !== l || e[13] !== b || e[14] !== p || e[15] !== u || e[16] !== m.disabled ? (A = (t, fe) => {
+    const Ee = !fe && !l && !b && !u && !p && m.disabled;
+    return fe || (Ee ? /* @__PURE__ */ f(ue, { name: "padlock", color: "rgb(193, 193, 193)" }) : t ? /* @__PURE__ */ f(ue, { name: n ? "padlock" : t, color: n ? "rgb(193, 193, 193)" : "" }) : null);
+  }, e[11] = n, e[12] = l, e[13] = b, e[14] = p, e[15] = u, e[16] = m.disabled, e[17] = A) : A = e[17];
+  const I = A;
+  let W;
+  e[18] !== a || e[19] !== le || e[20] !== o || e[21] !== c || e[22] !== x ? (W = (t) => {
+    c !== void 0 && c(t, o), a && a.handleDropdownClose && a.handleDropdownClose(), x && le(o, c);
+  }, e[18] = a, e[19] = le, e[20] = o, e[21] = c, e[22] = x, e[23] = W) : W = e[23];
+  const C = W;
+  let z;
+  e[24] !== C || e[25] !== o || e[26] !== re || e[27] !== s || e[28] !== Y || e[29] !== k || e[30] !== i ? (z = (t) => {
+    [Ae.ENTER].includes(t.keyCode) && !Y && o && s === o && (t.preventDefault(), C(t), i && (k === "_blank" ? window.open(i, "_blank")?.focus() : re(i)));
+  }, e[24] = C, e[25] = o, e[26] = re, e[27] = s, e[28] = Y, e[29] = k, e[30] = i, e[31] = z) : z = e[31];
+  const F = z;
+  let K;
+  e[32] !== a || e[33] !== C || e[34] !== c || e[35] !== x || e[36] !== r ? (K = () => {
+    if (!r())
+      return c === void 0 && a === void 0 && !x ? null : {
+        onClick: (t) => {
+          C(t);
+        },
+        role: "button",
+        tabIndex: 0
+      };
+  }, e[32] = a, e[33] = C, e[34] = c, e[35] = x, e[36] = r, e[37] = K) : K = e[37];
+  const de = K;
+  let M;
+  e[38] !== F || e[39] !== ne ? (M = () => (ne && document.addEventListener("keydown", F), () => {
+    document.removeEventListener("keydown", F);
+  }), e[38] = F, e[39] = ne, e[40] = M) : M = e[40];
+  let q;
+  e[41] !== o || e[42] !== s || e[43] !== i ? (q = [i, s, o], e[41] = o, e[42] = s, e[43] = i, e[44] = q) : q = e[44], we(M, q);
+  let G;
+  e: {
+    if (!n && l) {
+      let t;
+      e[45] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(Be, { name: "checkbox" }), e[45] = t) : t = e[45], G = t;
+      break e;
+    } else if (n && l) {
+      let t;
+      e[46] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(ue, { name: "padlock" }), e[46] = t) : t = e[46], G = t;
+      break e;
+    }
+    G = null;
+  }
+  const ce = G;
+  if (!Ne || m.unvisible)
+    return null;
+  let g;
+  e[47] !== o || e[48] !== s || e[49] !== se ? (g = (t) => (xe.current = t, o && s === o ? se : null), e[47] = o, e[48] = s, e[49] = se, e[50] = g) : g = e[50];
+  const ae = `item-container ${De && "hovered"}
+        ${o && s === o ? "-activedlist" : ""}`;
+  let D;
+  e[51] !== de ? (D = de(), e[51] = de, e[52] = D) : D = e[52];
+  let N;
+  e[53] !== r || e[54] !== k || e[55] !== i ? (N = i && !r() && /* @__PURE__ */ f(_e, { className: "linkitem", to: i, target: k }), e[53] = r, e[54] = k, e[55] = i, e[56] = N) : N = e[56];
+  let y;
+  e[57] !== l || e[58] !== d || e[59] !== I || e[60] !== b || e[61] !== p || e[62] !== u || e[63] !== ce ? (y = (l || b || u || p) && /* @__PURE__ */ J("div", { className: `${d()} -icon-left`, children: [
+    ce,
+    b,
+    I(u, p)
+  ] }), e[57] = l, e[58] = d, e[59] = I, e[60] = b, e[61] = p, e[62] = u, e[63] = ce, e[64] = y) : y = e[64];
+  let E;
+  e[65] !== S || e[66] !== d || e[67] !== v || e[68] !== h ? (E = (h || v || S) && /* @__PURE__ */ J("div", { className: `${d()}`, children: [
+    h && /* @__PURE__ */ f("p", { className: `${h && "text"}`, children: h }),
+    v && /* @__PURE__ */ f("p", { className: `${v && "subtext"}`, children: v }),
+    S
+  ] }), e[65] = S, e[66] = d, e[67] = v, e[68] = h, e[69] = E) : E = e[69];
+  let $;
+  e[70] !== n || e[71] !== d || e[72] !== I || e[73] !== R || e[74] !== T || e[75] !== O ? ($ = (O || T || R || n) && /* @__PURE__ */ J("div", { className: `${d()} -icon-right`, children: [
+    I(O, T),
+    R
+  ] }), e[70] = n, e[71] = d, e[72] = I, e[73] = R, e[74] = T, e[75] = O, e[76] = $) : $ = e[76];
+  let w;
+  e[77] !== o || e[78] !== oe || e[79] !== U || e[80] !== g || e[81] !== ae || e[82] !== D || e[83] !== N || e[84] !== y || e[85] !== E || e[86] !== $ ? (w = /* @__PURE__ */ Pe("li", { ref: g, onMouseDown: oe, style: U, className: ae, ...D, key: o }, N, y, E, $), e[77] = o, e[78] = oe, e[79] = U, e[80] = g, e[81] = ae, e[82] = D, e[83] = N, e[84] = y, e[85] = E, e[86] = $, e[87] = w) : w = e[87];
+  const me = n ? ye : void 0;
+  let P;
+  e[88] !== me || e[89] !== Z || e[90] !== ee || e[91] !== te ? (P = /* @__PURE__ */ f(ze, { targetRef: xe, text: Z, width: te, position: ee, onDeniedText: me }), e[88] = me, e[89] = Z, e[90] = ee, e[91] = te, e[92] = P) : P = e[92];
+  let H;
+  return e[93] !== w || e[94] !== P ? (H = /* @__PURE__ */ J(Oe, { children: [
+    w,
+    P
+  ] }), e[93] = w, e[94] = P, e[95] = H) : H = e[95], H;
+};
+export {
+  Ye as default
+};
+//# sourceMappingURL=Item.js.map

package/lib/list/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../src/lib/list/Item.tsx"],"sourcesContent":["import React, { Fragment, MouseEvent, ReactElement, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport Icon from '../icons';\nimport Checkbox from '../checkbox';\nimport { ListContext } from './helpers';\nimport { WithDropdownContext } from '../dropdown/withDropdown';\nimport * as constants from '../internals/constants';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { IListItemProps, KeyboardEvent } from './types';\nimport { IconNames } from '../@types/Icon';\nimport { Tooltip } from '../tooltip';\n\nconst Item = (props: IListItemProps) => {\n  const {\n    onClick, leftIconName, leftIcon, displayCheckbox, url, leftElement, hovered = true, customClass,\n    text, subText, rightIcon, rightIconName, itemId = '', rightElement, style, children, disabled,\n    separator = true, visible = true, permissionAttr, skeletonize, target, tooltip, tooltipPosition,\n    tooltipWidth, onMouseDown, onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.',\n  } = props;\n  const {\n    handleSelectItem, selectable, selectedItemId, selectedItemRef, selectOnEnter,\n  } = useContext(ListContext);\n  const dropdownContext = useContext(WithDropdownContext);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n  const itemRef = useRef<HTMLLIElement | null>(null);\n  const navigate = useNavigate();\n  const disabledByPermission = onDenied.disabled;\n  const shouldDisable = () => disabled || onDenied.disabled;\n  const disabledIconColor = 'rgb(193, 193, 193)';\n\n  const getClass = () =>\n    `item ${customClass} ${separator && 'list-separator'} ${shouldDisable() && 'disabled'}\n    ${displayCheckbox && 'list-checkbox'}`;\n\n  const getIcon = (iconName?: IconNames, icon?: ReactElement) => {\n    const noIconDisabledByPermission =\n      !icon && !displayCheckbox &&\n      !leftElement && !leftIconName &&\n      !leftIcon && onDenied.disabled;\n\n    if (icon) {\n      return icon;\n    } else if (noIconDisabledByPermission) {\n      return <Icon name=\"padlock\" color={disabledIconColor} />;\n    } else if (iconName) {\n      return (\n        <Icon\n          name={!disabledByPermission ? iconName : 'padlock'}\n          color={!disabledByPermission ? '' : disabledIconColor} />\n      );\n    }\n    return null;\n  };\n\n  const handleOnSelectItem = (e: MouseEvent<HTMLLIElement> | KeyboardEvent) => {\n    if (onClick !== undefined) onClick(e, itemId);\n    if (dropdownContext && dropdownContext.handleDropdownClose) {\n      dropdownContext.handleDropdownClose();\n    }\n    if (selectable) handleSelectItem(itemId, onClick);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize && itemId &&\n      selectedItemId === itemId) {\n      e.preventDefault();\n      handleOnSelectItem(e);\n      if (url) {\n        if (target === '_blank') {\n          window.open(url, '_blank')?.focus();\n        } else {\n          navigate(url);\n        }\n      }\n    }\n  };\n\n  const getProps = () => {\n    if (shouldDisable()) return undefined;\n    if (onClick === undefined && dropdownContext === undefined && !selectable) return null;\n\n    return {\n      onClick: (event: MouseEvent<HTMLLIElement>) => {\n        handleOnSelectItem(event);\n      },\n      role: 'button',\n      tabIndex: 0,\n    };\n  };\n\n  useEffect(() => {\n    if (selectOnEnter) document.addEventListener('keydown', onKeyDown);\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [url, selectedItemId, itemId]);\n\n  const renderCheckBox = useMemo(\n    () => {\n      if (!disabledByPermission && displayCheckbox) {\n        return <Checkbox name=\"checkbox\" />;\n      } else if (disabledByPermission && displayCheckbox) {\n        return <Icon name=\"padlock\" />;\n      }\n      return null;\n    },\n    [disabledByPermission && displayCheckbox],\n  );\n\n  if (!visible || onDenied.unvisible) return null;\n  return (\n    <Fragment>\n      <li\n        ref={(ref: HTMLLIElement) => {\n          itemRef.current = ref;\n          return itemId && selectedItemId === itemId ? selectedItemRef : null as any;\n        }}\n        onMouseDown={onMouseDown}\n        style={style}\n        className={\n          `item-container ${hovered && 'hovered'}\n        ${itemId && selectedItemId === itemId ? '-activedlist' : ''}`\n        }\n        {...getProps()}\n        key={itemId}>\n        {url && !shouldDisable() &&\n          <Link className=\"linkitem\" to={url} target={target} />\n        }\n        {(displayCheckbox || leftElement || leftIconName || leftIcon) &&\n          <div className={`${getClass()} -icon-left`}>\n            {renderCheckBox}\n            {leftElement}\n            {getIcon(leftIconName, leftIcon)}\n          </div>\n        }\n        {(text || subText || children) &&\n          <div className={`${getClass()}`}>\n            {text && <p className={`${text && 'text'}`}>{text}</p>}\n            {subText && <p className={`${subText && 'subtext'}`}>{subText}</p>}\n            {children}\n          </div>\n        }\n        {(rightIconName || rightIcon || rightElement || disabledByPermission) &&\n          <div className={`${getClass()} -icon-right`}>\n            {getIcon(rightIconName, rightIcon)}\n            {rightElement}\n          </div>\n        }\n      </li>\n      <Tooltip\n        targetRef={itemRef}\n        text={tooltip}\n        width={tooltipWidth}\n        position={tooltipPosition}\n        onDeniedText={disabledByPermission ? onDeniedText : undefined} />\n    </Fragment>\n  );\n};\n\nexport default Item;\n"],"names":["Item","props","$","_c","onClick","leftIconName","leftIcon","displayCheckbox","url","leftElement","hovered","t0","customClass","text","subText","rightIcon","rightIconName","itemId","t1","rightElement","style","children","disabled","separator","t2","visible","t3","permissionAttr","skeletonize","target","tooltip","tooltipPosition","tooltipWidth","onMouseDown","onDeniedText","t4","undefined","handleSelectItem","selectable","selectedItemId","selectedItemRef","selectOnEnter","useContext","ListContext","dropdownContext","WithDropdownContext","t5","t6","options","OPTIONS_ON_DENIED","unvisible","useState","actionsOnPermissionDenied","onDenied","itemRef","useRef","navigate","useNavigate","disabledByPermission","t7","shouldDisable","t8","getClass","t9","iconName","icon","noIconDisabledByPermission","jsx","Icon","disabledIconColor","getIcon","t10","e","handleDropdownClose","handleOnSelectItem","t11","e_0","constants","ENTER","includes","keyCode","preventDefault","window","open","focus","onKeyDown","t12","event","role","tabIndex","getProps","t13","document","addEventListener","removeEventListener","t14","useEffect","t15","bb0","t16","Symbol","for","Checkbox","renderCheckBox","ref","current","t17","t18","t19","Link","t20","jsxs","t21","t22","t23","createElement","t24","t25","Tooltip","t26","Fragment"],"mappings":"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"}

package/lib/list/Separator.d.ts

@@ -0,0 +1,2 @@
+declare const Separator: () => import("react/jsx-runtime").JSX.Element;
+export default Separator;

package/lib/list/Separator.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as o } from "../_virtual/compiler-runtime.js";
+const m = () => {
+  const t = o.c(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r("li", { className: "list-separator" }), t[0] = e) : e = t[0], e;
+};
+export {
+  m as default
+};
+//# sourceMappingURL=Separator.js.map

package/lib/list/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../../src/lib/list/Separator.tsx"],"sourcesContent":["\nconst Separator = () => (\n  <li className=\"list-separator\" />\n);\n\nexport default Separator;\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx"],"mappings":";;AACA,MAAMA,IAAYA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAChBF,IAAA,gBAAAG,EAAA,MAAA,EAAc,WAAA,iBAAA,CAAgB,GAAGL,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAAjCE;AAAiC;"}

package/lib/list/helpers.d.ts

@@ -0,0 +1,8 @@
+import { IListContext } from './types';
+declare const ListContext: import('react').Context<IListContext>;
+declare const LIST_ITEMS_TYPES: {
+    listHeader: string;
+    listItem: string;
+    listSeparator: string;
+};
+export { ListContext, LIST_ITEMS_TYPES, };

package/lib/list/helpers.js

@@ -0,0 +1,9 @@
+import { createContext as t } from "react";
+const o = t({}), r = {
+  listHeader: "Header"
+};
+export {
+  r as LIST_ITEMS_TYPES,
+  o as ListContext
+};
+//# sourceMappingURL=helpers.js.map

package/lib/list/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/list/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { IListContext } from './types';\n\nconst ListContext = createContext<IListContext>({} as IListContext);\n\nconst LIST_ITEMS_TYPES = {\n  listHeader: 'Header',\n  listItem: 'Item',\n  listSeparator: 'Separator',\n};\n\nexport {\n  ListContext,\n  LIST_ITEMS_TYPES,\n};\n"],"names":["ListContext","createContext","LIST_ITEMS_TYPES","listHeader"],"mappings":";AAGA,MAAMA,IAAcC,EAA4B,CAAA,CAAkB,GAE5DC,IAAmB;AAAA,EACvBC,YAAY;AAGd;"}

package/lib/list/index.d.ts

@@ -0,0 +1,7 @@
+import { default as ListHeader } from './Header';
+import { default as ListItem } from './Item';
+import { default as ListSeparator } from './Separator';
+import { IListProps } from './types';
+declare const List: (props: IListProps) => import("react/jsx-runtime").JSX.Element;
+export default List;
+export { ListHeader, ListItem, ListSeparator };

package/lib/list/index.js

@@ -0,0 +1,106 @@
+import { jsx as f, jsxs as R } from "react/jsx-runtime";
+import { useRef as S, useState as I, useEffect as a, Fragment as O } from "react";
+import { default as J } from "./Header.js";
+import D from "./Item.js";
+import { keyCodes as m } from "../internals/constants.js";
+import { default as X } from "./Separator.js";
+import '../assets/styles/list.css';/* empty css                         */
+import { LIST_ITEMS_TYPES as v, ListContext as H } from "./helpers.js";
+import $ from "../skeleton/index.js";
+const Y = (p) => {
+  const {
+    children: t,
+    customClass: E,
+    condensed: L,
+    transparent: T,
+    style: W,
+    selectable: C,
+    onSelectItem: u,
+    skeletonize: l = !1,
+    skeletonHeight: w = 48,
+    skeletonItens: h = 5,
+    selectOnEnter: N = !1
+  } = p, c = S(null), s = S(null), [o, i] = I(""), [r, g] = I([]), [B, k] = I(t), P = {
+    selectable: C,
+    selectOnEnter: N,
+    selectedItemId: o,
+    selectedItemRef: c,
+    children: t,
+    skeletonize: l,
+    handleSelectItem: (e, n) => {
+      !u && n && i(e), u && u(e);
+    }
+  }, x = (e) => {
+    if ([m.ARROW_DOWN, m.ARROW_UP].includes(e.keyCode) && !l) {
+      if (e.preventDefault(), e.keyCode === m.ARROW_DOWN)
+        if (o === r[r.length - 1])
+          i(r[0]);
+        else {
+          const n = r.indexOf(o === "" ? "0" : o);
+          i(r[n + 1]);
+        }
+      else if (e.keyCode === m.ARROW_UP)
+        if (o === r[0])
+          i(r[r.length - 1]);
+        else {
+          const n = r.indexOf(o);
+          i(r[n - 1]);
+        }
+      return c.current && c.current.focus();
+    }
+    return null;
+  }, y = (e = 1) => {
+    const d = e > h ? 2 : Math.floor(h / e), A = Array.from(Array(d).keys());
+    return /* @__PURE__ */ f("div", { className: "skeleton-transparency", children: A.map((b) => /* @__PURE__ */ f(D, { hovered: !1, style: {
+      pointerEvents: "none"
+    }, children: /* @__PURE__ */ f($, { height: w, style: {
+      margin: "6px 0"
+    } }) }, b)) });
+  }, _ = (e) => e ? Array.isArray(e) && e.length > 0 ? e.map((n) => /* @__PURE__ */ R(O, { children: [
+    n,
+    y(e.length)
+  ] }, n.props.title)) : /* @__PURE__ */ R(O, { children: [
+    e,
+    y()
+  ] }) : y();
+  return a(() => {
+    if (c.current && s.current && s.current.scroll) {
+      const e = c.current.getBoundingClientRect(), n = s.current.getBoundingClientRect();
+      e.top - e.height > n.bottom ? s.current.scroll({
+        top: e.top
+      }) : e.top + e.height - n.y >= n.height ? s.current.scroll({
+        top: s.current.scrollTop + e.height
+      }) : e.bottom < 100 ? s.current.scroll({
+        top: 0
+      }) : s.current.scroll({
+        top: s.current.scrollTop - e.height
+      });
+    }
+  }, [c.current]), a(() => (l || document.addEventListener("keydown", x), () => {
+    document.removeEventListener("keydown", x);
+  }), [l, o, r]), a(() => {
+    u && p.selectedItemId && i(p.selectedItemId);
+  }, [p.selectedItemId]), a(() => {
+    if (Array.isArray(t) && t.length > 0) {
+      const e = t.map((n) => n.props && n.props.itemId).filter(Boolean);
+      g(e);
+    } else if (!Array.isArray(t) && t.props) {
+      const e = t;
+      e.props.itemId && g([e.props.itemId]);
+    }
+  }, [t]), a(() => {
+    if (l) {
+      let e = null;
+      Array.isArray(t) && t.length > 0 ? e = t.filter((d) => d.type && typeof d.type != "string" && d.type.name === v.listHeader) : Array.isArray(t) || (e = t.type && typeof t.type != "string" && t.type.name === v.listHeader ? t : null), k(_(e));
+    } else
+      k(t);
+  }, [l, t]), /* @__PURE__ */ f(H.Provider, { value: P, children: /* @__PURE__ */ f("ul", { "data-testid": "list-component", style: W, ref: s, className: `list-component ${L && "-condensed"}
+        ${E} ${!T && "-listbackground"}`, children: B }) });
+};
+export {
+  J as ListHeader,
+  D as ListItem,
+  X as ListSeparator,
+  Y as default
+};
+//# sourceMappingURL=index.js.map

package/lib/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/list/index.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ReactElement, Fragment, MouseEventHandler } from 'react';\nimport ListHeader from './Header';\nimport ListItem from './Item';\nimport * as constants from '../internals/constants';\nimport ListSeparator from './Separator';\nimport '../assets/styles/list.scss';\nimport { ListContext, LIST_ITEMS_TYPES } from './helpers';\nimport { IListContext, IListProps, ItemId } from './types';\nimport Skeleton from '../skeleton';\n\nconst List = (props: IListProps) => {\n  const {\n    children, customClass, condensed, transparent, style, selectable, onSelectItem,\n    skeletonize = false, skeletonHeight = 48, skeletonItens = 5, selectOnEnter = false,\n  } = props;\n  const selectedItemRef = useRef< HTMLLIElement | null>(null);\n  const listRef = useRef<HTMLUListElement | null>(null);\n  const [selectedItemId, setSelectedItemId] = useState<string>('');\n  const [itensId, setItensId] = useState<ItemId[]>([]);\n  const [newChildren, setNewChildren] = useState(children);\n\n  const contextValues = {\n    selectable,\n    selectOnEnter,\n    selectedItemId,\n    selectedItemRef,\n    children,\n    skeletonize,\n    handleSelectItem: (itemId: string, onClick?: MouseEventHandler) => {\n      if (!onSelectItem && onClick) setSelectedItemId(itemId);\n      if (onSelectItem) onSelectItem(itemId);\n    },\n  } as IListContext;\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if ([constants.keyCodes.ARROW_DOWN, constants.keyCodes.ARROW_UP].includes(e.keyCode)\n      && !skeletonize) {\n      e.preventDefault();\n      if (e.keyCode === constants.keyCodes.ARROW_DOWN) {\n        if (selectedItemId === itensId[itensId.length - 1]) {\n          setSelectedItemId(itensId[0]);\n        } else {\n          const index = itensId.indexOf(selectedItemId === '' ? '0' : selectedItemId);\n          setSelectedItemId(itensId[index + 1]);\n        }\n      } else if (e.keyCode === constants.keyCodes.ARROW_UP) {\n        if (selectedItemId === itensId[0]) {\n          setSelectedItemId(itensId[itensId.length - 1]);\n        } else {\n          const index = itensId.indexOf(selectedItemId);\n          setSelectedItemId(itensId[index - 1]);\n        }\n      }\n      return selectedItemRef.current && selectedItemRef.current.focus();\n    }\n    return null;\n  };\n\n  const getSkeleton = (length = 1) => {\n    const maxSkeletonsItensExceeded = 2;\n    const skeletonItensCount = length > skeletonItens ?\n      maxSkeletonsItensExceeded\n      : Math.floor(skeletonItens / length);\n    const skeletonItensList = Array.from(Array(skeletonItensCount).keys());\n\n    return (\n      <div className=\"skeleton-transparency\">\n        {skeletonItensList.map(id => (\n          <ListItem key={id} hovered={false} style={{ pointerEvents: 'none' }}>\n            <Skeleton height={skeletonHeight} style={{ margin: '6px 0' }} />\n          </ListItem>\n        ))}\n      </div>\n    );\n  };\n\n  const getNewChildren = (headersChildren: ReactElement | ReactElement[] | null) => {\n    if (!headersChildren) return getSkeleton();\n\n    return (\n      Array.isArray(headersChildren) && headersChildren.length > 0 ?\n          headersChildren.map((item: any) => (\n            <Fragment key={item.props.title}>\n              {item}\n              {getSkeleton(headersChildren.length)}\n            </Fragment>\n          ))\n        : (\n          <Fragment>\n            {headersChildren}\n            {getSkeleton()}\n          </Fragment>\n          )\n    );\n  };\n\n  useEffect(() => {\n    if (selectedItemRef.current && listRef.current && listRef.current.scroll) {\n      const selectedItemRect = selectedItemRef.current.getBoundingClientRect();\n      const listRect = listRef.current.getBoundingClientRect();\n      const defaultScrollTop = 0;\n      const defaultBottomOffset = 100;\n\n      if (selectedItemRect.top - selectedItemRect.height > listRect.bottom) {\n        listRef.current.scroll({ top: selectedItemRect.top });\n      } else if ((selectedItemRect.top + selectedItemRect.height) - listRect.y >= listRect.height) {\n        listRef.current.scroll({ top: listRef.current.scrollTop + selectedItemRect.height });\n      } else if (selectedItemRect.bottom < defaultBottomOffset) {\n        listRef.current.scroll({ top: defaultScrollTop });\n      } else {\n        listRef.current.scroll({ top: listRef.current.scrollTop - selectedItemRect.height });\n      }\n    }\n  }, [selectedItemRef.current]);\n\n  useEffect(() => {\n    if (!skeletonize) document.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [skeletonize, selectedItemId, itensId]);\n\n  useEffect(() => {\n    if (onSelectItem && props.selectedItemId) setSelectedItemId(props.selectedItemId);\n  }, [props.selectedItemId]);\n\n  useEffect(() => {\n    if (Array.isArray(children) && children.length > 0) {\n      const newItensIds: ItemId[] = children.map((item: any) =>\n        item.props && item.props.itemId).filter(Boolean);\n      setItensId(newItensIds);\n    } else if (!Array.isArray(children) && children.props) {\n      const childrenWithProps = children as ReactElement<{ itemId?: string }>;\n      if (childrenWithProps.props.itemId) setItensId([childrenWithProps.props.itemId]);\n    }\n  }, [children]);\n\n  useEffect(() => {\n    if (skeletonize) {\n      let headersChildren: ReactElement | ReactElement[] | null = null;\n      if (Array.isArray(children) && children.length > 0) {\n        const childrenWithType = children as ReactElement[];\n        headersChildren = childrenWithType.filter((item: ReactElement) => item.type &&\n          typeof item.type !== 'string' && item.type.name === LIST_ITEMS_TYPES.listHeader);\n      } else if (!Array.isArray(children)) {\n        headersChildren = children.type && typeof children.type !== 'string' &&\n          children.type.name === LIST_ITEMS_TYPES.listHeader\n          ? children\n          : null;\n      }\n      setNewChildren(getNewChildren(headersChildren));\n    } else {\n      setNewChildren(children);\n    }\n  }, [skeletonize, children]);\n\n  return (\n    <ListContext.Provider value={contextValues}>\n      <ul\n        data-testid=\"list-component\"\n        style={style}\n        ref={listRef}\n        className={`list-component ${condensed && '-condensed'}\n        ${customClass} ${!transparent && '-listbackground'}`}>\n        {newChildren}\n      </ul>\n    </ListContext.Provider>\n  );\n};\n\nexport default List;\nexport { ListHeader, ListItem, ListSeparator };\n"],"names":["List","props","children","customClass","condensed","transparent","style","selectable","onSelectItem","skeletonize","skeletonHeight","skeletonItens","selectOnEnter","selectedItemRef","useRef","listRef","selectedItemId","setSelectedItemId","useState","itensId","setItensId","newChildren","setNewChildren","contextValues","handleSelectItem","itemId","onClick","onKeyDown","e","constants","ARROW_DOWN","ARROW_UP","includes","keyCode","preventDefault","length","index","indexOf","current","focus","getSkeleton","skeletonItensCount","maxSkeletonsItensExceeded","Math","floor","skeletonItensList","Array","from","keys","jsx","map","id","ListItem","pointerEvents","Skeleton","margin","getNewChildren","headersChildren","isArray","item","jsxs","Fragment","title","useEffect","scroll","selectedItemRect","getBoundingClientRect","listRect","top","height","bottom","y","scrollTop","defaultScrollTop","document","addEventListener","removeEventListener","newItensIds","filter","Boolean","childrenWithProps","type","name","LIST_ITEMS_TYPES","listHeader","ListContext"],"mappings":"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"}

package/lib/list/types.d.ts

@@ -0,0 +1,66 @@
+import { ComponentPropsWithoutRef, CSSProperties, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { IconNames } from '../@types/Icon';
+import { ITooltipCommonProps } from '../tooltip/types';
+export type ItemId = string;
+export interface KeyboardEvent {
+    key: string;
+    keyCode: number;
+    preventDefault: () => void;
+}
+export interface IListHeaderProps {
+    title?: string;
+    style?: object;
+    children?: ReactNode;
+    customClass?: string;
+}
+export interface IListProps {
+    children: ReactElement | ReactElement[];
+    transparent?: boolean;
+    customClass?: string;
+    condensed?: boolean;
+    selectable?: boolean;
+    style?: CSSProperties;
+    onSelectItem?: (itemId: string) => void;
+    selectedItemId?: string;
+    skeletonize?: boolean;
+    skeletonHeight?: number;
+    skeletonItens?: number;
+    selectOnEnter?: boolean;
+}
+export interface IListItemProps extends ITooltipCommonProps {
+    text?: string;
+    style?: object;
+    separator?: boolean;
+    hovered?: boolean;
+    disabled?: boolean;
+    displayCheckbox?: boolean;
+    subText?: string;
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+    leftIcon?: ReactElement;
+    rightIcon?: ReactElement;
+    onClick?: (event?: MouseEvent<HTMLLIElement> | KeyboardEvent, itemId?: string) => void;
+    leftIconName?: IconNames;
+    rightIconName?: IconNames;
+    customClass?: string;
+    url?: string;
+    target?: ComponentPropsWithoutRef<'a'>['target'];
+    visible?: boolean;
+    itemId?: string;
+    children?: ReactNode;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    selectOnEnter?: boolean;
+    skeletonize?: boolean;
+    onDeniedText?: string;
+    onMouseDown?: (event?: MouseEvent<HTMLLIElement>) => void;
+}
+export interface IListContext {
+    selectable: boolean;
+    selectedItemId: string;
+    selectedItemRef: Ref<HTMLLIElement>;
+    selectOnEnter: boolean;
+    skeletonize: boolean;
+    children: ReactNode;
+    handleSelectItem: (itemId: string, onClick?: () => void) => void;
+}

package/lib/menus/float/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { IFloatMenuItemProps } from './types';
+declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/lib/menus/float/MenuItem.js

@@ -0,0 +1,56 @@
+import { jsx as m, jsxs as z } from "react/jsx-runtime";
+import { c as y } from "../../_virtual/compiler-runtime.js";
+import { useContext as D } from "react";
+import S from "../../_virtual/lodash.js";
+import b from "../../icons/index.js";
+import { WithDropdownContext as g } from "../../dropdown/withDropdown.js";
+import j from "../../buttons/Button.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import E from "./helpers.js";
+const G = (I) => {
+  const o = y.c(24), {
+    title: f,
+    url: p,
+    iconName: u,
+    iconColor: k,
+    iconSize: v,
+    dropdownMenu: c,
+    onClick: e
+  } = I, C = k === void 0 ? "gray" : k, h = v === void 0 ? 24 : v, {
+    customClassMenuItem: M
+  } = D(E), l = D(g);
+  let a;
+  o[0] !== l || o[1] !== e ? (a = () => {
+    if (e) {
+      e(l?.handleDropdownClose);
+      return;
+    }
+    l && l.handleDropdownClose();
+  }, o[0] = l, o[1] = e, o[2] = a) : a = o[2];
+  const w = a, x = `${M} -items`;
+  let t;
+  o[3] !== c || o[4] !== e ? (t = !S.isEmpty(c) && !e && /* @__PURE__ */ m(j, { customClass: "floatmenudropdown", iconName: "more1", transparent: !0, size: "medium", boxShadow: !1, dropdown: !0, showIconDropdown: !1, children: c }), o[3] = c, o[4] = e, o[5] = t) : t = o[5];
+  const N = e ? "pointer" : void 0;
+  let n;
+  o[6] !== N ? (n = {
+    cursor: N
+  }, o[6] = N, o[7] = n) : n = o[7];
+  let r;
+  o[8] !== C || o[9] !== u || o[10] !== h ? (r = /* @__PURE__ */ m("span", { className: "iconcontainer", children: /* @__PURE__ */ m(b, { name: u, size: h, color: C, customClass: "iconmenu" }) }), o[8] = C, o[9] = u, o[10] = h, o[11] = r) : r = o[11];
+  let s;
+  o[12] !== f ? (s = /* @__PURE__ */ m("span", { className: "nameitem", children: f }), o[12] = f, o[13] = s) : s = o[13];
+  let i;
+  o[14] !== w || o[15] !== n || o[16] !== r || o[17] !== s || o[18] !== p ? (i = /* @__PURE__ */ z("a", { className: "floatmenulink", target: "_blank", onClick: w, href: p, style: n, rel: "noreferrer", children: [
+    r,
+    s
+  ] }), o[14] = w, o[15] = n, o[16] = r, o[17] = s, o[18] = p, o[19] = i) : i = o[19];
+  let d;
+  return o[20] !== i || o[21] !== x || o[22] !== t ? (d = /* @__PURE__ */ m("div", { className: "floatmenuitem", children: /* @__PURE__ */ z("div", { className: x, children: [
+    t,
+    i
+  ] }) }), o[20] = i, o[21] = x, o[22] = t, o[23] = d) : d = o[23], d;
+};
+export {
+  G as default
+};
+//# sourceMappingURL=MenuItem.js.map

package/lib/menus/float/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../src/lib/menus/float/MenuItem.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport _ from 'lodash';\nimport Icon from '../../icons';\nimport { WithDropdownContext } from '../../dropdown/withDropdown';\nimport Button from '../../buttons';\nimport FloatMenuContext from './helpers';\nimport { IFloatMenuItemProps } from './types';\n\nconst MenuItem = ({\n  title, url, iconName, iconColor = 'gray', iconSize = 24, dropdownMenu, onClick,\n}: IFloatMenuItemProps) => {\n  const { customClassMenuItem } = useContext(FloatMenuContext);\n  const dropdownContext = useContext(WithDropdownContext);\n\n  const handleOnClick = () => {\n    if (onClick) {\n      onClick(dropdownContext?.handleDropdownClose);\n      return;\n    }\n    if (dropdownContext) dropdownContext.handleDropdownClose();\n  };\n\n  return (\n    <div className=\"floatmenuitem\">\n      <div className={`${customClassMenuItem} -items`}>\n        {!_.isEmpty(dropdownMenu) && !onClick && (\n          <Button\n            customClass=\"floatmenudropdown\"\n            iconName=\"more1\"\n            transparent\n            size=\"medium\"\n            boxShadow={false}\n            dropdown\n            showIconDropdown={false}>\n            {dropdownMenu}\n          </Button>\n        )}\n        <a\n          className=\"floatmenulink\"\n          target=\"_blank\"\n          onClick={handleOnClick}\n          href={url}\n          style={{ cursor: onClick ? 'pointer' : undefined }}\n          rel=\"noreferrer\">\n          <span className=\"iconcontainer\">\n            <Icon name={iconName} size={iconSize} color={iconColor} customClass=\"iconmenu\" />\n          </span>\n          <span className=\"nameitem\">{title}</span>\n        </a>\n      </div>\n    </div>\n  );\n};\n\nexport default MenuItem;\n"],"names":["MenuItem","t0","$","_c","title","url","iconName","iconColor","t1","iconSize","t2","dropdownMenu","onClick","undefined","customClassMenuItem","useContext","FloatMenuContext","dropdownContext","WithDropdownContext","t3","handleDropdownClose","handleOnClick","t4","t5","_","isEmpty","jsx","Button","t6","t7","cursor","t8","Icon","t9","t10","t11","jsxs"],"mappings":";;;;;;;;;AAQA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAX,GACMM,IAAAC,MAAAK,SAAA,SAAAL,GAAoBC,IAAAC,MAAAG,SAAA,KAAAH,GAE1C;AAAA,IAAAI,qBAAAA;AAAAA,EAAAA,IAAgCC,EAAWC,CAAgB,GAC3DC,IAAwBF,EAAWG,CAAmB;AAAE,MAAAC;AAAA,EAAAjB,EAAA,CAAA,MAAAe,KAAAf,SAAAU,KAElCO,IAAAA,MAAA;AACpB,QAAIP,GAAO;AACTA,MAAAA,EAAQK,GAAeG,mBAAqB;AAAC;AAAA,IAAA;AAG/C,IAAIH,KAAiBA,EAAeG,oBAAAA;AAAAA,EAAuB,GAC5DlB,OAAAe,GAAAf,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAND,QAAAmB,IAAsBF,GAUFG,IAAA,GAAGR,CAAmB;AAAS,MAAAS;AAAA,EAAArB,EAAA,CAAA,MAAAS,KAAAT,SAAAU,KAC5CW,IAAA,CAACC,EAACC,QAASd,CAAY,KAAvB,CAA6BC,KAC5B,gBAAAc,EAACC,GAAA,EACa,aAAA,qBACH,UAAA,SACT,aAAA,IACK,MAAA,UACM,WAAA,IACX,cACkB,kBAAA,IACjBhB,UAAAA,EAAAA,CACH,GACDT,OAAAS,GAAAT,OAAAU,GAAAV,OAAAqB,KAAAA,IAAArB,EAAA,CAAA;AAMkB,QAAA0B,IAAAhB,IAAA,YAAAC;AAA+B,MAAAgB;AAAA,EAAA3B,SAAA0B,KAAzCC,IAAA;AAAA,IAAAC,QAAUF;AAAAA,EAAAA,GAAiC1B,OAAA0B,GAAA1B,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAAA,MAAA6B;AAAA,EAAA7B,EAAA,CAAA,MAAAK,KAAAL,SAAAI,KAAAJ,EAAA,EAAA,MAAAO,KAElDsB,IAAA,gBAAAL,EAAA,QAAA,EAAgB,WAAA,iBACd,4BAACM,GAAA,EAAW1B,MAAAA,GAAgBG,MAAAA,GAAiBF,OAAAA,GAAuB,aAAA,YAAU,GAChF,GAAOL,OAAAK,GAAAL,OAAAI,GAAAJ,QAAAO,GAAAP,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAA+B;AAAA,EAAA/B,UAAAE,KACP6B,IAAA,gBAAAP,EAAA,QAAA,EAAgB,WAAA,YAAYtB,UAAAA,GAAM,GAAOF,QAAAE,GAAAF,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA;AAAA,MAAAgC;AAAA,EAAAhC,EAAA,EAAA,MAAAmB,KAAAnB,EAAA,EAAA,MAAA2B,KAAA3B,EAAA,EAAA,MAAA6B,KAAA7B,EAAA,EAAA,MAAA+B,KAAA/B,UAAAG,KAV3C6B,6BACY,WAAA,iBACH,QAAA,UACEb,SAAAA,GACHhB,MAAAA,GACC,OAAAwB,GACH,KAAA,cACJE,UAAAA;AAAAA,IAAAA;AAAAA,IAGAE;AAAAA,EAAAA,GACF,GAAI/B,QAAAmB,GAAAnB,QAAA2B,GAAA3B,QAAA6B,GAAA7B,QAAA+B,GAAA/B,QAAAG,GAAAH,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAiC;AAAA,SAAAjC,EAAA,EAAA,MAAAgC,KAAAhC,UAAAoB,KAAApB,EAAA,EAAA,MAAAqB,KAzBRY,sBAAA,OAAA,EAAe,WAAA,iBACb,UAAA,gBAAAC,EAAA,OAAA,EAAgB,WAAAd,GACbC,UAAAA;AAAAA,IAAAA;AAAAA,IAYDW;AAAAA,EAAAA,EAAAA,CAYF,EAAA,CACF,GAAMhC,QAAAgC,GAAAhC,QAAAoB,GAAApB,QAAAqB,GAAArB,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA,GA3BNiC;AA2BM;"}

package/lib/menus/float/SubMenuContainer.d.ts

@@ -0,0 +1,29 @@
+export default SubMenuContainer;
+declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
+    title: any;
+    customClass: any;
+    handlerGoBack: any;
+    skeletonize: any;
+    skeletonQtty: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SubMenuContainer {
+    namespace propTypes {
+        let children: any;
+        let handlerGoBack: any;
+        let title: any;
+        let customClass: any;
+        let skeletonize: any;
+        let skeletonQtty: any;
+    }
+    namespace defaultProps {
+        let title_1: undefined;
+        export { title_1 as title };
+        let customClass_1: undefined;
+        export { customClass_1 as customClass };
+        let skeletonize_1: boolean;
+        export { skeletonize_1 as skeletonize };
+        let skeletonQtty_1: number;
+        export { skeletonQtty_1 as skeletonQtty };
+    }
+}

package/lib/menus/float/SubMenuContainer.js

@@ -0,0 +1,78 @@
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import { useEffect as g } from "react";
+import c from "../../_virtual/index.js";
+import S from "../../icons/index.js";
+import _ from "../../skeleton/index.js";
+import B from "../../skeleton/SkeletonContainer.js";
+const z = (h, e, o) => {
+  if (h && e) {
+    const k = Array.from({
+      length: e
+    }, (t, m) => m + 1);
+    return /* @__PURE__ */ a(B, { style: {
+      flexDirection: "row",
+      flexFlow: "row wrap"
+    }, children: k.map((t) => /* @__PURE__ */ a(_, { height: 88, width: 88, style: {
+      flexGrow: "unset",
+      marginBottom: 5
+    } }, t)) });
+  }
+  return o;
+}, C = (h) => {
+  const e = v.c(21), {
+    title: o,
+    customClass: k,
+    handlerGoBack: t,
+    skeletonize: m,
+    skeletonQtty: y,
+    children: b
+  } = h;
+  let f;
+  e[0] !== t ? (f = () => () => {
+    t();
+  }, e[0] = t, e[1] = f) : f = e[1];
+  let u;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[2] = u) : u = e[2], g(f, u);
+  const w = `floatsubmenu ${k}`;
+  let d;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    cursor: "pointer"
+  }, e[3] = d) : d = e[3];
+  let l;
+  e[4] !== t ? (l = /* @__PURE__ */ a(S, { onClick: t, name: "arrowBack", pointerEvents: "all", style: d }), e[4] = t, e[5] = l) : l = e[5];
+  let r;
+  e[6] !== o ? (r = o && /* @__PURE__ */ a("span", { children: o }), e[6] = o, e[7] = r) : r = e[7];
+  let s;
+  e[8] !== l || e[9] !== r ? (s = /* @__PURE__ */ x("div", { className: "submenuheader", children: [
+    l,
+    r
+  ] }), e[8] = l, e[9] = r, e[10] = s) : s = e[10];
+  let n;
+  e[11] !== b || e[12] !== y || e[13] !== m ? (n = z(m, y, b), e[11] = b, e[12] = y, e[13] = m, e[14] = n) : n = e[14];
+  let i;
+  e[15] !== n ? (i = /* @__PURE__ */ a("div", { className: "submenucontent", children: n }), e[15] = n, e[16] = i) : i = e[16];
+  let p;
+  return e[17] !== w || e[18] !== s || e[19] !== i ? (p = /* @__PURE__ */ x("div", { className: w, children: [
+    s,
+    i
+  ] }), e[17] = w, e[18] = s, e[19] = i, e[20] = p) : p = e[20], p;
+};
+C.propTypes = {
+  children: c.node.isRequired,
+  handlerGoBack: c.func.isRequired,
+  title: c.string,
+  customClass: c.string,
+  skeletonize: c.bool,
+  skeletonQtty: c.number
+};
+C.defaultProps = {
+  title: void 0,
+  customClass: void 0,
+  skeletonize: !1,
+  skeletonQtty: 3
+};
+export {
+  C as default
+};
+//# sourceMappingURL=SubMenuContainer.js.map

package/lib/menus/float/SubMenuContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuContainer.js","sources":["../../../src/lib/menus/float/SubMenuContainer.jsx"],"sourcesContent":["import { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Icon from '../../icons';\nimport Skeleton, { SkeletonContainer } from '../../skeleton';\n\nconst renderChildren = (skeletonize, skeletonQtty, children) => {\n  if (skeletonize && skeletonQtty) {\n    const skeletons = Array.from({ length: skeletonQtty }, (_, i) => i + 1);\n    return (\n      <SkeletonContainer style={{ flexDirection: 'row', flexFlow: 'row wrap' }}>\n        {skeletons.map(id => (\n          <Skeleton\n            key={id}\n            height={88}\n            width={88}\n            style={{\n              flexGrow: 'unset',\n              marginBottom: 5,\n            }} />\n        ))}\n      </SkeletonContainer>\n    );\n  }\n\n  return children;\n};\n\nconst SubMenuContainer = ({\n  title, customClass, handlerGoBack, skeletonize, skeletonQtty, children,\n}) => {\n  useEffect(() => () => {\n    handlerGoBack();\n  }, []);\n\n  return (\n    <div className={`floatsubmenu ${customClass}`}>\n      <div className=\"submenuheader\">\n        <Icon onClick={handlerGoBack} name=\"arrowBack\" pointerEvents=\"all\" style={{ cursor: 'pointer' }} />\n        {title && <span>{title}</span>}\n      </div>\n      <div className=\"submenucontent\">\n        {renderChildren(skeletonize, skeletonQtty, children)}\n      </div>\n    </div>\n  );\n};\n\nSubMenuContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  handlerGoBack: PropTypes.func.isRequired,\n  title: PropTypes.string,\n  customClass: PropTypes.string,\n  skeletonize: PropTypes.bool,\n  skeletonQtty: PropTypes.number,\n};\n\nSubMenuContainer.defaultProps = {\n  title: undefined,\n  customClass: undefined,\n  skeletonize: false,\n  skeletonQtty: 3,\n};\n\nexport default SubMenuContainer;\n"],"names":["renderChildren","skeletonize","skeletonQtty","children","skeletons","Array","from","length","_","i","jsx","SkeletonContainer","flexDirection","flexFlow","map","id","Skeleton","flexGrow","marginBottom","SubMenuContainer","t0","$","_c","title","customClass","handlerGoBack","t1","t2","Symbol","for","useEffect","t3","t4","cursor","t5","Icon","t6","t7","jsxs","t8","t9","t10","propTypes","PropTypes","node","isRequired","func","string","bool","number","defaultProps","undefined"],"mappings":"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"}