lkd-web-kit 0.3.4 → 0.3.7

package/dist/index.cjs26.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const core = require('@mantine/core');
+const withForm = require('./index.cjs38.js');
+
+const FormCheckbox = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  core.Checkbox,
+  {
+    ...field,
+    checked: field.value,
+    ...props
+  }
+));
+
+exports.FormCheckbox = FormCheckbox;

package/dist/index.cjs27.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs6.js');
+const withForm = require('./index.cjs38.js');
+
+const FormDatePickerInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyDatePickerInput,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormDatePickerInput = FormDatePickerInput;

package/dist/index.cjs28.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs7.js');
+const withForm = require('./index.cjs38.js');
+
+const FormDateTimePicker = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyDateTimePicker,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormDateTimePicker = FormDateTimePicker;

package/dist/index.cjs29.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs9.js');
+const withForm = require('./index.cjs38.js');
+
+const FormNumberInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyNumberInput,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormNumberInput = FormNumberInput;

package/dist/index.cjs3.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const core = require('@mantine/core');
+
+const InfinityLoader = ({ infinity, loaderProps, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Center, { ...props, children: infinity.isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { ...loaderProps }) : !infinity.hasNextPage && (infinity.data?.pages.length ?? 0) > 1 && /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No hay más resultados" }) });
+};
+
+exports.InfinityLoader = InfinityLoader;

package/dist/index.cjs30.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const core = require('@mantine/core');
+const withForm = require('./index.cjs38.js');
+
+const FormRadioGroup = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  core.Radio.Group,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormRadioGroup = FormRadioGroup;

package/dist/index.cjs31.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs10.js');
+const withForm = require('./index.cjs38.js');
+
+const FormSelect = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MySelect,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormSelect = FormSelect;

package/dist/index.cjs32.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs14.js');
+const withForm = require('./index.cjs38.js');
+
+const FormSelectInfinity = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.SelectInfinity,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormSelectInfinity = FormSelectInfinity;

package/dist/index.cjs33.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs11.js');
+const withForm = require('./index.cjs38.js');
+
+const FormTextarea = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyTextarea,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormTextarea = FormTextarea;

package/dist/index.cjs34.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs12.js');
+const withForm = require('./index.cjs38.js');
+
+const FormTextInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyTextInput,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormTextInput = FormTextInput;

package/dist/index.cjs35.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs13.js');
+const withForm = require('./index.cjs38.js');
+
+const FormTimeInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyTimeInput,
+  {
+    ...field,
+    ...props
+  }
+));
+const timeInputToNumber = (timeInput) => {
+  const [hours, minutes] = timeInput.split(":").map(Number);
+  const result = hours + minutes / 60;
+  return Number(result.toFixed(2));
+};
+const numberToTimeInput = (number) => {
+  const hours = Math.floor(number);
+  const minutes = Math.round((number - hours) * 60);
+  return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+};
+
+exports.FormTimeInput = FormTimeInput;
+exports.numberToTimeInput = numberToTimeInput;
+exports.timeInputToNumber = timeInputToNumber;

package/dist/index.cjs36.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs15.js');
+const withForm = require('./index.cjs38.js');
+
+const FormMultiSelect = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyMultiSelect,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormMultiSelect = FormMultiSelect;

package/dist/index.cjs37.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index.cjs16.js');
+const withForm = require('./index.cjs38.js');
+
+const FormMonthPickerInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyMonthPickerInput,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormMonthPickerInput = FormMonthPickerInput;

package/dist/index.cjs38.js

@@ -0,0 +1,51 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactHookForm = require('react-hook-form');
+const zodValidator = require('./index.cjs23.js');
+
+const withForm = (WrappedComponent, getControllerProps) => {
+  const FormField = (props) => {
+    const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name,
+        defaultValue: "",
+        rules: {
+          validate: validate && !props.disabled ? zodValidator.zodValidator(validate) : void 0
+        },
+        disabled: props.disabled,
+        ...getControllerProps?.(props),
+        render: (renderProps) => {
+          const {
+            fieldState: { error }
+          } = renderProps;
+          const fieldProps = {
+            ...renderProps,
+            props: {
+              ...props,
+              validate: void 0
+            },
+            field: {
+              ...renderProps.field,
+              label,
+              placeholder,
+              description,
+              error: error?.message
+            },
+            ...withFormRestProps
+          };
+          return /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...fieldProps });
+        }
+      }
+    );
+  };
+  FormField.displayName = `WithForm(${WrappedComponent.displayName})`;
+  return FormField;
+};
+
+exports.withForm = withForm;

package/dist/index.cjs39.js

@@ -0,0 +1,38 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+
+const withModalManager = (WrappedComponent) => {
+  const Component = ({
+    removeModal,
+    opened,
+    ...props
+  }) => {
+    const [isOpen, setIsOpen] = react.useState(false);
+    const onClose = () => {
+      setIsOpen(false);
+      setTimeout(() => removeModal(), 200);
+      props.onClose?.();
+    };
+    react.useEffect(() => {
+      if (opened) setTimeout(() => setIsOpen(true), 0);
+      else onClose();
+    }, [opened]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      WrappedComponent,
+      {
+        ...props,
+        opened: isOpen,
+        onClose
+      }
+    );
+  };
+  Component.displayName = `WithModalManager(${WrappedComponent.displayName})`;
+  return Component;
+};
+
+exports.withModalManager = withModalManager;

package/dist/index.cjs4.js

@@ -0,0 +1,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const core = require('@mantine/core');
+const Link = require('next/link');
+const navigation = require('next/navigation');
+
+const NavItems = ({ items, activeStrategy = "includes" }) => {
+  const pathname = navigation.usePathname();
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 0, children: items.map(({ href, isActive, ...navLinkProps }) => {
+    if (href) {
+      const active = isActive ?? (activeStrategy === "equals" ? href === pathname : href.includes(pathname));
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        core.NavLink,
+        {
+          active,
+          component: Link,
+          prefetch: false,
+          href,
+          ...navLinkProps
+        },
+        navLinkProps.label
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.NavLink,
+      {
+        active: isActive,
+        component: "button",
+        ...navLinkProps
+      },
+      navLinkProps.label
+    );
+  }) });
+};
+
+exports.NavItems = NavItems;

package/dist/index.cjs40.js

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@mantine/core');
+
+const useBreakpoint = (breakpoint) => {
+  const result = core.useMatches({
+    [breakpoint]: true
+  });
+  return !!result;
+};
+
+exports.useBreakpoint = useBreakpoint;

package/dist/index.cjs41.js

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useOnScrollProgress = require('./index.cjs42.js');
+
+const useFetchNextPageOnScroll = ({
+  infinity,
+  scrollRef,
+  disabled = false
+}) => {
+  useOnScrollProgress.useOnScrollProgress({
+    triggerPercentage: 0.9,
+    callback: () => {
+      if (infinity.hasNextPage) infinity.fetchNextPage();
+    },
+    scrollRef,
+    disabled
+  });
+};
+
+exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll;

package/dist/index.cjs42.js

@@ -0,0 +1,39 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const useOnScrollProgress = ({
+  triggerPercentage,
+  callback,
+  scrollRef,
+  disabled = false
+}) => {
+  if (triggerPercentage < 0 || triggerPercentage > 1)
+    throw new Error("El porcentaje debe estar entre 0 y 1");
+  react.useEffect(() => {
+    if (disabled || scrollRef && scrollRef.current === null) return;
+    let hasTriggered = false;
+    const handleScroll = () => {
+      const el = scrollRef?.current;
+      const target = el ?? document.documentElement;
+      const scrollHeight = target.scrollHeight - target.clientHeight;
+      const scrollTop = el ? target.scrollTop : window.scrollY;
+      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
+      if (!hasTriggered && scrollProgress >= triggerPercentage) {
+        callback();
+        hasTriggered = true;
+      }
+    };
+    const scrollTarget = scrollRef?.current ?? window;
+    scrollTarget.addEventListener("scroll", handleScroll);
+    handleScroll();
+    return () => {
+      scrollTarget.removeEventListener("scroll", handleScroll);
+    };
+  }, [triggerPercentage, callback, scrollRef, disabled]);
+};
+
+exports.useOnScrollProgress = useOnScrollProgress;

package/dist/index.cjs43.js

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigation = require('next/navigation');
+
+const useUpdateSearchParams = () => {
+  const searchParams = navigation.useSearchParams();
+  const updateSearchParams = (newSearchparams) => {
+    const params = new URLSearchParams(searchParams.toString());
+    Object.entries(newSearchparams).forEach(([key, value]) => {
+      if (value === null) {
+        params.delete(key);
+        return;
+      }
+      params.set(key, String(value));
+    });
+    window?.history?.pushState(null, "", `?${params.toString()}`);
+  };
+  return { updateSearchParams, searchParams };
+};
+
+exports.useUpdateSearchParams = useUpdateSearchParams;

package/dist/index.cjs44.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const breakpointsWithPx = {
+  xs: "576px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  ["2xl"]: "1536px"
+};
+
+exports.breakpointsWithPx = breakpointsWithPx;

package/dist/index.cjs45.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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.toTailwindColors = toTailwindColors;

package/dist/index.cjs46.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@mantine/core');
+const breakpointsWithPx = require('./index.cjs44.js');
+
+const myDefaultTheme = {
+  breakpoints: breakpointsWithPx.breakpointsWithPx,
+  cursorType: "pointer",
+  components: {
+    Notification: core.Notification.extend({
+      defaultProps: {
+        withBorder: true
+      }
+    }),
+    AppShell: core.AppShell.extend({
+      defaultProps: {
+        padding: 0
+      }
+    }),
+    Select: core.Select.extend({
+      defaultProps: {
+        allowDeselect: false,
+        withCheckIcon: false,
+        clearable: true
+      }
+    }),
+    Menu: core.Menu.extend({
+      defaultProps: {
+        position: "bottom-end"
+      }
+    }),
+    Tooltip: core.Tooltip.extend({
+      defaultProps: {
+        multiline: true,
+        w: 300
+      }
+    })
+  }
+};
+
+exports.myDefaultTheme = myDefaultTheme;

package/dist/index.cjs47.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function formatBytes(bytes, decimals = 2) {
+  if (!+bytes) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+
+exports.formatBytes = formatBytes;

package/dist/index.cjs48.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ky = require('ky');
+const parseJson = require('./index.cjs49.js');
+
+class KyError extends ky.HTTPError {
+  constructor(response, request, options, bodyJson) {
+    super(response, request, options);
+    this.response.bodyJson = bodyJson;
+  }
+}
+const addBodyJsonHook = async (error) => {
+  error.response.bodyJson = await parseJson.parseJSON(error.response);
+  return error;
+};
+
+exports.KyError = KyError;
+exports.addBodyJsonHook = addBodyJsonHook;

package/dist/index.cjs49.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const parseJSON = async (response) => {
+  return response.text().then(function(text) {
+    return text ? JSON.parse(text) : {};
+  });
+};
+
+exports.parseJSON = parseJSON;

package/dist/index.cjs5.js

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('clsx');
+
+const Icon = ({ i: I, size = "md", style, rotate, className, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    I,
+    {
+      ...typeof size === "number" ? {
+        height: size,
+        width: size
+      } : stylesBySize[size],
+      viewBox: "0 0 24 24",
+      style: {
+        ...style,
+        transform: `rotate(${rotate}deg)`
+      },
+      className: clsx("shrink-0", className),
+      ...rest
+    }
+  );
+};
+const stylesBySize = {
+  xs: {
+    height: 16,
+    width: 16
+  },
+  sm: {
+    height: 20,
+    width: 20
+  },
+  md: {
+    height: 24,
+    width: 24
+  },
+  lg: {
+    height: 28,
+    width: 28
+  },
+  xl: {
+    height: 32,
+    width: 32
+  },
+  ["2xl"]: {
+    height: 40,
+    width: 40
+  }
+};
+
+exports.Icon = Icon;