lkd-web-kit 0.5.11 → 0.5.12

package/dist/components/MyRadioGroup/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const core = require('@mantine/core');
+
+const MyRadioGroup = ({
+  options,
+  orientation = "vertical",
+  gap = "xs",
+  ...radioGroupProps
+}) => {
+  const Container = orientation === "horizontal" ? core.Group : core.Stack;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Radio.Group, { ...radioGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    core.Radio,
+    {
+      disabled: radioGroupProps.readOnly,
+      ...option
+    },
+    String(option.value) || String(index)
+  )) }) });
+};
+
+exports.MyRadioGroup = MyRadioGroup;

package/dist/components/MyRadioGroup/index.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { Radio, Group, Stack } from '@mantine/core';
+
+const MyRadioGroup = ({
+  options,
+  orientation = "vertical",
+  gap = "xs",
+  ...radioGroupProps
+}) => {
+  const Container = orientation === "horizontal" ? Group : Stack;
+  return /* @__PURE__ */ jsx(Radio.Group, { ...radioGroupProps, children: /* @__PURE__ */ jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ jsx(
+    Radio,
+    {
+      disabled: radioGroupProps.readOnly,
+      ...option
+    },
+    String(option.value) || String(index)
+  )) }) });
+};
+
+export { MyRadioGroup };

package/dist/form/base/FormRadioGroup.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const core = require('@mantine/core');
+const index = require('../../components/MyRadioGroup/index.cjs');
 const withController = require('../../hocs/withController.cjs');
 
 const FormRadioGroup = withController.withController(({ field, props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  core.Radio.Group,
+  index.MyRadioGroup,
   {
     ...field,
     ...props

package/dist/form/base/FormRadioGroup.js

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { Radio } from '@mantine/core';
+import { MyRadioGroup } from '../../components/MyRadioGroup/index.js';
 import { withController } from '../../hocs/withController.js';
 
 const FormRadioGroup = withController(({ field, props }) => /* @__PURE__ */ jsx(
-  Radio.Group,
+  MyRadioGroup,
   {
     ...field,
     ...props

package/dist/index.cjs

@@ -6,22 +6,23 @@ const index = require('./components/EmptyState/index.cjs');
 const index$1 = require('./components/InfinityLoader/index.cjs');
 const NavItems = require('./components/NavItems.cjs');
 const Icon = require('./components/Icon.cjs');
-const index$2 = require('./components/MyDatePickerInput/index.cjs');
-const index$3 = require('./components/MyDateTimePicker/index.cjs');
-const index$4 = require('./components/MyNotifications/index.cjs');
-const index$5 = require('./components/MyNumberInput/index.cjs');
-const index$6 = require('./components/MySelect/index.cjs');
-const index$7 = require('./components/MyTextarea/index.cjs');
-const index$8 = require('./components/MyTextInput/index.cjs');
-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 index$2 = require('./components/MyRadioGroup/index.cjs');
+const index$3 = require('./components/MyDatePickerInput/index.cjs');
+const index$4 = require('./components/MyDateTimePicker/index.cjs');
+const index$5 = require('./components/MyNotifications/index.cjs');
+const index$6 = require('./components/MyNumberInput/index.cjs');
+const index$7 = require('./components/MySelect/index.cjs');
+const index$8 = require('./components/MyTextarea/index.cjs');
+const index$9 = require('./components/MyTextInput/index.cjs');
+const index$a = require('./components/MyTimeInput/index.cjs');
+const index$b = require('./components/SelectInfinity/index.cjs');
+const index$c = require('./components/MyMultiSelect/index.cjs');
+const index$d = require('./components/MyMonthPickerInput/index.cjs');
+const index$e = require('./components/MyDateInput/index.cjs');
 const httpStatus = require('./consts/http-status.cjs');
 const revalidate = require('./consts/revalidate.cjs');
-const index$e = require('./contexts/NavigationHistoryContext/index.cjs');
-const index$f = require('./contexts/PageDataContext/index.cjs');
+const index$f = require('./contexts/NavigationHistoryContext/index.cjs');
+const index$g = require('./contexts/PageDataContext/index.cjs');
 const Form = require('./form/Form.cjs');
 const FormButtonSubmit = require('./form/FormButtonSubmit.cjs');
 const zodValidator = require('./form/utils/zodValidator.cjs');
@@ -66,25 +67,26 @@ exports.EmptyState = index.EmptyState;
 exports.InfinityLoader = index$1.InfinityLoader;
 exports.NavItems = NavItems.NavItems;
 exports.Icon = Icon.Icon;
-exports.MyDatePickerInput = index$2.MyDatePickerInput;
-exports.MyDateTimePicker = index$3.MyDateTimePicker;
-exports.MyNotifications = index$4.MyNotifications;
-exports.MyNumberInput = index$5.MyNumberInput;
-exports.MySelect = index$6.MySelect;
-exports.MyTextarea = index$7.MyTextarea;
-exports.MyTextInput = index$8.MyTextInput;
-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.MyRadioGroup = index$2.MyRadioGroup;
+exports.MyDatePickerInput = index$3.MyDatePickerInput;
+exports.MyDateTimePicker = index$4.MyDateTimePicker;
+exports.MyNotifications = index$5.MyNotifications;
+exports.MyNumberInput = index$6.MyNumberInput;
+exports.MySelect = index$7.MySelect;
+exports.MyTextarea = index$8.MyTextarea;
+exports.MyTextInput = index$9.MyTextInput;
+exports.MyTimeInput = index$a.MyTimeInput;
+exports.InfinitySelect = index$b.InfinitySelect;
+exports.MyMultiSelect = index$c.MyMultiSelect;
+exports.MyMonthPickerInput = index$d.MyMonthPickerInput;
+exports.MyDateInput = index$e.MyDateInput;
 exports.HttpStatus = httpStatus.HttpStatus;
 exports.Revalidate = revalidate.Revalidate;
-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.NavigationHistoryProvider = index$f.NavigationHistoryProvider;
+exports.QP_BACK_URL_NAME = index$f.QP_BACK_URL_NAME;
+exports.useNavigationHistory = index$f.useNavigationHistory;
+exports.PageDataProvider = index$g.PageDataProvider;
+exports.usePageData = index$g.usePageData;
 exports.Form = Form.Form;
 exports.FormButtonSubmit = FormButtonSubmit.FormButtonSubmit;
 exports.zodValidator = zodValidator.zodValidator;

package/dist/index.d.ts

@@ -25,6 +25,7 @@ import { JSX } from 'react/jsx-runtime';
 import { KyResponse } from 'ky';
 import { LoaderProps } from '@mantine/core';
 import { MantineColorShade } from '@mantine/core';
+import { MantineSpacing } from '@mantine/core';
 import { MantineThemeColors } from '@mantine/core';
 import { MantineThemeOverride } from '@mantine/core';
 import { ModalProps } from '@mantine/core';
@@ -34,6 +35,7 @@ import { MultiSelectProps } from '@mantine/core';
 import { NotificationsProps } from '@mantine/notifications';
 import { NumberInputProps } from '@mantine/core';
 import { RadioGroupProps } from '@mantine/core';
+import { RadioProps } from '@mantine/core';
 import { ReactNode } from 'react';
 import { ReadonlyURLSearchParams } from 'next/navigation';
 import { RefObject } from 'react';
@@ -161,9 +163,9 @@ declare interface FormProps<T extends FieldValues, TContext = any, TT extends T
     onSubmitError?: SubmitErrorHandler<T>;
 }
 
-export declare const FormRadioGroup: FC<RadioGroupProps & WithControllerProps>;
+export declare const FormRadioGroup: FC<MyRadioGroupProps & WithControllerProps>;
 
-export declare type FormRadioGroupProps = RadioGroupProps & WithControllerProps;
+export declare type FormRadioGroupProps = MyRadioGroupProps & WithControllerProps;
 
 export declare const FormSelect: FC<MySelectProps & WithControllerProps>;
 
@@ -385,6 +387,14 @@ export declare const MyNumberInput: (props: MyNumberInputProps) => JSX.Element;
 export declare interface MyNumberInputProps extends NumberInputProps {
 }
 
+export declare const MyRadioGroup: ({ options, orientation, gap, ...radioGroupProps }: MyRadioGroupProps) => JSX.Element;
+
+export declare interface MyRadioGroupProps extends RadioGroupProps {
+    options: RadioProps[];
+    orientation?: 'horizontal' | 'vertical';
+    gap?: MantineSpacing;
+}
+
 export declare const MySelect: (props: MySelectProps) => JSX.Element;
 
 export declare interface MySelectProps extends SelectProps {

package/dist/index.js

@@ -2,6 +2,7 @@ export { EmptyState } from './components/EmptyState/index.js';
 export { InfinityLoader } from './components/InfinityLoader/index.js';
 export { NavItems } from './components/NavItems.js';
 export { Icon } from './components/Icon.js';
+export { MyRadioGroup } from './components/MyRadioGroup/index.js';
 export { MyDatePickerInput } from './components/MyDatePickerInput/index.js';
 export { MyDateTimePicker } from './components/MyDateTimePicker/index.js';
 export { MyNotifications } from './components/MyNotifications/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.5.11",
+  "version": "0.5.12",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",