@sunggang/ui-lib 0.2.98 → 0.2.99

package/BaseCkeditor.esm.js

@@ -18,9 +18,6 @@ import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
-import '@mui/material/Radio';
-import '@mui/material/RadioGroup';
-import '@mui/material/FormControlLabel';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';

package/index.esm.js

@@ -18,9 +18,6 @@ import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
-import '@mui/material/Radio';
-import '@mui/material/RadioGroup';
-import '@mui/material/FormControlLabel';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';

package/index.esm2.js

@@ -18,9 +18,6 @@ import * as locales from 'react-date-range/dist/locale/index.js';
 import addDays from 'date-fns/addDays/index.js';
 import format$1 from 'date-fns/format/index.js';
 import { keyframes, jsx as jsx$1, css as css$2 } from '@emotion/react';
-import Radio from '@mui/material/Radio';
-import RadioGroup from '@mui/material/RadioGroup';
-import FormControlLabel from '@mui/material/FormControlLabel';
 import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { ChevronRightIcon, CheckIcon, DotFilledIcon } from '@radix-ui/react-icons';
@@ -47280,53 +47277,51 @@ var City = function(param) {
 //     </div>
 //   );
 // };
-var RadioField = function(param) {
-    var item = param.item;
-    var _item_validateOption;
-    var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
-    return /*#__PURE__*/ jsxs("div", {
-        className: [
-            "w-full min-h-[6rem] h-fit",
-            item === null || item === void 0 ? void 0 : item.className
-        ].join(" "),
-        children: [
-            (item === null || item === void 0 ? void 0 : item.label) && /*#__PURE__*/ jsx(FieldLabel, {
-                item: item
-            }),
-            /*#__PURE__*/ jsx(Controller, {
-                name: item === null || item === void 0 ? void 0 : item.name,
-                control: control,
-                rules: (item === null || item === void 0 ? void 0 : (_item_validateOption = item.validateOption) === null || _item_validateOption === void 0 ? void 0 : _item_validateOption.required) ? {
-                    required: item === null || item === void 0 ? void 0 : item.errorText
-                } : undefined,
-                defaultValue: item === null || item === void 0 ? void 0 : item.defaultValue,
-                render: function(param) {
-                    var field = param.field;
-                    var _item_radioOptions;
-                    return /*#__PURE__*/ jsx(RadioGroup, _object_spread_props$3(_object_spread$6({}, field), {
-                        row: (item === null || item === void 0 ? void 0 : item.direction) === "horizontal",
-                        "aria-labelledby": "".concat(item === null || item === void 0 ? void 0 : item.id, "-radio-group-label"),
-                        children: item === null || item === void 0 ? void 0 : (_item_radioOptions = item.radioOptions) === null || _item_radioOptions === void 0 ? void 0 : _item_radioOptions.map(function(option, index) {
-                            return /*#__PURE__*/ jsx(FormControlLabel, {
-                                value: option === null || option === void 0 ? void 0 : option.value,
-                                control: /*#__PURE__*/ jsx(Radio, _object_spread$6({}, item === null || item === void 0 ? void 0 : item.muiProps)),
-                                label: option === null || option === void 0 ? void 0 : option.label,
-                                disabled: (option === null || option === void 0 ? void 0 : option.disabled) || false
-                            }, index);
-                        })
-                    }));
-                }
-            }),
-            validateMsg(errors, item) && /*#__PURE__*/ jsxs("div", {
-                className: "pt-1 text-xs text-[#EF5533]",
-                children: [
-                    "*",
-                    validateMsg(errors, item)
-                ]
-            })
-        ]
-    });
-};
+// const RadioField = ({ item }) => {
+//   const {
+//     control,
+//     formState: { errors },
+//   } = useFormContext();
+//   return (
+//     <div className={['w-full min-h-[6rem] h-fit', item?.className].join(' ')}>
+//       {/* 顯示標籤 */}
+//       {item?.label && <FieldLabel item={item} />}
+//       {/* 渲染 RadioGroup */}
+//       <Controller
+//         name={item?.name}
+//         control={control}
+//         rules={
+//           item?.validateOption?.required
+//             ? { required: item?.errorText }
+//             : undefined
+//         }
+//         defaultValue={item?.defaultValue}
+//         render={({ field }) => (
+//           <RadioGroup
+//             {...field}
+//             row={item?.direction === 'horizontal'} // 支援水平或垂直方向
+//             aria-labelledby={`${item?.id}-radio-group-label`}
+//           >
+//             {item?.radioOptions?.map((option, index) => (
+//               <FormControlLabel
+//                 key={index}
+//                 value={option?.value}
+//                 control={<Radio {...item?.muiProps} />}
+//                 label={option?.label}
+//                 disabled={option?.disabled || false}
+//               />
+//             ))}
+//           </RadioGroup>
+//         )}
+//       />
+//       {validateMsg(errors, item) && (
+//         <div className="pt-1 text-xs text-[#EF5533]">
+//           *{validateMsg(errors, item)}
+//         </div>
+//       )}
+//     </div>
+//   );
+// };
 var Textarea = function(param) {
     var item = param.item;
     var _useFormContext = useFormContext(), register = _useFormContext.register, errors = _useFormContext.formState.errors;
@@ -47426,8 +47421,8 @@ var Row = function(param) {
             // case 'checkbox':
             // case 'checkboxGroup':
             //   return <CheckboxField {...baseConfig} />;
-            case "radio":
-                return /*#__PURE__*/ jsx(RadioField, _object_spread$6({}, baseConfig));
+            // case 'radio':
+            //   return <RadioField {...baseConfig} />;
             case "textarea":
                 return /*#__PURE__*/ jsx(Textarea, _object_spread$6({}, baseConfig));
             case "cityOnly":
@@ -47448,7 +47443,6 @@ var Form = {
     SingleSelect: SingleSelect,
     MultipleSelect: MultipleSelect,
     FieldLabel: FieldLabel,
-    RadioField: RadioField,
     Time: Time,
     Textarea: Textarea,
     City: City,

package/index.esm3.js

@@ -18,9 +18,6 @@ import 'react-date-range/dist/locale/index.js';
 import 'date-fns/addDays/index.js';
 import 'date-fns/format/index.js';
 import '@emotion/react';
-import '@mui/material/Radio';
-import '@mui/material/RadioGroup';
-import '@mui/material/FormControlLabel';
 import '@tanstack/react-table';
 import '@radix-ui/react-dropdown-menu';
 import '@radix-ui/react-icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.2.98",
+  "version": "0.2.99",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/src/lib/Form/index.d.ts

@@ -26,9 +26,6 @@ export declare const Form: {
     FieldLabel: ({ item }: {
         item: any;
     }) => import("react/jsx-runtime").JSX.Element;
-    RadioField: ({ item }: {
-        item: any;
-    }) => import("react/jsx-runtime").JSX.Element;
     Time: import("react").FC<FormType>;
     Textarea: import("react").FC<FormType>;
     City: import("react").FC<FormType>;