lkd-web-kit 0.0.0 → 0.0.2

package/dist/hocs.es.js

@@ -0,0 +1,71 @@
+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

@@ -0,0 +1,12 @@
+'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

@@ -0,0 +1,11 @@
+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

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

package/dist/mantine.cjs.js

@@ -0,0 +1,29 @@
+'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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,24 @@
+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 };