linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.19

package/lib/list/Item.js

@@ -1,151 +1,167 @@
-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 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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _icons = _interopRequireDefault(require("../icons"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _helpers = require("./helpers");
+var _withDropdown = require("../dropdown/withDropdown");
+var constants = _interopRequireWildcard(require("../internals/constants"));
+var _permissionValidations = require("../permissionValidations");
+var _tooltip = require("../tooltip");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Item = props => {
+  const {
+    onClick,
+    leftIconName,
+    leftIcon,
+    displayCheckbox,
+    url,
+    leftElement,
+    hovered = true,
+    customClass,
+    text,
+    subText,
+    rightIcon,
+    rightIconName,
+    itemId = '',
+    rightElement,
+    style,
+    children,
+    disabled,
+    separator = true,
+    visible = true,
+    permissionAttr,
+    skeletonize,
+    target,
+    tooltip,
+    tooltipPosition,
+    tooltipWidth,
+    onMouseDown,
+    onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
+  } = props;
+  const {
+    handleSelectItem,
+    selectable,
+    selectedItemId,
+    selectedItemRef,
+    selectOnEnter
+  } = (0, _react.useContext)(_helpers.ListContext);
+  const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const itemRef = (0, _react.useRef)(null);
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const disabledByPermission = onDenied.disabled;
+  const shouldDisable = () => disabled || onDenied.disabled;
+  const disabledIconColor = 'rgb(193, 193, 193)';
+  const getClass = () => `item ${customClass} ${separator && 'list-separator'} ${shouldDisable() && 'disabled'}
+    ${displayCheckbox && 'list-checkbox'}`;
+  const getIcon = (iconName, icon) => {
+    const noIconDisabledByPermission = !icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled;
+    if (icon) {
+      return icon;
+    } else if (noIconDisabledByPermission) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock",
+        color: disabledIconColor
+      });
+    } else if (iconName) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: !disabledByPermission ? iconName : 'padlock',
+        color: !disabledByPermission ? '' : disabledIconColor
+      });
     }
-    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
+  };
+  const handleOnSelectItem = e => {
+    if (onClick !== undefined) onClick(e, itemId);
+    if (dropdownContext && dropdownContext.handleDropdownClose) {
+      dropdownContext.handleDropdownClose();
+    }
+    if (selectable) handleSelectItem(itemId, onClick);
+  };
+  const onKeyDown = (0, _react.useCallback)(e => {
+    if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize && itemId && selectedItemId === itemId) {
+      e.preventDefault();
+      handleOnSelectItem(e);
+      if (url) {
+        if (target === '_blank') {
+          window.open(url, '_blank')?.focus();
+        } else {
+          navigate(url);
+        }
+      }
+    }
+  }, [url, selectedItemId, itemId]);
+  const getProps = () => {
+    if (shouldDisable()) return undefined;
+    if (onClick === undefined && dropdownContext === undefined && !selectable) return null;
+    return {
+      onClick: event => {
+        handleOnSelectItem(event);
+      },
+      role: 'button',
+      tabIndex: 0
+    };
+  };
+  (0, _react.useEffect)(() => {
+    if (selectOnEnter) document.addEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('keydown', onKeyDown);
+    };
+  }, [url, selectedItemId, itemId]);
+  const renderCheckBox = (0, _react.useMemo)(() => {
+    if (!disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+        name: "checkbox"
+      });
+    } else if (disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock"
+      });
+    }
+    return null;
+  }, [disabledByPermission && displayCheckbox]);
+  if (!visible || onDenied.unvisible) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("li", _extends({
+    ref: ref => {
+      itemRef.current = ref;
+      return itemId && selectedItemId === itemId ? selectedItemRef : null;
+    },
+    onMouseDown: onMouseDown,
+    style: style,
+    className: `item-container ${hovered && 'hovered'}
+        ${itemId && selectedItemId === itemId ? '-activedlist' : ''}`
+  }, getProps(), {
+    key: itemId
+  }), url && !shouldDisable() && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    className: "linkitem",
+    to: url,
+    target: target
+  }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${getClass()} -icon-left`
+  }, renderCheckBox, leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${getClass()}`
+  }, text && /*#__PURE__*/_react.default.createElement("p", {
+    className: `${text && 'text'}`
+  }, text), subText && /*#__PURE__*/_react.default.createElement("p", {
+    className: `${subText && 'subtext'}`
+  }, subText), children), (rightIconName || rightIcon || rightElement || disabledByPermission) && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${getClass()} -icon-right`
+  }, getIcon(rightIconName, rightIcon), rightElement)), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+    targetRef: itemRef,
+    text: tooltip,
+    width: tooltipWidth,
+    position: tooltipPosition,
+    onDeniedText: disabledByPermission ? onDeniedText : undefined
+  }));
 };
-//# sourceMappingURL=Item.js.map
+var _default = exports.default = Item;

package/lib/list/Separator.d.ts

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

package/lib/list/Separator.js

@@ -1,11 +1,12 @@
-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
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Separator = () => /*#__PURE__*/_react.default.createElement("li", {
+  className: "list-separator"
+});
+var _default = exports.default = Separator;

package/lib/list/helpers.d.ts

@@ -1,8 +1,16 @@
-import { IListContext } from './types';
-declare const ListContext: import('react').Context<IListContext>;
+import React__default from 'react';
+import { IListContext } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const ListContext: React__default.Context<IListContext>;
 declare const LIST_ITEMS_TYPES: {
     listHeader: string;
     listItem: string;
     listSeparator: string;
 };
-export { ListContext, LIST_ITEMS_TYPES, };
+
+export { LIST_ITEMS_TYPES, ListContext };

package/lib/list/helpers.js

@@ -1,9 +1,14 @@
-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
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListContext = exports.LIST_ITEMS_TYPES = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ListContext = exports.ListContext = /*#__PURE__*/_react.default.createContext({});
+const LIST_ITEMS_TYPES = exports.LIST_ITEMS_TYPES = {
+  listHeader: 'Header',
+  listItem: 'Item',
+  listSeparator: 'Separator'
+};

package/lib/list/index.d.ts

@@ -1,7 +1,14 @@
-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 };
+export { default as ListHeader } from './Header.js';
+export { default as ListItem } from './Item.js';
+export { default as ListSeparator } from './Separator.js';
+import { IListProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+declare const List: (props: IListProps) => JSX.Element;
+
+export { List as default };