chop-logic-components 4.0.1 → 4.1.0

package/dist/hooks/use-tooltip-position/use-tooltip-position.js

@@ -1,31 +1,37 @@
-import { useState as m, useEffect as w } from "react";
-import { useContainerDimensions as b } from "../use-container-dimensions/use-container-dimensions.js";
-const P = ({
-  wrapperRef: i,
-  tooltipRef: c,
-  isOpened: n,
-  spacing: t = 4
-}) => {
-  const [f, l] = m({ top: 0, left: 0 }), { width: r, height: s } = b({
-    ref: c,
-    isVisible: n
-  });
-  return w(() => {
-    if (!n || !i?.current)
-      return;
-    const d = () => {
-      const e = i.current?.getBoundingClientRect();
-      if (!e) return;
-      let u = Math.round(e.bottom + t), o = Math.round(e.left);
-      u + s > window.innerHeight && (u = Math.round(e.top - s - t)), o + r > window.innerWidth && (o = Math.round(window.innerWidth - r - t)), o < 0 && (o = t), l({ top: u, left: o });
-    };
-    d();
-    const h = new ResizeObserver(d);
-    return h.observe(document.documentElement), () => {
-      h.disconnect();
-    };
-  }, [n, i, s, r, t]), f;
-};
-export {
-  P as useTooltipPosition
+import { useContainerDimensions as e } from "../use-container-dimensions/use-container-dimensions.js";
+import { useEffect as t, useState as n } from "react";
+//#region src/hooks/use-tooltip-position/use-tooltip-position.ts
+var r = ({ wrapperRef: r, tooltipRef: i, isOpened: a, spacing: o = 4 }) => {
+	let [s, c] = n({
+		top: 0,
+		left: 0
+	}), { width: l, height: u } = e({
+		ref: i,
+		isVisible: a
+	});
+	return t(() => {
+		if (!a || !r?.current) return;
+		let e = () => {
+			let e = r.current?.getBoundingClientRect();
+			if (!e) return;
+			let t = Math.round(e.bottom + o), n = Math.round(e.left + e.width / 2 - l / 2);
+			t + u > window.innerHeight && (t = Math.round(e.top - u - o)), n + l > window.innerWidth && (n = Math.round(window.innerWidth - l - o)), n < 0 && (n = o), c({
+				top: t,
+				left: n
+			});
+		};
+		e();
+		let t = new ResizeObserver(e);
+		return t.observe(document.documentElement), () => {
+			t.disconnect();
+		};
+	}, [
+		a,
+		r,
+		u,
+		l,
+		o
+	]), s;
 };
+//#endregion
+export { r as useTooltipPosition };

package/dist/hooks/use-window-dimensions/use-window-dimensions.js

@@ -1,17 +1,20 @@
-import { useState as o, useEffect as s } from "react";
-function t() {
-  const { innerWidth: e, innerHeight: n } = globalThis;
-  return { width: e, height: n };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-window-dimensions/use-window-dimensions.ts
+function n() {
+	let { innerWidth: e, innerHeight: t } = globalThis;
+	return {
+		width: e,
+		height: t
+	};
 }
-function d() {
-  const [e, n] = o(t());
-  return s(() => {
-    function i() {
-      n(t());
-    }
-    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, []), e;
+function r() {
+	let [r, i] = t(n());
+	return e(() => {
+		function e() {
+			i(n());
+		}
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), r;
 }
-export {
-  d as useWindowDimensions
-};
+//#endregion
+export { r as useWindowDimensions };

package/dist/index.d.ts

@@ -901,6 +901,13 @@ declare type useTooltipPositionParams = {
 
 export declare function useWindowDimensions(): Dimensions;
 
+export declare function withErrorBoundary<P extends object>(ComponentToWrap: ComponentType<P>): FC<P & WithErrorBoundaryProps>;
+
+export declare type WithErrorBoundaryProps = {
+    errorMessage?: string;
+    onError?: () => void;
+};
+
 export declare function withFigureCaption<P extends object>(Component: ComponentType<P>): FC<P & WithFigureCaptionProps>;
 
 declare type WithFigureCaptionProps = {

package/dist/index.es.js

@@ -1,112 +1,56 @@
-import { default as r } from "./components/molecules/accordion/Accordion.js";
-import { default as f } from "./components/molecules/alert/Alert.js";
-import { default as m } from "./components/molecules/breadcrumbs/Breadcrumbs.js";
-import { default as s } from "./components/atoms/button/Button.js";
-import { default as u } from "./components/molecules/checkbox/Checkbox.js";
-import { default as d } from "./components/organisms/dialog/Dialog.js";
-import { default as n } from "./components/atoms/editable-text/EditableText.js";
-import { default as T } from "./components/atoms/error-message/ErrorMessage.js";
-import { default as I } from "./components/organisms/form/Form.js";
-import { default as M } from "./components/organisms/grid/Grid.js";
-import { default as E } from "./components/atoms/header/Header.js";
-import { default as w } from "./components/atoms/icon/Icon.js";
-import { default as b } from "./components/atoms/image/Image.js";
-import { default as g } from "./components/atoms/label/Label.js";
-import { default as F } from "./components/atoms/link/Link.js";
-import { default as P } from "./components/organisms/menu/Menu.js";
-import { default as v } from "./components/molecules/multi-select/MultiSelect.js";
-import { default as O } from "./components/molecules/numeric-input/NumericInput.js";
-import { default as G } from "./components/atoms/portal/Portal.js";
-import { default as N } from "./components/molecules/search/Search.js";
-import { default as y } from "./components/molecules/select/Select.js";
-import { default as W } from "./components/molecules/switch/Switch.js";
-import { default as q } from "./components/organisms/tabs/Tabs.js";
-import { default as Q } from "./components/molecules/text-input/TextInput.js";
-import { default as X } from "./components/atoms/tooltip/Tooltip.js";
-import { AlertMode as Z } from "./enums/alert-mode.js";
-import { ButtonView as ee } from "./enums/button-view.js";
-import { CL_DARK_THEME_CLASS as re, CL_LIGHT_THEME_CLASS as te, ThemeContext as fe } from "./components/contexts/theme/ThemeContext.js";
-import { ElementSize as me } from "./enums/element-size.js";
-import { FormContext as se } from "./components/contexts/form/FormContext.js";
-import { IconName as ue } from "./enums/icon-name.js";
-import { default as de } from "./components/atoms/input/Input.js";
-import { LoaderView as ne } from "./enums/loader-view.js";
-import { OrientationMode as Te } from "./enums/orientation-mode.js";
-import { SemanticColor as Ie } from "./enums/semantic-color.js";
-import { ThemeProvider as Me } from "./components/contexts/theme/ThemeProvider.js";
-import { TooltipContainer as Ee } from "./enums/tooltip-container.js";
-import { useAutoClose as we } from "./hooks/use-auto-close/use-auto-close.js";
-import { useClickOutside as be } from "./hooks/use-click-outside/use-click-outside.js";
-import { useContainerDimensions as ge } from "./hooks/use-container-dimensions/use-container-dimensions.js";
-import { useDebounce as Fe } from "./hooks/use-debounce/use-debounce.js";
-import { useElementIds as Pe } from "./hooks/use-element-ids/use-element-ids.js";
-import { useIsHovered as ve } from "./hooks/use-is-hovered/use-is-hovered.js";
-import { useIsMounted as Oe } from "./hooks/use-is-mounted/use-is-mounted.js";
-import { useIsOverflow as Ge } from "./hooks/use-is-overflow/use-is-overflow.js";
-import { useKeyPress as Ne } from "./hooks/use-key-press/use-key-press.js";
-import { useModalFocusTrap as ye } from "./hooks/use-modal-focus-trap/use-modal-focus-trap.js";
-import { useRemainingTimer as We } from "./hooks/use-remaining-timer/use-remaining-timer.js";
-import { useResetFormInput as qe } from "./hooks/use-reset-form-input/use-reset-form-input.js";
-import { useTheme as Qe } from "./hooks/use-theme/use-theme.js";
-import { useTooltipPosition as Xe } from "./hooks/use-tooltip-position/use-tooltip-position.js";
-import { useWindowDimensions as Ze } from "./hooks/use-window-dimensions/use-window-dimensions.js";
-import { withFigureCaption as eo } from "./components/hocs/with-figure-caption/with-figure-caption.js";
-import { withTooltip as ro } from "./components/hocs/with-tooltip/with-tooltip.js";
-export {
-  r as Accordion,
-  f as Alert,
-  Z as AlertMode,
-  m as Breadcrumbs,
-  s as Button,
-  ee as ButtonView,
-  re as CL_DARK_THEME_CLASS,
-  te as CL_LIGHT_THEME_CLASS,
-  u as Checkbox,
-  d as Dialog,
-  n as EditableText,
-  me as ElementSize,
-  T as ErrorMessage,
-  I as Form,
-  se as FormContext,
-  M as Grid,
-  E as Header,
-  w as Icon,
-  ue as IconName,
-  b as Image,
-  de as Input,
-  g as Label,
-  F as Link,
-  ne as LoaderView,
-  P as Menu,
-  v as MultiSelect,
-  O as NumericInput,
-  Te as OrientationMode,
-  G as Portal,
-  N as Search,
-  y as Select,
-  Ie as SemanticColor,
-  W as Switch,
-  q as Tabs,
-  Q as TextInput,
-  fe as ThemeContext,
-  Me as ThemeProvider,
-  X as Tooltip,
-  Ee as TooltipContainer,
-  we as useAutoClose,
-  be as useClickOutside,
-  ge as useContainerDimensions,
-  Fe as useDebounce,
-  Pe as useElementIds,
-  ve as useIsHovered,
-  Oe as useIsMounted,
-  Ge as useIsOverflow,
-  Ne as useKeyPress,
-  ye as useModalFocusTrap,
-  We as useRemainingTimer,
-  qe as useResetFormInput,
-  Qe as useTheme,
-  Xe as useTooltipPosition,
-  Ze as useWindowDimensions,
-  eo as withFigureCaption,
-  ro as withTooltip
-};
+import { withTooltip as e } from "./components/hocs/with-tooltip/with-tooltip.js";
+import { AlertMode as t } from "./enums/alert-mode.js";
+import { ButtonView as n } from "./enums/button-view.js";
+import { ElementSize as r } from "./enums/element-size.js";
+import { IconName as i } from "./enums/icon-name.js";
+import { LoaderView as a } from "./enums/loader-view.js";
+import { OrientationMode as o } from "./enums/orientation-mode.js";
+import { SemanticColor as s } from "./enums/semantic-color.js";
+import { TooltipContainer as c } from "./enums/tooltip-container.js";
+import l from "./components/atoms/button/Button2.js";
+import u from "./components/atoms/editable-text/EditableText2.js";
+import d from "./components/atoms/error-message/ErrorMessage2.js";
+import f from "./components/atoms/header/Header2.js";
+import p from "./components/atoms/icon/Icon2.js";
+import { withErrorBoundary as m } from "./components/hocs/with-error-boundary/with-error-boundary.js";
+import { withFigureCaption as h } from "./components/hocs/with-figure-caption/with-figure-caption.js";
+import g from "./components/atoms/image/Image2.js";
+import _ from "./components/atoms/input/Input2.js";
+import v from "./components/atoms/label/Label2.js";
+import y from "./components/atoms/link/Link2.js";
+import b from "./components/atoms/portal/Portal.js";
+import { useAutoClose as x } from "./hooks/use-auto-close/use-auto-close.js";
+import { useClickOutside as S } from "./hooks/use-click-outside/use-click-outside.js";
+import { useContainerDimensions as C } from "./hooks/use-container-dimensions/use-container-dimensions.js";
+import { useDebounce as w } from "./hooks/use-debounce/use-debounce.js";
+import { useElementIds as T } from "./hooks/use-element-ids/use-element-ids.js";
+import { useIsHovered as E } from "./hooks/use-is-hovered/use-is-hovered.js";
+import { useIsMounted as D } from "./hooks/use-is-mounted/use-is-mounted.js";
+import { useIsOverflow as O } from "./hooks/use-is-overflow/use-is-overflow.js";
+import { useKeyPress as k } from "./hooks/use-key-press/use-key-press.js";
+import { useModalFocusTrap as A } from "./hooks/use-modal-focus-trap/use-modal-focus-trap.js";
+import { useRemainingTimer as j } from "./hooks/use-remaining-timer/use-remaining-timer.js";
+import { FormContext as M } from "./components/contexts/form/FormContext.js";
+import { CL_DARK_THEME_CLASS as N, CL_LIGHT_THEME_CLASS as P, ThemeContext as F } from "./components/contexts/theme/ThemeContext.js";
+import { ThemeProvider as I } from "./components/contexts/theme/ThemeProvider.js";
+import { useResetFormInput as L } from "./hooks/use-reset-form-input/use-reset-form-input.js";
+import { useTheme as R } from "./hooks/use-theme/use-theme.js";
+import { useTooltipPosition as z } from "./hooks/use-tooltip-position/use-tooltip-position.js";
+import { useWindowDimensions as B } from "./hooks/use-window-dimensions/use-window-dimensions.js";
+import V from "./components/atoms/tooltip/Tooltip2.js";
+import H from "./components/molecules/accordion/Accordion2.js";
+import U from "./components/molecules/alert/Alert2.js";
+import W from "./components/molecules/breadcrumbs/Breadcrumbs2.js";
+import G from "./components/molecules/checkbox/Checkbox2.js";
+import K from "./components/molecules/multi-select/MultiSelect.js";
+import q from "./components/molecules/numeric-input/NumericInput2.js";
+import J from "./components/molecules/search/Search2.js";
+import Y from "./components/molecules/select/Select2.js";
+import X from "./components/molecules/switch/Switch2.js";
+import Z from "./components/molecules/text-input/TextInput2.js";
+import Q from "./components/organisms/dialog/Dialog2.js";
+import $ from "./components/organisms/form/Form2.js";
+import ee from "./components/organisms/grid/Grid2.js";
+import te from "./components/organisms/menu/Menu2.js";
+import ne from "./components/organisms/tabs/Tabs2.js";
+export { H as Accordion, U as Alert, t as AlertMode, W as Breadcrumbs, l as Button, n as ButtonView, N as CL_DARK_THEME_CLASS, P as CL_LIGHT_THEME_CLASS, G as Checkbox, Q as Dialog, u as EditableText, r as ElementSize, d as ErrorMessage, $ as Form, M as FormContext, ee as Grid, f as Header, p as Icon, i as IconName, g as Image, _ as Input, v as Label, y as Link, a as LoaderView, te as Menu, K as MultiSelect, q as NumericInput, o as OrientationMode, b as Portal, J as Search, Y as Select, s as SemanticColor, X as Switch, ne as Tabs, Z as TextInput, F as ThemeContext, I as ThemeProvider, V as Tooltip, c as TooltipContainer, x as useAutoClose, S as useClickOutside, C as useContainerDimensions, w as useDebounce, T as useElementIds, E as useIsHovered, D as useIsMounted, O as useIsOverflow, k as useKeyPress, A as useModalFocusTrap, j as useRemainingTimer, L as useResetFormInput, R as useTheme, z as useTooltipPosition, B as useWindowDimensions, m as withErrorBoundary, h as withFigureCaption, e as withTooltip };