linear-react-components-ui 1.1.27-rc.0 → 2.0.0-beta.0

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,3 @@
-import * as React from 'react';
-import { IPopupProps } from './types.js';
-
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => React.ReactPortal;
-
-export { DropdownPopup as default };
+import { IPopupProps } from './types';
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => import('react').ReactPortal;
+export default DropdownPopup;

package/lib/dropdown/Popup.js

@@ -1,90 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _uuid = require("uuid");
-const _excluded = ["id", "customClassForDropdown", "align", "isFloatMenu", "topPosition", "leftPosition", "rightPosition", "minWidth", "targetRef"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const getDropdownStyles = _ref => {
-  let {
-    align,
-    isFloatMenu,
-    minWidth,
-    container,
-    target
-  } = _ref;
-  if (!container || !target) return '';
-  const targetDimensions = target.getBoundingClientRect();
-  const rightPosition = !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined;
-  const leftPosition = targetDimensions.left;
-  let topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;
-  let top = topPosition + (isFloatMenu ? 6 : 2);
-  let maxHeight = undefined;
-  let showScroll = false;
-  const isOverflowing = top + container.scrollHeight > window.innerHeight;
-  if (isOverflowing) {
-    const targetPosition = targetDimensions.top;
-    const containerHeight = container.scrollHeight;
-    showScroll = containerHeight > targetPosition;
-    maxHeight = showScroll ? targetPosition - 10 : containerHeight;
-    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;
-  }
-  let style = "top: ".concat(top, "px; min-width: ").concat(minWidth, "px;");
-  if (showScroll) style += "max-height: ".concat(maxHeight, "px; overflow-y: scroll;");
-  if (align === 'left') {
-    style += "left: ".concat(leftPosition, "px;");
-  } else if (align === 'right') {
-    style += "right: ".concat(rightPosition, "px;");
-  }
-  return style;
-};
-const {
-  body
-} = document;
-const DropdownPopup = _ref2 => {
-  let {
-      id,
-      customClassForDropdown = '',
-      align = 'left',
-      isFloatMenu = false,
-      topPosition = 0,
-      leftPosition = 0,
-      rightPosition = 0,
-      minWidth = 0,
-      targetRef
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  const popup = (0, _react.useRef)(document.createElement('div'));
-  popup.current.className = "dropdown-component ".concat(customClassForDropdown);
-  popup.current.dataset.testid = 'dropdown-component';
-  if (popup && popup.current) {
-    const modalContainers = document.body.getElementsByClassName('modalcontainer');
-    const lastModalContainer = modalContainers[modalContainers.length - 1];
-    popup.current.style.zIndex = "".concat(modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999);
-  }
-  (0, _react.useEffect)(() => {
-    body.appendChild(popup.current);
-    popup.current.id = id || "dropdown-component-".concat((0, _uuid.v1)());
-    popup.current.style.cssText = getDropdownStyles({
-      topPosition,
-      leftPosition,
-      rightPosition,
-      align,
-      isFloatMenu,
-      minWidth,
-      container: popup.current,
-      target: targetRef
-    });
-    return () => {
-      body.removeChild(popup.current);
-    };
-  }, []);
-  return /*#__PURE__*/_reactDom.default.createPortal(props.children, popup.current);
+import e from "../node_modules/uuid/dist/v1.js";
+import { useEffect as t, useRef as n } from "react";
+import { createPortal as r } from "react-dom";
+//#region src/lib/dropdown/Popup.tsx
+var i = ({ align: e, isFloatMenu: t, minWidth: n, container: r, target: i }) => {
+	if (!r || !i) return "";
+	let a = i.getBoundingClientRect(), o = t ? void 0 : window.innerWidth - a.x - a.width - 4, s = a.left, c = a.top + window.scrollY + a.height + (t ? 6 : 2), l, u = !1;
+	if (c + r.scrollHeight > window.innerHeight) {
+		let e = a.top, n = r.scrollHeight;
+		u = n > e, l = u ? e - 10 : n, c = c - l - a.height - (t ? 6 : 2) - 5;
+	}
+	let d = `top: ${c}px; min-width: ${n}px;`;
+	return u && (d += `max-height: ${l}px; overflow-y: scroll;`), e === "left" ? d += `left: ${s}px;` : e === "right" && (d += `right: ${o}px;`), d;
+}, { body: a } = document, o = ({ id: o, customClassForDropdown: s = "", align: c = "left", isFloatMenu: l = !1, topPosition: u = 0, leftPosition: d = 0, rightPosition: f = 0, minWidth: p = 0, targetRef: m, ...h }) => {
+	let g = n(document.createElement("div"));
+	if (g.current.className = `dropdown-component ${s}`, g.current.dataset.testid = "dropdown-component", g && g.current) {
+		let e = document.body.getElementsByClassName("modalcontainer"), t = e[e.length - 1];
+		g.current.style.zIndex = `${e.length ? Number(t.style.zIndex) + 1 : 99999}`;
+	}
+	return t(() => (a.appendChild(g.current), g.current.id = o || `dropdown-component-${e()}`, g.current.style.cssText = i({
+		topPosition: u,
+		leftPosition: d,
+		rightPosition: f,
+		align: c,
+		isFloatMenu: l,
+		minWidth: p,
+		container: g.current,
+		target: m
+	}), () => {
+		a.removeChild(g.current);
+	}), []), r(h.children, g.current);
 };
-var _default = exports.default = DropdownPopup;
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Popup.js.map

package/lib/dropdown/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","names":[],"sources":["../../src/lib/dropdown/Popup.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { v1 as uuid } from 'uuid';\n\nimport { GetDropdownStyleParams, IPopupProps } from './types';\n\nconst getDropdownStyles = ({\n  align, isFloatMenu, minWidth, container, target,\n}: GetDropdownStyleParams) => {\n  if (!container || !target) return '';\n  const targetDimensions = target.getBoundingClientRect();\n  const rightPosition = !isFloatMenu ?\n      (window.innerWidth - targetDimensions.x) - targetDimensions.width - 4 :\n    undefined;\n  const leftPosition = targetDimensions.left;\n  const topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;\n\n  let top = topPosition + (isFloatMenu ? 6 : 2);\n  let maxHeight = undefined;\n  let showScroll = false;\n  const isOverflowing = top + container.scrollHeight > window.innerHeight;\n\n  if (isOverflowing) {\n    const targetPosition = targetDimensions.top;\n    const containerHeight = container.scrollHeight;\n    showScroll = containerHeight > targetPosition;\n    maxHeight = showScroll ? targetPosition - 10 : containerHeight;\n    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;\n  }\n\n  let style = `top: ${top}px; min-width: ${minWidth}px;`;\n  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;\n  if (align === 'left') {\n    style += `left: ${leftPosition}px;`;\n  } else if (align === 'right') {\n    style += `right: ${rightPosition}px;`;\n  }\n  return style;\n};\n\nconst { body } = document;\n\nconst DropdownPopup = ({\n  id,\n  customClassForDropdown = '',\n  align = 'left',\n  isFloatMenu = false,\n  topPosition = 0,\n  leftPosition = 0,\n  rightPosition = 0,\n  minWidth = 0,\n  targetRef,\n  ...props\n}: IPopupProps) => {\n  const popup = useRef(document.createElement('div'));\n  popup.current.className = `dropdown-component ${customClassForDropdown}`;\n  popup.current.dataset.testid = 'dropdown-component';\n\n  if (popup && popup.current) {\n    const modalContainers = document.body.getElementsByClassName('modalcontainer');\n    const lastModalContainer = modalContainers[modalContainers.length - 1] as HTMLElement;\n    popup.current.style.zIndex = `${modalContainers.length ? (Number(lastModalContainer.style.zIndex) + 1) : 99999}`;\n  }\n\n  useEffect(() => {\n    body.appendChild(popup.current);\n    popup.current.id = id || `dropdown-component-${uuid()}`;\n\n    popup.current.style.cssText = getDropdownStyles({\n      topPosition, leftPosition, rightPosition, align, isFloatMenu, minWidth, \n      container: popup.current, target: targetRef,\n    });\n\n    return () => {\n      body.removeChild(popup.current);\n    };\n  }, []);\n\n  return createPortal(props.children, popup.current);\n};\n\nexport default DropdownPopup;\n"],"mappings":";;;;AAMA,IAAM,KAAqB,EACzB,UAAO,gBAAa,aAAU,cAAW,gBACb;AAC5B,KAAI,CAAC,KAAa,CAAC,EAAQ,QAAO;CAClC,IAAM,IAAmB,EAAO,uBAAuB,EACjD,IAAiB,IAErB,KAAA,IADG,OAAO,aAAa,EAAiB,IAAK,EAAiB,QAAQ,GAElE,IAAe,EAAiB,MAGlC,IAFgB,EAAiB,MAAM,OAAO,UAAU,EAAiB,UAEpD,IAAc,IAAI,IACvC,GACA,IAAa;AAGjB,KAFsB,IAAM,EAAU,eAAe,OAAO,aAEzC;EACjB,IAAM,IAAiB,EAAiB,KAClC,IAAkB,EAAU;AAGlC,EAFA,IAAa,IAAkB,GAC/B,IAAY,IAAa,IAAiB,KAAK,GAC/C,IAAM,IAAM,IAAY,EAAiB,UAAU,IAAc,IAAI,KAAK;;CAG5E,IAAI,IAAQ,QAAQ,EAAA,iBAAqB,EAAA;AAOzC,QANI,MAAY,KAAS,eAAe,EAAA,2BACpC,MAAU,SACZ,KAAS,SAAS,EAAA,OACT,MAAU,YACnB,KAAS,UAAU,EAAA,OAEd;GAGH,EAAE,YAAS,UAEX,KAAiB,EACrB,OACA,4BAAyB,IACzB,WAAQ,QACR,iBAAc,IACd,iBAAc,GACd,kBAAe,GACf,mBAAgB,GAChB,cAAW,GACX,cACA,GAAG,QACc;CACjB,IAAM,IAAQ,EAAO,SAAS,cAAc,MAAM,CAAC;AAInD,KAHA,EAAM,QAAQ,YAAY,sBAAsB,KAChD,EAAM,QAAQ,QAAQ,SAAS,sBAE3B,KAAS,EAAM,SAAS;EAC1B,IAAM,IAAkB,SAAS,KAAK,uBAAuB,iBAAiB,EACxE,IAAqB,EAAgB,EAAgB,SAAS;AACpE,IAAM,QAAQ,MAAM,SAAS,GAAG,EAAgB,SAAU,OAAO,EAAmB,MAAM,OAAO,GAAG,IAAK;;AAiB3G,QAdA,SACE,EAAK,YAAY,EAAM,QAAQ,EAC/B,EAAM,QAAQ,KAAK,KAAM,sBAAsB,GAAM,IAErD,EAAM,QAAQ,MAAM,UAAU,EAAkB;EAC9C;EAAa;EAAc;EAAe;EAAO;EAAa;EAC9D,WAAW,EAAM;EAAS,QAAQ;EACnC,CAAC,QAEW;AACX,IAAK,YAAY,EAAM,QAAQ;KAEhC,EAAE,CAAC,EAEC,EAAa,EAAM,UAAU,EAAM,QAAQ"}

package/lib/dropdown/helper.d.ts

@@ -1,4 +1,2 @@
-declare const contentClass: (showClearButton: boolean) => string;
-declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
-
-export { contentClass, getDropdownItemCssClass };
+export declare const contentClass: (showClearButton: boolean) => string;
+export declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;

package/lib/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import { default as withDropdown } from './withDropdown';
+export default withDropdown;
+export { withDropdown };

package/lib/dropdown/index.js

@@ -0,0 +1,7 @@
+import e from "./withDropdown.js";
+//#region src/lib/dropdown/index.ts
+var t = e;
+//#endregion
+export { t as default, e as withDropdown };
+
+//# sourceMappingURL=index.js.map

package/lib/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/dropdown/index.ts"],"sourcesContent":["import withDropdown from './withDropdown';\n\nexport default withDropdown;\nexport { withDropdown };\n"],"mappings":";;AAEA,IAAA,IAAe"}

package/lib/dropdown/types.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode, Ref, ReactElement } from 'react';
-
-interface WithDropdownProps {
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface WithDropdownProps {
     dropdown?: boolean;
     dropdownOpened?: boolean;
     dropdownAlign?: 'left' | 'right';
@@ -12,17 +11,17 @@ interface WithDropdownProps {
     isFloatMenu?: boolean;
     handlerClose?: (cb: () => void) => void;
 }
-interface WrappedComponentProps extends WithDropdownProps {
+export interface WrappedComponentProps extends WithDropdownProps {
     getDropdownPopup?: (ref: Ref<HTMLElement | null>) => ReactElement;
 }
-interface GetDisplayNameParams {
+export interface GetDisplayNameParams {
     displayName?: string;
     name?: string;
 }
-interface WithDropdownContextProps {
+export interface WithDropdownContextProps {
     handleDropdownClose: () => void;
 }
-interface IPopupProps {
+export interface IPopupProps {
     id?: string;
     children?: ReactNode;
     customClassForDropdown?: string;
@@ -34,7 +33,7 @@ interface IPopupProps {
     minWidth?: number;
     targetRef?: HTMLElement | HTMLInputElement | null;
 }
-interface GetDropdownStyleParams {
+export interface GetDropdownStyleParams {
     align: 'left' | 'right';
     minWidth: number;
     isFloatMenu: boolean;
@@ -44,5 +43,3 @@ interface GetDropdownStyleParams {
     container?: HTMLDivElement;
     target?: HTMLElement | HTMLInputElement | null;
 }
-
-export { GetDisplayNameParams, GetDropdownStyleParams, IPopupProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/dropdown/withDropdown.d.ts

@@ -1,10 +1,9 @@
-import React__default from 'react';
-import { WithDropdownContextProps, WithDropdownProps } from './types.js';
-
-declare const WithDropdownContext: React__default.Context<WithDropdownContextProps>;
-declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
-    (props: ComponentProps): JSX.Element;
+import { ComponentType } from 'react';
+import { WithDropdownProps, WithDropdownContextProps } from './types';
+declare const WithDropdownContext: import('react').Context<WithDropdownContextProps>;
+declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: ComponentType<ComponentProps>) => {
+    (props: ComponentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-
-export { WithDropdownContext, withDropdown as default };
+export default withDropdown;
+export { WithDropdownContext };

package/lib/dropdown/withDropdown.js

@@ -1,92 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithDropdownContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Popup = _interopRequireDefault(require("./Popup"));
-require("../assets/styles/dropdown.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
-const getDisplayName = Component => Component.displayName || Component.name || 'Component';
-const withDropdown = WrappedComponent => {
-  const EnhancedComponent = props => {
-    const {
-      dropdownOpened,
-      showDropdown,
-      dropdown,
-      closeDropdownOnClickOutside = true,
-      handlerClose,
-      customClassForDropdown,
-      children,
-      dropdownAlign = 'left',
-      isFloatMenu,
-      isDropdownOpened
-    } = props;
-    const [opened, setOpened] = (0, _react.useState)(dropdownOpened);
-    const [prevOpened, setPrevOpened] = (0, _react.useState)(dropdownOpened);
-    const popupRef = (0, _react.useRef)(null);
-    const wrappedComponentRef = (0, _react.useRef)(null);
-    if (dropdownOpened !== prevOpened) {
-      setOpened(dropdownOpened);
-      setPrevOpened(dropdownOpened);
-    }
-    const onClickOutside = event => {
-      const {
-        target
-      } = event;
-      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
-        setOpened(false);
-      }
-    };
-    const onDropdownClick = () => {
-      setOpened(prevState => !prevState);
-    };
-    const getDropdown = targetRef => {
-      if (!targetRef || !opened) return null;
-      wrappedComponentRef.current = targetRef;
-      return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-        targetRef: targetRef,
-        align: dropdownAlign,
-        customClassForDropdown: customClassForDropdown,
-        isFloatMenu: isFloatMenu
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: isFloatMenu ? 'items' : undefined,
-        ref: r => {
-          popupRef.current = r;
-        }
-      }, children));
-    };
-    (0, _react.useEffect)(() => {
-      if (dropdown && closeDropdownOnClickOutside) {
-        document.addEventListener('click', onClickOutside);
-      }
-      return () => {
-        if (dropdown && closeDropdownOnClickOutside) {
-          document.removeEventListener('click', onClickOutside);
-        }
-      };
-    }, []);
-    (0, _react.useEffect)(() => {
-      if (handlerClose) handlerClose(() => setOpened(false));
-    }, [handlerClose]);
-    const contextValues = {
-      handleDropdownClose: onDropdownClick
-    };
-    const newProps = {
-      getDropdownPopup: targetRef => getDropdown(targetRef),
-      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,
-      isDropdownOpened: isDropdownOpened || opened
-    };
-    if (!dropdown) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
-    return /*#__PURE__*/_react.default.createElement(WithDropdownContext.Provider, {
-      value: contextValues
-    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
-  };
-  EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
-  return EnhancedComponent;
+import e from "./Popup.js";
+import '../assets/styles/dropdown.css';/* empty css                        */
+import { createContext as t, useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/lib/dropdown/withDropdown.tsx
+var o = t({}), s = (e) => e.displayName || e.name || "Component", c = (t) => {
+	let c = (s) => {
+		let { dropdownOpened: c, showDropdown: l, dropdown: u, closeDropdownOnClickOutside: d = !0, handlerClose: f, customClassForDropdown: p, children: m, dropdownAlign: h = "left", isFloatMenu: g, isDropdownOpened: _ } = s, [v, y] = i(c), [b, x] = i(c), S = r(null), C = r(null);
+		c !== b && (y(c), x(c));
+		let w = (e) => {
+			let { target: t } = e;
+			S?.current && t !== S?.current && !e.composedPath().includes(S.current) && C.current !== t && y(!1);
+		}, T = () => {
+			y((e) => !e);
+		}, E = (t) => !t || !v ? null : (C.current = t, /* @__PURE__ */ a(e, {
+			targetRef: t,
+			align: h,
+			customClassForDropdown: p,
+			isFloatMenu: g,
+			children: /* @__PURE__ */ a("div", {
+				className: g ? "items" : void 0,
+				ref: (e) => {
+					S.current = e;
+				},
+				children: m
+			})
+		}));
+		n(() => (u && d && document.addEventListener("click", w), () => {
+			u && d && document.removeEventListener("click", w);
+		}), []), n(() => {
+			f && f(() => y(!1));
+		}, [f]);
+		let D = { handleDropdownClose: T }, O = {
+			getDropdownPopup: (e) => E(e),
+			showDropdown: l || (() => y(!v)),
+			isDropdownOpened: _ || v
+		};
+		return u ? /* @__PURE__ */ a(o.Provider, {
+			value: D,
+			children: /* @__PURE__ */ a(t, {
+				...s,
+				...O
+			})
+		}) : /* @__PURE__ */ a(t, { ...s });
+	};
+	return c.displayName = `withDropdown(${s(t)})`, c;
 };
-var _default = exports.default = withDropdown;
+//#endregion
+export { o as WithDropdownContext, c as default };
+
+//# sourceMappingURL=withDropdown.js.map

package/lib/dropdown/withDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDropdown.js","names":[],"sources":["../../src/lib/dropdown/withDropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState, createContext, ComponentType } from 'react';\nimport Popup from './Popup';\nimport '../assets/styles/dropdown.scss';\nimport { GetDisplayNameParams, WithDropdownProps, WithDropdownContextProps } from './types';\n\nconst WithDropdownContext = createContext<WithDropdownContextProps>({} as WithDropdownContextProps);\n\nconst getDisplayName = (Component: GetDisplayNameParams) => Component.displayName || Component.name || 'Component';\n\nconst withDropdown = <ComponentProps extends WithDropdownProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      dropdownOpened, showDropdown, dropdown, closeDropdownOnClickOutside = true, handlerClose,\n      customClassForDropdown, children, dropdownAlign = 'left', isFloatMenu, isDropdownOpened,\n    } = props;\n\n    const [opened, setOpened] = useState(dropdownOpened);\n    const [prevOpened, setPrevOpened] = useState(dropdownOpened);\n    const popupRef = useRef<HTMLElement | null>(null);\n    const wrappedComponentRef = useRef<HTMLElement | null>(null);\n\n    if (dropdownOpened !== prevOpened) {\n      setOpened(dropdownOpened);\n      setPrevOpened(dropdownOpened);\n    }\n\n    const onClickOutside = (event: Event) => {\n      const { target } = event;\n      if (popupRef?.current && target !== popupRef?.current &&\n        !event.composedPath().includes(popupRef.current)\n        && wrappedComponentRef.current !== target) {\n        setOpened(false);\n      }\n    };\n\n    const onDropdownClick = () => {\n      setOpened(prevState => !prevState);\n    };\n\n    const getDropdown = (targetRef: HTMLElement | null) => {\n      if (!targetRef || !opened) return null;\n      wrappedComponentRef.current = targetRef;\n      return (\n        <Popup\n          targetRef={targetRef}\n          align={dropdownAlign}\n          customClassForDropdown={customClassForDropdown}\n          isFloatMenu={isFloatMenu}>\n          <div className={isFloatMenu ? 'items' : undefined} ref={(r) => { popupRef.current = r; }}>\n            {children}\n          </div>\n        </Popup>\n      );\n    };\n\n    useEffect(() => {\n      if (dropdown && closeDropdownOnClickOutside) {\n        document.addEventListener('click', onClickOutside);\n      }\n\n      return () => {\n        if (dropdown && closeDropdownOnClickOutside) {\n          document.removeEventListener('click', onClickOutside);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (handlerClose) handlerClose(() => setOpened(false));\n    }, [handlerClose]);\n\n    const contextValues = {\n      handleDropdownClose: onDropdownClick,\n    };\n\n    const newProps = {\n      getDropdownPopup: (targetRef: HTMLElement | null) => getDropdown(targetRef),\n      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,\n      isDropdownOpened: isDropdownOpened || opened,\n    };\n\n    if (!dropdown) return <WrappedComponent {...props} />;\n    return (\n      <WithDropdownContext.Provider value={contextValues}>\n        <WrappedComponent {...props} {...newProps} />\n      </WithDropdownContext.Provider>\n    );\n  };\n\n  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;\n  return EnhancedComponent;\n};\n\nexport default withDropdown;\nexport { WithDropdownContext };\n"],"mappings":";;;;;AAKA,IAAM,IAAsB,EAAwC,EAAE,CAA6B,EAE7F,KAAkB,MAAoC,EAAU,eAAe,EAAU,QAAQ,aAEjG,KACJ,MACG;CACH,IAAM,KAAqB,MAA0B;EACnD,IAAM,EACJ,mBAAgB,iBAAc,aAAU,iCAA8B,IAAM,iBAC5E,2BAAwB,aAAU,mBAAgB,QAAQ,gBAAa,wBACrE,GAEE,CAAC,GAAQ,KAAa,EAAS,EAAe,EAC9C,CAAC,GAAY,KAAiB,EAAS,EAAe,EACtD,IAAW,EAA2B,KAAK,EAC3C,IAAsB,EAA2B,KAAK;AAE5D,EAAI,MAAmB,MACrB,EAAU,EAAe,EACzB,EAAc,EAAe;EAG/B,IAAM,KAAkB,MAAiB;GACvC,IAAM,EAAE,cAAW;AACnB,GAAI,GAAU,WAAW,MAAW,GAAU,WAC5C,CAAC,EAAM,cAAc,CAAC,SAAS,EAAS,QAAQ,IAC7C,EAAoB,YAAY,KACnC,EAAU,GAAM;KAId,UAAwB;AAC5B,MAAU,MAAa,CAAC,EAAU;KAG9B,KAAe,MACf,CAAC,KAAa,CAAC,IAAe,QAClC,EAAoB,UAAU,GAE5B,kBAAC,GAAD;GACa;GACX,OAAO;GACiB;GACX;aACb,kBAAC,OAAD;IAAK,WAAW,IAAc,UAAU,KAAA;IAAW,MAAM,MAAM;AAAE,OAAS,UAAU;;IACjF;IACG,CAAA;GACA,CAAA;AAgBZ,EAZA,SACM,KAAY,KACd,SAAS,iBAAiB,SAAS,EAAe,QAGvC;AACX,GAAI,KAAY,KACd,SAAS,oBAAoB,SAAS,EAAe;MAGxD,EAAE,CAAC,EAEN,QAAgB;AACd,GAAI,KAAc,QAAmB,EAAU,GAAM,CAAC;KACrD,CAAC,EAAa,CAAC;EAElB,IAAM,IAAgB,EACpB,qBAAqB,GACtB,EAEK,IAAW;GACf,mBAAmB,MAAkC,EAAY,EAAU;GAC3E,cAAe,YAAqB,EAAU,CAAC,EAAO;GACtD,kBAAkB,KAAoB;GACvC;AAGD,SADK,IAEH,kBAAC,EAAoB,UAArB;GAA8B,OAAO;aACnC,kBAAC,GAAD;IAAkB,GAAI;IAAO,GAAI;IAAY,CAAA;GAChB,CAAA,GAJX,kBAAC,GAAD,EAAkB,GAAI,GAAS,CAAA;;AASvD,QADA,EAAkB,cAAc,gBAAgB,EAAe,EAAiB,CAAA,IACzE"}

package/lib/fieldset/index.d.ts

@@ -1,8 +1,3 @@
-import { IFieldsetProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../@types/Position.js';
-
-declare const Fieldset: (props: IFieldsetProps) => JSX.Element | null;
-
-export { Fieldset as default };
+import { IFieldsetProps } from './types';
+declare const Fieldset: (props: IFieldsetProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Fieldset;

package/lib/fieldset/index.js

@@ -1,82 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
-var _permissionValidations = require("../permissionValidations");
-var _noPermission = _interopRequireDefault(require("../noPermission"));
-require("../assets/styles/fieldset.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Fieldset = props => {
-  const {
-    gridCols,
-    children,
-    title,
-    titleAlign = 'left',
-    style,
-    styleContent,
-    styleTitle,
-    template = 'none',
-    titleCustomClass,
-    permissionAttr,
-    leftElements = null,
-    rightElements = null
-  } = props;
-  const {
-    hideContent,
-    unvisible
-  } = _permissionValidations.OPTIONS_ON_DENIED;
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
-  const getCssClass = _ref => {
-    let {
-      type,
-      customClass,
-      hasError
-    } = _ref;
-    let cssClass = "fieldset-component ".concat(customClass);
-    if (type) cssClass = "".concat(cssClass, " -").concat(type);
-    if (hasError) cssClass = "".concat(cssClass, " -witherror");
-    return cssClass;
-  };
-  const getContentStyle = _ref2 => {
-    let {
-      colsCount = 2,
-      rowsCount = 2
-    } = _ref2;
-    if (template === 'rows') {
-      return {
-        gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
-      };
-    } else if (template === 'columns') {
-      return {
-        gridTemplateColumns: "repeat(".concat(colsCount, ", 1fr)")
-      };
-    }
-    return {};
-  };
-  const renderContent = () => /*#__PURE__*/_react.default.createElement("fieldset", {
-    style: style,
-    className: getCssClass(_objectSpread({}, props))
-  }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
-    style: styleTitle,
-    align: titleAlign,
-    className: "legend ".concat(titleCustomClass)
-  }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: "contentfieldset -template".concat(template, " "),
-    style: Object.assign(getContentStyle(props), styleContent)
-  }, children)));
-  if (onDenied.unvisible) return null;
-  return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-    cols: gridCols
-  }, renderContent()) : renderContent();
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../gridlayout/index.js";
+import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../permissionValidations.js";
+import i from "../noPermission/index.js";
+import '../assets/styles/fieldset.css';/* empty css                        */
+import { Fragment as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/lib/fieldset/index.tsx
+var l = e(), u = (e) => {
+	let u = (0, l.c)(21), { gridCols: f, children: p, title: m, titleAlign: h, style: g, styleContent: _, styleTitle: v, template: y, titleCustomClass: b, permissionAttr: x, leftElements: S, rightElements: C } = e, w = h === void 0 ? "left" : h, T = y === void 0 ? "none" : y, E = S === void 0 ? null : S, D = C === void 0 ? null : C, { hideContent: O, unvisible: k } = n, A;
+	u[0] === x ? A = u[1] : (A = r([O, k], x), u[0] = x, u[1] = A);
+	let [j] = o(A), M = d, N;
+	u[2] === T ? N = u[3] : (N = (e) => {
+		let { colsCount: t, rowsCount: n } = e;
+		return T === "rows" ? { gridTemplateRows: `repeat(${n === void 0 ? 2 : n}, 1fr)` } : T === "columns" ? { gridTemplateColumns: `repeat(${t === void 0 ? 2 : t}, 1fr)` } : {};
+	}, u[2] = T, u[3] = N);
+	let P = N, F;
+	u[4] !== p || u[5] !== P || u[6] !== E || u[7] !== j.hideContent || u[8] !== e || u[9] !== D || u[10] !== g || u[11] !== _ || u[12] !== v || u[13] !== T || u[14] !== m || u[15] !== w || u[16] !== b ? (F = () => s("fieldset", {
+		style: g,
+		className: M({ ...e }),
+		children: j.hideContent ? s(i, {}) : c(a, { children: [m && c("legend", {
+			style: v,
+			align: w,
+			className: `legend ${b}`,
+			children: [
+				E,
+				m,
+				D
+			]
+		}), s("div", {
+			className: `contentfieldset -template${T} `,
+			style: Object.assign(P(e), _),
+			children: p
+		})] })
+	}), u[4] = p, u[5] = P, u[6] = E, u[7] = j.hideContent, u[8] = e, u[9] = D, u[10] = g, u[11] = _, u[12] = v, u[13] = T, u[14] = m, u[15] = w, u[16] = b, u[17] = F) : F = u[17];
+	let I = F;
+	if (j.unvisible) return null;
+	let L;
+	return u[18] !== f || u[19] !== I ? (L = f ? s(t, {
+		cols: f,
+		children: I()
+	}) : I(), u[18] = f, u[19] = I, u[20] = L) : L = u[20], L;
 };
-var _default = exports.default = Fieldset;
+function d(e) {
+	let { type: t, customClass: n, hasError: r } = e, i = `fieldset-component ${n}`;
+	return t && (i = `${i} -${t}`), r && (i = `${i} -witherror`), i;
+}
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=index.js.map

package/lib/fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/fieldset/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport Grid from '../gridlayout';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport NoPermission from '../noPermission';\nimport '../assets/styles/fieldset.scss';\nimport { IFieldsetProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst Fieldset = (props: IFieldsetProps) => {\n  const {\n    gridCols, children, title, titleAlign = 'left', style, styleContent, styleTitle,\n    template = 'none', titleCustomClass, permissionAttr, leftElements = null, rightElements = null,\n  } = props;\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = ({ type, customClass, hasError }: IFieldsetProps) => {\n    let cssClass = `fieldset-component ${customClass}`;\n    if (type) cssClass = `${cssClass} -${type}`;\n    if (hasError) cssClass = `${cssClass} -witherror`;\n    return cssClass;\n  };\n\n  const getContentStyle = ({ colsCount = 2, rowsCount = 2 }: IFieldsetProps) => {\n    if (template === 'rows') {\n      return { gridTemplateRows: `repeat(${rowsCount}, 1fr)` };\n    } else if (template === 'columns') {\n      return { gridTemplateColumns: `repeat(${colsCount}, 1fr)` };\n    }\n    return {};\n  };\n\n  const renderContent = () => (\n    <fieldset style={style} className={getCssClass({ ...props })}>\n      {onDenied.hideContent\n        ? (\n          <NoPermission />\n          )\n        : (\n          <Fragment>\n            {title && (\n            <legend\n              style={styleTitle}\n              align={titleAlign}\n              className={`legend ${titleCustomClass}`}>\n              {leftElements}\n              {title}\n              {rightElements}\n            </legend>\n            )}\n            <div\n              className={`contentfieldset -template${template} `}\n              style={Object.assign(getContentStyle(props), styleContent)}>\n              {children}\n            </div>\n          </Fragment>\n          )}\n    </fieldset>\n  );\n\n  if (onDenied.unvisible) return null;\n  return (\n    gridCols\n      ? (\n        <Grid cols={gridCols}>{renderContent()}</Grid>\n        )\n      : (\n          renderContent()\n        )\n  );\n};\n\nexport default Fieldset;\n"],"mappings":";;;;;;;;aAQM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,aAAA,aAAA,UAAA,YAAA,GAAA,UAAA,iBAAA,eAAA,UAAA,GAAA,qBAAA,mBAAA,cAAA,GAAA,eAAA,MAGI,GAFyB,IAAA,MAAA,KAAA,IAAA,SAAA,GAC3B,IAAA,MAAA,KAAA,IAAA,SAAA,GAAqD,IAAA,MAAA,KAAA,IAAA,OAAA,GAAqB,IAAA,MAAA,KAAA,IAAA,OAAA,GAE5E,EAAA,gBAAA,iBAAmC,GAAA;AAAA,CAAA,EAAA,OAAA,IAEqD,IAAA,EAAA,MAAnE,IAAA,EAA0B,CAAC,GAAa,EAAU,EAAE,EAAe,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CADxF,IAAA,CAAA,KACE,EAAmB,EAAoE,EAEzF,IAAM;0BAOA,KAAA,MAAA;EAAmB,IAAA,EAAA,WAAA,GAAA,WAAA,MAAA;SACnB,MAAa,SACR,EAAA,kBAAoB,UAFW,MAAA,KAAA,IAAA,IAAA,EAED,SAAmB,GAC/C,MAAa,YACf,EAAA,qBAAuB,UAJP,MAAA,KAAA,IAAA,IAAA,EAIiB,SAAmB,GAEtD,EAAE;;CANX,IAAA,IAAM;0MASA,UACJ,EAAC,YAAD;EAAA;EAAA,WAAmC,EAAY,EAAA,GAAK,GAAO,CAAC;EAAA,UACzD,EAAA,cAEG,EAAC,GAAD,EAmBW,CAAA,GAhBX,EAAC,GAAD,EAAA,UAAA,CACG,KACD,EAAC,UAAD;GAAA,OACS;GAAA,OACA;GAAA,WACI,UAAU;GAAA,UAHvB;IAIG;IACA;IACA;IAAA;MAGH,EAAC,OAAD;GAAA,WACa,4BAA4B,EAAA;GAAS,OACzC,OAAA,OAAc,EAAgB,EAAM,EAAE,EAAa;GAAA;GAEtD,CAAA,CAAA,EACG,CAAA;EAEN,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,EAAA,aAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAzBb,IAAA,IAAM;AA4BN,KAAI,EAAA,UAAS,QAAkB;CAAA,IAAA;AAOR,QAPQ,EAAA,QAAA,KAAA,EAAA,QAAA,KAE7B,IAAA,IAEI,EAAC,GAAD;EAAA,MAAY;EAAA,UAAW,GAAA;EAGrB,CAAe,GAAf,GAAe,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KALrB;;AAvDE,SAAA,EAAA,GAAA;CASiB,IAAA,EAAA,SAAA,gBAAA,gBAAA,GACnB,IAAe,sBAAsB;AAEA,QADjC,MAAM,IAAW,GAAG,EAAA,IAAa,MACjC,MAAU,IAAW,GAAG,EAAA,eACrB"}

package/lib/fieldset/types.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode, CSSProperties } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import { Position } from '../@types/Position.js';
-
-interface IFieldsetProps {
+import { CSSProperties, ReactNode } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { Position } from '../@types/Position';
+export interface IFieldsetProps {
     children: ReactNode;
     customClass?: string;
     template?: 'none' | 'columns' | 'rows';
@@ -21,10 +20,8 @@ interface IFieldsetProps {
     leftElements?: ReactNode;
     rightElements?: ReactNode;
 }
-interface ExpandedElement extends Element {
+export interface ExpandedElement extends Element {
     name?: string;
     value?: string;
     align?: string;
 }
-
-export { ExpandedElement, IFieldsetProps };

package/lib/form/Field.d.ts

@@ -1,14 +1,2 @@
-import React__default from 'react';
-import { IFieldProps } from './types.js';
-import '../inputs/select/types.js';
-import '../@types/Align.js';
-import '../@types/DataCombo.js';
-import '../@types/PermissionAttr.js';
-import '../inputs/base/types.js';
-import '../@types/Period.js';
-import '../tooltip/types.js';
-import '../@types/Position.js';
-
-declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, "key" | keyof IFieldProps> & React__default.RefAttributes<HTMLElement>>;
-
-export { _default as default };
+declare const _default: any;
+export default _default;