lkd-web-kit 0.4.9 → 0.4.11

package/dist/components/MyDateInput/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const dates = require('@mantine/dates');
+const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
+
+const MyDateInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  dates.DateInput,
+  {
+    leftSection: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { size: props.size }),
+    leftSectionPointerEvents: "none",
+    variant: props.readOnly ? "filled" : "default",
+    ...props
+  }
+);
+
+exports.MyDateInput = MyDateInput;

package/dist/components/MyDateInput/index.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { DateInput } from '@mantine/dates';
+import CalendarIcon from '../MyDatePickerInput/CalendarIcon.js';
+
+const MyDateInput = (props) => /* @__PURE__ */ jsx(
+  DateInput,
+  {
+    leftSection: /* @__PURE__ */ jsx(CalendarIcon, { size: props.size }),
+    leftSectionPointerEvents: "none",
+    variant: props.readOnly ? "filled" : "default",
+    ...props
+  }
+);
+
+export { MyDateInput };

package/dist/form/base/FormDateInput.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../components/MyDateInput/index.cjs');
+const withForm = require('../../hocs/withForm.cjs');
+
+const FormDateInput = withForm.withForm(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.MyDateInput,
+  {
+    ...field,
+    ...props
+  }
+));
+
+exports.FormDateInput = FormDateInput;

package/dist/form/base/FormDateInput.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { MyDateInput } from '../../components/MyDateInput/index.js';
+import { withForm } from '../../hocs/withForm.js';
+
+const FormDateInput = withForm(({ field, props }) => /* @__PURE__ */ jsx(
+  MyDateInput,
+  {
+    ...field,
+    ...props
+  }
+));
+
+export { FormDateInput };

package/dist/index.cjs

@@ -17,10 +17,11 @@ const index$9 = require('./components/MyTimeInput/index.cjs');
 const index$a = require('./components/SelectInfinity/index.cjs');
 const index$b = require('./components/MyMultiSelect/index.cjs');
 const index$c = require('./components/MyMonthPickerInput/index.cjs');
+const index$d = require('./components/MyDateInput/index.cjs');
 const httpStatus = require('./consts/http-status.cjs');
 const revalidate = require('./consts/revalidate.cjs');
-const index$d = require('./contexts/NavigationHistoryContext/index.cjs');
-const index$e = require('./contexts/PageDataContext/index.cjs');
+const index$e = require('./contexts/NavigationHistoryContext/index.cjs');
+const index$f = require('./contexts/PageDataContext/index.cjs');
 const Form = require('./form/Form.cjs');
 const FormButtonSubmit = require('./form/FormButtonSubmit.cjs');
 const zodValidator = require('./form/utils/zodValidator.cjs');
@@ -38,6 +39,7 @@ const FormTextInput = require('./form/base/FormTextInput.cjs');
 const FormTimeInput = require('./form/base/FormTimeInput.cjs');
 const FormMultiSelect = require('./form/base/FormMultiSelect.cjs');
 const FormMonthPickerInput = require('./form/base/FormMonthPickerInput.cjs');
+const FormDateInput = require('./form/base/FormDateInput.cjs');
 const withForm = require('./hocs/withForm.cjs');
 const withModalManager = require('./hocs/withModalManager.cjs');
 const useBreakpoint = require('./hooks/useBreakpoint.cjs');
@@ -75,13 +77,14 @@ exports.MyTimeInput = index$9.MyTimeInput;
 exports.InfinitySelect = index$a.InfinitySelect;
 exports.MyMultiSelect = index$b.MyMultiSelect;
 exports.MyMonthPickerInput = index$c.MyMonthPickerInput;
+exports.MyDateInput = index$d.MyDateInput;
 exports.HttpStatus = httpStatus.HttpStatus;
 exports.Revalidate = revalidate.Revalidate;
-exports.NavigationHistoryProvider = index$d.NavigationHistoryProvider;
-exports.QP_BACK_URL_NAME = index$d.QP_BACK_URL_NAME;
-exports.useNavigationHistory = index$d.useNavigationHistory;
-exports.PageDataProvider = index$e.PageDataProvider;
-exports.usePageData = index$e.usePageData;
+exports.NavigationHistoryProvider = index$e.NavigationHistoryProvider;
+exports.QP_BACK_URL_NAME = index$e.QP_BACK_URL_NAME;
+exports.useNavigationHistory = index$e.useNavigationHistory;
+exports.PageDataProvider = index$f.PageDataProvider;
+exports.usePageData = index$f.usePageData;
 exports.Form = Form.Form;
 exports.FormButtonSubmit = FormButtonSubmit.FormButtonSubmit;
 exports.zodValidator = zodValidator.zodValidator;
@@ -101,6 +104,7 @@ exports.numberToTimeInput = FormTimeInput.numberToTimeInput;
 exports.timeInputToNumber = FormTimeInput.timeInputToNumber;
 exports.FormMultiSelect = FormMultiSelect.FormMultiSelect;
 exports.FormMonthPickerInput = FormMonthPickerInput.FormMonthPickerInput;
+exports.FormDateInput = FormDateInput.FormDateInput;
 exports.withForm = withForm.withForm;
 exports.withModalManager = withModalManager.withModalManager;
 exports.useBreakpoint = useBreakpoint.useBreakpoint;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { ComboboxStore } from '@mantine/core';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 import { ControllerProps } from 'react-hook-form';
+import { DateInputProps } from '@mantine/dates';
 import { DatePickerInputProps } from '@mantine/dates';
 import { DateTimePickerProps } from '@mantine/dates';
 import { default as default_2 } from 'react';
@@ -116,9 +117,13 @@ export declare const FormCheckbox: FC<CheckboxProps & WithFormProps>;
 
 export declare type FormCheckboxProps = CheckboxProps & WithFormProps;
 
-export declare type FormDatePickerInput = WithFormProps & MyDatePickerInputProps;
+export declare const FormDateInput: FC<WithFormProps & MyDateInputProps>;
 
-export declare const FormDatePickerInput: FC<MyDatePickerInputProps & WithFormProps>;
+export declare type FormDateInputProps = WithFormProps & MyDateInputProps;
+
+export declare const FormDatePickerInput: FC<WithFormProps & MyDatePickerInputProps>;
+
+export declare type FormDatePickerInputProps = WithFormProps & MyDatePickerInputProps;
 
 export declare const FormDateTimePicker: FC<DateTimePickerProps & WithFormProps>;
 
@@ -333,6 +338,11 @@ export declare interface LayoutProps {
     params: Promise<PageParams>;
 }
 
+export declare const MyDateInput: (props: MyDateInputProps) => JSX.Element;
+
+export declare interface MyDateInputProps extends DateInputProps {
+}
+
 export declare const MyDatePickerInput: (props: MyDatePickerInputProps) => JSX.Element;
 
 export declare interface MyDatePickerInputProps extends DatePickerInputProps<any> {
@@ -470,7 +480,7 @@ declare const pxBySize: {
 
 export declare const QP_BACK_URL_NAME = "backUrl";
 
-export declare const queryStringify: (query?: Record<string, unknown>) => string;
+export declare const queryStringify: (query?: Record<string, any>) => string;
 
 export declare enum Revalidate {
     OneHour = 3600,

package/dist/index.js

@@ -13,6 +13,7 @@ export { MyTimeInput } from './components/MyTimeInput/index.js';
 export { InfinitySelect } from './components/SelectInfinity/index.js';
 export { MyMultiSelect } from './components/MyMultiSelect/index.js';
 export { MyMonthPickerInput } from './components/MyMonthPickerInput/index.js';
+export { MyDateInput } from './components/MyDateInput/index.js';
 export { HttpStatus } from './consts/http-status.js';
 export { Revalidate } from './consts/revalidate.js';
 export { NavigationHistoryProvider, QP_BACK_URL_NAME, useNavigationHistory } from './contexts/NavigationHistoryContext/index.js';
@@ -34,6 +35,7 @@ export { FormTextInput } from './form/base/FormTextInput.js';
 export { FormTimeInput, numberToTimeInput, timeInputToNumber } from './form/base/FormTimeInput.js';
 export { FormMultiSelect } from './form/base/FormMultiSelect.js';
 export { FormMonthPickerInput } from './form/base/FormMonthPickerInput.js';
+export { FormDateInput } from './form/base/FormDateInput.js';
 export { withForm } from './hocs/withForm.js';
 export { withModalManager } from './hocs/withModalManager.js';
 export { useBreakpoint } from './hooks/useBreakpoint.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -60,7 +60,7 @@
     "@tanstack/react-query": "^5.83.0",
     "clsx": "^2.1.1",
     "ky": "^1.8.1",
-    "next": "^15.3.5",
+    "next": "^15.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.60.0",