@fuf-stack/uniform 0.16.8 → 0.16.10
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.js +1 -1
- package/dist/Form/index.cjs +2 -2
- package/dist/Form/index.js +1 -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-CCTMABK2.js → chunk-3HFF7ZAK.js} +4 -3
- package/dist/{chunk-CCTMABK2.js.map → chunk-3HFF7ZAK.js.map} +1 -1
- package/dist/{chunk-TA4JEORC.cjs → chunk-HCWKJ7D7.cjs} +2 -1
- package/dist/chunk-HCWKJ7D7.cjs.map +1 -0
- package/dist/{chunk-P6SZXKR2.js → chunk-Q2VW52VP.js} +2 -1
- package/dist/chunk-Q2VW52VP.js.map +1 -0
- package/dist/{chunk-36LPVTTA.cjs → chunk-RMFLMX75.cjs} +4 -3
- package/dist/chunk-RMFLMX75.cjs.map +1 -0
- package/dist/index.cjs +3 -3
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/package.json +14 -14
- package/dist/chunk-36LPVTTA.cjs.map +0 -1
- package/dist/chunk-P6SZXKR2.js.map +0 -1
- package/dist/chunk-TA4JEORC.cjs.map +0 -1
- package/dist/{CheckboxGroup-fAdey3Td.d.cts → CheckboxGroup-Vb8_kKyX.d.cts} +5 -5
- package/dist/{CheckboxGroup-fAdey3Td.d.ts → CheckboxGroup-Vb8_kKyX.d.ts} +5 -5
- package/dist/{RadioGroup-KKVScWw6.d.cts → RadioGroup-Kmz3UY4g.d.cts} +10 -10
- package/dist/{RadioGroup-KKVScWw6.d.ts → RadioGroup-Kmz3UY4g.d.ts} +10 -10
- package/dist/{Select-JRwrSDew.d.cts → Select-D2Tn4xBh.d.cts} +15 -15
- package/dist/{Select-JRwrSDew.d.ts → Select-D2Tn4xBh.d.ts} +15 -15
- package/dist/{Switch-CLs964dL.d.cts → Switch-C1H8Kyu7.d.cts} +5 -5
- package/dist/{Switch-CLs964dL.d.ts → Switch-C1H8Kyu7.d.ts} +5 -5
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FieldArray/FieldArray.tsx","../src/FieldArray/subcomponents/FieldArrayElement.tsx","../src/FieldArray/subcomponents/ElementInsertAfterButton.tsx","../src/FieldArray/subcomponents/ElementRemoveButton.tsx","../src/FieldArray/subcomponents/SortDragHandle.tsx","../src/FieldArray/subcomponents/SortContext.tsx","../src/FieldArray/index.ts"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport type { FieldArrayElementMethods } from './subcomponents/FieldArrayElement';\nimport type { FieldArrayProps } from './types';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { toNullishString } from '../helpers';\nimport { useFieldArray, useFormContext, useInput } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayElement from './subcomponents/FieldArrayElement';\nimport SortContext from './subcomponents/SortContext';\n\nexport const fieldArrayVariants = tv({\n slots: {\n appendButton: 'w-full',\n elementWrapper: 'flex-grow',\n insertAfterButton: 'text-xs font-medium',\n label: '!pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block',\n list: 'm-0 w-full list-none',\n listItem: 'mb-4 flex w-full flex-row items-center',\n removeButton: 'ml-1',\n sortDragHandle: 'mr-2 text-base text-xl',\n },\n});\n\n/**\n * FieldArray component based in [RHF useFieldArray](https://react-hook-form.com/docs/usefieldarray)\n */\nconst FieldArray = ({\n appendButtonText = 'Add Element',\n children,\n className: _className = undefined,\n duplicate = false,\n elementInitialValue: _elementInitialValue = null,\n insertAfter = false,\n label: _label = undefined,\n lastElementNotRemovable = false,\n name,\n sortable = false,\n testId: _testId = undefined,\n}: FieldArrayProps) => {\n // className from slots\n const variants = fieldArrayVariants();\n const className = variantsToClassNames(variants, _className, 'list');\n\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 // 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 // TODO: add info\n const elementInitialValue = toNullishString(_elementInitialValue);\n\n // When lastElementNotRemovable is set and the field array is empty,\n // add an initial element to ensure there's always at least one visible element\n if (lastElementNotRemovable && fields.length === 0) {\n append(elementInitialValue);\n }\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <SortContext sortable={sortable} move={move} fields={fields}>\n <ul\n className={className.list}\n data-testid={testId}\n /**\n * TODO: this trigger causes the field array (not element)\n * are shown immediately, but this will cause additional\n * render cycles, not sure if we should do this...\n */\n onBlur={() => trigger(`${name}`)}\n >\n {/* field array label */}\n {showLabel && (\n <>\n {label && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label\n {...getLabelProps()}\n className={cn(getLabelProps()?.className, className.label)}\n >\n {label}\n </label>\n )}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n </>\n )}\n\n {fields.map((field, index) => {\n const elementName = `${name}.${index}`;\n const elementTestId = `${testId}${index}`;\n\n // create methods for element\n const elementMethods: FieldArrayElementMethods = {\n append: () => append(elementInitialValue),\n duplicate: () => {\n const values = getValues(name);\n insert(index + 1, values[index]);\n },\n insert: () => insert(index + 1, elementInitialValue),\n remove: () => remove(index),\n };\n\n return (\n <FieldArrayElement\n arrayFieldName={name}\n className={className}\n fields={fields}\n id={field.id}\n index={index}\n duplicate={duplicate}\n insertAfter={insertAfter}\n key={field.id}\n lastNotDeletable={lastElementNotRemovable}\n methods={elementMethods}\n sortable={sortable}\n testId={elementTestId}\n >\n {children({\n index,\n length: fields.length,\n methods: elementMethods,\n name: elementName,\n testId: elementTestId,\n })}\n </FieldArrayElement>\n );\n })}\n\n {/* append elements */}\n <Button\n className={className.appendButton}\n onClick={() => append(elementInitialValue)}\n size=\"sm\"\n testId={`${testId}_append_button`}\n >\n {appendButtonText}\n </Button>\n\n {/* top level field array errors */}\n {/* @ts-expect-error rhf incompatibility */}\n {error?._errors && (\n <div {...getHelperWrapperProps()}>\n <div {...getErrorMessageProps()}>\n {/* @ts-expect-error rhf incompatibility */}\n <FieldValidationError error={error?._errors} />\n </div>\n </div>\n )}\n </ul>\n </SortContext>\n );\n};\n\nexport default FieldArray;\n","/* eslint-disable react/jsx-props-no-spreading */\n\nimport type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { FieldArrayFeatures } from '../types';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext, useInput } from '../../hooks';\nimport { FieldValidationError } from '../../partials/FieldValidationError';\nimport ElementInsertAfterButton from './ElementInsertAfterButton';\nimport ElementRemoveButton from './ElementRemoveButton';\nimport SortDragHandle from './SortDragHandle';\n\nexport type FieldArrayElementMethods = {\n /** Add new element at end */\n append: () => void;\n /** Clone current element */\n duplicate: () => void;\n /** Add new element after current */\n insert: () => void;\n /** Remove current element */\n remove: () => void;\n};\n\ninterface FieldArrayElementProps extends FieldArrayFeatures {\n /** Base field name for form context */\n arrayFieldName: string;\n /** Form elements to render inside array element */\n children: React.ReactNode;\n /** CSS class names for component parts */\n className: {\n /** Class of wrapper div inside the li that wraps the rendered element fields directly */\n elementWrapper?: ClassValue;\n /** Class for the li */\n listItem?: ClassValue;\n /** Class for the insert button between elements */\n insertAfterButton?: ClassValue;\n /** Class for the remove element button */\n removeButton?: ClassValue;\n /** Class for the drag handle when sorting enabled */\n sortDragHandle?: ClassValue;\n };\n /** All fields in the form array */\n fields: Record<'id', string>[];\n /** Unique identifier for drag/drop */\n id: string | number;\n /** Field index in array */\n index: number;\n /** Prevent deletion of last remaining element */\n lastNotDeletable?: boolean;\n /** Field array operation methods */\n methods: FieldArrayElementMethods;\n /** HTML data-testid of the element */\n testId?: string;\n}\n\n/**\n * Form array element component using react-hook-form with drag-drop sorting\n * and validation capabilities\n */\nconst FieldArrayElement = ({\n arrayFieldName,\n children,\n className,\n fields,\n id,\n index,\n insertAfter = false,\n lastNotDeletable = true,\n methods,\n sortable = false,\n testId = undefined,\n}: FieldArrayElementProps) => {\n const { getFieldState } = useFormContext();\n const { error, invalid } = getFieldState(arrayFieldName, undefined);\n\n // TODO: what about input props? and label props? Do we need a label?\n const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n classNames: { helperWrapper: 'block' },\n errorMessage: JSON.stringify(error),\n isInvalid: invalid,\n labelPlacement: 'inside',\n placeholder: ' ',\n });\n\n // Apply transform styles when sortable is enabled for smooth drag animations\n // transform: handles the item's position during drag\n // transition: controls the animation timing when dropping\n const { setNodeRef, transform, transition } = useSortable({ id });\n const sortingStyle = sortable\n ? {\n transform: CSS.Translate.toString(transform),\n transition,\n }\n : undefined;\n\n return (\n <>\n <li\n className={cn(className.listItem)}\n ref={setNodeRef}\n style={sortingStyle}\n >\n {/** sorting drag handle */}\n {sortable && (\n <SortDragHandle\n className={className.sortDragHandle}\n id={id}\n testId={`${testId}_sort_drag_handle`}\n />\n )}\n\n {/** render element fields */}\n <div\n className={cn(className.elementWrapper)}\n data-testid={`${testId}_element_wrapper`}\n >\n {children}\n </div>\n\n {/** remove element */}\n {lastNotDeletable && fields.length === 1 ? null : (\n <ElementRemoveButton\n className={className.removeButton}\n onClick={() => methods.remove()}\n testId={`${testId}_remove_button`}\n />\n )}\n\n {/** insertAfter feature when not last element */}\n {insertAfter && index !== fields.length - 1 && (\n <ElementInsertAfterButton\n className={className.insertAfterButton}\n onClick={() => methods.insert()}\n testId={`${testId}_insert_after_button`}\n />\n )}\n </li>\n\n {/** element error */}\n {error && typeof error[index] !== 'undefined' && (\n <div {...getHelperWrapperProps()}>\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};\n\nexport default FieldArrayElement;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaPlus } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementInsertAfterButtonProps {\n /** CSS class name */\n className?: ClassValue;\n /** click handler */\n onClick: () => void;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\nconst ElementInsertAfterButton = ({\n className = undefined,\n onClick,\n testId = undefined,\n}: ElementInsertAfterButtonProps) => {\n return (\n <Button\n className={cn(className)}\n color=\"success\"\n icon={<FaPlus />}\n onClick={onClick}\n size=\"sm\"\n testId={testId}\n variant=\"light\"\n />\n );\n};\n\nexport default ElementInsertAfterButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaTimes } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementRemoveButtonProps {\n /** CSS class name */\n className?: ClassValue;\n /** click handler */\n onClick: () => void;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\nconst ElementRemoveButton = ({\n className = undefined,\n onClick,\n testId = undefined,\n}: ElementRemoveButtonProps) => {\n return (\n <Button\n ariaLabel=\"remove element\"\n className={cn(className)}\n color=\"danger\"\n icon={<FaTimes />}\n onClick={onClick}\n testId={testId}\n variant=\"light\"\n />\n );\n};\n\nexport default ElementRemoveButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaGripVertical } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface SortDragHandleProps {\n /** Optional CSS class name */\n className?: ClassValue;\n /** Unique identifier for sortable item */\n id: string | number;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Drag handle component that integrates with dnd-kit sortable functionality.\n * Renders a vertical grip icon that can be used to reorder items.\n */\nconst SortDragHandle = ({\n className = undefined,\n id,\n testId = undefined,\n}: SortDragHandleProps) => {\n // Get dnd-kit sortable attributes and listeners\n const { attributes, listeners } = useSortable({ id });\n\n return (\n <div\n className={cn(className)}\n data-testid={testId}\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 <FaGripVertical />\n </div>\n );\n};\n\nexport default SortDragHandle;\n","/* eslint-disable react/jsx-props-no-spreading */\n\nimport type { DragEndEvent } from '@dnd-kit/core';\nimport type { ReactNode } from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\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';\n\ninterface SortContextProps {\n /** child components */\n children: ReactNode;\n /** enable/disable sorting functionality */\n sortable: boolean;\n /** Array of objects containing unique IDs for sortable items */\n fields: Record<'id', string>[];\n /** react-hook-form's move function to update field array indices */\n move: UseFieldArrayMove;\n}\n\n/**\n * A wrapper component that provides drag-and-drop sorting functionality for field arrays\n * using dnd-kit and react-hook-form.\n *\n * This component integrates with react-hook-form's field arrays to enable vertical\n * drag-and-drop reordering of form fields. It supports both pointer (mouse/touch)\n * and keyboard interactions for accessibility.\n */\nconst SortContext = ({\n children,\n sortable,\n fields,\n move,\n}: SortContextProps) => {\n // Initialize sensors for both pointer (mouse/touch) and keyboard interactions\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor),\n );\n\n // Early return if sorting is disabled\n if (!sortable) {\n return children;\n }\n\n /**\n * Handles the end of a drag operation by updating field positions\n * @param event - The drag end event containing active and over elements\n */\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event;\n\n // Only move if dropping over a different item\n if (active.id !== over?.id) {\n // Find the indices of the dragged item and drop target\n const oldIndex = fields.findIndex((field) => field.id === active.id);\n const newIndex = fields.findIndex((field) => field.id === over?.id);\n // Update the field array order using react-hook-form's move function\n move(oldIndex, newIndex);\n }\n };\n\n return (\n <DndContext\n collisionDetection={closestCenter}\n modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n onDragEnd={handleDragEnd}\n sensors={sensors}\n >\n <SortableContext\n items={fields.map((field) => field.id)}\n strategy={verticalListSortingStrategy}\n >\n {children}\n </SortableContext>\n </DndContext>\n );\n};\n\nexport default SortContext;\n","import FieldArray from './FieldArray';\n\nexport type * from './types';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"],"mappings":"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","names":["cn","Button","useSortable","cn","cn","Button","jsx","cn","jsx","cn","jsx","useSortable","cn","jsx","Fragment","jsx","jsxs","cn","Button","FieldArray_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-TA4JEORC.cjs","../src/FieldArray/FieldArray.tsx","../src/FieldArray/subcomponents/FieldArrayElement.tsx","../src/FieldArray/subcomponents/ElementInsertAfterButton.tsx","../src/FieldArray/subcomponents/ElementRemoveButton.tsx","../src/FieldArray/subcomponents/SortDragHandle.tsx","../src/FieldArray/subcomponents/SortContext.tsx","../src/FieldArray/index.ts"],"names":["jsx","Button","cn","useSortable","Fragment","FieldArray_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-TA4JEORC.cjs","sourcesContent":[null,"/* eslint-disable react/jsx-props-no-spreading */\n\nimport type { FieldArrayElementMethods } from './subcomponents/FieldArrayElement';\nimport type { FieldArrayProps } from './types';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { toNullishString } from '../helpers';\nimport { useFieldArray, useFormContext, useInput } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayElement from './subcomponents/FieldArrayElement';\nimport SortContext from './subcomponents/SortContext';\n\nexport const fieldArrayVariants = tv({\n slots: {\n appendButton: 'w-full',\n elementWrapper: 'flex-grow',\n insertAfterButton: 'text-xs font-medium',\n label: '!pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block',\n list: 'm-0 w-full list-none',\n listItem: 'mb-4 flex w-full flex-row items-center',\n removeButton: 'ml-1',\n sortDragHandle: 'mr-2 text-base text-xl',\n },\n});\n\n/**\n * FieldArray component based in [RHF useFieldArray](https://react-hook-form.com/docs/usefieldarray)\n */\nconst FieldArray = ({\n appendButtonText = 'Add Element',\n children,\n className: _className = undefined,\n duplicate = false,\n elementInitialValue: _elementInitialValue = null,\n insertAfter = false,\n label: _label = undefined,\n lastElementNotRemovable = false,\n name,\n sortable = false,\n testId: _testId = undefined,\n}: FieldArrayProps) => {\n // className from slots\n const variants = fieldArrayVariants();\n const className = variantsToClassNames(variants, _className, 'list');\n\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 // 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 // TODO: add info\n const elementInitialValue = toNullishString(_elementInitialValue);\n\n // When lastElementNotRemovable is set and the field array is empty,\n // add an initial element to ensure there's always at least one visible element\n if (lastElementNotRemovable && fields.length === 0) {\n append(elementInitialValue);\n }\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <SortContext sortable={sortable} move={move} fields={fields}>\n <ul\n className={className.list}\n data-testid={testId}\n /**\n * TODO: this trigger causes the field array (not element)\n * are shown immediately, but this will cause additional\n * render cycles, not sure if we should do this...\n */\n onBlur={() => trigger(`${name}`)}\n >\n {/* field array label */}\n {showLabel && (\n <>\n {label && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label\n {...getLabelProps()}\n className={cn(getLabelProps()?.className, className.label)}\n >\n {label}\n </label>\n )}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n </>\n )}\n\n {fields.map((field, index) => {\n const elementName = `${name}.${index}`;\n const elementTestId = `${testId}${index}`;\n\n // create methods for element\n const elementMethods: FieldArrayElementMethods = {\n append: () => append(elementInitialValue),\n duplicate: () => {\n const values = getValues(name);\n insert(index + 1, values[index]);\n },\n insert: () => insert(index + 1, elementInitialValue),\n remove: () => remove(index),\n };\n\n return (\n <FieldArrayElement\n arrayFieldName={name}\n className={className}\n fields={fields}\n id={field.id}\n index={index}\n duplicate={duplicate}\n insertAfter={insertAfter}\n key={field.id}\n lastNotDeletable={lastElementNotRemovable}\n methods={elementMethods}\n sortable={sortable}\n testId={elementTestId}\n >\n {children({\n index,\n length: fields.length,\n methods: elementMethods,\n name: elementName,\n testId: elementTestId,\n })}\n </FieldArrayElement>\n );\n })}\n\n {/* append elements */}\n <Button\n className={className.appendButton}\n onClick={() => append(elementInitialValue)}\n size=\"sm\"\n testId={`${testId}_append_button`}\n >\n {appendButtonText}\n </Button>\n\n {/* top level field array errors */}\n {/* @ts-expect-error rhf incompatibility */}\n {error?._errors && (\n <div {...getHelperWrapperProps()}>\n <div {...getErrorMessageProps()}>\n {/* @ts-expect-error rhf incompatibility */}\n <FieldValidationError error={error?._errors} />\n </div>\n </div>\n )}\n </ul>\n </SortContext>\n );\n};\n\nexport default FieldArray;\n","/* eslint-disable react/jsx-props-no-spreading */\n\nimport type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { FieldArrayFeatures } from '../types';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext, useInput } from '../../hooks';\nimport { FieldValidationError } from '../../partials/FieldValidationError';\nimport ElementInsertAfterButton from './ElementInsertAfterButton';\nimport ElementRemoveButton from './ElementRemoveButton';\nimport SortDragHandle from './SortDragHandle';\n\nexport type FieldArrayElementMethods = {\n /** Add new element at end */\n append: () => void;\n /** Clone current element */\n duplicate: () => void;\n /** Add new element after current */\n insert: () => void;\n /** Remove current element */\n remove: () => void;\n};\n\ninterface FieldArrayElementProps extends FieldArrayFeatures {\n /** Base field name for form context */\n arrayFieldName: string;\n /** Form elements to render inside array element */\n children: React.ReactNode;\n /** CSS class names for component parts */\n className: {\n /** Class of wrapper div inside the li that wraps the rendered element fields directly */\n elementWrapper?: ClassValue;\n /** Class for the li */\n listItem?: ClassValue;\n /** Class for the insert button between elements */\n insertAfterButton?: ClassValue;\n /** Class for the remove element button */\n removeButton?: ClassValue;\n /** Class for the drag handle when sorting enabled */\n sortDragHandle?: ClassValue;\n };\n /** All fields in the form array */\n fields: Record<'id', string>[];\n /** Unique identifier for drag/drop */\n id: string | number;\n /** Field index in array */\n index: number;\n /** Prevent deletion of last remaining element */\n lastNotDeletable?: boolean;\n /** Field array operation methods */\n methods: FieldArrayElementMethods;\n /** HTML data-testid of the element */\n testId?: string;\n}\n\n/**\n * Form array element component using react-hook-form with drag-drop sorting\n * and validation capabilities\n */\nconst FieldArrayElement = ({\n arrayFieldName,\n children,\n className,\n fields,\n id,\n index,\n insertAfter = false,\n lastNotDeletable = true,\n methods,\n sortable = false,\n testId = undefined,\n}: FieldArrayElementProps) => {\n const { getFieldState } = useFormContext();\n const { error, invalid } = getFieldState(arrayFieldName, undefined);\n\n // TODO: what about input props? and label props? Do we need a label?\n const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n classNames: { helperWrapper: 'block' },\n errorMessage: JSON.stringify(error),\n isInvalid: invalid,\n labelPlacement: 'inside',\n placeholder: ' ',\n });\n\n // Apply transform styles when sortable is enabled for smooth drag animations\n // transform: handles the item's position during drag\n // transition: controls the animation timing when dropping\n const { setNodeRef, transform, transition } = useSortable({ id });\n const sortingStyle = sortable\n ? {\n transform: CSS.Translate.toString(transform),\n transition,\n }\n : undefined;\n\n return (\n <>\n <li\n className={cn(className.listItem)}\n ref={setNodeRef}\n style={sortingStyle}\n >\n {/** sorting drag handle */}\n {sortable && (\n <SortDragHandle\n className={className.sortDragHandle}\n id={id}\n testId={`${testId}_sort_drag_handle`}\n />\n )}\n\n {/** render element fields */}\n <div\n className={cn(className.elementWrapper)}\n data-testid={`${testId}_element_wrapper`}\n >\n {children}\n </div>\n\n {/** remove element */}\n {lastNotDeletable && fields.length === 1 ? null : (\n <ElementRemoveButton\n className={className.removeButton}\n onClick={() => methods.remove()}\n testId={`${testId}_remove_button`}\n />\n )}\n\n {/** insertAfter feature when not last element */}\n {insertAfter && index !== fields.length - 1 && (\n <ElementInsertAfterButton\n className={className.insertAfterButton}\n onClick={() => methods.insert()}\n testId={`${testId}_insert_after_button`}\n />\n )}\n </li>\n\n {/** element error */}\n {error && typeof error[index] !== 'undefined' && (\n <div {...getHelperWrapperProps()}>\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};\n\nexport default FieldArrayElement;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaPlus } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementInsertAfterButtonProps {\n /** CSS class name */\n className?: ClassValue;\n /** click handler */\n onClick: () => void;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\nconst ElementInsertAfterButton = ({\n className = undefined,\n onClick,\n testId = undefined,\n}: ElementInsertAfterButtonProps) => {\n return (\n <Button\n className={cn(className)}\n color=\"success\"\n icon={<FaPlus />}\n onClick={onClick}\n size=\"sm\"\n testId={testId}\n variant=\"light\"\n />\n );\n};\n\nexport default ElementInsertAfterButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaTimes } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementRemoveButtonProps {\n /** CSS class name */\n className?: ClassValue;\n /** click handler */\n onClick: () => void;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\nconst ElementRemoveButton = ({\n className = undefined,\n onClick,\n testId = undefined,\n}: ElementRemoveButtonProps) => {\n return (\n <Button\n ariaLabel=\"remove element\"\n className={cn(className)}\n color=\"danger\"\n icon={<FaTimes />}\n onClick={onClick}\n testId={testId}\n variant=\"light\"\n />\n );\n};\n\nexport default ElementRemoveButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaGripVertical } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface SortDragHandleProps {\n /** Optional CSS class name */\n className?: ClassValue;\n /** Unique identifier for sortable item */\n id: string | number;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * Drag handle component that integrates with dnd-kit sortable functionality.\n * Renders a vertical grip icon that can be used to reorder items.\n */\nconst SortDragHandle = ({\n className = undefined,\n id,\n testId = undefined,\n}: SortDragHandleProps) => {\n // Get dnd-kit sortable attributes and listeners\n const { attributes, listeners } = useSortable({ id });\n\n return (\n <div\n className={cn(className)}\n data-testid={testId}\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 <FaGripVertical />\n </div>\n );\n};\n\nexport default SortDragHandle;\n","/* eslint-disable react/jsx-props-no-spreading */\n\nimport type { DragEndEvent } from '@dnd-kit/core';\nimport type { ReactNode } from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\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';\n\ninterface SortContextProps {\n /** child components */\n children: ReactNode;\n /** enable/disable sorting functionality */\n sortable: boolean;\n /** Array of objects containing unique IDs for sortable items */\n fields: Record<'id', string>[];\n /** react-hook-form's move function to update field array indices */\n move: UseFieldArrayMove;\n}\n\n/**\n * A wrapper component that provides drag-and-drop sorting functionality for field arrays\n * using dnd-kit and react-hook-form.\n *\n * This component integrates with react-hook-form's field arrays to enable vertical\n * drag-and-drop reordering of form fields. It supports both pointer (mouse/touch)\n * and keyboard interactions for accessibility.\n */\nconst SortContext = ({\n children,\n sortable,\n fields,\n move,\n}: SortContextProps) => {\n // Initialize sensors for both pointer (mouse/touch) and keyboard interactions\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor),\n );\n\n // Early return if sorting is disabled\n if (!sortable) {\n return children;\n }\n\n /**\n * Handles the end of a drag operation by updating field positions\n * @param event - The drag end event containing active and over elements\n */\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event;\n\n // Only move if dropping over a different item\n if (active.id !== over?.id) {\n // Find the indices of the dragged item and drop target\n const oldIndex = fields.findIndex((field) => field.id === active.id);\n const newIndex = fields.findIndex((field) => field.id === over?.id);\n // Update the field array order using react-hook-form's move function\n move(oldIndex, newIndex);\n }\n };\n\n return (\n <DndContext\n collisionDetection={closestCenter}\n modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n onDragEnd={handleDragEnd}\n sensors={sensors}\n >\n <SortableContext\n items={fields.map((field) => field.id)}\n strategy={verticalListSortingStrategy}\n >\n {children}\n </SortableContext>\n </DndContext>\n );\n};\n\nexport default SortContext;\n","import FieldArray from './FieldArray';\n\nexport type * from './types';\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;
|
|
11
10
|
errorMessage?: tailwind_variants.ClassValue;
|
|
12
11
|
itemBase?: tailwind_variants.ClassValue;
|
|
13
12
|
itemIcon?: tailwind_variants.ClassValue;
|
|
14
13
|
itemLabel?: tailwind_variants.ClassValue;
|
|
15
14
|
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;
|
|
24
23
|
errorMessage?: tailwind_variants.ClassValue;
|
|
25
24
|
itemBase?: tailwind_variants.ClassValue;
|
|
26
25
|
itemIcon?: tailwind_variants.ClassValue;
|
|
27
26
|
itemLabel?: tailwind_variants.ClassValue;
|
|
28
27
|
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;
|
|
46
45
|
errorMessage?: tailwind_variants.ClassValue;
|
|
47
46
|
itemBase?: tailwind_variants.ClassValue;
|
|
48
47
|
itemIcon?: tailwind_variants.ClassValue;
|
|
49
48
|
itemLabel?: tailwind_variants.ClassValue;
|
|
50
49
|
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;
|
|
59
58
|
errorMessage?: tailwind_variants.ClassValue;
|
|
60
59
|
itemBase?: tailwind_variants.ClassValue;
|
|
61
60
|
itemIcon?: tailwind_variants.ClassValue;
|
|
62
61
|
itemLabel?: tailwind_variants.ClassValue;
|
|
63
62
|
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;
|
|
90
89
|
errorMessage?: tailwind_variants.ClassValue;
|
|
91
90
|
itemBase?: tailwind_variants.ClassValue;
|
|
92
91
|
itemIcon?: tailwind_variants.ClassValue;
|
|
93
92
|
itemLabel?: tailwind_variants.ClassValue;
|
|
94
93
|
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;
|
|
11
10
|
errorMessage?: tailwind_variants.ClassValue;
|
|
12
11
|
itemBase?: tailwind_variants.ClassValue;
|
|
13
12
|
itemIcon?: tailwind_variants.ClassValue;
|
|
14
13
|
itemLabel?: tailwind_variants.ClassValue;
|
|
15
14
|
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;
|
|
24
23
|
errorMessage?: tailwind_variants.ClassValue;
|
|
25
24
|
itemBase?: tailwind_variants.ClassValue;
|
|
26
25
|
itemIcon?: tailwind_variants.ClassValue;
|
|
27
26
|
itemLabel?: tailwind_variants.ClassValue;
|
|
28
27
|
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;
|
|
46
45
|
errorMessage?: tailwind_variants.ClassValue;
|
|
47
46
|
itemBase?: tailwind_variants.ClassValue;
|
|
48
47
|
itemIcon?: tailwind_variants.ClassValue;
|
|
49
48
|
itemLabel?: tailwind_variants.ClassValue;
|
|
50
49
|
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;
|
|
59
58
|
errorMessage?: tailwind_variants.ClassValue;
|
|
60
59
|
itemBase?: tailwind_variants.ClassValue;
|
|
61
60
|
itemIcon?: tailwind_variants.ClassValue;
|
|
62
61
|
itemLabel?: tailwind_variants.ClassValue;
|
|
63
62
|
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;
|
|
90
89
|
errorMessage?: tailwind_variants.ClassValue;
|
|
91
90
|
itemBase?: tailwind_variants.ClassValue;
|
|
92
91
|
itemIcon?: tailwind_variants.ClassValue;
|
|
93
92
|
itemLabel?: tailwind_variants.ClassValue;
|
|
94
93
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
+
label?: tailwind_variants.ClassValue;
|
|
95
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
96
|
};
|
|
97
97
|
};
|
|
@@ -8,12 +8,12 @@ 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;
|
|
12
|
-
tab?: tailwind_variants.ClassValue;
|
|
13
11
|
itemBase?: tailwind_variants.ClassValue;
|
|
14
12
|
itemLabel?: tailwind_variants.ClassValue;
|
|
15
13
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
+
label?: tailwind_variants.ClassValue;
|
|
16
15
|
wrapper?: tailwind_variants.ClassValue;
|
|
16
|
+
tab?: tailwind_variants.ClassValue;
|
|
17
17
|
cursor?: tailwind_variants.ClassValue;
|
|
18
18
|
panel?: tailwind_variants.ClassValue;
|
|
19
19
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -29,12 +29,12 @@ 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;
|
|
33
|
-
tab?: tailwind_variants.ClassValue;
|
|
34
32
|
itemBase?: tailwind_variants.ClassValue;
|
|
35
33
|
itemLabel?: tailwind_variants.ClassValue;
|
|
36
34
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
35
|
+
label?: tailwind_variants.ClassValue;
|
|
37
36
|
wrapper?: tailwind_variants.ClassValue;
|
|
37
|
+
tab?: tailwind_variants.ClassValue;
|
|
38
38
|
cursor?: tailwind_variants.ClassValue;
|
|
39
39
|
panel?: tailwind_variants.ClassValue;
|
|
40
40
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -67,12 +67,12 @@ 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;
|
|
71
|
-
tab?: tailwind_variants.ClassValue;
|
|
72
70
|
itemBase?: tailwind_variants.ClassValue;
|
|
73
71
|
itemLabel?: tailwind_variants.ClassValue;
|
|
74
72
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
73
|
+
label?: tailwind_variants.ClassValue;
|
|
75
74
|
wrapper?: tailwind_variants.ClassValue;
|
|
75
|
+
tab?: tailwind_variants.ClassValue;
|
|
76
76
|
cursor?: tailwind_variants.ClassValue;
|
|
77
77
|
panel?: tailwind_variants.ClassValue;
|
|
78
78
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -88,12 +88,12 @@ 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;
|
|
92
|
-
tab?: tailwind_variants.ClassValue;
|
|
93
91
|
itemBase?: tailwind_variants.ClassValue;
|
|
94
92
|
itemLabel?: tailwind_variants.ClassValue;
|
|
95
93
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
+
label?: tailwind_variants.ClassValue;
|
|
96
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
|
+
tab?: tailwind_variants.ClassValue;
|
|
97
97
|
cursor?: tailwind_variants.ClassValue;
|
|
98
98
|
panel?: tailwind_variants.ClassValue;
|
|
99
99
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -143,12 +143,12 @@ 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;
|
|
147
|
-
tab?: tailwind_variants.ClassValue;
|
|
148
146
|
itemBase?: tailwind_variants.ClassValue;
|
|
149
147
|
itemLabel?: tailwind_variants.ClassValue;
|
|
150
148
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
149
|
+
label?: tailwind_variants.ClassValue;
|
|
151
150
|
wrapper?: tailwind_variants.ClassValue;
|
|
151
|
+
tab?: tailwind_variants.ClassValue;
|
|
152
152
|
cursor?: tailwind_variants.ClassValue;
|
|
153
153
|
panel?: tailwind_variants.ClassValue;
|
|
154
154
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -8,12 +8,12 @@ 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;
|
|
12
|
-
tab?: tailwind_variants.ClassValue;
|
|
13
11
|
itemBase?: tailwind_variants.ClassValue;
|
|
14
12
|
itemLabel?: tailwind_variants.ClassValue;
|
|
15
13
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
14
|
+
label?: tailwind_variants.ClassValue;
|
|
16
15
|
wrapper?: tailwind_variants.ClassValue;
|
|
16
|
+
tab?: tailwind_variants.ClassValue;
|
|
17
17
|
cursor?: tailwind_variants.ClassValue;
|
|
18
18
|
panel?: tailwind_variants.ClassValue;
|
|
19
19
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -29,12 +29,12 @@ 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;
|
|
33
|
-
tab?: tailwind_variants.ClassValue;
|
|
34
32
|
itemBase?: tailwind_variants.ClassValue;
|
|
35
33
|
itemLabel?: tailwind_variants.ClassValue;
|
|
36
34
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
35
|
+
label?: tailwind_variants.ClassValue;
|
|
37
36
|
wrapper?: tailwind_variants.ClassValue;
|
|
37
|
+
tab?: tailwind_variants.ClassValue;
|
|
38
38
|
cursor?: tailwind_variants.ClassValue;
|
|
39
39
|
panel?: tailwind_variants.ClassValue;
|
|
40
40
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -67,12 +67,12 @@ 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;
|
|
71
|
-
tab?: tailwind_variants.ClassValue;
|
|
72
70
|
itemBase?: tailwind_variants.ClassValue;
|
|
73
71
|
itemLabel?: tailwind_variants.ClassValue;
|
|
74
72
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
73
|
+
label?: tailwind_variants.ClassValue;
|
|
75
74
|
wrapper?: tailwind_variants.ClassValue;
|
|
75
|
+
tab?: tailwind_variants.ClassValue;
|
|
76
76
|
cursor?: tailwind_variants.ClassValue;
|
|
77
77
|
panel?: tailwind_variants.ClassValue;
|
|
78
78
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -88,12 +88,12 @@ 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;
|
|
92
|
-
tab?: tailwind_variants.ClassValue;
|
|
93
91
|
itemBase?: tailwind_variants.ClassValue;
|
|
94
92
|
itemLabel?: tailwind_variants.ClassValue;
|
|
95
93
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
94
|
+
label?: tailwind_variants.ClassValue;
|
|
96
95
|
wrapper?: tailwind_variants.ClassValue;
|
|
96
|
+
tab?: tailwind_variants.ClassValue;
|
|
97
97
|
cursor?: tailwind_variants.ClassValue;
|
|
98
98
|
panel?: tailwind_variants.ClassValue;
|
|
99
99
|
tabContent?: tailwind_variants.ClassValue;
|
|
@@ -143,12 +143,12 @@ 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;
|
|
147
|
-
tab?: tailwind_variants.ClassValue;
|
|
148
146
|
itemBase?: tailwind_variants.ClassValue;
|
|
149
147
|
itemLabel?: tailwind_variants.ClassValue;
|
|
150
148
|
itemWrapper?: tailwind_variants.ClassValue;
|
|
149
|
+
label?: tailwind_variants.ClassValue;
|
|
151
150
|
wrapper?: tailwind_variants.ClassValue;
|
|
151
|
+
tab?: tailwind_variants.ClassValue;
|
|
152
152
|
cursor?: tailwind_variants.ClassValue;
|
|
153
153
|
panel?: tailwind_variants.ClassValue;
|
|
154
154
|
tabContent?: 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
|
-
control?: tailwind_variants.ClassValue;
|
|
11
10
|
base?: tailwind_variants.ClassValue;
|
|
12
|
-
input?: tailwind_variants.ClassValue;
|
|
13
11
|
label?: tailwind_variants.ClassValue;
|
|
12
|
+
group?: tailwind_variants.ClassValue;
|
|
13
|
+
control?: tailwind_variants.ClassValue;
|
|
14
|
+
input?: tailwind_variants.ClassValue;
|
|
14
15
|
menu?: tailwind_variants.ClassValue;
|
|
15
16
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
46
45
|
base?: tailwind_variants.ClassValue;
|
|
47
|
-
input?: tailwind_variants.ClassValue;
|
|
48
46
|
label?: tailwind_variants.ClassValue;
|
|
47
|
+
group?: tailwind_variants.ClassValue;
|
|
48
|
+
control?: tailwind_variants.ClassValue;
|
|
49
|
+
input?: tailwind_variants.ClassValue;
|
|
49
50
|
menu?: tailwind_variants.ClassValue;
|
|
50
51
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
112
111
|
base?: tailwind_variants.ClassValue;
|
|
113
|
-
input?: tailwind_variants.ClassValue;
|
|
114
112
|
label?: tailwind_variants.ClassValue;
|
|
113
|
+
group?: tailwind_variants.ClassValue;
|
|
114
|
+
control?: tailwind_variants.ClassValue;
|
|
115
|
+
input?: tailwind_variants.ClassValue;
|
|
115
116
|
menu?: tailwind_variants.ClassValue;
|
|
116
117
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
147
146
|
base?: tailwind_variants.ClassValue;
|
|
148
|
-
input?: tailwind_variants.ClassValue;
|
|
149
147
|
label?: tailwind_variants.ClassValue;
|
|
148
|
+
group?: tailwind_variants.ClassValue;
|
|
149
|
+
control?: tailwind_variants.ClassValue;
|
|
150
|
+
input?: tailwind_variants.ClassValue;
|
|
150
151
|
menu?: tailwind_variants.ClassValue;
|
|
151
152
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
244
243
|
base?: tailwind_variants.ClassValue;
|
|
245
|
-
input?: tailwind_variants.ClassValue;
|
|
246
244
|
label?: tailwind_variants.ClassValue;
|
|
245
|
+
group?: tailwind_variants.ClassValue;
|
|
246
|
+
control?: tailwind_variants.ClassValue;
|
|
247
|
+
input?: tailwind_variants.ClassValue;
|
|
247
248
|
menu?: tailwind_variants.ClassValue;
|
|
248
249
|
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;
|
|
@@ -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
|
-
control?: tailwind_variants.ClassValue;
|
|
11
10
|
base?: tailwind_variants.ClassValue;
|
|
12
|
-
input?: tailwind_variants.ClassValue;
|
|
13
11
|
label?: tailwind_variants.ClassValue;
|
|
12
|
+
group?: tailwind_variants.ClassValue;
|
|
13
|
+
control?: tailwind_variants.ClassValue;
|
|
14
|
+
input?: tailwind_variants.ClassValue;
|
|
14
15
|
menu?: tailwind_variants.ClassValue;
|
|
15
16
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
46
45
|
base?: tailwind_variants.ClassValue;
|
|
47
|
-
input?: tailwind_variants.ClassValue;
|
|
48
46
|
label?: tailwind_variants.ClassValue;
|
|
47
|
+
group?: tailwind_variants.ClassValue;
|
|
48
|
+
control?: tailwind_variants.ClassValue;
|
|
49
|
+
input?: tailwind_variants.ClassValue;
|
|
49
50
|
menu?: tailwind_variants.ClassValue;
|
|
50
51
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
112
111
|
base?: tailwind_variants.ClassValue;
|
|
113
|
-
input?: tailwind_variants.ClassValue;
|
|
114
112
|
label?: tailwind_variants.ClassValue;
|
|
113
|
+
group?: tailwind_variants.ClassValue;
|
|
114
|
+
control?: tailwind_variants.ClassValue;
|
|
115
|
+
input?: tailwind_variants.ClassValue;
|
|
115
116
|
menu?: tailwind_variants.ClassValue;
|
|
116
117
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
147
146
|
base?: tailwind_variants.ClassValue;
|
|
148
|
-
input?: tailwind_variants.ClassValue;
|
|
149
147
|
label?: tailwind_variants.ClassValue;
|
|
148
|
+
group?: tailwind_variants.ClassValue;
|
|
149
|
+
control?: tailwind_variants.ClassValue;
|
|
150
|
+
input?: tailwind_variants.ClassValue;
|
|
150
151
|
menu?: tailwind_variants.ClassValue;
|
|
151
152
|
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
|
-
control?: tailwind_variants.ClassValue;
|
|
244
243
|
base?: tailwind_variants.ClassValue;
|
|
245
|
-
input?: tailwind_variants.ClassValue;
|
|
246
244
|
label?: tailwind_variants.ClassValue;
|
|
245
|
+
group?: tailwind_variants.ClassValue;
|
|
246
|
+
control?: tailwind_variants.ClassValue;
|
|
247
|
+
input?: tailwind_variants.ClassValue;
|
|
247
248
|
menu?: tailwind_variants.ClassValue;
|
|
248
249
|
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;
|
|
@@ -7,8 +7,8 @@ declare const switchVariants: 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;
|
|
11
10
|
errorMessage?: tailwind_variants.ClassValue;
|
|
11
|
+
label?: tailwind_variants.ClassValue;
|
|
12
12
|
wrapper?: tailwind_variants.ClassValue;
|
|
13
13
|
startContent?: tailwind_variants.ClassValue;
|
|
14
14
|
endContent?: tailwind_variants.ClassValue;
|
|
@@ -21,8 +21,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
|
|
|
21
21
|
[x: string]: {
|
|
22
22
|
[x: string]: tailwind_variants.ClassValue | {
|
|
23
23
|
base?: tailwind_variants.ClassValue;
|
|
24
|
-
label?: tailwind_variants.ClassValue;
|
|
25
24
|
errorMessage?: tailwind_variants.ClassValue;
|
|
25
|
+
label?: tailwind_variants.ClassValue;
|
|
26
26
|
wrapper?: tailwind_variants.ClassValue;
|
|
27
27
|
startContent?: tailwind_variants.ClassValue;
|
|
28
28
|
endContent?: tailwind_variants.ClassValue;
|
|
@@ -45,8 +45,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
|
|
|
45
45
|
[key: string]: {
|
|
46
46
|
[key: string]: tailwind_variants.ClassValue | {
|
|
47
47
|
base?: tailwind_variants.ClassValue;
|
|
48
|
-
label?: tailwind_variants.ClassValue;
|
|
49
48
|
errorMessage?: tailwind_variants.ClassValue;
|
|
49
|
+
label?: tailwind_variants.ClassValue;
|
|
50
50
|
wrapper?: tailwind_variants.ClassValue;
|
|
51
51
|
startContent?: tailwind_variants.ClassValue;
|
|
52
52
|
endContent?: tailwind_variants.ClassValue;
|
|
@@ -59,8 +59,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
|
|
|
59
59
|
[key: string]: {
|
|
60
60
|
[key: string]: tailwind_variants.ClassValue | {
|
|
61
61
|
base?: tailwind_variants.ClassValue;
|
|
62
|
-
label?: tailwind_variants.ClassValue;
|
|
63
62
|
errorMessage?: tailwind_variants.ClassValue;
|
|
63
|
+
label?: tailwind_variants.ClassValue;
|
|
64
64
|
wrapper?: tailwind_variants.ClassValue;
|
|
65
65
|
startContent?: tailwind_variants.ClassValue;
|
|
66
66
|
endContent?: tailwind_variants.ClassValue;
|
|
@@ -93,8 +93,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
|
|
|
93
93
|
[key: string]: {
|
|
94
94
|
[key: string]: tailwind_variants.ClassValue | {
|
|
95
95
|
base?: tailwind_variants.ClassValue;
|
|
96
|
-
label?: tailwind_variants.ClassValue;
|
|
97
96
|
errorMessage?: tailwind_variants.ClassValue;
|
|
97
|
+
label?: tailwind_variants.ClassValue;
|
|
98
98
|
wrapper?: tailwind_variants.ClassValue;
|
|
99
99
|
startContent?: tailwind_variants.ClassValue;
|
|
100
100
|
endContent?: tailwind_variants.ClassValue;
|