@entur/form 5.4.20 → 6.0.0

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/dist/form.cjs.development.js +18 -108
  2. package/dist/form.cjs.development.js.map +1 -1
  3. package/dist/form.cjs.production.min.js +1 -1
  4. package/dist/form.cjs.production.min.js.map +1 -1
  5. package/dist/form.esm.js +20 -109
  6. package/dist/form.esm.js.map +1 -1
  7. package/dist/index.d.ts +0 -1
  8. package/dist/styles.css +307 -307
  9. package/package.json +4 -4
  10. package/dist/TravelSwitch.d.ts +0 -23
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","// 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?.toString() || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value?.toString() && 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?.toString() || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value?.toString() && 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 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","_ref","variant","iconClass","React","ValidationCheckIcon","className","ValidationErrorIcon","ValidationExclamationIcon","FeedbackText","_ref2","children","_ref2$hideIcon","hideIcon","rest","_objectWithoutPropertiesLoose","_excluded","SubLabel","_extends","classNames","createElement","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","_React$useState","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","_ref$staticAnimation","staticAnimation","_useInputGroupContext","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","_ref$dark","dark","_ref$disabled","disabled","_ref$readOnly","readOnly","prepend","append","_ref$size","size","labelTooltip","feedback","labelProps","style","_ref$disableLabelAnim","disableLabelAnimation","_ref$ariaAlertOnFeedb","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","_ref2$indeterminate","width","height","viewBox","x","y","fill","d","Fieldset","Label","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","classList","_useRadioGroupContext","name","onChange","RadioPanel","title","secondaryLabel","_ref$hideCheckbox","hideCheckbox","selectedValue","randomId","useRandomId","radioPanelId","htmlFor","RadioPanelCheck","Switch","_ref$labelPlacement","labelPlacement","icon","_ref$hideIcon","_ref$color","color","colors","validation","mintContrast","contrastColor","chosenContrastColor","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","TextAreaBase","_excluded2","isInputFilled","setFiller","useOnMount","toString","event","target","TextField","_ref$clearable","clearable","onClear","textFieldId","ClearButton","TextFieldBase","placeholder","_ref3","props","_excluded3","_useInputGroupContext2","tabIndex","onClick","SegmentedContext","SegmentedProvider","_ref$onChange","multiple","generatedName","contextValue","useMemo","SegmentedChoice","_useSegmentedContext","useSegmentedContext","commonName","commonOnChange","isChecked","e","_extends2","warnAboutMissingStyles","transport","modeCalc","mode","Icon","BusIcon","bus","contrast","SubwayIcon","metro","PlaneIcon","plane","TramIcon","tram","TrainIcon","train","FerryIcon","ferry","BicycleIcon","mobility","ScooterIcon","_ref$variant"],"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"],"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?.toString() || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value?.toString() && 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?.toString() || rest.defaultValue) {\n setFiller && !isInputFilled && setFiller(true);\n }\n });\n React.useEffect(() => {\n if (value?.toString() && 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 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 './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"],"names":["AlertIcon","_ref","variant","iconClass","React","ValidationCheckIcon","className","ValidationErrorIcon","ValidationExclamationIcon","FeedbackText","_ref2","children","_ref2$hideIcon","hideIcon","rest","_objectWithoutPropertiesLoose","_excluded","SubLabel","_extends","classNames","createElement","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","_React$useState","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","_ref$staticAnimation","staticAnimation","_useInputGroupContext","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","_ref$dark","dark","_ref$disabled","disabled","_ref$readOnly","readOnly","prepend","append","_ref$size","size","labelTooltip","feedback","labelProps","style","_ref$disableLabelAnim","disableLabelAnimation","_ref$ariaAlertOnFeedb","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","_ref2$indeterminate","width","height","viewBox","x","y","fill","d","Fieldset","Label","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","classList","_useRadioGroupContext","name","onChange","RadioPanel","title","secondaryLabel","_ref$hideCheckbox","hideCheckbox","selectedValue","randomId","useRandomId","radioPanelId","htmlFor","RadioPanelCheck","Switch","_ref$labelPlacement","labelPlacement","icon","_ref$hideIcon","_ref$color","color","colors","validation","mintContrast","contrastColor","chosenContrastColor","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","TextAreaBase","_excluded2","isInputFilled","setFiller","useOnMount","toString","event","target","TextField","_ref$clearable","clearable","onClear","textFieldId","ClearButton","TextFieldBase","placeholder","_ref3","props","_excluded3","_useInputGroupContext2","tabIndex","onClick","SegmentedContext","SegmentedProvider","_ref$onChange","multiple","generatedName","contextValue","useMemo","SegmentedChoice","_useSegmentedContext","useSegmentedContext","commonName","commonOnChange","isChecked","e","_extends2","warnAboutMissingStyles","_ref$variant"],"mappings":"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"}
package/dist/form.esm.js CHANGED
@@ -3,7 +3,7 @@ import { Tooltip } from '@entur/tooltip';
3
3
  import classNames from 'classnames';
4
4
  import * as React from 'react';
5
5
  import React__default from 'react';
6
- import { ValidationExclamationIcon, ValidationErrorIcon, ValidationCheckIcon, QuestionIcon, CheckIcon, CloseSmallIcon, TrainIcon, BusIcon, ScooterIcon, BicycleIcon, FerryIcon, TramIcon, PlaneIcon, SubwayIcon } from '@entur/icons';
6
+ import { ValidationExclamationIcon, ValidationErrorIcon, ValidationCheckIcon, QuestionIcon, CheckIcon, CloseSmallIcon } from '@entur/icons';
7
7
  import { SubLabel, Paragraph, Label } from '@entur/typography';
8
8
  import { colors } from '@entur/tokens';
9
9
 
@@ -34,7 +34,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
34
34
  return target;
35
35
  }
36
36
 
37
- var _excluded$f = ["children", "hideIcon", "variant", "className"];
37
+ var _excluded$e = ["children", "hideIcon", "variant", "className"];
38
38
  var AlertIcon = function AlertIcon(_ref) {
39
39
  var variant = _ref.variant;
40
40
  var iconClass = "eds-feedback-text__icon eds-feedback-text__icon--" + variant;
@@ -63,7 +63,7 @@ var FeedbackText = function FeedbackText(_ref2) {
63
63
  hideIcon = _ref2$hideIcon === void 0 ? false : _ref2$hideIcon,
64
64
  variant = _ref2.variant,
65
65
  className = _ref2.className,
66
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
66
+ rest = _objectWithoutPropertiesLoose(_ref2, _excluded$e);
67
67
  return React__default.createElement(SubLabel, _extends({
68
68
  className: classNames('eds-feedback-text', {
69
69
  'eds-feedback-text--info': variant === 'info'
@@ -97,14 +97,14 @@ var useInputGroupContext = function useInputGroupContext() {
97
97
  return React.useContext(InputGroupContext);
98
98
  };
99
99
 
100
- var _excluded$e = ["label", "required", "labelId", "staticAnimation"];
100
+ var _excluded$d = ["label", "required", "labelId", "staticAnimation"];
101
101
  var InputGroupLabel = function InputGroupLabel(_ref) {
102
102
  var label = _ref.label,
103
103
  required = _ref.required,
104
104
  labelId = _ref.labelId,
105
105
  _ref$staticAnimation = _ref.staticAnimation,
106
106
  staticAnimation = _ref$staticAnimation === void 0 ? false : _ref$staticAnimation,
107
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
107
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
108
108
  var _useInputGroupContext = useInputGroupContext(),
109
109
  isFilled = _useInputGroupContext.isFilled;
110
110
  var filler = staticAnimation || isFilled;
@@ -134,7 +134,7 @@ var useVariant = function useVariant() {
134
134
  return context;
135
135
  };
136
136
 
137
- var _excluded$d = ["children", "className", "dark", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
137
+ var _excluded$c = ["children", "className", "dark", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
138
138
  var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
139
139
  var children = _ref.children,
140
140
  className = _ref.className,
@@ -161,7 +161,7 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
161
161
  disableLabelAnimation = _ref$disableLabelAnim === void 0 ? false : _ref$disableLabelAnim,
162
162
  _ref$ariaAlertOnFeedb = _ref.ariaAlertOnFeedback,
163
163
  ariaAlertOnFeedback = _ref$ariaAlertOnFeedb === void 0 ? false : _ref$ariaAlertOnFeedb,
164
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
164
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
165
165
  var contextVariant = useVariant();
166
166
  var currentVariant = variant || contextVariant;
167
167
  return React__default.createElement(InputGroupContextProvider, null, React__default.createElement("div", _extends({
@@ -197,7 +197,7 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
197
197
  }, feedback));
198
198
  });
199
199
 
200
- var _excluded$c = ["checked", "className", "children", "style", "disabled", "reduceClickArea"];
200
+ var _excluded$b = ["checked", "className", "children", "style", "disabled", "reduceClickArea"];
201
201
  var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
202
202
  var checked = _ref.checked,
203
203
  className = _ref.className,
@@ -206,7 +206,7 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
206
206
  _ref$disabled = _ref.disabled,
207
207
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
208
208
  reduceClickArea = _ref.reduceClickArea,
209
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
209
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
210
210
  // Trick to allow using a ref locally, while still allowing for ref forwarding
211
211
  // Read more at https://reactjs.org/docs/hooks-reference.html#useimperativehandle
212
212
  var innerRef = React__default.useRef(null);
@@ -266,12 +266,12 @@ var CheckboxIcon = function CheckboxIcon(_ref2) {
266
266
  }));
267
267
  };
268
268
 
269
- var _excluded$b = ["children", "className", "label"];
269
+ var _excluded$a = ["children", "className", "label"];
270
270
  var Fieldset = function Fieldset(_ref) {
271
271
  var children = _ref.children,
272
272
  className = _ref.className,
273
273
  label = _ref.label,
274
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
274
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
275
275
  return React__default.createElement("fieldset", _extends({
276
276
  className: classNames('eds-fieldset', className)
277
277
  }, rest), label && React__default.createElement(Label, {
@@ -290,13 +290,13 @@ var useRadioGroupContext = function useRadioGroupContext() {
290
290
  return context;
291
291
  };
292
292
 
293
- var _excluded$a = ["className", "children", "value", "disabled"];
293
+ var _excluded$9 = ["className", "children", "value", "disabled"];
294
294
  var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
295
295
  var className = _ref.className,
296
296
  children = _ref.children,
297
297
  value = _ref.value,
298
298
  disabled = _ref.disabled,
299
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
299
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
300
300
  var classList = classNames(className, 'eds-form-component--radio__radio', {
301
301
  'eds-form-component--radio__radio--disabled': disabled
302
302
  });
@@ -325,14 +325,14 @@ var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
325
325
  }, children));
326
326
  });
327
327
 
328
- var _excluded$9 = ["name", "value", "children", "onChange", "label"];
328
+ var _excluded$8 = ["name", "value", "children", "onChange", "label"];
329
329
  var RadioGroup = function RadioGroup(_ref) {
330
330
  var name = _ref.name,
331
331
  value = _ref.value,
332
332
  children = _ref.children,
333
333
  onChange = _ref.onChange,
334
334
  label = _ref.label,
335
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
335
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
336
336
  var contextValue = React__default.useMemo(function () {
337
337
  return {
338
338
  name: name,
@@ -347,7 +347,7 @@ var RadioGroup = function RadioGroup(_ref) {
347
347
  }, rest), children) : children);
348
348
  };
349
349
 
350
- var _excluded$8 = ["className", "children", "value", "title", "secondaryLabel", "size", "hideCheckbox", "style", "id", "disabled"];
350
+ var _excluded$7 = ["className", "children", "value", "title", "secondaryLabel", "size", "hideCheckbox", "style", "id", "disabled"];
351
351
  var RadioPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
352
352
  var className = _ref.className,
353
353
  children = _ref.children,
@@ -362,7 +362,7 @@ var RadioPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
362
362
  id = _ref.id,
363
363
  _ref$disabled = _ref.disabled,
364
364
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
365
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
365
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
366
366
  var classList = classNames(className, 'eds-radio-panel__container', "eds-radio-panel--" + size, {
367
367
  'eds-radio-panel--disabled': disabled
368
368
  });
@@ -412,7 +412,7 @@ var RadioPanelCheck = function RadioPanelCheck() {
412
412
  }));
413
413
  };
414
414
 
415
- var _excluded$7 = ["className", "children", "labelPlacement", "icon", "hideIcon", "color", "contrastColor", "size"];
415
+ var _excluded$6 = ["className", "children", "labelPlacement", "icon", "hideIcon", "color", "contrastColor", "size"];
416
416
  var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
417
417
  var className = _ref.className,
418
418
  children = _ref.children,
@@ -426,7 +426,7 @@ var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
426
426
  contrastColor = _ref.contrastColor,
427
427
  _ref$size = _ref.size,
428
428
  size = _ref$size === void 0 ? 'medium' : _ref$size,
429
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
429
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
430
430
  var chosenContrastColor = contrastColor && contrastColor || color;
431
431
  var displayedIcon = function displayedIcon() {
432
432
  if (icon) return icon;
@@ -451,95 +451,6 @@ var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
451
451
  }, children));
452
452
  });
453
453
 
454
- var _excluded$6 = ["className", "children", "labelPlacement", "transport", "size"];
455
- var TravelSwitch = function TravelSwitch(_ref) {
456
- var className = _ref.className,
457
- children = _ref.children,
458
- _ref$labelPlacement = _ref.labelPlacement,
459
- labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
460
- transport = _ref.transport,
461
- size = _ref.size,
462
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
463
- var _modeCalc = modeCalc(transport),
464
- color = _modeCalc.color,
465
- contrast = _modeCalc.contrast,
466
- Icon = _modeCalc.Icon;
467
- return React__default.createElement(Switch, _extends({
468
- className: className,
469
- labelPlacement: labelPlacement,
470
- color: color,
471
- contrastColor: contrast,
472
- icon: React__default.createElement(Icon, null),
473
- size: size
474
- }, rest), children);
475
- };
476
- function modeCalc(mode) {
477
- switch (mode) {
478
- case 'bus':
479
- return {
480
- Icon: BusIcon,
481
- color: colors.transport["default"].bus,
482
- contrast: colors.transport.contrast.bus
483
- };
484
- case 'metro':
485
- return {
486
- Icon: SubwayIcon,
487
- color: colors.transport["default"].metro,
488
- contrast: colors.transport.contrast.metro
489
- };
490
- case 'air':
491
- return {
492
- Icon: PlaneIcon,
493
- color: colors.transport["default"].plane,
494
- contrast: colors.transport.contrast.plane
495
- };
496
- case 'tram':
497
- return {
498
- Icon: TramIcon,
499
- color: colors.transport["default"].tram,
500
- contrast: colors.transport.contrast.tram
501
- };
502
- case 'rail':
503
- return {
504
- Icon: TrainIcon,
505
- color: colors.transport["default"].train,
506
- contrast: colors.transport.contrast.train
507
- };
508
- case 'water':
509
- return {
510
- Icon: FerryIcon,
511
- color: colors.transport["default"].ferry,
512
- contrast: colors.transport.contrast.ferry
513
- };
514
- case 'bike':
515
- return {
516
- Icon: BicycleIcon,
517
- color: colors.transport["default"].mobility,
518
- contrast: colors.transport.contrast.mobility
519
- };
520
- case 'scooter':
521
- return {
522
- Icon: ScooterIcon,
523
- color: colors.transport["default"].mobility,
524
- contrast: colors.transport.contrast.mobility
525
- };
526
- case 'airportLinkBus':
527
- return {
528
- Icon: BusIcon,
529
- color: colors.transport["default"].plane,
530
- contrast: colors.transport.contrast.plane
531
- };
532
- case 'airportLinkRail':
533
- return {
534
- Icon: TrainIcon,
535
- color: colors.transport["default"].plane,
536
- contrast: colors.transport.contrast.plane
537
- };
538
- default:
539
- throw Error('Please select a transport for the TravelSwitch.');
540
- }
541
- }
542
-
543
454
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade
544
455
  function hasValue(value) {
545
456
  return value != null && !(Array.isArray(value) && value.length === 0);
@@ -896,5 +807,5 @@ var MultipleSegmentedControl = function MultipleSegmentedControl(_ref) {
896
807
 
897
808
  warnAboutMissingStyles('form', 'icons', 'typography');
898
809
 
899
- export { BaseFormControl, Checkbox, FeedbackText, Fieldset, InputGroupContextProvider, InputGroupLabel, MultipleSegmentedControl, Radio, RadioGroup, RadioPanel, SegmentedChoice, SegmentedControl, Switch, TextArea, TextField, TravelSwitch, VariantProvider, hasValue, isFilled, useInputGroupContext, useVariant };
810
+ export { BaseFormControl, Checkbox, FeedbackText, Fieldset, InputGroupContextProvider, InputGroupLabel, MultipleSegmentedControl, Radio, RadioGroup, RadioPanel, SegmentedChoice, SegmentedControl, Switch, TextArea, TextField, VariantProvider, hasValue, isFilled, useInputGroupContext, useVariant };
900
811
  //# sourceMappingURL=form.esm.js.map