@fuf-stack/uniform 0.13.0 → 0.14.1
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/CheckboxGroup/index.d.cts +2 -2
- package/dist/CheckboxGroup/index.d.ts +2 -2
- package/dist/FieldArray/index.cjs +2 -2
- package/dist/FieldArray/index.d.cts +2 -2
- package/dist/FieldArray/index.d.ts +2 -2
- package/dist/FieldArray/index.js +1 -1
- package/dist/{FieldArray-DUvn98Fe.d.cts → FieldArray-B_Gsw-to.d.cts} +11 -3
- package/dist/{FieldArray-DUvn98Fe.d.ts → FieldArray-B_Gsw-to.d.ts} +11 -3
- package/dist/Input/index.cjs +2 -2
- package/dist/Input/index.d.cts +2 -2
- package/dist/Input/index.d.ts +2 -2
- package/dist/Input/index.js +1 -1
- package/dist/{Input-B6dNQiiD.d.cts → Input-IkWP4cWg.d.cts} +8 -1
- package/dist/{Input-B6dNQiiD.d.ts → Input-IkWP4cWg.d.ts} +8 -1
- package/dist/RadioGroup/index.d.cts +2 -2
- package/dist/RadioGroup/index.d.ts +2 -2
- package/dist/Select/index.d.cts +2 -2
- package/dist/Select/index.d.ts +2 -2
- package/dist/Switch/index.d.cts +2 -2
- package/dist/Switch/index.d.ts +2 -2
- package/dist/{chunk-TB5USZF4.js → chunk-TR2J3OKH.js} +6 -3
- package/dist/chunk-TR2J3OKH.js.map +1 -0
- package/dist/{chunk-P5YZA7VJ.cjs → chunk-U6VUNJZG.cjs} +6 -3
- package/dist/chunk-U6VUNJZG.cjs.map +1 -0
- package/dist/{chunk-NMATVUWS.js → chunk-WH2YRUGV.js} +13 -17
- package/dist/chunk-WH2YRUGV.js.map +1 -0
- package/dist/{chunk-V644EZQT.cjs → chunk-YSTOLMPK.cjs} +13 -17
- package/dist/chunk-YSTOLMPK.cjs.map +1 -0
- package/dist/hooks/index.d.cts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.cjs +4 -4
- package/dist/index.d.cts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +4 -4
- package/package.json +4 -4
- package/dist/chunk-NMATVUWS.js.map +0 -1
- package/dist/chunk-P5YZA7VJ.cjs.map +0 -1
- package/dist/chunk-TB5USZF4.js.map +0 -1
- package/dist/chunk-V644EZQT.cjs.map +0 -1
- package/dist/{CheckboxGroup-DYxaS51b.d.cts → CheckboxGroup-o-qWkWe1.d.cts} +5 -5
- package/dist/{CheckboxGroup-DYxaS51b.d.ts → CheckboxGroup-o-qWkWe1.d.ts} +5 -5
- package/dist/{RadioGroup-DEwUwnRi.d.cts → RadioGroup-1J39ASHa.d.cts} +5 -5
- package/dist/{RadioGroup-DEwUwnRi.d.ts → RadioGroup-1J39ASHa.d.ts} +5 -5
- package/dist/{Select-Da_AtPOX.d.cts → Select-BhS4z0Pj.d.cts} +15 -15
- package/dist/{Select-Da_AtPOX.d.ts → Select-BhS4z0Pj.d.ts} +15 -15
- package/dist/{Switch-Coq_VhBW.d.cts → Switch-Fdldj8LV.d.cts} +5 -5
- package/dist/{Switch-Coq_VhBW.d.ts → Switch-Fdldj8LV.d.ts} +5 -5
package/dist/hooks/index.d.ts
CHANGED
|
@@ -20,10 +20,10 @@ declare const useFormContext: () => {
|
|
|
20
20
|
isValidating: boolean;
|
|
21
21
|
};
|
|
22
22
|
formState: react_hook_form.FormState<react_hook_form.FieldValues>;
|
|
23
|
-
debugMode: "
|
|
23
|
+
debugMode: "debug" | "debug-testids" | "off" | "disabled";
|
|
24
24
|
debugModeSettings?: DebugModeSettings;
|
|
25
25
|
preventSubmit: (prevent: boolean) => void;
|
|
26
|
-
setDebugMode: (debugMode: "
|
|
26
|
+
setDebugMode: (debugMode: "debug" | "debug-testids" | "off" | "disabled") => void;
|
|
27
27
|
validation?: VetoInstance;
|
|
28
28
|
watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;
|
|
29
29
|
getValues: react_hook_form.UseFormGetValues<react_hook_form.FieldValues>;
|
package/dist/index.cjs
CHANGED
|
@@ -15,16 +15,16 @@ var _chunk25LLM544cjs = require('./chunk-25LLM544.cjs');
|
|
|
15
15
|
var _chunkRY4F5YDScjs = require('./chunk-RY4F5YDS.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _chunkYSTOLMPKcjs = require('./chunk-YSTOLMPK.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _chunkPZ4LZQI4cjs = require('./chunk-PZ4LZQI4.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
var
|
|
27
|
+
var _chunkU6VUNJZGcjs = require('./chunk-U6VUNJZG.cjs');
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
var _chunkXJZAS7NGcjs = require('./chunk-XJZAS7NG.cjs');
|
|
@@ -63,5 +63,5 @@ var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
|
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
|
|
66
|
-
exports.CheckboxGroup = _chunkRY4F5YDScjs.CheckboxGroup_default; exports.Controller = _chunkVQWKXSHWcjs.Controller; exports.FieldArray =
|
|
66
|
+
exports.CheckboxGroup = _chunkRY4F5YDScjs.CheckboxGroup_default; exports.Controller = _chunkVQWKXSHWcjs.Controller; exports.FieldArray = _chunkYSTOLMPKcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.Form = _chunkPZ4LZQI4cjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkU6VUNJZGcjs.Input_default; exports.RadioGroup = _chunkXJZAS7NGcjs.RadioGroup_default; exports.Select = _chunkHZP3EXGRcjs.Select_default; exports.SubmitButton = _chunkVZ5MMFIFcjs.SubmitButton_default; exports.Switch = _chunkEKE5URXQcjs.Switch_default; exports.TextArea = _chunk25LLM544cjs.TextArea_default; exports.checkFieldIsRequired = _chunkXJWEUCV3cjs.checkFieldIsRequired; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFieldArray = _chunkXJWEUCV3cjs.useFieldArray; exports.useFormContext = _chunkXJWEUCV3cjs.useFormContext;
|
|
67
67
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
|
|
2
|
-
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-
|
|
3
|
-
export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-
|
|
2
|
+
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.cjs';
|
|
3
|
+
export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-B_Gsw-to.cjs';
|
|
4
4
|
export { F as Form, a as FormProps } from './Form-D0grgL6G.cjs';
|
|
5
5
|
export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
|
|
6
6
|
export { slugify } from './helpers/index.cjs';
|
|
7
7
|
export { checkFieldIsRequired, useFormContext } from './hooks/index.cjs';
|
|
8
|
-
export { I as Input, a as InputProps } from './Input-
|
|
8
|
+
export { I as Input, a as InputProps } from './Input-IkWP4cWg.cjs';
|
|
9
9
|
export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.cjs';
|
|
10
10
|
export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.cjs';
|
|
11
|
-
export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-
|
|
12
|
-
export { S as Select, a as SelectProps } from './Select-
|
|
11
|
+
export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-1J39ASHa.cjs';
|
|
12
|
+
export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.cjs';
|
|
13
13
|
export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.cjs';
|
|
14
|
-
export { S as Switch, a as SwitchProps } from './Switch-
|
|
14
|
+
export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.cjs';
|
|
15
15
|
export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.cjs';
|
|
16
16
|
import 'react/jsx-runtime';
|
|
17
17
|
import 'tailwind-variants/dist/config.js';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
|
|
2
|
-
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-
|
|
3
|
-
export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-
|
|
2
|
+
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.js';
|
|
3
|
+
export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-B_Gsw-to.js';
|
|
4
4
|
export { F as Form, a as FormProps } from './Form-DX5NTR-H.js';
|
|
5
5
|
export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
|
|
6
6
|
export { slugify } from './helpers/index.js';
|
|
7
7
|
export { checkFieldIsRequired, useFormContext } from './hooks/index.js';
|
|
8
|
-
export { I as Input, a as InputProps } from './Input-
|
|
8
|
+
export { I as Input, a as InputProps } from './Input-IkWP4cWg.js';
|
|
9
9
|
export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.js';
|
|
10
10
|
export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.js';
|
|
11
|
-
export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-
|
|
12
|
-
export { S as Select, a as SelectProps } from './Select-
|
|
11
|
+
export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-1J39ASHa.js';
|
|
12
|
+
export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.js';
|
|
13
13
|
export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.js';
|
|
14
|
-
export { S as Switch, a as SwitchProps } from './Switch-
|
|
14
|
+
export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.js';
|
|
15
15
|
export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.js';
|
|
16
16
|
import 'react/jsx-runtime';
|
|
17
17
|
import 'tailwind-variants/dist/config.js';
|
package/dist/index.js
CHANGED
|
@@ -13,18 +13,18 @@ import {
|
|
|
13
13
|
import {
|
|
14
14
|
CheckboxGroup_default
|
|
15
15
|
} from "./chunk-XJGJ5ZNM.js";
|
|
16
|
+
import {
|
|
17
|
+
FieldArray_default
|
|
18
|
+
} from "./chunk-WH2YRUGV.js";
|
|
16
19
|
import {
|
|
17
20
|
Form_default
|
|
18
21
|
} from "./chunk-VP7WDLJM.js";
|
|
19
|
-
import {
|
|
20
|
-
FieldArray_default
|
|
21
|
-
} from "./chunk-NMATVUWS.js";
|
|
22
22
|
import {
|
|
23
23
|
Grid_default
|
|
24
24
|
} from "./chunk-PDCEKC3G.js";
|
|
25
25
|
import {
|
|
26
26
|
Input_default
|
|
27
|
-
} from "./chunk-
|
|
27
|
+
} from "./chunk-TR2J3OKH.js";
|
|
28
28
|
import {
|
|
29
29
|
RadioGroup_default
|
|
30
30
|
} from "./chunk-DDZMDOSG.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fuf-stack/uniform",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.1",
|
|
4
4
|
"description": "fuf react form library",
|
|
5
5
|
"author": "Hannes Tiede",
|
|
6
6
|
"homepage": "https://github.com/fuf-stack/pixels#readme",
|
|
@@ -126,12 +126,12 @@
|
|
|
126
126
|
"@react-aria/visually-hidden": "3.8.18",
|
|
127
127
|
"framer-motion": "11.13.1",
|
|
128
128
|
"react-icons": "5.3.0",
|
|
129
|
-
"react-hook-form": "7.
|
|
129
|
+
"react-hook-form": "7.54.0",
|
|
130
130
|
"react-select": "5.8.3",
|
|
131
131
|
"slug": "9.1.0",
|
|
132
132
|
"@fuf-stack/pixel-utils": "0.4.1",
|
|
133
|
-
"@fuf-stack/
|
|
134
|
-
"@fuf-stack/
|
|
133
|
+
"@fuf-stack/veto": "0.8.0",
|
|
134
|
+
"@fuf-stack/pixels": "0.29.1"
|
|
135
135
|
},
|
|
136
136
|
"devDependencies": {
|
|
137
137
|
"@testing-library/react-hooks": "8.0.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FieldArray/FieldArray.tsx","../src/FieldArray/FieldArrayField.tsx","../src/FieldArray/index.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core';\nimport type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\n\n// import { useEffect } from 'react';\n\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFieldArray, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayField from './FieldArrayField';\n\nexport type FieldArrayHideOption = 'add' | 'remove' | 'move' | 'insert' | 'all';\nexport type FieldArrayFieldChildren = (\n name: string,\n index: number,\n length: number,\n move: UseFieldArrayMove,\n insert: UseFieldArrayInsert<FieldValues, string>,\n remove: UseFieldArrayRemove,\n duplicate: (i: number) => void,\n) => JSX.Element;\n\nexport type MoveField = 'drag-drop' | 'button';\n\nexport interface FieldArrayProps {\n /** function that renders the children with provided Properties. */\n children: FieldArrayFieldChildren;\n /** Hide a set of buttons. */\n hideButtons?: FieldArrayHideOption[];\n /** label of the FieldArray. */\n label?: React.ReactNode;\n /** stops user from deleting all items. */\n lastNotDeletable?: boolean;\n /** name the FieldArray is registered in RHF */\n name: string;\n /** ID for test purposes. */\n testId?: string;\n /* how the fields can be moved */\n moveField: MoveField[];\n}\n\n/**\n * FieldArray component using react-hook-form\n */\nconst FieldArray = ({\n children,\n hideButtons = [],\n label: _label = undefined,\n lastNotDeletable = true,\n name,\n testId: _testId = undefined,\n moveField = ['button'],\n}: FieldArrayProps) => {\n const {\n control,\n debugMode,\n getValues,\n getFieldState,\n trigger,\n // watch\n } = useFormContext();\n\n const { fields, append, remove, insert, move } = useFieldArray({\n control,\n name,\n });\n\n const { error, testId, invalid, required } = getFieldState(name, _testId);\n\n // const _formValues = watch();\n\n // useEffect(() => {\n // trigger(`${name}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(fields)]);\n\n // TODO: what about input props?\n const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } =\n useInput({\n isInvalid: invalid,\n isRequired: required,\n errorMessage: JSON.stringify(error),\n label: _label,\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n if (lastNotDeletable && fields.length === 0) {\n append({});\n }\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor),\n );\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event;\n\n if (active.id !== over?.id) {\n const oldIndex = fields.findIndex((field) => field.id === active.id);\n const newIndex = fields.findIndex((field) => field.id === over?.id);\n move(oldIndex, newIndex);\n }\n };\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragEnd={handleDragEnd}\n modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n >\n <SortableContext\n items={fields.map((field) => field.id)}\n strategy={verticalListSortingStrategy}\n >\n <ul data-testid={testId} onBlur={() => trigger(`${name}`)}>\n {showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelProps()}\n className={`${getLabelProps().className} !pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block`}\n >\n {label}\n </label>\n )}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n\n {fields.map((field, index) => {\n const duplicate = (i: number) => {\n const values = getValues(name);\n insert(i + 1, { ...values[i], id: null });\n };\n\n return (\n <FieldArrayField\n id={field.id}\n key={field.id}\n testId={`${testId}_${index}`}\n className=\"mb-3 mt-5 flex flex-row items-center\"\n field={field}\n fields={fields}\n hideButtons={hideButtons}\n index={index}\n insert={insert}\n lastNotDeletable={lastNotDeletable}\n move={move}\n moveField={moveField}\n name={name}\n remove={remove}\n >\n {children(\n `${name}[${index}]`,\n index,\n fields.length,\n move,\n insert,\n remove,\n duplicate,\n )}\n </FieldArrayField>\n );\n })}\n\n {!hideButtons.includes('add') && !hideButtons.includes('all') && (\n <Button\n testId={`${testId}_append`}\n size=\"sm\"\n onClick={() => append({})}\n >\n Add\n </Button>\n )}\n {/* @ts-expect-error rhf incompatibility */}\n {error?._errors && (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n {/* @ts-expect-error rhf incompatibility */}\n <FieldValidationError error={error?._errors} />\n </div>\n </div>\n )}\n </ul>\n </SortableContext>\n </DndContext>\n );\n};\n\nexport default FieldArray;\n","import type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\nimport type { FieldArrayHideOption, MoveField } from './FieldArray';\n\n// import { useEffect } from 'react';\nimport { FaAngleDown, FaAngleUp, FaGripLines } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\ninterface FieldArrayFieldProps {\n children: React.ReactNode;\n className?: string;\n field: Record<'id', string>;\n fields: Record<'id', string>[];\n hideButtons?: FieldArrayHideOption[];\n id: string | number;\n index: number;\n insert: UseFieldArrayInsert<FieldValues, string>;\n lastNotDeletable?: boolean;\n move: UseFieldArrayMove;\n moveField: MoveField[];\n testId?: string;\n name: string;\n remove: UseFieldArrayRemove;\n}\n\n/**\n * FieldArrayField component using react-hook-form\n */\nconst FieldArrayField = ({\n children,\n className = undefined,\n field,\n fields,\n hideButtons = [],\n id,\n index,\n insert,\n lastNotDeletable = true,\n move,\n moveField,\n name,\n remove,\n testId = undefined,\n}: FieldArrayFieldProps) => {\n const { attributes, listeners, setNodeRef, transform, transition } =\n useSortable({ id });\n\n const style = {\n transform: CSS.Translate.toString(transform),\n transition,\n };\n\n const {\n getFieldState,\n // watch,\n trigger,\n } = useFormContext();\n const { error, invalid } = getFieldState(`${name}`, undefined);\n\n // TODO: what about input props? and label props? Do we need a label?\n const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n isInvalid: invalid,\n errorMessage: JSON.stringify(error),\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n // const _formValues = watch();\n // useEffect(() => {\n // trigger(`${name}.${index}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(formValues)]);\n\n return (\n <>\n <li\n ref={setNodeRef}\n style={style}\n className={className}\n onBlur={() => trigger(`${name}.${index}`)}\n >\n {/** Start Button up/down */}\n {!hideButtons.includes('move') && !hideButtons.includes('all') && (\n <div className=\"mr-6 flex flex-row items-center\">\n {moveField.includes('drag-drop') && (\n <div\n className=\"mr-2 text-base text-xl\"\n data-testid={slugify(`${name}_${index}_movebutton`)}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...attributes}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...listeners}\n >\n <FaGripLines />\n </div>\n )}\n {moveField.includes('button') && (\n <div className=\"flex flex-col\">\n <Button\n testId={`${name}.${index}.up`}\n disabled={index === 0}\n onClick={() => move(index, index - 1)}\n className=\"flex rounded-b-none rounded-t-md border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleUp />\n </Button>\n <Button\n testId={`${name}.${index}.down`}\n disabled={index === fields.length - 1}\n onClick={() => move(index, index + 1)}\n className=\"flex rounded-b-md rounded-t-none border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleDown />\n </Button>\n </div>\n )}\n </div>\n )}\n {/** End Button up/down */}\n <div key={`rest-${field.id}`} className=\"w-full\">\n <div className=\"mb-2 flex items-center\">\n {/** RENDER CHILDREN */}\n <div className=\"flex-grow\" data-testid={testId}>\n {children}\n </div>\n {!hideButtons.includes('remove') &&\n !hideButtons.includes('all') &&\n (lastNotDeletable && fields.length === 1 ? null : (\n <Button onClick={() => remove(index)} className=\"ml-1\">\n <svg\n className=\"h-4 w-4\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </Button>\n ))}\n </div>\n\n {!hideButtons.includes('insert') &&\n !hideButtons.includes('all') &&\n index !== fields.length - 1 ? (\n <Button\n className=\"text-xs font-medium\"\n testId={`add-harbor-button-${index}`}\n onClick={() => {\n insert(index + 1, {});\n }}\n >\n insert\n </Button>\n ) : null}\n </div>\n </li>\n {error && typeof error[index] !== 'undefined' && (\n // // @ts-expect-error rhf incompatibility\n // error[Number(index)]?._errors && ( // TODO: was String(). Check if Number is correct. (same below in FieldValidationError)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n <FieldValidationError\n /* @ts-expect-error rhf incompatibility */\n error={error[Number(index)]?._errors}\n />\n </div>\n </div>\n )}\n </>\n );\n};\nexport default FieldArrayField;\n","import FieldArray from './FieldArray';\n\nexport type {\n FieldArrayProps,\n FieldArrayHideOption,\n FieldArrayFieldChildren,\n} from './FieldArray';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"],"mappings":"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","names":["useInput","Button","jsx","jsxs","useInput","Button","FieldArray_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-P5YZA7VJ.cjs","../src/Input/Input.tsx","../src/Input/index.ts"],"names":["Input_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,0CAAmC;AAEnC,oDAAmB;AAgEgB,+CAAA;AAjCnC,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,MAAA,EAAQ,QAAA,EAAU,KAAA,CAAA;AAAA,EAClB,KAAA,EAAO,KAAA;AACT,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AAE3B,EAAA,uBACE,6BAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,IAAI;AAAA,MAC9D,CAAA,EAAA,GAAM;AACJ,QAAA,uBACE,6BAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,YACvB,UAAA,EAAY;AAAA,cACV,YAAA,EAAc;AAAA,YAChB,CAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,UAAA;AAAA,YACA,YAAA,EAAc,MAAA,mBAAS,6BAAA,8CAAC,EAAA,EAAqB,MAAA,CAAc,CAAA;AAAA,YAC3D,UAAA;AAAA,YACA,SAAA,EAAW,OAAA;AAAA,YACX,UAAA,EAAY,QAAA;AAAA,YACZ,KAAA,EACE,UAAA,mBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,qBAAA,mBACC,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB;AAAA,YAAA,EAAA,CAE3C,CAAA;AAAA,YAGJ,cAAA,EAAe,SAAA;AAAA,YACf,IAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA,EACE,KAAA,IAAS,SAAA,EACL,CAAC,CAAA,EAAA,GAAM;AACL,cAAA,QAAA,CAAS,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,YACjC,EAAA,EACA,QAAA;AAAA,YAEN,WAAA;AAAA,YACA,MAAA,EAAO,IAAA;AAAA,YACP,GAAA;AAAA,YACA,YAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA,EAAQ;AAAA,UAAA;AAAA,QACV,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;AD5Bf;AACA;AEzEA,IAAOA,eAAAA,EAAQ,aAAA;AF2Ef;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-P5YZA7VJ.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Input as NextInput } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface InputProps {\n /** CSS class name */\n className?: string;\n /** input field is disabled */\n disabled?: boolean;\n /** added content to the end of the input Field. */\n endContent?: ReactNode;\n /** form field label (set to false to disable label) */\n label?: string | false;\n /** form field name */\n name: string;\n /** form field placeholder */\n placeholder?: string;\n /** content added to the start of the input field */\n startContent?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** input type */\n type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [NextUI Input](https://nextui.org/docs/components/input)\n */\nconst Input = ({\n className = undefined,\n disabled = false,\n endContent = undefined,\n label = undefined,\n name,\n placeholder = ' ',\n startContent = undefined,\n testId: _testId = undefined,\n type = undefined,\n}: InputProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({\n field: { disabled: isDisabled, onChange, onBlur, value, ref },\n }) => {\n return (\n <NextInput\n className={cn(className)}\n classNames={{\n inputWrapper: 'group-data-[focus=true]:border-focus',\n }}\n data-testid={testId}\n endContent={endContent}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n <>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </>\n )\n }\n labelPlacement=\"outside\"\n name={name}\n onBlur={onBlur}\n onChange={\n type === 'number'\n ? (e) => {\n onChange(Number(e.target.value));\n }\n : onChange\n }\n placeholder={placeholder}\n radius=\"sm\"\n ref={ref}\n startContent={startContent}\n type={type}\n value={value}\n variant=\"bordered\"\n />\n );\n }}\n />\n );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Input/Input.tsx","../src/Input/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Input as NextInput } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface InputProps {\n /** CSS class name */\n className?: string;\n /** input field is disabled */\n disabled?: boolean;\n /** added content to the end of the input Field. */\n endContent?: ReactNode;\n /** form field label (set to false to disable label) */\n label?: string | false;\n /** form field name */\n name: string;\n /** form field placeholder */\n placeholder?: string;\n /** content added to the start of the input field */\n startContent?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** input type */\n type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [NextUI Input](https://nextui.org/docs/components/input)\n */\nconst Input = ({\n className = undefined,\n disabled = false,\n endContent = undefined,\n label = undefined,\n name,\n placeholder = ' ',\n startContent = undefined,\n testId: _testId = undefined,\n type = undefined,\n}: InputProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({\n field: { disabled: isDisabled, onChange, onBlur, value, ref },\n }) => {\n return (\n <NextInput\n className={cn(className)}\n classNames={{\n inputWrapper: 'group-data-[focus=true]:border-focus',\n }}\n data-testid={testId}\n endContent={endContent}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n <>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </>\n )\n }\n labelPlacement=\"outside\"\n name={name}\n onBlur={onBlur}\n onChange={\n type === 'number'\n ? (e) => {\n onChange(Number(e.target.value));\n }\n : onChange\n }\n placeholder={placeholder}\n radius=\"sm\"\n ref={ref}\n startContent={startContent}\n type={type}\n value={value}\n variant=\"bordered\"\n />\n );\n }}\n />\n );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU;AAgEgB,SAMnB,UANmB,KAMnB,YANmB;AAjCnC,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ,UAAU;AAAA,EAClB,OAAO;AACT,MAAkB;AAChB,QAAM,EAAE,SAAS,WAAW,cAAc,IAAI,eAAe;AAC7D,QAAM,EAAE,OAAO,SAAS,UAAU,OAAO,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,uBAAuB,cAAc;AAC3C,QAAM,YAAY,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,UAAU,QAAQ,OAAO,IAAI;AAAA,MAC9D,MAAM;AACJ,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,SAAS;AAAA,YACvB,YAAY;AAAA,cACV,cAAc;AAAA,YAChB;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,cAAc,SAAS,oBAAC,gCAAqB,OAAc;AAAA,YAC3D;AAAA,YACA,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,OACE,aACE,iCACG;AAAA;AAAA,cACA,wBACC,oBAAC,iCAAsB,QAAgB;AAAA,eAE3C;AAAA,YAGJ,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA,UACE,SAAS,WACL,CAAC,MAAM;AACL,uBAAS,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,YACjC,IACA;AAAA,YAEN;AAAA,YACA,QAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAQ;AAAA;AAAA,QACV;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACpGf,IAAOA,iBAAQ;","names":["Input_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-V644EZQT.cjs","../src/FieldArray/FieldArray.tsx","../src/FieldArray/FieldArrayField.tsx","../src/FieldArray/index.ts"],"names":["jsx","Button"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-V644EZQT.cjs","sourcesContent":[null,"import type { DragEndEvent } from '@dnd-kit/core';\nimport type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\n\n// import { useEffect } from 'react';\n\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFieldArray, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayField from './FieldArrayField';\n\nexport type FieldArrayHideOption = 'add' | 'remove' | 'move' | 'insert' | 'all';\nexport type FieldArrayFieldChildren = (\n name: string,\n index: number,\n length: number,\n move: UseFieldArrayMove,\n insert: UseFieldArrayInsert<FieldValues, string>,\n remove: UseFieldArrayRemove,\n duplicate: (i: number) => void,\n) => JSX.Element;\n\nexport type MoveField = 'drag-drop' | 'button';\n\nexport interface FieldArrayProps {\n /** function that renders the children with provided Properties. */\n children: FieldArrayFieldChildren;\n /** Hide a set of buttons. */\n hideButtons?: FieldArrayHideOption[];\n /** label of the FieldArray. */\n label?: React.ReactNode;\n /** stops user from deleting all items. */\n lastNotDeletable?: boolean;\n /** name the FieldArray is registered in RHF */\n name: string;\n /** ID for test purposes. */\n testId?: string;\n /* how the fields can be moved */\n moveField: MoveField[];\n}\n\n/**\n * FieldArray component using react-hook-form\n */\nconst FieldArray = ({\n children,\n hideButtons = [],\n label: _label = undefined,\n lastNotDeletable = true,\n name,\n testId: _testId = undefined,\n moveField = ['button'],\n}: FieldArrayProps) => {\n const {\n control,\n debugMode,\n getValues,\n getFieldState,\n trigger,\n // watch\n } = useFormContext();\n\n const { fields, append, remove, insert, move } = useFieldArray({\n control,\n name,\n });\n\n const { error, testId, invalid, required } = getFieldState(name, _testId);\n\n // const _formValues = watch();\n\n // useEffect(() => {\n // trigger(`${name}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(fields)]);\n\n // TODO: what about input props?\n const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } =\n useInput({\n isInvalid: invalid,\n isRequired: required,\n errorMessage: JSON.stringify(error),\n label: _label,\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n if (lastNotDeletable && fields.length === 0) {\n append({});\n }\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor),\n );\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event;\n\n if (active.id !== over?.id) {\n const oldIndex = fields.findIndex((field) => field.id === active.id);\n const newIndex = fields.findIndex((field) => field.id === over?.id);\n move(oldIndex, newIndex);\n }\n };\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragEnd={handleDragEnd}\n modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n >\n <SortableContext\n items={fields.map((field) => field.id)}\n strategy={verticalListSortingStrategy}\n >\n <ul data-testid={testId} onBlur={() => trigger(`${name}`)}>\n {showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelProps()}\n className={`${getLabelProps().className} !pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block`}\n >\n {label}\n </label>\n )}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n\n {fields.map((field, index) => {\n const duplicate = (i: number) => {\n const values = getValues(name);\n insert(i + 1, { ...values[i], id: null });\n };\n\n return (\n <FieldArrayField\n id={field.id}\n key={field.id}\n testId={`${testId}_${index}`}\n className=\"mb-3 mt-5 flex flex-row items-center\"\n field={field}\n fields={fields}\n hideButtons={hideButtons}\n index={index}\n insert={insert}\n lastNotDeletable={lastNotDeletable}\n move={move}\n moveField={moveField}\n name={name}\n remove={remove}\n >\n {children(\n `${name}[${index}]`,\n index,\n fields.length,\n move,\n insert,\n remove,\n duplicate,\n )}\n </FieldArrayField>\n );\n })}\n\n {!hideButtons.includes('add') && !hideButtons.includes('all') && (\n <Button\n testId={`${testId}_append`}\n size=\"sm\"\n onClick={() => append({})}\n >\n Add\n </Button>\n )}\n {/* @ts-expect-error rhf incompatibility */}\n {error?._errors && (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n {/* @ts-expect-error rhf incompatibility */}\n <FieldValidationError error={error?._errors} />\n </div>\n </div>\n )}\n </ul>\n </SortableContext>\n </DndContext>\n );\n};\n\nexport default FieldArray;\n","import type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\nimport type { FieldArrayHideOption, MoveField } from './FieldArray';\n\n// import { useEffect } from 'react';\nimport { FaAngleDown, FaAngleUp, FaGripLines } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\ninterface FieldArrayFieldProps {\n children: React.ReactNode;\n className?: string;\n field: Record<'id', string>;\n fields: Record<'id', string>[];\n hideButtons?: FieldArrayHideOption[];\n id: string | number;\n index: number;\n insert: UseFieldArrayInsert<FieldValues, string>;\n lastNotDeletable?: boolean;\n move: UseFieldArrayMove;\n moveField: MoveField[];\n testId?: string;\n name: string;\n remove: UseFieldArrayRemove;\n}\n\n/**\n * FieldArrayField component using react-hook-form\n */\nconst FieldArrayField = ({\n children,\n className = undefined,\n field,\n fields,\n hideButtons = [],\n id,\n index,\n insert,\n lastNotDeletable = true,\n move,\n moveField,\n name,\n remove,\n testId = undefined,\n}: FieldArrayFieldProps) => {\n const { attributes, listeners, setNodeRef, transform, transition } =\n useSortable({ id });\n\n const style = {\n transform: CSS.Translate.toString(transform),\n transition,\n };\n\n const {\n getFieldState,\n // watch,\n trigger,\n } = useFormContext();\n const { error, invalid } = getFieldState(`${name}`, undefined);\n\n // TODO: what about input props? and label props? Do we need a label?\n const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n isInvalid: invalid,\n errorMessage: JSON.stringify(error),\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n // const _formValues = watch();\n // useEffect(() => {\n // trigger(`${name}.${index}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(formValues)]);\n\n return (\n <>\n <li\n ref={setNodeRef}\n style={style}\n className={className}\n onBlur={() => trigger(`${name}.${index}`)}\n >\n {/** Start Button up/down */}\n {!hideButtons.includes('move') && !hideButtons.includes('all') && (\n <div className=\"mr-6 flex flex-row items-center\">\n {moveField.includes('drag-drop') && (\n <div\n className=\"mr-2 text-base text-xl\"\n data-testid={slugify(`${name}_${index}_movebutton`)}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...attributes}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...listeners}\n >\n <FaGripLines />\n </div>\n )}\n {moveField.includes('button') && (\n <div className=\"flex flex-col\">\n <Button\n testId={`${name}.${index}.up`}\n disabled={index === 0}\n onClick={() => move(index, index - 1)}\n className=\"flex rounded-b-none rounded-t-md border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleUp />\n </Button>\n <Button\n testId={`${name}.${index}.down`}\n disabled={index === fields.length - 1}\n onClick={() => move(index, index + 1)}\n className=\"flex rounded-b-md rounded-t-none border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleDown />\n </Button>\n </div>\n )}\n </div>\n )}\n {/** End Button up/down */}\n <div key={`rest-${field.id}`} className=\"w-full\">\n <div className=\"mb-2 flex items-center\">\n {/** RENDER CHILDREN */}\n <div className=\"flex-grow\" data-testid={testId}>\n {children}\n </div>\n {!hideButtons.includes('remove') &&\n !hideButtons.includes('all') &&\n (lastNotDeletable && fields.length === 1 ? null : (\n <Button onClick={() => remove(index)} className=\"ml-1\">\n <svg\n className=\"h-4 w-4\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </Button>\n ))}\n </div>\n\n {!hideButtons.includes('insert') &&\n !hideButtons.includes('all') &&\n index !== fields.length - 1 ? (\n <Button\n className=\"text-xs font-medium\"\n testId={`add-harbor-button-${index}`}\n onClick={() => {\n insert(index + 1, {});\n }}\n >\n insert\n </Button>\n ) : null}\n </div>\n </li>\n {error && typeof error[index] !== 'undefined' && (\n // // @ts-expect-error rhf incompatibility\n // error[Number(index)]?._errors && ( // TODO: was String(). Check if Number is correct. (same below in FieldValidationError)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n <FieldValidationError\n /* @ts-expect-error rhf incompatibility */\n error={error[Number(index)]?._errors}\n />\n </div>\n </div>\n )}\n </>\n );\n};\nexport default FieldArrayField;\n","import FieldArray from './FieldArray';\n\nexport type {\n FieldArrayProps,\n FieldArrayHideOption,\n FieldArrayFieldChildren,\n} from './FieldArray';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"]}
|
|
@@ -7,12 +7,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
7
7
|
[key: string]: {
|
|
8
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
9
9
|
base?: tailwind_variants.ClassValue;
|
|
10
|
+
label?: tailwind_variants.ClassValue;
|
|
10
11
|
errorMessage?: tailwind_variants.ClassValue;
|
|
11
12
|
itemBase?: tailwind_variants.ClassValue;
|
|
12
13
|
itemIcon?: tailwind_variants.ClassValue;
|
|
13
14
|
itemLabel?: tailwind_variants.ClassValue;
|
|
14
15
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
15
|
-
label?: tailwind_variants.ClassValue;
|
|
16
16
|
wrapper?: tailwind_variants.ClassValue;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -20,12 +20,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
20
20
|
[x: string]: {
|
|
21
21
|
[x: string]: tailwind_variants.ClassValue | {
|
|
22
22
|
base?: tailwind_variants.ClassValue;
|
|
23
|
+
label?: tailwind_variants.ClassValue;
|
|
23
24
|
errorMessage?: tailwind_variants.ClassValue;
|
|
24
25
|
itemBase?: tailwind_variants.ClassValue;
|
|
25
26
|
itemIcon?: tailwind_variants.ClassValue;
|
|
26
27
|
itemLabel?: tailwind_variants.ClassValue;
|
|
27
28
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
|
-
label?: tailwind_variants.ClassValue;
|
|
29
29
|
wrapper?: tailwind_variants.ClassValue;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
@@ -42,12 +42,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
42
42
|
[key: string]: {
|
|
43
43
|
[key: string]: tailwind_variants.ClassValue | {
|
|
44
44
|
base?: tailwind_variants.ClassValue;
|
|
45
|
+
label?: tailwind_variants.ClassValue;
|
|
45
46
|
errorMessage?: tailwind_variants.ClassValue;
|
|
46
47
|
itemBase?: tailwind_variants.ClassValue;
|
|
47
48
|
itemIcon?: tailwind_variants.ClassValue;
|
|
48
49
|
itemLabel?: tailwind_variants.ClassValue;
|
|
49
50
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
50
|
-
label?: tailwind_variants.ClassValue;
|
|
51
51
|
wrapper?: tailwind_variants.ClassValue;
|
|
52
52
|
};
|
|
53
53
|
};
|
|
@@ -55,12 +55,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
55
55
|
[key: string]: {
|
|
56
56
|
[key: string]: tailwind_variants.ClassValue | {
|
|
57
57
|
base?: tailwind_variants.ClassValue;
|
|
58
|
+
label?: tailwind_variants.ClassValue;
|
|
58
59
|
errorMessage?: tailwind_variants.ClassValue;
|
|
59
60
|
itemBase?: tailwind_variants.ClassValue;
|
|
60
61
|
itemIcon?: tailwind_variants.ClassValue;
|
|
61
62
|
itemLabel?: tailwind_variants.ClassValue;
|
|
62
63
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
63
|
-
label?: tailwind_variants.ClassValue;
|
|
64
64
|
wrapper?: tailwind_variants.ClassValue;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
@@ -86,12 +86,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
86
86
|
[key: string]: {
|
|
87
87
|
[key: string]: tailwind_variants.ClassValue | {
|
|
88
88
|
base?: tailwind_variants.ClassValue;
|
|
89
|
+
label?: tailwind_variants.ClassValue;
|
|
89
90
|
errorMessage?: tailwind_variants.ClassValue;
|
|
90
91
|
itemBase?: tailwind_variants.ClassValue;
|
|
91
92
|
itemIcon?: tailwind_variants.ClassValue;
|
|
92
93
|
itemLabel?: tailwind_variants.ClassValue;
|
|
93
94
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
-
label?: tailwind_variants.ClassValue;
|
|
95
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
96
|
};
|
|
97
97
|
};
|
|
@@ -7,12 +7,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
7
7
|
[key: string]: {
|
|
8
8
|
[key: string]: tailwind_variants.ClassValue | {
|
|
9
9
|
base?: tailwind_variants.ClassValue;
|
|
10
|
+
label?: tailwind_variants.ClassValue;
|
|
10
11
|
errorMessage?: tailwind_variants.ClassValue;
|
|
11
12
|
itemBase?: tailwind_variants.ClassValue;
|
|
12
13
|
itemIcon?: tailwind_variants.ClassValue;
|
|
13
14
|
itemLabel?: tailwind_variants.ClassValue;
|
|
14
15
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
15
|
-
label?: tailwind_variants.ClassValue;
|
|
16
16
|
wrapper?: tailwind_variants.ClassValue;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -20,12 +20,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
20
20
|
[x: string]: {
|
|
21
21
|
[x: string]: tailwind_variants.ClassValue | {
|
|
22
22
|
base?: tailwind_variants.ClassValue;
|
|
23
|
+
label?: tailwind_variants.ClassValue;
|
|
23
24
|
errorMessage?: tailwind_variants.ClassValue;
|
|
24
25
|
itemBase?: tailwind_variants.ClassValue;
|
|
25
26
|
itemIcon?: tailwind_variants.ClassValue;
|
|
26
27
|
itemLabel?: tailwind_variants.ClassValue;
|
|
27
28
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
28
|
-
label?: tailwind_variants.ClassValue;
|
|
29
29
|
wrapper?: tailwind_variants.ClassValue;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
@@ -42,12 +42,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
42
42
|
[key: string]: {
|
|
43
43
|
[key: string]: tailwind_variants.ClassValue | {
|
|
44
44
|
base?: tailwind_variants.ClassValue;
|
|
45
|
+
label?: tailwind_variants.ClassValue;
|
|
45
46
|
errorMessage?: tailwind_variants.ClassValue;
|
|
46
47
|
itemBase?: tailwind_variants.ClassValue;
|
|
47
48
|
itemIcon?: tailwind_variants.ClassValue;
|
|
48
49
|
itemLabel?: tailwind_variants.ClassValue;
|
|
49
50
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
50
|
-
label?: tailwind_variants.ClassValue;
|
|
51
51
|
wrapper?: tailwind_variants.ClassValue;
|
|
52
52
|
};
|
|
53
53
|
};
|
|
@@ -55,12 +55,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
55
55
|
[key: string]: {
|
|
56
56
|
[key: string]: tailwind_variants.ClassValue | {
|
|
57
57
|
base?: tailwind_variants.ClassValue;
|
|
58
|
+
label?: tailwind_variants.ClassValue;
|
|
58
59
|
errorMessage?: tailwind_variants.ClassValue;
|
|
59
60
|
itemBase?: tailwind_variants.ClassValue;
|
|
60
61
|
itemIcon?: tailwind_variants.ClassValue;
|
|
61
62
|
itemLabel?: tailwind_variants.ClassValue;
|
|
62
63
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
63
|
-
label?: tailwind_variants.ClassValue;
|
|
64
64
|
wrapper?: tailwind_variants.ClassValue;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
@@ -86,12 +86,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
86
86
|
[key: string]: {
|
|
87
87
|
[key: string]: tailwind_variants.ClassValue | {
|
|
88
88
|
base?: tailwind_variants.ClassValue;
|
|
89
|
+
label?: tailwind_variants.ClassValue;
|
|
89
90
|
errorMessage?: tailwind_variants.ClassValue;
|
|
90
91
|
itemBase?: tailwind_variants.ClassValue;
|
|
91
92
|
itemIcon?: tailwind_variants.ClassValue;
|
|
92
93
|
itemLabel?: tailwind_variants.ClassValue;
|
|
93
94
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
-
label?: tailwind_variants.ClassValue;
|
|
95
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
96
|
};
|
|
97
97
|
};
|
|
@@ -8,10 +8,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
8
8
|
[key: string]: {
|
|
9
9
|
[key: string]: tailwind_variants.ClassValue | {
|
|
10
10
|
base?: tailwind_variants.ClassValue;
|
|
11
|
+
label?: tailwind_variants.ClassValue;
|
|
11
12
|
itemBase?: tailwind_variants.ClassValue;
|
|
12
13
|
itemLabel?: tailwind_variants.ClassValue;
|
|
13
14
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
-
label?: tailwind_variants.ClassValue;
|
|
15
15
|
wrapper?: tailwind_variants.ClassValue;
|
|
16
16
|
tab?: tailwind_variants.ClassValue;
|
|
17
17
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -29,10 +29,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
29
29
|
[x: string]: {
|
|
30
30
|
[x: string]: tailwind_variants.ClassValue | {
|
|
31
31
|
base?: tailwind_variants.ClassValue;
|
|
32
|
+
label?: tailwind_variants.ClassValue;
|
|
32
33
|
itemBase?: tailwind_variants.ClassValue;
|
|
33
34
|
itemLabel?: tailwind_variants.ClassValue;
|
|
34
35
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
35
|
-
label?: tailwind_variants.ClassValue;
|
|
36
36
|
wrapper?: tailwind_variants.ClassValue;
|
|
37
37
|
tab?: tailwind_variants.ClassValue;
|
|
38
38
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -67,10 +67,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
67
67
|
[key: string]: {
|
|
68
68
|
[key: string]: tailwind_variants.ClassValue | {
|
|
69
69
|
base?: tailwind_variants.ClassValue;
|
|
70
|
+
label?: tailwind_variants.ClassValue;
|
|
70
71
|
itemBase?: tailwind_variants.ClassValue;
|
|
71
72
|
itemLabel?: tailwind_variants.ClassValue;
|
|
72
73
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
73
|
-
label?: tailwind_variants.ClassValue;
|
|
74
74
|
wrapper?: tailwind_variants.ClassValue;
|
|
75
75
|
tab?: tailwind_variants.ClassValue;
|
|
76
76
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -88,10 +88,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
88
88
|
[key: string]: {
|
|
89
89
|
[key: string]: tailwind_variants.ClassValue | {
|
|
90
90
|
base?: tailwind_variants.ClassValue;
|
|
91
|
+
label?: tailwind_variants.ClassValue;
|
|
91
92
|
itemBase?: tailwind_variants.ClassValue;
|
|
92
93
|
itemLabel?: tailwind_variants.ClassValue;
|
|
93
94
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
-
label?: tailwind_variants.ClassValue;
|
|
95
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
96
|
tab?: tailwind_variants.ClassValue;
|
|
97
97
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -143,10 +143,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
143
143
|
[key: string]: {
|
|
144
144
|
[key: string]: tailwind_variants.ClassValue | {
|
|
145
145
|
base?: tailwind_variants.ClassValue;
|
|
146
|
+
label?: tailwind_variants.ClassValue;
|
|
146
147
|
itemBase?: tailwind_variants.ClassValue;
|
|
147
148
|
itemLabel?: tailwind_variants.ClassValue;
|
|
148
149
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
149
|
-
label?: tailwind_variants.ClassValue;
|
|
150
150
|
wrapper?: tailwind_variants.ClassValue;
|
|
151
151
|
tab?: tailwind_variants.ClassValue;
|
|
152
152
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -8,10 +8,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
8
8
|
[key: string]: {
|
|
9
9
|
[key: string]: tailwind_variants.ClassValue | {
|
|
10
10
|
base?: tailwind_variants.ClassValue;
|
|
11
|
+
label?: tailwind_variants.ClassValue;
|
|
11
12
|
itemBase?: tailwind_variants.ClassValue;
|
|
12
13
|
itemLabel?: tailwind_variants.ClassValue;
|
|
13
14
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
-
label?: tailwind_variants.ClassValue;
|
|
15
15
|
wrapper?: tailwind_variants.ClassValue;
|
|
16
16
|
tab?: tailwind_variants.ClassValue;
|
|
17
17
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -29,10 +29,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
29
29
|
[x: string]: {
|
|
30
30
|
[x: string]: tailwind_variants.ClassValue | {
|
|
31
31
|
base?: tailwind_variants.ClassValue;
|
|
32
|
+
label?: tailwind_variants.ClassValue;
|
|
32
33
|
itemBase?: tailwind_variants.ClassValue;
|
|
33
34
|
itemLabel?: tailwind_variants.ClassValue;
|
|
34
35
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
35
|
-
label?: tailwind_variants.ClassValue;
|
|
36
36
|
wrapper?: tailwind_variants.ClassValue;
|
|
37
37
|
tab?: tailwind_variants.ClassValue;
|
|
38
38
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -67,10 +67,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
67
67
|
[key: string]: {
|
|
68
68
|
[key: string]: tailwind_variants.ClassValue | {
|
|
69
69
|
base?: tailwind_variants.ClassValue;
|
|
70
|
+
label?: tailwind_variants.ClassValue;
|
|
70
71
|
itemBase?: tailwind_variants.ClassValue;
|
|
71
72
|
itemLabel?: tailwind_variants.ClassValue;
|
|
72
73
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
73
|
-
label?: tailwind_variants.ClassValue;
|
|
74
74
|
wrapper?: tailwind_variants.ClassValue;
|
|
75
75
|
tab?: tailwind_variants.ClassValue;
|
|
76
76
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -88,10 +88,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
88
88
|
[key: string]: {
|
|
89
89
|
[key: string]: tailwind_variants.ClassValue | {
|
|
90
90
|
base?: tailwind_variants.ClassValue;
|
|
91
|
+
label?: tailwind_variants.ClassValue;
|
|
91
92
|
itemBase?: tailwind_variants.ClassValue;
|
|
92
93
|
itemLabel?: tailwind_variants.ClassValue;
|
|
93
94
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
-
label?: tailwind_variants.ClassValue;
|
|
95
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
96
|
tab?: tailwind_variants.ClassValue;
|
|
97
97
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -143,10 +143,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
|
|
|
143
143
|
[key: string]: {
|
|
144
144
|
[key: string]: tailwind_variants.ClassValue | {
|
|
145
145
|
base?: tailwind_variants.ClassValue;
|
|
146
|
+
label?: tailwind_variants.ClassValue;
|
|
146
147
|
itemBase?: tailwind_variants.ClassValue;
|
|
147
148
|
itemLabel?: tailwind_variants.ClassValue;
|
|
148
149
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
149
|
-
label?: tailwind_variants.ClassValue;
|
|
150
150
|
wrapper?: tailwind_variants.ClassValue;
|
|
151
151
|
tab?: tailwind_variants.ClassValue;
|
|
152
152
|
cursor?: tailwind_variants.ClassValue;
|
|
@@ -7,13 +7,13 @@ import { Props } from 'react-select';
|
|
|
7
7
|
declare const selectVariants: tailwind_variants.TVReturnType<{
|
|
8
8
|
[key: string]: {
|
|
9
9
|
[key: string]: tailwind_variants.ClassValue | {
|
|
10
|
-
base?: tailwind_variants.ClassValue;
|
|
11
|
-
label?: tailwind_variants.ClassValue;
|
|
12
|
-
group?: tailwind_variants.ClassValue;
|
|
13
10
|
control?: tailwind_variants.ClassValue;
|
|
11
|
+
base?: tailwind_variants.ClassValue;
|
|
14
12
|
input?: tailwind_variants.ClassValue;
|
|
13
|
+
label?: tailwind_variants.ClassValue;
|
|
15
14
|
menu?: tailwind_variants.ClassValue;
|
|
16
15
|
option?: tailwind_variants.ClassValue;
|
|
16
|
+
group?: tailwind_variants.ClassValue;
|
|
17
17
|
placeholder?: tailwind_variants.ClassValue;
|
|
18
18
|
clearIndicator?: tailwind_variants.ClassValue;
|
|
19
19
|
control_focused?: tailwind_variants.ClassValue;
|
|
@@ -42,13 +42,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
|
|
|
42
42
|
} | {
|
|
43
43
|
[x: string]: {
|
|
44
44
|
[x: string]: tailwind_variants.ClassValue | {
|
|
45
|
-
base?: tailwind_variants.ClassValue;
|
|
46
|
-
label?: tailwind_variants.ClassValue;
|
|
47
|
-
group?: tailwind_variants.ClassValue;
|
|
48
45
|
control?: tailwind_variants.ClassValue;
|
|
46
|
+
base?: tailwind_variants.ClassValue;
|
|
49
47
|
input?: tailwind_variants.ClassValue;
|
|
48
|
+
label?: tailwind_variants.ClassValue;
|
|
50
49
|
menu?: tailwind_variants.ClassValue;
|
|
51
50
|
option?: tailwind_variants.ClassValue;
|
|
51
|
+
group?: tailwind_variants.ClassValue;
|
|
52
52
|
placeholder?: tailwind_variants.ClassValue;
|
|
53
53
|
clearIndicator?: tailwind_variants.ClassValue;
|
|
54
54
|
control_focused?: tailwind_variants.ClassValue;
|
|
@@ -108,13 +108,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
|
|
|
108
108
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
109
109
|
[key: string]: {
|
|
110
110
|
[key: string]: tailwind_variants.ClassValue | {
|
|
111
|
-
base?: tailwind_variants.ClassValue;
|
|
112
|
-
label?: tailwind_variants.ClassValue;
|
|
113
|
-
group?: tailwind_variants.ClassValue;
|
|
114
111
|
control?: tailwind_variants.ClassValue;
|
|
112
|
+
base?: tailwind_variants.ClassValue;
|
|
115
113
|
input?: tailwind_variants.ClassValue;
|
|
114
|
+
label?: tailwind_variants.ClassValue;
|
|
116
115
|
menu?: tailwind_variants.ClassValue;
|
|
117
116
|
option?: tailwind_variants.ClassValue;
|
|
117
|
+
group?: tailwind_variants.ClassValue;
|
|
118
118
|
placeholder?: tailwind_variants.ClassValue;
|
|
119
119
|
clearIndicator?: tailwind_variants.ClassValue;
|
|
120
120
|
control_focused?: tailwind_variants.ClassValue;
|
|
@@ -143,13 +143,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
|
|
|
143
143
|
} | {}>, {
|
|
144
144
|
[key: string]: {
|
|
145
145
|
[key: string]: tailwind_variants.ClassValue | {
|
|
146
|
-
base?: tailwind_variants.ClassValue;
|
|
147
|
-
label?: tailwind_variants.ClassValue;
|
|
148
|
-
group?: tailwind_variants.ClassValue;
|
|
149
146
|
control?: tailwind_variants.ClassValue;
|
|
147
|
+
base?: tailwind_variants.ClassValue;
|
|
150
148
|
input?: tailwind_variants.ClassValue;
|
|
149
|
+
label?: tailwind_variants.ClassValue;
|
|
151
150
|
menu?: tailwind_variants.ClassValue;
|
|
152
151
|
option?: tailwind_variants.ClassValue;
|
|
152
|
+
group?: tailwind_variants.ClassValue;
|
|
153
153
|
placeholder?: tailwind_variants.ClassValue;
|
|
154
154
|
clearIndicator?: tailwind_variants.ClassValue;
|
|
155
155
|
control_focused?: tailwind_variants.ClassValue;
|
|
@@ -240,13 +240,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
|
|
|
240
240
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
|
|
241
241
|
[key: string]: {
|
|
242
242
|
[key: string]: tailwind_variants.ClassValue | {
|
|
243
|
-
base?: tailwind_variants.ClassValue;
|
|
244
|
-
label?: tailwind_variants.ClassValue;
|
|
245
|
-
group?: tailwind_variants.ClassValue;
|
|
246
243
|
control?: tailwind_variants.ClassValue;
|
|
244
|
+
base?: tailwind_variants.ClassValue;
|
|
247
245
|
input?: tailwind_variants.ClassValue;
|
|
246
|
+
label?: tailwind_variants.ClassValue;
|
|
248
247
|
menu?: tailwind_variants.ClassValue;
|
|
249
248
|
option?: tailwind_variants.ClassValue;
|
|
249
|
+
group?: tailwind_variants.ClassValue;
|
|
250
250
|
placeholder?: tailwind_variants.ClassValue;
|
|
251
251
|
clearIndicator?: tailwind_variants.ClassValue;
|
|
252
252
|
control_focused?: tailwind_variants.ClassValue;
|