@envisiongroup/porygon 0.1.0-rc.1

package/dist/react-components/forms/EFWForm/EFWForm.utils.d.ts

@@ -0,0 +1,19 @@
+import { EFWFormFieldUpdate, EFWFormFieldProps, GetFieldValue, ExtractFieldNames, EFWFormValues, EFWUpdateFieldFunction, GridTemplateColumnsType } from './EFWForm.types';
+import { ValidationMessage, ValidationState } from '../../fields/EFWField/EFWField.types';
+
+export declare const generateGridTemplateColumns: (config: GridTemplateColumnsType) => string;
+declare const EFWFormFieldWrapperInner: <T extends readonly EFWFormFieldProps[]>({ field, initialValue, onValueChange, registerUpdateProps, fieldLogic, getAllValues, updateFieldProps, onValidationChange, }: {
+    field: T[number];
+    initialValue: GetFieldValue<T, T[number]["internalName"]>;
+    onValueChange: (internalName: ExtractFieldNames<T>, value: GetFieldValue<T, T[number]["internalName"]>) => void;
+    registerUpdateProps: (internalName: ExtractFieldNames<T>, updateFn: (updates: EFWFormFieldUpdate<T>) => void) => void;
+    fieldLogic?: (value: GetFieldValue<T, T[number]["internalName"]>, allValues: EFWFormValues<T>, updateField: EFWUpdateFieldFunction<T>) => void;
+    getAllValues: () => EFWFormValues<T>;
+    updateFieldProps: EFWUpdateFieldFunction<T>;
+    onValidationChange?: (validation: {
+        currentValidationState: ValidationState;
+        currentValidationMessage: ValidationMessage;
+    }) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const EFWFormFieldWrapper: typeof EFWFormFieldWrapperInner;
+export {};

package/dist/react-components/forms/EFWForm/EFWForm.utils.js

@@ -0,0 +1,252 @@
+import { jsx as m, jsxs as g } from "react/jsx-runtime";
+import { memo as q, useState as S, useCallback as h, useMemo as L } from "react";
+import { EFWInputField as M } from "../../fields/EFWInputField/EFWInputField.js";
+import { EFWNumberInputField as A } from "../../fields/EFWNumberInputField/EFWNumberInputField.js";
+import { EFWTextAreaField as y } from "../../fields/EFWTextAreaField/EFWTextAreaField.js";
+import { EFWSwitchField as P } from "../../fields/EFWSwitchField/EFWSwitchField.js";
+import { EFWTagPickerField as T } from "../../fields/EFWTagPickerField/EFWTagPickerField.js";
+import { EFWDatePickerField as E } from "../../fields/EFWDatePickerField/EFWDatePickerField.js";
+import { EFWAttachmentsField as W } from "../../fields/EFWAttachmentsField/EFWAttachmentsField.js";
+const Y = (t) => {
+  if (typeof t == "number")
+    return t > 1 ? `repeat(${t}, 1fr)` : "1fr";
+  if (t?.autoFit) {
+    const { minColumnWidth: e, maxColumns: i } = t.autoFit;
+    return i ? `repeat(auto-fit, minmax(clamp(${e}, 100% / ${i + 1}, 100% / 1), 1fr))` : `repeat(auto-fit, minmax(${e}, 1fr))`;
+  }
+  return "1fr";
+}, k = ({
+  field: t,
+  initialValue: e,
+  onValueChange: i,
+  registerUpdateProps: l,
+  fieldLogic: n,
+  getAllValues: f,
+  updateFieldProps: s,
+  onValidationChange: d
+}) => {
+  const [r, u] = S(e), [v, x] = S({
+    title: t.title,
+    required: t.required,
+    editable: t.editable,
+    disabled: t.disabled,
+    validationState: t.validationState,
+    validationMessage: t.validationMessage
+  }), o = h(
+    (a, b) => {
+      console.log("handleChange:", a, b), u(a), n && n(a, f(), s), i(t.internalName, a);
+    },
+    [t.internalName, i, n, f, s]
+  ), F = h((a) => {
+    x((b) => ({ ...b, ...a })), "value" in a && a.value !== void 0 ? u(a.value) : "selectedOptions" in a && a.selectedOptions !== void 0 ? u(a.selectedOptions) : "selectedDates" in a && a.selectedDates !== void 0 ? u(a.selectedDates) : "files" in a && a.files !== void 0 && u(a.files);
+  }, []);
+  h(() => l(t.internalName, F), [t.internalName, l, F])();
+  const c = L(
+    () => ({
+      ...t,
+      ...v
+    }),
+    [t, v]
+  );
+  return t.typeAsString === "Text" ? /* @__PURE__ */ m(
+    M,
+    {
+      ...N(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : t.typeAsString === "Number" ? /* @__PURE__ */ m(
+    A,
+    {
+      ...D(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : t.typeAsString === "Note" ? /* @__PURE__ */ m(
+    y,
+    {
+      ...B(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : t.typeAsString === "Boolean" ? /* @__PURE__ */ m(
+    P,
+    {
+      ...I(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : t.typeAsString === "Choice" || t.typeAsString === "MultiChoice" ? /* @__PURE__ */ m(
+    T,
+    {
+      ...O(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : t.typeAsString === "Date" ? /* @__PURE__ */ m(
+    E,
+    {
+      ...$(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : t.typeAsString === "Attachments" ? /* @__PURE__ */ m(
+    W,
+    {
+      ...j(
+        t,
+        c,
+        r,
+        o,
+        d
+      )
+    }
+  ) : /* @__PURE__ */ g("div", { children: [
+    "Tipo de campo no soportado: ",
+    t
+  ] });
+}, Z = q(k), N = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  type: "text",
+  formatType: e.formatType,
+  formatPattern: e.formatPattern,
+  value: i || "",
+  contentAfter: e.contentAfter,
+  contentBefore: e.contentBefore,
+  onChange: l,
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  hidden: e.hidden || !1,
+  minLength: e.minLength || 0,
+  maxLength: e.maxLength || 250,
+  placeholder: e.placeholder ? e.placeholder : e.formatType == "chileanRut" ? "Ej: 11.111.111-1" : "Escriba aquí el texto",
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || "",
+  formatFunction: e.formatFunction
+}), D = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  contentAfter: e.contentAfter,
+  contentBefore: e.contentBefore,
+  minValue: e.minValue,
+  maxValue: e.maxValue,
+  thousandSeparator: e.thousandSeparator,
+  decimalSeparator: e.decimalSeparator,
+  value: i,
+  onChange: l,
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  placeholder: e.placeholder || "Escriba aquí el número",
+  hidden: e.hidden || !1,
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || ""
+}), B = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  value: i || "",
+  onChange: l,
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  maxLength: e.maxLength || 3e3,
+  placeholder: e.placeholder ? e.placeholder : "Escriba aquí el texto",
+  hidden: e.hidden || !1,
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || "",
+  formatFunction: e.formatFunction
+}), O = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  onChange: l,
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  placeholder: e.placeholder,
+  hidden: e.hidden || !1,
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || "",
+  multiple: e.multiple ?? t.multiple,
+  options: e.options || t.options || [],
+  selectedOptions: i || t.selectedOptions || []
+}), $ = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  onChange: l,
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  placeholder: e.placeholder,
+  hidden: e.hidden || !1,
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || "",
+  selectedDates: i || []
+}), j = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  onChange: l,
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  hidden: e.hidden || !1,
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || "",
+  files: i || []
+}), I = (t, e, i, l, n) => ({
+  title: e.title || t.title,
+  value: i || !1,
+  onChange: l,
+  checkedText: e.checkedText || "Sí",
+  uncheckedText: e.uncheckedText || "No",
+  onValidationChange: n,
+  infoLabel: e.infoLabel,
+  hint: e.hint,
+  hidden: e.hidden || !1,
+  required: e.required || !1,
+  editable: e.editable !== void 0 ? e.editable : !0,
+  disabled: e.disabled || !1,
+  validationState: e.validationState || "none",
+  validationMessage: e.validationMessage || ""
+});
+export {
+  Z as EFWFormFieldWrapper,
+  Y as generateGridTemplateColumns
+};

package/dist/react-components/forms/EFWForm/index.d.ts

@@ -0,0 +1,4 @@
+export type { EFWFieldLogic, EFWFormProps, EFWFormFieldValue, EFWFormFieldProps, EFWFormMethods, EFWFormRef, EFWFormFieldUpdate, EFWFormFieldType } from './EFWForm.types';
+export { getEFWFormFieldDisplayText } from './EFWForm.converter';
+export { useFormController } from './EFWForm.hooks';
+export { EFWForm } from './EFWForm';

package/dist/react-components/forms/EFWForm/index.js

@@ -0,0 +1,8 @@
+import { getEFWFormFieldDisplayText as e } from "./EFWForm.converter.js";
+import { useFormController as t } from "./EFWForm.hooks.js";
+import { EFWForm as l } from "./EFWForm.js";
+export {
+  l as EFWForm,
+  e as getEFWFormFieldDisplayText,
+  t as useFormController
+};

package/dist/react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.d.ts

@@ -0,0 +1,3 @@
+import { EFWFormMessageBarGroupProps } from './EFWFormMessageBarGroup.types';
+
+export declare const EFWFormMessageBarGroup: (props: EFWFormMessageBarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.js

@@ -0,0 +1,86 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useState as b, useEffect as j } from "react";
+import { DismissRegular as v } from "@fluentui/react-icons";
+import { makeStyles as D, MessageBarGroup as F, mergeClasses as S, MessageBar as k, MessageBarBody as A, MessageBarTitle as E, MessageBarActions as T, Button as c } from "@fluentui/react-components";
+const $ = D({
+  efwMessageBarGroup: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    marginTop: "0px",
+    gap: "10px",
+    padding: "0px",
+    overflow: "auto",
+    "&:empty": {
+      display: "none !important"
+    }
+  },
+  buttonGroup: {
+    display: "flex",
+    justifyContent: "end",
+    gap: "5px"
+  }
+}), q = (m) => {
+  const {
+    style: d = {},
+    animate: g = void 0,
+    messages: o = [],
+    onDismiss: n
+  } = m, u = $(), [i, l] = b(o);
+  j(() => {
+    l(o);
+  }, [o]);
+  const f = (s) => {
+    if (n)
+      n(s);
+    else {
+      const r = i.filter((t) => t.id !== s);
+      l(r), console.log({ messagesFiltered: r });
+    }
+  }, M = () => i.map(({
+    intent: s,
+    id: r,
+    title: t,
+    message: x = "",
+    layout: y = "multiline",
+    actions: B = [],
+    dismissable: h = !0
+  }) => /* @__PURE__ */ p(k, { layout: y, intent: s, children: [
+    /* @__PURE__ */ p(A, { children: [
+      t && /* @__PURE__ */ e(E, { children: t }),
+      x
+    ] }),
+    /* @__PURE__ */ e(
+      T,
+      {
+        containerAction: h ? /* @__PURE__ */ e(
+          c,
+          {
+            onClick: () => f(r),
+            "aria-label": "dismiss",
+            appearance: "transparent",
+            icon: /* @__PURE__ */ e(v, {})
+          }
+        ) : void 0,
+        children: B.filter((a) => a.content).map((a) => {
+          const { id: G, content: w, ...C } = a;
+          return /* @__PURE__ */ e(c, { ...C, children: w }, G);
+        })
+      }
+    )
+  ] }, `${s}-${r}`));
+  return /* @__PURE__ */ e(
+    F,
+    {
+      className: S(
+        u.efwMessageBarGroup
+      ),
+      style: d,
+      animate: g,
+      children: M()
+    }
+  );
+};
+export {
+  q as EFWFormMessageBarGroup
+};

package/dist/react-components/forms/EFWFormMessageBarGroup/EFWFormMessageBarGroup.types.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { MessageBarProps, ButtonProps } from '@fluentui/react-components';
+
+export interface EFWFormMessageBarAction {
+    id: string | number;
+    content: ReactNode;
+    appearance?: ButtonProps['appearance'];
+    icon?: ButtonProps['icon'];
+    iconPosition?: ButtonProps['iconPosition'];
+    disabled?: boolean;
+    size?: ButtonProps['size'];
+    shape?: ButtonProps['shape'];
+    as?: 'a' | 'button';
+    href?: string;
+    target?: string;
+    onClick?: () => void;
+}
+export interface EFWFormMessageBar {
+    id: number | string;
+    intent?: MessageBarProps['intent'];
+    title?: string;
+    message?: ReactNode;
+    layout?: MessageBarProps['layout'];
+    actions?: EFWFormMessageBarAction[];
+    dismissable?: boolean;
+    source?: 'internal' | 'external';
+}
+export interface EFWFormMessageBarGroupProps {
+    style?: React.CSSProperties;
+    animate?: "both" | "exit-only" | undefined;
+    messages?: EFWFormMessageBar[];
+    children?: ReactNode;
+    onDismiss?: (messageId: number | string) => void;
+}

package/dist/react-components/forms/EFWFormMessageBarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export type { EFWFormMessageBar, EFWFormMessageBarAction, EFWFormMessageBarGroupProps } from './EFWFormMessageBarGroup.types';
+export { EFWFormMessageBarGroup } from './EFWFormMessageBarGroup';

package/dist/react-components/forms/EFWFormMessageBarGroup/index.js

@@ -0,0 +1,4 @@
+import { EFWFormMessageBarGroup as e } from "./EFWFormMessageBarGroup.js";
+export {
+  e as EFWFormMessageBarGroup
+};

package/dist/react-components/forms/EFWMessageBarManager/EFWMessageBarManager.d.ts

@@ -0,0 +1,3 @@
+import { EFWMessageBarManagerProps } from './EFWMessageBarManager.types';
+
+export declare const EFWMessageBarManager: import('react').ForwardRefExoticComponent<EFWMessageBarManagerProps & import('react').RefAttributes<unknown>>;

package/dist/react-components/forms/EFWMessageBarManager/EFWMessageBarManager.js

@@ -0,0 +1,32 @@
+import { jsx as F } from "react/jsx-runtime";
+import { forwardRef as E, useState as M, useCallback as i, useImperativeHandle as b } from "react";
+import { EFWFormMessageBarGroup as W } from "../EFWFormMessageBarGroup/EFWFormMessageBarGroup.js";
+const w = E((c, d) => {
+  const {
+    style: m,
+    initialExternalMessages: f = []
+  } = c, [g, a] = M([]), [u, n] = M(f), p = i((e, s = "internal") => {
+    (s === "internal" ? a : n)((o) => o.some((r) => r.id === e.id) ? o.map((r) => r.id === e.id ? { ...e } : r) : [...o, { ...e }]);
+  }, []), l = i((e) => {
+    a((s) => s.filter((t) => t.id !== e)), n((s) => s.filter((t) => t.id !== e));
+  }, []), x = i(() => {
+    a([]), n([]);
+  }, []);
+  b(d, () => ({
+    addMessageBar: p,
+    removeMessageBar: l,
+    removeAllMessagesBar: x
+  }));
+  const B = [...g, ...u];
+  return /* @__PURE__ */ F(
+    W,
+    {
+      style: m,
+      messages: B,
+      onDismiss: l
+    }
+  );
+});
+export {
+  w as EFWMessageBarManager
+};

package/dist/react-components/forms/EFWMessageBarManager/EFWMessageBarManager.types.d.ts

@@ -0,0 +1,7 @@
+import { EFWFormMessageBar } from '../EFWFormMessageBarGroup/EFWFormMessageBarGroup.types';
+
+export interface EFWMessageBarManagerProps {
+    style?: React.CSSProperties;
+    className?: string;
+    initialExternalMessages?: EFWFormMessageBar[];
+}

package/dist/react-components/hooks/useDrawer/component/EFWDrawer/EFWDrawer.d.ts

@@ -0,0 +1,3 @@
+import { EFWDrawerProps } from './EFWDrawer.types';
+import * as React from 'react';
+export declare const EFWDrawer: React.NamedExoticComponent<EFWDrawerProps>;

package/dist/react-components/hooks/useDrawer/component/EFWDrawer/EFWDrawer.js

@@ -0,0 +1,96 @@
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import * as o from "react";
+import { makeStyles as f, Drawer as H, DrawerHeader as L, DrawerHeaderTitle as u, DrawerBody as y, DrawerFooter as h, tokens as r } from "@fluentui/react-components";
+import { Dismiss24Regular as D } from "@fluentui/react-icons";
+import { EFWButton as z } from "../../../../buttons/EFWButton/EFWButton.js";
+import { EFWGroupButton as F } from "../../../../buttons/EFWGroupButton/EFWGroupButton.js";
+const x = f({
+  drawerContainer: {
+    transform: "translateZ(0px)"
+  },
+  /**
+   * Estilos para el encabezado del drawer.
+   * Aplica padding vertical y horizontal usando tokens de diseño.
+   */
+  drawerHeader: {
+    padding: r.spacingVerticalL,
+    paddingLeft: r.spacingHorizontalL,
+    paddingRight: r.spacingHorizontalL
+  },
+  /**
+   * Estilos para el cuerpo del drawer.
+   * Aplica padding inferior y lateral usando tokens de diseño.
+   */
+  drawerBody: {
+    paddingBottom: r.spacingVerticalL,
+    paddingLeft: r.spacingHorizontalL,
+    paddingRight: r.spacingHorizontalL
+  },
+  /**
+   * Estilos para el pie del drawer.
+   * Aplica padding, disposición flexible y espaciado entre elementos.
+   */
+  drawerFooter: {
+    padding: r.spacingVerticalM,
+    paddingLeft: r.spacingHorizontalL,
+    paddingRight: r.spacingHorizontalL,
+    display: "flex",
+    justifyContent: "flex-start",
+    gap: r.spacingHorizontalS
+  }
+}), B = o.memo(({
+  isOpen: d,
+  onClose: e,
+  onOpenChange: s,
+  // Nueva prop
+  title: p,
+  content: i,
+  buttons: n = [],
+  size: l,
+  position: c,
+  modalType: g
+}) => {
+  const t = x(), m = o.useMemo(() => typeof i == "function" ? i(e) : i, [i, e]);
+  return /* @__PURE__ */ w(
+    H,
+    {
+      as: "aside",
+      className: t.drawerContainer,
+      size: l,
+      position: c,
+      modalType: g,
+      open: d,
+      onOpenChange: s,
+      children: [
+        /* @__PURE__ */ a(L, { className: t.drawerHeader, children: /* @__PURE__ */ a(
+          u,
+          {
+            id: "drawer-title",
+            action: /* @__PURE__ */ a(
+              z,
+              {
+                appearance: "subtle",
+                icon: /* @__PURE__ */ a(D, {}),
+                "aria-label": "Cerrar",
+                onClick: e
+              }
+            ),
+            children: p
+          }
+        ) }),
+        /* @__PURE__ */ a(y, { className: t.drawerBody, children: m }),
+        n.length > 0 && /* @__PURE__ */ a(h, { className: t.drawerFooter, children: /* @__PURE__ */ a(
+          F,
+          {
+            buttons: n,
+            onClickParams: e
+          }
+        ) })
+      ]
+    }
+  );
+});
+B.displayName = "EFWDrawer";
+export {
+  B as EFWDrawer
+};

package/dist/react-components/hooks/useDrawer/component/EFWDrawer/EFWDrawer.types.d.ts

@@ -0,0 +1,15 @@
+import { DrawerState, DrawerCloseHandler } from '../../useDrawer.types';
+
+export interface EFWDrawerProps {
+    isOpen: DrawerState['isOpen'];
+    onClose: DrawerCloseHandler;
+    title: DrawerState['title'];
+    content?: DrawerState['content'];
+    buttons: DrawerState['buttons'];
+    size: DrawerState['size'];
+    position: DrawerState['position'];
+    modalType: DrawerState['modalType'];
+    onOpenChange: (event: React.SyntheticEvent, data: {
+        open: boolean;
+    }) => void;
+}

package/dist/react-components/hooks/useDrawer/component/EFWDrawer/index.d.ts

@@ -0,0 +1,2 @@
+export { EFWDrawer } from './EFWDrawer';
+export { type EFWDrawerProps } from './EFWDrawer.types';

package/dist/react-components/hooks/useDrawer/component/EFWDrawer/index.js

@@ -0,0 +1,4 @@
+import { EFWDrawer as o } from "./EFWDrawer.js";
+export {
+  o as EFWDrawer
+};

package/dist/react-components/hooks/useDrawer/component/EFWDrawerLoader/EFWDrawerLoader.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export declare const EFWDrawerLoader: React.MemoExoticComponent<({}: {
+    delay: number;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/react-components/hooks/useDrawer/component/EFWDrawerLoader/EFWDrawerLoader.js

@@ -0,0 +1,24 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import i from "react";
+import { Spinner as t, Text as o } from "@fluentui/react-components";
+const n = i.memo(({}) => /* @__PURE__ */ r(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      minHeight: "200px",
+      gap: "10px"
+    },
+    children: [
+      /* @__PURE__ */ e(t, { size: "medium" }),
+      /* @__PURE__ */ e(o, { children: "Cargando contenido..." })
+    ]
+  }
+));
+n.displayName = "EFWDrawerLoader";
+export {
+  n as EFWDrawerLoader
+};

package/dist/react-components/hooks/useDrawer/component/EFWDrawerLoader/index.d.ts

@@ -0,0 +1 @@
+export { EFWDrawerLoader } from './EFWDrawerLoader';

package/dist/react-components/hooks/useDrawer/component/EFWDrawerLoader/index.js

@@ -0,0 +1,4 @@
+import { EFWDrawerLoader as o } from "./EFWDrawerLoader.js";
+export {
+  o as EFWDrawerLoader
+};

package/dist/react-components/hooks/useDrawer/index.d.ts

@@ -0,0 +1,2 @@
+export { useDrawer } from './useDrawer';
+export type { UseDrawerProps, DrawerOpenHandler, DrawerCloseHandler } from './useDrawer.types';

package/dist/react-components/hooks/useDrawer/index.js

@@ -0,0 +1,4 @@
+import { useDrawer as o } from "./useDrawer.js";
+export {
+  o as useDrawer
+};

package/dist/react-components/hooks/useDrawer/useDrawer.d.ts

@@ -0,0 +1,10 @@
+import { DrawerCloseHandler, DrawerOpenHandler, DrawerState, UseDrawerProps } from './useDrawer.types';
+import * as React from 'react';
+export declare function useDrawer({ title: initialTitle, content: initialContent, buttons: initialButtons, size: initialSize, position: initialPosition, modalType: initialModalType, drawerOnOpen, drawerOnClose, deferContentRendering, contentRenderDelay, }: UseDrawerProps): {
+    openDrawer: DrawerOpenHandler;
+    closeDrawer: DrawerCloseHandler;
+    updateDrawer: (updates: Partial<DrawerState>) => void;
+    isOpen: boolean;
+    isContentReady: boolean;
+    DrawerElement: React.ReactPortal | null;
+};