@modul/mbui 0.0.13-beta-pv-53036-fcbcc069 → 0.0.13-beta-pv-53036-91768058
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Form/Form.d.ts +23 -0
- package/dist/Form/Form.js +73 -0
- package/dist/Form/Form.js.map +1 -0
- package/dist/Form/index.d.ts +1 -0
- package/dist/Form/index.js +13 -0
- package/dist/Form/index.js.map +1 -0
- package/dist/Select/SelectAccountCard.d.ts +1 -4
- package/dist/Select/SelectAccountCard.js +2 -2
- package/dist/Select/SelectAccountCard.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +9 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/Form/Form.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +18 -22
- package/src/index.ts +8 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
+
import { ControllerProps, FieldValues } from 'react-hook-form';
|
|
4
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
5
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
|
|
6
|
+
declare const useFormField: () => {
|
|
7
|
+
invalid: boolean;
|
|
8
|
+
isDirty: boolean;
|
|
9
|
+
isTouched: boolean;
|
|
10
|
+
isValidating: boolean;
|
|
11
|
+
error?: import("react-hook-form").FieldError;
|
|
12
|
+
id: string;
|
|
13
|
+
name: string;
|
|
14
|
+
formItemId: string;
|
|
15
|
+
formDescriptionId: string;
|
|
16
|
+
formMessageId: string;
|
|
17
|
+
};
|
|
18
|
+
declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
20
|
+
declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
21
|
+
declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
22
|
+
declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
23
|
+
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.Form = exports.useFormField = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
|
7
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
|
+
const Label_1 = require("../Label");
|
|
10
|
+
const Form = react_hook_form_1.FormProvider;
|
|
11
|
+
exports.Form = Form;
|
|
12
|
+
const FormFieldContext = React.createContext({});
|
|
13
|
+
const FormField = ({ ...props }) => {
|
|
14
|
+
return (React.createElement(FormFieldContext.Provider, { value: { name: props.name } },
|
|
15
|
+
React.createElement(react_hook_form_1.Controller, { ...props })));
|
|
16
|
+
};
|
|
17
|
+
exports.FormField = FormField;
|
|
18
|
+
const useFormField = () => {
|
|
19
|
+
const fieldContext = React.useContext(FormFieldContext);
|
|
20
|
+
const itemContext = React.useContext(FormItemContext);
|
|
21
|
+
const { getFieldState, formState } = (0, react_hook_form_1.useFormContext)();
|
|
22
|
+
const fieldState = getFieldState(fieldContext.name, formState);
|
|
23
|
+
if (!fieldContext) {
|
|
24
|
+
throw new Error('useFormField should be used within <FormField>');
|
|
25
|
+
}
|
|
26
|
+
const { id } = itemContext;
|
|
27
|
+
return {
|
|
28
|
+
id,
|
|
29
|
+
name: fieldContext.name,
|
|
30
|
+
formItemId: `${id}-form-item`,
|
|
31
|
+
formDescriptionId: `${id}-form-item-description`,
|
|
32
|
+
formMessageId: `${id}-form-item-message`,
|
|
33
|
+
...fieldState,
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
exports.useFormField = useFormField;
|
|
37
|
+
const FormItemContext = React.createContext({});
|
|
38
|
+
const FormItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
39
|
+
const id = React.useId();
|
|
40
|
+
return (React.createElement(FormItemContext.Provider, { value: { id } },
|
|
41
|
+
React.createElement("div", { ref: ref, className: (0, utils_1.cn)('space-y-2', className), ...props })));
|
|
42
|
+
});
|
|
43
|
+
exports.FormItem = FormItem;
|
|
44
|
+
FormItem.displayName = 'FormItem';
|
|
45
|
+
const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
|
|
46
|
+
const { error, formItemId } = useFormField();
|
|
47
|
+
return (React.createElement(Label_1.Label, { ref: ref, className: (0, utils_1.cn)(error && 'text-destructive', className), htmlFor: formItemId, ...props }));
|
|
48
|
+
});
|
|
49
|
+
exports.FormLabel = FormLabel;
|
|
50
|
+
FormLabel.displayName = 'FormLabel';
|
|
51
|
+
const FormControl = React.forwardRef(({ ...props }, ref) => {
|
|
52
|
+
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
53
|
+
return (React.createElement(react_slot_1.Slot, { ref: ref, id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
|
|
54
|
+
});
|
|
55
|
+
exports.FormControl = FormControl;
|
|
56
|
+
FormControl.displayName = 'FormControl';
|
|
57
|
+
const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
|
|
58
|
+
const { formDescriptionId } = useFormField();
|
|
59
|
+
return (React.createElement("p", { ref: ref, id: formDescriptionId, className: (0, utils_1.cn)('text-[0.8rem] text-light', className), ...props }));
|
|
60
|
+
});
|
|
61
|
+
exports.FormDescription = FormDescription;
|
|
62
|
+
FormDescription.displayName = 'FormDescription';
|
|
63
|
+
const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
64
|
+
const { error, formMessageId } = useFormField();
|
|
65
|
+
const body = error ? String(error?.message) : children;
|
|
66
|
+
if (!body) {
|
|
67
|
+
return null;
|
|
68
|
+
}
|
|
69
|
+
return (React.createElement("p", { ref: ref, id: formMessageId, className: (0, utils_1.cn)('text-[0.8rem] font-medium text-destructive', className), ...props }, body));
|
|
70
|
+
});
|
|
71
|
+
exports.FormMessage = FormMessage;
|
|
72
|
+
FormMessage.displayName = 'FormMessage';
|
|
73
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } from './Form';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.Form = exports.useFormField = void 0;
|
|
4
|
+
var Form_1 = require("./Form");
|
|
5
|
+
Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return Form_1.useFormField; } });
|
|
6
|
+
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
|
|
7
|
+
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return Form_1.FormItem; } });
|
|
8
|
+
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return Form_1.FormLabel; } });
|
|
9
|
+
Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return Form_1.FormControl; } });
|
|
10
|
+
Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return Form_1.FormDescription; } });
|
|
11
|
+
Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return Form_1.FormMessage; } });
|
|
12
|
+
Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return Form_1.FormField; } });
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":";;;AAAA,+BAAsH;AAA7G,oGAAA,YAAY,OAAA;AAAE,4FAAA,IAAI,OAAA;AAAE,gGAAA,QAAQ,OAAA;AAAE,iGAAA,SAAS,OAAA;AAAE,mGAAA,WAAW,OAAA;AAAE,uGAAA,eAAe,OAAA;AAAE,mGAAA,WAAW,OAAA;AAAE,iGAAA,SAAS,OAAA"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import Select from 'react-select';
|
|
3
|
-
declare const SelectAccountCard: React.ForwardRefExoticComponent<
|
|
4
|
-
className?: string;
|
|
5
|
-
defaultValue: {};
|
|
6
|
-
} & React.RefAttributes<Select>>;
|
|
3
|
+
declare const SelectAccountCard: React.ForwardRefExoticComponent<React.RefAttributes<Select>>;
|
|
7
4
|
export { SelectAccountCard };
|
|
@@ -63,7 +63,7 @@ const SingleValue = ({ children, ...props }) => {
|
|
|
63
63
|
const Menu = ({ children, ...props }) => {
|
|
64
64
|
return (React.createElement(react_select_1.components.Menu, { className: "absolute inset-x-0 bg-page drop-shadow-1 mt-[8px] rounded-md", ...props }, children));
|
|
65
65
|
};
|
|
66
|
-
const SelectAccountCard = React.forwardRef(({
|
|
66
|
+
const SelectAccountCard = React.forwardRef(({ ...props }, ref) => (React.createElement(react_select_1.default, { isSearchable: false, components: {
|
|
67
67
|
Control,
|
|
68
68
|
Option,
|
|
69
69
|
SingleValue,
|
|
@@ -71,6 +71,6 @@ const SelectAccountCard = React.forwardRef(({ className, defaultValue, ...props
|
|
|
71
71
|
IndicatorSeparator: () => null,
|
|
72
72
|
Menu,
|
|
73
73
|
ValueContainer,
|
|
74
|
-
}, styles: colourStyles, unstyled: true, ...props
|
|
74
|
+
}, styles: colourStyles, unstyled: true, ...props })));
|
|
75
75
|
exports.SelectAccountCard = SelectAccountCard;
|
|
76
76
|
//# sourceMappingURL=SelectAccountCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,kCAAsD;AAEtD,0EASqB;AAErB,0CAAmC;AAEnC,MAAM,oBAAoB,GACzB,6MAA6M,CAAA;AAE9M,MAAM,YAAY,GAAiB;IAClC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACjB,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7B,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACvB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CAC1B,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -20,4 +20,5 @@ import { Switch } from './Switch';
|
|
|
20
20
|
import { Label } from './Label';
|
|
21
21
|
import { Textarea } from './Textarea';
|
|
22
22
|
import { SelectAccountCard } from './Select';
|
|
23
|
-
|
|
23
|
+
import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form';
|
|
24
|
+
export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, };
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
|
|
3
|
+
exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const Tooltip_1 = require("./Tooltip");
|
|
6
6
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
@@ -63,4 +63,12 @@ const Textarea_1 = require("./Textarea");
|
|
|
63
63
|
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
|
|
64
64
|
const Select_1 = require("./Select");
|
|
65
65
|
Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return Select_1.SelectAccountCard; } });
|
|
66
|
+
const Form_1 = require("./Form");
|
|
67
|
+
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
|
|
68
|
+
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return Form_1.FormLabel; } });
|
|
69
|
+
Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return Form_1.FormField; } });
|
|
70
|
+
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return Form_1.FormItem; } });
|
|
71
|
+
Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return Form_1.FormControl; } });
|
|
72
|
+
Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return Form_1.FormDescription; } });
|
|
73
|
+
Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return Form_1.FormMessage; } });
|
|
66
74
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAoClC,wFApCQ,iBAAO,OAoCR;AAnCR,iCAA6B;AAoC5B,qFApCQ,WAAI,OAoCR;AAnCL,qCAAiC;AAoChC,uFApCQ,eAAM,OAoCR;AAnCP,uCAAmC;AAoClC,wFApCQ,iBAAO,OAoCR;AAnCR,+DAAyB;AAoCxB,eApCM,cAAI,CAoCN;AAnCL,2CAAsF;AAoCrF,yFApCQ,oBAAQ,OAoCR;AACR,8FArCkB,yBAAa,OAqClB;AACb,6FAtCiC,wBAAY,OAsCjC;AACZ,kGAvC+C,6BAAiB,OAuC/C;AAtClB,yDAK2B;AAqD1B,iGAzDA,mCAAgB,OAyDA;AAChB,qGAzDA,uCAAoB,OAyDA;AACpB,yGAzDA,2CAAwB,OAyDA;AACxB,qGAzDA,uCAAoB,OAyDA;AAvDrB,0DAA8B;AA8C7B,oBAAI;AA7CL,+CAAmF;AAgClF,4FAhCQ,yBAAW,OAgCR;AACX,mGAjCqB,gCAAkB,OAiCrB;AAClB,mGAlCyC,gCAAkB,OAkCzC;AAjCnB,+CAMsB;AA4BrB,mGAjCA,gCAAkB,OAiCA;AAClB,yGAjCA,sCAAwB,OAiCA;AACxB,0GAjCA,uCAAyB,OAiCA;AACzB,0GAjCA,uCAAyB,OAiCA;AACzB,8GAjCA,2CAA6B,OAiCA;AA/B9B,qCAAiC;AAgChC,uFAhCQ,eAAM,OAgCR;AA/BP,mCAA+B;AAkC9B,sFAlCQ,aAAK,OAkCR;AAjCN,yCAAkC;AAkCjC,mFAlCQ,UAAE,OAkCR;AAjCH,qCAAyF;AAmCxF,uFAnCQ,eAAM,OAmCR;AACN,8FApCgB,sBAAa,OAoChB;AACb,4FArC+B,oBAAW,OAqC/B;AACX,4FAtC4C,oBAAW,OAsC5C;AACX,8FAvCyD,sBAAa,OAuCzD;AAtCd,iCAA6B;AA2C5B,qFA3CQ,WAAI,OA2CR;AA1CL,iCAA6B;AA2C5B,qFA3CQ,WAAI,OA2CR;AA1CL,mCAAgD;AA2B/C,2FA3BQ,kBAAU,OA2BR;AACV,2FA5BoB,kBAAU,OA4BpB;AA3BX,mCAA+B;AA0C9B,sFA1CQ,aAAK,OA0CR;AAzCN,qCAAiC;AA0ChC,uFA1CQ,eAAM,OA0CR;AAzCP,mCAA+B;AA0C9B,sFA1CQ,aAAK,OA0CR;AAzCN,yCAAqC;AA0CpC,yFA1CQ,mBAAQ,OA0CR;AAzCT,qCAA4C;AA0C3C,kGA1CQ,0BAAiB,OA0CR;AAzClB,iCAAwG;AA0CvG,qFA1CQ,WAAI,OA0CR;AACJ,0FA3Cc,gBAAS,OA2Cd;AACT,0FA5CyB,gBAAS,OA4CzB;AACT,yFA7CoC,eAAQ,OA6CpC;AACR,4FA9C8C,kBAAW,OA8C9C;AACX,gGA/C2D,sBAAe,OA+C3D;AACf,4FAhD4E,kBAAW,OAgD5E"}
|
package/package.json
CHANGED
package/src/Form/Form.tsx
CHANGED
|
@@ -118,7 +118,7 @@ const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttribu
|
|
|
118
118
|
<p
|
|
119
119
|
ref={ref}
|
|
120
120
|
id={formDescriptionId}
|
|
121
|
-
className={cn('text-[0.8rem] text-
|
|
121
|
+
className={cn('text-[0.8rem] text-light', className)}
|
|
122
122
|
{...props}
|
|
123
123
|
/>
|
|
124
124
|
)
|
|
@@ -32,7 +32,6 @@ const colourStyles: StylesConfig = {
|
|
|
32
32
|
|
|
33
33
|
const Control = ({ children, ...props }: ControlProps) => {
|
|
34
34
|
const { isFocused } = props
|
|
35
|
-
|
|
36
35
|
return (
|
|
37
36
|
<components.Control
|
|
38
37
|
className={cn(
|
|
@@ -142,26 +141,23 @@ const Menu = ({ children, ...props }: MenuProps) => {
|
|
|
142
141
|
)
|
|
143
142
|
}
|
|
144
143
|
|
|
145
|
-
const SelectAccountCard = React.forwardRef<Select
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
/>
|
|
164
|
-
)
|
|
165
|
-
)
|
|
144
|
+
const SelectAccountCard = React.forwardRef<Select>(({ ...props }, ref) => (
|
|
145
|
+
<Select
|
|
146
|
+
isSearchable={false}
|
|
147
|
+
components={{
|
|
148
|
+
Control,
|
|
149
|
+
Option,
|
|
150
|
+
SingleValue,
|
|
151
|
+
DropdownIndicator,
|
|
152
|
+
IndicatorSeparator: () => null,
|
|
153
|
+
Menu,
|
|
154
|
+
ValueContainer,
|
|
155
|
+
}}
|
|
156
|
+
styles={colourStyles}
|
|
157
|
+
unstyled={true}
|
|
158
|
+
{...props}
|
|
159
|
+
/>
|
|
160
|
+
))
|
|
161
|
+
|
|
166
162
|
|
|
167
163
|
export { SelectAccountCard }
|
package/src/index.ts
CHANGED
|
@@ -31,6 +31,7 @@ import { Switch } from './Switch'
|
|
|
31
31
|
import { Label } from './Label'
|
|
32
32
|
import { Textarea } from './Textarea'
|
|
33
33
|
import { SelectAccountCard } from './Select'
|
|
34
|
+
import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form'
|
|
34
35
|
|
|
35
36
|
export {
|
|
36
37
|
Tooltip,
|
|
@@ -72,4 +73,11 @@ export {
|
|
|
72
73
|
Label,
|
|
73
74
|
Textarea,
|
|
74
75
|
SelectAccountCard,
|
|
76
|
+
Form,
|
|
77
|
+
FormLabel,
|
|
78
|
+
FormField,
|
|
79
|
+
FormItem,
|
|
80
|
+
FormControl,
|
|
81
|
+
FormDescription,
|
|
82
|
+
FormMessage,
|
|
75
83
|
}
|