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

package/lib/dropdown/Popup.js

@@ -1,90 +1,49 @@
-"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;
+import { useRef as w, useEffect as x } from "react";
+import P from "react-dom";
+import { v } from "../chunks/v1.CDXKvGzE.js";
+const y = ({
+  align: s,
+  isFloatMenu: r,
+  minWidth: c,
+  container: i,
+  target: d
+}) => {
+  if (!i || !d) return "";
+  const e = d.getBoundingClientRect(), a = r ? void 0 : window.innerWidth - e.x - e.width - 4, p = e.left;
+  let n = e.top + window.scrollY + e.height + (r ? 6 : 2), t, o = !1;
+  if (n + i.scrollHeight > window.innerHeight) {
+    const m = e.top, u = i.scrollHeight;
+    o = u > m, t = o ? m - 10 : u, n = n - t - e.height - (r ? 6 : 2) - 5;
   }
-  let style = `top: ${top}px; min-width: ${minWidth}px;`;
-  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;
-  if (align === 'left') {
-    style += `left: ${leftPosition}px;`;
-  } else if (align === 'right') {
-    style += `right: ${rightPosition}px;`;
+  let l = `top: ${n}px; min-width: ${c}px;`;
+  return o && (l += `max-height: ${t}px; overflow-y: scroll;`), s === "left" ? l += `left: ${p}px;` : s === "right" && (l += `right: ${a}px;`), l;
+}, { body: g } = document, D = ({
+  id: s,
+  customClassForDropdown: r = "",
+  align: c = "left",
+  isFloatMenu: i = !1,
+  topPosition: d = 0,
+  leftPosition: e = 0,
+  rightPosition: a = 0,
+  minWidth: p = 0,
+  targetRef: f,
+  ...n
+}) => {
+  const t = w(document.createElement("div"));
+  if (t.current.className = `dropdown-component ${r}`, t.current.dataset.testid = "dropdown-component", t && t.current) {
+    const o = document.body.getElementsByClassName("modalcontainer"), h = o[o.length - 1];
+    t.current.style.zIndex = `${o.length ? Number(h.style.zIndex) + 1 : 99999}`;
   }
-  return style;
+  return x(() => (g.appendChild(t.current), t.current.id = s || `dropdown-component-${v()}`, t.current.style.cssText = y({
+    align: c,
+    isFloatMenu: i,
+    minWidth: p,
+    container: t.current,
+    target: f
+  }), () => {
+    g.removeChild(t.current);
+  }), []), P.createPortal(n.children, t.current);
 };
-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 ${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 = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
-  }
-  (0, _react.useEffect)(() => {
-    body.appendChild(popup.current);
-    popup.current.id = id || `dropdown-component-${(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);
+export {
+  D as default
 };
-var _default = exports.default = DropdownPopup;

package/lib/dropdown/dropdown.spec.d.ts

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

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/helper.js

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDropdownItemCssClass = exports.contentClass = void 0;
-const contentClass = showClearButton => `content ${showClearButton ? '' : 'noclear'}`;
-exports.contentClass = contentClass;
-const getDropdownItemCssClass = (selected, disabled, striped) => {
-  let className = 'item';
-  className += selected && !disabled ? ' -selected ' : '';
-  className += disabled ? ' -disabled' : '';
-  className += !selected && !disabled && striped ? ' -striped ' : '';
-  return className;
+const o = (t) => `content ${t ? "" : "noclear"}`, c = (t, s, n) => {
+  let e = "item";
+  return e += t && !s ? " -selected " : "", e += s ? " -disabled" : "", e += !t && !s && n ? " -striped " : "", e;
+};
+export {
+  o as contentClass,
+  c as getDropdownItemCssClass
 };
-exports.getDropdownItemCssClass = getDropdownItemCssClass;

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 { default as React } from 'react';
+import { WithDropdownProps, WithDropdownContextProps } from './types';
+declare const WithDropdownContext: React.Context<WithDropdownContextProps>;
+declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: React.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,93 +1,55 @@
-"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 _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 WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
-const getDisplayName = Component => Component.displayName || Component.name || 'Component';
-const withDropdown = WrappedComponent => {
-  const EnhancedComponent = props => {
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { createContext as L, useState as h, useRef as x, useEffect as O } from "react";
+import A from "./Popup.js";
+import '../assets/withDropdown.css';const M = L({}), S = (o) => o.displayName || o.name || "Component", q = (o) => {
+  const a = (c) => {
     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?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
-        setOpened(false);
+      dropdownOpened: t,
+      showDropdown: p,
+      dropdown: i,
+      closeDropdownOnClickOutside: w = !0,
+      handlerClose: l,
+      customClassForDropdown: v,
+      children: C,
+      dropdownAlign: j = "left",
+      isFloatMenu: m,
+      isDropdownOpened: P
+    } = c, [u, r] = h(t), [k, E] = h(t), e = x(null), D = x(null);
+    t !== k && (r(t), E(t));
+    const f = (n) => {
+      const { target: d } = n;
+      e != null && e.current && d !== (e == null ? void 0 : e.current) && !n.composedPath().includes(e.current) && D.current !== d && r(!1);
+    }, g = () => {
+      r((n) => !n);
+    }, N = (n) => !n || !u ? null : (D.current = n, /* @__PURE__ */ s.jsx(
+      A,
+      {
+        targetRef: n,
+        align: j,
+        customClassForDropdown: v,
+        isFloatMenu: m,
+        children: /* @__PURE__ */ s.jsx("div", { className: m ? "items" : void 0, ref: (d) => {
+          e.current = d;
+        }, children: C })
       }
+    ));
+    O(() => (i && w && document.addEventListener("click", f), () => {
+      i && w && document.removeEventListener("click", f);
+    }), []), O(() => {
+      l && l(() => r(!1));
+    }, [l]);
+    const y = {
+      handleDropdownClose: g
+    }, F = {
+      getDropdownPopup: (n) => N(n),
+      showDropdown: p || (() => r(!u)),
+      isDropdownOpened: P || u
     };
-    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)));
+    return i ? /* @__PURE__ */ s.jsx(M.Provider, { value: y, children: /* @__PURE__ */ s.jsx(o, { ...c, ...F }) }) : /* @__PURE__ */ s.jsx(o, { ...c });
   };
-  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
-  return EnhancedComponent;
+  return a.displayName = `withDropdown(${S(o)})`, a;
+};
+export {
+  M as WithDropdownContext,
+  q as default
 };
-var _default = exports.default = withDropdown;

package/lib/fieldset/fieldset.spec.d.ts

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

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,83 +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 _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 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 => {
+import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as O, Fragment as D } from "react";
+import '../assets/gridlayout.css';import '../assets/index12.css';/* empty css                            */
+import T from "../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as b, OPTIONS_ON_DENIED as v } from "../permissionValidations.js";
+import w from "../noPermission/index.js";
+const _ = (n) => {
   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 ${customClass}`;
-    if (type) cssClass = `${cssClass} -${type}`;
-    if (hasError) cssClass = `${cssClass} -witherror`;
-    return cssClass;
-  };
-  const getContentStyle = _ref2 => {
-    let {
-      colsCount = 2,
-      rowsCount = 2
-    } = _ref2;
-    if (template === 'rows') {
-      return {
-        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
-      };
-    } else if (template === 'columns') {
-      return {
-        gridTemplateColumns: `repeat(${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 ${titleCustomClass}`
-  }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: `contentfieldset -template${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();
+    gridCols: r,
+    children: c,
+    title: o,
+    titleAlign: d = "left",
+    style: f,
+    styleContent: u,
+    styleTitle: C,
+    template: l = "none",
+    titleCustomClass: g,
+    permissionAttr: p,
+    leftElements: h = null,
+    rightElements: j = null
+  } = n, { hideContent: x, unvisible: $ } = v, [m] = O(b([x, $], p)), N = ({ type: s, customClass: i, hasError: E }) => {
+    let t = `fieldset-component ${i}`;
+    return s && (t = `${t} -${s}`), E && (t = `${t} -witherror`), t;
+  }, y = ({ colsCount: s = 2, rowsCount: i = 2 }) => l === "rows" ? { gridTemplateRows: `repeat(${i}, 1fr)` } : l === "columns" ? { gridTemplateColumns: `repeat(${s}, 1fr)` } : {}, a = () => /* @__PURE__ */ e.jsx("fieldset", { style: f, className: N({ ...n }), children: m.hideContent ? /* @__PURE__ */ e.jsx(w, {}) : /* @__PURE__ */ e.jsxs(D, { children: [
+    o && /* @__PURE__ */ e.jsxs(
+      "legend",
+      {
+        style: C,
+        align: d,
+        className: `legend ${g}`,
+        children: [
+          h,
+          o,
+          j
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `contentfieldset -template${l} `,
+        style: Object.assign(y(n), u),
+        children: c
+      }
+    )
+  ] }) });
+  return m.unvisible ? null : r ? /* @__PURE__ */ e.jsx(T, { cols: r, children: a() }) : a();
+};
+export {
+  _ as default
 };
-var _default = exports.default = Fieldset;

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 '../internals/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;