linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/list/types.d.ts

@@ -1,22 +1,20 @@
-import { ReactNode, ReactElement, CSSProperties, ComponentPropsWithoutRef, Ref } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { IconNames } from '../@types/Icon.js';
-import { Position } from '../@types/Position.js';
-import '../icons/helper.js';
-
-type ItemId = string;
-interface KeyboardEvent {
+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;
 }
-interface IListHeaderProps {
+export interface IListHeaderProps {
     title?: string;
     style?: object;
     children?: ReactNode;
     customClass?: string;
 }
-interface IListProps {
+export interface IListProps {
     children: ReactElement | ReactElement[];
     transparent?: boolean;
     customClass?: string;
@@ -30,7 +28,7 @@ interface IListProps {
     skeletonItens?: number;
     selectOnEnter?: boolean;
 }
-interface IListItemProps {
+export interface IListItemProps {
     text?: string;
     style?: object;
     separator?: boolean;
@@ -60,7 +58,7 @@ interface IListItemProps {
     tooltip?: string;
     onDeniedText?: string;
 }
-interface IListContext {
+export interface IListContext {
     selectable: boolean;
     selectedItemId: string;
     selectedItemRef: Ref<HTMLLIElement>;
@@ -69,5 +67,3 @@ interface IListContext {
     children: ReactNode;
     handleSelectItem: (itemId: string, onClick?: () => void) => void;
 }
-
-export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };

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

@@ -1,9 +1,3 @@
-import { IFloatMenuItemProps } from './types.js';
-import 'react';
-import '../../@types/SizePixels.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, onClick, }: IFloatMenuItemProps) => JSX.Element;
-
-export { MenuItem as default };
+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,69 +1,58 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _withDropdown = require("../../dropdown/withDropdown");
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-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; }
-const MenuItem = _ref => {
-  let {
-    title,
-    url,
-    iconName,
-    iconColor = 'gray',
-    iconSize = 24,
-    dropdownMenu,
-    onClick
-  } = _ref;
-  const {
-    customClassMenuItem
-  } = (0, _react.useContext)(_helpers.default);
-  const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-  const handleOnClick = () => {
-    if (onClick) {
-      onClick(dropdownContext?.handleDropdownClose);
+import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useContext as t } from "react";
+import p from "lodash";
+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;
     }
-    if (dropdownContext) dropdownContext.handleDropdownClose();
+    o && o.handleDropdownClose();
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "floatmenuitem"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${customClassMenuItem} -items`
-  }, !_lodash.default.isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    customClass: "floatmenudropdown",
-    iconName: "more1",
-    transparent: true,
-    size: "medium",
-    boxShadow: false,
-    dropdown: true,
-    showIconDropdown: false
-  }, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
-    className: "floatmenulink",
-    target: "_blank",
-    onClick: handleOnClick,
-    href: url,
-    style: {
-      cursor: onClick ? 'pointer' : undefined
-    },
-    rel: "noreferrer"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "iconcontainer"
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: iconName,
-    size: iconSize,
-    color: iconColor,
-    customClass: "iconmenu"
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "nameitem"
-  }, title))));
+  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
 };
-var _default = exports.default = MenuItem;

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 {
+        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,9 +1,4 @@
-import React__default from 'react';
-import { IFloatMenuContext } from './types.js';
-import '../../@types/SizePixels.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const FloatMenuContext: React__default.Context<IFloatMenuContext>;
-
-export { FloatMenuContext as default };
+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,10 +1,5 @@
-"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 FloatMenuContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = FloatMenuContext;
+import t from "react";
+const o = t.createContext({});
+export {
+  o as default
+};

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

@@ -1,40 +1,6 @@
-export { default as MenuItem } from './MenuItem.js';
-import PropTypes from 'prop-types';
-import { IFloatMenuProps } from './types.js';
-import 'react';
-import '../../@types/SizePixels.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletonize, skeletonQtty, children, }: {
-    title: any;
-    customClass: any;
-    handlerGoBack: any;
-    skeletonize: any;
-    skeletonQtty: any;
-    children: any;
-}): JSX.Element;
-declare namespace SubMenuContainer {
-    namespace propTypes {
-        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        const handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
-        const title: PropTypes.Requireable<string>;
-        const customClass: PropTypes.Requireable<string>;
-        const skeletonize: PropTypes.Requireable<boolean>;
-        const skeletonQtty: PropTypes.Requireable<number>;
-    }
-    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 };
-    }
-}
-
-declare const FloatMenu: (props: IFloatMenuProps) => JSX.Element;
-
-export { SubMenuContainer, FloatMenu as default };
+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,68 +1,92 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MenuItem", {
-  enumerable: true,
-  get: function () {
-    return _MenuItem.default;
+import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { default as E } from "./MenuItem.js";
+import { useEffect as f } from "react";
+import { P as i } from "../../chunks/index.Da--18GT.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
+    )) });
   }
-});
-Object.defineProperty(exports, "SubMenuContainer", {
-  enumerable: true,
-  get: function () {
-    return _SubMenuContainer.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _spinner = _interopRequireDefault(require("../../spinner"));
-require("../../assets/styles/floatMenu.scss");
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FloatMenu = props => {
+  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 = 16,
-    iconColor = '#676464',
-    customClass,
-    children,
-    spinner,
-    isLoading,
-    customClassMenuItem
-  } = props;
-  const getSpinner = () => {
-    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, {
-      delayTime: 0
-    });
-    return spinner;
+    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
   };
-  const contextValues = {
-    customClassMenuItem
-  };
-  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-    value: contextValues
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `floatmenu-component ${customClass}`
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    transparent: true,
-    key: "button-",
-    boxShadow: false,
-    dropdown: true,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "grid",
-      size: iconSize,
-      color: iconColor
-    }),
-    customClass: "buttonfloat",
-    tabIndex: -1,
-    isFloatMenu: true,
-    customClassForDropdown: "-floatdropdown",
-    showIconDropdown: false
-  }, isLoading || spinner ? getSpinner() : children)));
+  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
 };
-var _default = exports.default = FloatMenu;

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

@@ -1,12 +1,10 @@
 import { ReactNode } from 'react';
-import { SizePixels } from '../../@types/SizePixels.js';
-import { IconNames } from '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-interface IFloatMenuContext {
+import { SizePixels } from '../../@types/SizePixels';
+import { IconNames } from '../../../lib/@types/Icon';
+export interface IFloatMenuContext {
     customClassMenuItem?: string;
 }
-interface IFloatMenuProps {
+export interface IFloatMenuProps {
     children: ReactNode;
     customClass?: string;
     iconSize?: SizePixels;
@@ -15,7 +13,7 @@ interface IFloatMenuProps {
     isLoading?: boolean;
     spinner?: ReactNode;
 }
-interface IFloatMenuItemProps {
+export interface IFloatMenuItemProps {
     title?: string;
     url?: string;
     urlHref?: string;
@@ -26,5 +24,3 @@ interface IFloatMenuItemProps {
     dropdownMenu?: ReactNode;
     onClick?: (dropdownClose?: () => void) => void;
 }
-
-export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };

package/lib/menus/index.d.ts

@@ -1,12 +1,2 @@
-import FloatMenu from './float/index.js';
-import './float/MenuItem.js';
-import './float/types.js';
-import 'react';
-import '../@types/SizePixels.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import 'prop-types';
-
-
-
-export { FloatMenu as default };
+import { default as Float } from './float';
+export default Float;

package/lib/menus/index.js

@@ -1,9 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _float = _interopRequireDefault(require("./float"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _float.default;
+import t from "./float/index.js";
+export {
+  t as default
+};

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

@@ -1,12 +1,3 @@
-import { IExpandMenuProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => JSX.Element;
-
-export { ExpandMenu as default };
+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,27 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("../../icons"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ExpandMenu = _ref => {
-  let {
-    onExpandMenu,
-    expandMenuCustomClass,
-    iconName
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `openclosemenu ${expandMenuCustomClass}`,
+import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.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: onExpandMenu,
-    onKeyPress: () => {}
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: iconName,
-    size: 16
-  }));
+    onClick: o,
+    onKeyPress: () => {
+    },
+    children: /* @__PURE__ */ e.jsx(t, { name: s, size: 16 })
+  }
+);
+export {
+  m as default
 };
-var _default = exports.default = ExpandMenu;

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

@@ -1,15 +1,6 @@
-import { IMenuLinkProps } from './types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/Size.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
+import { IMenuLinkProps } from './types';
 declare const _default: {
-    (props: IMenuLinkProps): JSX.Element;
+    (props: IMenuLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { _default as default };
+export default _default;

package/lib/menus/sidenav/MenuLink.js

@@ -1,29 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuLink = _ref => {
-  let {
-    url,
-    children,
-    targetRef,
-    disabled
-  } = _ref;
-  if (url && !disabled) {
-    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-      to: url,
-      className: "menulink",
-      ref: r => {
-        if (targetRef) targetRef(r);
-      }
-    }, children);
+import { j as s } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { L as m } from "../../chunks/index.CmrLK9Qe.js";
+import e from "../../internals/withTooltip.js";
+const f = ({ url: o, children: t, targetRef: i, disabled: n }) => o && !n ? /* @__PURE__ */ s.jsx(
+  m,
+  {
+    to: o,
+    className: "menulink",
+    ref: (r) => {
+      i && i(r);
+    },
+    children: t
   }
-  return children;
+) : t, k = e(f);
+export {
+  k as default
 };
-var _default = exports.default = (0, _withTooltip.default)(MenuLink);