lkd-web-kit 0.0.2 → 0.0.3

package/dist/form.d.ts

@@ -1,29 +0,0 @@
-import { BoxProps } from '@mantine/core';
-import { ButtonProps } from '@mantine/core';
-import { ElementProps } from '@mantine/core';
-import { FieldValues } from 'react-hook-form';
-import { JSX } from 'react/jsx-runtime';
-import { SubmitErrorHandler } from 'react-hook-form';
-import { SubmitHandler } from 'react-hook-form';
-import { UseFormReturn } from 'react-hook-form';
-import { z } from 'zod';
-import { ZodTypeAny } from 'zod';
-
-export declare const Form: <T extends FieldValues>({ methods, onSubmit, onSubmitError, ...rest }: FormProps<T>) => JSX.Element;
-
-export declare const FormButtonSubmit: (props: FormButtonSubmitProps) => JSX.Element;
-
-export declare interface FormButtonSubmitProps extends ButtonProps, ElementProps<"button", keyof ButtonProps> {
-}
-
-declare interface FormProps<T extends FieldValues> extends BoxProps, ElementProps<'form', 'onSubmit'> {
-    methods: UseFormReturn<T, any, any>;
-    onSubmit?: SubmitHandler<T>;
-    onSubmitError?: SubmitErrorHandler<any>;
-}
-
-export declare const nullableInput: <T extends ZodTypeAny>(schema: T, message?: string) => z.ZodEffects<z.ZodNullable<T>, (T["_output"] & undefined) | (T["_output"] & {}), T["_input"] | null>;
-
-export declare const zodValidator: (schema: ZodTypeAny) => (values: any) => string | undefined;
-
-export { }

package/dist/form.es.js

@@ -1,51 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Box, Button } from '@mantine/core';
-import { FormProvider, useFormContext } from 'react-hook-form';
-export { z as zodValidator } from './zodValidator-ChEQ3cmF.js';
-import { z } from 'zod';
-
-const Form = ({
-  methods,
-  onSubmit = () => {
-  },
-  onSubmitError,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "form",
-      onSubmit: methods.handleSubmit(onSubmit, onSubmitError),
-      ...rest
-    }
-  ) });
-};
-
-const FormButtonSubmit = (props) => {
-  const { formState } = useFormContext();
-  const { isSubmitting } = formState;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      loading: isSubmitting,
-      type: "submit",
-      ...props
-    }
-  );
-};
-
-const nullableInput = (schema, message = "Campo requerido") => {
-  return schema.nullable().transform((val, ctx) => {
-    if (val === null) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        fatal: true,
-        message
-      });
-      return z.NEVER;
-    }
-    return val;
-  });
-};
-
-export { Form, FormButtonSubmit, nullableInput };

package/dist/hocs.cjs.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const require$$1 = require('react/jsx-runtime');
-const reactHookForm = require('react-hook-form');
-require('@mantine/core');
-const zodValidator = require('./zodValidator-Bx6RMGoL.cjs');
-require('zod');
-const require$$0 = require('react');
-
-const withForm = (WrappedComponent, getControllerProps) => {
-  const FormField = (props) => {
-    const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
-    return /* @__PURE__ */ require$$1.jsx(
-      reactHookForm.Controller,
-      {
-        name,
-        defaultValue: "",
-        rules: {
-          validate: validate && !props.disabled ? zodValidator.zodValidator(validate) : void 0
-        },
-        disabled: props.disabled,
-        ...getControllerProps?.(props),
-        render: (renderProps) => {
-          const {
-            fieldState: { isTouched, error }
-          } = renderProps;
-          const fieldProps = {
-            ...renderProps,
-            props: {
-              ...props,
-              validate: void 0
-            },
-            field: {
-              ...renderProps.field,
-              label,
-              placeholder,
-              description,
-              error: error?.message
-            },
-            ...withFormRestProps
-          };
-          return /* @__PURE__ */ require$$1.jsx(WrappedComponent, { ...fieldProps });
-        }
-      }
-    );
-  };
-  FormField.displayName = `withForm(${WrappedComponent.displayName})`;
-  return FormField;
-};
-
-const withModalManager = (WrappedComponent) => {
-  const Component = ({
-    removeModal,
-    opened,
-    ...props
-  }) => {
-    const [isOpen, setIsOpen] = require$$0.useState(false);
-    const onClose = () => {
-      setIsOpen(false);
-      setTimeout(() => removeModal(), 200);
-      props.onClose?.();
-    };
-    require$$0.useEffect(() => {
-      if (opened) setTimeout(() => setIsOpen(true), 0);
-      else onClose();
-    }, [opened]);
-    return /* @__PURE__ */ require$$1.jsx(WrappedComponent, { ...props, opened: isOpen, onClose });
-  };
-  Component.displayName = `withModalManager(${WrappedComponent.displayName})`;
-  return Component;
-};
-
-exports.withForm = withForm;
-exports.withModalManager = withModalManager;

package/dist/hocs.d.ts

@@ -1,34 +0,0 @@
-import { ControllerProps } from 'react-hook-form';
-import { FC } from 'react';
-import { ModalProps } from '@mantine/core';
-import { ZodTypeAny } from 'zod';
-
-export declare type FormFieldProps<T = unknown> = Parameters<ControllerProps['render']>[0] & {
-    props: T;
-    field: {
-        label?: React.ReactNode;
-        placeholder?: string;
-        description?: React.ReactNode;
-        error?: string;
-    };
-};
-
-export declare const withForm: <P extends unknown>(WrappedComponent: React.ComponentType<FormFieldProps<P>>, getControllerProps?: (props: P) => Omit<Partial<ControllerProps>, "render">) => FC<P & WithFormProps>;
-
-export declare interface WithFormProps {
-    name?: string;
-    label?: React.ReactNode;
-    placeholder?: string;
-    description?: React.ReactNode;
-    validate?: ZodTypeAny;
-    disabled?: boolean;
-}
-
-export declare const withModalManager: <P extends Object>(WrappedComponent: React.ComponentType<P & ModalProps>) => FC<P & WithModalManagerProps & ModalProps>;
-
-export declare interface WithModalManagerProps {
-    removeModal: () => void;
-    opened: boolean;
-}
-
-export { }

package/dist/hocs.es.js

@@ -1,71 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Controller } from 'react-hook-form';
-import '@mantine/core';
-import { z as zodValidator } from './zodValidator-ChEQ3cmF.js';
-import 'zod';
-import { useState, useEffect } from 'react';
-
-const withForm = (WrappedComponent, getControllerProps) => {
-  const FormField = (props) => {
-    const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        name,
-        defaultValue: "",
-        rules: {
-          validate: validate && !props.disabled ? zodValidator(validate) : void 0
-        },
-        disabled: props.disabled,
-        ...getControllerProps?.(props),
-        render: (renderProps) => {
-          const {
-            fieldState: { isTouched, error }
-          } = renderProps;
-          const fieldProps = {
-            ...renderProps,
-            props: {
-              ...props,
-              validate: void 0
-            },
-            field: {
-              ...renderProps.field,
-              label,
-              placeholder,
-              description,
-              error: error?.message
-            },
-            ...withFormRestProps
-          };
-          return /* @__PURE__ */ jsx(WrappedComponent, { ...fieldProps });
-        }
-      }
-    );
-  };
-  FormField.displayName = `withForm(${WrappedComponent.displayName})`;
-  return FormField;
-};
-
-const withModalManager = (WrappedComponent) => {
-  const Component = ({
-    removeModal,
-    opened,
-    ...props
-  }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const onClose = () => {
-      setIsOpen(false);
-      setTimeout(() => removeModal(), 200);
-      props.onClose?.();
-    };
-    useEffect(() => {
-      if (opened) setTimeout(() => setIsOpen(true), 0);
-      else onClose();
-    }, [opened]);
-    return /* @__PURE__ */ jsx(WrappedComponent, { ...props, opened: isOpen, onClose });
-  };
-  Component.displayName = `withModalManager(${WrappedComponent.displayName})`;
-  return Component;
-};
-
-export { withForm, withModalManager };

package/dist/hooks.cjs.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('@mantine/core');
-const useFetchNextPageOnScroll = require('./useFetchNextPageOnScroll-Fqj7Vp-O.cjs');
-require('./navigation-DnFkn_t2.cjs');
-
-
-
-exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll.useFetchNextPageOnScroll;
-exports.useOnScrollProgress = useFetchNextPageOnScroll.useOnScrollProgress;

package/dist/hooks.d.ts

@@ -1,11 +0,0 @@
-import { InfiniteData } from '@tanstack/react-query';
-import { InfiniteQueryHookResult } from 'react-query-kit';
-import { RefObject } from 'react';
-
-export declare const useFetchNextPageOnScroll: (infinity: InfiniteQueryHookResult<InfiniteData<{
-    data: unknown[];
-}, number>, Error>, elementRef?: RefObject<HTMLElement | null>) => void;
-
-export declare const useOnScrollProgress: (triggerPercentage: number, callback: () => void, elementRef?: RefObject<HTMLElement | null>) => void;
-
-export { }

package/dist/hooks.es.js

@@ -1,3 +0,0 @@
-import '@mantine/core';
-export { u as useFetchNextPageOnScroll, a as useOnScrollProgress } from './useFetchNextPageOnScroll-08q9N5OE.js';
-import './navigation-sZaWnl2V.js';

package/dist/mantine.cjs.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const breakpointsWithPx = {
-  xs: "576px",
-  sm: "640px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1280px",
-  ["2xl"]: "1536px"
-};
-
-const toTailwindColors = (colors) => Object.entries(colors).reduce(
-  (acc, [key, value]) => {
-    acc[key] = value.reduce(
-      (acc2, color, index) => {
-        acc2[index] = color;
-        return acc2;
-      },
-      {}
-    );
-    return acc;
-  },
-  {}
-);
-
-exports.breakpointsWithPx = breakpointsWithPx;
-exports.toTailwindColors = toTailwindColors;

package/dist/mantine.d.ts

@@ -1,16 +0,0 @@
-import { DefaultMantineColor } from '@mantine/core';
-import { MantineColorShade } from '@mantine/core';
-import { MantineThemeColors } from '@mantine/core';
-
-export declare const breakpointsWithPx: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    "2xl": string;
-};
-
-export declare const toTailwindColors: (colors: MantineThemeColors) => Record<DefaultMantineColor, Record<MantineColorShade, string>>;
-
-export { }

package/dist/mantine.es.js

@@ -1,24 +0,0 @@
-const breakpointsWithPx = {
-  xs: "576px",
-  sm: "640px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1280px",
-  ["2xl"]: "1536px"
-};
-
-const toTailwindColors = (colors) => Object.entries(colors).reduce(
-  (acc, [key, value]) => {
-    acc[key] = value.reduce(
-      (acc2, color, index) => {
-        acc2[index] = color;
-        return acc2;
-      },
-      {}
-    );
-    return acc;
-  },
-  {}
-);
-
-export { breakpointsWithPx, toTailwindColors };