@fuf-stack/uniform 0.11.0 → 0.11.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.cjs.map +1 -1
- package/dist/CheckboxGroup/index.d.cts +2 -2
- package/dist/CheckboxGroup/index.d.ts +2 -2
- package/dist/Controller/index.cjs.map +1 -1
- package/dist/FieldArray/index.cjs.map +1 -1
- package/dist/Form/index.cjs +2 -2
- package/dist/Form/index.cjs.map +1 -1
- package/dist/Form/index.js +1 -1
- package/dist/Grid/index.cjs.map +1 -1
- package/dist/Input/index.cjs.map +1 -1
- package/dist/RadioGroup/index.cjs +2 -2
- package/dist/RadioGroup/index.cjs.map +1 -1
- package/dist/RadioGroup/index.d.cts +2 -2
- package/dist/RadioGroup/index.d.ts +2 -2
- package/dist/RadioGroup/index.js +1 -1
- package/dist/{RadioGroup-DcmL1H1w.d.cts → RadioGroup-DEwUwnRi.d.cts} +17 -17
- package/dist/{RadioGroup-DcmL1H1w.d.ts → RadioGroup-DEwUwnRi.d.ts} +17 -17
- package/dist/Select/index.cjs.map +1 -1
- package/dist/Select/index.d.cts +2 -2
- package/dist/Select/index.d.ts +2 -2
- package/dist/SubmitButton/index.cjs.map +1 -1
- package/dist/Switch/index.cjs.map +1 -1
- package/dist/Switch/index.d.cts +2 -2
- package/dist/Switch/index.d.ts +2 -2
- package/dist/TextArea/index.cjs.map +1 -1
- package/dist/chunk-4DP5IMTU.cjs.map +1 -1
- package/dist/chunk-6GN255GP.cjs.map +1 -1
- package/dist/chunk-BBB4FEY6.cjs.map +1 -1
- package/dist/chunk-BKX5WAKS.cjs.map +1 -1
- package/dist/chunk-D6NOYVFK.cjs.map +1 -1
- package/dist/{chunk-OYSI3IRJ.js → chunk-IK6UDQYZ.js} +2 -2
- package/dist/{chunk-OYSI3IRJ.js.map → chunk-IK6UDQYZ.js.map} +1 -1
- package/dist/chunk-JU5RT22Y.cjs.map +1 -1
- package/dist/chunk-MFFQUEAY.cjs.map +1 -1
- package/dist/chunk-OHJYXA6R.cjs.map +1 -1
- package/dist/chunk-QGEY2AVG.cjs.map +1 -1
- package/dist/chunk-SRAFHMB2.cjs.map +1 -1
- package/dist/{chunk-7RYAD5OS.cjs → chunk-TGB5Q7VB.cjs} +2 -2
- package/dist/chunk-TGB5Q7VB.cjs.map +1 -0
- package/dist/{chunk-ZBCEV3W6.cjs → chunk-TGWUBBKI.cjs} +1 -1
- package/dist/chunk-TGWUBBKI.cjs.map +1 -0
- package/dist/chunk-VQWKXSHW.cjs.map +1 -1
- package/dist/chunk-WPWPZNSG.cjs.map +1 -1
- package/dist/{chunk-2X4PRJ7K.js → chunk-WXFWWEJ3.js} +1 -1
- package/dist/chunk-WXFWWEJ3.js.map +1 -0
- package/dist/chunk-ZQ75EBWB.cjs.map +1 -1
- package/dist/helpers/index.cjs.map +1 -1
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.d.cts +2 -2
- package/dist/hooks/index.d.ts +2 -2
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/dist/partials/FieldCopyTestIdButton/index.cjs.map +1 -1
- package/dist/partials/FieldValidationError/index.cjs.map +1 -1
- package/package.json +11 -11
- package/dist/chunk-2X4PRJ7K.js.map +0 -1
- package/dist/chunk-7RYAD5OS.cjs.map +0 -1
- package/dist/chunk-ZBCEV3W6.cjs.map +0 -1
- package/dist/{CheckboxGroup-o-qWkWe1.d.cts → CheckboxGroup-DYxaS51b.d.cts} +5 -5
- package/dist/{CheckboxGroup-o-qWkWe1.d.ts → CheckboxGroup-DYxaS51b.d.ts} +5 -5
- package/dist/{Select-BhS4z0Pj.d.cts → Select-Da_AtPOX.d.cts} +15 -15
- package/dist/{Select-BhS4z0Pj.d.ts → Select-Da_AtPOX.d.ts} +15 -15
- package/dist/{Switch-Fdldj8LV.d.cts → Switch-Coq_VhBW.d.cts} +5 -5
- package/dist/{Switch-Fdldj8LV.d.ts → Switch-Coq_VhBW.d.ts} +5 -5
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
|
|
2
|
-
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-
|
|
2
|
+
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-DYxaS51b.cjs';
|
|
3
3
|
export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.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';
|
|
@@ -8,10 +8,10 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.cjs';
|
|
|
8
8
|
export { I as Input, a as InputProps } from './Input-B6dNQiiD.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-DEwUwnRi.cjs';
|
|
12
|
+
export { S as Select, a as SelectProps } from './Select-Da_AtPOX.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-Coq_VhBW.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,5 +1,5 @@
|
|
|
1
1
|
export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
|
|
2
|
-
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-
|
|
2
|
+
export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-DYxaS51b.js';
|
|
3
3
|
export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.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';
|
|
@@ -8,10 +8,10 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.js';
|
|
|
8
8
|
export { I as Input, a as InputProps } from './Input-B6dNQiiD.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-DEwUwnRi.js';
|
|
12
|
+
export { S as Select, a as SelectProps } from './Select-Da_AtPOX.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-Coq_VhBW.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
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
} from "./chunk-JFJSEJ4F.js";
|
|
19
19
|
import {
|
|
20
20
|
Form_default
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-IK6UDQYZ.js";
|
|
22
22
|
import {
|
|
23
23
|
Grid_default
|
|
24
24
|
} from "./chunk-PDCEKC3G.js";
|
|
@@ -27,7 +27,7 @@ import {
|
|
|
27
27
|
} from "./chunk-4F2PNEJZ.js";
|
|
28
28
|
import {
|
|
29
29
|
RadioGroup_default
|
|
30
|
-
} from "./chunk-
|
|
30
|
+
} from "./chunk-WXFWWEJ3.js";
|
|
31
31
|
import {
|
|
32
32
|
Controller
|
|
33
33
|
} from "./chunk-KOKIM2ND.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC;AACE;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldValidationError/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,iJAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/partials/FieldValidationError/index.cjs"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fuf-stack/uniform",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.1",
|
|
4
4
|
"description": "fuf react form library",
|
|
5
5
|
"author": "Hannes Tiede",
|
|
6
|
-
"homepage": "https://github.com/fuf-stack/
|
|
6
|
+
"homepage": "https://github.com/fuf-stack/pixels#readme",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"main": "./dist/index.cjs",
|
|
@@ -100,20 +100,20 @@
|
|
|
100
100
|
},
|
|
101
101
|
"repository": {
|
|
102
102
|
"type": "git",
|
|
103
|
-
"url": "git+https://github.com/fuf-stack/
|
|
103
|
+
"url": "git+https://github.com/fuf-stack/pixels.git",
|
|
104
104
|
"directory": "packages/uniform"
|
|
105
105
|
},
|
|
106
106
|
"bugs": {
|
|
107
|
-
"url": "https://github.com/fuf-stack/
|
|
107
|
+
"url": "https://github.com/fuf-stack/pixels/issues"
|
|
108
108
|
},
|
|
109
109
|
"peerDependencies": {
|
|
110
110
|
"react": ">=18",
|
|
111
111
|
"react-dom": ">=18"
|
|
112
112
|
},
|
|
113
113
|
"dependencies": {
|
|
114
|
-
"@dnd-kit/core": "6.
|
|
115
|
-
"@dnd-kit/modifiers": "
|
|
116
|
-
"@dnd-kit/sortable": "
|
|
114
|
+
"@dnd-kit/core": "6.2.0",
|
|
115
|
+
"@dnd-kit/modifiers": "8.0.0",
|
|
116
|
+
"@dnd-kit/sortable": "9.0.0",
|
|
117
117
|
"@dnd-kit/utilities": "3.2.2",
|
|
118
118
|
"@nextui-org/button": "2.0.38",
|
|
119
119
|
"@nextui-org/checkbox": "2.1.5",
|
|
@@ -130,8 +130,8 @@
|
|
|
130
130
|
"react-select": "5.8.3",
|
|
131
131
|
"slug": "9.1.0",
|
|
132
132
|
"@fuf-stack/pixel-utils": "0.4.0",
|
|
133
|
-
"@fuf-stack/
|
|
134
|
-
"@fuf-stack/
|
|
133
|
+
"@fuf-stack/pixels": "0.29.1",
|
|
134
|
+
"@fuf-stack/veto": "0.5.0"
|
|
135
135
|
},
|
|
136
136
|
"devDependencies": {
|
|
137
137
|
"@testing-library/react-hooks": "8.0.1",
|
|
@@ -143,8 +143,8 @@
|
|
|
143
143
|
"react-dom": "18.3.1",
|
|
144
144
|
"@repo/storybook-config": "0.0.1",
|
|
145
145
|
"@repo/tailwind-config": "0.0.1",
|
|
146
|
-
"@repo/
|
|
147
|
-
"@repo/
|
|
146
|
+
"@repo/tsup-config": "0.0.1",
|
|
147
|
+
"@repo/vite-config": "0.0.1"
|
|
148
148
|
},
|
|
149
149
|
"scripts": {
|
|
150
150
|
"build": "tsup --config node_modules/@repo/tsup-config/config.ts",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/Variants/RadioBox.tsx","../src/RadioGroup/Variants/RadioButton.tsx","../src/RadioGroup/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabOptions } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { ButtonGroup } from '@fuf-stack/pixels';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport { RadioBox } from './Variants/RadioBox';\nimport { RadioButton } from './Variants/RadioButton';\n\nexport const radioGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n buttonGroup:\n 'rounded-xl group-data-[invalid=true]:border group-data-[invalid=true]:border-danger', // optional if a button group is used\n itemBase: '',\n itemBaseActive: 'bg-opacity-50', // optional if a button group is used\n itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n itemDescription: '',\n itemLabel: 'text-sm',\n itemLabelWrapper: '',\n itemWrapper:\n 'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n wrapper: '',\n // Tabs\n tabList: '',\n tab: '',\n tabContent: '',\n cursor: '',\n panel: '',\n },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n /** Description of the value. Works with variant radioBox. */\n description?: React.ReactNode;\n /** disables the option */\n disabled?: boolean;\n /** option label */\n label?: React.ReactNode;\n /** option icon */\n icon?: ReactNode;\n /** HTML data-testid attribute of the option */\n testId?: string;\n /** option value */\n value: string;\n}\n\nexport interface RadioGroupProps<\n V extends 'default' | 'radioBox' | 'radioButton' | 'tabs',\n> extends VariantProps {\n /** CSS class name */\n className?: ClassName;\n /** Determines if the Buttons are disabled or not. */\n disabled?: boolean;\n /** determines orientation of the Buttons. */\n inline?: boolean;\n /** Label displayed next to the RadioButton. */\n label?: ReactNode;\n /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n name: string;\n /** Radio button configuration. */\n options: V extends 'default' | 'radioBox' | 'radioButton'\n ? RadioGroupOption[]\n : TabOptions[];\n /** Id to grab element in internal tests. */\n testId?: string;\n /** How the RadioGroup should look like. */\n variant?: V;\n}\n\n/**\n * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)\n */\nconst RadioGroup = ({\n className = undefined,\n disabled = false,\n inline = false,\n label = undefined,\n name,\n options,\n testId: _testId = undefined,\n variant = 'default',\n}: RadioGroupProps<\n 'default' | 'radioBox' | 'radioButton' | 'tabs'\n>): ReactElement => {\n const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = radioGroupVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {\n let RadioComponents: ReactNode;\n\n const itemClassNames = {\n base: classNames.itemBase,\n control: classNames.itemControl,\n description: classNames.itemDescription,\n label: classNames.itemLabel,\n labelWrapper: classNames.itemLabelWrapper,\n wrapper: classNames.itemWrapper,\n tabList: classNames.tabList,\n tab: classNames.tab,\n tabContent: classNames.tabContent,\n cursor: classNames.cursor,\n panel: classNames.panel,\n };\n\n switch (variant) {\n case 'radioBox':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioBox\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n description={option.description}\n icon={option.icon}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </RadioBox>\n );\n }\n return null;\n });\n break;\n case 'radioButton':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioButton\n className={cn(classNames.itemBase, {\n [classNames.itemBaseActive]:\n getValues()[name] !== option.value,\n })}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n testID={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n onChange={onChange}\n value={option.value}\n // TODO: how to do the classNames properly (make selected option darker with same color)\n >\n {option.label ? option.label : option.value}\n </RadioButton>\n );\n }\n return null;\n });\n break;\n\n case 'tabs':\n RadioComponents = (\n <Tabs\n fullWidth={false}\n tabs={options as TabOptions[]}\n onSelectionChange={onChange}\n />\n );\n break;\n default:\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <Radio\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </Radio>\n );\n }\n return null;\n });\n }\n\n return (\n <NextRadioGroup\n classNames={classNames}\n // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-required={required}\n data-testid={testId}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </label>\n )\n }\n name={name}\n orientation={inline ? 'horizontal' : 'vertical'}\n onBlur={onBlur}\n onChange={onChange}\n ref={ref}\n >\n {variant === 'radioButton' ? (\n <ButtonGroup className={classNames.buttonGroup}>\n {RadioComponents}\n </ButtonGroup>\n ) : (\n RadioComponents\n )}\n </NextRadioGroup>\n );\n }}\n />\n );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as NextRadioProps } from '@nextui-org/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@nextui-org/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends NextRadioProps {\n /** icon for the option */\n icon?: ReactNode;\n}\n\nexport const RadioBox = ({ icon = undefined, ...props }: RadioProps) => {\n const {\n children,\n Component,\n description,\n getBaseProps,\n getControlProps,\n getInputProps,\n getLabelProps,\n getLabelWrapperProps,\n getWrapperProps,\n isDisabled,\n } = useRadio(props);\n\n return (\n <Component\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getBaseProps()}\n className={cn(\n 'group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-focus',\n {\n // disabled styles\n 'pointer-events-none opacity-disabled': isDisabled,\n },\n )}\n >\n <VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <input {...getInputProps()} />\n </VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getControlProps()} />\n </span>\n {icon}\n <div\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelWrapperProps()}\n className={cn(getLabelWrapperProps().className, 'grow')}\n >\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n {children && <span {...getLabelProps()}>{children}</span>}\n {description && (\n <span className=\"text-small text-foreground opacity-70\">\n {description}\n </span>\n )}\n </div>\n </Component>\n );\n};\n\nexport default RadioBox;\n","import { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface RadioButtonProps {\n /** label of the value. */\n children: React.ReactNode;\n /** CSS class name */\n className?: string;\n /** disables the option */\n isDisabled?: boolean;\n /** HTML data-testid attribute of the option */\n testID?: string;\n /** Callback function. Executed if the option is clicked. */\n onChange: (...event: unknown[]) => void;\n /** value of the option. */\n value: string;\n}\n\nexport const RadioButton = ({\n children,\n className = undefined,\n isDisabled = false,\n onChange,\n testID = undefined,\n value,\n}: RadioButtonProps) => {\n return (\n <Button\n className={cn(className)}\n testId={testID}\n disabled={isDisabled}\n key={`index_${value}`}\n onClick={() => {\n return onChange(value);\n }}\n >\n {children}\n </Button>\n );\n};\n\nexport default RadioButton;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"],"mappings":"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","names":["cn","cn","jsx","jsx","jsxs","cn","RadioGroup_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-7RYAD5OS.cjs","../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"names":["jsx","jsxs","cn","Form_default"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-7RYAD5OS.cjs","sourcesContent":[null,"import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\nimport type { DebugModeSettings } from './subcomponents/FormContext';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\nexport interface FormProps {\n /** form children */\n children: ReactNode | ReactNode[];\n /** CSS class name */\n className?: string | string[];\n /** settings for from debug mode */\n debug?: DebugModeSettings;\n /** initial form values */\n initialValues?: FieldValues;\n /** name of the form */\n name?: string;\n /** form submit handler */\n onSubmit: SubmitHandler<FieldValues>;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** veto validation schema */\n validation?: VetoInstance;\n /** when the validation should be triggered */\n validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n children,\n className = undefined,\n debug = undefined,\n initialValues = undefined,\n name = undefined,\n onSubmit,\n testId = undefined,\n validation = undefined,\n validationTrigger = 'all',\n}: FormProps) => {\n return (\n <FormProvider\n debugModeSettings={debug}\n initialValues={initialValues}\n onSubmit={onSubmit}\n validation={validation}\n validationTrigger={validationTrigger}\n >\n {({ handleSubmit }) => (\n <div className=\"flex w-full flex-row justify-between gap-6\">\n <form\n className={cn('flex-grow', className)}\n data-testid={slugify(testId || name || '')}\n name={name}\n onSubmit={handleSubmit}\n >\n {children}\n </form>\n {!debug?.disable && <FormDebugViewer className=\"w-96 flex-shrink\" />}\n </div>\n )}\n </FormProvider>\n );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button, Card, Json } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n /** CSS class name */\n className?: string;\n}\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n const {\n debugMode,\n formState: { dirtyFields, isValid, isSubmitting },\n setDebugMode,\n validation,\n watch,\n } = useFormContext();\n\n const [validationErrors, setValidationErrors] = useState<\n VetoError['errors'] | null\n >(null);\n\n const formValues = watch();\n const debugTestIdsEnabled = debugMode === 'debug-testids';\n\n useEffect(\n () => {\n const updateValidationErrors = async () => {\n if (validation) {\n const validateResult = await validation?.validateAsync(formValues);\n setValidationErrors(validateResult?.errors);\n }\n };\n updateValidationErrors();\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [JSON.stringify(formValues)],\n );\n\n if (!debugMode || debugMode === 'off') {\n return (\n <Button\n ariaLabel=\"Enable form debug mode\"\n onClick={() => setDebugMode('debug')}\n className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n variant=\"light\"\n icon={<FaBug />}\n />\n );\n }\n\n return (\n <Card\n className={cn(className)}\n header={\n <div className=\"flex w-full flex-row justify-between\">\n <span className=\"text-lg\">Debug Mode</span>\n <Button\n icon={<FaTimes className=\"text-danger\" />}\n onClick={() => setDebugMode('off')}\n size=\"sm\"\n variant=\"flat\"\n />\n </div>\n }\n >\n <Button\n variant={debugTestIdsEnabled ? 'solid' : 'light'}\n icon={<FaBullseye />}\n className=\"mb-4 ml-auto mr-auto\"\n onClick={() =>\n setDebugMode(debugMode === 'debug' ? 'debug-testids' : 'debug')\n }\n >\n {debugTestIdsEnabled ? 'Hide CopyButton' : 'Show CopyButton'}\n </Button>\n <Json\n value={{\n values: formValues,\n errors: validationErrors,\n dirtyFields,\n isValid,\n isSubmitting,\n }}\n />\n </Card>\n );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZBCEV3W6.cjs","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/Variants/RadioBox.tsx","../src/RadioGroup/Variants/RadioButton.tsx","../src/RadioGroup/index.ts"],"names":["jsx","cn"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-ZBCEV3W6.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabOptions } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as NextRadioGroup, Radio } from '@nextui-org/radio';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { ButtonGroup } from '@fuf-stack/pixels';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { Controller } from '../Controller';\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport { RadioBox } from './Variants/RadioBox';\nimport { RadioButton } from './Variants/RadioButton';\n\nexport const radioGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n buttonGroup:\n 'rounded-xl group-data-[invalid=true]:border group-data-[invalid=true]:border-danger', // optional if a button group is used\n itemBase: '',\n itemBaseActive: 'bg-opacity-50', // optional if a button group is used\n itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n itemDescription: '',\n itemLabel: 'text-sm',\n itemLabelWrapper: '',\n itemWrapper:\n 'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n wrapper: '',\n // Tabs\n tabList: '',\n tab: '',\n tabContent: '',\n cursor: '',\n panel: '',\n },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n /** Description of the value. Works with variant radioBox. */\n description?: React.ReactNode;\n /** disables the option */\n disabled?: boolean;\n /** option label */\n label?: React.ReactNode;\n /** option icon */\n icon?: ReactNode;\n /** HTML data-testid attribute of the option */\n testId?: string;\n /** option value */\n value: string;\n}\n\nexport interface RadioGroupProps<\n V extends 'default' | 'radioBox' | 'radioButton' | 'tabs',\n> extends VariantProps {\n /** CSS class name */\n className?: ClassName;\n /** Determines if the Buttons are disabled or not. */\n disabled?: boolean;\n /** determines orientation of the Buttons. */\n inline?: boolean;\n /** Label displayed next to the RadioButton. */\n label?: ReactNode;\n /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n name: string;\n /** Radio button configuration. */\n options: V extends 'default' | 'radioBox' | 'radioButton'\n ? RadioGroupOption[]\n : TabOptions[];\n /** Id to grab element in internal tests. */\n testId?: string;\n /** How the RadioGroup should look like. */\n variant?: V;\n}\n\n/**\n * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)\n */\nconst RadioGroup = ({\n className = undefined,\n disabled = false,\n inline = false,\n label = undefined,\n name,\n options,\n testId: _testId = undefined,\n variant = 'default',\n}: RadioGroupProps<\n 'default' | 'radioBox' | 'radioButton' | 'tabs'\n>): ReactElement => {\n const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = radioGroupVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({ field: { onChange, disabled: isDisabled, onBlur, ref } }) => {\n let RadioComponents: ReactNode;\n\n const itemClassNames = {\n base: classNames.itemBase,\n control: classNames.itemControl,\n description: classNames.itemDescription,\n label: classNames.itemLabel,\n labelWrapper: classNames.itemLabelWrapper,\n wrapper: classNames.itemWrapper,\n tabList: classNames.tabList,\n tab: classNames.tab,\n tabContent: classNames.tabContent,\n cursor: classNames.cursor,\n panel: classNames.panel,\n };\n\n switch (variant) {\n case 'radioBox':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioBox\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n description={option.description}\n icon={option.icon}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </RadioBox>\n );\n }\n return null;\n });\n break;\n case 'radioButton':\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <RadioButton\n className={cn(classNames.itemBase, {\n [classNames.itemBaseActive]:\n getValues()[name] !== option.value,\n })}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n testID={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n onChange={onChange}\n value={option.value}\n // TODO: how to do the classNames properly (make selected option darker with same color)\n >\n {option.label ? option.label : option.value}\n </RadioButton>\n );\n }\n return null;\n });\n break;\n\n case 'tabs':\n RadioComponents = (\n <Tabs\n fullWidth={false}\n tabs={options as TabOptions[]}\n onSelectionChange={onChange}\n />\n );\n break;\n default:\n RadioComponents = options.map((option) => {\n if ('value' in option) {\n return (\n <Radio\n classNames={itemClassNames}\n data-testid={slugify(\n `${testId}_option_${option.testId || option.value}`,\n )}\n isDisabled={isDisabled || option.disabled}\n key={option.value}\n onChange={onChange}\n value={option.value}\n >\n {option.label ? option.label : option.value}\n </Radio>\n );\n }\n return null;\n });\n }\n\n return (\n <NextRadioGroup\n classNames={classNames}\n // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-required={required}\n data-testid={testId}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </label>\n )\n }\n name={name}\n orientation={inline ? 'horizontal' : 'vertical'}\n onBlur={onBlur}\n onChange={onChange}\n ref={ref}\n >\n {variant === 'radioButton' ? (\n <ButtonGroup className={classNames.buttonGroup}>\n {RadioComponents}\n </ButtonGroup>\n ) : (\n RadioComponents\n )}\n </NextRadioGroup>\n );\n }}\n />\n );\n};\n\nexport default RadioGroup;\n","import type { RadioProps as NextRadioProps } from '@nextui-org/radio';\nimport type { ReactNode } from 'react';\n\nimport { useRadio } from '@nextui-org/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface RadioProps extends NextRadioProps {\n /** icon for the option */\n icon?: ReactNode;\n}\n\nexport const RadioBox = ({ icon = undefined, ...props }: RadioProps) => {\n const {\n children,\n Component,\n description,\n getBaseProps,\n getControlProps,\n getInputProps,\n getLabelProps,\n getLabelWrapperProps,\n getWrapperProps,\n isDisabled,\n } = useRadio(props);\n\n return (\n <Component\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getBaseProps()}\n className={cn(\n 'group inline-flex flex-auto cursor-pointer items-center justify-between gap-4 rounded-lg border-2 border-default p-4 hover:bg-content2 data-[selected=true]:border-focus',\n {\n // disabled styles\n 'pointer-events-none opacity-disabled': isDisabled,\n },\n )}\n >\n <VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <input {...getInputProps()} />\n </VisuallyHidden>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <span {...getControlProps()} />\n </span>\n {icon}\n <div\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelWrapperProps()}\n className={cn(getLabelWrapperProps().className, 'grow')}\n >\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n {children && <span {...getLabelProps()}>{children}</span>}\n {description && (\n <span className=\"text-small text-foreground opacity-70\">\n {description}\n </span>\n )}\n </div>\n </Component>\n );\n};\n\nexport default RadioBox;\n","import { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface RadioButtonProps {\n /** label of the value. */\n children: React.ReactNode;\n /** CSS class name */\n className?: string;\n /** disables the option */\n isDisabled?: boolean;\n /** HTML data-testid attribute of the option */\n testID?: string;\n /** Callback function. Executed if the option is clicked. */\n onChange: (...event: unknown[]) => void;\n /** value of the option. */\n value: string;\n}\n\nexport const RadioButton = ({\n children,\n className = undefined,\n isDisabled = false,\n onChange,\n testID = undefined,\n value,\n}: RadioButtonProps) => {\n return (\n <Button\n className={cn(className)}\n testId={testID}\n disabled={isDisabled}\n key={`index_${value}`}\n onClick={() => {\n return onChange(value);\n }}\n >\n {children}\n </Button>\n );\n};\n\nexport default RadioButton;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\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
|
};
|
|
@@ -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
|
endContent?: tailwind_variants.ClassValue;
|
|
14
14
|
startContent?: 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
|
endContent?: tailwind_variants.ClassValue;
|
|
28
28
|
startContent?: 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
|
endContent?: tailwind_variants.ClassValue;
|
|
52
52
|
startContent?: 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
|
endContent?: tailwind_variants.ClassValue;
|
|
66
66
|
startContent?: 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
|
endContent?: tailwind_variants.ClassValue;
|
|
100
100
|
startContent?: tailwind_variants.ClassValue;
|