@stenajs-webui/forms 21.3.0 → 21.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/ui/text-input/TextInput.d.ts +2 -0
  2. package/dist/index.es.js +354 -348
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +2 -2
  5. package/dist/index.js.map +1 -1
  6. package/package.json +6 -6
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/components/ui/switch/Switch.tsx","../src/components/ui/switch/SwitchWithLabel.tsx","../src/components/ui/checkbox/Checkbox.tsx","../src/components/ui/checkbox/CheckboxWithLabel.tsx","../src/components/ui/radio/RadioButton.tsx","../src/components/ui/radio/RadioButtonBox.tsx","../src/components/ui/radio/RadioButtonWithLabel.tsx","../src/hooks/UseKeyboardNavigation.ts","../src/hooks/UseSelectAllOnMount.ts","../src/hooks/UseTextInput.ts","../src/components/ui/text-input/TextInputIcon.tsx","../src/components/ui/text-input/TextInput.tsx","../src/utils/NumericHelpers.ts","../src/components/ui/numeric-text-input/NumericTextInput.tsx","../src/components/ui/numeric-text-input/hooks/UseNumericInputValue.ts","../src/components/ui/password-input/PasswordInput.tsx","../src/components/ui/input-label/InputLabelText.tsx","../src/components/ui/input-label/InputLabel.tsx","../src/components/ui/labelled-select/LabelledSelect.tsx","../src/components/ui/labelled-text-input/LabelledTextInput.tsx","../src/components/ui/text-input/TextInputBox.tsx","../src/components/ui/text-area/TextArea.tsx"],"sourcesContent":["import { Ref } from \"react\";\nimport * as React from \"react\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n extends Omit<ButtonElementProps, \"value\">,\n ValueAndOnValueChangeProps<boolean> {\n wrapperRef?: Ref<HTMLDivElement>;\n}\n\nconst styleChecked = `${styles.switch} ${styles.checked}`;\n\nexport const Switch: React.FC<SwitchProps> = ({\n value,\n disabled,\n onValueChange,\n className,\n wrapperRef,\n ...restProps\n}) => {\n return (\n <div className={className} ref={wrapperRef}>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={value}\n className={value ? styleChecked : styles.switch}\n disabled={disabled}\n onClick={() => onValueChange && onValueChange(!value)}\n {...restProps}\n >\n <div className={styles.filler} />\n <div className={styles.knob} />\n </button>\n </div>\n );\n};\n","import { Box, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Switch, SwitchProps } from \"./Switch\";\n\nexport interface SwitchWithLabelProps extends SwitchProps {\n label: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n textColor?: string;\n}\n\nexport const SwitchWithLabel: React.FC<SwitchWithLabelProps> = ({\n label,\n disabled,\n textColor,\n wrapperRef,\n screenReaderLabel,\n ...switchProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Box row alignItems={\"center\"}>\n <Switch disabled={disabled} {...switchProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text\n color={textColor}\n aria-hidden={Boolean(screenReaderLabel)}\n userSelect={\"none\"}\n >\n {label}\n </Text>\n </Box>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport cx from \"classnames\";\nimport styles from \"./Checkbox.module.css\";\n\nexport type CheckboxSize = \"standard\" | \"small\";\n\nexport interface CheckboxProps\n extends FullOnChangeProps<boolean, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n indeterminate?: boolean;\n size?: CheckboxSize;\n disabled?: boolean;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n indeterminate = false,\n onChange,\n onValueChange,\n value = false,\n size = \"standard\",\n className,\n ...inputProps\n },\n ref\n ) => {\n const localRef = useRef<HTMLInputElement>();\n\n const setRef = (element: HTMLInputElement) => {\n localRef.current = element;\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n if (ref) {\n if (typeof ref === \"function\") {\n ref(element);\n } else {\n (ref as MutableRefObject<HTMLInputElement>).current = element;\n }\n }\n };\n\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.checked);\n }\n },\n [onChange, onValueChange]\n );\n\n useEffect(() => {\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [indeterminate, localRef]);\n\n return (\n <input\n type={\"checkbox\"}\n className={cx(styles.checkbox, styles[size], className)}\n checked={value}\n onChange={handleInputChange}\n ref={setRef}\n {...inputProps}\n />\n );\n }\n);\n","import { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { Checkbox, CheckboxProps } from \"./Checkbox\";\n\nexport interface CheckboxWithLabelProps extends CheckboxProps {\n label: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const CheckboxWithLabel: React.FC<CheckboxWithLabelProps> = ({\n children,\n label,\n inputRef,\n wrapperRef,\n textColor,\n screenReaderLabel,\n ...checkboxProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <Checkbox {...checkboxProps} ref={inputRef} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text\n color={textColor}\n aria-hidden={Boolean(screenReaderLabel)}\n userSelect={\"none\"}\n >\n {label}\n </Text>\n {children}\n </Row>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./RadioButton.module.css\";\nimport cx from \"classnames\";\n\nexport type RadioButtonSize = \"standard\" | \"small\";\n\nexport interface RadioButtonProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n size?: RadioButtonSize;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (\n {\n onChange,\n onValueChange,\n size = \"standard\",\n name,\n className,\n ...inputProps\n },\n ref\n ) => {\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <input\n type={\"radio\"}\n name={name}\n className={cx(styles.radiobutton, styles[size], className)}\n onChange={handleInputChange}\n ref={ref}\n {...inputProps}\n />\n );\n }\n);\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./RadioButtonBox.module.css\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioButtonBoxVariant = \"normal\" | \"danger\";\nexport type RadioButtonBoxSizeVariant = \"medium\" | \"large\";\n\nexport type RadioButtonBoxProps =\n | RadioButtonBoxNoRightProps\n | RadioButtonBoxIconProps\n | RadioButtonBoxContentRightProps;\n\nexport interface RadioButtonBoxCommonProps\n extends Omit<RadioButtonProps, \"size\"> {\n label?: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n variant?: RadioButtonBoxVariant;\n size?: RadioButtonBoxSizeVariant;\n radioButtonClassName?: string;\n}\n\nexport interface RadioButtonBoxNoRightProps extends RadioButtonBoxCommonProps {\n icon?: never;\n contentRight?: never;\n}\n\nexport interface RadioButtonBoxIconProps extends RadioButtonBoxCommonProps {\n icon?: IconDefinition;\n contentRight?: never;\n}\n\nexport interface RadioButtonBoxContentRightProps\n extends RadioButtonBoxCommonProps {\n icon?: never;\n contentRight?: ReactNode;\n}\n\nexport const RadioButtonBox: React.FC<RadioButtonBoxProps> = ({\n label,\n screenReaderLabel,\n variant = \"normal\",\n size = \"medium\",\n className,\n icon,\n contentRight,\n style,\n radioButtonClassName,\n ...radioButtonProps\n}) => {\n return (\n <label\n className={cx(\n styles.radioButtonBox,\n styles[variant],\n styles[size],\n className\n )}\n style={style}\n >\n <Row justifyContent={\"space-between\"} flexGrow={1}>\n <Row alignItems={\"center\"}>\n <RadioButton {...radioButtonProps} className={radioButtonClassName} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text aria-hidden={Boolean(screenReaderLabel)}>{label}</Text>\n </Row>\n <Row\n alignItems={\"center\"}\n width={icon ? \"48px\" : undefined}\n justifyContent={\"center\"}\n >\n {icon && <Icon icon={icon} size={24} />}\n {!icon && contentRight}\n </Row>\n </Row>\n </label>\n );\n};\n","import { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport interface RadioButtonWithLabelProps extends RadioButtonProps {\n label: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const RadioButtonWithLabel: React.FC<RadioButtonWithLabelProps> = ({\n label,\n inputRef,\n wrapperRef,\n textColor,\n screenReaderLabel,\n ...radioButtonProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <RadioButton ref={inputRef} {...radioButtonProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text\n color={textColor}\n aria-hidden={Boolean(screenReaderLabel)}\n userSelect={\"none\"}\n >\n {label}\n </Text>\n </Row>\n </label>\n </div>\n );\n};\n","import {\n FocusEventHandler,\n KeyboardEvent,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n useRef,\n} from \"react\";\n\nexport type MoveDirection = \"right\" | \"left\" | \"down\" | \"up\";\nexport type TextInputElement = HTMLTextAreaElement | HTMLInputElement;\n\nexport const useKeyboardNavigation = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n /**\n * User-provided onKeyDown. Internal handler should forward calls to this.\n * */\n onKeyDown: KeyboardEventHandler<TElement> | undefined,\n onEnter: (() => void) | undefined,\n onEsc: (() => void) | undefined,\n /**\n * onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab.\n * */\n onMove: ((direction: MoveDirection) => void) | undefined,\n onDone: ((value: string) => void) | undefined,\n onBlur: FocusEventHandler<TElement> | undefined,\n onFocus: FocusEventHandler<TElement> | undefined\n) => {\n const wasHandled = useRef(false);\n\n const onBlurHandler: FocusEventHandler<TElement> = (ev) => {\n if (!wasHandled.current) {\n onDone?.(ev.target.value ?? \"\");\n }\n onBlur?.(ev);\n };\n\n const onFocusHandler: FocusEventHandler<TElement> = (ev) => {\n wasHandled.current = false;\n onFocus?.(ev);\n };\n\n const onKeyDownHandler: KeyboardEventHandler<TElement> = useCallback(\n (ev) => {\n const { key } = ev;\n if (key === \"Enter\") {\n wasHandled.current = true;\n onEnter?.();\n onDone?.(ev.currentTarget.value ?? \"\");\n } else if (key === \"Escape\") {\n wasHandled.current = true;\n onEsc?.();\n ev.preventDefault();\n ev.stopPropagation();\n } else if (onMove) {\n const blurMoveAndCancel = (\n direction: MoveDirection,\n e: KeyboardEvent<TElement>\n ) => {\n wasHandled.current = true;\n ref.current!.blur();\n onMove(direction);\n e.preventDefault();\n e.stopPropagation();\n };\n\n if (ev.shiftKey && key === \"Tab\") {\n blurMoveAndCancel(\"left\", ev);\n } else if (key === \"Tab\") {\n blurMoveAndCancel(\"right\", ev);\n } else if (key === \"ArrowUp\") {\n blurMoveAndCancel(\"up\", ev);\n } else if (key === \"ArrowDown\") {\n blurMoveAndCancel(\"down\", ev);\n } else if (key === \"ArrowRight\") {\n if (ref.current!.value.length === ref.current!.selectionStart) {\n blurMoveAndCancel(\"right\", ev);\n }\n } else if (key === \"ArrowLeft\") {\n if (ref.current!.selectionStart === 0) {\n blurMoveAndCancel(\"left\", ev);\n }\n }\n }\n\n if (onKeyDown) {\n onKeyDown(ev);\n }\n },\n [onEsc, onMove, onKeyDown, ref, onEnter, onDone]\n );\n\n return {\n onKeyDownHandler,\n onBlurHandler,\n onFocusHandler,\n };\n};\n","import { RefObject, useEffect } from \"react\";\nimport { TextInputElement } from \"./UseKeyboardNavigation\";\n\nexport function elementHasSelectionRange(element: TextInputElement): boolean {\n if (element.tagName === \"TEXTAREA\") {\n return true;\n }\n\n if (\n element.tagName === \"INPUT\" &&\n (element.type === \"text\" ||\n element.type === \"search\" ||\n element.type === \"url\" ||\n element.type === \"tel\" ||\n element.type === \"password\")\n ) {\n return true;\n }\n\n return false;\n}\n\nexport const useSelectAllOnMount = (\n ref: RefObject<TextInputElement>,\n moveCursorToEnd: boolean,\n enabled: boolean\n) => {\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n /*\n `selectionStart`, `selectionEnd` properties and `setSelectionRange` method apply only to inputs of types text, search, URL, tel and password.\n Chrome, starting from version 33, throws an exception while accessing those properties and method on the rest of input types.\n https://html.spec.whatwg.org/multipage/input.html#concept-input-apply\n */\n if (!elementHasSelectionRange(ref.current)) {\n return;\n }\n\n if (enabled) {\n ref.current.setSelectionRange(0, ref.current.value.length);\n } else if (moveCursorToEnd) {\n ref.current.setSelectionRange(\n ref.current.value.length,\n ref.current.value.length\n );\n }\n }, [moveCursorToEnd, ref, enabled]);\n};\n","import {\n ChangeEvent,\n ChangeEventHandler,\n CSSProperties,\n FocusEventHandler,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n} from \"react\";\nimport { TextInputVariant } from \"../components/ui/text-input/TextInput\";\nimport {\n MoveDirection,\n TextInputElement,\n useKeyboardNavigation,\n} from \"./UseKeyboardNavigation\";\nimport { useSelectAllOnMount } from \"./UseSelectAllOnMount\";\nimport { FullOnChangeProps } from \"../components/ui/types\";\n\ninterface UseTextInputOptions<TElement extends TextInputElement>\n extends FullOnChangeProps<string, ChangeEvent<TElement>> {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n onFocus?: FocusEventHandler<TElement>;\n onBlur?: FocusEventHandler<TElement>;\n onKeyDown?: KeyboardEventHandler<TElement>;\n}\n\ninterface UseTextInputHookResult<TElement extends TextInputElement> {\n autoFocus?: boolean;\n onChange: ChangeEventHandler<TElement>;\n onFocus: FocusEventHandler<TElement>;\n onBlur: FocusEventHandler<TElement>;\n onKeyDown: KeyboardEventHandler<TElement>;\n}\n\nexport const useTextInput = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n }: UseTextInputOptions<TElement>\n): UseTextInputHookResult<TElement> => {\n useSelectAllOnMount(ref, !!moveCursorToEndOnMount, !!selectAllOnMount);\n\n const { onKeyDownHandler, onFocusHandler, onBlurHandler } =\n useKeyboardNavigation<TElement>(\n ref,\n onKeyDown,\n onEnter,\n onEsc,\n onMove,\n onDone,\n onBlur,\n onFocus\n );\n\n const onChangeHandler = useCallback<ChangeEventHandler<TElement>>(\n (ev) => {\n onChange?.(ev);\n onValueChange?.(ev.target.value);\n },\n [onChange, onValueChange]\n );\n\n return {\n onBlur: onBlurHandler,\n onChange: onChangeHandler,\n onFocus: onFocusHandler,\n onKeyDown: onKeyDownHandler,\n autoFocus: selectAllOnMount || autoFocus,\n };\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nexport interface TextInputIconProps {\n iconClassName?: string;\n content?: React.ReactNode;\n button?: React.ReactNode;\n icon?: IconDefinition;\n spaceOnRight?: boolean;\n spaceOnLeft?: boolean;\n disableContentPadding?: boolean;\n disableContentPaddingLeft?: boolean;\n disableContentPaddingRight?: boolean;\n}\n\nexport const TextInputIcon: React.FC<TextInputIconProps> = ({\n button,\n icon,\n iconClassName,\n content,\n spaceOnLeft,\n spaceOnRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n}) => {\n if (!content && !icon && !button) {\n return null;\n }\n\n if (button) {\n return (\n <>\n {spaceOnLeft ? <Space num={0.25} /> : null}\n {button}\n {spaceOnRight ? <Space num={0.25} /> : null}\n </>\n );\n }\n\n if (content) {\n return (\n <>\n {spaceOnLeft &&\n !(disableContentPadding || disableContentPaddingLeft) ? (\n <Space />\n ) : null}\n {content || null}\n {spaceOnRight &&\n !(disableContentPadding || disableContentPaddingRight) ? (\n <Space />\n ) : null}\n </>\n );\n }\n\n return (\n <>\n {spaceOnLeft ? <Space /> : null}\n {icon && (\n <FontAwesomeIcon\n icon={icon}\n className={cx(styles.icon, iconClassName)}\n />\n )}\n {spaceOnRight ? <Space /> : null}\n </>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { InputProps } from \"@stenajs-webui/core\";\nimport { InputSpinner } from \"@stenajs-webui/elements\";\nimport { stenaCheck, stenaExclamationTriangle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ChangeEvent, CSSProperties, useRef } from \"react\";\nimport { MoveDirection } from \"../../../hooks/UseKeyboardNavigation\";\nimport { useTextInput } from \"../../../hooks/UseTextInput\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./TextInput.module.css\";\nimport { TextInputIcon } from \"./TextInputIcon\";\n\nexport type TextInputVariant =\n | \"standard\"\n | \"loading\"\n | \"warning\"\n | \"error\"\n | \"modified\"\n | \"success\";\n\ninterface ExtraContent {\n /** React node to put to the left. Left icon is ignored if this is set. */\n contentLeft?: React.ReactNode;\n /** React node to put to the right. Right icon is ignored if this is set. */\n contentRight?: React.ReactNode;\n /** TextInputButton to the left. Left icon and content is ignored if this is set. */\n buttonLeft?: React.ReactNode;\n /** React node to put to the right. Right icon and content is ignored if this is set. */\n buttonRight?: React.ReactNode;\n /** If true, there will be no padding between contentLeft/contentRight and the border. */\n disableContentPadding?: boolean;\n /** If true, there will be no padding between contentLeft and the border. */\n disableContentPaddingLeft?: boolean;\n /** If true, there will be no padding between contentRight and the border. */\n disableContentPaddingRight?: boolean;\n /** Icon on the left side. */\n iconLeft?: IconDefinition;\n /** Icon on the right side. */\n iconRight?: IconDefinition;\n}\n\nexport interface TextInputProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n InputProps,\n ExtraContent {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n}\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n const {\n variant = \"standard\",\n inputRef,\n disabled,\n className,\n buttonLeft,\n buttonRight,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconLeft,\n iconRight,\n moveCursorToEndOnMount,\n selectAllOnMount,\n autoFocus,\n onValueChange,\n wrapperClassName,\n wrapperStyle,\n onDone,\n onEnter,\n onEsc,\n onMove,\n onChange,\n onKeyDown,\n hideBorder,\n onFocus,\n onBlur,\n ...inputProps\n } = props;\n const localRef = useRef<HTMLInputElement>(null);\n const refToUse = inputRef ?? localRef;\n const hookProps = useTextInput<HTMLInputElement>(refToUse, {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n });\n\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n {\n [styles.hideBorder]: hideBorder,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={iconLeft}\n spaceOnLeft\n button={buttonLeft}\n />\n <input\n className={cx(styles.input, className)}\n type={\"text\"}\n disabled={disabled}\n ref={refToUse}\n autoFocus={autoFocus}\n {...inputProps}\n {...hookProps}\n />\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n button={buttonRight}\n />\n </div>\n );\n};\n","import { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport const onStepValueChange = ({\n onValueChange,\n value,\n numSteps,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n value: string | undefined;\n numSteps: number;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (!value) {\n onValueChange(String(limitWithinRange(numSteps, min, max)));\n } else {\n const parsedValue = parseFloatElseUndefined(value);\n const newValue = (parsedValue || 0) + numSteps;\n onValueChange(String(limitWithinRange(newValue, min, max)));\n }\n }\n};\n\nexport const onTextValueChange = ({\n onValueChange,\n newValue,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n newValue: string;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (newValue === \"\") {\n onValueChange(\"\");\n } else {\n const parsedValue = parseFloatElseUndefined(newValue);\n const value = parsedValue || 0;\n onValueChange(String(limitWithinRange(value, min, max)));\n }\n }\n};\n\nconst limitWithinRange = (\n value: number,\n min?: number,\n max?: number\n): number => {\n let v = value;\n if (min != null) {\n v = Math.max(min, v);\n }\n if (max != null) {\n v = Math.min(max, v);\n }\n return v;\n};\n","import { Omit, Space } from \"@stenajs-webui/core\";\nimport { UpDownButtons } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport styles from \"./NumericTextInput.module.css\";\nimport cx from \"classnames\";\nimport {\n onStepValueChange,\n onTextValueChange,\n} from \"../../../utils/NumericHelpers\";\n\nexport interface NumericTextInputProps\n extends Omit<\n TextInputProps,\n | \"onChange\" // Omit onChange, since up down buttons don't generate HTMLInput event.\n | \"selectAllOnMount\" // Not supported by browser when input type='number'\n | \"moveCursorToEndOnMount\" // Not supported by browser when input type='number'\n > {\n max?: number;\n min?: number;\n step?: number;\n hideButtons?: boolean;\n}\n\nexport const NumericTextInput: React.FC<NumericTextInputProps> = ({\n value,\n onValueChange,\n max,\n min,\n step = 1,\n contentRight,\n disabled,\n className,\n hideButtons,\n ...restProps\n}) => {\n const onClick = useCallback(\n (numSteps: number) => {\n onStepValueChange({ onValueChange, value, numSteps, min, max });\n },\n [value, max, min, onValueChange]\n );\n const onChange = useCallback(\n (newValue: string) => {\n onTextValueChange({ onValueChange, newValue, min, max });\n },\n [max, min, onValueChange]\n );\n\n const contentRightToUse = hideButtons ? (\n contentRight\n ) : (\n <>\n {contentRight && (\n <>\n {contentRight}\n <Space />\n </>\n )}\n <UpDownButtons\n onClickUp={disabled ? undefined : () => onClick(step)}\n onClickDown={disabled ? undefined : () => onClick(-step)}\n iconColor={\"var(--swui-textinput-text-color)\"}\n disabled={disabled}\n />\n </>\n );\n\n return (\n <TextInput\n contentRight={contentRightToUse}\n value={value}\n onValueChange={onChange}\n disableContentPaddingRight={!hideButtons}\n type={\"number\"}\n min={min}\n max={max}\n step={step}\n className={cx(styles.numericTextInputInput, className)}\n disabled={disabled}\n {...restProps}\n />\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { ValueAndOnValueChangeProps } from \"../../types\";\nimport { NumericTextInputProps } from \"../NumericTextInput\";\nimport { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport type NumericInputValueProps = ValueAndOnValueChangeProps<\n number | undefined\n>;\n\nexport const useNumericInputValue = (\n value: number | undefined,\n onValueChange?: (value: number | undefined) => void\n): Partial<NumericTextInputProps> => {\n const onValueChangeString = useCallback(\n (newValue: string) => {\n if (onValueChange) {\n if (!newValue) {\n onValueChange(undefined);\n } else {\n const n = parseFloatElseUndefined(newValue);\n if (n !== undefined) {\n onValueChange(n);\n }\n }\n }\n },\n [onValueChange]\n );\n\n const valueString = useMemo(() => {\n if (value === undefined) {\n return \"\";\n }\n return String(value);\n }, [value]);\n\n return {\n onValueChange: onValueChangeString,\n value: valueString,\n };\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport {\n stenaEyeHide,\n stenaEyeShow,\n TextInputButton,\n} from \"@stenajs-webui/elements\";\n\nexport interface PasswordInputProps extends TextInputProps {\n visibleIcon?: IconDefinition;\n hiddenIcon?: IconDefinition;\n}\n\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\n hiddenIcon = stenaEyeShow,\n visibleIcon = stenaEyeHide,\n ...props\n}) => {\n const [isPassword, setIsPassword] = useState(true);\n\n return (\n <TextInput\n buttonRight={\n <TextInputButton\n icon={isPassword ? hiddenIcon : visibleIcon}\n onClick={() => setIsPassword((x) => !x)}\n />\n }\n type={isPassword ? \"password\" : \"text\"}\n {...props}\n />\n );\n};\n","import { getDataProps, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface InputLabelTextProps {\n disabled?: boolean;\n text?: string;\n}\n\nexport const InputLabelText: React.FC<InputLabelTextProps> = ({\n disabled,\n text,\n ...props\n}) => {\n return (\n <Text\n variant={\"bold\"}\n color={cssColor(disabled ? \"--silver\" : \"--tjara\")}\n size={\"small\"}\n {...getDataProps(props)}\n >\n {text}\n </Text>\n );\n};\n","import * as React from \"react\";\nimport { InputLabelText } from \"./InputLabelText\";\nimport { ScreenReaderOnlyText } from \"@stenajs-webui/core\";\n\nexport interface InputLabelProps {\n htmlFor?: string;\n label?: string;\n screenReaderLabel?: string;\n className?: string;\n disabled?: boolean;\n}\n\nexport const InputLabel: React.FC<InputLabelProps> = ({\n htmlFor,\n screenReaderLabel,\n label,\n disabled,\n className,\n}) => {\n return (\n <label htmlFor={htmlFor} className={className}>\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <InputLabelText\n aria-hidden={Boolean(screenReaderLabel)}\n text={label}\n disabled={disabled}\n />\n </label>\n );\n};\n","import * as React from \"react\";\nimport { ChangeEvent, PropsWithChildren, useCallback, useId } from \"react\";\nimport { Icon, stenaAngleDown } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport { InputLabel } from \"../input-label/InputLabel\";\nimport styles from \"./LabelledSelect.module.css\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\nimport { SelectElementProps } from \"@stenajs-webui/core\";\n\nexport type SelectBorderVariant =\n | \"normalBorder\"\n | \"onlyTopBorder\"\n | \"onlyBottomBorder\";\n\nexport interface LabelledSelectProps\n extends ValueAndOnValueChangeProps<string>,\n PropsWithChildren,\n Omit<SelectElementProps, \"value\"> {\n id?: string;\n name: string;\n label?: string;\n screenReaderLabel?: string;\n borderVariant?: SelectBorderVariant;\n variant?: LabelledSelectVariant;\n}\n\nexport type LabelledSelectVariant = \"normal\" | \"error\";\n\nexport const LabelledSelect: React.FC<LabelledSelectProps> = ({\n onChange,\n onValueChange,\n id,\n label,\n screenReaderLabel,\n borderVariant = \"normalBorder\",\n variant = \"normal\",\n children,\n ...inputProps\n}) => {\n const hookId = useId();\n\n const activeId = id ?? hookId;\n\n const onChangeHandler = useCallback(\n (e: ChangeEvent<HTMLSelectElement>) => {\n onChange?.(e);\n onValueChange?.(e.target.value);\n },\n [onChange, onValueChange]\n );\n\n return (\n <div\n className={cx(\n styles.labelledSelect,\n styles[variant],\n styles[borderVariant]\n )}\n >\n <InputLabel\n htmlFor={activeId}\n className={styles.label}\n label={label}\n screenReaderLabel={screenReaderLabel}\n />\n <select\n id={activeId}\n onChange={onChangeHandler}\n className={cx(styles.select, styles[variant])}\n {...inputProps}\n >\n {children}\n </select>\n\n <div className={cx(styles.iconWrapper)}>\n <Icon\n icon={stenaAngleDown}\n size={24}\n color={cssColor(\"--modern-blue\")}\n />\n </div>\n </div>\n );\n};\n","import * as React from \"react\";\nimport { ChangeEventHandler, useCallback, useId } from \"react\";\nimport cx from \"classnames\";\nimport { InputLabel } from \"../input-label/InputLabel\";\nimport styles from \"./LabelledTextInput.module.css\";\nimport { InputElementProps } from \"@stenajs-webui/core\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\n\nexport type LabelledTextInputVariant = \"normal\" | \"error\";\nexport type LabelledTextInputSize = \"medium\" | \"large\";\n\nexport type LabelledTextInputBorderVariant =\n | \"normalBorder\"\n | \"onlyTop\"\n | \"onlyBottom\"\n | \"onlyLeft\"\n | \"onlyRight\";\n\nexport interface LabelledTextInputProps\n extends Omit<InputElementProps, \"value\" | \"size\">,\n ValueAndOnValueChangeProps<string> {\n id?: string;\n label?: string;\n size?: LabelledTextInputSize;\n screenReaderLabel?: string;\n pattern?: string;\n borderRadiusVariant?: LabelledTextInputBorderVariant;\n variant?: LabelledTextInputVariant;\n}\n\nexport const LabelledTextInput = React.forwardRef<\n HTMLInputElement,\n LabelledTextInputProps\n>(\n (\n {\n autoComplete = \"off\",\n label,\n id,\n screenReaderLabel,\n size = \"medium\",\n value,\n onChange,\n disabled,\n onValueChange,\n borderRadiusVariant = \"normalBorder\",\n variant = \"normal\",\n width,\n ...inputProps\n },\n ref\n ) => {\n const hookId = useId();\n\n const activeId = id ?? hookId;\n\n const onChangeHandler = useCallback<ChangeEventHandler<HTMLInputElement>>(\n (ev) => {\n onChange?.(ev);\n onValueChange?.(ev.target.value);\n },\n [onChange, onValueChange]\n );\n\n return (\n <div\n className={cx(\n styles.labelledTextInput,\n styles[variant],\n styles[borderRadiusVariant],\n styles[size],\n disabled && styles.disabled\n )}\n style={width ? { width } : undefined}\n >\n <InputLabel\n htmlFor={activeId}\n screenReaderLabel={screenReaderLabel}\n label={label}\n />\n <input\n ref={ref}\n id={activeId}\n autoComplete={autoComplete}\n type={\"text\"}\n value={value}\n onChange={onChangeHandler}\n disabled={disabled}\n {...inputProps}\n />\n </div>\n );\n }\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport cx from \"classnames\";\nimport { TextInputProps } from \"./TextInput\";\nimport { TextInputIcon } from \"./TextInputIcon\";\nimport {\n InputSpinner,\n stenaCheck,\n stenaExclamationTriangle,\n TextInputButton,\n} from \"@stenajs-webui/elements\";\nimport { ButtonElementProps, Row } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface TextInputBoxProps\n extends Pick<\n TextInputProps,\n | \"variant\"\n | \"wrapperClassName\"\n | \"disabled\"\n | \"wrapperStyle\"\n | \"contentLeft\"\n | \"contentRight\"\n | \"disableContentPadding\"\n | \"disableContentPaddingLeft\"\n | \"disableContentPaddingRight\"\n > {\n children?: ReactNode;\n iconRight?: IconDefinition;\n iconLeft?: IconDefinition;\n onClickLeft?: ButtonElementProps[\"onClick\"];\n onClickRight?: ButtonElementProps[\"onClick\"];\n}\n\nexport const TextInputBox: React.FC<TextInputBoxProps> = ({\n variant = \"standard\",\n disabled,\n wrapperClassName,\n wrapperStyle,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconRight,\n iconLeft,\n onClickLeft,\n onClickRight,\n children,\n}) => {\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles.inputContainer,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n spaceOnLeft\n button={\n iconLeft ? (\n <TextInputButton onClick={onClickLeft} icon={iconLeft} />\n ) : undefined\n }\n />\n <Row alignItems={\"center\"}>{children}</Row>\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n spaceOnRight\n button={\n currentIconRight ? (\n <TextInputButton onClick={onClickRight} icon={currentIconRight} />\n ) : undefined\n }\n />\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./TextArea.module.css\";\nimport { FullOnChangeProps } from \"../types\";\n\ntype Resize =\n | \"none\"\n | \"both\"\n | \"horizontal\"\n | \"vertical\"\n | \"inherit\"\n | \"initial\"\n | \"revert\"\n | \"unset\";\n\nexport interface TextAreaProps\n extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"value\">,\n FullOnChangeProps<string, ChangeEvent<HTMLTextAreaElement>> {\n resize?: Resize;\n readOnly?: boolean;\n rows?: number;\n disabled?: boolean;\n}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n (\n {\n className,\n value,\n onValueChange,\n onChange,\n resize = \"none\",\n readOnly = false,\n rows,\n disabled,\n ...textAreaProps\n },\n ref\n ) => {\n const onChangeHandler: ChangeEventHandler<HTMLTextAreaElement> =\n useCallback(\n (ev) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <textarea\n disabled={disabled}\n rows={rows}\n readOnly={readOnly}\n className={cx(styles.textArea, className)}\n style={{ resize }}\n onChange={onChangeHandler}\n value={value}\n ref={ref}\n {...textAreaProps}\n />\n );\n }\n);\n"],"names":["styleChecked","styles","Switch","value","disabled","onValueChange","className","wrapperRef","restProps","jsx","jsxs","SwitchWithLabel","label","textColor","screenReaderLabel","switchProps","Box","Space","ScreenReaderOnlyText","Text","Checkbox","forwardRef","indeterminate","onChange","size","inputProps","ref","localRef","useRef","setRef","element","handleInputChange","useCallback","ev","useEffect","cx","CheckboxWithLabel","children","inputRef","checkboxProps","Row","RadioButton","name","RadioButtonBox","variant","icon","contentRight","style","radioButtonClassName","radioButtonProps","Icon","RadioButtonWithLabel","useKeyboardNavigation","onKeyDown","onEnter","onEsc","onMove","onDone","onBlur","onFocus","wasHandled","onBlurHandler","onFocusHandler","key","blurMoveAndCancel","direction","e","elementHasSelectionRange","useSelectAllOnMount","moveCursorToEnd","enabled","useTextInput","selectAllOnMount","moveCursorToEndOnMount","autoFocus","onKeyDownHandler","onChangeHandler","TextInputIcon","button","iconClassName","content","spaceOnLeft","spaceOnRight","disableContentPadding","disableContentPaddingLeft","disableContentPaddingRight","Fragment","FontAwesomeIcon","TextInput","props","buttonLeft","buttonRight","contentLeft","iconLeft","iconRight","wrapperClassName","wrapperStyle","hideBorder","refToUse","hookProps","currentIconRight","stenaCheck","stenaExclamationTriangle","currentContentRight","InputSpinner","onStepValueChange","numSteps","min","max","limitWithinRange","newValue","parseFloatElseUndefined","onTextValueChange","v","NumericTextInput","step","hideButtons","onClick","UpDownButtons","useNumericInputValue","onValueChangeString","n","valueString","useMemo","PasswordInput","hiddenIcon","stenaEyeShow","visibleIcon","stenaEyeHide","isPassword","setIsPassword","useState","TextInputButton","x","InputLabelText","text","cssColor","getDataProps","InputLabel","htmlFor","LabelledSelect","id","borderVariant","hookId","useId","activeId","stenaAngleDown","LabelledTextInput","React","autoComplete","borderRadiusVariant","width","TextInputBox","onClickLeft","onClickRight","TextArea","resize","readOnly","rows","textAreaProps"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/components/ui/switch/Switch.tsx","../src/components/ui/switch/SwitchWithLabel.tsx","../src/components/ui/checkbox/Checkbox.tsx","../src/components/ui/checkbox/CheckboxWithLabel.tsx","../src/components/ui/radio/RadioButton.tsx","../src/components/ui/radio/RadioButtonBox.tsx","../src/components/ui/radio/RadioButtonWithLabel.tsx","../src/hooks/UseKeyboardNavigation.ts","../src/hooks/UseSelectAllOnMount.ts","../src/hooks/UseTextInput.ts","../src/components/ui/text-input/TextInputIcon.tsx","../src/components/ui/text-input/TextInput.tsx","../src/utils/NumericHelpers.ts","../src/components/ui/numeric-text-input/NumericTextInput.tsx","../src/components/ui/numeric-text-input/hooks/UseNumericInputValue.ts","../src/components/ui/password-input/PasswordInput.tsx","../src/components/ui/input-label/InputLabelText.tsx","../src/components/ui/input-label/InputLabel.tsx","../src/components/ui/labelled-select/LabelledSelect.tsx","../src/components/ui/labelled-text-input/LabelledTextInput.tsx","../src/components/ui/text-input/TextInputBox.tsx","../src/components/ui/text-area/TextArea.tsx"],"sourcesContent":["import { Ref } from \"react\";\nimport * as React from \"react\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n extends Omit<ButtonElementProps, \"value\">,\n ValueAndOnValueChangeProps<boolean> {\n wrapperRef?: Ref<HTMLDivElement>;\n}\n\nconst styleChecked = `${styles.switch} ${styles.checked}`;\n\nexport const Switch: React.FC<SwitchProps> = ({\n value,\n disabled,\n onValueChange,\n className,\n wrapperRef,\n ...restProps\n}) => {\n return (\n <div className={className} ref={wrapperRef}>\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={value}\n className={value ? styleChecked : styles.switch}\n disabled={disabled}\n onClick={() => onValueChange && onValueChange(!value)}\n {...restProps}\n >\n <div className={styles.filler} />\n <div className={styles.knob} />\n </button>\n </div>\n );\n};\n","import { Box, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Switch, SwitchProps } from \"./Switch\";\n\nexport interface SwitchWithLabelProps extends SwitchProps {\n label: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n textColor?: string;\n}\n\nexport const SwitchWithLabel: React.FC<SwitchWithLabelProps> = ({\n label,\n disabled,\n textColor,\n wrapperRef,\n screenReaderLabel,\n ...switchProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Box row alignItems={\"center\"}>\n <Switch disabled={disabled} {...switchProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text\n color={textColor}\n aria-hidden={Boolean(screenReaderLabel)}\n userSelect={\"none\"}\n >\n {label}\n </Text>\n </Box>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport cx from \"classnames\";\nimport styles from \"./Checkbox.module.css\";\n\nexport type CheckboxSize = \"standard\" | \"small\";\n\nexport interface CheckboxProps\n extends FullOnChangeProps<boolean, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n indeterminate?: boolean;\n size?: CheckboxSize;\n disabled?: boolean;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (\n {\n indeterminate = false,\n onChange,\n onValueChange,\n value = false,\n size = \"standard\",\n className,\n ...inputProps\n },\n ref\n ) => {\n const localRef = useRef<HTMLInputElement>();\n\n const setRef = (element: HTMLInputElement) => {\n localRef.current = element;\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n if (ref) {\n if (typeof ref === \"function\") {\n ref(element);\n } else {\n (ref as MutableRefObject<HTMLInputElement>).current = element;\n }\n }\n };\n\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.checked);\n }\n },\n [onChange, onValueChange]\n );\n\n useEffect(() => {\n if (localRef.current) {\n localRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [indeterminate, localRef]);\n\n return (\n <input\n type={\"checkbox\"}\n className={cx(styles.checkbox, styles[size], className)}\n checked={value}\n onChange={handleInputChange}\n ref={setRef}\n {...inputProps}\n />\n );\n }\n);\n","import { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { Checkbox, CheckboxProps } from \"./Checkbox\";\n\nexport interface CheckboxWithLabelProps extends CheckboxProps {\n label: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const CheckboxWithLabel: React.FC<CheckboxWithLabelProps> = ({\n children,\n label,\n inputRef,\n wrapperRef,\n textColor,\n screenReaderLabel,\n ...checkboxProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <Checkbox {...checkboxProps} ref={inputRef} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text\n color={textColor}\n aria-hidden={Boolean(screenReaderLabel)}\n userSelect={\"none\"}\n >\n {label}\n </Text>\n {children}\n </Row>\n </label>\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./RadioButton.module.css\";\nimport cx from \"classnames\";\n\nexport type RadioButtonSize = \"standard\" | \"small\";\n\nexport interface RadioButtonProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"value\"> {\n size?: RadioButtonSize;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (\n {\n onChange,\n onValueChange,\n size = \"standard\",\n name,\n className,\n ...inputProps\n },\n ref\n ) => {\n const handleInputChange = useCallback(\n (ev: ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <input\n type={\"radio\"}\n name={name}\n className={cx(styles.radiobutton, styles[size], className)}\n onChange={handleInputChange}\n ref={ref}\n {...inputProps}\n />\n );\n }\n);\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./RadioButtonBox.module.css\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioButtonBoxVariant = \"normal\" | \"danger\";\nexport type RadioButtonBoxSizeVariant = \"medium\" | \"large\";\n\nexport type RadioButtonBoxProps =\n | RadioButtonBoxNoRightProps\n | RadioButtonBoxIconProps\n | RadioButtonBoxContentRightProps;\n\nexport interface RadioButtonBoxCommonProps\n extends Omit<RadioButtonProps, \"size\"> {\n label?: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n variant?: RadioButtonBoxVariant;\n size?: RadioButtonBoxSizeVariant;\n radioButtonClassName?: string;\n}\n\nexport interface RadioButtonBoxNoRightProps extends RadioButtonBoxCommonProps {\n icon?: never;\n contentRight?: never;\n}\n\nexport interface RadioButtonBoxIconProps extends RadioButtonBoxCommonProps {\n icon?: IconDefinition;\n contentRight?: never;\n}\n\nexport interface RadioButtonBoxContentRightProps\n extends RadioButtonBoxCommonProps {\n icon?: never;\n contentRight?: ReactNode;\n}\n\nexport const RadioButtonBox: React.FC<RadioButtonBoxProps> = ({\n label,\n screenReaderLabel,\n variant = \"normal\",\n size = \"medium\",\n className,\n icon,\n contentRight,\n style,\n radioButtonClassName,\n ...radioButtonProps\n}) => {\n return (\n <label\n className={cx(\n styles.radioButtonBox,\n styles[variant],\n styles[size],\n className\n )}\n style={style}\n >\n <Row justifyContent={\"space-between\"} flexGrow={1}>\n <Row alignItems={\"center\"}>\n <RadioButton {...radioButtonProps} className={radioButtonClassName} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text aria-hidden={Boolean(screenReaderLabel)}>{label}</Text>\n </Row>\n <Row\n alignItems={\"center\"}\n width={icon ? \"48px\" : undefined}\n justifyContent={\"center\"}\n >\n {icon && <Icon icon={icon} size={24} />}\n {!icon && contentRight}\n </Row>\n </Row>\n </label>\n );\n};\n","import { Row, ScreenReaderOnlyText, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { Ref } from \"react\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport interface RadioButtonWithLabelProps extends RadioButtonProps {\n label: string;\n /**\n * If set, this label is used by screen readers instead of label prop.\n * For example, label could be \"male\", while screenReaderLabel is \"Gender male\".\n * If not set, screen readers will use label prop.\n */\n screenReaderLabel?: string;\n textColor?: string;\n wrapperRef?: Ref<HTMLDivElement>;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const RadioButtonWithLabel: React.FC<RadioButtonWithLabelProps> = ({\n label,\n inputRef,\n wrapperRef,\n textColor,\n screenReaderLabel,\n ...radioButtonProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <RadioButton ref={inputRef} {...radioButtonProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text\n color={textColor}\n aria-hidden={Boolean(screenReaderLabel)}\n userSelect={\"none\"}\n >\n {label}\n </Text>\n </Row>\n </label>\n </div>\n );\n};\n","import {\n FocusEventHandler,\n KeyboardEvent,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n useRef,\n} from \"react\";\n\nexport type MoveDirection = \"right\" | \"left\" | \"down\" | \"up\";\nexport type TextInputElement = HTMLTextAreaElement | HTMLInputElement;\n\nexport const useKeyboardNavigation = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n /**\n * User-provided onKeyDown. Internal handler should forward calls to this.\n * */\n onKeyDown: KeyboardEventHandler<TElement> | undefined,\n onEnter: (() => void) | undefined,\n onEsc: (() => void) | undefined,\n /**\n * onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab.\n * */\n onMove: ((direction: MoveDirection) => void) | undefined,\n onDone: ((value: string) => void) | undefined,\n onBlur: FocusEventHandler<TElement> | undefined,\n onFocus: FocusEventHandler<TElement> | undefined\n) => {\n const wasHandled = useRef(false);\n\n const onBlurHandler: FocusEventHandler<TElement> = (ev) => {\n if (!wasHandled.current) {\n onDone?.(ev.target.value ?? \"\");\n }\n onBlur?.(ev);\n };\n\n const onFocusHandler: FocusEventHandler<TElement> = (ev) => {\n wasHandled.current = false;\n onFocus?.(ev);\n };\n\n const onKeyDownHandler: KeyboardEventHandler<TElement> = useCallback(\n (ev) => {\n const { key } = ev;\n if (key === \"Enter\") {\n wasHandled.current = true;\n onEnter?.();\n onDone?.(ev.currentTarget.value ?? \"\");\n } else if (key === \"Escape\") {\n wasHandled.current = true;\n onEsc?.();\n ev.preventDefault();\n ev.stopPropagation();\n } else if (onMove) {\n const blurMoveAndCancel = (\n direction: MoveDirection,\n e: KeyboardEvent<TElement>\n ) => {\n wasHandled.current = true;\n ref.current!.blur();\n onMove(direction);\n e.preventDefault();\n e.stopPropagation();\n };\n\n if (ev.shiftKey && key === \"Tab\") {\n blurMoveAndCancel(\"left\", ev);\n } else if (key === \"Tab\") {\n blurMoveAndCancel(\"right\", ev);\n } else if (key === \"ArrowUp\") {\n blurMoveAndCancel(\"up\", ev);\n } else if (key === \"ArrowDown\") {\n blurMoveAndCancel(\"down\", ev);\n } else if (key === \"ArrowRight\") {\n if (ref.current!.value.length === ref.current!.selectionStart) {\n blurMoveAndCancel(\"right\", ev);\n }\n } else if (key === \"ArrowLeft\") {\n if (ref.current!.selectionStart === 0) {\n blurMoveAndCancel(\"left\", ev);\n }\n }\n }\n\n if (onKeyDown) {\n onKeyDown(ev);\n }\n },\n [onEsc, onMove, onKeyDown, ref, onEnter, onDone]\n );\n\n return {\n onKeyDownHandler,\n onBlurHandler,\n onFocusHandler,\n };\n};\n","import { RefObject, useEffect } from \"react\";\nimport { TextInputElement } from \"./UseKeyboardNavigation\";\n\nexport function elementHasSelectionRange(element: TextInputElement): boolean {\n if (element.tagName === \"TEXTAREA\") {\n return true;\n }\n\n if (\n element.tagName === \"INPUT\" &&\n (element.type === \"text\" ||\n element.type === \"search\" ||\n element.type === \"url\" ||\n element.type === \"tel\" ||\n element.type === \"password\")\n ) {\n return true;\n }\n\n return false;\n}\n\nexport const useSelectAllOnMount = (\n ref: RefObject<TextInputElement>,\n moveCursorToEnd: boolean,\n enabled: boolean\n) => {\n useEffect(() => {\n if (!ref.current) {\n return;\n }\n\n /*\n `selectionStart`, `selectionEnd` properties and `setSelectionRange` method apply only to inputs of types text, search, URL, tel and password.\n Chrome, starting from version 33, throws an exception while accessing those properties and method on the rest of input types.\n https://html.spec.whatwg.org/multipage/input.html#concept-input-apply\n */\n if (!elementHasSelectionRange(ref.current)) {\n return;\n }\n\n if (enabled) {\n ref.current.setSelectionRange(0, ref.current.value.length);\n } else if (moveCursorToEnd) {\n ref.current.setSelectionRange(\n ref.current.value.length,\n ref.current.value.length\n );\n }\n }, [moveCursorToEnd, ref, enabled]);\n};\n","import {\n ChangeEvent,\n ChangeEventHandler,\n CSSProperties,\n FocusEventHandler,\n KeyboardEventHandler,\n RefObject,\n useCallback,\n} from \"react\";\nimport { TextInputVariant } from \"../components/ui/text-input/TextInput\";\nimport {\n MoveDirection,\n TextInputElement,\n useKeyboardNavigation,\n} from \"./UseKeyboardNavigation\";\nimport { useSelectAllOnMount } from \"./UseSelectAllOnMount\";\nimport { FullOnChangeProps } from \"../components/ui/types\";\n\ninterface UseTextInputOptions<TElement extends TextInputElement>\n extends FullOnChangeProps<string, ChangeEvent<TElement>> {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n onFocus?: FocusEventHandler<TElement>;\n onBlur?: FocusEventHandler<TElement>;\n onKeyDown?: KeyboardEventHandler<TElement>;\n}\n\ninterface UseTextInputHookResult<TElement extends TextInputElement> {\n autoFocus?: boolean;\n onChange: ChangeEventHandler<TElement>;\n onFocus: FocusEventHandler<TElement>;\n onBlur: FocusEventHandler<TElement>;\n onKeyDown: KeyboardEventHandler<TElement>;\n}\n\nexport const useTextInput = <TElement extends TextInputElement>(\n ref: RefObject<TElement>,\n {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n }: UseTextInputOptions<TElement>\n): UseTextInputHookResult<TElement> => {\n useSelectAllOnMount(ref, !!moveCursorToEndOnMount, !!selectAllOnMount);\n\n const { onKeyDownHandler, onFocusHandler, onBlurHandler } =\n useKeyboardNavigation<TElement>(\n ref,\n onKeyDown,\n onEnter,\n onEsc,\n onMove,\n onDone,\n onBlur,\n onFocus\n );\n\n const onChangeHandler = useCallback<ChangeEventHandler<TElement>>(\n (ev) => {\n onChange?.(ev);\n onValueChange?.(ev.target.value);\n },\n [onChange, onValueChange]\n );\n\n return {\n onBlur: onBlurHandler,\n onChange: onChangeHandler,\n onFocus: onFocusHandler,\n onKeyDown: onKeyDownHandler,\n autoFocus: selectAllOnMount || autoFocus,\n };\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nexport interface TextInputIconProps {\n iconClassName?: string;\n content?: React.ReactNode;\n button?: React.ReactNode;\n icon?: IconDefinition;\n spaceOnRight?: boolean;\n spaceOnLeft?: boolean;\n disableContentPadding?: boolean;\n disableContentPaddingLeft?: boolean;\n disableContentPaddingRight?: boolean;\n}\n\nexport const TextInputIcon: React.FC<TextInputIconProps> = ({\n button,\n icon,\n iconClassName,\n content,\n spaceOnLeft,\n spaceOnRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n}) => {\n if (!content && !icon && !button) {\n return null;\n }\n\n if (button) {\n return (\n <>\n {spaceOnLeft ? <Space num={0.25} /> : null}\n {button}\n {spaceOnRight ? <Space num={0.25} /> : null}\n </>\n );\n }\n\n if (content) {\n return (\n <>\n {spaceOnLeft &&\n !(disableContentPadding || disableContentPaddingLeft) ? (\n <Space />\n ) : null}\n {content || null}\n {spaceOnRight &&\n !(disableContentPadding || disableContentPaddingRight) ? (\n <Space />\n ) : null}\n </>\n );\n }\n\n return (\n <>\n {spaceOnLeft ? <Space /> : null}\n {icon && (\n <FontAwesomeIcon\n icon={icon}\n className={cx(styles.icon, iconClassName)}\n />\n )}\n {spaceOnRight ? <Space /> : null}\n </>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { InputProps } from \"@stenajs-webui/core\";\nimport {\n InputSpinner,\n stenaCheck,\n stenaExclamationTriangle,\n} from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ChangeEvent, CSSProperties, useRef } from \"react\";\nimport { MoveDirection } from \"../../../hooks/UseKeyboardNavigation\";\nimport { useTextInput } from \"../../../hooks/UseTextInput\";\nimport { FullOnChangeProps } from \"../types\";\nimport styles from \"./TextInput.module.css\";\nimport { TextInputIcon } from \"./TextInputIcon\";\n\nexport type TextInputBorderVariant =\n | \"normalBorder\"\n | \"onlyTop\"\n | \"onlyBottom\"\n | \"onlyLeft\"\n | \"onlyRight\";\n\nexport type TextInputVariant =\n | \"standard\"\n | \"loading\"\n | \"warning\"\n | \"error\"\n | \"modified\"\n | \"success\";\n\ninterface ExtraContent {\n /** React node to put to the left. Left icon is ignored if this is set. */\n contentLeft?: React.ReactNode;\n /** React node to put to the right. Right icon is ignored if this is set. */\n contentRight?: React.ReactNode;\n /** TextInputButton to the left. Left icon and content is ignored if this is set. */\n buttonLeft?: React.ReactNode;\n /** React node to put to the right. Right icon and content is ignored if this is set. */\n buttonRight?: React.ReactNode;\n /** If true, there will be no padding between contentLeft/contentRight and the border. */\n disableContentPadding?: boolean;\n /** If true, there will be no padding between contentLeft and the border. */\n disableContentPaddingLeft?: boolean;\n /** If true, there will be no padding between contentRight and the border. */\n disableContentPaddingRight?: boolean;\n /** Icon on the left side. */\n iconLeft?: IconDefinition;\n /** Icon on the right side. */\n iconRight?: IconDefinition;\n}\n\nexport interface TextInputProps\n extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>,\n InputProps,\n ExtraContent {\n wrapperStyle?: CSSProperties;\n wrapperClassName?: string;\n variant?: TextInputVariant;\n hideBorder?: boolean;\n selectAllOnMount?: boolean;\n moveCursorToEndOnMount?: boolean;\n onDone?: (value: string) => void;\n onEnter?: () => void;\n onEsc?: () => void;\n autoFocus?: boolean;\n /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */\n onMove?: (direction: MoveDirection) => void;\n borderRadiusVariant?: TextInputBorderVariant;\n}\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n const {\n variant = \"standard\",\n inputRef,\n disabled,\n className,\n buttonLeft,\n buttonRight,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconLeft,\n iconRight,\n moveCursorToEndOnMount,\n selectAllOnMount,\n autoFocus,\n onValueChange,\n wrapperClassName,\n wrapperStyle,\n onDone,\n onEnter,\n onEsc,\n onMove,\n onChange,\n onKeyDown,\n hideBorder,\n onFocus,\n onBlur,\n borderRadiusVariant = \"normalBorder\",\n ...inputProps\n } = props;\n const localRef = useRef<HTMLInputElement>(null);\n const refToUse = inputRef ?? localRef;\n const hookProps = useTextInput<HTMLInputElement>(refToUse, {\n onEnter,\n onEsc,\n onChange,\n onValueChange,\n selectAllOnMount,\n moveCursorToEndOnMount,\n onDone,\n onMove,\n onFocus,\n onBlur,\n onKeyDown,\n autoFocus,\n });\n\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles[variant],\n styles[borderRadiusVariant],\n {\n [styles.disabled]: disabled,\n },\n {\n [styles.hideBorder]: hideBorder,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={iconLeft}\n spaceOnLeft\n button={buttonLeft}\n />\n <input\n className={cx(styles.input, className)}\n type={\"text\"}\n disabled={disabled}\n ref={refToUse}\n autoFocus={autoFocus}\n {...inputProps}\n {...hookProps}\n />\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n button={buttonRight}\n />\n </div>\n );\n};\n","import { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport const onStepValueChange = ({\n onValueChange,\n value,\n numSteps,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n value: string | undefined;\n numSteps: number;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (!value) {\n onValueChange(String(limitWithinRange(numSteps, min, max)));\n } else {\n const parsedValue = parseFloatElseUndefined(value);\n const newValue = (parsedValue || 0) + numSteps;\n onValueChange(String(limitWithinRange(newValue, min, max)));\n }\n }\n};\n\nexport const onTextValueChange = ({\n onValueChange,\n newValue,\n min,\n max,\n}: {\n onValueChange: ((value: string) => void) | undefined;\n newValue: string;\n min: number | undefined;\n max: number | undefined;\n}) => {\n if (onValueChange) {\n if (newValue === \"\") {\n onValueChange(\"\");\n } else {\n const parsedValue = parseFloatElseUndefined(newValue);\n const value = parsedValue || 0;\n onValueChange(String(limitWithinRange(value, min, max)));\n }\n }\n};\n\nconst limitWithinRange = (\n value: number,\n min?: number,\n max?: number\n): number => {\n let v = value;\n if (min != null) {\n v = Math.max(min, v);\n }\n if (max != null) {\n v = Math.min(max, v);\n }\n return v;\n};\n","import { Omit, Space } from \"@stenajs-webui/core\";\nimport { UpDownButtons } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport styles from \"./NumericTextInput.module.css\";\nimport cx from \"classnames\";\nimport {\n onStepValueChange,\n onTextValueChange,\n} from \"../../../utils/NumericHelpers\";\n\nexport interface NumericTextInputProps\n extends Omit<\n TextInputProps,\n | \"onChange\" // Omit onChange, since up down buttons don't generate HTMLInput event.\n | \"selectAllOnMount\" // Not supported by browser when input type='number'\n | \"moveCursorToEndOnMount\" // Not supported by browser when input type='number'\n > {\n max?: number;\n min?: number;\n step?: number;\n hideButtons?: boolean;\n}\n\nexport const NumericTextInput: React.FC<NumericTextInputProps> = ({\n value,\n onValueChange,\n max,\n min,\n step = 1,\n contentRight,\n disabled,\n className,\n hideButtons,\n ...restProps\n}) => {\n const onClick = useCallback(\n (numSteps: number) => {\n onStepValueChange({ onValueChange, value, numSteps, min, max });\n },\n [value, max, min, onValueChange]\n );\n const onChange = useCallback(\n (newValue: string) => {\n onTextValueChange({ onValueChange, newValue, min, max });\n },\n [max, min, onValueChange]\n );\n\n const contentRightToUse = hideButtons ? (\n contentRight\n ) : (\n <>\n {contentRight && (\n <>\n {contentRight}\n <Space />\n </>\n )}\n <UpDownButtons\n onClickUp={disabled ? undefined : () => onClick(step)}\n onClickDown={disabled ? undefined : () => onClick(-step)}\n iconColor={\"var(--swui-textinput-text-color)\"}\n disabled={disabled}\n />\n </>\n );\n\n return (\n <TextInput\n contentRight={contentRightToUse}\n value={value}\n onValueChange={onChange}\n disableContentPaddingRight={!hideButtons}\n type={\"number\"}\n min={min}\n max={max}\n step={step}\n className={cx(styles.numericTextInputInput, className)}\n disabled={disabled}\n {...restProps}\n />\n );\n};\n","import { useCallback, useMemo } from \"react\";\nimport { ValueAndOnValueChangeProps } from \"../../types\";\nimport { NumericTextInputProps } from \"../NumericTextInput\";\nimport { parseFloatElseUndefined } from \"@stenajs-webui/core\";\n\nexport type NumericInputValueProps = ValueAndOnValueChangeProps<\n number | undefined\n>;\n\nexport const useNumericInputValue = (\n value: number | undefined,\n onValueChange?: (value: number | undefined) => void\n): Partial<NumericTextInputProps> => {\n const onValueChangeString = useCallback(\n (newValue: string) => {\n if (onValueChange) {\n if (!newValue) {\n onValueChange(undefined);\n } else {\n const n = parseFloatElseUndefined(newValue);\n if (n !== undefined) {\n onValueChange(n);\n }\n }\n }\n },\n [onValueChange]\n );\n\n const valueString = useMemo(() => {\n if (value === undefined) {\n return \"\";\n }\n return String(value);\n }, [value]);\n\n return {\n onValueChange: onValueChangeString,\n value: valueString,\n };\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { TextInput, TextInputProps } from \"../text-input/TextInput\";\nimport {\n stenaEyeHide,\n stenaEyeShow,\n TextInputButton,\n} from \"@stenajs-webui/elements\";\n\nexport interface PasswordInputProps extends TextInputProps {\n visibleIcon?: IconDefinition;\n hiddenIcon?: IconDefinition;\n}\n\nexport const PasswordInput: React.FC<PasswordInputProps> = ({\n hiddenIcon = stenaEyeShow,\n visibleIcon = stenaEyeHide,\n ...props\n}) => {\n const [isPassword, setIsPassword] = useState(true);\n\n return (\n <TextInput\n buttonRight={\n <TextInputButton\n icon={isPassword ? hiddenIcon : visibleIcon}\n onClick={() => setIsPassword((x) => !x)}\n />\n }\n type={isPassword ? \"password\" : \"text\"}\n {...props}\n />\n );\n};\n","import { getDataProps, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface InputLabelTextProps {\n disabled?: boolean;\n text?: string;\n}\n\nexport const InputLabelText: React.FC<InputLabelTextProps> = ({\n disabled,\n text,\n ...props\n}) => {\n return (\n <Text\n variant={\"bold\"}\n color={cssColor(disabled ? \"--silver\" : \"--tjara\")}\n size={\"small\"}\n {...getDataProps(props)}\n >\n {text}\n </Text>\n );\n};\n","import * as React from \"react\";\nimport { InputLabelText } from \"./InputLabelText\";\nimport { ScreenReaderOnlyText } from \"@stenajs-webui/core\";\n\nexport interface InputLabelProps {\n htmlFor?: string;\n label?: string;\n screenReaderLabel?: string;\n className?: string;\n disabled?: boolean;\n}\n\nexport const InputLabel: React.FC<InputLabelProps> = ({\n htmlFor,\n screenReaderLabel,\n label,\n disabled,\n className,\n}) => {\n return (\n <label htmlFor={htmlFor} className={className}>\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <InputLabelText\n aria-hidden={Boolean(screenReaderLabel)}\n text={label}\n disabled={disabled}\n />\n </label>\n );\n};\n","import * as React from \"react\";\nimport { ChangeEvent, PropsWithChildren, useCallback, useId } from \"react\";\nimport { Icon, stenaAngleDown } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport { InputLabel } from \"../input-label/InputLabel\";\nimport styles from \"./LabelledSelect.module.css\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\nimport { SelectElementProps } from \"@stenajs-webui/core\";\n\nexport type SelectBorderVariant =\n | \"normalBorder\"\n | \"onlyTopBorder\"\n | \"onlyBottomBorder\";\n\nexport interface LabelledSelectProps\n extends ValueAndOnValueChangeProps<string>,\n PropsWithChildren,\n Omit<SelectElementProps, \"value\"> {\n id?: string;\n name: string;\n label?: string;\n screenReaderLabel?: string;\n borderVariant?: SelectBorderVariant;\n variant?: LabelledSelectVariant;\n}\n\nexport type LabelledSelectVariant = \"normal\" | \"error\";\n\nexport const LabelledSelect: React.FC<LabelledSelectProps> = ({\n onChange,\n onValueChange,\n id,\n label,\n screenReaderLabel,\n borderVariant = \"normalBorder\",\n variant = \"normal\",\n children,\n ...inputProps\n}) => {\n const hookId = useId();\n\n const activeId = id ?? hookId;\n\n const onChangeHandler = useCallback(\n (e: ChangeEvent<HTMLSelectElement>) => {\n onChange?.(e);\n onValueChange?.(e.target.value);\n },\n [onChange, onValueChange]\n );\n\n return (\n <div\n className={cx(\n styles.labelledSelect,\n styles[variant],\n styles[borderVariant]\n )}\n >\n <InputLabel\n htmlFor={activeId}\n className={styles.label}\n label={label}\n screenReaderLabel={screenReaderLabel}\n />\n <select\n id={activeId}\n onChange={onChangeHandler}\n className={cx(styles.select, styles[variant])}\n {...inputProps}\n >\n {children}\n </select>\n\n <div className={cx(styles.iconWrapper)}>\n <Icon\n icon={stenaAngleDown}\n size={24}\n color={cssColor(\"--modern-blue\")}\n />\n </div>\n </div>\n );\n};\n","import * as React from \"react\";\nimport { ChangeEventHandler, useCallback, useId } from \"react\";\nimport cx from \"classnames\";\nimport { InputLabel } from \"../input-label/InputLabel\";\nimport styles from \"./LabelledTextInput.module.css\";\nimport { InputElementProps } from \"@stenajs-webui/core\";\nimport { ValueAndOnValueChangeProps } from \"../types\";\n\nexport type LabelledTextInputVariant = \"normal\" | \"error\";\nexport type LabelledTextInputSize = \"medium\" | \"large\";\n\nexport type LabelledTextInputBorderVariant =\n | \"normalBorder\"\n | \"onlyTop\"\n | \"onlyBottom\"\n | \"onlyLeft\"\n | \"onlyRight\";\n\nexport interface LabelledTextInputProps\n extends Omit<InputElementProps, \"value\" | \"size\">,\n ValueAndOnValueChangeProps<string> {\n id?: string;\n label?: string;\n size?: LabelledTextInputSize;\n screenReaderLabel?: string;\n pattern?: string;\n borderRadiusVariant?: LabelledTextInputBorderVariant;\n variant?: LabelledTextInputVariant;\n}\n\nexport const LabelledTextInput = React.forwardRef<\n HTMLInputElement,\n LabelledTextInputProps\n>(\n (\n {\n autoComplete = \"off\",\n label,\n id,\n screenReaderLabel,\n size = \"medium\",\n value,\n onChange,\n disabled,\n onValueChange,\n borderRadiusVariant = \"normalBorder\",\n variant = \"normal\",\n width,\n ...inputProps\n },\n ref\n ) => {\n const hookId = useId();\n\n const activeId = id ?? hookId;\n\n const onChangeHandler = useCallback<ChangeEventHandler<HTMLInputElement>>(\n (ev) => {\n onChange?.(ev);\n onValueChange?.(ev.target.value);\n },\n [onChange, onValueChange]\n );\n\n return (\n <div\n className={cx(\n styles.labelledTextInput,\n styles[variant],\n styles[borderRadiusVariant],\n styles[size],\n disabled && styles.disabled\n )}\n style={width ? { width } : undefined}\n >\n <InputLabel\n htmlFor={activeId}\n screenReaderLabel={screenReaderLabel}\n label={label}\n />\n <input\n ref={ref}\n id={activeId}\n autoComplete={autoComplete}\n type={\"text\"}\n value={value}\n onChange={onChangeHandler}\n disabled={disabled}\n {...inputProps}\n />\n </div>\n );\n }\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./TextInput.module.css\";\nimport cx from \"classnames\";\nimport { TextInputProps } from \"./TextInput\";\nimport { TextInputIcon } from \"./TextInputIcon\";\nimport {\n InputSpinner,\n stenaCheck,\n stenaExclamationTriangle,\n TextInputButton,\n} from \"@stenajs-webui/elements\";\nimport { ButtonElementProps, Row } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface TextInputBoxProps\n extends Pick<\n TextInputProps,\n | \"variant\"\n | \"wrapperClassName\"\n | \"disabled\"\n | \"wrapperStyle\"\n | \"contentLeft\"\n | \"contentRight\"\n | \"disableContentPadding\"\n | \"disableContentPaddingLeft\"\n | \"disableContentPaddingRight\"\n > {\n children?: ReactNode;\n iconRight?: IconDefinition;\n iconLeft?: IconDefinition;\n onClickLeft?: ButtonElementProps[\"onClick\"];\n onClickRight?: ButtonElementProps[\"onClick\"];\n}\n\nexport const TextInputBox: React.FC<TextInputBoxProps> = ({\n variant = \"standard\",\n disabled,\n wrapperClassName,\n wrapperStyle,\n contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconRight,\n iconLeft,\n onClickLeft,\n onClickRight,\n children,\n}) => {\n const currentIconRight =\n variant === \"success\"\n ? stenaCheck\n : variant === \"warning\" || variant === \"error\"\n ? stenaExclamationTriangle\n : iconRight;\n\n const currentContentRight =\n variant === \"loading\" ? <InputSpinner /> : contentRight;\n\n return (\n <div\n className={cx(\n styles.textInput,\n styles.inputContainer,\n styles[variant],\n {\n [styles.disabled]: disabled,\n },\n wrapperClassName\n )}\n style={wrapperStyle}\n >\n <TextInputIcon\n content={contentLeft}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n spaceOnLeft\n button={\n iconLeft ? (\n <TextInputButton onClick={onClickLeft} icon={iconLeft} />\n ) : undefined\n }\n />\n <Row alignItems={\"center\"}>{children}</Row>\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n spaceOnRight\n button={\n currentIconRight ? (\n <TextInputButton onClick={onClickRight} icon={currentIconRight} />\n ) : undefined\n }\n />\n </div>\n );\n};\n","import * as React from \"react\";\nimport {\n ChangeEvent,\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./TextArea.module.css\";\nimport { FullOnChangeProps } from \"../types\";\n\ntype Resize =\n | \"none\"\n | \"both\"\n | \"horizontal\"\n | \"vertical\"\n | \"inherit\"\n | \"initial\"\n | \"revert\"\n | \"unset\";\n\nexport interface TextAreaProps\n extends Omit<ComponentPropsWithoutRef<\"textarea\">, \"value\">,\n FullOnChangeProps<string, ChangeEvent<HTMLTextAreaElement>> {\n resize?: Resize;\n readOnly?: boolean;\n rows?: number;\n disabled?: boolean;\n}\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n (\n {\n className,\n value,\n onValueChange,\n onChange,\n resize = \"none\",\n readOnly = false,\n rows,\n disabled,\n ...textAreaProps\n },\n ref\n ) => {\n const onChangeHandler: ChangeEventHandler<HTMLTextAreaElement> =\n useCallback(\n (ev) => {\n if (onChange) {\n onChange(ev);\n }\n if (onValueChange) {\n onValueChange(ev.target.value);\n }\n },\n [onChange, onValueChange]\n );\n\n return (\n <textarea\n disabled={disabled}\n rows={rows}\n readOnly={readOnly}\n className={cx(styles.textArea, className)}\n style={{ resize }}\n onChange={onChangeHandler}\n value={value}\n ref={ref}\n {...textAreaProps}\n />\n );\n }\n);\n"],"names":["styleChecked","styles","Switch","value","disabled","onValueChange","className","wrapperRef","restProps","jsx","jsxs","SwitchWithLabel","label","textColor","screenReaderLabel","switchProps","Box","Space","ScreenReaderOnlyText","Text","Checkbox","forwardRef","indeterminate","onChange","size","inputProps","ref","localRef","useRef","setRef","element","handleInputChange","useCallback","ev","useEffect","cx","CheckboxWithLabel","children","inputRef","checkboxProps","Row","RadioButton","name","RadioButtonBox","variant","icon","contentRight","style","radioButtonClassName","radioButtonProps","Icon","RadioButtonWithLabel","useKeyboardNavigation","onKeyDown","onEnter","onEsc","onMove","onDone","onBlur","onFocus","wasHandled","onBlurHandler","onFocusHandler","key","blurMoveAndCancel","direction","e","elementHasSelectionRange","useSelectAllOnMount","moveCursorToEnd","enabled","useTextInput","selectAllOnMount","moveCursorToEndOnMount","autoFocus","onKeyDownHandler","onChangeHandler","TextInputIcon","button","iconClassName","content","spaceOnLeft","spaceOnRight","disableContentPadding","disableContentPaddingLeft","disableContentPaddingRight","Fragment","FontAwesomeIcon","TextInput","props","buttonLeft","buttonRight","contentLeft","iconLeft","iconRight","wrapperClassName","wrapperStyle","hideBorder","borderRadiusVariant","refToUse","hookProps","currentIconRight","stenaCheck","stenaExclamationTriangle","currentContentRight","InputSpinner","onStepValueChange","numSteps","min","max","limitWithinRange","newValue","parseFloatElseUndefined","onTextValueChange","v","NumericTextInput","step","hideButtons","onClick","UpDownButtons","useNumericInputValue","onValueChangeString","n","valueString","useMemo","PasswordInput","hiddenIcon","stenaEyeShow","visibleIcon","stenaEyeHide","isPassword","setIsPassword","useState","TextInputButton","x","InputLabelText","text","cssColor","getDataProps","InputLabel","htmlFor","LabelledSelect","id","borderVariant","hookId","useId","activeId","stenaAngleDown","LabelledTextInput","React","autoComplete","width","TextInputBox","onClickLeft","onClickRight","TextArea","resize","readOnly","rows","textAreaProps"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1ndou_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1ndou_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_foy83_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_1jb3g_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_1jb3g_1._textInput_1jb3g_1:focus-within:not(._disabled_1jb3g_11){outline:var(--swui-focus-outline);border-color:transparent}._textInput_1jb3g_1 ._input_1jb3g_16{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_1jb3g_1 ._input_1jb3g_16:disabled{color:var(--swui-field-text-color-disabled)}._textInput_1jb3g_1 ._input_1jb3g_16::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_1jb3g_1 ._input_1jb3g_16:focus::placeholder{opacity:0}._textInput_1jb3g_1 ._input_1jb3g_16::-webkit-calendar-picker-indicator{display:none}._textInput_1jb3g_1 ._icon_1jb3g_49{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_1jb3g_1._standard_1jb3g_59:hover:not(:focus-within):not(._disabled_1jb3g_11),._textInput_1jb3g_1._success_1jb3g_60:hover:not(:focus-within):not(._disabled_1jb3g_11){border-color:var(--swui-field-border-color-hover)}._textInput_1jb3g_1._success_1jb3g_60 ._icon_1jb3g_49{color:var(--swui-state-success-color)}._textInput_1jb3g_1._loading_1jb3g_72{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_1jb3g_1._modified_1jb3g_77{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_1jb3g_1._modified_1jb3g_77 ._icon_1jb3g_49{color:var(--lhds-color-blue-300)}._textInput_1jb3g_1._error_1jb3g_86{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._error_1jb3g_86 ._icon_1jb3g_49{color:var(--swui-state-error-light-color)}._textInput_1jb3g_1._warning_1jb3g_95{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._warning_1jb3g_95 ._icon_1jb3g_49{color:var(--swui-state-alert-light-color)}._textInput_1jb3g_1._disabled_1jb3g_11{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_1jb3g_1._textInput_1jb3g_1._hideBorder_1jb3g_109{border:none;box-shadow:none;background:none;outline:none}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover{cursor:pointer}._textInput_1jb3g_1 ._clickable_1jb3g_116:hover ._icon_1jb3g_49{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_1wih5_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1wih5_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyTop_1wih5_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyBottom_1wih5_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyLeft_1wih5_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyRight_1wih5_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1wih5_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1wih5_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1wih5_1._disabled_1wih5_53{background-color:var(--silver-lighter)}._labelledTextInput_1wih5_1._disabled_1wih5_53 input{color:var(--silver)}._labelledTextInput_1wih5_1._medium_1wih5_61:focus-within{outline-width:2px}._labelledTextInput_1wih5_1._medium_1wih5_61 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_1wih5_1._large_1wih5_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1wih5_1._large_1wih5_73:focus-within{outline-width:3px}._labelledTextInput_1wih5_1._large_1wih5_73 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_1wih5_1._error_1wih5_87{border-color:var(--swui-state-error-light-color)}._labelledTextInput_1wih5_1._error_1wih5_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1wih5_1._error_1wih5_87 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_1wih5_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/core"),_=require("react"),m=require("classnames"),h=require("@stenajs-webui/elements"),it=require("@fortawesome/react-fontawesome"),W=require("@stenajs-webui/theme");function at(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const ut=at(_),dt="_knob_1d6s8_56",xt="_filler_1d6s8_61",_t="_checked_1d6s8_75",B={switch:"_switch_1d6s8_1",knob:dt,filler:xt,checked:_t},pt=`${B.switch} ${B.checked}`,P=({value:t,disabled:n,onValueChange:s,className:r,wrapperRef:o,...c})=>e.jsx("div",{className:r,ref:o,children:e.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?pt:B.switch,disabled:n,onClick:()=>s&&s(!t),...c,children:[e.jsx("div",{className:B.filler}),e.jsx("div",{className:B.knob})]})}),ft=({label:t,disabled:n,textColor:s,wrapperRef:r,screenReaderLabel:o,...c})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(a.Box,{row:!0,alignItems:"center",children:[e.jsx(P,{disabled:n,...c}),e.jsx(a.Space,{}),o?e.jsx(a.ScreenReaderOnlyText,{children:o}):null,e.jsx(a.Text,{color:s,"aria-hidden":!!o,userSelect:"none",children:t})]})})}),jt="_checkbox_1ndou_1",bt="_standard_1ndou_39",ht="_small_1ndou_51",F={checkbox:jt,standard:bt,small:ht},L=_.forwardRef(({indeterminate:t=!1,onChange:n,onValueChange:s,value:r=!1,size:o="standard",className:c,...l},u)=>{const i=_.useRef(),f=x=>{i.current=x,i.current&&(i.current.indeterminate=!!t),u&&(typeof u=="function"?u(x):u.current=x)},p=_.useCallback(x=>{n&&n(x),s&&s(x.target.checked)},[n,s]);return _.useEffect(()=>{i.current&&(i.current.indeterminate=!!t)},[t,i]),e.jsx("input",{type:"checkbox",className:m(F.checkbox,F[o],c),checked:r,onChange:p,ref:f,...l})}),mt=({children:t,label:n,inputRef:s,wrapperRef:r,textColor:o,screenReaderLabel:c,...l})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(a.Row,{alignItems:"center",children:[e.jsx(L,{...l,ref:s}),e.jsx(a.Space,{}),c?e.jsx(a.ScreenReaderOnlyText,{children:c}):null,e.jsx(a.Text,{color:o,"aria-hidden":!!c,userSelect:"none",children:n}),t]})})}),yt="_radiobutton_foy83_1",gt="_standard_foy83_45",It="_small_foy83_55",O={radiobutton:yt,standard:gt,small:It},v=_.forwardRef(({onChange:t,onValueChange:n,size:s="standard",name:r,className:o,...c},l)=>{const u=_.useCallback(i=>{t&&t(i),n&&n(i.target.value)},[t,n]);return e.jsx("input",{type:"radio",name:r,className:m(O.radiobutton,O[s],o),onChange:u,ref:l,...c})}),wt="_radioButtonBox_yl38n_1",Tt="_medium_yl38n_14",St="_large_yl38n_19",Bt="_danger_yl38n_28",kt="_radioButtonWrapper_yl38n_39",R={radioButtonBox:wt,medium:Tt,large:St,danger:Bt,radioButtonWrapper:kt},Rt=({label:t,screenReaderLabel:n,variant:s="normal",size:r="medium",className:o,icon:c,contentRight:l,style:u,radioButtonClassName:i,...f})=>e.jsx("label",{className:m(R.radioButtonBox,R[s],R[r],o),style:u,children:e.jsxs(a.Row,{justifyContent:"space-between",flexGrow:1,children:[e.jsxs(a.Row,{alignItems:"center",children:[e.jsx(v,{...f,className:i}),e.jsx(a.Space,{}),n?e.jsx(a.ScreenReaderOnlyText,{children:n}):null,e.jsx(a.Text,{"aria-hidden":!!n,children:t})]}),e.jsxs(a.Row,{alignItems:"center",width:c?"48px":void 0,justifyContent:"center",children:[c&&e.jsx(h.Icon,{icon:c,size:24}),!c&&l]})]})}),Nt=({label:t,inputRef:n,wrapperRef:s,textColor:r,screenReaderLabel:o,...c})=>e.jsx("div",{ref:s,children:e.jsx("label",{children:e.jsxs(a.Row,{alignItems:"center",children:[e.jsx(v,{ref:n,...c}),e.jsx(a.Space,{}),o?e.jsx(a.ScreenReaderOnlyText,{children:o}):null,e.jsx(a.Text,{color:r,"aria-hidden":!!o,userSelect:"none",children:t})]})})}),U=(t,n,s,r,o,c,l,u)=>{const i=_.useRef(!1),f=d=>{i.current||c==null||c(d.target.value??""),l==null||l(d)},p=d=>{i.current=!1,u==null||u(d)};return{onKeyDownHandler:_.useCallback(d=>{const{key:j}=d;if(j==="Enter")i.current=!0,s==null||s(),c==null||c(d.currentTarget.value??"");else if(j==="Escape")i.current=!0,r==null||r(),d.preventDefault(),d.stopPropagation();else if(o){const b=(y,I)=>{i.current=!0,t.current.blur(),o(y),I.preventDefault(),I.stopPropagation()};d.shiftKey&&j==="Tab"?b("left",d):j==="Tab"?b("right",d):j==="ArrowUp"?b("up",d):j==="ArrowDown"?b("down",d):j==="ArrowRight"?t.current.value.length===t.current.selectionStart&&b("right",d):j==="ArrowLeft"&&t.current.selectionStart===0&&b("left",d)}n&&n(d)},[r,o,n,t,s,c]),onBlurHandler:f,onFocusHandler:p}};function M(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const q=(t,n,s)=>{_.useEffect(()=>{t.current&&M(t.current)&&(s?t.current.setSelectionRange(0,t.current.value.length):n&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[n,t,s])},K=(t,{onEnter:n,onEsc:s,onChange:r,onValueChange:o,selectAllOnMount:c,moveCursorToEndOnMount:l,onDone:u,onMove:i,onFocus:f,onBlur:p,onKeyDown:x,autoFocus:d})=>{q(t,!!l,!!c);const{onKeyDownHandler:j,onFocusHandler:b,onBlurHandler:y}=U(t,x,n,s,i,u,p,f),I=_.useCallback(w=>{r==null||r(w),o==null||o(w.target.value)},[r,o]);return{onBlur:y,onChange:I,onFocus:b,onKeyDown:j,autoFocus:c||d}},vt="_textInput_1jb3g_1",$t="_disabled_1jb3g_11",At="_input_1jb3g_16",Ht="_icon_1jb3g_49",Ft="_standard_1jb3g_59",Ot="_success_1jb3g_60",Wt="_loading_1jb3g_72",Pt="_modified_1jb3g_77",Lt="_error_1jb3g_86",Ut="_warning_1jb3g_95",Mt="_hideBorder_1jb3g_109",qt="_clickable_1jb3g_116",g={textInput:vt,disabled:$t,input:At,icon:Ht,standard:Ft,success:Ot,loading:Wt,modified:Pt,error:Lt,warning:Ut,hideBorder:Mt,clickable:qt},k=({button:t,icon:n,iconClassName:s,content:r,spaceOnLeft:o,spaceOnRight:c,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i})=>!r&&!n&&!t?null:t?e.jsxs(e.Fragment,{children:[o?e.jsx(a.Space,{num:.25}):null,t,c?e.jsx(a.Space,{num:.25}):null]}):r?e.jsxs(e.Fragment,{children:[o&&!(l||u)?e.jsx(a.Space,{}):null,r||null,c&&!(l||i)?e.jsx(a.Space,{}):null]}):e.jsxs(e.Fragment,{children:[o?e.jsx(a.Space,{}):null,n&&e.jsx(it.FontAwesomeIcon,{icon:n,className:m(g.icon,s)}),c?e.jsx(a.Space,{}):null]}),$=t=>{const{variant:n="standard",inputRef:s,disabled:r,className:o,buttonLeft:c,buttonRight:l,contentLeft:u,contentRight:i,disableContentPadding:f,disableContentPaddingLeft:p,disableContentPaddingRight:x,iconLeft:d,iconRight:j,moveCursorToEndOnMount:b,selectAllOnMount:y,autoFocus:I,onValueChange:w,wrapperClassName:D,wrapperStyle:G,onDone:X,onEnter:J,onEsc:Q,onMove:Y,onChange:Z,onKeyDown:V,hideBorder:tt,onFocus:et,onBlur:nt,...st}=t,rt=_.useRef(null),H=s??rt,ot=K(H,{onEnter:J,onEsc:Q,onChange:Z,onValueChange:w,selectAllOnMount:y,moveCursorToEndOnMount:b,onDone:X,onMove:Y,onFocus:et,onBlur:nt,onKeyDown:V,autoFocus:I}),ct=n==="success"?h.stenaCheck:n==="warning"||n==="error"?h.stenaExclamationTriangle:j,lt=n==="loading"?e.jsx(h.InputSpinner,{}):i;return e.jsxs("div",{className:m(g.textInput,g[n],{[g.disabled]:r},{[g.hideBorder]:tt},D),style:G,children:[e.jsx(k,{content:u,disableContentPadding:f,disableContentPaddingLeft:p,disableContentPaddingRight:x,icon:d,spaceOnLeft:!0,button:c}),e.jsx("input",{className:m(g.input,o),type:"text",disabled:r,ref:H,autoFocus:I,...st,...ot}),e.jsx(k,{content:lt,disableContentPadding:f,disableContentPaddingLeft:p,disableContentPaddingRight:x,icon:ct,spaceOnRight:!0,button:l})]})},Kt="_numericTextInputInput_1tnr6_1",Et={numericTextInputInput:Kt},E=({onValueChange:t,value:n,numSteps:s,min:r,max:o})=>{if(t)if(!n)t(String(N(s,r,o)));else{const l=(a.parseFloatElseUndefined(n)||0)+s;t(String(N(l,r,o)))}},z=({onValueChange:t,newValue:n,min:s,max:r})=>{if(t)if(n==="")t("");else{const c=a.parseFloatElseUndefined(n)||0;t(String(N(c,s,r)))}},N=(t,n,s)=>{let r=t;return n!=null&&(r=Math.max(n,r)),s!=null&&(r=Math.min(s,r)),r},zt=({value:t,onValueChange:n,max:s,min:r,step:o=1,contentRight:c,disabled:l,className:u,hideButtons:i,...f})=>{const p=_.useCallback(j=>{E({onValueChange:n,value:t,numSteps:j,min:r,max:s})},[t,s,r,n]),x=_.useCallback(j=>{z({onValueChange:n,newValue:j,min:r,max:s})},[s,r,n]),d=i?c:e.jsxs(e.Fragment,{children:[c&&e.jsxs(e.Fragment,{children:[c,e.jsx(a.Space,{})]}),e.jsx(h.UpDownButtons,{onClickUp:l?void 0:()=>p(o),onClickDown:l?void 0:()=>p(-o),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return e.jsx($,{contentRight:d,value:t,onValueChange:x,disableContentPaddingRight:!i,type:"number",min:r,max:s,step:o,className:m(Et.numericTextInputInput,u),disabled:l,...f})},Ct=(t,n)=>{const s=_.useCallback(o=>{if(n)if(!o)n(void 0);else{const c=a.parseFloatElseUndefined(o);c!==void 0&&n(c)}},[n]),r=_.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:s,value:r}},Dt=({hiddenIcon:t=h.stenaEyeShow,visibleIcon:n=h.stenaEyeHide,...s})=>{const[r,o]=_.useState(!0);return e.jsx($,{buttonRight:e.jsx(h.TextInputButton,{icon:r?t:n,onClick:()=>o(c=>!c)}),type:r?"password":"text",...s})},C=({disabled:t,text:n,...s})=>e.jsx(a.Text,{variant:"bold",color:W.cssColor(t?"--silver":"--tjara"),size:"small",...a.getDataProps(s),children:n}),A=({htmlFor:t,screenReaderLabel:n,label:s,disabled:r,className:o})=>e.jsxs("label",{htmlFor:t,className:o,children:[n?e.jsx(a.ScreenReaderOnlyText,{children:n}):null,e.jsx(C,{"aria-hidden":!!n,text:s,disabled:r})]}),Gt="_labelledSelect_1evxo_1",Xt="_onlyTopBorder_1evxo_8",Jt="_onlyBottomBorder_1evxo_14",Qt="_error_1evxo_19",Yt="_normal_1evxo_24",Zt="_label_1evxo_1",Vt="_select_1evxo_48",te="_iconWrapper_1evxo_73",T={labelledSelect:Gt,onlyTopBorder:Xt,onlyBottomBorder:Jt,error:Qt,normal:Yt,label:Zt,select:Vt,iconWrapper:te},ee=({onChange:t,onValueChange:n,id:s,label:r,screenReaderLabel:o,borderVariant:c="normalBorder",variant:l="normal",children:u,...i})=>{const f=_.useId(),p=s??f,x=_.useCallback(d=>{t==null||t(d),n==null||n(d.target.value)},[t,n]);return e.jsxs("div",{className:m(T.labelledSelect,T[l],T[c]),children:[e.jsx(A,{htmlFor:p,className:T.label,label:r,screenReaderLabel:o}),e.jsx("select",{id:p,onChange:x,className:m(T.select,T[l]),...i,children:u}),e.jsx("div",{className:m(T.iconWrapper),children:e.jsx(h.Icon,{icon:h.stenaAngleDown,size:24,color:W.cssColor("--modern-blue")})})]})},ne="_labelledTextInput_1wih5_1",se="_onlyTop_1wih5_21",re="_onlyBottom_1wih5_27",oe="_onlyLeft_1wih5_32",ce="_onlyRight_1wih5_38",le="_disabled_1wih5_53",ie="_medium_1wih5_61",ae="_large_1wih5_73",ue="_error_1wih5_87",S={labelledTextInput:ne,onlyTop:se,onlyBottom:re,onlyLeft:oe,onlyRight:ce,disabled:le,medium:ie,large:ae,error:ue},de=ut.forwardRef(({autoComplete:t="off",label:n,id:s,screenReaderLabel:r,size:o="medium",value:c,onChange:l,disabled:u,onValueChange:i,borderRadiusVariant:f="normalBorder",variant:p="normal",width:x,...d},j)=>{const b=_.useId(),y=s??b,I=_.useCallback(w=>{l==null||l(w),i==null||i(w.target.value)},[l,i]);return e.jsxs("div",{className:m(S.labelledTextInput,S[p],S[f],S[o],u&&S.disabled),style:x?{width:x}:void 0,children:[e.jsx(A,{htmlFor:y,screenReaderLabel:r,label:n}),e.jsx("input",{ref:j,id:y,autoComplete:t,type:"text",value:c,onChange:I,disabled:u,...d})]})}),xe=({variant:t="standard",disabled:n,wrapperClassName:s,wrapperStyle:r,contentLeft:o,contentRight:c,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i,iconRight:f,iconLeft:p,onClickLeft:x,onClickRight:d,children:j})=>{const b=t==="success"?h.stenaCheck:t==="warning"||t==="error"?h.stenaExclamationTriangle:f,y=t==="loading"?e.jsx(h.InputSpinner,{}):c;return e.jsxs("div",{className:m(g.textInput,g.inputContainer,g[t],{[g.disabled]:n},s),style:r,children:[e.jsx(k,{content:o,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i,spaceOnLeft:!0,button:p?e.jsx(h.TextInputButton,{onClick:x,icon:p}):void 0}),e.jsx(a.Row,{alignItems:"center",children:j}),e.jsx(k,{content:y,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i,spaceOnRight:!0,button:b?e.jsx(h.TextInputButton,{onClick:d,icon:b}):void 0})]})},_e="_textArea_6n6nc_1",pe={textArea:_e},fe=_.forwardRef(({className:t,value:n,onValueChange:s,onChange:r,resize:o="none",readOnly:c=!1,rows:l,disabled:u,...i},f)=>{const p=_.useCallback(x=>{r&&r(x),s&&s(x.target.value)},[r,s]);return e.jsx("textarea",{disabled:u,rows:l,readOnly:c,className:m(pe.textArea,t),style:{resize:o},onChange:p,value:n,ref:f,...i})});exports.Checkbox=L;exports.CheckboxWithLabel=mt;exports.InputLabel=A;exports.InputLabelText=C;exports.LabelledSelect=ee;exports.LabelledTextInput=de;exports.NumericTextInput=zt;exports.PasswordInput=Dt;exports.RadioButton=v;exports.RadioButtonBox=Rt;exports.RadioButtonWithLabel=Nt;exports.Switch=P;exports.SwitchWithLabel=ft;exports.TextArea=fe;exports.TextInput=$;exports.TextInputBox=xe;exports.elementHasSelectionRange=M;exports.onStepValueChange=E;exports.onTextValueChange=z;exports.useKeyboardNavigation=U;exports.useNumericInputValue=Ct;exports.useSelectAllOnMount=q;exports.useTextInput=K;
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._switch_1d6s8_1{--swui-switch-width: 50px;--swui-switch-height: var(--swui-field-box-size-medium);--swui-switch-animation-time: var(--swui-animation-time-medium);--swui-switch-selected-highlight-color: var(--lhds-color-blue-500);--swui-switch-knob-width: calc(var(--swui-switch-height) - 2px);--swui-switch-knob-bg-color-enabled: var(--swui-handle-bg-enabled-color);--swui-switch-knob-bg-color-disabled: var(--swui-handle-bg-disabled-color);--swui-switch-container-bg-color-enabled: var(--swui-field-bg-enabled);--swui-switch-container-bg-color-disabled: var(--swui-field-bg-disabled);--swui-switch-knob-border-color-enabled: var(--swui-separator-color);--swui-switch-container-border-color: var(--swui-field-border-color);--swui-switch-container-border-color-hover: var( --swui-field-border-color-hover );--swui-switch-container-border-color-disabled: var( --swui-field-border-color-disabled );--swui-switch-knob-shadow-color: var(--swui-field-shadow-color);display:flex;flex-direction:row;border:1px solid var(--swui-switch-container-border-color);box-sizing:border-box;background-color:var(--swui-switch-container-bg-color-enabled);height:var(--swui-switch-height);width:var(--swui-switch-width);border-radius:calc(var(--swui-switch-height) / 2);padding:0;margin:0;cursor:pointer;transition:background-color var(--swui-switch-animation-time)}._switch_1d6s8_1:focus{outline:0}._switch_1d6s8_1:focus-visible{outline:var(--swui-focus-outline);outline-offset:2px;border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:hover{border:1px solid var(--swui-switch-selected-highlight-color)}._switch_1d6s8_1:disabled{cursor:default;background-color:var(--swui-switch-container-bg-color-disabled);border:1px solid var(--swui-switch-container-border-color-disabled)}._switch_1d6s8_1:disabled ._knob_1d6s8_56{background-color:var(--swui-switch-knob-bg-color-disabled)}._switch_1d6s8_1 ._filler_1d6s8_61{flex:none;transition:flex var(--swui-switch-animation-time)}._switch_1d6s8_1 ._knob_1d6s8_56{width:var(--swui-switch-knob-width);height:var(--swui-switch-knob-width);border-radius:50%;background-color:var(--swui-switch-knob-bg-color-enabled);box-shadow:var(--swui-switch-knob-shadow-color) 0 0 4px 1px}._checked_1d6s8_75{border:1px solid var(--swui-switch-selected-highlight-color);background-color:var(--swui-switch-selected-highlight-color)}._checked_1d6s8_75 ._filler_1d6s8_61{flex:1}._checkbox_1ndou_1{--swui-checkbox-height: var(--swui-field-box-size-medium);--swui-checkbox-height-small: var(--swui-field-box-size-small);--swui-checkbox-border-radius: var(--swui-field-border-radius);--swui-checkbox-animation-time: var(--swui-animation-time-medium);--swui-checkbox-icon-color: var(--swui-field-indicator-active-color);--swui-checkbox-disabled-icon-color: var(--swui-text-disabled-color);--swui-checkbox-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-checkbox-unchecked-bg-color: var(--swui-white);--swui-checkbox-checked-bg-color: var(--lhds-color-blue-500);--swui-checkbox-disabled-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-disabled-checked-bg-color: var(--swui-field-bg-disabled);--swui-checkbox-border-color: var(--swui-field-border-color);--swui-checkbox-border-hover-color: var(--swui-field-border-color-hover);--swui-checkbox-disabled-border-color: var(--swui-checkbox-disabled-bg-color);-webkit-appearance:none;-moz-appearance:none;border-radius:var(--swui-checkbox-border-radius);outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-checkbox-border-color));background:var(--current-bg-color, var(--swui-checkbox-unchecked-bg-color));transition:background var(--swui-checkbox-animation-time),border-color var(--swui-checkbox-animation-time);flex-shrink:0}._checkbox_1ndou_1._standard_1ndou_39{width:var(--swui-checkbox-height);height:var(--swui-checkbox-height)}._checkbox_1ndou_1._standard_1ndou_39:after{width:3px;height:6px;left:9px;top:6px}._checkbox_1ndou_1._small_1ndou_51{width:var(--swui-checkbox-height-small);height:var(--swui-checkbox-height-small)}._checkbox_1ndou_1._small_1ndou_51:after{width:3px;height:6px;left:5px;top:2px}._checkbox_1ndou_1:after{content:"";display:block;position:absolute;transition:transform var(--swui-checkbox-animation-time) var(--d-t-e, ease),opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;transform:rotate(var(--current-check-rotation, 20deg));box-sizing:content-box}._checkbox_1ndou_1:checked{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color)}._checkbox_1ndou_1:disabled:not(:checked){--current-bg-color: var(--swui-checkbox-disabled-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:not(:checked):after{--current-checkbox-icon-color: --swui-checkbox-unchecked-icon-color}._checkbox_1ndou_1:disabled:checked{--current-bg-color: var(--swui-checkbox-disabled-checked-bg-color);--current-border-color: var(--swui-checkbox-disabled-border-color)}._checkbox_1ndou_1:disabled:checked:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:indeterminate{--current-check-rotation: 43deg;--current-bg-color: var(--swui-checkbox-checked-bg-color);--current-border-color: var(--swui-checkbox-checked-bg-color);--d-t-e: cubic-bezier(.2, .85, .32, 1.2)}._checkbox_1ndou_1:indeterminate:after{--current-checkbox-icon-color: var(--swui-checkbox-icon-color);border-right:0;transform:rotate(0);width:6px}._checkbox_1ndou_1:indeterminate._standard_1ndou_39:after{top:4px;left:8px}._checkbox_1ndou_1:indeterminate._small_1ndou_51:after{top:0;left:4px}._checkbox_1ndou_1:indeterminate:disabled:after{--current-checkbox-icon-color: var(--swui-checkbox-disabled-icon-color)}._checkbox_1ndou_1:hover:not(:checked):not(:disabled){--current-border-color: var(--swui-checkbox-border-hover-color)}._checkbox_1ndou_1:focus-visible{outline:var(--swui-focus-outline)}._checkbox_1ndou_1+label{font-size:1.4rem;line-height:var(--swui-checkbox-height);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radiobutton_foy83_1{--swui-radiobutton-size-standard: var(--swui-field-box-size-medium);--swui-radiobutton-size-small: var(--swui-field-box-size-small);--swui-radiobutton-animation-time: var(--swui-animation-time-medium);--swui-radiobutton-icon-color: var(--swui-field-indicator-active-color);--swui-radiobutton-disabled-icon-color: var(--swui-field-text-color-disabled);--swui-radiobutton-unchecked-icon-color: var( --swui-field-indicator-inactive-color );--swui-radiobutton-checked-bg-color: var(--lhds-color-blue-500);--swui-radiobutton-checked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-bg-color: var(--swui-white);--swui-radiobutton-unchecked-disabled-bg-color: var(--swui-field-bg-disabled);--swui-radiobutton-unchecked-border-color: var(--swui-field-border-color);--swui-radiobutton-unchecked-hover-border-color: var( --swui-field-border-color-hover );--swui-radiobutton-disabled-border-color: var( --swui-radiobutton-checked-disabled-bg-color );-webkit-appearance:none;-moz-appearance:none;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;flex:none;cursor:pointer;border:1px solid var(--current-border-color, var(--swui-radiobutton-unchecked-border-color));border-radius:50%;background:var( --current-bg-color, var(--swui-radiobutton-unchecked-bg-color) );transition:background var(--swui-radiobutton-animation-time),border-color var(--swui-radiobutton-animation-time)}._radiobutton_foy83_1._standard_foy83_45{height:var(--swui-radiobutton-size-standard);width:var(--swui-radiobutton-size-standard)}._radiobutton_foy83_1._standard_foy83_45:after{left:7px;top:7px}._radiobutton_foy83_1._small_foy83_55{height:var(--swui-radiobutton-size-small);width:var(--swui-radiobutton-size-small)}._radiobutton_foy83_1._small_foy83_55:after{left:3px;top:3px}._radiobutton_foy83_1:after{content:"";display:block;position:absolute;transition:transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);transform:scale(var(--current-scale, 0));width:8px;height:8px;border-radius:50%;background:var( --current-icon-color, var(--swui-radiobutton-unchecked-icon-color) );opacity:var(--current-opacity, 0)}._radiobutton_foy83_1:checked{--current-bg-color: var(--swui-radiobutton-checked-bg-color);--current-border-color: var(--swui-radiobutton-checked-bg-color);--current-opacity-time: var(--swui-radiobutton-animation-time);--current-transform-time: .6s;--current-transform-type: cubic-bezier(.2, .85, .32, 1.2);--current-opacity: 1;--current-scale: 1}._radiobutton_foy83_1:checked:after{--current-icon-color: var(--swui-radiobutton-icon-color)}._radiobutton_foy83_1:disabled{--current-bg-color: var(--swui-radiobutton-unchecked-disabled-bg-color);--current-border-color: var(--swui-radiobutton-disabled-border-color)}._radiobutton_foy83_1:disabled:checked{--current-bg-color: var(--swui-radiobutton-checked-disabled-bg-color)}._radiobutton_foy83_1:disabled:checked:after{--current-icon-color: var(--swui-radiobutton-disabled-icon-color)}._radiobutton_foy83_1:hover:not(:checked):not(:disabled){--current-border-color: var( --swui-radiobutton-unchecked-hover-border-color )}._radiobutton_foy83_1:focus-visible{outline:var(--swui-focus-outline)}._radiobutton_foy83_1+label{font-size:1.4rem;line-height:var(--swui-radiobutton-size-standard);display:inline-block;vertical-align:top;cursor:pointer;margin-left:4px}._radioButtonBox_yl38n_1{box-sizing:border-box;background-color:var(--lhds-color-ui-200);position:relative;border:1px solid var(--silver-ui);width:100%;border-radius:16px;font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_yl38n_1._medium_yl38n_14{padding:0 var(--swui-metrics-space);height:42px}._radioButtonBox_yl38n_1._large_yl38n_19{height:48px;padding:0 calc(var(--swui-metrics-space) * 2)}._radioButtonBox_yl38n_1:hover{border-color:var(--hav)}._radioButtonBox_yl38n_1._danger_yl38n_28{background-color:var(--snackskal-light);border-color:var(--snackskal-light)}._radioButtonBox_yl38n_1._danger_yl38n_28:hover{border-color:var(--lhds-color-red-500)}@media (max-width: 768px){._radioButtonWrapper_yl38n_39{width:100%}}._textInput_18oxe_1{display:flex;height:var(--swui-field-height);width:100%;align-items:center;background:var(--swui-field-bg-enabled);border:1px solid var(--swui-field-border-color);border-radius:var(--swui-field-border-radius);outline:none}._textInput_18oxe_1._textInput_18oxe_1._onlyTop_18oxe_11{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._textInput_18oxe_1._textInput_18oxe_1._onlyTop_18oxe_11:focus-within:not(._disabled_18oxe_15){z-index:1}._textInput_18oxe_1._textInput_18oxe_1._onlyBottom_18oxe_20{border-top-left-radius:0;border-top-right-radius:0}._textInput_18oxe_1._textInput_18oxe_1._onlyBottom_18oxe_20:focus-within:not(._disabled_18oxe_15){z-index:1}._textInput_18oxe_1._textInput_18oxe_1._onlyLeft_18oxe_28{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._textInput_18oxe_1._textInput_18oxe_1._onlyLeft_18oxe_28:focus-within:not(._disabled_18oxe_15){z-index:1}._textInput_18oxe_1._textInput_18oxe_1._onlyRight_18oxe_37{border-top-left-radius:0;border-bottom-left-radius:0}._textInput_18oxe_1._textInput_18oxe_1._onlyRight_18oxe_37:focus-within:not(._disabled_18oxe_15){z-index:1}._textInput_18oxe_1._textInput_18oxe_1:focus-within:not(._disabled_18oxe_15){outline:var(--swui-focus-outline);border-color:transparent}._textInput_18oxe_1 ._input_18oxe_50{letter-spacing:var(--swui-field-letter-spacing);line-height:var(--swui-field-text-line-height);width:100%;padding:2px var(--swui-metrics-indent);color:var(--swui-field-text-color);font-size:var(--swui-font-size-inputs);font-family:var(--swui-font-input);font-weight:var(--swui-font-weight-inputs);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_18oxe_1 ._input_18oxe_50:disabled{color:var(--swui-field-text-color-disabled)}._textInput_18oxe_1 ._input_18oxe_50::placeholder{color:var(--swui-field-placeholder-color);font-weight:var(--swui-field-placeholder-font-weight)}._textInput_18oxe_1 ._input_18oxe_50:focus::placeholder{opacity:0}._textInput_18oxe_1 ._input_18oxe_50::-webkit-calendar-picker-indicator{display:none}._textInput_18oxe_1 ._icon_18oxe_83{transition:color var(--swui-animation-time-medium);color:var(--swui-field-icon-color);font-size:var(--swui-field-icon-size)}._textInput_18oxe_1._standard_18oxe_93:hover:not(:focus-within):not(._disabled_18oxe_15),._textInput_18oxe_1._success_18oxe_94:hover:not(:focus-within):not(._disabled_18oxe_15){border-color:var(--swui-field-border-color-hover)}._textInput_18oxe_1._success_18oxe_94 ._icon_18oxe_83{color:var(--swui-state-success-color)}._textInput_18oxe_1._loading_18oxe_106{background:var(--swui-state-loading-light-color);border-color:var(--swui-state-loading-color)}._textInput_18oxe_1._modified_18oxe_111{background:var(--swui-state-modified-light-color);border-color:var(--swui-state-modified-light-color)}._textInput_18oxe_1._modified_18oxe_111 ._icon_18oxe_83{color:var(--lhds-color-blue-300)}._textInput_18oxe_1._error_18oxe_120{background:var(--swui-state-error-light-color);border-color:var(--swui-state-error-light-color)}._textInput_18oxe_1._error_18oxe_120 ._icon_18oxe_83{color:var(--swui-state-error-light-color)}._textInput_18oxe_1._warning_18oxe_129{background:var(--swui-state-alert-light-color);border-color:var(--swui-state-alert-light-color)}._textInput_18oxe_1._warning_18oxe_129 ._icon_18oxe_83{color:var(--swui-state-alert-light-color)}._textInput_18oxe_1._disabled_18oxe_15{background:var(--swui-field-bg-disabled);border-color:var(--swui-field-bg-disabled)}._textInput_18oxe_1._textInput_18oxe_1._hideBorder_18oxe_143{border:none;box-shadow:none;background:none;outline:none}._textInput_18oxe_1 ._clickable_18oxe_150:hover{cursor:pointer}._textInput_18oxe_1 ._clickable_18oxe_150:hover ._icon_18oxe_83{color:var(--swui-primary-action-color)}._numericTextInputInput_1tnr6_1{-moz-appearance:textfield}._numericTextInputInput_1tnr6_1::-webkit-outer-spin-button,._numericTextInputInput_1tnr6_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._labelledSelect_1evxo_1{border:1px solid var(--swui-field-border-color);border-radius:var(--swui-border-radius-large);position:relative;overflow:hidden;cursor:pointer}._labelledSelect_1evxo_1._labelledSelect_1evxo_1._onlyTopBorder_1evxo_8{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledSelect_1evxo_1._onlyBottomBorder_1evxo_14{border-top-left-radius:0;border-top-right-radius:0}._labelledSelect_1evxo_1._error_1evxo_19{border-color:var(--snackskal);background-color:var(--snackskal)}._labelledSelect_1evxo_1._normal_1evxo_24{border-color:var(--swui-field-border-color);background-color:var(--moln)}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:focus-within{border-color:var(--swui-field-border-color-hover);outline:var(--swui-focus-outline);outline-offset:0;z-index:10}._labelledSelect_1evxo_1._labelledSelect_1evxo_1:hover{border-color:var(--swui-field-border-color-hover)}._labelledSelect_1evxo_1 ._label_1evxo_1{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:pointer}._labelledSelect_1evxo_1 ._select_1evxo_48{color:var(--swui-text-primary-color);display:block;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;font-size:var(--swui-font-size-inputs-large);line-height:1.5;box-sizing:border-box;cursor:pointer;padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 8) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledSelect_1evxo_1 ._select_1evxo_48._error_1evxo_19{background-color:var(--snackskal)}._labelledSelect_1evxo_1 ._select_1evxo_48._normal_1evxo_24{background-color:var(--moln)}._labelledSelect_1evxo_1 ._iconWrapper_1evxo_73{border-radius:var(--swui-max-border-radius);width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:calc(var(--swui-metrics-space) * 2);margin-top:auto;margin-bottom:auto;padding:0;background:var(--silver-lighter);pointer-events:none}._labelledTextInput_1wih5_1{position:relative;background:var(--moln);overflow:hidden;cursor:text;border:1px solid var(--silver-light);border-radius:var(--swui-border-radius)}._labelledTextInput_1wih5_1 input{outline:none;border:none;margin:0;color:var(--swui-text-primary-color);background-color:transparent;line-height:var(--swui-line-height);width:100%;box-sizing:border-box;cursor:text}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyTop_1wih5_21{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyBottom_1wih5_27{border-top-left-radius:0;border-top-right-radius:0}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyLeft_1wih5_32{border-bottom-right-radius:0;border-top-right-radius:0;border-right-color:transparent}._labelledTextInput_1wih5_1._labelledTextInput_1wih5_1._onlyRight_1wih5_38{border-top-left-radius:0;border-bottom-left-radius:0}._labelledTextInput_1wih5_1:focus-within{outline:var(--swui-focus-outline);outline-offset:-1px;border-color:transparent}._labelledTextInput_1wih5_1:hover:not(:focus-within){border-color:var(--hav)}._labelledTextInput_1wih5_1._disabled_1wih5_53{background-color:var(--silver-lighter)}._labelledTextInput_1wih5_1._disabled_1wih5_53 input{color:var(--silver)}._labelledTextInput_1wih5_1._medium_1wih5_61:focus-within{outline-width:2px}._labelledTextInput_1wih5_1._medium_1wih5_61 input{font-size:var(--swui-font-size-inputs);padding:calc(var(--swui-metrics-space) * 4) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 1)}._labelledTextInput_1wih5_1._large_1wih5_73{border-radius:var(--swui-border-radius-large)}._labelledTextInput_1wih5_1._large_1wih5_73:focus-within{outline-width:3px}._labelledTextInput_1wih5_1._large_1wih5_73 input{font-size:var(--swui-font-size-inputs-large);padding:calc(var(--swui-metrics-space) * 5) calc(var(--swui-metrics-space) * 2) calc(var(--swui-metrics-space) * 2)}._labelledTextInput_1wih5_1._error_1wih5_87{border-color:var(--swui-state-error-light-color)}._labelledTextInput_1wih5_1._error_1wih5_87:hover:not(:focus-within){border-color:var(--modern-red)}._labelledTextInput_1wih5_1._error_1wih5_87 input{background-color:var(--swui-state-error-light-color)}._labelledTextInput_1wih5_1 label{display:flex;position:absolute;top:var(--swui-metrics-space);left:calc(var(--swui-metrics-space) * 2);cursor:text}._textArea_6n6nc_1{--swui-textarea-text-color: var(--swui-field-text-color);--swui-textarea-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textarea-letter-spacing: var(--swui-field-letter-spacing);--swui-textarea-line-height: var(--swui-field-text-line-height);--swui-textarea-indent: var(--swui-metrics-indent);--swui-textarea-font-size: var(--swui-font-size-inputs);--swui-textarea-font-family: var(--swui-font-input);--swui-textarea-font-weight: var(--swui-font-weight-inputs);--swui-textarea-placeholder-color: var(--swui-text-disabled-color);--swui-textarea-animation-time: var(--swui-animation-time-medium);--swui-textarea-icon-color: var(--swui-field-border-color-disabled);--swui-textarea-icon-size: var(--swui-field-icon-size);--swui-textarea-icon-color-success: var(--swui-state-success-color);--swui-textarea-bg-loading: var(--swui-state-loading-light-color);--swui-textarea-border-color-loading: var(--swui-state-loading-color);--swui-textarea-bg-modified: var(--swui-state-modified-light-color);--swui-textarea-border-color-modified: var(--swui-state-modified-color);--swui-textarea-bg-warning: var(--swui-state-alert-light-color);--swui-textarea-border-color-warning: var(--swui-state-alert-color);--swui-textarea-bg-error: var(--swui-state-error-light-color);--swui-textarea-border-color-error: var(--swui-state-error-color);--swui-textarea-bg-color: var(--swui-field-bg-enabled);--swui-textarea-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textarea-border-radius: var(--swui-field-border-radius);--swui-textarea-border-color: var(--swui-field-border-color);--swui-textarea-border-color-hover: var(--swui-field-border-color-hover);--swui-textarea-border-color-disabled: var( --swui-field-border-color-disabled );max-width:100%;letter-spacing:var(--swui-textarea-letter-spacing);line-height:var(--swui-textarea-line-height);padding:2px var(--swui-textarea-indent);color:var(--swui-textarea-text-color);font-size:var(--swui-textarea-font-size);font-family:var(--swui-textarea-font-family);font-weight:var(--swui-textarea-font-weight);background:var(--current-bg, var(--swui-textarea-bg-color));border:1px solid var(--current-border-color, var(--swui-textarea-border-color));border-radius:var(--swui-textarea-border-radius);transition:border var(--swui-textarea-animation-time);--current-icon-color: var(--swui-textarea-icon-color)}._textArea_6n6nc_1:focus:not(:focus-visible){outline:none}._textArea_6n6nc_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_6n6nc_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_6n6nc_1:disabled{color:var(--swui-textarea-text-color-disabled);--current-bg: var(--swui-textarea-bg-color-disabled);--current-border-color: var(--swui-textarea-border-color-disabled)}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/core"),_=require("react"),y=require("classnames"),j=require("@stenajs-webui/elements"),at=require("@fortawesome/react-fontawesome"),W=require("@stenajs-webui/theme");function ut(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const dt=ut(_),xt="_knob_1d6s8_56",_t="_filler_1d6s8_61",pt="_checked_1d6s8_75",S={switch:"_switch_1d6s8_1",knob:xt,filler:_t,checked:pt},ft=`${S.switch} ${S.checked}`,L=({value:t,disabled:n,onValueChange:s,className:o,wrapperRef:r,...c})=>e.jsx("div",{className:o,ref:r,children:e.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?ft:S.switch,disabled:n,onClick:()=>s&&s(!t),...c,children:[e.jsx("div",{className:S.filler}),e.jsx("div",{className:S.knob})]})}),ht=({label:t,disabled:n,textColor:s,wrapperRef:o,screenReaderLabel:r,...c})=>e.jsx("div",{ref:o,children:e.jsx("label",{children:e.jsxs(a.Box,{row:!0,alignItems:"center",children:[e.jsx(L,{disabled:n,...c}),e.jsx(a.Space,{}),r?e.jsx(a.ScreenReaderOnlyText,{children:r}):null,e.jsx(a.Text,{color:s,"aria-hidden":!!r,userSelect:"none",children:t})]})})}),mt="_checkbox_1ndou_1",jt="_standard_1ndou_39",yt="_small_1ndou_51",F={checkbox:mt,standard:jt,small:yt},P=_.forwardRef(({indeterminate:t=!1,onChange:n,onValueChange:s,value:o=!1,size:r="standard",className:c,...l},u)=>{const i=_.useRef(),f=x=>{i.current=x,i.current&&(i.current.indeterminate=!!t),u&&(typeof u=="function"?u(x):u.current=x)},p=_.useCallback(x=>{n&&n(x),s&&s(x.target.checked)},[n,s]);return _.useEffect(()=>{i.current&&(i.current.indeterminate=!!t)},[t,i]),e.jsx("input",{type:"checkbox",className:y(F.checkbox,F[r],c),checked:o,onChange:p,ref:f,...l})}),bt=({children:t,label:n,inputRef:s,wrapperRef:o,textColor:r,screenReaderLabel:c,...l})=>e.jsx("div",{ref:o,children:e.jsx("label",{children:e.jsxs(a.Row,{alignItems:"center",children:[e.jsx(P,{...l,ref:s}),e.jsx(a.Space,{}),c?e.jsx(a.ScreenReaderOnlyText,{children:c}):null,e.jsx(a.Text,{color:r,"aria-hidden":!!c,userSelect:"none",children:n}),t]})})}),It="_radiobutton_foy83_1",wt="_standard_foy83_45",Tt="_small_foy83_55",O={radiobutton:It,standard:wt,small:Tt},v=_.forwardRef(({onChange:t,onValueChange:n,size:s="standard",name:o,className:r,...c},l)=>{const u=_.useCallback(i=>{t&&t(i),n&&n(i.target.value)},[t,n]);return e.jsx("input",{type:"radio",name:o,className:y(O.radiobutton,O[s],r),onChange:u,ref:l,...c})}),gt="_radioButtonBox_yl38n_1",Bt="_medium_yl38n_14",St="_large_yl38n_19",kt="_danger_yl38n_28",Rt="_radioButtonWrapper_yl38n_39",R={radioButtonBox:gt,medium:Bt,large:St,danger:kt,radioButtonWrapper:Rt},Nt=({label:t,screenReaderLabel:n,variant:s="normal",size:o="medium",className:r,icon:c,contentRight:l,style:u,radioButtonClassName:i,...f})=>e.jsx("label",{className:y(R.radioButtonBox,R[s],R[o],r),style:u,children:e.jsxs(a.Row,{justifyContent:"space-between",flexGrow:1,children:[e.jsxs(a.Row,{alignItems:"center",children:[e.jsx(v,{...f,className:i}),e.jsx(a.Space,{}),n?e.jsx(a.ScreenReaderOnlyText,{children:n}):null,e.jsx(a.Text,{"aria-hidden":!!n,children:t})]}),e.jsxs(a.Row,{alignItems:"center",width:c?"48px":void 0,justifyContent:"center",children:[c&&e.jsx(j.Icon,{icon:c,size:24}),!c&&l]})]})}),vt=({label:t,inputRef:n,wrapperRef:s,textColor:o,screenReaderLabel:r,...c})=>e.jsx("div",{ref:s,children:e.jsx("label",{children:e.jsxs(a.Row,{alignItems:"center",children:[e.jsx(v,{ref:n,...c}),e.jsx(a.Space,{}),r?e.jsx(a.ScreenReaderOnlyText,{children:r}):null,e.jsx(a.Text,{color:o,"aria-hidden":!!r,userSelect:"none",children:t})]})})}),U=(t,n,s,o,r,c,l,u)=>{const i=_.useRef(!1),f=d=>{i.current||c==null||c(d.target.value??""),l==null||l(d)},p=d=>{i.current=!1,u==null||u(d)};return{onKeyDownHandler:_.useCallback(d=>{const{key:h}=d;if(h==="Enter")i.current=!0,s==null||s(),c==null||c(d.currentTarget.value??"");else if(h==="Escape")i.current=!0,o==null||o(),d.preventDefault(),d.stopPropagation();else if(r){const m=(I,w)=>{i.current=!0,t.current.blur(),r(I),w.preventDefault(),w.stopPropagation()};d.shiftKey&&h==="Tab"?m("left",d):h==="Tab"?m("right",d):h==="ArrowUp"?m("up",d):h==="ArrowDown"?m("down",d):h==="ArrowRight"?t.current.value.length===t.current.selectionStart&&m("right",d):h==="ArrowLeft"&&t.current.selectionStart===0&&m("left",d)}n&&n(d)},[o,r,n,t,s,c]),onBlurHandler:f,onFocusHandler:p}};function M(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const q=(t,n,s)=>{_.useEffect(()=>{t.current&&M(t.current)&&(s?t.current.setSelectionRange(0,t.current.value.length):n&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[n,t,s])},K=(t,{onEnter:n,onEsc:s,onChange:o,onValueChange:r,selectAllOnMount:c,moveCursorToEndOnMount:l,onDone:u,onMove:i,onFocus:f,onBlur:p,onKeyDown:x,autoFocus:d})=>{q(t,!!l,!!c);const{onKeyDownHandler:h,onFocusHandler:m,onBlurHandler:I}=U(t,x,n,s,i,u,p,f),w=_.useCallback(T=>{o==null||o(T),r==null||r(T.target.value)},[o,r]);return{onBlur:I,onChange:w,onFocus:m,onKeyDown:h,autoFocus:c||d}},$t="_textInput_18oxe_1",At="_onlyTop_18oxe_11",Ht="_disabled_18oxe_15",Ft="_onlyBottom_18oxe_20",Ot="_onlyLeft_18oxe_28",Wt="_onlyRight_18oxe_37",Lt="_input_18oxe_50",Pt="_icon_18oxe_83",Ut="_standard_18oxe_93",Mt="_success_18oxe_94",qt="_loading_18oxe_106",Kt="_modified_18oxe_111",Et="_error_18oxe_120",zt="_warning_18oxe_129",Ct="_hideBorder_18oxe_143",Dt="_clickable_18oxe_150",b={textInput:$t,onlyTop:At,disabled:Ht,onlyBottom:Ft,onlyLeft:Ot,onlyRight:Wt,input:Lt,icon:Pt,standard:Ut,success:Mt,loading:qt,modified:Kt,error:Et,warning:zt,hideBorder:Ct,clickable:Dt},k=({button:t,icon:n,iconClassName:s,content:o,spaceOnLeft:r,spaceOnRight:c,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i})=>!o&&!n&&!t?null:t?e.jsxs(e.Fragment,{children:[r?e.jsx(a.Space,{num:.25}):null,t,c?e.jsx(a.Space,{num:.25}):null]}):o?e.jsxs(e.Fragment,{children:[r&&!(l||u)?e.jsx(a.Space,{}):null,o||null,c&&!(l||i)?e.jsx(a.Space,{}):null]}):e.jsxs(e.Fragment,{children:[r?e.jsx(a.Space,{}):null,n&&e.jsx(at.FontAwesomeIcon,{icon:n,className:y(b.icon,s)}),c?e.jsx(a.Space,{}):null]}),$=t=>{const{variant:n="standard",inputRef:s,disabled:o,className:r,buttonLeft:c,buttonRight:l,contentLeft:u,contentRight:i,disableContentPadding:f,disableContentPaddingLeft:p,disableContentPaddingRight:x,iconLeft:d,iconRight:h,moveCursorToEndOnMount:m,selectAllOnMount:I,autoFocus:w,onValueChange:T,wrapperClassName:D,wrapperStyle:G,onDone:X,onEnter:J,onEsc:Q,onMove:Y,onChange:Z,onKeyDown:V,hideBorder:tt,onFocus:et,onBlur:nt,borderRadiusVariant:st="normalBorder",...ot}=t,rt=_.useRef(null),H=s??rt,ct=K(H,{onEnter:J,onEsc:Q,onChange:Z,onValueChange:T,selectAllOnMount:I,moveCursorToEndOnMount:m,onDone:X,onMove:Y,onFocus:et,onBlur:nt,onKeyDown:V,autoFocus:w}),lt=n==="success"?j.stenaCheck:n==="warning"||n==="error"?j.stenaExclamationTriangle:h,it=n==="loading"?e.jsx(j.InputSpinner,{}):i;return e.jsxs("div",{className:y(b.textInput,b[n],b[st],{[b.disabled]:o},{[b.hideBorder]:tt},D),style:G,children:[e.jsx(k,{content:u,disableContentPadding:f,disableContentPaddingLeft:p,disableContentPaddingRight:x,icon:d,spaceOnLeft:!0,button:c}),e.jsx("input",{className:y(b.input,r),type:"text",disabled:o,ref:H,autoFocus:w,...ot,...ct}),e.jsx(k,{content:it,disableContentPadding:f,disableContentPaddingLeft:p,disableContentPaddingRight:x,icon:lt,spaceOnRight:!0,button:l})]})},Gt="_numericTextInputInput_1tnr6_1",Xt={numericTextInputInput:Gt},E=({onValueChange:t,value:n,numSteps:s,min:o,max:r})=>{if(t)if(!n)t(String(N(s,o,r)));else{const l=(a.parseFloatElseUndefined(n)||0)+s;t(String(N(l,o,r)))}},z=({onValueChange:t,newValue:n,min:s,max:o})=>{if(t)if(n==="")t("");else{const c=a.parseFloatElseUndefined(n)||0;t(String(N(c,s,o)))}},N=(t,n,s)=>{let o=t;return n!=null&&(o=Math.max(n,o)),s!=null&&(o=Math.min(s,o)),o},Jt=({value:t,onValueChange:n,max:s,min:o,step:r=1,contentRight:c,disabled:l,className:u,hideButtons:i,...f})=>{const p=_.useCallback(h=>{E({onValueChange:n,value:t,numSteps:h,min:o,max:s})},[t,s,o,n]),x=_.useCallback(h=>{z({onValueChange:n,newValue:h,min:o,max:s})},[s,o,n]),d=i?c:e.jsxs(e.Fragment,{children:[c&&e.jsxs(e.Fragment,{children:[c,e.jsx(a.Space,{})]}),e.jsx(j.UpDownButtons,{onClickUp:l?void 0:()=>p(r),onClickDown:l?void 0:()=>p(-r),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return e.jsx($,{contentRight:d,value:t,onValueChange:x,disableContentPaddingRight:!i,type:"number",min:o,max:s,step:r,className:y(Xt.numericTextInputInput,u),disabled:l,...f})},Qt=(t,n)=>{const s=_.useCallback(r=>{if(n)if(!r)n(void 0);else{const c=a.parseFloatElseUndefined(r);c!==void 0&&n(c)}},[n]),o=_.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:s,value:o}},Yt=({hiddenIcon:t=j.stenaEyeShow,visibleIcon:n=j.stenaEyeHide,...s})=>{const[o,r]=_.useState(!0);return e.jsx($,{buttonRight:e.jsx(j.TextInputButton,{icon:o?t:n,onClick:()=>r(c=>!c)}),type:o?"password":"text",...s})},C=({disabled:t,text:n,...s})=>e.jsx(a.Text,{variant:"bold",color:W.cssColor(t?"--silver":"--tjara"),size:"small",...a.getDataProps(s),children:n}),A=({htmlFor:t,screenReaderLabel:n,label:s,disabled:o,className:r})=>e.jsxs("label",{htmlFor:t,className:r,children:[n?e.jsx(a.ScreenReaderOnlyText,{children:n}):null,e.jsx(C,{"aria-hidden":!!n,text:s,disabled:o})]}),Zt="_labelledSelect_1evxo_1",Vt="_onlyTopBorder_1evxo_8",te="_onlyBottomBorder_1evxo_14",ee="_error_1evxo_19",ne="_normal_1evxo_24",se="_label_1evxo_1",oe="_select_1evxo_48",re="_iconWrapper_1evxo_73",g={labelledSelect:Zt,onlyTopBorder:Vt,onlyBottomBorder:te,error:ee,normal:ne,label:se,select:oe,iconWrapper:re},ce=({onChange:t,onValueChange:n,id:s,label:o,screenReaderLabel:r,borderVariant:c="normalBorder",variant:l="normal",children:u,...i})=>{const f=_.useId(),p=s??f,x=_.useCallback(d=>{t==null||t(d),n==null||n(d.target.value)},[t,n]);return e.jsxs("div",{className:y(g.labelledSelect,g[l],g[c]),children:[e.jsx(A,{htmlFor:p,className:g.label,label:o,screenReaderLabel:r}),e.jsx("select",{id:p,onChange:x,className:y(g.select,g[l]),...i,children:u}),e.jsx("div",{className:y(g.iconWrapper),children:e.jsx(j.Icon,{icon:j.stenaAngleDown,size:24,color:W.cssColor("--modern-blue")})})]})},le="_labelledTextInput_1wih5_1",ie="_onlyTop_1wih5_21",ae="_onlyBottom_1wih5_27",ue="_onlyLeft_1wih5_32",de="_onlyRight_1wih5_38",xe="_disabled_1wih5_53",_e="_medium_1wih5_61",pe="_large_1wih5_73",fe="_error_1wih5_87",B={labelledTextInput:le,onlyTop:ie,onlyBottom:ae,onlyLeft:ue,onlyRight:de,disabled:xe,medium:_e,large:pe,error:fe},he=dt.forwardRef(({autoComplete:t="off",label:n,id:s,screenReaderLabel:o,size:r="medium",value:c,onChange:l,disabled:u,onValueChange:i,borderRadiusVariant:f="normalBorder",variant:p="normal",width:x,...d},h)=>{const m=_.useId(),I=s??m,w=_.useCallback(T=>{l==null||l(T),i==null||i(T.target.value)},[l,i]);return e.jsxs("div",{className:y(B.labelledTextInput,B[p],B[f],B[r],u&&B.disabled),style:x?{width:x}:void 0,children:[e.jsx(A,{htmlFor:I,screenReaderLabel:o,label:n}),e.jsx("input",{ref:h,id:I,autoComplete:t,type:"text",value:c,onChange:w,disabled:u,...d})]})}),me=({variant:t="standard",disabled:n,wrapperClassName:s,wrapperStyle:o,contentLeft:r,contentRight:c,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i,iconRight:f,iconLeft:p,onClickLeft:x,onClickRight:d,children:h})=>{const m=t==="success"?j.stenaCheck:t==="warning"||t==="error"?j.stenaExclamationTriangle:f,I=t==="loading"?e.jsx(j.InputSpinner,{}):c;return e.jsxs("div",{className:y(b.textInput,b.inputContainer,b[t],{[b.disabled]:n},s),style:o,children:[e.jsx(k,{content:r,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i,spaceOnLeft:!0,button:p?e.jsx(j.TextInputButton,{onClick:x,icon:p}):void 0}),e.jsx(a.Row,{alignItems:"center",children:h}),e.jsx(k,{content:I,disableContentPadding:l,disableContentPaddingLeft:u,disableContentPaddingRight:i,spaceOnRight:!0,button:m?e.jsx(j.TextInputButton,{onClick:d,icon:m}):void 0})]})},je="_textArea_6n6nc_1",ye={textArea:je},be=_.forwardRef(({className:t,value:n,onValueChange:s,onChange:o,resize:r="none",readOnly:c=!1,rows:l,disabled:u,...i},f)=>{const p=_.useCallback(x=>{o&&o(x),s&&s(x.target.value)},[o,s]);return e.jsx("textarea",{disabled:u,rows:l,readOnly:c,className:y(ye.textArea,t),style:{resize:r},onChange:p,value:n,ref:f,...i})});exports.Checkbox=P;exports.CheckboxWithLabel=bt;exports.InputLabel=A;exports.InputLabelText=C;exports.LabelledSelect=ce;exports.LabelledTextInput=he;exports.NumericTextInput=Jt;exports.PasswordInput=Yt;exports.RadioButton=v;exports.RadioButtonBox=Nt;exports.RadioButtonWithLabel=vt;exports.Switch=L;exports.SwitchWithLabel=ht;exports.TextArea=be;exports.TextInput=$;exports.TextInputBox=me;exports.elementHasSelectionRange=M;exports.onStepValueChange=E;exports.onTextValueChange=z;exports.useKeyboardNavigation=U;exports.useNumericInputValue=Qt;exports.useSelectAllOnMount=q;exports.useTextInput=K;
3
3
  //# sourceMappingURL=index.js.map