@stenajs-webui/forms 19.0.0-next.34 → 19.0.0-next.35

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 (7) hide show
  1. package/dist/components/ui/radio/RadioButtonBox.d.ts +16 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.es.js +249 -221
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/index.js.map +1 -1
  7. package/package.json +5 -5
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/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/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, 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 textColor?: string;\n}\n\nexport const SwitchWithLabel: React.FC<SwitchWithLabelProps> = ({\n label,\n disabled,\n textColor,\n wrapperRef,\n ...switchProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Box row alignItems={\"center\"}>\n <Switch disabled={disabled} {...switchProps} />\n <Space />\n <Text userSelect={\"none\"} color={textColor}>\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, 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 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 ...checkboxProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <Checkbox {...checkboxProps} ref={inputRef} />\n <Space />\n {label && (\n <Text userSelect={\"none\"} color={textColor}>\n {label}\n </Text>\n )}\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\";\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 { onChange, onValueChange, size = \"standard\", name, ...inputProps },\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={styles.radiobutton + \" \" + styles[size]}\n onChange={handleInputChange}\n ref={ref}\n {...inputProps}\n />\n );\n }\n);\n","import { Row, 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 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 ...radioButtonProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <RadioButton ref={inputRef} {...radioButtonProps} />\n <Space />\n <Text color={textColor} userSelect={\"none\"}>\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\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\n\nexport interface TextInputIconProps {\n iconClassName?: string;\n content?: React.ReactNode;\n icon?: IconDefinition;\n spaceOnRight?: boolean;\n spaceOnLeft?: boolean;\n disableContentPadding?: boolean;\n disableContentPaddingLeft?: boolean;\n disableContentPaddingRight?: boolean;\n onClick?: () => void;\n}\n\nexport const TextInputIcon: React.FC<TextInputIconProps> = ({\n icon,\n iconClassName,\n content,\n spaceOnLeft,\n spaceOnRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n onClick,\n}) => {\n if (!content && !icon) {\n return null;\n }\n\n if (content) {\n return (\n <>\n {spaceOnLeft &&\n !(disableContentPadding || disableContentPaddingLeft) ? (\n <Space />\n ) : null}\n {onClick ? (\n <span onClick={onClick} className={styles.clickable}>\n {content || null}\n </span>\n ) : (\n <>{content || null}</>\n )}\n\n {spaceOnRight &&\n !(disableContentPadding || disableContentPaddingRight) ? (\n <Space />\n ) : null}\n </>\n );\n }\n\n return (\n <>\n {spaceOnLeft ? <Space /> : null}\n {icon && (\n <>\n {onClick ? (\n <FlatButton\n type={\"button\"}\n onClick={onClick}\n leftIcon={icon}\n size={\"small\"}\n />\n ) : (\n <FontAwesomeIcon\n icon={icon}\n className={cx(styles.icon, iconClassName)}\n />\n )}\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 /** 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 /** On click left. */\n onClickLeft?: () => void;\n /** On click right. */\n onClickRight?: () => void;\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 contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconLeft,\n iconRight,\n onClickLeft,\n onClickRight,\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 onClick={onClickLeft}\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 onClick={onClickRight}\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 { stenaEyeHide, stenaEyeShow } 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 iconRight={isPassword ? hiddenIcon : visibleIcon}\n onClickRight={() => setIsPassword((x) => !x)}\n type={isPassword ? \"password\" : \"text\"}\n {...props}\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} from \"@stenajs-webui/elements\";\nimport { Row } from \"@stenajs-webui/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 | \"iconRight\"\n | \"iconLeft\"\n | \"onClickLeft\"\n | \"onClickRight\"\n > {\n children?: ReactNode;\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 icon={iconLeft}\n spaceOnLeft\n onClick={onClickLeft}\n />\n <Row alignItems={\"center\"}>{children}</Row>\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n onClick={onClickRight}\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","switchProps","Box","Space","Text","Checkbox","forwardRef","indeterminate","onChange","size","inputProps","ref","localRef","useRef","setRef","element","handleInputChange","useCallback","ev","useEffect","cx","CheckboxWithLabel","children","inputRef","checkboxProps","Row","RadioButton","name","RadioButtonWithLabel","radioButtonProps","useKeyboardNavigation","onKeyDown","onEnter","onEsc","onMove","onDone","onBlur","onFocus","wasHandled","onBlurHandler","_a","onFocusHandler","key","blurMoveAndCancel","direction","e","elementHasSelectionRange","useSelectAllOnMount","moveCursorToEnd","enabled","useTextInput","selectAllOnMount","moveCursorToEndOnMount","autoFocus","onKeyDownHandler","onChangeHandler","TextInputIcon","icon","iconClassName","content","spaceOnLeft","spaceOnRight","disableContentPadding","disableContentPaddingLeft","disableContentPaddingRight","onClick","Fragment","FlatButton","FontAwesomeIcon","TextInput","props","variant","contentLeft","contentRight","iconLeft","iconRight","onClickLeft","onClickRight","wrapperClassName","wrapperStyle","hideBorder","refToUse","hookProps","currentIconRight","stenaCheck","stenaExclamationTriangle","currentContentRight","InputSpinner","onStepValueChange","numSteps","min","max","limitWithinRange","newValue","parseFloatElseUndefined","onTextValueChange","v","NumericTextInput","step","hideButtons","UpDownButtons","useNumericInputValue","onValueChangeString","n","valueString","useMemo","PasswordInput","hiddenIcon","stenaEyeShow","visibleIcon","stenaEyeHide","isPassword","setIsPassword","useState","x","TextInputBox","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/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, 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 textColor?: string;\n}\n\nexport const SwitchWithLabel: React.FC<SwitchWithLabelProps> = ({\n label,\n disabled,\n textColor,\n wrapperRef,\n ...switchProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Box row alignItems={\"center\"}>\n <Switch disabled={disabled} {...switchProps} />\n <Space />\n <Text userSelect={\"none\"} color={textColor}>\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, 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 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 ...checkboxProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <Checkbox {...checkboxProps} ref={inputRef} />\n <Space />\n {label && (\n <Text userSelect={\"none\"} color={textColor}>\n {label}\n </Text>\n )}\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\";\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 { onChange, onValueChange, size = \"standard\", name, ...inputProps },\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={styles.radiobutton + \" \" + styles[size]}\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 styles from \"./RadioButtonBox.module.css\";\nimport { RadioButton, RadioButtonProps } from \"./RadioButton\";\n\nexport type RadioButtonBoxVariant = \"normal\" | \"danger\";\n\nexport interface RadioButtonBoxProps 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 variant?: RadioButtonBoxVariant;\n icon?: IconDefinition;\n}\n\nexport const RadioButtonBox: React.FC<RadioButtonBoxProps> = ({\n label,\n screenReaderLabel,\n variant = \"normal\",\n icon,\n className,\n style,\n ...radioButtonProps\n}) => {\n return (\n <label\n className={cx(styles.radioButtonBox, styles[variant], className)}\n style={style}\n >\n <Row justifyContent={\"space-between\"} flexGrow={1}>\n <Row alignItems={\"center\"}>\n <RadioButton {...radioButtonProps} />\n <Space />\n {screenReaderLabel ? (\n <ScreenReaderOnlyText>{screenReaderLabel}</ScreenReaderOnlyText>\n ) : null}\n <Text aria-hidden={Boolean(screenReaderLabel)}>{label}</Text>\n </Row>\n <Row alignItems={\"center\"} width={\"48px\"} justifyContent={\"center\"}>\n {icon && <Icon icon={icon} size={24} />}\n </Row>\n </Row>\n </label>\n );\n};\n","import { Row, 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 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 ...radioButtonProps\n}) => {\n return (\n <div ref={wrapperRef}>\n <label>\n <Row alignItems={\"center\"}>\n <RadioButton ref={inputRef} {...radioButtonProps} />\n <Space />\n <Text color={textColor} userSelect={\"none\"}>\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\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\n\nexport interface TextInputIconProps {\n iconClassName?: string;\n content?: React.ReactNode;\n icon?: IconDefinition;\n spaceOnRight?: boolean;\n spaceOnLeft?: boolean;\n disableContentPadding?: boolean;\n disableContentPaddingLeft?: boolean;\n disableContentPaddingRight?: boolean;\n onClick?: () => void;\n}\n\nexport const TextInputIcon: React.FC<TextInputIconProps> = ({\n icon,\n iconClassName,\n content,\n spaceOnLeft,\n spaceOnRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n onClick,\n}) => {\n if (!content && !icon) {\n return null;\n }\n\n if (content) {\n return (\n <>\n {spaceOnLeft &&\n !(disableContentPadding || disableContentPaddingLeft) ? (\n <Space />\n ) : null}\n {onClick ? (\n <span onClick={onClick} className={styles.clickable}>\n {content || null}\n </span>\n ) : (\n <>{content || null}</>\n )}\n\n {spaceOnRight &&\n !(disableContentPadding || disableContentPaddingRight) ? (\n <Space />\n ) : null}\n </>\n );\n }\n\n return (\n <>\n {spaceOnLeft ? <Space /> : null}\n {icon && (\n <>\n {onClick ? (\n <FlatButton\n type={\"button\"}\n onClick={onClick}\n leftIcon={icon}\n size={\"small\"}\n />\n ) : (\n <FontAwesomeIcon\n icon={icon}\n className={cx(styles.icon, iconClassName)}\n />\n )}\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 /** 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 /** On click left. */\n onClickLeft?: () => void;\n /** On click right. */\n onClickRight?: () => void;\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 contentLeft,\n contentRight,\n disableContentPadding,\n disableContentPaddingLeft,\n disableContentPaddingRight,\n iconLeft,\n iconRight,\n onClickLeft,\n onClickRight,\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 onClick={onClickLeft}\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 onClick={onClickRight}\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 { stenaEyeHide, stenaEyeShow } 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 iconRight={isPassword ? hiddenIcon : visibleIcon}\n onClickRight={() => setIsPassword((x) => !x)}\n type={isPassword ? \"password\" : \"text\"}\n {...props}\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} from \"@stenajs-webui/elements\";\nimport { Row } from \"@stenajs-webui/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 | \"iconRight\"\n | \"iconLeft\"\n | \"onClickLeft\"\n | \"onClickRight\"\n > {\n children?: ReactNode;\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 icon={iconLeft}\n spaceOnLeft\n onClick={onClickLeft}\n />\n <Row alignItems={\"center\"}>{children}</Row>\n <TextInputIcon\n content={currentContentRight}\n disableContentPadding={disableContentPadding}\n disableContentPaddingLeft={disableContentPaddingLeft}\n disableContentPaddingRight={disableContentPaddingRight}\n icon={currentIconRight}\n spaceOnRight\n onClick={onClickRight}\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","switchProps","Box","Space","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","screenReaderLabel","variant","icon","style","radioButtonProps","ScreenReaderOnlyText","Icon","RadioButtonWithLabel","useKeyboardNavigation","onKeyDown","onEnter","onEsc","onMove","onDone","onBlur","onFocus","wasHandled","onBlurHandler","_a","onFocusHandler","key","blurMoveAndCancel","direction","e","elementHasSelectionRange","useSelectAllOnMount","moveCursorToEnd","enabled","useTextInput","selectAllOnMount","moveCursorToEndOnMount","autoFocus","onKeyDownHandler","onChangeHandler","TextInputIcon","iconClassName","content","spaceOnLeft","spaceOnRight","disableContentPadding","disableContentPaddingLeft","disableContentPaddingRight","onClick","Fragment","FlatButton","FontAwesomeIcon","TextInput","props","contentLeft","contentRight","iconLeft","iconRight","onClickLeft","onClickRight","wrapperClassName","wrapperStyle","hideBorder","refToUse","hookProps","currentIconRight","stenaCheck","stenaExclamationTriangle","currentContentRight","InputSpinner","onStepValueChange","numSteps","min","max","limitWithinRange","newValue","parseFloatElseUndefined","onTextValueChange","v","NumericTextInput","step","hideButtons","UpDownButtons","useNumericInputValue","onValueChangeString","n","valueString","useMemo","PasswordInput","hiddenIcon","stenaEyeShow","visibleIcon","stenaEyeHide","isPassword","setIsPassword","useState","x","TextInputBox","TextArea","resize","readOnly","rows","textAreaProps"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{var r=document.createElement("style");r.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:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));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;-webkit-transform:rotate(0deg);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:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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}._textInput_11y5a_1{--swui-textinput-text-color: var(--swui-field-text-color);--swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textinput-letter-spacing: var(--swui-field-letter-spacing);--swui-textinput-line-height: var(--swui-field-text-line-height);--swui-textinput-indent: var(--swui-metrics-indent);--swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);--swui-textinput-font-size: var(--swui-font-size-inputs);--swui-textinput-font-family: var(--swui-font-input);--swui-textinput-font-weight: var(--swui-font-weight-inputs);--swui-textinput-placeholder-color: var(--swui-field-placeholder-color);--swui-textinput-placeholder-font-weight: var( --swui-field-placeholder-font-weight );--swui-textinput-animation-time: var(--swui-animation-time-medium);--swui-textinput-icon-color: var(--swui-field-icon-color);--swui-textinput-icon-hover-color: var(--swui-primary-action-color);--swui-textinput-icon-size: var(--swui-field-icon-size);--swui-textinput-icon-color-success: var(--swui-state-success-color);--swui-textinput-bg-loading: var(--swui-state-loading-light-color);--swui-textinput-border-color-loading: var(--swui-state-loading-color);--swui-textinput-bg-modified: var(--swui-state-modified-light-color);--swui-textinput-border-color-modified: var( --swui-state-modified-light-color );--swui-textinput-bg-warning: var(--swui-state-alert-light-color);--swui-textinput-border-color-warning: var(--swui-state-alert-light-color);--swui-textinput-bg-error: var(--swui-state-error-light-color);--swui-textinput-border-color-error: var(--swui-state-error-light-color);--swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-border-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-bg-color: var(--swui-field-bg-enabled);--swui-textinput-border-radius: var(--swui-field-border-radius);--swui-textinput-border-color: var(--swui-field-border-color);--swui-textinput-border-color-hover: var(--swui-field-border-color-hover);--swui-textinput-focus-shadow: none;--current-bg: var(--swui-textinput-bg-color);--current-border-color: var(--swui-textinput-border-color);--current-icon-color: var(--swui-textinput-icon-color);display:flex;width:100%;align-items:center;background:var(--current-bg);border:1px solid var(--current-border-color);border-radius:var(--swui-textinput-border-radius);outline:none}._textInput_11y5a_1._textInput_11y5a_1:focus-within:not(._disabled_11y5a_65){box-shadow:var(--swui-textinput-focus-shadow);border:1px solid transparent;outline:var(--swui-focus-outline);--current-border-color: var(--swui-textinput-border-color-hover);--current-bg: var(--swui-textinput-bg-color)}._textInput_11y5a_1 ._input_11y5a_73{letter-spacing:var(--swui-textinput-letter-spacing);line-height:var(--swui-textinput-line-height);width:100%;padding:var(--swui-textinput-spacing) var(--swui-textinput-indent);color:var(--swui-textinput-text-color);font-size:var(--swui-textinput-font-size);font-family:var(--swui-textinput-font-family);font-weight:var(--swui-textinput-font-weight);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_11y5a_1 ._input_11y5a_73:disabled{color:var(--swui-textinput-text-color-disabled)}._textInput_11y5a_1 ._input_11y5a_73::-webkit-input-placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73::placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73:focus::-webkit-input-placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73:focus::placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73::-webkit-calendar-picker-indicator{display:none}._textInput_11y5a_1._standard_11y5a_110:hover:not(._disabled_11y5a_65),._textInput_11y5a_1._success_11y5a_111:hover:not(._disabled_11y5a_65){--current-border-color: var(--swui-textinput-border-color-hover)}._textInput_11y5a_1._success_11y5a_111{--current-icon-color: var(--swui-textinput-icon-color-success)}._textInput_11y5a_1._loading_11y5a_123{--current-bg: var(--swui-textinput-bg-loading);--current-border-color: var(--swui-textinput-border-color-loading)}._textInput_11y5a_1._modified_11y5a_128{--current-bg: var(--swui-textinput-bg-modified);--current-border-color: var(--swui-textinput-border-color-modified);--current-icon-color: var(--lhds-color-blue-300)}._textInput_11y5a_1._error_11y5a_134{--current-bg: var(--swui-textinput-bg-error);--current-border-color: var(--swui-textinput-border-color-error);--current-icon-color: var(--swui-textinput-border-color-error)}._textInput_11y5a_1._warning_11y5a_140{--current-bg: var(--swui-textinput-bg-warning);--current-border-color: var(--swui-textinput-border-color-warning);--current-icon-color: var(--swui-textinput-border-color-warning)}._textInput_11y5a_1._disabled_11y5a_65{--current-bg: var(--swui-textinput-bg-color-disabled);--current-border-color: var(--swui-textinput-border-color-disabled)}._textInput_11y5a_1._textInput_11y5a_1._hideBorder_11y5a_151{border:none;box-shadow:none;background:none}._textInput_11y5a_1 ._clickable_11y5a_157:hover{--current-icon-color: var(--swui-textinput-icon-hover-color);cursor:pointer}._textInput_11y5a_1 ._icon_11y5a_162{transition:color var(--swui-textinput-animation-time);color:var(--current-icon-color);font-size:var(--swui-textinput-icon-size)}._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}._textArea_1lpu2_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-spacing: calc(var(--swui-field-text-spacing) - 1px);--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:var(--swui-textarea-spacing) 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_1lpu2_1:focus:not(:focus-visible){outline:none}._textArea_1lpu2_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_1lpu2_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_1lpu2_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(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("@stenajs-webui/core"),p=require("react"),st=require("classnames"),g=require("@stenajs-webui/elements"),nt=require("@fortawesome/react-fontawesome"),rt=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},k=rt(st),ct="_knob_1d6s8_56",at="_filler_1d6s8_61",ot="_checked_1d6s8_75",I={switch:"_switch_1d6s8_1",knob:ct,filler:at,checked:ot},lt=`${I.switch} ${I.checked}`,C=({value:t,disabled:e,onValueChange:n,className:r,wrapperRef:c,...a})=>s.jsx("div",{className:r,ref:c,children:s.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?lt:I.switch,disabled:e,onClick:()=>n&&n(!t),...a,children:[s.jsx("div",{className:I.filler}),s.jsx("div",{className:I.knob})]})}),it=({label:t,disabled:e,textColor:n,wrapperRef:r,...c})=>s.jsx("div",{ref:r,children:s.jsx("label",{children:s.jsxs(f.Box,{row:!0,alignItems:"center",children:[s.jsx(C,{disabled:e,...c}),s.jsx(f.Space,{}),s.jsx(f.Text,{userSelect:"none",color:n,children:t})]})})}),ut="_checkbox_1ndou_1",dt="_standard_1ndou_39",xt="_small_1ndou_51",A={checkbox:ut,standard:dt,small:xt},F=p.forwardRef(({indeterminate:t=!1,onChange:e,onValueChange:n,value:r=!1,size:c="standard",className:a,...l},i)=>{const o=p.useRef(),_=x=>{o.current=x,o.current&&(o.current.indeterminate=Boolean(t)),i&&(typeof i=="function"?i(x):i.current=x)},h=p.useCallback(x=>{e&&e(x),n&&n(x.target.checked)},[e,n]);return p.useEffect(()=>{o.current&&(o.current.indeterminate=Boolean(t))},[t,o]),s.jsx("input",{type:"checkbox",className:k.default(A.checkbox,A[c],a),checked:r,onChange:h,ref:_,...l})}),ft=({children:t,label:e,inputRef:n,wrapperRef:r,textColor:c,...a})=>s.jsx("div",{ref:r,children:s.jsx("label",{children:s.jsxs(f.Row,{alignItems:"center",children:[s.jsx(F,{...a,ref:n}),s.jsx(f.Space,{}),e&&s.jsx(f.Text,{userSelect:"none",color:c,children:e}),t]})})}),pt="_radiobutton_foy83_1",_t="_standard_foy83_45",ht="_small_foy83_55",B={radiobutton:pt,standard:_t,small:ht},H=p.forwardRef(({onChange:t,onValueChange:e,size:n="standard",name:r,...c},a)=>{const l=p.useCallback(i=>{t&&t(i),e&&e(i.target.value)},[t,e]);return s.jsx("input",{type:"radio",name:r,className:B.radiobutton+" "+B[n],onChange:l,ref:a,...c})}),jt=({label:t,inputRef:e,wrapperRef:n,textColor:r,...c})=>s.jsx("div",{ref:n,children:s.jsx("label",{children:s.jsxs(f.Row,{alignItems:"center",children:[s.jsx(H,{ref:e,...c}),s.jsx(f.Space,{}),s.jsx(f.Text,{color:r,userSelect:"none",children:t})]})})}),L=(t,e,n,r,c,a,l,i)=>{const o=p.useRef(!1),_=u=>{var d;o.current||a==null||a((d=u.target.value)!=null?d:""),l==null||l(u)},h=u=>{o.current=!1,i==null||i(u)};return{onKeyDownHandler:p.useCallback(u=>{var y;const{key:d}=u;if(d==="Enter")o.current=!0,n==null||n(),a==null||a((y=u.currentTarget.value)!=null?y:"");else if(d==="Escape")o.current=!0,r==null||r(),u.preventDefault(),u.stopPropagation();else if(c){const j=(m,w)=>{o.current=!0,t.current.blur(),c(m),w.preventDefault(),w.stopPropagation()};u.shiftKey&&d==="Tab"?j("left",u):d==="Tab"?j("right",u):d==="ArrowUp"?j("up",u):d==="ArrowDown"?j("down",u):d==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):d==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}e&&e(u)},[r,c,e,t,n,a]),onBlurHandler:_,onFocusHandler:h}};function P(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const $=(t,e,n)=>{p.useEffect(()=>{!t.current||!P(t.current)||(n?t.current.setSelectionRange(0,t.current.value.length):e&&t.current.setSelectionRange(t.current.value.length,t.current.value.length))},[e,t,n])},U=(t,{onEnter:e,onEsc:n,onChange:r,onValueChange:c,selectAllOnMount:a,moveCursorToEndOnMount:l,onDone:i,onMove:o,onFocus:_,onBlur:h,onKeyDown:x,autoFocus:u})=>{$(t,!!l,!!a);const{onKeyDownHandler:d,onFocusHandler:y,onBlurHandler:j}=L(t,x,e,n,o,i,h,_),m=p.useCallback(w=>{r==null||r(w),c==null||c(w.target.value)},[r,c]);return{onBlur:j,onChange:m,onFocus:y,onKeyDown:d,autoFocus:a||u}},bt="_textInput_11y5a_1",gt="_disabled_11y5a_65",yt="_input_11y5a_73",wt="_standard_11y5a_110",kt="_success_11y5a_111",mt="_loading_11y5a_123",It="_modified_11y5a_128",St="_error_11y5a_134",Rt="_warning_11y5a_140",Tt="_hideBorder_11y5a_151",Nt="_clickable_11y5a_157",At="_icon_11y5a_162",b={textInput:bt,disabled:gt,input:yt,standard:wt,success:kt,loading:mt,modified:It,error:St,warning:Rt,hideBorder:Tt,clickable:Nt,icon:At},S=({icon:t,iconClassName:e,content:n,spaceOnLeft:r,spaceOnRight:c,disableContentPadding:a,disableContentPaddingLeft:l,disableContentPaddingRight:i,onClick:o})=>!n&&!t?null:n?s.jsxs(s.Fragment,{children:[r&&!(a||l)?s.jsx(f.Space,{}):null,o?s.jsx("span",{onClick:o,className:b.clickable,children:n||null}):s.jsx(s.Fragment,{children:n||null}),c&&!(a||i)?s.jsx(f.Space,{}):null]}):s.jsxs(s.Fragment,{children:[r?s.jsx(f.Space,{}):null,t&&s.jsx(s.Fragment,{children:o?s.jsx(g.FlatButton,{type:"button",onClick:o,leftIcon:t,size:"small"}):s.jsx(nt.FontAwesomeIcon,{icon:t,className:k.default(b.icon,e)})}),c?s.jsx(f.Space,{}):null]}),T=t=>{const{variant:e="standard",inputRef:n,disabled:r,className:c,contentLeft:a,contentRight:l,disableContentPadding:i,disableContentPaddingLeft:o,disableContentPaddingRight:_,iconLeft:h,iconRight:x,onClickLeft:u,onClickRight:d,moveCursorToEndOnMount:y,selectAllOnMount:j,autoFocus:m,onValueChange:w,wrapperClassName:W,wrapperStyle:q,onDone:K,onEnter:O,onEsc:E,onMove:z,onChange:X,onKeyDown:D,hideBorder:G,onFocus:J,onBlur:Q,...Y}=t,Z=p.useRef(null),N=n!=null?n:Z,V=U(N,{onEnter:O,onEsc:E,onChange:X,onValueChange:w,selectAllOnMount:j,moveCursorToEndOnMount:y,onDone:K,onMove:z,onFocus:J,onBlur:Q,onKeyDown:D,autoFocus:m}),tt=e==="success"?g.stenaCheck:e==="warning"||e==="error"?g.stenaExclamationTriangle:x,et=e==="loading"?s.jsx(g.InputSpinner,{}):l;return s.jsxs("div",{className:k.default(b.textInput,b[e],{[b.disabled]:r},{[b.hideBorder]:G},W),style:q,children:[s.jsx(S,{content:a,disableContentPadding:i,disableContentPaddingLeft:o,disableContentPaddingRight:_,icon:h,spaceOnLeft:!0,onClick:u}),s.jsx("input",{className:k.default(b.input,c),type:"text",disabled:r,ref:N,autoFocus:m,...Y,...V}),s.jsx(S,{content:et,disableContentPadding:i,disableContentPaddingLeft:o,disableContentPaddingRight:_,icon:tt,spaceOnRight:!0,onClick:d})]})},Bt="_numericTextInputInput_1tnr6_1",Ct={numericTextInputInput:Bt},M=({onValueChange:t,value:e,numSteps:n,min:r,max:c})=>{if(t)if(!e)t(String(R(n,r,c)));else{const l=(f.parseFloatElseUndefined(e)||0)+n;t(String(R(l,r,c)))}},v=({onValueChange:t,newValue:e,min:n,max:r})=>{if(t)if(e==="")t("");else{const a=f.parseFloatElseUndefined(e)||0;t(String(R(a,n,r)))}},R=(t,e,n)=>{let r=t;return e!=null&&(r=Math.max(e,r)),n!=null&&(r=Math.min(n,r)),r},Ft=({value:t,onValueChange:e,max:n,min:r,step:c=1,contentRight:a,disabled:l,className:i,hideButtons:o,..._})=>{const h=p.useCallback(d=>{M({onValueChange:e,value:t,numSteps:d,min:r,max:n})},[t,n,r,e]),x=p.useCallback(d=>{v({onValueChange:e,newValue:d,min:r,max:n})},[n,r,e]),u=o?a:s.jsxs(s.Fragment,{children:[a&&s.jsxs(s.Fragment,{children:[a,s.jsx(f.Space,{})]}),s.jsx(g.UpDownButtons,{onClickUp:l?void 0:()=>h(c),onClickDown:l?void 0:()=>h(-c),iconColor:"var(--swui-textinput-text-color)",disabled:l})]});return s.jsx(T,{contentRight:u,value:t,onValueChange:x,disableContentPaddingRight:!o,type:"number",min:r,max:n,step:c,className:k.default(Ct.numericTextInputInput,i),disabled:l,..._})},Ht=(t,e)=>{const n=p.useCallback(c=>{if(e)if(!c)e(void 0);else{const a=f.parseFloatElseUndefined(c);a!==void 0&&e(a)}},[e]),r=p.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:n,value:r}},Lt=({hiddenIcon:t=g.stenaEyeShow,visibleIcon:e=g.stenaEyeHide,...n})=>{const[r,c]=p.useState(!0);return s.jsx(T,{iconRight:r?t:e,onClickRight:()=>c(a=>!a),type:r?"password":"text",...n})},Pt=({variant:t="standard",disabled:e,wrapperClassName:n,wrapperStyle:r,contentLeft:c,contentRight:a,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:o,iconRight:_,iconLeft:h,onClickLeft:x,onClickRight:u,children:d})=>{const y=t==="success"?g.stenaCheck:t==="warning"||t==="error"?g.stenaExclamationTriangle:_,j=t==="loading"?s.jsx(g.InputSpinner,{}):a;return s.jsxs("div",{className:k.default(b.textInput,b.inputContainer,b[t],{[b.disabled]:e},n),style:r,children:[s.jsx(S,{content:c,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:o,icon:h,spaceOnLeft:!0,onClick:x}),s.jsx(f.Row,{alignItems:"center",children:d}),s.jsx(S,{content:j,disableContentPadding:l,disableContentPaddingLeft:i,disableContentPaddingRight:o,icon:y,spaceOnRight:!0,onClick:u})]})},$t="_textArea_1lpu2_1",Ut={textArea:$t},Mt=p.forwardRef(({className:t,value:e,onValueChange:n,onChange:r,resize:c="none",readOnly:a=!1,rows:l,disabled:i,...o},_)=>{const h=p.useCallback(x=>{r&&r(x),n&&n(x.target.value)},[r,n]);return s.jsx("textarea",{disabled:i,rows:l,readOnly:a,className:k.default(Ut.textArea,t),style:{resize:c},onChange:h,value:e,ref:_,...o})});exports.Checkbox=F;exports.CheckboxWithLabel=ft;exports.NumericTextInput=Ft;exports.PasswordInput=Lt;exports.RadioButton=H;exports.RadioButtonWithLabel=jt;exports.Switch=C;exports.SwitchWithLabel=it;exports.TextArea=Mt;exports.TextInput=T;exports.TextInputBox=Pt;exports.elementHasSelectionRange=P;exports.onStepValueChange=M;exports.onTextValueChange=v;exports.useKeyboardNavigation=L;exports.useNumericInputValue=Ht;exports.useSelectAllOnMount=$;exports.useTextInput=U;
1
+ (function(){"use strict";try{var r=document.createElement("style");r.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:opacity var(--swui-checkbox-animation-time),width var(--swui-checkbox-animation-time),top var(--swui-checkbox-animation-time),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);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);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),-webkit-transform var(--swui-checkbox-animation-time) var(--d-t-e, ease);border:2px solid var( --current-checkbox-icon-color, var(--swui-checkbox-unchecked-icon-color) );border-top:0;border-left:0;-webkit-transform:rotate(var(--current-check-rotation, 20deg));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;-webkit-transform:rotate(0deg);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:opacity var(--current-opacity-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);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);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),-webkit-transform var(--current-transform-time, var(--swui-radiobutton-animation-time)) var(--current-transform-type, ease);-webkit-transform:scale(var(--current-scale, 0));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_1h0yy_1{--swui-radio-button-box-background: var(--lhds-color-ui-200);--swui-radio-button-box-background-danger: var(--snackskal-light);--swui-radio-button-box-border-color: var(--snackskal-light);--swui-radio-button-box-border-color-hover: var(--hav);--swui-radio-button-box-border-color-danger: var(--snackskal-light);--swui-radio-button-box-border-color-danger-hover: var(--lhds-color-red-500);--current-border-color: var(--swui-radio-button-box-border-color);box-sizing:border-box;background-color:var(--swui-radio-button-box-background);position:relative;border:1px solid var(--current-border-color);width:100%;border-radius:16px;padding:var(--swui-metrics-space);font-size:var(--swui-font-size-inputs);align-items:center;display:flex;cursor:pointer;outline:none}._radioButtonBox_1h0yy_1:hover{--current-border-color: var(--swui-radio-button-box-border-color-hover)}._radioButtonBox_1h0yy_1._danger_1h0yy_29{background-color:var(--swui-radio-button-box-background-danger);--current-border-color: var(--swui-radio-button-box-border-color-danger)}._radioButtonBox_1h0yy_1._danger_1h0yy_29:hover{--current-border-color: var( --swui-radio-button-box-border-color-danger-hover )}@media (max-width: 768px){._radioButtonWrapper_1h0yy_42{width:100%}}._textInput_11y5a_1{--swui-textinput-text-color: var(--swui-field-text-color);--swui-textinput-text-color-disabled: var(--swui-field-text-color-disabled);--swui-textinput-letter-spacing: var(--swui-field-letter-spacing);--swui-textinput-line-height: var(--swui-field-text-line-height);--swui-textinput-indent: var(--swui-metrics-indent);--swui-textinput-spacing: calc(var(--swui-field-text-spacing) - 1px);--swui-textinput-font-size: var(--swui-font-size-inputs);--swui-textinput-font-family: var(--swui-font-input);--swui-textinput-font-weight: var(--swui-font-weight-inputs);--swui-textinput-placeholder-color: var(--swui-field-placeholder-color);--swui-textinput-placeholder-font-weight: var( --swui-field-placeholder-font-weight );--swui-textinput-animation-time: var(--swui-animation-time-medium);--swui-textinput-icon-color: var(--swui-field-icon-color);--swui-textinput-icon-hover-color: var(--swui-primary-action-color);--swui-textinput-icon-size: var(--swui-field-icon-size);--swui-textinput-icon-color-success: var(--swui-state-success-color);--swui-textinput-bg-loading: var(--swui-state-loading-light-color);--swui-textinput-border-color-loading: var(--swui-state-loading-color);--swui-textinput-bg-modified: var(--swui-state-modified-light-color);--swui-textinput-border-color-modified: var( --swui-state-modified-light-color );--swui-textinput-bg-warning: var(--swui-state-alert-light-color);--swui-textinput-border-color-warning: var(--swui-state-alert-light-color);--swui-textinput-bg-error: var(--swui-state-error-light-color);--swui-textinput-border-color-error: var(--swui-state-error-light-color);--swui-textinput-bg-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-border-color-disabled: var(--swui-field-bg-disabled);--swui-textinput-bg-color: var(--swui-field-bg-enabled);--swui-textinput-border-radius: var(--swui-field-border-radius);--swui-textinput-border-color: var(--swui-field-border-color);--swui-textinput-border-color-hover: var(--swui-field-border-color-hover);--swui-textinput-focus-shadow: none;--current-bg: var(--swui-textinput-bg-color);--current-border-color: var(--swui-textinput-border-color);--current-icon-color: var(--swui-textinput-icon-color);display:flex;width:100%;align-items:center;background:var(--current-bg);border:1px solid var(--current-border-color);border-radius:var(--swui-textinput-border-radius);outline:none}._textInput_11y5a_1._textInput_11y5a_1:focus-within:not(._disabled_11y5a_65){box-shadow:var(--swui-textinput-focus-shadow);border:1px solid transparent;outline:var(--swui-focus-outline);--current-border-color: var(--swui-textinput-border-color-hover);--current-bg: var(--swui-textinput-bg-color)}._textInput_11y5a_1 ._input_11y5a_73{letter-spacing:var(--swui-textinput-letter-spacing);line-height:var(--swui-textinput-line-height);width:100%;padding:var(--swui-textinput-spacing) var(--swui-textinput-indent);color:var(--swui-textinput-text-color);font-size:var(--swui-textinput-font-size);font-family:var(--swui-textinput-font-family);font-weight:var(--swui-textinput-font-weight);background:var(--swui-hidden);border:none;min-width:0;margin:0;outline:none}._textInput_11y5a_1 ._input_11y5a_73:disabled{color:var(--swui-textinput-text-color-disabled)}._textInput_11y5a_1 ._input_11y5a_73::-webkit-input-placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73::placeholder{color:var(--swui-textinput-placeholder-color);font-weight:var(--swui-textinput-placeholder-font-weight)}._textInput_11y5a_1 ._input_11y5a_73:focus::-webkit-input-placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73:focus::placeholder{opacity:0}._textInput_11y5a_1 ._input_11y5a_73::-webkit-calendar-picker-indicator{display:none}._textInput_11y5a_1._standard_11y5a_110:hover:not(._disabled_11y5a_65),._textInput_11y5a_1._success_11y5a_111:hover:not(._disabled_11y5a_65){--current-border-color: var(--swui-textinput-border-color-hover)}._textInput_11y5a_1._success_11y5a_111{--current-icon-color: var(--swui-textinput-icon-color-success)}._textInput_11y5a_1._loading_11y5a_123{--current-bg: var(--swui-textinput-bg-loading);--current-border-color: var(--swui-textinput-border-color-loading)}._textInput_11y5a_1._modified_11y5a_128{--current-bg: var(--swui-textinput-bg-modified);--current-border-color: var(--swui-textinput-border-color-modified);--current-icon-color: var(--lhds-color-blue-300)}._textInput_11y5a_1._error_11y5a_134{--current-bg: var(--swui-textinput-bg-error);--current-border-color: var(--swui-textinput-border-color-error);--current-icon-color: var(--swui-textinput-border-color-error)}._textInput_11y5a_1._warning_11y5a_140{--current-bg: var(--swui-textinput-bg-warning);--current-border-color: var(--swui-textinput-border-color-warning);--current-icon-color: var(--swui-textinput-border-color-warning)}._textInput_11y5a_1._disabled_11y5a_65{--current-bg: var(--swui-textinput-bg-color-disabled);--current-border-color: var(--swui-textinput-border-color-disabled)}._textInput_11y5a_1._textInput_11y5a_1._hideBorder_11y5a_151{border:none;box-shadow:none;background:none}._textInput_11y5a_1 ._clickable_11y5a_157:hover{--current-icon-color: var(--swui-textinput-icon-hover-color);cursor:pointer}._textInput_11y5a_1 ._icon_11y5a_162{transition:color var(--swui-textinput-animation-time);color:var(--current-icon-color);font-size:var(--swui-textinput-icon-size)}._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}._textArea_1lpu2_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-spacing: calc(var(--swui-field-text-spacing) - 1px);--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:var(--swui-textarea-spacing) 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_1lpu2_1:focus:not(:focus-visible){outline:none}._textArea_1lpu2_1:focus{--current-border-color: var(--swui-textarea-border-color-hover);--current-bg: var(--swui-textarea-bg-color)}._textArea_1lpu2_1:focus-visible{outline:var(--swui-focus-outline)}._textArea_1lpu2_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(r)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("@stenajs-webui/core"),f=require("react"),st=require("classnames"),g=require("@stenajs-webui/elements"),rt=require("@fortawesome/react-fontawesome"),ct=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},w=ct(st),ot="_knob_1d6s8_56",at="_filler_1d6s8_61",it="_checked_1d6s8_75",I={switch:"_switch_1d6s8_1",knob:ot,filler:at,checked:it},lt=`${I.switch} ${I.checked}`,H=({value:t,disabled:n,onValueChange:s,className:r,wrapperRef:c,...o})=>e.jsx("div",{className:r,ref:c,children:e.jsxs("button",{type:"button",role:"switch","aria-checked":t,className:t?lt:I.switch,disabled:n,onClick:()=>s&&s(!t),...o,children:[e.jsx("div",{className:I.filler}),e.jsx("div",{className:I.knob})]})}),ut=({label:t,disabled:n,textColor:s,wrapperRef:r,...c})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(d.Box,{row:!0,alignItems:"center",children:[e.jsx(H,{disabled:n,...c}),e.jsx(d.Space,{}),e.jsx(d.Text,{userSelect:"none",color:s,children:t})]})})}),dt="_checkbox_1ndou_1",xt="_standard_1ndou_39",pt="_small_1ndou_51",A={checkbox:dt,standard:xt,small:pt},$=f.forwardRef(({indeterminate:t=!1,onChange:n,onValueChange:s,value:r=!1,size:c="standard",className:o,...i},l)=>{const a=f.useRef(),_=p=>{a.current=p,a.current&&(a.current.indeterminate=Boolean(t)),l&&(typeof l=="function"?l(p):l.current=p)},h=f.useCallback(p=>{n&&n(p),s&&s(p.target.checked)},[n,s]);return f.useEffect(()=>{a.current&&(a.current.indeterminate=Boolean(t))},[t,a]),e.jsx("input",{type:"checkbox",className:w.default(A.checkbox,A[c],o),checked:r,onChange:h,ref:_,...i})}),ft=({children:t,label:n,inputRef:s,wrapperRef:r,textColor:c,...o})=>e.jsx("div",{ref:r,children:e.jsx("label",{children:e.jsxs(d.Row,{alignItems:"center",children:[e.jsx($,{...o,ref:s}),e.jsx(d.Space,{}),n&&e.jsx(d.Text,{userSelect:"none",color:c,children:n}),t]})})}),_t="_radiobutton_foy83_1",ht="_standard_foy83_45",jt="_small_foy83_55",C={radiobutton:_t,standard:ht,small:jt},T=f.forwardRef(({onChange:t,onValueChange:n,size:s="standard",name:r,...c},o)=>{const i=f.useCallback(l=>{t&&t(l),n&&n(l.target.value)},[t,n]);return e.jsx("input",{type:"radio",name:r,className:C.radiobutton+" "+C[s],onChange:i,ref:o,...c})}),yt="_radioButtonBox_1h0yy_1",gt="_danger_1h0yy_29",bt="_radioButtonWrapper_1h0yy_42",F={radioButtonBox:yt,danger:gt,radioButtonWrapper:bt},wt=({label:t,screenReaderLabel:n,variant:s="normal",icon:r,className:c,style:o,...i})=>e.jsx("label",{className:w.default(F.radioButtonBox,F[s],c),style:o,children:e.jsxs(d.Row,{justifyContent:"space-between",flexGrow:1,children:[e.jsxs(d.Row,{alignItems:"center",children:[e.jsx(T,{...i}),e.jsx(d.Space,{}),n?e.jsx(d.ScreenReaderOnlyText,{children:n}):null,e.jsx(d.Text,{"aria-hidden":Boolean(n),children:t})]}),e.jsx(d.Row,{alignItems:"center",width:"48px",justifyContent:"center",children:r&&e.jsx(g.Icon,{icon:r,size:24})})]})}),mt=({label:t,inputRef:n,wrapperRef:s,textColor:r,...c})=>e.jsx("div",{ref:s,children:e.jsx("label",{children:e.jsxs(d.Row,{alignItems:"center",children:[e.jsx(T,{ref:n,...c}),e.jsx(d.Space,{}),e.jsx(d.Text,{color:r,userSelect:"none",children:t})]})})}),L=(t,n,s,r,c,o,i,l)=>{const a=f.useRef(!1),_=u=>{var x;a.current||o==null||o((x=u.target.value)!=null?x:""),i==null||i(u)},h=u=>{a.current=!1,l==null||l(u)};return{onKeyDownHandler:f.useCallback(u=>{var b;const{key:x}=u;if(x==="Enter")a.current=!0,s==null||s(),o==null||o((b=u.currentTarget.value)!=null?b:"");else if(x==="Escape")a.current=!0,r==null||r(),u.preventDefault(),u.stopPropagation();else if(c){const j=(k,m)=>{a.current=!0,t.current.blur(),c(k),m.preventDefault(),m.stopPropagation()};u.shiftKey&&x==="Tab"?j("left",u):x==="Tab"?j("right",u):x==="ArrowUp"?j("up",u):x==="ArrowDown"?j("down",u):x==="ArrowRight"?t.current.value.length===t.current.selectionStart&&j("right",u):x==="ArrowLeft"&&t.current.selectionStart===0&&j("left",u)}n&&n(u)},[r,c,n,t,s,o]),onBlurHandler:_,onFocusHandler:h}};function P(t){return t.tagName==="TEXTAREA"||t.tagName==="INPUT"&&(t.type==="text"||t.type==="search"||t.type==="url"||t.type==="tel"||t.type==="password")}const W=(t,n,s)=>{f.useEffect(()=>{!t.current||!P(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])},U=(t,{onEnter:n,onEsc:s,onChange:r,onValueChange:c,selectAllOnMount:o,moveCursorToEndOnMount:i,onDone:l,onMove:a,onFocus:_,onBlur:h,onKeyDown:p,autoFocus:u})=>{W(t,!!i,!!o);const{onKeyDownHandler:x,onFocusHandler:b,onBlurHandler:j}=L(t,p,n,s,a,l,h,_),k=f.useCallback(m=>{r==null||r(m),c==null||c(m.target.value)},[r,c]);return{onBlur:j,onChange:k,onFocus:b,onKeyDown:x,autoFocus:o||u}},kt="_textInput_11y5a_1",It="_disabled_11y5a_65",St="_input_11y5a_73",Rt="_standard_11y5a_110",Tt="_success_11y5a_111",Bt="_loading_11y5a_123",Nt="_modified_11y5a_128",At="_error_11y5a_134",Ct="_warning_11y5a_140",Ft="_hideBorder_11y5a_151",Ht="_clickable_11y5a_157",$t="_icon_11y5a_162",y={textInput:kt,disabled:It,input:St,standard:Rt,success:Tt,loading:Bt,modified:Nt,error:At,warning:Ct,hideBorder:Ft,clickable:Ht,icon:$t},S=({icon:t,iconClassName:n,content:s,spaceOnLeft:r,spaceOnRight:c,disableContentPadding:o,disableContentPaddingLeft:i,disableContentPaddingRight:l,onClick:a})=>!s&&!t?null:s?e.jsxs(e.Fragment,{children:[r&&!(o||i)?e.jsx(d.Space,{}):null,a?e.jsx("span",{onClick:a,className:y.clickable,children:s||null}):e.jsx(e.Fragment,{children:s||null}),c&&!(o||l)?e.jsx(d.Space,{}):null]}):e.jsxs(e.Fragment,{children:[r?e.jsx(d.Space,{}):null,t&&e.jsx(e.Fragment,{children:a?e.jsx(g.FlatButton,{type:"button",onClick:a,leftIcon:t,size:"small"}):e.jsx(rt.FontAwesomeIcon,{icon:t,className:w.default(y.icon,n)})}),c?e.jsx(d.Space,{}):null]}),B=t=>{const{variant:n="standard",inputRef:s,disabled:r,className:c,contentLeft:o,contentRight:i,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,iconLeft:h,iconRight:p,onClickLeft:u,onClickRight:x,moveCursorToEndOnMount:b,selectAllOnMount:j,autoFocus:k,onValueChange:m,wrapperClassName:O,wrapperStyle:q,onDone:K,onEnter:E,onEsc:z,onMove:G,onChange:X,onKeyDown:D,hideBorder:J,onFocus:Q,onBlur:Y,...Z}=t,V=f.useRef(null),N=s!=null?s:V,tt=U(N,{onEnter:E,onEsc:z,onChange:X,onValueChange:m,selectAllOnMount:j,moveCursorToEndOnMount:b,onDone:K,onMove:G,onFocus:Q,onBlur:Y,onKeyDown:D,autoFocus:k}),et=n==="success"?g.stenaCheck:n==="warning"||n==="error"?g.stenaExclamationTriangle:p,nt=n==="loading"?e.jsx(g.InputSpinner,{}):i;return e.jsxs("div",{className:w.default(y.textInput,y[n],{[y.disabled]:r},{[y.hideBorder]:J},O),style:q,children:[e.jsx(S,{content:o,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,icon:h,spaceOnLeft:!0,onClick:u}),e.jsx("input",{className:w.default(y.input,c),type:"text",disabled:r,ref:N,autoFocus:k,...Z,...tt}),e.jsx(S,{content:nt,disableContentPadding:l,disableContentPaddingLeft:a,disableContentPaddingRight:_,icon:et,spaceOnRight:!0,onClick:x})]})},Lt="_numericTextInputInput_1tnr6_1",Pt={numericTextInputInput:Lt},M=({onValueChange:t,value:n,numSteps:s,min:r,max:c})=>{if(t)if(!n)t(String(R(s,r,c)));else{const i=(d.parseFloatElseUndefined(n)||0)+s;t(String(R(i,r,c)))}},v=({onValueChange:t,newValue:n,min:s,max:r})=>{if(t)if(n==="")t("");else{const o=d.parseFloatElseUndefined(n)||0;t(String(R(o,s,r)))}},R=(t,n,s)=>{let r=t;return n!=null&&(r=Math.max(n,r)),s!=null&&(r=Math.min(s,r)),r},Wt=({value:t,onValueChange:n,max:s,min:r,step:c=1,contentRight:o,disabled:i,className:l,hideButtons:a,..._})=>{const h=f.useCallback(x=>{M({onValueChange:n,value:t,numSteps:x,min:r,max:s})},[t,s,r,n]),p=f.useCallback(x=>{v({onValueChange:n,newValue:x,min:r,max:s})},[s,r,n]),u=a?o:e.jsxs(e.Fragment,{children:[o&&e.jsxs(e.Fragment,{children:[o,e.jsx(d.Space,{})]}),e.jsx(g.UpDownButtons,{onClickUp:i?void 0:()=>h(c),onClickDown:i?void 0:()=>h(-c),iconColor:"var(--swui-textinput-text-color)",disabled:i})]});return e.jsx(B,{contentRight:u,value:t,onValueChange:p,disableContentPaddingRight:!a,type:"number",min:r,max:s,step:c,className:w.default(Pt.numericTextInputInput,l),disabled:i,..._})},Ut=(t,n)=>{const s=f.useCallback(c=>{if(n)if(!c)n(void 0);else{const o=d.parseFloatElseUndefined(c);o!==void 0&&n(o)}},[n]),r=f.useMemo(()=>t===void 0?"":String(t),[t]);return{onValueChange:s,value:r}},Mt=({hiddenIcon:t=g.stenaEyeShow,visibleIcon:n=g.stenaEyeHide,...s})=>{const[r,c]=f.useState(!0);return e.jsx(B,{iconRight:r?t:n,onClickRight:()=>c(o=>!o),type:r?"password":"text",...s})},vt=({variant:t="standard",disabled:n,wrapperClassName:s,wrapperStyle:r,contentLeft:c,contentRight:o,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,iconRight:_,iconLeft:h,onClickLeft:p,onClickRight:u,children:x})=>{const b=t==="success"?g.stenaCheck:t==="warning"||t==="error"?g.stenaExclamationTriangle:_,j=t==="loading"?e.jsx(g.InputSpinner,{}):o;return e.jsxs("div",{className:w.default(y.textInput,y.inputContainer,y[t],{[y.disabled]:n},s),style:r,children:[e.jsx(S,{content:c,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,icon:h,spaceOnLeft:!0,onClick:p}),e.jsx(d.Row,{alignItems:"center",children:x}),e.jsx(S,{content:j,disableContentPadding:i,disableContentPaddingLeft:l,disableContentPaddingRight:a,icon:b,spaceOnRight:!0,onClick:u})]})},Ot="_textArea_1lpu2_1",qt={textArea:Ot},Kt=f.forwardRef(({className:t,value:n,onValueChange:s,onChange:r,resize:c="none",readOnly:o=!1,rows:i,disabled:l,...a},_)=>{const h=f.useCallback(p=>{r&&r(p),s&&s(p.target.value)},[r,s]);return e.jsx("textarea",{disabled:l,rows:i,readOnly:o,className:w.default(qt.textArea,t),style:{resize:c},onChange:h,value:n,ref:_,...a})});exports.Checkbox=$;exports.CheckboxWithLabel=ft;exports.NumericTextInput=Wt;exports.PasswordInput=Mt;exports.RadioButton=T;exports.RadioButtonBox=wt;exports.RadioButtonWithLabel=mt;exports.Switch=H;exports.SwitchWithLabel=ut;exports.TextArea=Kt;exports.TextInput=B;exports.TextInputBox=vt;exports.elementHasSelectionRange=P;exports.onStepValueChange=M;exports.onTextValueChange=v;exports.useKeyboardNavigation=L;exports.useNumericInputValue=Ut;exports.useSelectAllOnMount=W;exports.useTextInput=U;
3
3
  //# sourceMappingURL=index.js.map