linear-react-components-ui 1.1.26-beta.5 → 1.1.26-beta.7

package/lib/list/Item.d.ts

@@ -1,6 +0,0 @@
-import { IListItemProps } from './types';
-declare const _default: {
-    (props: IListItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;

package/lib/list/Item.js

@@ -1,13 +0,0 @@
-import "../chunks/jsx-runtime.gtoSnx-V.js";
-import "react";
-import "react-router-dom";
-import "../icons/index.js";
-import { L as s } from "../chunks/tabs.CM2We4tV.js";
-import "./helpers.js";
-import "../dropdown/withDropdown.js";
-import "../internals/constants.js";
-import "../internals/withTooltip.js";
-import "../permissionValidations.js";
-export {
-  s as default
-};

package/lib/list/Separator.d.ts

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

package/lib/list/Separator.js

@@ -1,5 +0,0 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
-const t = () => /* @__PURE__ */ s.jsx("li", { className: "list-separator" });
-export {
-  t as default
-};

package/lib/list/helpers.d.ts

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

package/lib/list/helpers.js

@@ -1,10 +0,0 @@
-import t from "react";
-const r = t.createContext({}), o = {
-  listHeader: "Header",
-  listItem: "Item",
-  listSeparator: "Separator"
-};
-export {
-  o as LIST_ITEMS_TYPES,
-  r as ListContext
-};

package/lib/list/index.d.ts

@@ -1,7 +0,0 @@
-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

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

package/lib/list/list.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/list/types.d.ts

@@ -1,69 +0,0 @@
-import { ComponentPropsWithoutRef, CSSProperties, ReactElement, ReactNode, Ref } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { IconNames } from '../@types/Icon';
-import { Position } from '../@types/Position';
-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 {
-    text?: string;
-    style?: object;
-    separator?: boolean;
-    hovered?: boolean;
-    disabled?: boolean;
-    displayCheckbox?: boolean;
-    subText?: string;
-    leftElement?: ReactElement;
-    rightElement?: ReactElement;
-    leftIcon?: ReactElement;
-    rightIcon?: ReactElement;
-    onClick?: (event?: React.MouseEvent<HTMLLIElement, MouseEvent> | 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;
-    targetRef?: (ref: HTMLLIElement) => void;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    tooltipWidth?: string | number;
-    tooltip?: string;
-    onDeniedText?: string;
-}
-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

@@ -1,3 +0,0 @@
-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

@@ -1,58 +0,0 @@
-import { j as e } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { useContext as t } from "react";
-import { _ as p } from "../../chunks/lodash.C68pWaTB.js";
-import u from "../../icons/index.js";
-import { WithDropdownContext as f } from "../../dropdown/withDropdown.js";
-import h from "../../buttons/Button.js";
-import '../../assets/button.css';/* empty css                           */
-import x from "./helpers.js";
-const b = ({
-  title: n,
-  url: m,
-  iconName: a,
-  iconColor: i = "gray",
-  iconSize: l = 24,
-  dropdownMenu: r,
-  onClick: s
-}) => {
-  const { customClassMenuItem: c } = t(x), o = t(f), d = () => {
-    if (s) {
-      s(o == null ? void 0 : o.handleDropdownClose);
-      return;
-    }
-    o && o.handleDropdownClose();
-  };
-  return /* @__PURE__ */ e.jsx("div", { className: "floatmenuitem", children: /* @__PURE__ */ e.jsxs("div", { className: `${c} -items`, children: [
-    !p.isEmpty(r) && !s && /* @__PURE__ */ e.jsx(
-      h,
-      {
-        customClass: "floatmenudropdown",
-        iconName: "more1",
-        transparent: !0,
-        size: "medium",
-        boxShadow: !1,
-        dropdown: !0,
-        showIconDropdown: !1,
-        children: r
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      "a",
-      {
-        className: "floatmenulink",
-        target: "_blank",
-        onClick: d,
-        href: m,
-        style: { cursor: s ? "pointer" : void 0 },
-        rel: "noreferrer",
-        children: [
-          /* @__PURE__ */ e.jsx("span", { className: "iconcontainer", children: /* @__PURE__ */ e.jsx(u, { name: a, size: l, color: i, customClass: "iconmenu" }) }),
-          /* @__PURE__ */ e.jsx("span", { className: "nameitem", children: n })
-        ]
-      }
-    )
-  ] }) });
-};
-export {
-  b as default
-};

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

@@ -1,29 +0,0 @@
-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 {
-        const children: any;
-        const handlerGoBack: any;
-        const title: any;
-        const customClass: any;
-        const skeletonize: any;
-        const skeletonQtty: any;
-    }
-    namespace defaultProps {
-        const title_1: undefined;
-        export { title_1 as title };
-        const customClass_1: undefined;
-        export { customClass_1 as customClass };
-        const skeletonize_1: boolean;
-        export { skeletonize_1 as skeletonize };
-        const skeletonQtty_1: number;
-        export { skeletonQtty_1 as skeletonQtty };
-    }
-}

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

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { IFloatMenuContext } from './types';
-declare const FloatMenuContext: React.Context<IFloatMenuContext>;
-export default FloatMenuContext;

package/lib/menus/float/helpers.js

@@ -1,5 +0,0 @@
-import t from "react";
-const o = t.createContext({});
-export {
-  o as default
-};

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

@@ -1,6 +0,0 @@
-import { default as MenuItem } from './MenuItem';
-import { default as SubMenuContainer } from './SubMenuContainer';
-import { IFloatMenuProps } from './types';
-declare const FloatMenu: (props: IFloatMenuProps) => import("react/jsx-runtime").JSX.Element;
-export default FloatMenu;
-export { MenuItem, SubMenuContainer };

package/lib/menus/float/index.js

@@ -1,92 +0,0 @@
-import { j as e } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { default as E } from "./MenuItem.js";
-import { useEffect as f } from "react";
-import { P as i } from "../../chunks/index.CBPsbBt0.js";
-import m from "../../icons/index.js";
-import x from "../../skeleton/index.js";
-import h from "../../skeleton/SkeletonContainer.js";
-import j from "../../buttons/Button.js";
-import '../../assets/button.css';import '../../assets/index28.css';/* empty css                           */
-import w from "../../spinner/index.js";
-import C from "./helpers.js";
-const b = (o, t, r) => {
-  if (o && t) {
-    const l = Array.from({ length: t }, (n, s) => s + 1);
-    return /* @__PURE__ */ e.jsx(h, { style: { flexDirection: "row", flexFlow: "row wrap" }, children: l.map((n) => /* @__PURE__ */ e.jsx(
-      x,
-      {
-        height: 88,
-        width: 88,
-        style: {
-          flexGrow: "unset",
-          marginBottom: 5
-        }
-      },
-      n
-    )) });
-  }
-  return r;
-}, u = ({
-  title: o,
-  customClass: t,
-  handlerGoBack: r,
-  skeletonize: l,
-  skeletonQtty: n,
-  children: s
-}) => (f(() => () => {
-  r();
-}, []), /* @__PURE__ */ e.jsxs("div", { className: `floatsubmenu ${t}`, children: [
-  /* @__PURE__ */ e.jsxs("div", { className: "submenuheader", children: [
-    /* @__PURE__ */ e.jsx(m, { onClick: r, name: "arrowBack", pointerEvents: "all", style: { cursor: "pointer" } }),
-    o && /* @__PURE__ */ e.jsx("span", { children: o })
-  ] }),
-  /* @__PURE__ */ e.jsx("div", { className: "submenucontent", children: b(l, n, s) })
-] }));
-u.propTypes = {
-  children: i.node.isRequired,
-  handlerGoBack: i.func.isRequired,
-  title: i.string,
-  customClass: i.string,
-  skeletonize: i.bool,
-  skeletonQtty: i.number
-};
-u.defaultProps = {
-  title: void 0,
-  customClass: void 0,
-  skeletonize: !1,
-  skeletonQtty: 3
-};
-const P = (o) => {
-  const {
-    iconSize: t = 16,
-    iconColor: r = "#676464",
-    customClass: l,
-    children: n,
-    spinner: s,
-    isLoading: a,
-    customClassMenuItem: c
-  } = o, d = () => a ? /* @__PURE__ */ e.jsx(w, { delayTime: 0 }) : s, p = {
-    customClassMenuItem: c
-  };
-  return /* @__PURE__ */ e.jsx(C.Provider, { value: p, children: /* @__PURE__ */ e.jsx("div", { className: `floatmenu-component ${l}`, children: /* @__PURE__ */ e.jsx(
-    j,
-    {
-      transparent: !0,
-      boxShadow: !1,
-      dropdown: !0,
-      icon: /* @__PURE__ */ e.jsx(m, { name: "grid", size: t, color: r }),
-      customClass: "buttonfloat",
-      tabIndex: -1,
-      isFloatMenu: !0,
-      customClassForDropdown: "-floatdropdown",
-      showIconDropdown: !1,
-      children: a || s ? d() : n
-    },
-    "button-"
-  ) }) });
-};
-export {
-  E as MenuItem,
-  u as SubMenuContainer,
-  P as default
-};

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

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { SizePixels } from '../../@types/SizePixels';
-import { IconNames } from '../../../lib/@types/Icon';
-export interface IFloatMenuContext {
-    customClassMenuItem?: string;
-}
-export interface IFloatMenuProps {
-    children: ReactNode;
-    customClass?: string;
-    iconSize?: SizePixels;
-    iconColor?: string;
-    customClassMenuItem?: string;
-    isLoading?: boolean;
-    spinner?: ReactNode;
-}
-export interface IFloatMenuItemProps {
-    title?: string;
-    url?: string;
-    urlHref?: string;
-    iconName: IconNames;
-    iconColor?: string;
-    iconSize?: SizePixels;
-    customClass?: string;
-    dropdownMenu?: ReactNode;
-    onClick?: (dropdownClose?: () => void) => void;
-}

package/lib/menus/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Float } from './float';
-export default Float;

package/lib/menus/index.js

@@ -1,4 +0,0 @@
-import t from "./float/index.js";
-export {
-  t as default
-};

package/lib/menus/sidenav/ExpandMenu.d.ts

@@ -1,3 +0,0 @@
-import { IExpandMenuProps } from './types';
-declare const ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => import("react/jsx-runtime").JSX.Element;
-export default ExpandMenu;

package/lib/menus/sidenav/ExpandMenu.js

@@ -1,17 +0,0 @@
-import { j as e } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import t from "../../icons/index.js";
-const m = ({ onExpandMenu: o, expandMenuCustomClass: n, iconName: s }) => /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    className: `openclosemenu ${n}`,
-    role: "button",
-    tabIndex: 0,
-    onClick: o,
-    onKeyPress: () => {
-    },
-    children: /* @__PURE__ */ e.jsx(t, { name: s, size: 16 })
-  }
-);
-export {
-  m as default
-};

package/lib/menus/sidenav/MenuLink.d.ts

@@ -1,6 +0,0 @@
-import { IMenuLinkProps } from './types';
-declare const _default: {
-    (props: IMenuLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;

package/lib/menus/sidenav/MenuLink.js

@@ -1,17 +0,0 @@
-import { j as m } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { Link as s } from "react-router-dom";
-import e from "../../internals/withTooltip.js";
-const f = ({ url: o, children: t, targetRef: i, disabled: n }) => o && !n ? /* @__PURE__ */ m.jsx(
-  s,
-  {
-    to: o,
-    className: "menulink",
-    ref: (r) => {
-      i && i(r);
-    },
-    children: t
-  }
-) : t, k = e(f);
-export {
-  k as default
-};

package/lib/menus/sidenav/NavMenuGroup.d.ts

@@ -1,3 +0,0 @@
-import { INavMenuGroupProps } from './types';
-declare const NavMenuGroup: ({ children, scrollable, style }: INavMenuGroupProps) => import("react/jsx-runtime").JSX.Element;
-export default NavMenuGroup;

package/lib/menus/sidenav/NavMenuGroup.js

@@ -1,17 +0,0 @@
-import { j as m } from "../../chunks/jsx-runtime.gtoSnx-V.js";
-import { useContext as n } from "react";
-import u, { SideNavContext as a } from "./helpers.js";
-const l = ({ children: s, scrollable: t, style: e }) => {
-  const { isExpanded: o, menuSize: r } = n(a);
-  return /* @__PURE__ */ m.jsx(
-    "ul",
-    {
-      style: e,
-      className: `${t && "customscroll"} ${u(o, r)}`,
-      children: s
-    }
-  );
-};
-export {
-  l as default
-};

package/lib/menus/sidenav/NavMenuItem.d.ts

@@ -1,6 +0,0 @@
-import { INavMenuItemProps } from './types';
-declare const _default: {
-    (props: INavMenuItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default _default;