@a-type/ui 3.0.29 → 3.0.30
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/cjs/components/button/Button.d.ts +3 -0
- package/dist/cjs/components/button/Button.js +16 -6
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.d.ts +2 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.js +4 -3
- package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
- package/dist/cjs/components/forms/EmojiField.d.ts +7 -0
- package/dist/cjs/components/forms/EmojiField.js +41 -0
- package/dist/cjs/components/forms/EmojiField.js.map +1 -0
- package/dist/cjs/components/forms/FormikForm.d.ts +2 -0
- package/dist/cjs/components/forms/FormikForm.js +2 -0
- package/dist/cjs/components/forms/FormikForm.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.stories.d.ts +2 -0
- package/dist/cjs/components/forms/FormikForm.stories.js +3 -1
- package/dist/cjs/components/forms/FormikForm.stories.js.map +1 -1
- package/dist/css/main.css +3 -3
- package/dist/esm/components/button/Button.d.ts +3 -0
- package/dist/esm/components/button/Button.js +17 -7
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.d.ts +2 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.js +4 -3
- package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
- package/dist/esm/components/forms/EmojiField.d.ts +7 -0
- package/dist/esm/components/forms/EmojiField.js +35 -0
- package/dist/esm/components/forms/EmojiField.js.map +1 -0
- package/dist/esm/components/forms/FormikForm.d.ts +2 -0
- package/dist/esm/components/forms/FormikForm.js +2 -0
- package/dist/esm/components/forms/FormikForm.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.stories.d.ts +2 -0
- package/dist/esm/components/forms/FormikForm.stories.js +3 -1
- package/dist/esm/components/forms/FormikForm.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +27 -7
- package/src/components/emojiPicker/EmojiPicker.tsx +17 -3
- package/src/components/forms/EmojiField.tsx +64 -0
- package/src/components/forms/FormikForm.stories.tsx +3 -0
- package/src/components/forms/FormikForm.tsx +2 -0
|
@@ -16,6 +16,9 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
16
16
|
disableDropdownTriggerIcon?: boolean;
|
|
17
17
|
}
|
|
18
18
|
export declare function ButtonRoot({ className, color, emphasis, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, disableDropdownTriggerIcon, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
19
|
+
export declare namespace ButtonRoot {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
19
22
|
export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
|
|
20
23
|
value: boolean;
|
|
21
24
|
}>;
|
|
@@ -39,12 +39,13 @@ function ButtonRoot(_a) {
|
|
|
39
39
|
const childArray = childArrayWithoutFragments(children);
|
|
40
40
|
const iconChildCount = childArray.filter(isIconChild).length;
|
|
41
41
|
const hasLabelChild = childArray.length > iconChildCount;
|
|
42
|
+
(0, react_2.useDebugValue)(`Children introspection: Icons: ${iconChildCount}, Label: ${hasLabelChild}, Total: ${childArray.length}`);
|
|
42
43
|
const isDropdownTriggerFromContext = (0, DropdownTriggerContext_js_1.useIsDropdownTrigger)();
|
|
43
44
|
const isDropdownTrigger = !disableDropdownTriggerIcon &&
|
|
44
45
|
hasLabelChild &&
|
|
45
46
|
isDropdownTriggerFromContext;
|
|
46
47
|
const finalRef = (0, useMergedRef_js_1.default)(useAnnotateWithChildParts(), ref);
|
|
47
|
-
const buttonProps = Object.assign(Object.assign({ ref: finalRef }, props), { disabled: disabled || isLoading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, 'data-loading': isLoading, 'data-has-label': hasLabelChild
|
|
48
|
+
const buttonProps = Object.assign(Object.assign({ ref: finalRef }, props), { disabled: disabled || isLoading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, 'data-loading': isLoading, 'data-has-label': hasLabelChild, 'data-has-icon': iconChildCount > 0, 'data-icon-count': iconChildCount > 0 ? iconChildCount : undefined, 'data-dropdown-trigger': isDropdownTrigger ? true : undefined, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, clsx_1.clsx)((0, classes_js_1.getButtonClassName)({
|
|
48
49
|
color,
|
|
49
50
|
emphasis,
|
|
50
51
|
size,
|
|
@@ -66,6 +67,7 @@ function ButtonRoot(_a) {
|
|
|
66
67
|
(toggleMode === 'indicator' ||
|
|
67
68
|
toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(exports.ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && ((0, jsx_runtime_1.jsx)(IconLoadingContext_js_1.IconLoadingProvider, { value: false, children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenuTriggerIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) }) }))] })) }));
|
|
68
69
|
}
|
|
70
|
+
ButtonRoot.displayName = 'Button';
|
|
69
71
|
exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ value, }) {
|
|
70
72
|
return ((0, jsx_runtime_1.jsx)(index_js_1.Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
|
|
71
73
|
width: value ? '15px' : 0,
|
|
@@ -73,6 +75,7 @@ exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ val
|
|
|
73
75
|
});
|
|
74
76
|
// allows custom icons to trigger icon button behavior
|
|
75
77
|
exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0 flex');
|
|
78
|
+
exports.ButtonIcon.displayName = 'ButtonIcon';
|
|
76
79
|
exports.Button = Object.assign(ButtonRoot, {
|
|
77
80
|
ToggleIndicator: exports.ButtonToggleIndicator,
|
|
78
81
|
Icon: exports.ButtonIcon,
|
|
@@ -103,6 +106,7 @@ function applyPartAttributes(button) {
|
|
|
103
106
|
icon: 0,
|
|
104
107
|
label: 0,
|
|
105
108
|
};
|
|
109
|
+
const iconNodes = [];
|
|
106
110
|
button.childNodes.forEach((child) => {
|
|
107
111
|
if (!(child instanceof HTMLElement || child instanceof SVGElement))
|
|
108
112
|
return;
|
|
@@ -111,13 +115,17 @@ function applyPartAttributes(button) {
|
|
|
111
115
|
if ((child instanceof HTMLElement || child instanceof SVGElement) &&
|
|
112
116
|
child.classList.contains('icon')) {
|
|
113
117
|
registry.icon++;
|
|
118
|
+
iconNodes.push(child);
|
|
114
119
|
}
|
|
115
120
|
else {
|
|
116
121
|
registry.label++;
|
|
117
122
|
}
|
|
118
123
|
});
|
|
119
124
|
if (button.textContent) {
|
|
120
|
-
|
|
125
|
+
const iconText = iconNodes.map((n) => n.textContent).join('');
|
|
126
|
+
const labelText = button.textContent.replace(iconText, '').trim();
|
|
127
|
+
if (labelText.length > 0)
|
|
128
|
+
registry.label++;
|
|
121
129
|
}
|
|
122
130
|
button.setAttribute('data-has-icon', String(registry.icon > 0));
|
|
123
131
|
button.setAttribute('data-has-label', String(registry.label > 0));
|
|
@@ -128,11 +136,13 @@ function isIconChild(child) {
|
|
|
128
136
|
return false;
|
|
129
137
|
if ('type' in child) {
|
|
130
138
|
const type = child.type;
|
|
131
|
-
if (type === exports.ButtonIcon
|
|
132
|
-
|
|
133
|
-
|
|
139
|
+
if (type === exports.ButtonIcon ||
|
|
140
|
+
type === 'ButtonIcon' ||
|
|
141
|
+
type.displayName === 'ButtonIcon')
|
|
134
142
|
return true;
|
|
135
|
-
if (
|
|
143
|
+
if (type === index_js_1.Icon ||
|
|
144
|
+
type === 'Icon' ||
|
|
145
|
+
type.displayName === 'Icon')
|
|
136
146
|
return true;
|
|
137
147
|
}
|
|
138
148
|
return false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,9 @@ export type SkinTone = ReturnType<typeof useSkinTone>[0];
|
|
|
14
14
|
export declare const EmojiPickerSkinToneSelector: (props: BoxProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
15
15
|
export interface EmojiPickerProps extends Omit<EmojiPickerRootProps, 'emoji' | 'onEmojiSelect'> {
|
|
16
16
|
onValueChange: (value: string, label: string) => void;
|
|
17
|
+
onClear?: () => void;
|
|
17
18
|
}
|
|
18
|
-
export declare const EmojiPicker: (({ onValueChange, ...props }: EmojiPickerProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
19
|
+
export declare const EmojiPicker: (({ onValueChange, onClear, ...props }: EmojiPickerProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
19
20
|
Root: import("react").FunctionComponent<Omit<EmojiPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
21
|
Search: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
21
22
|
Viewport: ({ className, ...props }: EmojiPickerViewportProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -23,10 +23,11 @@ const hooks_js_1 = require("../../hooks.js");
|
|
|
23
23
|
const useStorage_js_1 = require("../../hooks/useStorage.js");
|
|
24
24
|
const Box_js_1 = require("../box/Box.js");
|
|
25
25
|
const Button_js_1 = require("../button/Button.js");
|
|
26
|
+
const Icon_js_1 = require("../icon/Icon.js");
|
|
26
27
|
const Input_js_1 = require("../input/Input.js");
|
|
27
28
|
const Spinner_js_1 = require("../spinner/Spinner.js");
|
|
28
29
|
exports.EmojiPickerRoot = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:gap-sm');
|
|
29
|
-
exports.EmojiPickerSearch = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Search, 'layer-components:z-10', Input_js_1.inputClassName);
|
|
30
|
+
exports.EmojiPickerSearch = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Search, 'layer-components:z-10 layer-components:min-w-80px', Input_js_1.inputClassName);
|
|
30
31
|
const EmojiPickerViewport = (_a) => {
|
|
31
32
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
32
33
|
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { className: "flex-1 min-h-0 overflow-hidden rounded-md bg-white", children: (0, jsx_runtime_1.jsx)(frimousse_1.EmojiPicker.Viewport, Object.assign({ className: "layer-components:relative layer-components:outline-hidden" }, props)) }));
|
|
@@ -61,9 +62,9 @@ const EmojiPickerSkinToneSelector = (props) => {
|
|
|
61
62
|
};
|
|
62
63
|
exports.EmojiPickerSkinToneSelector = EmojiPickerSkinToneSelector;
|
|
63
64
|
const EmojiPickerPrefab = (_a) => {
|
|
64
|
-
var { onValueChange } = _a, props = __rest(_a, ["onValueChange"]);
|
|
65
|
+
var { onValueChange, onClear } = _a, props = __rest(_a, ["onValueChange", "onClear"]);
|
|
65
66
|
const [skinTone] = (0, exports.useEmojiSkinTone)();
|
|
66
|
-
return ((0, jsx_runtime_1.jsxs)(exports.EmojiPickerRoot, Object.assign({}, props, { onEmojiSelect: (emoji) => onValueChange(emoji.emoji, emoji.label), skinTone: skinTone, children: [(0, jsx_runtime_1.jsx)(exports.EmojiPickerSearch, {}), (0, jsx_runtime_1.jsxs)(exports.EmojiPickerViewport, { children: [(0, jsx_runtime_1.jsx)(exports.EmojiPickerList, {}), (0, jsx_runtime_1.jsx)(exports.EmojiPickerLoading, {}), (0, jsx_runtime_1.jsx)(exports.EmojiPickerEmpty, {})] }), (0, jsx_runtime_1.jsx)(exports.EmojiPickerSkinToneSelector, { className: "mr-auto" })] })));
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(exports.EmojiPickerRoot, Object.assign({}, props, { onEmojiSelect: (emoji) => onValueChange(emoji.emoji, emoji.label), skinTone: skinTone, children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, { col: true, gap: true, items: "start", full: "width", children: [(0, jsx_runtime_1.jsx)(exports.EmojiPickerSearch, {}), onClear && ((0, jsx_runtime_1.jsxs)(Button_js_1.Button, { emphasis: "ghost", size: "small", onClick: () => onClear(), children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }), "Clear selection"] }))] }), (0, jsx_runtime_1.jsxs)(exports.EmojiPickerViewport, { children: [(0, jsx_runtime_1.jsx)(exports.EmojiPickerList, {}), (0, jsx_runtime_1.jsx)(exports.EmojiPickerLoading, {}), (0, jsx_runtime_1.jsx)(exports.EmojiPickerEmpty, {})] }), (0, jsx_runtime_1.jsx)(exports.EmojiPickerSkinToneSelector, { className: "mr-auto" })] })));
|
|
67
68
|
};
|
|
68
69
|
exports.EmojiPicker = Object.assign(EmojiPickerPrefab, {
|
|
69
70
|
Root: exports.EmojiPickerRoot,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAwB;AACxB,yCAQmB;AACnB,6CAA0D;AAC1D,6DAA4D;AAC5D,0CAA8C;AAC9C,mDAA6C;AAC7C,gDAAmD;AACnD,sDAAgD;AAEnC,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,uBAAI,CAAC,IAAI,EACT,+DAA+D,CAC/D,CAAC;AACW,QAAA,iBAAiB,GAAG,IAAA,wBAAa,EAC7C,uBAAI,CAAC,MAAM,EACX,
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { EmojiPicker } from './EmojiPicker.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: (({ onValueChange, ...props }: import("./EmojiPicker.js").EmojiPickerProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
5
|
+
component: (({ onValueChange, onClear, ...props }: import("./EmojiPicker.js").EmojiPickerProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
6
6
|
Root: import("react").FunctionComponent<Omit<import("frimousse").EmojiPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
7
|
Search: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
8
8
|
Viewport: ({ className, ...props }: import("frimousse").EmojiPickerViewportProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonProps } from '../button/Button.js';
|
|
2
|
+
export interface EmojiFieldProps extends ButtonProps {
|
|
3
|
+
name: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
required?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function EmojiField({ name, label, className, required, id: providedId, ...rest }: EmojiFieldProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
+
t[p[i]] = s[p[i]];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.EmojiField = EmojiField;
|
|
19
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
|
+
const formik_1 = require("formik");
|
|
22
|
+
const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
|
|
23
|
+
const Box_js_1 = require("../box/Box.js");
|
|
24
|
+
const Button_js_1 = require("../button/Button.js");
|
|
25
|
+
const EmojiPicker_js_1 = require("../emojiPicker/EmojiPicker.js");
|
|
26
|
+
const Icon_js_1 = require("../icon/Icon.js");
|
|
27
|
+
const Popover_js_1 = require("../popover/Popover.js");
|
|
28
|
+
const FieldLabel_js_1 = require("./FieldLabel.js");
|
|
29
|
+
function EmojiField(_a) {
|
|
30
|
+
var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
|
|
31
|
+
const [props, _, tools] = (0, formik_1.useField)({ name });
|
|
32
|
+
const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsxs)(Popover_js_1.Popover, { children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: (0, clsx_1.default)('p-0 transition-color', className) }, rest, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button.Icon, { className: "text-[19px] w-touch h-touch flex items-center justify-center", children: props.value || (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "smile" }) }) })) }), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Content, { children: (0, jsx_runtime_1.jsx)(EmojiPicker_js_1.EmojiPicker, { onValueChange: (v) => {
|
|
34
|
+
tools.setValue(v);
|
|
35
|
+
}, onClear: required
|
|
36
|
+
? undefined
|
|
37
|
+
: () => {
|
|
38
|
+
tools.setValue('');
|
|
39
|
+
}, id: id }) })] }), label && ((0, jsx_runtime_1.jsx)(FieldLabel_js_1.HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=EmojiField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA,gCA+CC;;AA/DD,gDAAwB;AACxB,mCAAkC;AAClC,yEAAmE;AACnE,0CAAoC;AACpC,mDAA0D;AAC1D,kEAA4D;AAC5D,6CAAuC;AACvC,sDAAgD;AAChD,mDAAuD;AAQvD,SAAgB,UAAU,CAAC,EAOT;QAPS,EAC1B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEG,EADd,IAAI,cANmB,gDAO1B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,wBAAC,oBAAO,eACP,uBAAC,oBAAO,CAAC,OAAO,IAAC,OAAO,kBACvB,uBAAC,kBAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,uBAAC,kBAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GACQ,EAClB,uBAAC,oBAAO,CAAC,OAAO,cACf,uBAAC,4BAAW,IACX,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;4BACnB,CAAC,EACD,OAAO,EACN,QAAQ;gCACP,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,EAAE;oCACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gCACnB,CAAC,EAEL,EAAE,EAAE,EAAE,GACL,GACe,IACT,EACT,KAAK,IAAI,CACT,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FormikConfig, FormikValues } from 'formik';
|
|
2
2
|
import { CheckboxField } from './CheckboxField.js';
|
|
3
|
+
import { EmojiField } from './EmojiField.js';
|
|
3
4
|
import { NumberStepperField } from './NumberStepperField.js';
|
|
4
5
|
import { SubmitButton } from './SubmitButton.js';
|
|
5
6
|
import { SwitchField } from './SwitchField.js';
|
|
@@ -21,4 +22,5 @@ export declare const FormikForm: typeof FormikFormRoot & {
|
|
|
21
22
|
ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
22
23
|
Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
23
24
|
};
|
|
25
|
+
EmojiField: typeof EmojiField;
|
|
24
26
|
};
|
|
@@ -18,6 +18,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
18
18
|
const formik_1 = require("formik");
|
|
19
19
|
const react_1 = require("react");
|
|
20
20
|
const CheckboxField_js_1 = require("./CheckboxField.js");
|
|
21
|
+
const EmojiField_js_1 = require("./EmojiField.js");
|
|
21
22
|
const Form_js_1 = require("./Form.js");
|
|
22
23
|
const NumberStepperField_js_1 = require("./NumberStepperField.js");
|
|
23
24
|
const SubmitButton_js_1 = require("./SubmitButton.js");
|
|
@@ -50,5 +51,6 @@ exports.FormikForm = Object.assign(FormikFormRoot, {
|
|
|
50
51
|
CheckboxField: CheckboxField_js_1.CheckboxField,
|
|
51
52
|
SwitchField: SwitchField_js_1.SwitchField,
|
|
52
53
|
ToggleGroupField: ToggleGroupField_js_1.ToggleGroupField,
|
|
54
|
+
EmojiField: EmojiField_js_1.EmojiField,
|
|
53
55
|
});
|
|
54
56
|
//# sourceMappingURL=FormikForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA,wCA+BC;;AAjDD,mCAA2E;AAC3E,iCAAoC;AACpC,yDAAmD;AACnD,mDAA6C;AAC7C,uCAAiC;AACjC,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA0D;AAC1D,+DAAyD;AAOzD,iCAAoC;AAA3B,oGAAA,UAAU,OAAA;AAEnB,SAAgB,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,EAAE,GAAG,CAAC,CAAA,CAAC;QACtC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS,EAAT,wBAAS;IACT,aAAa,EAAb,4BAAa;IACb,kBAAkB,EAAlB,0CAAkB;IAClB,YAAY,EAAZ,8BAAY;IACZ,aAAa,EAAb,gCAAa;IACb,WAAW,EAAX,4BAAW;IACX,gBAAgB,EAAhB,sCAAgB;IAChB,UAAU,EAAV,0BAAU;CACV,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
2
|
import { CheckboxField } from './CheckboxField.js';
|
|
3
|
+
import { EmojiField } from './EmojiField.js';
|
|
3
4
|
import { FormikForm } from './FormikForm.js';
|
|
4
5
|
import { NumberStepperField } from './NumberStepperField.js';
|
|
5
6
|
import { SubmitButton } from './SubmitButton.js';
|
|
@@ -18,6 +19,7 @@ declare const meta: {
|
|
|
18
19
|
ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
19
20
|
Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
21
|
};
|
|
22
|
+
EmojiField: typeof EmojiField;
|
|
21
23
|
};
|
|
22
24
|
argTypes: {};
|
|
23
25
|
parameters: {
|
|
@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
15
15
|
exports.Default = void 0;
|
|
16
16
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
17
|
const CheckboxField_js_1 = require("./CheckboxField.js");
|
|
18
|
+
const EmojiField_js_1 = require("./EmojiField.js");
|
|
18
19
|
const FormikForm_js_1 = require("./FormikForm.js");
|
|
19
20
|
const NumberStepperField_js_1 = require("./NumberStepperField.js");
|
|
20
21
|
const SubmitButton_js_1 = require("./SubmitButton.js");
|
|
@@ -45,7 +46,8 @@ exports.Default = {
|
|
|
45
46
|
tos: false,
|
|
46
47
|
newsletter: false,
|
|
47
48
|
plan: 'basic',
|
|
48
|
-
|
|
49
|
+
emoji: '',
|
|
50
|
+
} }, args, { children: [(0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "email", type: "email", label: "Email" }), (0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "password", type: "password", label: "Password" }), (0, jsx_runtime_1.jsx)(NumberStepperField_js_1.NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), (0, jsx_runtime_1.jsx)(CheckboxField_js_1.CheckboxField, { name: "tos", label: "I agree" }), (0, jsx_runtime_1.jsx)(SwitchField_js_1.SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), (0, jsx_runtime_1.jsxs)(ToggleGroupField_js_1.ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [(0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "basic", children: "Basic" }), (0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "pro", children: "Pro" }), (0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), (0, jsx_runtime_1.jsx)(EmojiField_js_1.EmojiField, { name: "emoji", label: "Favorite Emoji" }), (0, jsx_runtime_1.jsx)(SubmitButton_js_1.SubmitButton, { children: "Sign up" })] })));
|
|
49
51
|
},
|
|
50
52
|
};
|
|
51
53
|
//# sourceMappingURL=FormikForm.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yDAAmD;AACnD,mDAA6C;AAC7C,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA2C;AAC3C,+DAAyD;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,0BAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;KACD;IACD,MAAM,CAAC,EAA0B;YAA1B,EAAE,aAAa,OAAW,EAAN,IAAI,cAAxB,iBAA0B,CAAF;QAC9B,OAAO,CACN,wBAAC,0BAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;gBACV,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yDAAmD;AACnD,mDAA6C;AAC7C,mDAA6C;AAC7C,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA2C;AAC3C,+DAAyD;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,0BAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;KACD;IACD,MAAM,CAAC,EAA0B;YAA1B,EAAE,aAAa,OAAW,EAAN,IAAI,cAAxB,iBAA0B,CAAF;QAC9B,OAAO,CACN,wBAAC,0BAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;gBACV,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,EAAE;aACT,IACG,IAAI,eAER,uBAAC,wBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACrD,uBAAC,wBAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,uBAAC,0CAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,uBAAC,gCAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,uBAAC,4BAAW,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,yBAAyB,GAAG,EACjE,wBAAC,sCAAgB,IAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,QAAQ,mBAER,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAA4B,EAC9D,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,2BAEjB,IACN,EACnB,uBAAC,0BAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,GAAG,EAClD,uBAAC,8BAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}
|