linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

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/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/withDropdown.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
+import { ComponentType } from 'react';
 import { WithDropdownProps, WithDropdownContextProps } from './types';
-declare const WithDropdownContext: React.Context<WithDropdownContextProps>;
-declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: React.ComponentType<ComponentProps>) => {
+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;
 };

package/lib/dropdown/withDropdown.js

@@ -1,80 +1,51 @@
-import { j as f } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as K } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { createContext as Q, useState as V, useRef as q, useEffect as z } from "react";
-import T from "./Popup.js";
-import '../assets/withDropdown.css';const U = Q({}), X = (o) => o.displayName || o.name || "Component", oe = (o) => {
-  const A = (n) => {
-    const e = K.c(30), {
-      dropdownOpened: c,
-      showDropdown: m,
-      dropdown: i,
-      closeDropdownOnClickOutside: F,
-      handlerClose: d,
-      customClassForDropdown: P,
-      children: g,
-      dropdownAlign: L,
-      isFloatMenu: p,
-      isDropdownOpened: B
-    } = n, a = F === void 0 ? !0 : F, S = L === void 0 ? "left" : L, [s, u] = V(c), [G, H] = V(c), w = q(null), $ = q(null);
-    c !== G && (u(c), H(c));
-    let h;
-    e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = (t) => {
-      const {
-        target: E
-      } = t;
-      w?.current && E !== w?.current && !t.composedPath().includes(w.current) && $.current !== E && u(!1);
-    }, e[0] = h) : h = e[0];
-    const M = h;
-    let D;
-    e[1] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
-      u(Y);
-    }, e[1] = D) : D = e[1];
-    const I = D;
-    let x;
-    e[2] !== g || e[3] !== P || e[4] !== S || e[5] !== p || e[6] !== s ? (x = (t) => !t || !s ? null : ($.current = t, /* @__PURE__ */ f.jsx(T, { targetRef: t, align: S, customClassForDropdown: P, isFloatMenu: p, children: /* @__PURE__ */ f.jsx("div", { className: p ? "items" : void 0, ref: (E) => {
-      w.current = E;
-    }, children: g }) })), e[2] = g, e[3] = P, e[4] = S, e[5] = p, e[6] = s, e[7] = x) : x = e[7];
-    const b = x;
-    let O;
-    e[8] !== a || e[9] !== i ? (O = () => (i && a && document.addEventListener("click", M), () => {
-      i && a && document.removeEventListener("click", M);
-    }), e[8] = a, e[9] = i, e[10] = O) : O = e[10];
-    let v;
-    e[11] === Symbol.for("react.memo_cache_sentinel") ? (v = [], e[11] = v) : v = e[11], z(O, v);
-    let C, _;
-    e[12] !== d ? (C = () => {
-      d && d(() => u(!1));
-    }, _ = [d], e[12] = d, e[13] = C, e[14] = _) : (C = e[13], _ = e[14]), z(C, _);
-    let j;
-    e[15] === Symbol.for("react.memo_cache_sentinel") ? (j = {
-      handleDropdownClose: I
-    }, e[15] = j) : j = e[15];
-    const J = j;
-    let r;
-    e[16] !== b ? (r = (t) => b(t), e[16] = b, e[17] = r) : r = e[17];
-    let l;
-    e[18] !== s || e[19] !== m ? (l = m || (() => u(!s)), e[18] = s, e[19] = m, e[20] = l) : l = e[20];
-    const N = B || s;
-    let y;
-    e[21] !== r || e[22] !== l || e[23] !== N ? (y = {
-      getDropdownPopup: r,
-      showDropdown: l,
-      isDropdownOpened: N
-    }, e[21] = r, e[22] = l, e[23] = N, e[24] = y) : y = e[24];
-    const R = y;
-    if (!i) {
-      let t;
-      return e[25] !== n ? (t = /* @__PURE__ */ f.jsx(o, { ...n }), e[25] = n, e[26] = t) : t = e[26], t;
-    }
-    let k;
-    return e[27] !== R || e[28] !== n ? (k = /* @__PURE__ */ f.jsx(U.Provider, { value: J, children: /* @__PURE__ */ f.jsx(o, { ...n, ...R }) }), e[27] = R, e[28] = n, e[29] = k) : k = e[29], k;
-  };
-  return A.displayName = `withDropdown(${X(o)})`, A;
-};
-function Y(o) {
-  return !o;
-}
-export {
-  U as WithDropdownContext,
-  oe as default
+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;
 };
+//#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.js

@@ -1,70 +1,51 @@
-import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as _ } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as F, Fragment as I } from "react";
-import '../assets/gridlayout.css';import '../assets/index12.css';/* empty css                            */
-import G from "../gridlayout/GridCol.js";
-import { actionsOnPermissionDenied as k, OPTIONS_ON_DENIED as q } from "../permissionValidations.js";
-import z from "../noPermission/index.js";
-const V = (s) => {
-  const t = _.c(21), {
-    gridCols: o,
-    children: i,
-    title: e,
-    titleAlign: $,
-    style: u,
-    styleContent: C,
-    styleTitle: g,
-    template: y,
-    titleCustomClass: p,
-    permissionAttr: h,
-    leftElements: N,
-    rightElements: w
-  } = s, x = $ === void 0 ? "left" : $, n = y === void 0 ? "none" : y, j = N === void 0 ? null : N, v = w === void 0 ? null : w, {
-    hideContent: T,
-    unvisible: b
-  } = q;
-  let r;
-  t[0] !== h ? (r = k([T, b], h), t[0] = h, t[1] = r) : r = t[1];
-  const [c] = F(r), A = B;
-  let m;
-  t[2] !== n ? (m = (P) => {
-    const {
-      colsCount: O,
-      rowsCount: D
-    } = P, R = O === void 0 ? 2 : O, S = D === void 0 ? 2 : D;
-    return n === "rows" ? {
-      gridTemplateRows: `repeat(${S}, 1fr)`
-    } : n === "columns" ? {
-      gridTemplateColumns: `repeat(${R}, 1fr)`
-    } : {};
-  }, t[2] = n, t[3] = m) : m = t[3];
-  const E = m;
-  let d;
-  t[4] !== i || t[5] !== E || t[6] !== j || t[7] !== c.hideContent || t[8] !== s || t[9] !== v || t[10] !== u || t[11] !== C || t[12] !== g || t[13] !== n || t[14] !== e || t[15] !== x || t[16] !== p ? (d = () => /* @__PURE__ */ l.jsx("fieldset", { style: u, className: A({
-    ...s
-  }), children: c.hideContent ? /* @__PURE__ */ l.jsx(z, {}) : /* @__PURE__ */ l.jsxs(I, { children: [
-    e && /* @__PURE__ */ l.jsxs("legend", { style: g, align: x, className: `legend ${p}`, children: [
-      j,
-      e,
-      v
-    ] }),
-    /* @__PURE__ */ l.jsx("div", { className: `contentfieldset -template${n} `, style: Object.assign(E(s), C), children: i })
-  ] }) }), t[4] = i, t[5] = E, t[6] = j, t[7] = c.hideContent, t[8] = s, t[9] = v, t[10] = u, t[11] = C, t[12] = g, t[13] = n, t[14] = e, t[15] = x, t[16] = p, t[17] = d) : d = t[17];
-  const a = d;
-  if (c.unvisible)
-    return null;
-  let f;
-  return t[18] !== o || t[19] !== a ? (f = o ? /* @__PURE__ */ l.jsx(G, { cols: o, children: a() }) : a(), t[18] = o, t[19] = a, t[20] = f) : f = t[20], f;
+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;
 };
-function B(s) {
-  const {
-    type: t,
-    customClass: o,
-    hasError: i
-  } = s;
-  let e = `fieldset-component ${o}`;
-  return t && (e = `${e} -${t}`), i && (e = `${e} -witherror`), e;
+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;
 }
-export {
-  V as default
-};
+//#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/form/Field.js

@@ -1,98 +1,84 @@
-import { j as N } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as V } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { forwardRef as A, useContext as L } from "react";
-import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
-import M from "./withFieldHOC.js";
-import { withFieldContext as S, getErrorMessages as $, getValidatorsArray as b } from "./helpers.js";
-const B = ({
-  validators: o = [],
-  name: s,
-  onBlur: e,
-  handlerFieldValidate: r,
-  validatorFromComponent: l,
-  handlerFieldChange: n,
-  onChange: t
-}) => {
-  if (!(o || l || e || t)) return {};
-  const i = b(o, l);
-  return {
-    onBlur: (a) => {
-      i && a.target && r && r(s, a.target.value, i), e && e(a);
-    },
-    onChange: (a) => {
-      i && a.target && r && r(s, a.target.value, i), n && n(a), t && t(a);
-    }
-  };
-}, D = (o, s) => {
-  const {
-    value: e,
-    data: r,
-    name: l,
-    fieldId: n,
-    componentType: t,
-    component: i
-  } = o;
-  return t && t.toLowerCase() === "radio" ? {
-    checked: C.get(r, l) === e,
-    id: n
-  } : t && t.toLowerCase() === "checkbox" ? {
-    checked: C.get(r, l),
-    id: n
-  } : i.displayName === "CpfField" || i.displayName === "CnpjField" ? {
-    value: C.get(r, l),
-    handlerSetComponentValidator: s
-  } : {
-    value: C.get(r, l)
-  };
-}, x = A((o, s) => {
-  const e = V.c(30);
-  let r, l, n, t, i, a, d, m;
-  if (e[0] !== o) {
-    const {
-      handlerFieldChange: F,
-      handlerFieldValidate: E,
-      onChange: y,
-      onBlur: w,
-      name: j,
-      validators: p,
-      data: H,
-      fieldErrors: I,
-      handlerStoreValidators: O,
-      handlerRemoveValidators: P,
-      component: R,
-      externalFieldErrors: T,
-      originalData: _,
-      ...k
-    } = o;
-    l = F, n = E, a = y, i = w, t = j, m = p, r = R, d = k, e[0] = o, e[1] = r, e[2] = l, e[3] = n, e[4] = t, e[5] = i, e[6] = a, e[7] = d, e[8] = m;
-  } else
-    r = e[1], l = e[2], n = e[3], t = e[4], i = e[5], a = e[6], d = e[7], m = e[8];
-  const {
-    handlerSetValidatorFromComponent: h,
-    validatorFromComponent: v
-  } = L(S);
-  let f;
-  e[9] !== l || e[10] !== n || e[11] !== t || e[12] !== i || e[13] !== a || e[14] !== v || e[15] !== m ? (f = B({
-    name: t,
-    validators: m,
-    onBlur: i,
-    validatorFromComponent: v,
-    handlerFieldValidate: n,
-    handlerFieldChange: l,
-    onChange: a
-  }), e[9] = l, e[10] = n, e[11] = t, e[12] = i, e[13] = a, e[14] = v, e[15] = m, e[16] = f) : f = e[16];
-  let c;
-  e[17] !== h || e[18] !== o ? (c = D(o, h), e[17] = h, e[18] = o, e[19] = c) : c = e[19];
-  let u;
-  e[20] !== o ? (u = $({
-    ...o,
-    fieldErrors: o.fieldErrors
-  }), e[20] = o, e[21] = u) : u = e[21];
-  let g;
-  return e[22] !== r || e[23] !== t || e[24] !== s || e[25] !== d || e[26] !== f || e[27] !== c || e[28] !== u ? (g = /* @__PURE__ */ N.jsx(r, { ...d, ...f, ...c, ref: s, name: t, errorMessages: u }), e[22] = r, e[23] = t, e[24] = s, e[25] = d, e[26] = f, e[27] = c, e[28] = u, e[29] = g) : g = e[29], g;
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../node_modules/lodash/lodash.js";
+import { keyCodes as n } from "../internals/constants.js";
+import { getErrorMessages as r, getValidatorsArray as i, withFieldContext as a } from "./helpers.js";
+import o from "./withFieldHOC.js";
+import { forwardRef as s, useContext as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/lib/form/Field.tsx
+var u = /* @__PURE__ */ e(t(), 1), d = ({ validators: e = [], name: t, onBlur: r, handlerFieldValidate: a, validatorFromComponent: o, handlerFieldChange: s, onChange: c, component: l, onKeyDown: u }) => {
+	if (!(e || o || r || c)) return {};
+	let d = i(e, o), f = [
+		"PhoneField",
+		"CpfField",
+		"CnpjField",
+		"ZipCodeField",
+		"BaseMask"
+	];
+	return {
+		onBlur: (e) => {
+			d && e.target && a && a(t, e.target.value, d), r && r(e);
+		},
+		onKeyDown: (e) => {
+			l && f.includes(l.name) && [n.ENTER].includes(e.keyCode) && d && e.target && a && (a(t, e.target.value, d), u && u(e));
+		},
+		onChange: (e) => {
+			l && !f.includes(l.name) && d && e.target && a && a(t, e.target.value, d), s && s(e), c && c(e);
+		}
+	};
+}, f = (e, t) => {
+	let { value: n, data: r, name: i, fieldId: a, componentType: o, component: s } = e;
+	if (o && o.toLowerCase() === "radio") {
+		let e = {
+			...r,
+			[i]: String(r?.[i])
+		};
+		return {
+			checked: u.default.get(e, i) === n,
+			id: a
+		};
+	} else if (o && o.toLowerCase() === "checkbox") return {
+		checked: u.default.get(r, i),
+		id: a
+	};
+	else if (s.displayName === "CpfField" || s.displayName === "CnpjField") return {
+		value: u.default.get(r, i),
+		handlerSetComponentValidator: t
+	};
+	return { value: u.default.get(r, i) };
+}, p = s((e, t) => {
+	let { handlerFieldChange: n, handlerFieldValidate: i, onChange: o, onBlur: s, name: u, validators: p, component: m, handleValidationErrorsOnTab: h, ...g } = e, { handlerSetValidatorFromComponent: _, validatorFromComponent: v } = c(a), y = r({
+		...e,
+		fieldErrors: e.fieldErrors
+	});
+	return h && h({
+		name: u,
+		tabId: e.tabId,
+		hasErrors: !!y.length
+	}), /* @__PURE__ */ l(m, {
+		...g,
+		...d({
+			name: u,
+			validators: p,
+			onBlur: s,
+			validatorFromComponent: v,
+			handlerFieldValidate: i,
+			handlerFieldChange: n,
+			onChange: o,
+			component: m
+		}),
+		...f(e, _),
+		ref: t,
+		name: u,
+		errorMessages: r({
+			...e,
+			fieldErrors: e.fieldErrors
+		})
+	});
 });
-x.displayName = "Field";
-const U = M(x);
-export {
-  U as default
-};
+p.displayName = "Field";
+var m = o(p);
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=Field.js.map

package/lib/form/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":[],"sources":["../../src/lib/form/Field.tsx"],"sourcesContent":["import { useContext, ChangeEvent, forwardRef } from 'react';\nimport _ from 'lodash';\nimport withFieldHOC from './withFieldHOC';\nimport { getErrorMessages, withFieldContext, getValidatorsArray } from './helpers';\nimport { IFieldProps, IEventParams, Validator, CustomKeyboardEvent } from './types';\nimport * as constants from '../internals/constants';\n\nconst getEvents = ({\n  validators = [],\n  name,\n  onBlur,\n  handlerFieldValidate,\n  validatorFromComponent,\n  handlerFieldChange,\n  onChange,\n  component,\n  onKeyDown,\n}: IEventParams) => {\n  if (!(validators || validatorFromComponent || onBlur || onChange)) return {};\n  const validatorsArray = getValidatorsArray(validators, validatorFromComponent);\n  const maskComponents = ['PhoneField', 'CpfField', 'CnpjField', 'ZipCodeField', 'BaseMask'];\n  return {\n    onBlur: (e: ChangeEvent<HTMLInputElement>) => {\n      if (validatorsArray && e.target && handlerFieldValidate) {\n        handlerFieldValidate(name, e.target.value, validatorsArray);\n      }\n      if (onBlur) onBlur(e);\n    },\n    onKeyDown: (e: CustomKeyboardEvent) => {\n      if (component && maskComponents.includes(component.name) &&\n        [constants.keyCodes.ENTER].includes(e.keyCode) &&\n        validatorsArray && e.target && handlerFieldValidate) {\n        handlerFieldValidate(name, e.target.value, validatorsArray);\n        if (onKeyDown) onKeyDown(e);\n      }\n    },\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      if (component && !maskComponents.includes(component.name) &&\n        validatorsArray && e.target && handlerFieldValidate) {\n        handlerFieldValidate(name, e.target.value, validatorsArray);\n      }\n      if (handlerFieldChange) handlerFieldChange(e);\n      if (onChange) onChange(e);\n    },\n  };\n};\n\nconst getCustomProps = (\n  props: IFieldProps,\n  handlerSetComponentValidator: (value: Validator | Validator[]) => void,\n) => {\n  const { value, data, name, fieldId, componentType, component } = props;\n  if (componentType && componentType.toLowerCase() === 'radio') {\n    const convertedData = { ...data, [name]: String(data?.[name]) };\n    return { checked: (_.get(convertedData, name) === value), id: fieldId };\n  } else if (componentType && componentType.toLowerCase() === 'checkbox') {\n    return { checked: _.get(data, name), id: fieldId };\n  } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {\n    return { value: _.get(data, name), handlerSetComponentValidator };\n  }\n  return { value: _.get(data, name) };\n};\n\nconst Field = forwardRef<unknown, IFieldProps>((props, ref) => {\n  const {\n    handlerFieldChange, handlerFieldValidate, onChange, onBlur, name, validators,\n    component: Component, handleValidationErrorsOnTab, ...rest\n  } = props;\n  const { handlerSetValidatorFromComponent, validatorFromComponent } = useContext(withFieldContext);\n\n  const hasErrorsMessagesOnField = getErrorMessages({\n    ...props, fieldErrors: props.fieldErrors,\n  });\n\n  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({\n    name: name,\n    tabId: props.tabId,\n    hasErrors: !!hasErrorsMessagesOnField.length,\n  });\n\n  return (\n    <Component\n      {...rest}\n      {...getEvents({\n        name,\n        validators,\n        onBlur,\n        validatorFromComponent,\n        handlerFieldValidate,\n        handlerFieldChange,\n        onChange,\n        component: Component,\n      })}\n      {...getCustomProps(props, handlerSetValidatorFromComponent)}\n      ref={ref}\n      name={name}\n      errorMessages={getErrorMessages({\n        ...props, fieldErrors: props.fieldErrors,\n      })} />\n  );\n});\n\nField.displayName = 'Field';\n\nexport default withFieldHOC(Field);\n"],"mappings":";;;;;;;;mCAOM,KAAa,EACjB,gBAAa,EAAE,EACf,SACA,WACA,yBACA,2BACA,uBACA,aACA,cACA,mBACkB;AAClB,KAAI,EAAE,KAAc,KAA0B,KAAU,GAAW,QAAO,EAAE;CAC5E,IAAM,IAAkB,EAAmB,GAAY,EAAuB,EACxE,IAAiB;EAAC;EAAc;EAAY;EAAa;EAAgB;EAAW;AAC1F,QAAO;EACL,SAAS,MAAqC;AAI5C,GAHI,KAAmB,EAAE,UAAU,KACjC,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAgB,EAEzD,KAAQ,EAAO,EAAE;;EAEvB,YAAY,MAA2B;AACrC,GAAI,KAAa,EAAe,SAAS,EAAU,KAAK,IACtD,CAAA,EAAoB,MAAM,CAAC,SAAS,EAAE,QAAQ,IAC9C,KAAmB,EAAE,UAAU,MAC/B,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAgB,EACvD,KAAW,EAAU,EAAE;;EAG/B,WAAW,MAAqC;AAM9C,GALI,KAAa,CAAC,EAAe,SAAS,EAAU,KAAK,IACvD,KAAmB,EAAE,UAAU,KAC/B,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAgB,EAEzD,KAAoB,EAAmB,EAAE,EACzC,KAAU,EAAS,EAAE;;EAE5B;GAGG,KACJ,GACA,MACG;CACH,IAAM,EAAE,UAAO,SAAM,SAAM,YAAS,kBAAe,iBAAc;AACjE,KAAI,KAAiB,EAAc,aAAa,KAAK,SAAS;EAC5D,IAAM,IAAgB;GAAE,GAAG;IAAO,IAAO,OAAO,IAAO,GAAA;GAAQ;AAC/D,SAAO;GAAE,SAAU,EAAA,QAAE,IAAI,GAAe,EAAK,KAAK;GAAQ,IAAI;GAAS;YAC9D,KAAiB,EAAc,aAAa,KAAK,WAC1D,QAAO;EAAE,SAAS,EAAA,QAAE,IAAI,GAAM,EAAK;EAAE,IAAI;EAAS;UACzC,EAAU,gBAAgB,cAAc,EAAU,gBAAgB,YAC3E,QAAO;EAAE,OAAO,EAAA,QAAE,IAAI,GAAM,EAAK;EAAE;EAA8B;AAEnE,QAAO,EAAE,OAAO,EAAA,QAAE,IAAI,GAAM,EAAA,EAAO;GAG/B,IAAQ,GAAkC,GAAO,MAAQ;CAC7D,IAAM,EACJ,uBAAoB,yBAAsB,aAAU,WAAQ,SAAM,eAClE,WAAW,GAAW,gCAA6B,GAAG,MACpD,GACE,EAAE,qCAAkC,8BAA2B,EAAW,EAAiB,EAE3F,IAA2B,EAAiB;EAChD,GAAG;EAAO,aAAa,EAAM;EAC9B,CAAC;AAQF,QANI,KAA6B,EAA4B;EACrD;EACN,OAAO,EAAM;EACb,WAAW,CAAC,CAAC,EAAyB;EACvC,CAAC,EAGA,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI,EAAU;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW;GACZ,CAAC;EACF,GAAI,EAAe,GAAO,EAAiC;EACtD;EACC;EACN,eAAe,EAAiB;GAC9B,GAAG;GAAO,aAAa,EAAM;GAC9B,CAAA;EAAK,CAAA;EAEV;AAEF,EAAM,cAAc;AAEpB,IAAA,IAAe,EAAa,EAAM"}