@entur/form 5.4.0 → 5.4.3

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/form.cjs.development.js +23 -10
  3. package/dist/form.cjs.development.js.map +1 -1
  4. package/dist/form.cjs.production.min.js +1 -1
  5. package/dist/form.cjs.production.min.js.map +1 -1
  6. package/dist/form.esm.js +23 -10
  7. package/dist/form.esm.js.map +1 -1
  8. package/dist/styles.css +563 -563
  9. package/dist/utils.d.ts +1 -1
  10. package/package.json +7 -7
package/dist/form.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form.cjs.production.min.js","sources":["../src/FeedbackText.tsx","../src/InputGroupContext.tsx","../src/InputGroupLabel.tsx","../src/VariantProvider.tsx","../src/BaseFormControl.tsx","../src/Checkbox.tsx","../src/Fieldset.tsx","../src/RadioGroupContext.tsx","../src/Radio.tsx","../src/RadioPanel.tsx","../src/Switch.tsx","../src/utils.ts","../src/TextArea.tsx","../src/TextField.tsx","../src/segmented-control/SegmentedContext.tsx","../src/segmented-control/SegmentedChoice.tsx","../src/index.tsx","../src/segmented-control/MultipleSegmentedControl.tsx","../src/RadioGroup.tsx","../src/segmented-control/SegmentedControl.tsx","../src/TravelSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ValidationCheckIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { SubLabel } from '@entur/typography';\nimport { VariantType } from './VariantProvider';\nimport classNames from 'classnames';\nimport './FeedbackText.scss';\n\nconst AlertIcon: React.FC<{ variant: VariantType }> = ({ variant }) => {\n const iconClass = `eds-feedback-text__icon eds-feedback-text__icon--${variant}`;\n switch (variant) {\n case 'success':\n return <ValidationCheckIcon className={iconClass} />;\n case 'error':\n return <ValidationErrorIcon className={iconClass} />;\n case 'info':\n return null;\n case 'warning':\n return <ValidationExclamationIcon className={iconClass} />;\n default:\n return null;\n }\n};\n\nexport type FeedbackTextProps = {\n /** Teksten som vises */\n children: React.ReactNode;\n /** Skjuler ikonet */\n hideIcon?: boolean;\n /** Feedbackvarianten */\n variant: VariantType;\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\nexport const FeedbackText: React.FC<FeedbackTextProps> = ({\n children,\n hideIcon = false,\n variant,\n className,\n ...rest\n}) => {\n return (\n <SubLabel\n className={classNames(\n 'eds-feedback-text',\n { 'eds-feedback-text--info': variant === 'info' },\n className,\n )}\n {...rest}\n >\n {!hideIcon && <AlertIcon variant={variant} />}\n <span className=\"eds-feedback-text__text\">{children}</span>\n </SubLabel>\n );\n};\n","import * as React from 'react';\n\ntype InputGroupContextType = {\n isFilled: boolean;\n setFilled: (e: boolean) => void;\n};\n\nconst InputGroupContext = React.createContext<InputGroupContextType>({\n isFilled: false,\n setFilled: () => null,\n});\n\nexport const InputGroupContextProvider: React.FC<{\n children: React.ReactNode;\n}> = ({ children }) => {\n const [filled, setFilled] = React.useState(false);\n return (\n <InputGroupContext.Provider\n value={{ isFilled: filled, setFilled: setFilled }}\n >\n {children}\n </InputGroupContext.Provider>\n );\n};\n\nexport const useInputGroupContext: () => InputGroupContextType = () =>\n React.useContext(InputGroupContext);\n","import classNames from 'classnames';\nimport React from 'react';\nimport { useInputGroupContext } from './InputGroupContext';\nimport './InputGroupLabel.scss';\n\nexport type InputGroupLabelProps = {\n label?: React.ReactNode;\n required?: boolean;\n labelTooltip?: string;\n labelId: string;\n staticAnimation?: boolean;\n} & React.DetailedHTMLProps<\n React.LabelHTMLAttributes<HTMLLabelElement>,\n HTMLLabelElement\n>;\n\nexport const InputGroupLabel: React.FC<InputGroupLabelProps> = ({\n label,\n required,\n labelId,\n staticAnimation = false,\n ...rest\n}) => {\n const { isFilled } = useInputGroupContext();\n const filler = staticAnimation || isFilled;\n return (\n <label\n className={classNames(rest.className, {\n 'eds-input-group-label-wrapper--filled': filler,\n })}\n id={labelId}\n {...rest}\n >\n <span\n className={classNames('eds-input-group__label', {\n 'eds-input-group__label--filled': filler,\n })}\n >\n {label} {required && <span>*</span>}\n </span>\n </label>\n );\n};\n","import React from 'react';\n\nexport type VariantType = 'success' | 'error' | 'warning' | 'info';\n\nconst VariantContext = React.createContext<VariantType | null>(null);\n\nexport type VariantProviderProps = {\n variant?: VariantType;\n};\nexport const VariantProvider: React.FC<VariantProviderProps> = ({\n children,\n variant = null,\n}) => {\n return (\n <VariantContext.Provider value={variant}>\n {children}\n </VariantContext.Provider>\n );\n};\n\nexport const useVariant: () => VariantType | null = () => {\n const context = React.useContext(VariantContext);\n return context;\n};\n","import { Tooltip } from '@entur/tooltip';\nimport classNames from 'classnames';\nimport React from 'react';\nimport './BaseFormControl.scss';\nimport { FeedbackText } from './FeedbackText';\nimport { InputGroupContextProvider } from './InputGroupContext';\nimport { InputGroupLabel } from './InputGroupLabel';\nimport { useVariant, VariantType } from './VariantProvider';\nimport { QuestionIcon } from '@entur/icons';\n\nexport type BaseFormControlProps = {\n /** Et skjemaelement med `eds-form-control`-klassen */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Sett til true om skjema-elementet skal ha mørkt design i contrast mode */\n dark?: boolean;\n /** Sett til true om skjema-elementet er disabled */\n disabled?: boolean;\n /** Sett til true om skjema-elementet er i read-only modus */\n readOnly?: boolean;\n /** Tekst eller ikon som vises foran skjema-elementet */\n prepend?: React.ReactNode;\n /** Tekst eller ikon som vises etter skjema-elementet */\n append?: React.ReactNode;\n /** Valideringsvariant */\n variant?: VariantType;\n /**Størrelsen på skjemaelementet\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /** Label til inputfeltet */\n label: React.ReactNode;\n /** En tooltip som forklarer labelen til inputfeltet */\n labelTooltip?: React.ReactNode;\n /** Illustrerer om inputfeltet er påkrevd eller ikke */\n required?: boolean;\n /** ID som settes på labelen til inputfeltet */\n labelId: string;\n /** Varselmelding, som vil komme under form-komponenten */\n feedback?: string;\n /** Om inputfeltet er fylt med data. Brukes for plassering av label */\n isFilled?: boolean;\n /**Ekstra props som sendes til label */\n labelProps?: { [key: string]: any };\n /** Ekstra styling */\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet */\n disableLabelAnimation?: boolean;\n /** Setter feedbackText sin rolle til \"alert\" */\n ariaAlertOnFeedback?: boolean;\n};\n\nexport const BaseFormControl = React.forwardRef<\n HTMLDivElement,\n BaseFormControlProps\n>(\n (\n {\n children,\n className,\n dark = false,\n disabled = false,\n readOnly = false,\n variant,\n prepend,\n append,\n size = 'medium',\n isFilled,\n label,\n required,\n labelTooltip,\n feedback,\n labelId,\n labelProps,\n style,\n disableLabelAnimation = false,\n ariaAlertOnFeedback = false,\n ...rest\n },\n ref,\n ) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n\n return (\n <InputGroupContextProvider>\n <div\n className={classNames(\n 'eds-form-control-wrapper',\n className,\n `eds-form-control-wrapper--size-${size}`,\n {\n 'eds-form-control-wrapper--success': currentVariant === 'success',\n 'eds-form-control-wrapper--error': currentVariant === 'error',\n 'eds-form-control-wrapper--dark': dark,\n 'eds-form-control-wrapper--disabled': disabled,\n 'eds-form-control-wrapper--readonly': readOnly,\n 'eds-form-control-wrapper--is-filled': isFilled,\n },\n )}\n ref={ref}\n style={style}\n {...rest}\n >\n {prepend && (\n <div className=\"eds-form-control__prepend\">{prepend}</div>\n )}\n <InputGroupLabel\n label={label}\n required={required}\n labelId={labelId}\n staticAnimation={disableLabelAnimation}\n {...labelProps}\n />\n {children}\n {append && <div className=\"eds-form-control__append\">{append}</div>}\n {labelTooltip && (\n <div className=\"eds-form-control__append eds-form-control__append--tooltip\">\n <Tooltip content={labelTooltip} placement=\"right\">\n <span className=\"eds-input-group__label-tooltip-icon\">\n <QuestionIcon />\n </span>\n </Tooltip>\n </div>\n )}\n </div>\n {feedback && currentVariant && (\n <FeedbackText\n variant={currentVariant}\n role={ariaAlertOnFeedback ? 'alert' : undefined}\n >\n {feedback}\n </FeedbackText>\n )}\n </InputGroupContextProvider>\n );\n },\n);\n","import React, { CSSProperties } from 'react';\nimport { Paragraph } from '@entur/typography';\nimport cx from 'classnames';\nimport './Checkbox.scss';\n\nexport type CheckboxProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label for checkboxen, som vises ved høyre side. */\n children?: React.ReactNode;\n /** Om Checkbox er avmerket, eller om den */\n checked?: 'indeterminate' | boolean;\n /** Callback for Checkbox */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Om checkboxen er disabled eller ikke\n * @default false\n */\n disabled?: boolean;\n /**Ekstra styling til komponenten */\n style?: CSSProperties;\n /** Reduserer klikkflaten for Checkbox'en\n * @default false\n */\n reduceClickArea?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n checked,\n className,\n children,\n style,\n disabled = false,\n reduceClickArea,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n // Trick to allow using a ref locally, while still allowing for ref forwarding\n // Read more at https://reactjs.org/docs/hooks-reference.html#useimperativehandle\n const innerRef = React.useRef<HTMLInputElement>(null);\n //eslint-disable-next-line\n React.useImperativeHandle(ref, () => innerRef.current!);\n\n const isIndeterminate = checked === 'indeterminate';\n const isControlled = checked !== undefined;\n\n React.useEffect(() => {\n if (innerRef && innerRef.current) {\n innerRef.current.indeterminate = isIndeterminate;\n }\n }, [isIndeterminate]);\n\n return (\n <label\n className={cx('eds-checkbox__container', className, {\n 'eds-checkbox--disabled': disabled,\n 'eds-checkbox__container--reduced-click-area': reduceClickArea,\n })}\n style={style}\n >\n <input\n type=\"checkbox\"\n ref={innerRef}\n checked={isControlled ? checked === true : undefined}\n disabled={disabled}\n {...rest}\n />\n <span\n className={cx('eds-checkbox__icon', {\n 'eds-checkbox__icon--disabled': disabled,\n 'eds-checkbox__icon--reduced-click-area': reduceClickArea,\n })}\n >\n <CheckboxIcon indeterminate={isIndeterminate} />\n </span>\n {children && (\n <Paragraph className=\"eds-checkbox__label\" margin=\"none\" as=\"span\">\n {children}\n </Paragraph>\n )}\n </label>\n );\n },\n);\n\nconst CheckboxIcon: React.FC<{ indeterminate: boolean }> = ({\n indeterminate = false,\n}) => {\n return (\n <svg\n className=\"eds-checkbox-icon\"\n width=\"11px\"\n height=\"9px\"\n viewBox=\"6 11 37 33\"\n >\n {indeterminate ? (\n <rect x=\"10\" y=\"25\" width=\"28\" height=\"5\" fill=\"white\" />\n ) : (\n <path\n className=\"eds-checkbox-icon__path\"\n d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n fill=\"none\"\n />\n )}\n </svg>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Label } from '@entur/typography';\nimport './Fieldset.scss';\n\nexport type FieldsetProps = {\n /** Innholdet i felt-gruppen. */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Labelen til felt-gruppen. */\n label?: React.ReactNode;\n [key: string]: any;\n};\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n children,\n className,\n label,\n ...rest\n}) => (\n <fieldset className={classNames('eds-fieldset', className)} {...rest}>\n {label && (\n <Label as=\"legend\" className=\"eds-legend\">\n {label}\n </Label>\n )}\n {children}\n </fieldset>\n);\n","import React from 'react';\n\ntype RadioGroupContextProps = {\n name: string;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n value: string | null;\n};\n\nconst RadioGroupContext = React.createContext<RadioGroupContextProps | null>(\n null,\n);\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\n\nexport const useRadioGroupContext: () => RadioGroupContextProps = () => {\n const context = React.useContext(RadioGroupContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your RadioButtons in a RadioGroup component',\n );\n }\n return context;\n};\n","import React from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './Radio.scss';\n\nexport type RadioProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label til radio-button. Vises ved høyre side. */\n children?: React.ReactNode;\n /** Verdien til radioknappen */\n value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n (\n { className, children, value, disabled, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = cx(className, 'eds-form-component--radio__radio', {\n 'eds-form-component--radio__radio--disabled': disabled,\n });\n const { name, value: selectedValue, onChange } = useRadioGroupContext();\n return (\n <label className=\"eds-form-component--radio__container\">\n <input\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n checked={selectedValue === value}\n onChange={onChange}\n disabled={disabled}\n {...rest}\n />\n <span className={classList}>\n <span className=\"eds-form-component--radio__circle\"></span>\n </span>\n {children && (\n <Paragraph\n margin=\"none\"\n as=\"span\"\n className=\"eds-form-component--radio__label\"\n >\n {children}\n </Paragraph>\n )}\n </label>\n );\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './RadioPanel.scss';\nimport { useRandomId } from '@entur/utils';\n\nexport type RadioPanelProps = {\n /** Verdien til RadioPanel */\n value: string;\n /** Hovedtittelen til RadioPanel */\n title: React.ReactNode;\n /** Ektstra label som står høyrestilt mot Checkboxen */\n secondaryLabel?: React.ReactNode;\n /** Ekstra informasjon som legges nederst i RadioPanel */\n children?: React.ReactNode;\n /** Størrelse på RadioPanel\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /**Skjuler checkbox-en i RadioPanel\n * @default false\n */\n hideCheckbox?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n /** Om RadioPanel er deaktivert eller ikke\n * @default false\n */\n disabled?: boolean;\n /** */\n style?: React.CSSProperties;\n} & Omit<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >,\n 'title' | 'size'\n>;\n\nexport const RadioPanel = React.forwardRef<HTMLInputElement, RadioPanelProps>(\n (\n {\n className,\n children,\n value,\n title,\n secondaryLabel,\n size = 'medium',\n hideCheckbox = false,\n style,\n id,\n disabled = false,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = classNames(\n className,\n 'eds-radio-panel__container',\n `eds-radio-panel--${size}`,\n { 'eds-radio-panel--disabled': disabled },\n );\n\n const { name, value: selectedValue, onChange } = useRadioGroupContext();\n const randomId = useRandomId('eds-radiopanel');\n const radioPanelId = id || randomId;\n return (\n <label className=\"eds-radio-panel__wrapper\" htmlFor={radioPanelId}>\n <input\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n checked={selectedValue === value}\n onChange={onChange}\n id={radioPanelId}\n disabled={disabled}\n {...rest}\n />\n <div className={classList} style={style}>\n <div className=\"eds-radio-panel__title-wrapper\">\n <div className=\"eds-radio-panel__title\">{title}</div>\n <div className=\"eds-radio-panel__label\">\n {secondaryLabel && <span>{secondaryLabel}</span>}\n {!(disabled || hideCheckbox) && (\n <span className=\"eds-radio-panel__check\">\n <RadioPanelCheck />\n </span>\n )}\n </div>\n </div>\n {children && (\n <div className=\"eds-radio-panel__additional-content\">\n {children}\n </div>\n )}\n </div>\n </label>\n );\n },\n);\n\nconst RadioPanelCheck: React.FC = () => {\n return (\n <svg\n className=\"eds-checkbox-icon\"\n width=\"22px\"\n height=\"16px\"\n viewBox=\"6 11 37 33\"\n >\n <path\n className=\"eds-checkbox-icon__path\"\n d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n fill=\"none\"\n />\n </svg>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { colors } from '@entur/tokens';\nimport { CheckIcon, CloseSmallIcon } from '@entur/icons';\nimport './Switch.scss';\n\nexport type SwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label for Switch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for Switch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Ikonet som skal stå inne i sirkelen på Switch-en */\n icon?: React.ReactNode;\n /** Skjul ikonet inne i sikrelen på Switch-en\n * @default false\n */\n hideIcon?: boolean;\n /** Farge som settes på ikon og bakgrunnen når Switch-en er \"checked\". Default er mint-contrast\n * @default colors.validation .mintContrast\n */\n color?: string;\n /** Lik som color, men når Switch-en står i en kontrast seksjon. Default er samme farge som color. */\n contrastColor?: string;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n (\n {\n className,\n children,\n labelPlacement = 'right',\n icon,\n hideIcon = false,\n color = colors.validation.mintContrast,\n contrastColor,\n size = 'medium',\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const chosenContrastColor = (contrastColor && contrastColor) || color;\n const displayedIcon = () => {\n if (icon) return icon;\n return rest.checked ? <CheckIcon /> : <CloseSmallIcon />;\n };\n return (\n <label\n className={classNames(\n 'eds-switch',\n `eds-switch--${labelPlacement}`,\n className,\n )}\n style={{ ...rest.style }}\n >\n <input type=\"checkbox\" ref={ref} {...rest} />\n <span\n className={classNames(\n 'eds-switch__switch',\n `eds-switch__switch--${size}`,\n )}\n style={\n {\n '--eds-switch-color': color,\n '--eds-switch-contrast-color': chosenContrastColor,\n } as React.CSSProperties\n }\n >\n <span className=\"eds-switch__circle\">\n {!hideIcon && displayedIcon()}\n </span>\n </span>\n {children && (\n <span\n className={classNames(\n 'eds-switch__label',\n `eds-switch__label--${size}--${labelPlacement}`,\n )}\n >\n {children}\n </span>\n )}\n </label>\n );\n },\n);\n","export function hasValue(value: any) {\n return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n// True when any number or string with length.\nexport function isFilled(obj: any, SSR = false) {\n return (\n obj &&\n ((hasValue(obj.value) && obj.value !== '') ||\n (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))\n );\n}\n","import React from 'react';\nimport { VariantType } from './VariantProvider';\nimport { BaseFormControl } from './BaseFormControl';\nimport './TextArea.scss';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { useRandomId, useOnMount } from '@entur/utils';\nimport { isFilled } from './utils';\n\nexport type TextAreaProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Deaktiverer tekstområdet */\n disabled?: boolean;\n /** Setter tekstområdet i read-only modus */\n readOnly?: boolean;\n /** Label over TextArea */\n label: string;\n /** En tooltip som forklarer labelen til inputfeltet */\n labelTooltip?: React.ReactNode;\n /** Varselmelding, som vil komme under TextArea */\n feedback?: string;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n (\n {\n variant,\n disabled = false,\n readOnly = false,\n className,\n style,\n label,\n feedback,\n labelTooltip,\n onChange,\n disableLabelAnimation,\n ...rest\n },\n ref: React.Ref<HTMLTextAreaElement>,\n ) => {\n const textAreaId = useRandomId('eds-textarea');\n return (\n <BaseFormControl\n className={className}\n disabled={disabled}\n readOnly={readOnly}\n variant={variant}\n style={style}\n label={label}\n labelId={textAreaId}\n feedback={feedback}\n labelTooltip={labelTooltip}\n labelProps={{ className: 'eds-textarea__label' }}\n disableLabelAnimation={disableLabelAnimation}\n >\n <TextAreaBase\n readOnly={readOnly}\n disabled={disabled}\n ref={ref}\n aria-labelledby={textAreaId}\n onChange={onChange}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TextAreaBaseProps = {\n readOnly?: boolean;\n disabled?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextAreaBase = React.forwardRef<HTMLTextAreaElement, TextAreaBaseProps>(\n ({ readOnly, disabled, onChange, value, ...rest }, ref) => {\n const { isFilled: isInputFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (value || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value && setFiller && !isInputFilled) {\n setFiller(true);\n }\n }, [value, setFiller, isInputFilled]);\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n if (isFilled(event.target)) {\n setFiller && !isInputFilled && setFiller(true);\n } else {\n setFiller && isInputFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n\n return (\n <textarea\n className=\"eds-form-control eds-textarea\"\n ref={ref}\n readOnly={readOnly}\n disabled={disabled}\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n },\n);\n","import { useRandomId, useOnMount } from '@entur/utils';\nimport React from 'react';\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { useVariant, VariantType } from './VariantProvider';\nimport { isFilled } from './utils';\nimport { CloseSmallIcon } from '@entur/icons';\nimport './TextField.scss';\n\nexport type TextFieldProps = {\n /** Tekst eller ikon som kommer før inputfeltet */\n prepend?: React.ReactNode;\n /** Tekst eller ikon som kommer etter inputfeltet */\n append?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over TextField */\n label: React.ReactNode;\n /** En tooltip som forklarer labelen til inputfeltet */\n labelTooltip?: React.ReactNode;\n /** Varselmelding, som vil komme under TextField */\n feedback?: string;\n /** Hvilken valideringsfarge som vises */\n variant?: VariantType;\n /** Deaktiver inputfeltet */\n disabled?: boolean;\n /** Setter inputfeltet i read-only modus */\n readOnly?: boolean;\n /** Størrelsen på TextField\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Ekstra props som sendes til label-elementet */\n labelProps?: React.DetailedHTMLProps<\n React.LabelHTMLAttributes<HTMLLabelElement>,\n HTMLLabelElement\n >;\n /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.\n * @default false\n */\n clearable?: boolean;\n /** Callback for clearable */\n onClear?: () => void;\n ariaAlertOnFeedback?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n prepend,\n append,\n variant,\n disabled = false,\n readOnly = false,\n className,\n style,\n size = 'medium',\n label,\n required,\n labelTooltip,\n feedback,\n onChange,\n disableLabelAnimation,\n labelProps,\n clearable = false,\n onClear,\n value,\n ariaAlertOnFeedback = false,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const randomId = useRandomId('eds-textfield');\n const textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;\n\n return (\n <BaseFormControl\n disabled={disabled}\n readOnly={readOnly}\n variant={variant}\n prepend={prepend}\n append={\n clearable && onClear ? <ClearButton onClear={onClear} /> : append\n }\n className={className}\n style={style}\n size={size}\n label={label}\n required={required}\n labelTooltip={labelTooltip}\n labelId={textFieldId}\n feedback={feedback}\n disableLabelAnimation={disableLabelAnimation}\n labelProps={labelProps}\n ariaAlertOnFeedback={ariaAlertOnFeedback}\n >\n <TextFieldBase\n disabled={disabled}\n readOnly={readOnly}\n ref={ref}\n aria-labelledby={textFieldId}\n onChange={onChange}\n value={value}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TextFieldBaseProps = {\n /** Deaktiver inputfeltet */\n disabled?: boolean;\n /** Setter inputfeltet i read-only modus */\n readOnly?: boolean;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst TextFieldBase = React.forwardRef<HTMLInputElement, TextFieldBaseProps>(\n (\n { disabled, readOnly, placeholder, onChange, value, variant, ...rest },\n forwardRef,\n ) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isInputFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (value || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value && setFiller && !isInputFilled) {\n setFiller(true);\n }\n }, [value, setFiller, isInputFilled]);\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (isFilled(event.target)) {\n setFiller && !isInputFilled && setFiller(true);\n } else {\n setFiller && isInputFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n\n return (\n <input\n aria-invalid={currentVariant === 'error'}\n className=\"eds-form-control\"\n disabled={disabled}\n readOnly={readOnly}\n ref={forwardRef}\n placeholder={placeholder}\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n },\n);\n\nconst ClearButton: React.FC<{\n onClear: () => void;\n [key: string]: any;\n}> = ({ onClear, ...props }) => {\n const { isFilled: hasValue, setFilled } = useInputGroupContext();\n return (\n <div className=\"eds-textfield__clear-button-wrapper\">\n {hasValue && <div className=\"eds-textfield__divider\"></div>}\n {hasValue && (\n <button\n className=\"eds-textfield__clear-button\"\n type=\"button\"\n tabIndex={-1}\n onClick={() => {\n setFilled(false);\n onClear();\n }}\n {...props}\n >\n <CloseSmallIcon />\n </button>\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useRandomId } from '@entur/utils';\n\nexport type SelectedValues = { [key: string]: boolean };\nexport type SelectedValue = string | null;\nexport type SegmentedContextProps =\n | {\n name: string;\n onChange: (value: SelectedValues) => void;\n selectedValue: SelectedValues;\n multiple: true;\n size: 'medium' | 'large';\n }\n | {\n name: string;\n onChange: (value: SelectedValue) => void;\n selectedValue: SelectedValue;\n multiple: false;\n size: 'medium' | 'large';\n };\n\nconst SegmentedContext = React.createContext<SegmentedContextProps | null>(\n null,\n);\n\nexport type SegmentedProviderProps =\n | {\n name?: string;\n onChange?: (value: SelectedValues) => void;\n selectedValue: SelectedValues;\n multiple: true;\n size: 'medium' | 'large';\n }\n | {\n name?: string;\n onChange?: (value: SelectedValue) => void;\n selectedValue: SelectedValue;\n multiple: false;\n size: 'medium' | 'large';\n };\n\nexport const SegmentedProvider: React.FC<SegmentedProviderProps> = ({\n name,\n onChange = () => {},\n selectedValue,\n multiple,\n size,\n ...rest\n}) => {\n const generatedName = useRandomId('eds-segmented-control');\n const contextValue = React.useMemo(\n () => ({\n name: name || generatedName,\n onChange,\n multiple,\n selectedValue,\n size,\n }),\n [generatedName, multiple, name, onChange, selectedValue, size],\n ) as SegmentedContextProps;\n return <SegmentedContext.Provider value={contextValue} {...rest} />;\n};\n\nexport const useSegmentedContext = () => {\n const context = React.useContext(SegmentedContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl',\n );\n }\n return context;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n useSegmentedContext,\n SelectedValues,\n SelectedValue,\n} from './SegmentedContext';\nimport './SegmentedChoice.scss';\n\nexport type SegmentedChoiceProps = {\n /** Verdien til valget */\n value: string;\n /** Innhold som beskriver valget */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Callback som kalles når komponenten endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nexport const SegmentedChoice = React.forwardRef<\n HTMLInputElement,\n SegmentedChoiceProps\n>(\n (\n { children, className, style, value, name, onChange = () => {}, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const {\n name: commonName,\n selectedValue,\n onChange: commonOnChange,\n multiple,\n size,\n } = useSegmentedContext();\n\n const isChecked = multiple\n ? (selectedValue as SelectedValues)[value]\n : (selectedValue as SelectedValue) === value;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange(e);\n if (multiple) {\n commonOnChange({\n ...(selectedValue as SelectedValues),\n [value]: e.target.checked,\n } as any);\n } else if (e.target.checked) {\n commonOnChange(value as any);\n }\n };\n\n return (\n <label\n className={classNames('eds-segmented-choice', className, {\n 'eds-segmented-choide--large': size === 'large',\n })}\n style={style}\n >\n <input\n type={multiple ? 'checkbox' : 'radio'}\n name={name || commonName}\n checked={isChecked}\n value={value}\n onChange={handleChange}\n ref={ref}\n {...rest}\n />\n <div\n className={classNames('eds-base-segmented', {\n 'eds-base-segmented--large': size === 'large',\n })}\n >\n {children}\n </div>\n </label>\n );\n },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('form', 'icons', 'typography');\n\nexport * from './BaseFormControl';\nexport * from './Checkbox';\nexport * from './FeedbackText';\nexport * from './Fieldset';\nexport * from './InputGroupLabel';\nexport * from './InputGroupContext';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './RadioPanel';\nexport * from './Switch';\nexport * from './TravelSwitch';\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './VariantProvider';\nexport * from './utils';\nexport * from './segmented-control/SegmentedChoice';\nexport * from './segmented-control/SegmentedControl';\nexport * from './segmented-control/MultipleSegmentedControl';\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValues } from './SegmentedContext';\nimport './SegmentedControl.scss';\n\nexport type MultipleSegmentedControlProps = {\n /** Navn på input-elementene */\n name?: string;\n /** Beskrivende tekst */\n label?: string;\n /** En eller flere SegmentedChoice-komponenter */\n children: React.ReactNode;\n /** Den eller de valgte verdiene */\n selectedValue: SelectedValues;\n /** Callback for når det gjøres et valg */\n onChange: (value: SelectedValues) => void;\n [key: string]: any;\n};\n\n/**This component is not used by anyone, and is therefore deprecated\n * @deprecated\n */\nexport const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps> = ({\n children,\n label,\n name,\n onChange,\n selectedValue,\n ...rest\n}) => {\n return (\n <SegmentedProvider\n name={name}\n selectedValue={selectedValue}\n onChange={onChange}\n multiple={true}\n size=\"medium\"\n >\n <Label as=\"div\">{label}</Label>\n <div className=\"eds-segmented-control\" {...rest}>\n {children}\n </div>\n </SegmentedProvider>\n );\n};\n","import React from 'react';\nimport { RadioGroupContextProvider } from './RadioGroupContext';\nimport { Fieldset } from './Fieldset';\n\nexport type RadioGroupProps = {\n /** Navnet til radiogruppen. */\n name: string;\n /** Overskrift over radiogruppen */\n label?: string;\n /** Verdien til den valgte radioknappen */\n value: string | null;\n /** Radioknappene sendes inn som children */\n children: React.ReactNode;\n /** En callback som blir kalles hver gang en radioknapp klikkes på */\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n [key: string]: any;\n};\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n name,\n value,\n children,\n onChange,\n label,\n ...rest\n}) => {\n const contextValue = React.useMemo(() => ({ name, value, onChange }), [\n name,\n value,\n onChange,\n ]);\n return (\n <RadioGroupContextProvider value={contextValue}>\n {label ? (\n <Fieldset label={label} {...rest}>\n {children}\n </Fieldset>\n ) : (\n children\n )}\n </RadioGroupContextProvider>\n );\n};\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValue } from './SegmentedContext';\nimport './SegmentedControl.scss';\nimport classNames from 'classnames';\n\nexport type SegmentedControlProps = {\n /** Navn på input-elementene */\n name?: string;\n /** Beskrivende tekst */\n label?: string;\n /** En eller flere SegmentedChoice-komponenter */\n children: React.ReactNode;\n /** Den valgte verdien */\n selectedValue: SelectedValue;\n /** Callback for når det gjøres et valg */\n onChange: (value: SelectedValue) => void;\n /** Størrelsen på SegmentedChoice-komponentene */\n size?: 'medium' | 'large';\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n children,\n label,\n name,\n onChange,\n selectedValue,\n size = 'medium',\n className,\n ...rest\n}) => {\n return (\n <SegmentedProvider\n name={name}\n selectedValue={selectedValue}\n onChange={onChange}\n multiple={false}\n size={size}\n >\n <Label as=\"div\">{label}</Label>\n <div className={classNames('eds-segmented-control', className)} {...rest}>\n {children}\n </div>\n </SegmentedProvider>\n );\n};\n","import React from 'react';\nimport { Switch } from './Switch';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n ScooterIcon,\n SubwayIcon,\n} from '@entur/icons';\nimport './Switch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switchen er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises rikig ikon og farge for */\n transport: // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n | 'bus'\n | 'metro'\n | 'air'\n | 'tram'\n | 'rail'\n | 'water'\n | 'bike'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'scooter';\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switchen\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { color, contrast, Icon } = modeCalc(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={color}\n contrastColor={contrast}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n\nfunction modeCalc(mode: string) {\n switch (mode) {\n case 'bus':\n return {\n Icon: BusIcon,\n color: colors.transport.default.bus,\n contrast: colors.transport.contrast.bus,\n };\n case 'metro':\n return {\n Icon: SubwayIcon,\n color: colors.transport.default.metro,\n contrast: colors.transport.contrast.metro,\n };\n case 'air':\n return {\n Icon: PlaneIcon,\n color: colors.transport.default.plane,\n contrast: colors.transport.contrast.plane,\n };\n case 'tram':\n return {\n Icon: TramIcon,\n color: colors.transport.default.tram,\n contrast: colors.transport.contrast.tram,\n };\n case 'rail':\n return {\n Icon: TrainIcon,\n color: colors.transport.default.train,\n contrast: colors.transport.contrast.train,\n };\n case 'water':\n return {\n Icon: FerryIcon,\n color: colors.transport.default.ferry,\n contrast: colors.transport.contrast.ferry,\n };\n case 'bike':\n return {\n Icon: BicycleIcon,\n color: colors.transport.default.mobility,\n contrast: colors.transport.contrast.mobility,\n };\n case 'scooter':\n return {\n Icon: ScooterIcon,\n color: colors.transport.default.mobility,\n contrast: colors.transport.contrast.mobility,\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n color: colors.transport.default.plane,\n contrast: colors.transport.contrast.plane,\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n color: colors.transport.default.plane,\n contrast: colors.transport.contrast.plane,\n };\n default:\n throw Error('Please select a transport for the TravelSwitch.');\n }\n}\n"],"names":["AlertIcon","variant","iconClass","React","ValidationCheckIcon","className","ValidationErrorIcon","ValidationExclamationIcon","FeedbackText","children","hideIcon","rest","SubLabel","classNames","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","staticAnimation","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","dark","disabled","readOnly","prepend","append","size","labelTooltip","feedback","labelProps","style","disableLabelAnimation","ariaAlertOnFeedback","contextVariant","currentVariant","Tooltip","content","placement","QuestionIcon","role","undefined","Checkbox","checked","reduceClickArea","innerRef","useRef","useImperativeHandle","current","isIndeterminate","isControlled","useEffect","indeterminate","cx","type","CheckboxIcon","Paragraph","margin","as","width","height","viewBox","x","y","fill","d","Fieldset","Label","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","classList","name","onChange","RadioPanel","title","secondaryLabel","hideCheckbox","selectedValue","randomId","useRandomId","radioPanelId","htmlFor","RadioPanelCheck","Switch","labelPlacement","icon","color","colors","validation","mintContrast","contrastColor","chosenContrastColor","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","TextAreaBase","isInputFilled","setFiller","useOnMount","event","target","TextField","clearable","onClear","textFieldId","ClearButton","TextFieldBase","placeholder","props","tabIndex","onClick","SegmentedContext","SegmentedProvider","multiple","generatedName","contextValue","useMemo","SegmentedChoice","useSegmentedContext","commonName","commonOnChange","isChecked","e","warnAboutMissingStyles","transport","mode","Icon","BusIcon","bus","contrast","SubwayIcon","metro","PlaneIcon","plane","TramIcon","tram","TrainIcon","train","FerryIcon","ferry","BicycleIcon","mobility","ScooterIcon","modeCalc"],"mappings":"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"}
1
+ {"version":3,"file":"form.cjs.production.min.js","sources":["../src/FeedbackText.tsx","../src/InputGroupContext.tsx","../src/InputGroupLabel.tsx","../src/VariantProvider.tsx","../src/BaseFormControl.tsx","../src/Checkbox.tsx","../src/Fieldset.tsx","../src/RadioGroupContext.tsx","../src/Radio.tsx","../src/RadioPanel.tsx","../src/Switch.tsx","../src/utils.ts","../src/TextArea.tsx","../src/TextField.tsx","../src/segmented-control/SegmentedContext.tsx","../src/segmented-control/SegmentedChoice.tsx","../src/index.tsx","../src/segmented-control/MultipleSegmentedControl.tsx","../src/RadioGroup.tsx","../src/segmented-control/SegmentedControl.tsx","../src/TravelSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ValidationCheckIcon,\n ValidationErrorIcon,\n ValidationExclamationIcon,\n} from '@entur/icons';\nimport { SubLabel } from '@entur/typography';\nimport { VariantType } from './VariantProvider';\nimport classNames from 'classnames';\nimport './FeedbackText.scss';\n\nconst AlertIcon: React.FC<{ variant: VariantType }> = ({ variant }) => {\n const iconClass = `eds-feedback-text__icon eds-feedback-text__icon--${variant}`;\n switch (variant) {\n case 'success':\n return <ValidationCheckIcon className={iconClass} />;\n case 'error':\n return <ValidationErrorIcon className={iconClass} />;\n case 'info':\n return null;\n case 'warning':\n return <ValidationExclamationIcon className={iconClass} />;\n default:\n return null;\n }\n};\n\nexport type FeedbackTextProps = {\n /** Teksten som vises */\n children: React.ReactNode;\n /** Skjuler ikonet */\n hideIcon?: boolean;\n /** Feedbackvarianten */\n variant: VariantType;\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\nexport const FeedbackText: React.FC<FeedbackTextProps> = ({\n children,\n hideIcon = false,\n variant,\n className,\n ...rest\n}) => {\n return (\n <SubLabel\n className={classNames(\n 'eds-feedback-text',\n { 'eds-feedback-text--info': variant === 'info' },\n className,\n )}\n {...rest}\n >\n {!hideIcon && <AlertIcon variant={variant} />}\n <span className=\"eds-feedback-text__text\">{children}</span>\n </SubLabel>\n );\n};\n","import * as React from 'react';\n\ntype InputGroupContextType = {\n isFilled: boolean;\n setFilled: (e: boolean) => void;\n};\n\nconst InputGroupContext = React.createContext<InputGroupContextType>({\n isFilled: false,\n setFilled: () => null,\n});\n\nexport const InputGroupContextProvider: React.FC<{\n children: React.ReactNode;\n}> = ({ children }) => {\n const [filled, setFilled] = React.useState(false);\n return (\n <InputGroupContext.Provider\n value={{ isFilled: filled, setFilled: setFilled }}\n >\n {children}\n </InputGroupContext.Provider>\n );\n};\n\nexport const useInputGroupContext: () => InputGroupContextType = () =>\n React.useContext(InputGroupContext);\n","import classNames from 'classnames';\nimport React from 'react';\nimport { useInputGroupContext } from './InputGroupContext';\nimport './InputGroupLabel.scss';\n\nexport type InputGroupLabelProps = {\n label?: React.ReactNode;\n required?: boolean;\n labelTooltip?: string;\n labelId: string;\n staticAnimation?: boolean;\n} & React.DetailedHTMLProps<\n React.LabelHTMLAttributes<HTMLLabelElement>,\n HTMLLabelElement\n>;\n\nexport const InputGroupLabel: React.FC<InputGroupLabelProps> = ({\n label,\n required,\n labelId,\n staticAnimation = false,\n ...rest\n}) => {\n const { isFilled } = useInputGroupContext();\n const filler = staticAnimation || isFilled;\n return (\n <label\n className={classNames(rest.className, {\n 'eds-input-group-label-wrapper--filled': filler,\n })}\n id={labelId}\n {...rest}\n >\n <span\n className={classNames('eds-input-group__label', {\n 'eds-input-group__label--filled': filler,\n })}\n >\n {label} {required && <span>*</span>}\n </span>\n </label>\n );\n};\n","import React from 'react';\n\nexport type VariantType = 'success' | 'error' | 'warning' | 'info';\n\nconst VariantContext = React.createContext<VariantType | null>(null);\n\nexport type VariantProviderProps = {\n variant?: VariantType;\n};\nexport const VariantProvider: React.FC<VariantProviderProps> = ({\n children,\n variant = null,\n}) => {\n return (\n <VariantContext.Provider value={variant}>\n {children}\n </VariantContext.Provider>\n );\n};\n\nexport const useVariant: () => VariantType | null = () => {\n const context = React.useContext(VariantContext);\n return context;\n};\n","import { Tooltip } from '@entur/tooltip';\nimport classNames from 'classnames';\nimport React from 'react';\nimport './BaseFormControl.scss';\nimport { FeedbackText } from './FeedbackText';\nimport { InputGroupContextProvider } from './InputGroupContext';\nimport { InputGroupLabel } from './InputGroupLabel';\nimport { useVariant, VariantType } from './VariantProvider';\nimport { QuestionIcon } from '@entur/icons';\n\nexport type BaseFormControlProps = {\n /** Et skjemaelement med `eds-form-control`-klassen */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Sett til true om skjema-elementet skal ha mørkt design i contrast mode */\n dark?: boolean;\n /** Sett til true om skjema-elementet er disabled */\n disabled?: boolean;\n /** Sett til true om skjema-elementet er i read-only modus */\n readOnly?: boolean;\n /** Tekst eller ikon som vises foran skjema-elementet */\n prepend?: React.ReactNode;\n /** Tekst eller ikon som vises etter skjema-elementet */\n append?: React.ReactNode;\n /** Valideringsvariant */\n variant?: VariantType;\n /**Størrelsen på skjemaelementet\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /** Label til inputfeltet */\n label: React.ReactNode;\n /** En tooltip som forklarer labelen til inputfeltet */\n labelTooltip?: React.ReactNode;\n /** Illustrerer om inputfeltet er påkrevd eller ikke */\n required?: boolean;\n /** ID som settes på labelen til inputfeltet */\n labelId: string;\n /** Varselmelding, som vil komme under form-komponenten */\n feedback?: string;\n /** Om inputfeltet er fylt med data. Brukes for plassering av label */\n isFilled?: boolean;\n /**Ekstra props som sendes til label */\n labelProps?: { [key: string]: any };\n /** Ekstra styling */\n style?: React.CSSProperties;\n /** Plasserer labelen statisk på toppen av inputfeltet */\n disableLabelAnimation?: boolean;\n /** Setter feedbackText sin rolle til \"alert\" */\n ariaAlertOnFeedback?: boolean;\n};\n\nexport const BaseFormControl = React.forwardRef<\n HTMLDivElement,\n BaseFormControlProps\n>(\n (\n {\n children,\n className,\n dark = false,\n disabled = false,\n readOnly = false,\n variant,\n prepend,\n append,\n size = 'medium',\n isFilled,\n label,\n required,\n labelTooltip,\n feedback,\n labelId,\n labelProps,\n style,\n disableLabelAnimation = false,\n ariaAlertOnFeedback = false,\n ...rest\n },\n ref,\n ) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n\n return (\n <InputGroupContextProvider>\n <div\n className={classNames(\n 'eds-form-control-wrapper',\n className,\n `eds-form-control-wrapper--size-${size}`,\n {\n 'eds-form-control-wrapper--success': currentVariant === 'success',\n 'eds-form-control-wrapper--error': currentVariant === 'error',\n 'eds-form-control-wrapper--dark': dark,\n 'eds-form-control-wrapper--disabled': disabled,\n 'eds-form-control-wrapper--readonly': readOnly,\n 'eds-form-control-wrapper--is-filled': isFilled,\n },\n )}\n ref={ref}\n style={style}\n {...rest}\n >\n {prepend && (\n <div className=\"eds-form-control__prepend\">{prepend}</div>\n )}\n <InputGroupLabel\n label={label}\n required={required}\n labelId={labelId}\n staticAnimation={disableLabelAnimation}\n {...labelProps}\n />\n {children}\n {append && <div className=\"eds-form-control__append\">{append}</div>}\n {labelTooltip && (\n <div className=\"eds-form-control__append eds-form-control__append--tooltip\">\n <Tooltip content={labelTooltip} placement=\"right\">\n <span className=\"eds-input-group__label-tooltip-icon\">\n <QuestionIcon />\n </span>\n </Tooltip>\n </div>\n )}\n </div>\n {feedback && currentVariant && (\n <FeedbackText\n variant={currentVariant}\n role={ariaAlertOnFeedback ? 'alert' : undefined}\n >\n {feedback}\n </FeedbackText>\n )}\n </InputGroupContextProvider>\n );\n },\n);\n","import React, { CSSProperties } from 'react';\nimport { Paragraph } from '@entur/typography';\nimport cx from 'classnames';\nimport './Checkbox.scss';\n\nexport type CheckboxProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label for checkboxen, som vises ved høyre side. */\n children?: React.ReactNode;\n /** Om Checkbox er avmerket, eller om den */\n checked?: 'indeterminate' | boolean;\n /** Callback for Checkbox */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Om checkboxen er disabled eller ikke\n * @default false\n */\n disabled?: boolean;\n /**Ekstra styling til komponenten */\n style?: CSSProperties;\n /** Reduserer klikkflaten for Checkbox'en\n * @default false\n */\n reduceClickArea?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n checked,\n className,\n children,\n style,\n disabled = false,\n reduceClickArea,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n // Trick to allow using a ref locally, while still allowing for ref forwarding\n // Read more at https://reactjs.org/docs/hooks-reference.html#useimperativehandle\n const innerRef = React.useRef<HTMLInputElement>(null);\n //eslint-disable-next-line\n React.useImperativeHandle(ref, () => innerRef.current!);\n\n const isIndeterminate = checked === 'indeterminate';\n const isControlled = checked !== undefined;\n\n React.useEffect(() => {\n if (innerRef && innerRef.current) {\n innerRef.current.indeterminate = isIndeterminate;\n }\n }, [isIndeterminate]);\n\n return (\n <label\n className={cx('eds-checkbox__container', className, {\n 'eds-checkbox--disabled': disabled,\n 'eds-checkbox__container--reduced-click-area': reduceClickArea,\n })}\n style={style}\n >\n <input\n type=\"checkbox\"\n ref={innerRef}\n checked={isControlled ? checked === true : undefined}\n disabled={disabled}\n {...rest}\n />\n <span\n className={cx('eds-checkbox__icon', {\n 'eds-checkbox__icon--disabled': disabled,\n 'eds-checkbox__icon--reduced-click-area': reduceClickArea,\n })}\n >\n <CheckboxIcon indeterminate={isIndeterminate} />\n </span>\n {children && (\n <Paragraph className=\"eds-checkbox__label\" margin=\"none\" as=\"span\">\n {children}\n </Paragraph>\n )}\n </label>\n );\n },\n);\n\nconst CheckboxIcon: React.FC<{ indeterminate: boolean }> = ({\n indeterminate = false,\n}) => {\n return (\n <svg\n className=\"eds-checkbox-icon\"\n width=\"11px\"\n height=\"9px\"\n viewBox=\"6 11 37 33\"\n >\n {indeterminate ? (\n <rect x=\"10\" y=\"25\" width=\"28\" height=\"5\" fill=\"white\" />\n ) : (\n <path\n className=\"eds-checkbox-icon__path\"\n d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n fill=\"none\"\n />\n )}\n </svg>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Label } from '@entur/typography';\nimport './Fieldset.scss';\n\nexport type FieldsetProps = {\n /** Innholdet i felt-gruppen. */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Labelen til felt-gruppen. */\n label?: React.ReactNode;\n [key: string]: any;\n};\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n children,\n className,\n label,\n ...rest\n}) => (\n <fieldset className={classNames('eds-fieldset', className)} {...rest}>\n {label && (\n <Label as=\"legend\" className=\"eds-legend\">\n {label}\n </Label>\n )}\n {children}\n </fieldset>\n);\n","import React from 'react';\n\ntype RadioGroupContextProps = {\n name: string;\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n value: string | null;\n};\n\nconst RadioGroupContext = React.createContext<RadioGroupContextProps | null>(\n null,\n);\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\n\nexport const useRadioGroupContext: () => RadioGroupContextProps = () => {\n const context = React.useContext(RadioGroupContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your RadioButtons in a RadioGroup component',\n );\n }\n return context;\n};\n","import React from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './Radio.scss';\n\nexport type RadioProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label til radio-button. Vises ved høyre side. */\n children?: React.ReactNode;\n /** Verdien til radioknappen */\n value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n (\n { className, children, value, disabled, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = cx(className, 'eds-form-component--radio__radio', {\n 'eds-form-component--radio__radio--disabled': disabled,\n });\n const { name, value: selectedValue, onChange } = useRadioGroupContext();\n return (\n <label className=\"eds-form-component--radio__container\">\n <input\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n checked={selectedValue === value}\n onChange={onChange}\n disabled={disabled}\n {...rest}\n />\n <span className={classList}>\n <span className=\"eds-form-component--radio__circle\"></span>\n </span>\n {children && (\n <Paragraph\n margin=\"none\"\n as=\"span\"\n className=\"eds-form-component--radio__label\"\n >\n {children}\n </Paragraph>\n )}\n </label>\n );\n },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './RadioPanel.scss';\nimport { useRandomId } from '@entur/utils';\n\nexport type RadioPanelProps = {\n /** Verdien til RadioPanel */\n value: string;\n /** Hovedtittelen til RadioPanel */\n title: React.ReactNode;\n /** Ektstra label som står høyrestilt mot Checkboxen */\n secondaryLabel?: React.ReactNode;\n /** Ekstra informasjon som legges nederst i RadioPanel */\n children?: React.ReactNode;\n /** Størrelse på RadioPanel\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /**Skjuler checkbox-en i RadioPanel\n * @default false\n */\n hideCheckbox?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n /** Om RadioPanel er deaktivert eller ikke\n * @default false\n */\n disabled?: boolean;\n /** */\n style?: React.CSSProperties;\n} & Omit<\n React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >,\n 'title' | 'size'\n>;\n\nexport const RadioPanel = React.forwardRef<HTMLInputElement, RadioPanelProps>(\n (\n {\n className,\n children,\n value,\n title,\n secondaryLabel,\n size = 'medium',\n hideCheckbox = false,\n style,\n id,\n disabled = false,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const classList = classNames(\n className,\n 'eds-radio-panel__container',\n `eds-radio-panel--${size}`,\n { 'eds-radio-panel--disabled': disabled },\n );\n\n const { name, value: selectedValue, onChange } = useRadioGroupContext();\n const randomId = useRandomId('eds-radiopanel');\n const radioPanelId = id || randomId;\n return (\n <label className=\"eds-radio-panel__wrapper\" htmlFor={radioPanelId}>\n <input\n type=\"radio\"\n name={name}\n ref={ref}\n value={value}\n checked={selectedValue === value}\n onChange={onChange}\n id={radioPanelId}\n disabled={disabled}\n {...rest}\n />\n <div className={classList} style={style}>\n <div className=\"eds-radio-panel__title-wrapper\">\n <div className=\"eds-radio-panel__title\">{title}</div>\n <div className=\"eds-radio-panel__label\">\n {secondaryLabel && <span>{secondaryLabel}</span>}\n {!(disabled || hideCheckbox) && (\n <span className=\"eds-radio-panel__check\">\n <RadioPanelCheck />\n </span>\n )}\n </div>\n </div>\n {children && (\n <div className=\"eds-radio-panel__additional-content\">\n {children}\n </div>\n )}\n </div>\n </label>\n );\n },\n);\n\nconst RadioPanelCheck: React.FC = () => {\n return (\n <svg\n className=\"eds-checkbox-icon\"\n width=\"22px\"\n height=\"16px\"\n viewBox=\"6 11 37 33\"\n >\n <path\n className=\"eds-checkbox-icon__path\"\n d=\"M14.1 27.2l7.1 7.2 14.6-14.8\"\n fill=\"none\"\n />\n </svg>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { colors } from '@entur/tokens';\nimport { CheckIcon, CloseSmallIcon } from '@entur/icons';\nimport './Switch.scss';\n\nexport type SwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label for Switch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for Switch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Om switch-en er checked eller ikke */\n checked?: boolean;\n /** Ikonet som skal stå inne i sirkelen på Switch-en */\n icon?: React.ReactNode;\n /** Skjul ikonet inne i sikrelen på Switch-en\n * @default false\n */\n hideIcon?: boolean;\n /** Farge som settes på ikon og bakgrunnen når Switch-en er \"checked\". Default er mint-contrast\n * @default colors.validation .mintContrast\n */\n color?: string;\n /** Lik som color, men når Switch-en står i en kontrast seksjon. Default er samme farge som color. */\n contrastColor?: string;\n /** Størrelsen på Switch-en\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n (\n {\n className,\n children,\n labelPlacement = 'right',\n icon,\n hideIcon = false,\n color = colors.validation.mintContrast,\n contrastColor,\n size = 'medium',\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const chosenContrastColor = (contrastColor && contrastColor) || color;\n const displayedIcon = () => {\n if (icon) return icon;\n return rest.checked ? <CheckIcon /> : <CloseSmallIcon />;\n };\n return (\n <label\n className={classNames(\n 'eds-switch',\n `eds-switch--${labelPlacement}`,\n className,\n )}\n style={{ ...rest.style }}\n >\n <input type=\"checkbox\" ref={ref} {...rest} />\n <span\n className={classNames(\n 'eds-switch__switch',\n `eds-switch__switch--${size}`,\n )}\n style={\n {\n '--eds-switch-color': color,\n '--eds-switch-contrast-color': chosenContrastColor,\n } as React.CSSProperties\n }\n >\n <span className=\"eds-switch__circle\">\n {!hideIcon && displayedIcon()}\n </span>\n </span>\n {children && (\n <span\n className={classNames(\n 'eds-switch__label',\n `eds-switch__label--${size}--${labelPlacement}`,\n )}\n >\n {children}\n </span>\n )}\n </label>\n );\n },\n);\n","// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function hasValue(value: any): boolean {\n return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n// True when any number or string with length.\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function isFilled(obj: any, SSR = false): boolean {\n return (\n obj &&\n ((hasValue(obj.value) && obj.value !== '') ||\n (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))\n );\n}\n","import React from 'react';\nimport { useVariant, VariantType } from './VariantProvider';\nimport { BaseFormControl } from './BaseFormControl';\nimport './TextArea.scss';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { useRandomId, useOnMount } from '@entur/utils';\nimport { isFilled } from './utils';\n\nexport type TextAreaProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Deaktiverer tekstområdet */\n disabled?: boolean;\n /** Setter tekstområdet i read-only modus */\n readOnly?: boolean;\n /** Label over TextArea */\n label: string;\n /** En tooltip som forklarer labelen til inputfeltet */\n labelTooltip?: React.ReactNode;\n /** Varselmelding, som vil komme under TextArea */\n feedback?: string;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n (\n {\n variant,\n disabled = false,\n readOnly = false,\n className,\n style,\n label,\n feedback,\n labelTooltip,\n onChange,\n disableLabelAnimation,\n ...rest\n },\n ref: React.Ref<HTMLTextAreaElement>,\n ) => {\n const textAreaId = useRandomId('eds-textarea');\n return (\n <BaseFormControl\n className={className}\n disabled={disabled}\n readOnly={readOnly}\n variant={variant}\n style={style}\n label={label}\n labelId={textAreaId}\n feedback={feedback}\n labelTooltip={labelTooltip}\n labelProps={{ className: 'eds-textarea__label' }}\n disableLabelAnimation={disableLabelAnimation}\n >\n <TextAreaBase\n readOnly={readOnly}\n disabled={disabled}\n ref={ref}\n aria-labelledby={textAreaId}\n onChange={onChange}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TextAreaBaseProps = {\n readOnly?: boolean;\n disabled?: boolean;\n variant?: VariantType;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextAreaBase = React.forwardRef<HTMLTextAreaElement, TextAreaBaseProps>(\n ({ readOnly, disabled, onChange, value, variant, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isInputFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (value || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value && setFiller && !isInputFilled) {\n setFiller(true);\n }\n }, [value, setFiller, isInputFilled]);\n\n const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n if (isFilled(event.target)) {\n setFiller && !isInputFilled && setFiller(true);\n } else {\n setFiller && isInputFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n\n return (\n <textarea\n className=\"eds-form-control eds-textarea\"\n ref={ref}\n readOnly={readOnly}\n disabled={disabled}\n onChange={handleChange}\n value={value}\n aria-invalid={currentVariant === 'error'}\n {...rest}\n />\n );\n },\n);\n","import { useRandomId, useOnMount } from '@entur/utils';\nimport React from 'react';\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { useVariant, VariantType } from './VariantProvider';\nimport { isFilled } from './utils';\nimport { CloseSmallIcon } from '@entur/icons';\nimport './TextField.scss';\n\nexport type TextFieldProps = {\n /** Tekst eller ikon som kommer før inputfeltet */\n prepend?: React.ReactNode;\n /** Tekst eller ikon som kommer etter inputfeltet */\n append?: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Label over TextField */\n label: React.ReactNode;\n /** En tooltip som forklarer labelen til inputfeltet */\n labelTooltip?: React.ReactNode;\n /** Varselmelding, som vil komme under TextField */\n feedback?: string;\n /** Hvilken valideringsfarge som vises */\n variant?: VariantType;\n /** Deaktiver inputfeltet */\n disabled?: boolean;\n /** Setter inputfeltet i read-only modus */\n readOnly?: boolean;\n /** Størrelsen på TextField\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Ekstra props som sendes til label-elementet */\n labelProps?: React.DetailedHTMLProps<\n React.LabelHTMLAttributes<HTMLLabelElement>,\n HTMLLabelElement\n >;\n /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.\n * @default false\n */\n clearable?: boolean;\n /** Callback for clearable */\n onClear?: () => void;\n ariaAlertOnFeedback?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n prepend,\n append,\n variant,\n disabled = false,\n readOnly = false,\n className,\n style,\n size = 'medium',\n label,\n required,\n labelTooltip,\n feedback,\n onChange,\n disableLabelAnimation,\n labelProps,\n clearable = false,\n onClear,\n value,\n ariaAlertOnFeedback = false,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const randomId = useRandomId('eds-textfield');\n const textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;\n return (\n <BaseFormControl\n disabled={disabled}\n readOnly={readOnly}\n variant={variant}\n prepend={prepend}\n append={\n clearable && onClear ? <ClearButton onClear={onClear} /> : append\n }\n className={className}\n style={style}\n size={size}\n label={label}\n required={required}\n labelTooltip={labelTooltip}\n labelId={textFieldId}\n feedback={feedback}\n disableLabelAnimation={disableLabelAnimation}\n labelProps={labelProps}\n ariaAlertOnFeedback={ariaAlertOnFeedback}\n >\n <TextFieldBase\n disabled={disabled}\n readOnly={readOnly}\n ref={ref}\n aria-labelledby={textFieldId}\n onChange={onChange}\n value={value}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype TextFieldBaseProps = {\n /** Deaktiver inputfeltet */\n disabled?: boolean;\n /** Setter inputfeltet i read-only modus */\n readOnly?: boolean;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst TextFieldBase = React.forwardRef<HTMLInputElement, TextFieldBaseProps>(\n (\n { disabled, readOnly, placeholder, onChange, value, variant, ...rest },\n forwardRef,\n ) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isInputFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n if (value || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value && setFiller && !isInputFilled) {\n setFiller(true);\n }\n }, [value, setFiller, isInputFilled]);\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (isFilled(event.target)) {\n setFiller && !isInputFilled && setFiller(true);\n } else {\n setFiller && isInputFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n\n return (\n <input\n aria-invalid={currentVariant === 'error'}\n className=\"eds-form-control\"\n disabled={disabled}\n readOnly={readOnly}\n ref={forwardRef}\n placeholder={placeholder}\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n },\n);\n\nconst ClearButton: React.FC<{\n onClear: () => void;\n [key: string]: any;\n}> = ({ onClear, ...props }) => {\n const { isFilled: hasValue, setFilled } = useInputGroupContext();\n return (\n <div className=\"eds-textfield__clear-button-wrapper\">\n {hasValue && <div className=\"eds-textfield__divider\"></div>}\n {hasValue && (\n <button\n className=\"eds-textfield__clear-button\"\n type=\"button\"\n tabIndex={-1}\n onClick={() => {\n setFilled(false);\n onClear();\n }}\n {...props}\n >\n <CloseSmallIcon />\n </button>\n )}\n </div>\n );\n};\n","import React from 'react';\nimport { useRandomId } from '@entur/utils';\n\nexport type SelectedValues = { [key: string]: boolean };\nexport type SelectedValue = string | null;\nexport type SegmentedContextProps =\n | {\n name: string;\n onChange: (value: SelectedValues) => void;\n selectedValue: SelectedValues;\n multiple: true;\n size: 'medium' | 'large';\n }\n | {\n name: string;\n onChange: (value: SelectedValue) => void;\n selectedValue: SelectedValue;\n multiple: false;\n size: 'medium' | 'large';\n };\n\nconst SegmentedContext = React.createContext<SegmentedContextProps | null>(\n null,\n);\n\nexport type SegmentedProviderProps =\n | {\n name?: string;\n onChange?: (value: SelectedValues) => void;\n selectedValue: SelectedValues;\n multiple: true;\n size: 'medium' | 'large';\n }\n | {\n name?: string;\n onChange?: (value: SelectedValue) => void;\n selectedValue: SelectedValue;\n multiple: false;\n size: 'medium' | 'large';\n };\n\nexport const SegmentedProvider: React.FC<SegmentedProviderProps> = ({\n name,\n onChange = () => undefined,\n selectedValue,\n multiple,\n size,\n ...rest\n}) => {\n const generatedName = useRandomId('eds-segmented-control');\n const contextValue = React.useMemo(\n () => ({\n name: name || generatedName,\n onChange,\n multiple,\n selectedValue,\n size,\n }),\n [generatedName, multiple, name, onChange, selectedValue, size],\n ) as SegmentedContextProps;\n return <SegmentedContext.Provider value={contextValue} {...rest} />;\n};\n\nexport const useSegmentedContext = (): SegmentedContextProps => {\n const context = React.useContext(SegmentedContext);\n if (!context) {\n throw new Error(\n 'You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl',\n );\n }\n return context;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n useSegmentedContext,\n SelectedValues,\n SelectedValue,\n} from './SegmentedContext';\nimport './SegmentedChoice.scss';\n\nexport type SegmentedChoiceProps = {\n /** Verdien til valget */\n value: string;\n /** Innhold som beskriver valget */\n children: React.ReactNode;\n /** Ekstra klassenavn */\n className?: string;\n /** Callback som kalles når komponenten endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nexport const SegmentedChoice = React.forwardRef<\n HTMLInputElement,\n SegmentedChoiceProps\n>(\n (\n {\n children,\n className,\n style,\n value,\n name,\n onChange = () => undefined,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const {\n name: commonName,\n selectedValue,\n onChange: commonOnChange,\n multiple,\n size,\n } = useSegmentedContext();\n\n const isChecked = multiple\n ? (selectedValue as SelectedValues)[value]\n : (selectedValue as SelectedValue) === value;\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange(e);\n if (multiple) {\n commonOnChange({\n ...(selectedValue as SelectedValues),\n [value]: e.target.checked,\n } as any);\n } else if (e.target.checked) {\n commonOnChange(value as any);\n }\n };\n\n return (\n <label\n className={classNames('eds-segmented-choice', className, {\n 'eds-segmented-choide--large': size === 'large',\n })}\n style={style}\n >\n <input\n type={multiple ? 'checkbox' : 'radio'}\n name={name || commonName}\n checked={isChecked}\n value={value}\n onChange={handleChange}\n ref={ref}\n {...rest}\n />\n <div\n className={classNames('eds-base-segmented', {\n 'eds-base-segmented--large': size === 'large',\n })}\n >\n {children}\n </div>\n </label>\n );\n },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('form', 'icons', 'typography');\n\nexport * from './BaseFormControl';\nexport * from './Checkbox';\nexport * from './FeedbackText';\nexport * from './Fieldset';\nexport * from './InputGroupLabel';\nexport * from './InputGroupContext';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './RadioPanel';\nexport * from './Switch';\nexport * from './TravelSwitch';\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './VariantProvider';\nexport * from './utils';\nexport * from './segmented-control/SegmentedChoice';\nexport * from './segmented-control/SegmentedControl';\nexport * from './segmented-control/MultipleSegmentedControl';\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValues } from './SegmentedContext';\nimport './SegmentedControl.scss';\n\nexport type MultipleSegmentedControlProps = {\n /** Navn på input-elementene */\n name?: string;\n /** Beskrivende tekst */\n label?: string;\n /** En eller flere SegmentedChoice-komponenter */\n children: React.ReactNode;\n /** Den eller de valgte verdiene */\n selectedValue: SelectedValues;\n /** Callback for når det gjøres et valg */\n onChange: (value: SelectedValues) => void;\n [key: string]: any;\n};\n\n/**This component is not used by anyone, and is therefore deprecated\n * @deprecated\n */\nexport const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps> =\n ({ children, label, name, onChange, selectedValue, ...rest }) => {\n return (\n <SegmentedProvider\n name={name}\n selectedValue={selectedValue}\n onChange={onChange}\n multiple={true}\n size=\"medium\"\n >\n <Label as=\"div\">{label}</Label>\n <div className=\"eds-segmented-control\" {...rest}>\n {children}\n </div>\n </SegmentedProvider>\n );\n };\n","import React from 'react';\nimport { RadioGroupContextProvider } from './RadioGroupContext';\nimport { Fieldset } from './Fieldset';\n\nexport type RadioGroupProps = {\n /** Navnet til radiogruppen. */\n name: string;\n /** Overskrift over radiogruppen */\n label?: string;\n /** Verdien til den valgte radioknappen */\n value: string | null;\n /** Radioknappene sendes inn som children */\n children: React.ReactNode;\n /** En callback som blir kalles hver gang en radioknapp klikkes på */\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n [key: string]: any;\n};\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n name,\n value,\n children,\n onChange,\n label,\n ...rest\n}) => {\n const contextValue = React.useMemo(\n () => ({ name, value, onChange }),\n [name, value, onChange],\n );\n return (\n <RadioGroupContextProvider value={contextValue}>\n {label ? (\n <Fieldset label={label} {...rest}>\n {children}\n </Fieldset>\n ) : (\n children\n )}\n </RadioGroupContextProvider>\n );\n};\n","import React from 'react';\nimport { SegmentedProvider, SelectedValue } from './SegmentedContext';\nimport { Fieldset } from '../Fieldset';\nimport classNames from 'classnames';\nimport './SegmentedControl.scss';\n\nexport type SegmentedControlProps = {\n /** Navn på input-elementene */\n name?: string;\n /** Beskrivende tekst */\n label?: string;\n /** En eller flere SegmentedChoice-komponenter */\n children: React.ReactNode;\n /** Den valgte verdien */\n selectedValue: SelectedValue;\n /** Callback for når det gjøres et valg */\n onChange: (value: SelectedValue) => void;\n /** Størrelsen på SegmentedChoice-komponentene */\n size?: 'medium' | 'large';\n /** Ekstra klassenavn */\n className?: string;\n [key: string]: any;\n};\n\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n children,\n label,\n name,\n onChange,\n selectedValue,\n size = 'medium',\n className,\n ...rest\n}) => {\n return (\n <SegmentedProvider\n name={name}\n selectedValue={selectedValue}\n onChange={onChange}\n multiple={false}\n size={size}\n >\n <Fieldset label={label}>\n <div\n className={classNames('eds-segmented-control', className)}\n {...rest}\n >\n {children}\n </div>\n </Fieldset>\n </SegmentedProvider>\n );\n};\n","import React from 'react';\nimport { Switch } from './Switch';\nimport { colors } from '@entur/tokens';\nimport {\n BusIcon,\n FerryIcon,\n TramIcon,\n PlaneIcon,\n TrainIcon,\n BicycleIcon,\n ScooterIcon,\n SubwayIcon,\n} from '@entur/icons';\nimport './Switch.scss';\n\nexport type TravelSwitchProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Om switchen er checked eller ikke */\n checked?: boolean;\n /** Label for TravelSwitch-en. */\n children?: React.ReactNode;\n /** Posisjonen til label for TravelSwitch-en.\n * @default \"right\"\n */\n labelPlacement?: 'right' | 'bottom';\n /** Hvilken type reise som skal vises rikig ikon og farge for */\n transport: // When adding a new submode, check https://enturas.atlassian.net/wiki/spaces/PUBLIC/pages/825393529/Norwegian+submodes+and+their+definitions for names\n | 'bus'\n | 'metro'\n | 'air'\n | 'tram'\n | 'rail'\n | 'water'\n | 'bike'\n | 'airportLinkBus'\n | 'airportLinkRail'\n | 'scooter';\n /** Callback for når verdien endres */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Størrelsen på Switchen\n * @default \"medium\"\n */\n size?: 'medium' | 'large';\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const TravelSwitch: React.FC<TravelSwitchProps> = ({\n className,\n children,\n labelPlacement = 'right',\n transport,\n size,\n ...rest\n}) => {\n const { color, contrast, Icon } = modeCalc(transport);\n return (\n <Switch\n className={className}\n labelPlacement={labelPlacement}\n color={color}\n contrastColor={contrast}\n icon={<Icon />}\n size={size}\n {...rest}\n >\n {children}\n </Switch>\n );\n};\n\nfunction modeCalc(mode: string) {\n switch (mode) {\n case 'bus':\n return {\n Icon: BusIcon,\n color: colors.transport.default.bus,\n contrast: colors.transport.contrast.bus,\n };\n case 'metro':\n return {\n Icon: SubwayIcon,\n color: colors.transport.default.metro,\n contrast: colors.transport.contrast.metro,\n };\n case 'air':\n return {\n Icon: PlaneIcon,\n color: colors.transport.default.plane,\n contrast: colors.transport.contrast.plane,\n };\n case 'tram':\n return {\n Icon: TramIcon,\n color: colors.transport.default.tram,\n contrast: colors.transport.contrast.tram,\n };\n case 'rail':\n return {\n Icon: TrainIcon,\n color: colors.transport.default.train,\n contrast: colors.transport.contrast.train,\n };\n case 'water':\n return {\n Icon: FerryIcon,\n color: colors.transport.default.ferry,\n contrast: colors.transport.contrast.ferry,\n };\n case 'bike':\n return {\n Icon: BicycleIcon,\n color: colors.transport.default.mobility,\n contrast: colors.transport.contrast.mobility,\n };\n case 'scooter':\n return {\n Icon: ScooterIcon,\n color: colors.transport.default.mobility,\n contrast: colors.transport.contrast.mobility,\n };\n case 'airportLinkBus':\n return {\n Icon: BusIcon,\n color: colors.transport.default.plane,\n contrast: colors.transport.contrast.plane,\n };\n case 'airportLinkRail':\n return {\n Icon: TrainIcon,\n color: colors.transport.default.plane,\n contrast: colors.transport.contrast.plane,\n };\n default:\n throw Error('Please select a transport for the TravelSwitch.');\n }\n}\n"],"names":["AlertIcon","variant","iconClass","React","ValidationCheckIcon","className","ValidationErrorIcon","ValidationExclamationIcon","FeedbackText","children","hideIcon","rest","SubLabel","classNames","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","staticAnimation","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","dark","disabled","readOnly","prepend","append","size","labelTooltip","feedback","labelProps","style","disableLabelAnimation","ariaAlertOnFeedback","contextVariant","currentVariant","Tooltip","content","placement","QuestionIcon","role","undefined","Checkbox","checked","reduceClickArea","innerRef","useRef","useImperativeHandle","current","isIndeterminate","isControlled","useEffect","indeterminate","cx","type","CheckboxIcon","Paragraph","margin","as","width","height","viewBox","x","y","fill","d","Fieldset","Label","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","classList","name","onChange","RadioPanel","title","secondaryLabel","hideCheckbox","selectedValue","randomId","useRandomId","radioPanelId","htmlFor","RadioPanelCheck","Switch","labelPlacement","icon","color","colors","validation","mintContrast","contrastColor","chosenContrastColor","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","TextAreaBase","isInputFilled","setFiller","useOnMount","event","target","TextField","clearable","onClear","textFieldId","ClearButton","TextFieldBase","placeholder","props","tabIndex","onClick","SegmentedContext","SegmentedProvider","multiple","generatedName","contextValue","useMemo","SegmentedChoice","useSegmentedContext","commonName","commonOnChange","isChecked","e","warnAboutMissingStyles","transport","mode","Icon","BusIcon","bus","contrast","SubwayIcon","metro","PlaneIcon","plane","TramIcon","tram","TrainIcon","train","FerryIcon","ferry","BicycleIcon","mobility","ScooterIcon","modeCalc"],"mappings":"s/BAWMA,EAAgD,gBAAGC,IAAAA,QACjDC,sDAAgED,SAC9DA,OACD,iBACIE,wBAACC,uBAAoBC,UAAWH,QACpC,eACIC,wBAACG,uBAAoBD,UAAWH,QACpC,sBAKI,SAHJ,iBACIC,wBAACI,6BAA0BF,UAAWH,MAiBtCM,EAA4C,gBACvDC,IAAAA,aACAC,SAAAA,gBACAT,IAAAA,QACAI,IAAAA,UACGM,gBAGDR,wBAACS,cACCP,UAAWQ,UACT,oBACA,2BAAyC,SAAZZ,GAC7BI,IAEEM,IAEFD,GAAYP,wBAACH,GAAUC,QAASA,IAClCE,gCAAME,UAAU,2BAA2BI,KChD3CK,EAAoBX,EAAMY,cAAqC,CACnEC,UAAU,EACVC,UAAW,kBAAM,QAGNC,EAER,gBAAGT,IAAAA,WACsBN,EAAMgB,UAAS,UAEzChB,gBAACW,EAAkBM,UACjBC,MAAO,CAAEL,cAAkBC,iBAE1BR,IAKMa,EAAoD,kBAC/DnB,EAAMoB,WAAWT,uDCVNU,EAAkD,gBAC7DC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,YACAC,gBAAAA,gBACGjB,WAEkBW,IACfO,EAASD,KADPZ,gBAGNb,mCACEE,UAAWQ,UAAWF,EAAKN,UAAW,yCACKwB,IAE3CC,GAAIH,GACAhB,GAEJR,gCACEE,UAAWQ,UAAW,yBAA0B,kCACZgB,KAGnCJ,MAAQC,GAAYvB,4CClCvB4B,EAAiB5B,UAAMY,cAAkC,MAgBlDiB,EAAuC,kBAClC7B,UAAMoB,WAAWQ,qOCgCtBE,EAAkB9B,UAAM+B,YAInC,WAuBEC,OArBE1B,IAAAA,SACAJ,IAAAA,cACA+B,KAAAA,oBACAC,SAAAA,oBACAC,SAAAA,gBACArC,IAAAA,QACAsC,IAAAA,QACAC,IAAAA,WACAC,KAAAA,aAAO,WACPzB,IAAAA,SACAS,IAAAA,MACAC,IAAAA,SACAgB,IAAAA,aACAC,IAAAA,SACAhB,IAAAA,QACAiB,IAAAA,WACAC,IAAAA,UACAC,sBAAAA,oBACAC,oBAAAA,gBACGpC,SAICqC,EAAiBhB,IACjBiB,EAAiBhD,GAAW+C,SAGhC7C,wBAACe,OACCf,iCACEE,UAAWQ,UACT,2BACAR,oCACkCoC,EAClC,qCAC0D,YAAnBQ,oCACiB,UAAnBA,mCACDb,uCACIC,uCACAC,wCACCtB,IAG3CmB,IAAKA,EACLU,MAAOA,GACHlC,GAEH4B,GACCpC,+BAAKE,UAAU,6BAA6BkC,GAE9CpC,wBAACqB,KACCC,MAAOA,EACPC,SAAUA,EACVC,QAASA,EACTC,gBAAiBkB,GACbF,IAELnC,EACA+B,GAAUrC,+BAAKE,UAAU,4BAA4BmC,GACrDE,GACCvC,+BAAKE,UAAU,8DACbF,wBAAC+C,WAAQC,QAAST,EAAcU,UAAU,SACxCjD,gCAAME,UAAU,uCACdF,wBAACkD,yBAMVV,GAAYM,GACX9C,wBAACK,GACCP,QAASgD,EACTK,KAAMP,EAAsB,aAAUQ,GAErCZ,iFC1GAa,EAAWrD,UAAM+B,YAC5B,WAUEC,OAREsB,IAAAA,QACApD,IAAAA,UACAI,IAAAA,SACAoC,IAAAA,UACAR,SAAAA,gBACAqB,IAAAA,gBACG/C,SAMCgD,EAAWxD,UAAMyD,OAAyB,MAEhDzD,UAAM0D,oBAAoB1B,GAAK,kBAAMwB,EAASG,eAExCC,EAA8B,kBAAZN,EAClBO,OAA2BT,IAAZE,SAErBtD,UAAM8D,WAAU,WACVN,GAAYA,EAASG,UACvBH,EAASG,QAAQI,cAAgBH,KAElC,CAACA,IAGF5D,iCACEE,UAAW8D,UAAG,0BAA2B9D,EAAW,0BACxBgC,gDACqBqB,IAEjDb,MAAOA,GAEP1C,mCACEiE,KAAK,WACLjC,IAAKwB,EACLF,QAASO,GAA2B,IAAZP,OAAmBF,EAC3ClB,SAAUA,GACN1B,IAENR,gCACEE,UAAW8D,UAAG,qBAAsB,gCACF9B,2CACUqB,KAG5CvD,wBAACkE,GAAaH,cAAeH,KAE9BtD,GACCN,wBAACmE,aAAUjE,UAAU,sBAAsBkE,OAAO,OAAOC,GAAG,QACzD/D,OAQP4D,EAAqD,oBACzDH,qBAGE/D,+BACEE,UAAU,oBACVoE,MAAM,OACNC,OAAO,MACPC,QAAQ,4BAGNxE,gCAAMyE,EAAE,KAAKC,EAAE,KAAKJ,MAAM,KAAKC,OAAO,IAAII,KAAK,UAE/C3E,gCACEE,UAAU,0BACV0E,EAAE,+BACFD,KAAK,8CCxFFE,EAAoC,gBAC/CvE,IAAAA,SACAJ,IAAAA,UACAoB,IAAAA,MACGd,gBAEHR,sCAAUE,UAAWQ,UAAW,eAAgBR,IAAgBM,GAC7Dc,GACCtB,wBAAC8E,SAAMT,GAAG,SAASnE,UAAU,cAC1BoB,GAGJhB,ICnBCyE,EAAoB/E,UAAMY,cAC9B,MAGWoE,EAA4BD,EAAkB9D,SAE9CgE,EAAqD,eAC1DC,EAAUlF,UAAMoB,WAAW2D,OAC5BG,QACG,IAAIC,MACR,uEAGGD,iDCNIE,EAAQpF,UAAM+B,YACzB,WAEEC,OADE9B,IAAAA,UAAWI,IAAAA,SAAUY,IAAAA,MAAOgB,IAAAA,SAAa1B,SAGrC6E,EAAYrB,UAAG9D,EAAW,mCAAoC,8CACpBgC,MAEC+C,WAE/CjF,iCAAOE,UAAU,wCACfF,mCACEiE,KAAK,QACLqB,OALEA,KAMFtD,IAAKA,EACLd,MAAOA,EACPoC,UARQpC,QAQmBA,EAC3BqE,WAT8BA,SAU9BrD,SAAUA,GACN1B,IAENR,gCAAME,UAAWmF,GACfrF,gCAAME,UAAU,uCAEjBI,GACCN,wBAACmE,aACCC,OAAO,OACPC,GAAG,OACHnE,UAAU,oCAETI,kKCNAkF,EAAaxF,UAAM+B,YAC9B,WAcEC,OAZE9B,IAAAA,UACAI,IAAAA,SACAY,IAAAA,MACAuE,IAAAA,MACAC,IAAAA,mBACApD,KAAAA,aAAO,eACPqD,aAAAA,gBACAjD,IAAAA,MACAf,IAAAA,OACAO,SAAAA,gBACG1B,SAIC6E,EAAY3E,UAChBR,EACA,iDACoBoC,EACpB,6BAA+BJ,MAGgB+C,IAAzCK,IAAAA,KAAaM,IAAP1E,MAAsBqE,IAAAA,SAC9BM,EAAWC,cAAY,kBACvBC,EAAepE,GAAMkE,SAEzB7F,iCAAOE,UAAU,2BAA2B8F,QAASD,GACnD/F,mCACEiE,KAAK,QACLqB,KAAMA,EACNtD,IAAKA,EACLd,MAAOA,EACPoC,QAASsC,IAAkB1E,EAC3BqE,SAAUA,EACV5D,GAAIoE,EACJ7D,SAAUA,GACN1B,IAENR,+BAAKE,UAAWmF,EAAW3C,MAAOA,GAChC1C,+BAAKE,UAAU,kCACbF,+BAAKE,UAAU,0BAA0BuF,GACzCzF,+BAAKE,UAAU,0BACZwF,GAAkB1F,oCAAO0F,KACvBxD,GAAYyD,IACb3F,gCAAME,UAAU,0BACdF,wBAACiG,WAKR3F,GACCN,+BAAKE,UAAU,uCACZI,QAST2F,EAA4B,kBAE9BjG,+BACEE,UAAU,oBACVoE,MAAM,OACNC,OAAO,OACPC,QAAQ,cAERxE,gCACEE,UAAU,0BACV0E,EAAE,+BACFD,KAAK,wGC5EAuB,EAASlG,UAAM+B,YAC1B,WAYEC,OAVE9B,IAAAA,UACAI,IAAAA,aACA6F,eAAAA,aAAiB,UACjBC,IAAAA,SACA7F,SAAAA,oBACA8F,MAAAA,aAAQC,SAAOC,WAAWC,eAC1BC,IAAAA,kBACAnE,KAAAA,aAAO,WACJ9B,SAICkG,EAAuBD,GAAiBA,GAAkBJ,SAM9DrG,iCACEE,UAAWQ,UACT,4BACeyF,EACfjG,GAEFwC,WAAYlC,EAAKkC,QAEjB1C,mCAAOiE,KAAK,WAAWjC,IAAKA,GAASxB,IACrCR,gCACEE,UAAWQ,UACT,4CACuB4B,GAEzBI,MACE,sBACwB2D,gCACSK,IAInC1G,gCAAME,UAAU,uBACZK,IA1BJ6F,GACkBpG,wBAAfQ,EAAK8C,QAAWqD,YAAgBC,0BA4BpCtG,GACCN,gCACEE,UAAWQ,UACT,0CACsB4B,OAAS6D,IAGhC7F,+ECzFGuG,EAAS3F,UACP,MAATA,KAAmB4F,MAAMC,QAAQ7F,IAA2B,IAAjBA,EAAM8F,iBAW1CnG,EAASoG,EAAUC,mBAAAA,IAAAA,GAAM,GAErCD,IACEJ,EAASI,EAAI/F,QAAwB,KAAd+F,EAAI/F,OAC1BgG,GAAOL,EAASI,EAAIE,eAAsC,KAArBF,EAAIE,sMCYnCC,EAAWpH,UAAM+B,YAC5B,WAcEC,OAZElC,IAAAA,YACAoC,SAAAA,oBACAC,SAAAA,gBACAjC,IAAAA,UACAwC,IAAAA,MACApB,IAAAA,MACAkB,IAAAA,SACAD,IAAAA,aACAgD,IAAAA,SACA5C,IAAAA,sBACGnC,SAIC6G,EAAavB,cAAY,uBAE7B9F,wBAAC8B,GACC5B,UAAWA,EACXgC,SAAUA,EACVC,SAAUA,EACVrC,QAASA,EACT4C,MAAOA,EACPpB,MAAOA,EACPE,QAAS6F,EACT7E,SAAUA,EACVD,aAAcA,EACdE,WAAY,CAAEvC,UAAW,uBACzByC,sBAAuBA,GAEvB3C,wBAACsH,KACCnF,SAAUA,EACVD,SAAUA,EACVF,IAAKA,oBACYqF,EACjB9B,SAAUA,EACVzF,QAASA,GACLU,QAaR8G,EAAetH,UAAM+B,YACzB,WAA4DC,OAAzDG,IAAAA,SAAUD,IAAAA,SAAUqD,IAAAA,SAAUrE,IAAAA,MAAOpB,IAAAA,QAAYU,SAC5CqC,EAAiBhB,IACjBiB,EAAiBhD,GAAW+C,IAEhC1B,IADgBoG,IAAV1G,SAAoC2G,IAAX1G,iBAGjC2G,cAAW,YACLvG,GAASV,EAAK2G,eAChBK,IAAcD,GAAiBC,GAAU,MAG7CxH,UAAM8D,WAAU,WACV5C,GAASsG,IAAcD,GACzBC,GAAU,KAEX,CAACtG,EAAOsG,EAAWD,IAcpBvH,sCACEE,UAAU,gCACV8B,IAAKA,EACLG,SAAUA,EACVD,SAAUA,EACVqD,SAjBiB,SAACmC,GAChB7G,EAAS6G,EAAMC,QACjBH,IAAcD,GAAiBC,GAAU,GAEzCA,GAAaD,GAAiBC,GAAU,GAEtCjC,GACFA,EAASmC,IAWTxG,MAAOA,iBAC0B,UAAnB4B,GACVtC,6TCrECoH,EAAY5H,UAAM+B,YAC7B,WAuBEC,OArBEI,IAAAA,QACAC,IAAAA,OACAvC,IAAAA,YACAoC,SAAAA,oBACAC,SAAAA,gBACAjC,IAAAA,UACAwC,IAAAA,UACAJ,KAAAA,aAAO,WACPhB,IAAAA,MACAC,IAAAA,SACAgB,IAAAA,aACAC,IAAAA,SACA+C,IAAAA,SACA5C,IAAAA,sBACAF,IAAAA,eACAoF,UAAAA,gBACAC,IAAAA,QACA5G,IAAAA,UACA0B,oBAAAA,gBACGpC,SAICqF,EAAWC,cAAY,iBACvBiC,EAActF,GAAcA,EAAWd,GAAKc,EAAWd,GAAKkE,SAEhE7F,wBAAC8B,GACCI,SAAUA,EACVC,SAAUA,EACVrC,QAASA,EACTsC,QAASA,EACTC,OACEwF,GAAaC,EAAU9H,wBAACgI,IAAYF,QAASA,IAAczF,EAE7DnC,UAAWA,EACXwC,MAAOA,EACPJ,KAAMA,EACNhB,MAAOA,EACPC,SAAUA,EACVgB,aAAcA,EACdf,QAASuG,EACTvF,SAAUA,EACVG,sBAAuBA,EACvBF,WAAYA,EACZG,oBAAqBA,GAErB5C,wBAACiI,KACC/F,SAAUA,EACVC,SAAUA,EACVH,IAAKA,oBACY+F,EACjBxC,SAAUA,EACVrE,MAAOA,EACPpB,QAASA,GACLU,QAkBRyH,EAAgBjI,UAAM+B,YAC1B,WAEEA,OADEG,IAAAA,SAAUC,IAAAA,SAAU+F,IAAAA,YAAa3C,IAAAA,SAAUrE,IAAAA,MAAOpB,IAAAA,QAAYU,SAG1DqC,EAAiBhB,IACjBiB,EAAiBhD,GAAW+C,IAEhC1B,IADgBoG,IAAV1G,SAAoC2G,IAAX1G,iBAGjC2G,cAAW,YACLvG,GAASV,EAAK2G,eAChBK,IAAcD,GAAiBC,GAAU,MAG7CxH,UAAM8D,WAAU,WACV5C,GAASsG,IAAcD,GACzBC,GAAU,KAEX,CAACtG,EAAOsG,EAAWD,IAcpBvH,kDACmC,UAAnB8C,EACd5C,UAAU,mBACVgC,SAAUA,EACVC,SAAUA,EACVH,IAAKD,EACLmG,YAAaA,EACb3C,SAnBiB,SAACmC,GAChB7G,EAAS6G,EAAMC,QACjBH,IAAcD,GAAiBC,GAAU,GAEzCA,GAAaD,GAAiBC,GAAU,GAEtCjC,GACFA,EAASmC,IAaTxG,MAAOA,GACHV,OAMNwH,GAGD,gBAAGF,IAAAA,QAAYK,WACwBhH,IAAxB0F,IAAVhG,SAAoBC,IAAAA,iBAE1Bd,+BAAKE,UAAU,uCACZ2G,GAAY7G,+BAAKE,UAAU,2BAC3B2G,GACC7G,oCACEE,UAAU,8BACV+D,KAAK,SACLmE,UAAW,EACXC,QAAS,WACPvH,GAAU,GACVgH,MAEEK,GAEJnI,wBAAC4G,mFC3KL0B,GAAmBtI,UAAMY,cAC7B,MAmBW2H,GAAsD,gBACjEjD,IAAAA,SACAC,SAAAA,aAAW,eACXK,IAAAA,cACA4C,IAAAA,SACAlG,IAAAA,KACG9B,UAEGiI,EAAgB3C,cAAY,yBAC5B4C,EAAe1I,UAAM2I,SACzB,iBAAO,CACLrD,KAAMA,GAAQmD,EACdlD,SAAAA,EACAiD,SAAAA,EACA5C,cAAAA,EACAtD,KAAAA,KAEF,CAACmG,EAAeD,EAAUlD,EAAMC,EAAUK,EAAetD,WAEpDtC,wBAACsI,GAAiBrH,YAASC,MAAOwH,GAAkBlI,mECrChDoI,GAAkB5I,UAAM+B,YAInC,WAUEC,OARE1B,IAAAA,SACAJ,IAAAA,UACAwC,IAAAA,MACAxB,IAAAA,MACAoE,IAAAA,SACAC,SAAAA,aAAW,eACR/E,YD4B0B,eAC3B0E,EAAUlF,UAAMoB,WAAWkH,QAC5BpD,QACG,IAAIC,MACR,uGAGGD,ECzBD2D,GALIC,IAANxD,KACAM,IAAAA,cACUmD,IAAVxD,SACAiD,IAAAA,SACAlG,IAAAA,KAGI0G,EAAYR,EACb5C,EAAiC1E,GACjC0E,IAAoC1E,SAevClB,iCACEE,UAAWQ,UAAW,uBAAwBR,EAAW,+BACf,UAAToC,IAEjCI,MAAOA,GAEP1C,mCACEiE,KAAMuE,EAAW,WAAa,QAC9BlD,KAAMA,GAAQwD,EACdxF,QAAS0F,EACT9H,MAAOA,EACPqE,SAxBe,SAAC0D,SACpB1D,EAAS0D,GACLT,EACFO,OACMnD,UACH1E,GAAQ+H,EAAEtB,OAAOrE,aAEX2F,EAAEtB,OAAOrE,SAClByF,EAAe7H,IAiBbc,IAAKA,GACDxB,IAENR,+BACEE,UAAWQ,UAAW,qBAAsB,6BACJ,UAAT4B,KAG9BhC,8ICjFX4I,yBAAuB,OAAQ,QAAS,oMCoBtC,gBAAG5I,IAAAA,SAAUgB,IAAAA,MAAOgE,IAAAA,KAAMC,IAAAA,SAAUK,IAAAA,cAAkBpF,iBAElDR,wBAACuI,IACCjD,KAAMA,EACNM,cAAeA,EACfL,SAAUA,EACViD,UAAU,EACVlG,KAAK,UAELtC,wBAAC8E,SAAMT,GAAG,OAAO/C,GACjBtB,iCAAKE,UAAU,yBAA4BM,GACxCF,wCChB0C,gBACnDgF,IAAAA,KACApE,IAAAA,MACAZ,IAAAA,SACAiF,IAAAA,SACAjE,IAAAA,MACGd,SAEGkI,EAAe1I,UAAM2I,SACzB,iBAAO,CAAErD,KAAAA,EAAMpE,MAAAA,EAAOqE,SAAAA,KACtB,CAACD,EAAMpE,EAAOqE,WAGdvF,wBAACgF,GAA0B9D,MAAOwH,GAC/BpH,EACCtB,wBAAC6E,KAASvD,MAAOA,GAAWd,GACzBF,GAGHA,6ECbyD,gBAC/DA,IAAAA,SACAgB,IAAAA,MACAgE,IAAAA,KACAC,IAAAA,SACAK,IAAAA,kBACAtD,KAAAA,aAAO,WACPpC,IAAAA,UACGM,iBAGDR,wBAACuI,IACCjD,KAAMA,EACNM,cAAeA,EACfL,SAAUA,EACViD,UAAU,EACVlG,KAAMA,GAENtC,wBAAC6E,GAASvD,MAAOA,GACftB,iCACEE,UAAWQ,UAAW,wBAAyBR,IAC3CM,GAEHF,mFCD8C,gBACvDJ,IAAAA,UACAI,IAAAA,aACA6F,eAAAA,aAAiB,UACjBgD,IAAAA,UACA7G,IAAAA,KACG9B,WAkBL,SAAkB4I,UACRA,OACD,YACI,CACLC,KAAMC,UACNjD,MAAOC,SAAO6C,kBAAkBI,IAChCC,SAAUlD,SAAO6C,UAAUK,SAASD,SAEnC,cACI,CACLF,KAAMI,aACNpD,MAAOC,SAAO6C,kBAAkBO,MAChCF,SAAUlD,SAAO6C,UAAUK,SAASE,WAEnC,YACI,CACLL,KAAMM,YACNtD,MAAOC,SAAO6C,kBAAkBS,MAChCJ,SAAUlD,SAAO6C,UAAUK,SAASI,WAEnC,aACI,CACLP,KAAMQ,WACNxD,MAAOC,SAAO6C,kBAAkBW,KAChCN,SAAUlD,SAAO6C,UAAUK,SAASM,UAEnC,aACI,CACLT,KAAMU,YACN1D,MAAOC,SAAO6C,kBAAkBa,MAChCR,SAAUlD,SAAO6C,UAAUK,SAASQ,WAEnC,cACI,CACLX,KAAMY,YACN5D,MAAOC,SAAO6C,kBAAkBe,MAChCV,SAAUlD,SAAO6C,UAAUK,SAASU,WAEnC,aACI,CACLb,KAAMc,cACN9D,MAAOC,SAAO6C,kBAAkBiB,SAChCZ,SAAUlD,SAAO6C,UAAUK,SAASY,cAEnC,gBACI,CACLf,KAAMgB,cACNhE,MAAOC,SAAO6C,kBAAkBiB,SAChCZ,SAAUlD,SAAO6C,UAAUK,SAASY,cAEnC,uBACI,CACLf,KAAMC,UACNjD,MAAOC,SAAO6C,kBAAkBS,MAChCJ,SAAUlD,SAAO6C,UAAUK,SAASI,WAEnC,wBACI,CACLP,KAAMU,YACN1D,MAAOC,SAAO6C,kBAAkBS,MAChCJ,SAAUlD,SAAO6C,UAAUK,SAASI,qBAGhCzE,MAAM,oDA/EkBmF,CAASnB,UAEzCnJ,wBAACkG,KACChG,UAAWA,EACXiG,eAAgBA,EAChBE,QALIA,MAMJI,gBANW+C,SAOXpD,KAAMpG,0BAPeqJ,WAQrB/G,KAAMA,GACF9B,GAEHF,4BjBxDwD,oBAE7DR,eAGEE,wBAAC4B,EAAeX,UAASC,iBAHjB,UADVZ"}
package/dist/form.esm.js CHANGED
@@ -588,6 +588,7 @@ function modeCalc(mode) {
588
588
  }
589
589
  }
590
590
 
591
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade
591
592
  function hasValue(value) {
592
593
  return value != null && !(Array.isArray(value) && value.length === 0);
593
594
  } // Determine if field is empty or filled.
@@ -597,6 +598,7 @@ function hasValue(value) {
597
598
  // @param SSR
598
599
  // @returns {boolean} False when not present or empty string.
599
600
  // True when any number or string with length.
601
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade
600
602
 
601
603
  function isFilled(obj, SSR) {
602
604
  if (SSR === void 0) {
@@ -607,7 +609,7 @@ function isFilled(obj, SSR) {
607
609
  }
608
610
 
609
611
  var _excluded$5 = ["variant", "disabled", "readOnly", "className", "style", "label", "feedback", "labelTooltip", "onChange", "disableLabelAnimation"],
610
- _excluded2$1 = ["readOnly", "disabled", "onChange", "value"];
612
+ _excluded2$1 = ["readOnly", "disabled", "onChange", "value", "variant"];
611
613
  var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
612
614
  var variant = _ref.variant,
613
615
  _ref$disabled = _ref.disabled,
@@ -643,7 +645,8 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
643
645
  disabled: disabled,
644
646
  ref: ref,
645
647
  "aria-labelledby": textAreaId,
646
- onChange: onChange
648
+ onChange: onChange,
649
+ variant: variant
647
650
  }, rest)));
648
651
  });
649
652
  var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
@@ -651,8 +654,12 @@ var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref)
651
654
  disabled = _ref2.disabled,
652
655
  onChange = _ref2.onChange,
653
656
  value = _ref2.value,
657
+ variant = _ref2.variant,
654
658
  rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
655
659
 
660
+ var contextVariant = useVariant();
661
+ var currentVariant = variant || contextVariant;
662
+
656
663
  var _useInputGroupContext = useInputGroupContext(),
657
664
  isInputFilled = _useInputGroupContext.isFilled,
658
665
  setFiller = _useInputGroupContext.setFilled;
@@ -686,7 +693,8 @@ var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref)
686
693
  readOnly: readOnly,
687
694
  disabled: disabled,
688
695
  onChange: handleChange,
689
- value: value
696
+ value: value,
697
+ "aria-invalid": currentVariant === 'error'
690
698
  }, rest));
691
699
  });
692
700
 
@@ -747,7 +755,8 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
747
755
  ref: ref,
748
756
  "aria-labelledby": textFieldId,
749
757
  onChange: onChange,
750
- value: value
758
+ value: value,
759
+ variant: variant
751
760
  }, rest)));
752
761
  });
753
762
  var TextFieldBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, forwardRef) {
@@ -829,7 +838,9 @@ var SegmentedContext = /*#__PURE__*/React__default.createContext(null);
829
838
  var SegmentedProvider = function SegmentedProvider(_ref) {
830
839
  var name = _ref.name,
831
840
  _ref$onChange = _ref.onChange,
832
- onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
841
+ onChange = _ref$onChange === void 0 ? function () {
842
+ return undefined;
843
+ } : _ref$onChange,
833
844
  selectedValue = _ref.selectedValue,
834
845
  multiple = _ref.multiple,
835
846
  size = _ref.size,
@@ -867,7 +878,9 @@ var SegmentedChoice = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
867
878
  value = _ref.value,
868
879
  name = _ref.name,
869
880
  _ref$onChange = _ref.onChange,
870
- onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
881
+ onChange = _ref$onChange === void 0 ? function () {
882
+ return undefined;
883
+ } : _ref$onChange,
871
884
  rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
872
885
 
873
886
  var _useSegmentedContext = useSegmentedContext(),
@@ -928,11 +941,11 @@ var SegmentedControl = function SegmentedControl(_ref) {
928
941
  onChange: onChange,
929
942
  multiple: false,
930
943
  size: size
931
- }, React__default.createElement(Label, {
932
- as: "div"
933
- }, label), React__default.createElement("div", _extends({
944
+ }, React__default.createElement(Fieldset, {
945
+ label: label
946
+ }, React__default.createElement("div", _extends({
934
947
  className: classNames('eds-segmented-control', className)
935
- }, rest), children));
948
+ }, rest), children)));
936
949
  };
937
950
 
938
951
  var _excluded = ["children", "label", "name", "onChange", "selectedValue"];