@odx/websites-react 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts +1 -5
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +3 -15
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +3 -3
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/actions/link/Link.js +5 -5
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.js +3 -3
- package/dist/components/actions/multiselect/Multiselect.js.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.d.ts +3 -6
- package/dist/components/actions/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js +6 -6
- package/dist/components/actions/phoneInput/PhoneInput.js.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/search/Search.js +1 -1
- package/dist/components/actions/search/Search.js.map +1 -1
- package/dist/components/actions/select/Select.js +1 -1
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/tag/Tag.js +3 -3
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +1 -1
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/textarea/Textarea.d.ts.map +1 -1
- package/dist/components/actions/textarea/Textarea.js +1 -1
- package/dist/components/actions/textarea/Textarea.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.d.ts +7 -6
- package/dist/components/actions/toggle-button/ToggleButton.d.ts.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +15 -13
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +1 -1
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/modal/Modal.js +3 -3
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,cAAc,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,SAAS;IAC5E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AA2CD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,cAAc,EAIf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,SAAS;IAC5E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AA2CD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqK7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -36,7 +36,7 @@ const Autocomplete = ({ options, selected, onChange, disabled, label, helperText
|
|
|
36
36
|
return (_jsx("div", { className: cn('font-text relative', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: value => {
|
|
37
37
|
onChange(value);
|
|
38
38
|
setQuery(value?.label ?? '');
|
|
39
|
-
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => setFocused(false), onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className:
|
|
39
|
+
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => setFocused(false), onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: cn('pointer-events-auto', disabled && 'text-draeger-cool-gray-250'), icon: IconSearch }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconFeedbackWarning })), focused && (hasQuery || selected?.value) && (_jsxs(_Fragment, { children: [_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
40
40
|
clearIconEnabled.current = true;
|
|
41
41
|
e.preventDefault();
|
|
42
42
|
}, onMouseUp: handleIconClearMouseUp, icon: IconClose }), _jsx("div", { className: "w-px h-full bg-draeger-cool-gray-150 mx-0.5" })] })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250 '), icon: IconChevronDown }) })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [query && freeTextSearchAllowed && (_jsxs(ComboboxOption, { option: { value: query, label: query }, size: size, children: [freeTextSearchLabel, query] })), options.map(option => (_jsx(ComboboxOption, { option: option, size: size, children: option.label }, option.label)))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
-
|
|
4
|
-
declare const checkboxVariants: (props?: ({
|
|
5
|
-
size?: "sm" | "md" | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
3
|
+
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
8
4
|
invalid?: boolean;
|
|
9
5
|
}
|
|
10
6
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAW9D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFA0CZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -6,22 +6,10 @@ import { IconCheck } from '../../../icons';
|
|
|
6
6
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
7
7
|
import { BodyText } from '../../typography/bodyText';
|
|
8
8
|
import { useFieldId } from '../../../hooks';
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const checkboxVariants = cva(checkboxBaseClasses, {
|
|
12
|
-
variants: {
|
|
13
|
-
size: {
|
|
14
|
-
sm: 'h-[1.125rem] w-[1.125rem]',
|
|
15
|
-
md: 'h-6 w-6',
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
size: 'md',
|
|
20
|
-
},
|
|
21
|
-
});
|
|
22
|
-
const Checkbox = React.forwardRef(({ className, children, invalid, hidden, size, ...props }, ref) => {
|
|
9
|
+
const checkboxBaseClasses = 'h-[1.125rem] w-[1.125rem] font-text shrink-0 peer border-[2.5px] rounded-[3px] text-transparent border-border-primary data-[state=checked]:bg-border-primary data-[state=checked]:text-draeger-white disabled:cursor-not-allowed data-[state=checked]:disabled:bg-draeger-cool-gray-250 disabled:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-border-accent';
|
|
10
|
+
const Checkbox = React.forwardRef(({ className, children, invalid, hidden, ...props }, ref) => {
|
|
23
11
|
const { id, labelId } = useFieldId();
|
|
24
|
-
return (_jsxs("div", { className: cn('flex
|
|
12
|
+
return (_jsxs("div", { className: cn('flex gap-2 items-baseline', hidden && 'hidden'), children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxBaseClasses, invalid && 'border-error data-[state=checked]:bg-error', className), ref: ref, id: id, "aria-labelledby": children ? id : undefined, "aria-label": children ? 'checkbox' : undefined, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(SvgIcon, { icon: IconCheck }) }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { id: labelId, htmlFor: id, className: 'peer-disabled:text-draeger-cool-gray-250 cursor-pointer peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
|
|
25
13
|
});
|
|
26
14
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
27
15
|
export { Checkbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,MAAM,mBAAmB,GACvB,gZAAgZ,CAAC;AAOnZ,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,MAAM,IAAI,QAAQ,CAAC,aACjE,KAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,OAAO,IAAI,4CAA4C,EACvD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,gBAC9B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAE7C,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,yCAAyC,YAEpD,KAAC,OAAO,IAAC,IAAI,EAAE,SAAS,GAAI,GACA,GACP,EACxB,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,0FAA0F,aAG3F,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAmCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAmCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyFrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -26,7 +26,7 @@ const optionVariants = cva(optionClasses, {
|
|
|
26
26
|
lg: 'h-element-height-lg',
|
|
27
27
|
},
|
|
28
28
|
hover: {
|
|
29
|
-
true: 'bg-
|
|
29
|
+
true: 'bg-draeger-cool-gray-100',
|
|
30
30
|
},
|
|
31
31
|
selected: {
|
|
32
32
|
true: 'bg-[#D1D5D7]',
|
|
@@ -58,9 +58,9 @@ const DropdownOption = ({ option, size }) => {
|
|
|
58
58
|
const { label, disabled } = option;
|
|
59
59
|
return (_jsx(ListboxOption, { title: label, disabled: disabled, value: option, onMouseDown: e => e.preventDefault(), className: ({ selected, focus }) => cn(optionVariants({ size, disabled, hover: focus, selected }), 'justify-between'), children: ({ selected }) => (_jsxs(_Fragment, { children: [_jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: label }), selected && (_jsx(SvgIcon, { className: "shrink-0", icon: IconCheck, size: "md" }))] })) }));
|
|
60
60
|
};
|
|
61
|
-
const Dropdown = ({ options, selected, onChange, label, disabled, helperText, invalidText, invalid = false, wrapperClassName, placeholder, size, hidden, }) => {
|
|
61
|
+
const Dropdown = ({ options, selected, onChange, label, disabled, helperText, invalidText, invalid = false, wrapperClassName, placeholder, size, hidden, required, }) => {
|
|
62
62
|
const { id, labelId, helperTextId } = useFieldId();
|
|
63
|
-
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(Listbox, { disabled: disabled, value: selected, onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsxs(ListboxButton, { id: id, tabIndex: 0, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'group text-draeger-dark-gray relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [_jsx(BodyText, { variant: 'small', className: "truncate", children: selected ? selected.label : placeholder }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100', disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, idx))) }) })] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
63
|
+
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsxs(ListboxButton, { id: id, tabIndex: 0, "data-invalid": invalid, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'group text-draeger-dark-gray relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [_jsx(BodyText, { variant: 'small', className: "truncate", children: selected ? selected.label : placeholder }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100', disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, idx))) }) })] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
64
64
|
};
|
|
65
65
|
export { Dropdown, optionVariants, optionsVariants };
|
|
66
66
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,eAAe,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,wBAAwB,GAGzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAsBnD,MAAM,sBAAsB,GAAG,EAAE,CAAC;;;;CAIjC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;;;CAGxB,CAAC,CAAC;AAEH,uBAAuB;AACvB,MAAM,cAAc,GAAG,GAAG,CAAC,aAAa,EAAE;IACxC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAE,eAAe,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,wBAAwB,GAGzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAsBnD,MAAM,sBAAsB,GAAG,EAAE,CAAC;;;;CAIjC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;;;CAGxB,CAAC,CAAC;AAEH,uBAAuB;AACvB,MAAM,cAAc,GAAG,GAAG,CAAC,aAAa,EAAE;IACxC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,0BAA0B;SACjC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,cAAc;SACrB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,+CAA+C;SACtD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC,sBAAsB,EAAE;IAClD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,oDAAoD;YACxD,EAAE,EAAE,oDAAoD;YACxD,EAAE,EAAE,oDAAoD;SACzD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,MAAM,cAAc,GAAkC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,EAAE,EAAE;IACvE,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC;IACjC,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACpC,SAAS,EAAE,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,EAAE,CAC/B,EAAE,CACA,cAAc,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,EACxD,iBAAiB,CAClB,YAGF,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CACf,8BACE,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,UAAU,YAEnB,KAAK,GACG,EACV,QAAQ,IAAI,CACX,KAAC,OAAO,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5D,IACA,CACJ,GACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,QAAQ,EAAE,gBAAgB,CAAC,aAClE,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,YAC9D,eAAK,SAAS,EAAC,8BAA8B,aAC3C,MAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,kBACG,OAAO,qBACJ,KAAK,IAAI,OAAO,sBACf,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CACX,wBAAwB,CAAC,EAAC,IAAI,EAAC,CAAC,EAChC,uDAAuD,EACvD,OAAO,IAAI,aAAa,CACzB,aAED,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,UAAU,YAC7C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,GAC/B,EACX,MAAC,uBAAuB,eACrB,OAAO,IAAI,CACV,KAAC,aAAa,IAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,mBAAmB,GAAI,CAC7D,EACD,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,QAAQ,IAAI,4BAA4B,CACzC,EACD,IAAI,EAAE,eAAe,GACrB,IACsB,IACZ,EAChB,KAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB,YAE5B,KAAC,cAAc,IACb,MAAM,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAC,EACtB,SAAS,EAAE,EAAE,CACX,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,EACvB,+CAA+C,CAChD,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,IAAO,GAAG,CAAI,CACzD,CAAC,GACa,GACN,IACT,GACE,EACV,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -7,19 +7,19 @@ import { BodyText } from '../../typography/bodyText';
|
|
|
7
7
|
import { Headline } from '../../typography/headline';
|
|
8
8
|
// TODO: missing Color-token, change white color when desing is ready
|
|
9
9
|
const linkClasses = `
|
|
10
|
-
align-baseline gap-x-3 transition-colors duration-150
|
|
10
|
+
align-baseline gap-x-3 transition-colors duration-150 outline-offset-1 outline-1
|
|
11
11
|
`;
|
|
12
12
|
const linkVariants = cva(linkClasses, {
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
15
|
-
standalone: 'flex items-center hover:underline
|
|
16
|
-
inline: 'inline-flex underline
|
|
15
|
+
standalone: 'flex items-center hover:underline',
|
|
16
|
+
inline: 'inline-flex underline-offset-4 hover:underline focus:underline',
|
|
17
17
|
},
|
|
18
18
|
disabled: {
|
|
19
19
|
true: 'cursor-not-allowed hover:no-underline',
|
|
20
20
|
},
|
|
21
21
|
color: {
|
|
22
|
-
default: 'text-text-accent outline-inherit active:text-[#
|
|
22
|
+
default: 'text-text-accent outline-inherit active:text-[#0075EB] visited:text-[#0075EB] focus-visible:text-[#0075EB] focus-visible:outline',
|
|
23
23
|
white: 'text-draeger-white hover:underline',
|
|
24
24
|
gray: 'text-draeger-cool-gray-250 active:text-draeger-cool-gray-250 visited:text-draeger-cool-gray-250',
|
|
25
25
|
},
|
|
@@ -36,7 +36,7 @@ const Link = React.forwardRef(({ LinkComponent, className, children, variant, di
|
|
|
36
36
|
disabled,
|
|
37
37
|
color: disabled ? 'gray' : color,
|
|
38
38
|
className,
|
|
39
|
-
})), ...props, children: [icon && (_jsx(SvgIcon, { className: cn('pt-px', iconRight && 'order-1', iconProps?.className), icon: icon, size: "sm", square: true, ...iconProps })), _jsx("span", { children: children })] }) }));
|
|
39
|
+
})), ...props, children: [icon && (_jsx(SvgIcon, { className: cn('pt-px shrink-0', iconRight && 'order-1', iconProps?.className), icon: icon, size: "sm", square: true, ...iconProps })), _jsx("span", { children: children })] }) }));
|
|
40
40
|
});
|
|
41
41
|
Link.displayName = 'Link';
|
|
42
42
|
const linkListVariants = cva('flex flex-wrap gap-x-5 gap-y-2', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,OAAO,GAGR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,qEAAqE;AAErE,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,EAAE,SAAS;IAC3E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,EAAE,SAAS;IAC3E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwK3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -9,13 +9,13 @@ import { useFieldId } from '../../../hooks';
|
|
|
9
9
|
import { cn } from '../../../utils';
|
|
10
10
|
const MultiselectOption = ({ option, size, }) => {
|
|
11
11
|
const { label, disabled } = option;
|
|
12
|
-
return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size, hover: focus, disabled })), children: [_jsx(Checkbox, { disabled: disabled, checked: selected
|
|
12
|
+
return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size, hover: focus, disabled })), children: [_jsx(Checkbox, { disabled: disabled, checked: selected }), _jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: label })] })) }));
|
|
13
13
|
};
|
|
14
14
|
const defaultFilterFunction = ({ label }, query) => label.toLowerCase().includes(query.toLowerCase());
|
|
15
15
|
const filterOptions = (options, query, filterFunction) => query === ''
|
|
16
16
|
? options
|
|
17
17
|
: options.filter(option => (filterFunction ?? defaultFilterFunction)(option, query));
|
|
18
|
-
const Multiselect = ({ options, selected, onChange, disabled, invalidText, invalid = false, label, helperText, placeholder, filterFunction, size, wrapperClassName, hidden, }) => {
|
|
18
|
+
const Multiselect = ({ options, selected, onChange, disabled, invalidText, invalid = false, label, helperText, placeholder, filterFunction, size, wrapperClassName, hidden, required, }) => {
|
|
19
19
|
const [query, setQuery] = React.useState('');
|
|
20
20
|
const [state, setState] = React.useState(0);
|
|
21
21
|
const { id, labelId, helperTextId } = useFieldId();
|
|
@@ -27,7 +27,7 @@ const Multiselect = ({ options, selected, onChange, disabled, invalidText, inval
|
|
|
27
27
|
sensitivity: 'base',
|
|
28
28
|
}));
|
|
29
29
|
const hasQuery = Boolean(query.length);
|
|
30
|
-
return (_jsx("div", { className: cn('font-text relative', hidden && 'hidden', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: onChange, disabled: disabled, immediate: true, multiple: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, className: "cursor-pointer" })), _jsxs("div", { className: "relative inline-block w-full", children: [selected.length > 0 && (_jsx(Tag, { className: "absolute -translate-y-1/2 top-1/2 left-6", onClose: () => onChange([]), label: selected.length, mode: 'dismissable', size: 'xs', value: "" }, state.toString())), _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", value: query, onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), onFocus: () => requestAnimationFrame(() => setState(state => state + 1)), placeholder: placeholder, "data-invalid": invalid, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pr-14', selected.length && 'pl-24', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconFeedbackWarning })), hasQuery && (_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
30
|
+
return (_jsx("div", { className: cn('font-text relative', hidden && 'hidden', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: onChange, disabled: disabled, immediate: true, multiple: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required, className: "cursor-pointer" })), _jsxs("div", { className: "relative inline-block w-full", children: [selected.length > 0 && (_jsx(Tag, { className: "absolute -translate-y-1/2 top-1/2 left-6", onClose: () => onChange([]), label: selected.length, mode: 'dismissable', size: 'xs', value: "" }, state.toString())), _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", value: query, onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), onFocus: () => requestAnimationFrame(() => setState(state => state + 1)), placeholder: placeholder, "data-invalid": invalid, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(formFieldWrapperVariants({ size }), 'pr-14', selected.length && 'pl-24', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto", icon: IconFeedbackWarning })), hasQuery && (_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
31
31
|
e.preventDefault();
|
|
32
32
|
setQuery('');
|
|
33
33
|
}, icon: IconClose })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250'), onClick: () => requestAnimationFrame(() => setState(state => state + 1)), icon: IconChevronDown }) })] })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [sortedSelectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label))), unselectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label)))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,aAAa,IAAI,sBAAsB,EACvC,cAAc,IAAI,uBAAuB,EACzC,eAAe,IAAI,wBAAwB,EAC3C,cAAc,IAAI,uBAAuB,EACzC,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,GAAG,EACH,QAAQ,EACR,cAAc,EACd,eAAe,EAGf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,wBAAwB,GAGzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAelC,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,MAAM,EACN,IAAI,GACL,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,MAAM,CAAC;IACjC,OAAO,CACL,KAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YACvD,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CAChC,eACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC,aAE7D,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type FormFieldWrapperVariants } from '../formField';
|
|
2
|
+
import { type FormFieldWrapperVariants, type FormField } from '../formField';
|
|
3
3
|
export type CountriesByCode = Record<string, string>;
|
|
4
4
|
export type PhonePrefixByCode = Record<keyof CountriesByCode, string>;
|
|
5
|
-
export interface PhoneInputProps extends FormFieldWrapperVariants {
|
|
6
|
-
invalid?: boolean;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
helperText?: string;
|
|
5
|
+
export interface PhoneInputProps extends FormFieldWrapperVariants, Omit<FormField, 'label'> {
|
|
9
6
|
className?: string;
|
|
10
|
-
required?: boolean;
|
|
11
7
|
onChange: (value: string) => void;
|
|
12
8
|
value?: string | null;
|
|
13
9
|
wrapperClassName?: string;
|
|
@@ -15,6 +11,7 @@ export interface PhoneInputProps extends FormFieldWrapperVariants {
|
|
|
15
11
|
phonePrefixByCode: PhonePrefixByCode;
|
|
16
12
|
countrySelectLabel: string;
|
|
17
13
|
phoneNumberInputLabel: string;
|
|
14
|
+
selectOptionPlaceholder?: string;
|
|
18
15
|
hidden?: boolean;
|
|
19
16
|
}
|
|
20
17
|
declare const PhoneInput: React.FC<PhoneInputProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,wBAAwB,
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,eAAe,EAAE,MAAM,CAAC,CAAC;AACtE,MAAM,WAAW,eACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAyBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuHzC,CAAC;AAGF,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -5,6 +5,7 @@ import { SelectPrimitive } from '../select';
|
|
|
5
5
|
import { IconFeedbackWarning } from '../../../icons';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
7
|
import { TextInputPrimitive } from '../text-input';
|
|
8
|
+
import { BodyText } from '../../typography/bodyText';
|
|
8
9
|
const getCountriesOptions = (countriesByCode) => Object.keys(countriesByCode).map(code => ({
|
|
9
10
|
value: code,
|
|
10
11
|
label: countriesByCode[code],
|
|
@@ -15,22 +16,21 @@ const getCountryByPhonePrefix = (phonePrefix, phonePrefixByCode) => {
|
|
|
15
16
|
if (country)
|
|
16
17
|
return country[0];
|
|
17
18
|
};
|
|
18
|
-
const PhoneInput = ({ wrapperClassName, size, required, helperText, invalid, disabled, onChange, value, countriesByCode, phonePrefixByCode, countrySelectLabel, phoneNumberInputLabel,
|
|
19
|
+
const PhoneInput = ({ wrapperClassName, size, required, helperText, invalidText, invalid, disabled, onChange, value, countriesByCode, phonePrefixByCode, countrySelectLabel, phoneNumberInputLabel, selectOptionPlaceholder, }) => {
|
|
19
20
|
const { id: selectId, labelId: selectLabelId, helperTextId } = useFieldId();
|
|
20
21
|
const { id: inputId, labelId: inputLabelId } = useFieldId();
|
|
21
22
|
const [prefix = '', phoneNumber = ''] = (value ?? '').split(' ');
|
|
22
23
|
const country = getCountryByPhonePrefix(prefix, phonePrefixByCode);
|
|
24
|
+
const commonInputProps = { invalid, required, disabled, size };
|
|
23
25
|
const onCountryChange = (e) => {
|
|
24
26
|
onChange(`${phonePrefixByCode[e.target.value] ?? ''} ${phoneNumber}`);
|
|
25
27
|
};
|
|
26
28
|
const onPhoneNumberChange = (e) => {
|
|
27
29
|
onChange(`${prefix} ${e.target.value}`);
|
|
28
30
|
};
|
|
29
|
-
return (_jsxs("div", { className: cn(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
? 'text-draeger-cool-gray-150'
|
|
33
|
-
: 'text-draeger-dark-blue', 'absolute top-1/2 -translate-y-1/2 left-6 transition-colors duration-150 pointer-events-none'), children: phonePrefixByCode[country] })] })] }), _jsxs("div", { className: "flex items-center mt-1 gap-x-2 min-h-6", children: [invalid && (_jsx(FormFieldIcon, { className: "static translate-y-0 shrink-0", icon: IconFeedbackWarning })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalid: invalid, disabled: disabled, className: "mt-0" })] })] }));
|
|
31
|
+
return (_jsxs("div", { className: cn(wrapperClassName), children: [_jsxs("div", { className: "flex flex-wrap items-start w-full gap-5 font-text-regular", children: [_jsxs("div", { className: "flex-1 basis-[47%] shrink-0", children: [_jsx(FormFieldLabel, { id: selectLabelId, htmlFor: selectId, label: countrySelectLabel, disabled: disabled, required: required }), _jsx(SelectPrimitive, { id: selectId, value: country, options: getCountriesOptions(countriesByCode), onChange: onCountryChange, placeholder: selectOptionPlaceholder, "aria-labelledby": selectLabelId, "aria-describedby": helperText && helperTextId, ...commonInputProps })] }), _jsxs("div", { className: "flex-1 shrink-0 basis-[47%]", children: [_jsx(FormFieldLabel, { id: inputLabelId, htmlFor: inputId, label: phoneNumberInputLabel, disabled: disabled, required: required }), _jsxs("div", { className: "relative", children: [_jsx(TextInputPrimitive, { id: inputId, style: {
|
|
32
|
+
paddingLeft: `${prefix.length ? 32 + 10 * prefix.length : 24}px`,
|
|
33
|
+
}, type: "tel", value: phoneNumber, onChange: onPhoneNumberChange, "aria-labelledby": inputLabelId, "aria-describedby": helperText && helperTextId, ...commonInputProps }), _jsxs(BodyText, { variant: 'small', className: cn(disabled && 'text-draeger-cool-gray-150', 'absolute top-1/2 -translate-y-1/2 left-6 transition-colors duration-150 pointer-events-none'), children: [phonePrefixByCode[country], _jsx("span", { className: cn('absolute w-px h-full -right-1.5 bg-draeger-cool-gray-150', disabled && 'bg-draeger-cool-gray-100') })] })] })] })] }), _jsxs("div", { className: "flex items-center gap-x-2 min-h-6", children: [invalid && (_jsx(FormFieldIcon, { className: "static mt-1 translate-y-0 shrink-0", icon: IconFeedbackWarning, size: 'sm' })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] })] }));
|
|
34
34
|
};
|
|
35
35
|
PhoneInput.displayName = 'PhoneInput';
|
|
36
36
|
export { PhoneInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,eAAe,EAAC,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAmBnD,MAAM,mBAAmB,GAAG,CAAC,eAAgC,EAAE,EAAE,CAC9D,MAAM,CAAC,IAAI,CAAC,eAAe,CAAsC,CAAC,GAAG,CACpE,IAAI,CAAC,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,eAAe,CAAC,IAAI,CAAE;CAC9B,CAAC,CACH,CAAC;AAEJ,MAAM,uBAAuB,GAAG,CAC9B,WAAmB,EACnB,iBAAoC,EACpC,EAAE;IACF,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAGtD,CAAC;IACJ,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CACnC,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,EAAE,CAAC,WAAW,KAAK,kBAAkB,CAChE,CAAC;IAEF,IAAI,OAAO;QAAE,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,UAAU,GAA8B,CAAC,EAC7C,gBAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,GACxB,EAAE,EAAE;IACH,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAC1E,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAE1D,MAAM,CAAC,MAAM,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAG9D,CAAC;IACF,MAAM,OAAO,GAAG,uBAAuB,CAAC,MAAO,EAAE,iBAAiB,CAAC,CAAC;IACpE,MAAM,gBAAgB,GAAG,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC;IAE7D,MAAM,eAAe,GAAG,CAAC,CAAuC,EAAE,EAAE;QAClE,QAAQ,CACN,GACE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAqC,CAAC,IAAI,EACvE,IAAI,WAAW,EAAE,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACrE,QAAQ,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,aAClC,eAAK,SAAS,EAAC,2DAA2D,aACxE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,cAAc,IACb,EAAE,EAAE,aAAa,EACjB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,mBAAmB,CAAC,eAAe,CAAC,EAC7C,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,uBAAuB,qBACnB,aAAa,sBACZ,UAAU,IAAI,YAAY,KACxC,gBAAgB,GACpB,IACE,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,cAAc,IACb,EAAE,EAAE,YAAY,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,qBAAqB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,kBAAkB,IACjB,EAAE,EAAE,OAAO,EACX,KAAK,EAAE;4CACL,WAAW,EAAE,GACX,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAC5C,IAAI;yCACL,EACD,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,mBAAmB,qBACZ,YAAY,sBACX,UAAU,IAAI,YAAY,KACxC,gBAAgB,GACpB,EACF,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,QAAQ,IAAI,4BAA4B,EACxC,6FAA6F,CAC9F,aAEA,iBAAiB,CAAC,OAAQ,CAAC,EAC5B,eACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,QAAQ,IAAI,0BAA0B,CACvC,GACD,IACO,IACP,IACF,IACF,EACN,eAAK,SAAS,EAAC,mCAAmC,aAC/C,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,SAAS,EAAC,oCAAoC,EAC9C,IAAI,EAAE,mBAAmB,EACzB,IAAI,EAAE,IAAI,GACV,CACH,EACD,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -27,7 +27,7 @@ const RadioGroup = React.forwardRef(({ className, direction, options, groupLabel
|
|
|
27
27
|
RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
|
|
28
28
|
const RadioGroupItem = React.forwardRef(({ className, label, invalid, ...props }, ref) => {
|
|
29
29
|
const { id, labelId } = useFieldId();
|
|
30
|
-
return (_jsxs("div", { className: "flex items-center space-x-3 font-text", children: [_jsx(RadioGroupPrimitive.Item, { className: cn('peer w-[1.125rem] h-[1.125rem] rounded-full border-
|
|
30
|
+
return (_jsxs("div", { className: "flex items-center space-x-3 font-text", children: [_jsx(RadioGroupPrimitive.Item, { className: cn('peer w-[1.125rem] h-[1.125rem] rounded-full border-[1.5px] border-border-primary shrink-0 data-[disabled]:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-border-accent', invalid && 'border-error', className), ref: ref, ...props, id: id, "aria-labelledby": labelId, tabIndex: 0, children: _jsx(RadioGroupPrimitive.Indicator, { className: cn("flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2.5 after:h-2.5 after:rounded-full data-[disabled]:after:bg-draeger-cool-gray-250 after:bg-surface-brand", invalid && 'after:bg-error') }) }), _jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, id: labelId, className: 'cursor-pointer group-data-[disabled]:cursor-not-allowed group-data-[disabled]:text-draeger-cool-gray-250 peer-data-[disabled]:text-draeger-cool-gray-250', children: label }) })] }));
|
|
31
31
|
});
|
|
32
32
|
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
|
|
33
33
|
export { RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,mBAAmB,EAAE,aAAa,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,MAAM,qBAAqB,GACzB,qDAAqD,CAAC;AAExD,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACpD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,UAAU;YACf,GAAG,EAAE,UAAU;SAChB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAwBH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAIjC,CACE,EACE,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IACjD,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,IACvB,EAAE,EAAE,EAAE,KACF,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,MAAM,IAAI,QAAQ,CAAC,qBAC/C,OAAO,sBACN,UAAU,IAAI,YAAY,aAE3C,UAAU,IAAI,CACb,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,EAAE,CACX,uDAAuD,CACxD,EACD,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,EACD,cAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,YAC3D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACnB,KAAC,cAAc,IAAkB,OAAO,EAAE,OAAO,KAAM,IAAI,IAAtC,IAAI,CAAC,KAAK,CAAgC,CAChE,CAAC,GACE,EACL,UAAU,IAAI,CACb,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,uDAAuD,GAClE,CACH,EACA,OAAO,IAAI,WAAW,IAAI,CACzB,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,aAAa,IACZ,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,mBAAmB,GACzB,EACF,KAAC,mBAAmB,IAClB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,MAAM,GACjB,IACE,CACP,IACwB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IACnC,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,KAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CACX,yNAAyN,EACzN,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,EAAE,EAAE,EAAE,qBACW,OAAO,EACxB,QAAQ,EAAE,CAAC,YAEX,KAAC,mBAAmB,CAAC,SAAS,IAC5B,SAAS,EAAE,EAAE,CACX,yMAAyM,EACzM,OAAO,IAAI,gBAAgB,CAC5B,GACD,GACuB,EAC3B,KAAC,QAAQ,IAAC,OAAO,kBACf,gBACE,OAAO,EAAE,EAAE,EACX,EAAE,EAAE,OAAO,EACX,SAAS,EACP,0JAA0J,YAG3J,KAAK,GACA,GACC,IACP,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAElE,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -26,7 +26,7 @@ const Search = React.forwardRef(({ className, wrapperClassName, disabled, size,
|
|
|
26
26
|
resetInputValue();
|
|
27
27
|
};
|
|
28
28
|
return (_jsx("div", { className: cn('font-text w-full', wrapperClassName), children: _jsx(SearchPrimitive, { id: id, ref: ref, value: value, disabled: disabled, size: size, onKeyDown: inputKeyDownHandler, onChange: e => onChange(e.target.value), className: cn('pr-16 placeholder-shown:pr-6', className), icons: Boolean(value.length) &&
|
|
29
|
-
!disabled && (_jsx(FormFieldIcon, { tabIndex: disabled ? -1 : 0, className: "cursor-pointer", icon: IconClose, onClick: resetInputValue, onKeyDown: closeIconKeyDownHandler })), ...props }) }));
|
|
29
|
+
!disabled && (_jsx(FormFieldIcon, { tabIndex: disabled ? -1 : 0, className: "outline-none cursor-pointer", icon: IconClose, onClick: resetInputValue, onKeyDown: closeIconKeyDownHandler })), ...props }) }));
|
|
30
30
|
});
|
|
31
31
|
Search.displayName = 'Search';
|
|
32
32
|
export { Search };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../src/components/actions/search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,GAGd,MAAM,cAAc,CAAC;AAgBtB,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAClD,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,uBAAuB,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,MAAM,YACpE,KAAC,aAAa,yBAEZ,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,IAAI,6BAA6B,CAAC,EACnE,IAAI,EAAE,UAAU,GAChB,GACsB,EAC1B,KAAC,gBAAgB,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,YAC7D,gBACE,IAAI,EAAC,MAAM,EACX,YAAY,EAAC,QAAQ,EACrB,IAAI,EAAC,WAAW,EAChB,GAAG,EAAE,GAAG,KACJ,UAAU,GACd,GACe,EACnB,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IACtD,CACP,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAC,GAAG,UAAU,EAAE,CAAC;IAE1B,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,mBAAmB,GAAG,CAC1B,KAA4C,EAC5C,EAAE;QACF,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAClC,eAAe,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAC9B,KAAyC,EACzC,EAAE;QACF,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;YAAE,eAAe,EAAE,CAAC;IACpE,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,YACtD,KAAC,eAAe,IACd,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,mBAAmB,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EACxD,KAAK,EACH,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;gBACrB,CAAC,QAAQ,IAAI,CACX,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,uBAAuB,GAClC,CACH,KAEC,KAAK,GACT,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAC,MAAM,EAAC,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { IconChevronDown, IconFeedbackWarning } from '../../../icons';
|
|
|
5
5
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
7
|
const selectPrimitiveClasses = 'enabled:cursor-pointer enabled:hover:bg-field-hover pr-14';
|
|
8
|
-
const SelectPrimitive = React.forwardRef(({ className, options = [], placeholder = '', size, icons, invalid, ...selectProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(selectPrimitiveClasses, className), invalid: invalid, size: size, children: _jsxs("select", { ref: ref, ...selectProps, children: [_jsx("option", { value: "", children: placeholder }), options.map(({ value, label, disabled, hidden }) => (_jsx("option", { value: value, disabled: disabled, hidden: hidden, children: label }, label)))] }) }), _jsxs(FormFieldIconsContainer, { children: [icons, _jsx(FormFieldIcon, { className: cn('pointer-events-none text-draeger-cool-gray-750', selectProps.disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] })));
|
|
8
|
+
const SelectPrimitive = React.forwardRef(({ className, options = [], placeholder = '', size, icons, invalid, ...selectProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(selectPrimitiveClasses, className), invalid: invalid, size: size, children: _jsxs("select", { ref: ref, ...selectProps, children: [_jsx("option", { value: "", children: placeholder }), options.map(({ value, label, disabled, hidden }) => (_jsx("option", { value: value, disabled: disabled, hidden: hidden, children: label }, label)))] }) }), _jsxs(FormFieldIconsContainer, { className: "pointer-events-none", children: [icons, _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-none text-draeger-cool-gray-750', selectProps.disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] })));
|
|
9
9
|
SelectPrimitive.displayName = 'SelectPrimitive';
|
|
10
10
|
const Select = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, hidden, ...props }, ref) => {
|
|
11
11
|
const { id, labelId, helperTextId } = useFieldId();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACpE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAsB1C,MAAM,sBAAsB,GAC1B,2DAA2D,CAAC;AAE9D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAItC,CACE,EACE,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,GAAG,WAAW,EACf,EACD,GAAG,EACH,EAAE,CAAC,CACH,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,YAEV,kBAAQ,GAAG,EAAE,GAAG,KAAM,WAAW,aAC/B,iBAAQ,KAAK,EAAC,EAAE,YAAE,WAAW,GAAU,EACtC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,EAAE,CAAC,CACjD,iBAEE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,YAEb,KAAK,IALD,KAAK,CAMH,CACV,CAAC,IACK,GACQ,EACnB,MAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,13 @@ import { Button, SvgIcon } from '../..';
|
|
|
3
3
|
import { IconClose } from '../../../icons';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { cn } from '../../../utils';
|
|
6
|
-
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none font-text';
|
|
6
|
+
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none font-text group';
|
|
7
7
|
const tagVariants = cva(tagBaseClasses, {
|
|
8
8
|
variants: {
|
|
9
9
|
mode: {
|
|
10
10
|
'read-only': 'bg-surface-primary border-draeger-air-blue px-2.5 text-text-accent aria-disabled:border-draeger-cool-gray-250 aria-disabled:text-draeger-cool-gray-250',
|
|
11
11
|
'read-only-error': 'bg-surface-primary border-error px-2.5 text-error aria-disabled:border-draeger-cool-gray-250 aria-disabled:text-draeger-cool-gray-250',
|
|
12
|
-
dismissable: 'bg-surface-accent p-0.5 pl-2.5 text-text-invert gap-3 aria-disabled:bg-draeger-cool-gray-250
|
|
12
|
+
dismissable: 'bg-surface-accent p-0.5 pl-2.5 text-text-invert gap-3 aria-disabled:bg-draeger-cool-gray-250 outline-1 -outline-offset-[3px] outline-border-secondary focus:outline',
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
15
|
xs: 'text-button-text-small h-[1.875rem]',
|
|
@@ -22,7 +22,7 @@ const tagVariants = cva(tagBaseClasses, {
|
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
24
|
export const Tag = ({ value, label, mode, size, disabled, onClose, className, ...props }) => {
|
|
25
|
-
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-surface-accent-hover active:bg-surface-accent-click', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close", square: true }) }))] }));
|
|
25
|
+
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex text-nowrap cursor-default', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-surface-accent-hover group-hover:bg-surface-accent-hover active:bg-surface-accent-click group-active:bg-surface-accent-click', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close", square: true }) }))] }));
|
|
26
26
|
};
|
|
27
27
|
Tag.displayName = 'Tag';
|
|
28
28
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,gHAAgH,CAAC;AAEnH,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,wJAAwJ;YAC1J,iBAAiB,EACf,uIAAuI;YACzI,WAAW,EACT,qKAAqK;SACxK;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,qCAAqC;YACzC,EAAE,EAAE,6BAA6B;SAClC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAET,eAAM,SAAS,EAAE,iCAAiC,YAAG,KAAK,GAAQ,EACjE,IAAI,KAAK,aAAa,IAAI,CACzB,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,wJAAwJ,EACxJ,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,EACvD,QAAQ,IAAI,aAAa,CAC1B,EACD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,EACb,MAAM,SACN,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { cn } from '../../../utils';
|
|
|
4
4
|
import { IconFeedbackWarning } from '../../../icons';
|
|
5
5
|
import { useFieldId } from '../../../hooks';
|
|
6
6
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
|
|
7
|
-
const TextInputPrimitive = React.forwardRef(({ className, invalid, size, icons, ...inputProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: className, size: size, invalid: invalid, children: _jsx("input", { ref: ref, ...inputProps }) }), _jsx(FormFieldIconsContainer, { children: icons })] })));
|
|
7
|
+
const TextInputPrimitive = React.forwardRef(({ className, invalid, size, icons, ...inputProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: className, size: size, invalid: invalid, children: _jsx("input", { ref: ref, ...inputProps }) }), icons && _jsx(FormFieldIconsContainer, { children: icons })] })));
|
|
8
8
|
TextInputPrimitive.displayName = 'TextInputPrimitive';
|
|
9
9
|
const TextInput = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid = false, disabled, hidden, ...props }, ref) => {
|
|
10
10
|
const { id, labelId, helperTextId } = useFieldId();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AAWtB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAClE,gBAAO,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,GAClB,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AAWtB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAClE,gBAAO,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,GAClB,EAClB,KAAK,IAAI,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IAChE,CACP,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,QAAQ,EAAE,gBAAgB,CAAC,aAEtE,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,kBAAkB,IACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,qBACD,OAAO,sBACN,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE,OAAO,IAAI,KAAC,aAAa,IAAC,IAAI,EAAE,mBAAmB,GAAI,KAC1D,KAAK,GACT,EACF,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,SAAS;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,aAAc,SAAQ,sBAAsB,EAAE,SAAS;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAKD,QAAA,MAAM,iBAAiB,oGAerB,CAAC;AAsBH,QAAA,MAAM,QAAQ,2FAqEb,CAAC;AAGF,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { cn } from '../../../utils';
|
|
|
4
4
|
import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, formFieldTextBaseClasses, } from '../formField';
|
|
5
5
|
import { IconFeedbackWarning } from '../../../icons';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
|
-
const textareaPrimitiveClasses = 'min-h-[2.5rem] py-2.5 h-full overflow-scroll';
|
|
7
|
+
const textareaPrimitiveClasses = 'min-h-[2.5rem] py-2.5 h-full overflow-y-scroll';
|
|
8
8
|
const TextareaPrimitive = React.forwardRef(({ className, invalid, icons, ...textareaProps }, forwardedRef) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(textareaPrimitiveClasses, className), invalid: invalid, children: _jsx("textarea", { ref: forwardedRef, ...textareaProps }) }), _jsx(FormFieldIconsContainer, { className: "translate-y-0 top-2", children: icons })] })));
|
|
9
9
|
TextareaPrimitive.displayName = 'TextareaPrimitive';
|
|
10
10
|
const TextareaCounter = ({ disabled, lenght, maxLength, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAkB1C,MAAM,wBAAwB,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as Switch from '@radix-ui/react-switch';
|
|
3
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
4
3
|
import { SvgIconComponent } from '../../images-icons/svg-icon';
|
|
5
|
-
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
export interface ToggleButtonProps extends Switch.SwitchProps, VariantProps<typeof toggleButtonWrapperVariants> {
|
|
6
6
|
labelChecked?: string | React.ReactElement;
|
|
7
7
|
labelUnchecked?: string | React.ReactElement;
|
|
8
8
|
iconChecked?: SvgIconComponent;
|
|
9
9
|
iconUnchecked?: SvgIconComponent;
|
|
10
10
|
checked: boolean;
|
|
11
|
-
labelAlignment?: 'right' | 'left';
|
|
12
11
|
}
|
|
13
|
-
declare const toggleButtonVariants: (props?: ({
|
|
14
|
-
labelAlignment?: "left" | "right" | null | undefined;
|
|
15
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
16
12
|
declare const ToggleButton: React.FC<ToggleButtonProps>;
|
|
13
|
+
declare const toggleButtonWrapperVariants: (props?: ({
|
|
14
|
+
align?: "left" | "right" | "center" | null | undefined;
|
|
15
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
16
|
+
export interface ToggleButtonWrapperProps extends VariantProps<typeof toggleButtonWrapperVariants>, React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
}
|
|
17
18
|
export { ToggleButton };
|
|
18
19
|
//# sourceMappingURL=ToggleButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAU,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,iBACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,2BAA2B,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC7C,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiD7C,CAAC;AAIF,QAAA,MAAM,2BAA2B;;mFAQ/B,CAAC;AAEH,MAAM,WAAW,wBACf,SAAQ,YAAY,CAAC,OAAO,2BAA2B,CAAC,EACtD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAkB3C,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import * as Switch from '@radix-ui/react-switch';
|
|
4
|
-
import { cva } from 'class-variance-authority';
|
|
5
4
|
import { SvgIcon } from '../../images-icons/svg-icon';
|
|
6
5
|
import { cn } from '../../../utils';
|
|
7
|
-
|
|
6
|
+
import { cva } from 'class-variance-authority';
|
|
7
|
+
const toggleButtonClassName = 'flex flex-row items-center gap-2.5';
|
|
8
|
+
const ToggleButton = ({ checked, labelChecked, labelUnchecked, iconChecked, iconUnchecked, hidden, align, ...props }) => {
|
|
9
|
+
const toggleButtonId = React.useId();
|
|
10
|
+
const labelId = React.useId();
|
|
11
|
+
return (_jsx(ToggleButtonWrapper, { align: align, children: _jsxs("div", { className: cn(toggleButtonClassName, hidden && 'hidden'), children: [_jsxs("label", { className: 'text-base font-text text-text-accent', htmlFor: toggleButtonId, id: labelId, children: [checked && labelChecked ? labelChecked : '', !checked && labelUnchecked ? labelUnchecked : ''] }), _jsxs(Switch.Root, { className: "group w-[52px] h-7 rounded-full data-[state=unchecked]:bg-draeger-warm-gray-250 data-[state=checked]:bg-surface-accent relative data-outline-none flex items-center cursor-pointer", id: toggleButtonId, checked: checked, "aria-labelledby": labelId, ...props, children: [iconChecked && (_jsx("div", { className: 'absolute transition-opacity group-data-[state=unchecked]:opacity-0 group-data-[state=checked]:opacity-1 left-1.5', children: _jsx(SvgIcon, { icon: iconChecked, size: 'sm', color: "draeger-white" }) })), _jsx(Switch.Thumb, { className: "block h-6 w-6 rounded-full transition-transform duration-200 will-change-transform data-[state=checked]:translate-x-[26px] translate-x-[2px] bg-surface-primary" }), iconUnchecked && (_jsx("div", { className: "absolute right-1.5 transition-opacity group-data-[state=unchecked]:opacity-1 group-data-[state=checked]:opacity-0", children: _jsx(SvgIcon, { icon: iconUnchecked, size: 'sm', color: "draeger-white" }) }))] })] }) }));
|
|
12
|
+
};
|
|
13
|
+
ToggleButton.displayName = 'ToggleButton';
|
|
14
|
+
const toggleButtonWrapperVariants = cva('w-full flex', {
|
|
8
15
|
variants: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
16
|
+
align: {
|
|
17
|
+
right: 'justify-end',
|
|
18
|
+
center: 'justify-center',
|
|
19
|
+
left: 'justify-start',
|
|
12
20
|
},
|
|
13
21
|
},
|
|
14
|
-
defaultVariants: {
|
|
15
|
-
labelAlignment: 'left',
|
|
16
|
-
},
|
|
17
22
|
});
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
const labelId = React.useId();
|
|
21
|
-
return (_jsxs("div", { className: cn(toggleButtonVariants({ labelAlignment }), hidden && 'hidden'), children: [_jsxs("label", { className: 'text-base font-text text-text-accent', htmlFor: toggleButtonId, id: labelId, children: [checked && labelChecked ? labelChecked : '', !checked && labelUnchecked ? labelUnchecked : ''] }), _jsxs(Switch.Root, { className: "group w-[52px] h-7 rounded-full data-[state=unchecked]:bg-draeger-warm-gray-250 data-[state=checked]:bg-surface-accent relative data-outline-none flex items-center cursor-pointer", id: toggleButtonId, checked: checked, "aria-labelledby": labelId, ...props, children: [iconChecked && (_jsx("div", { className: 'absolute transition-opacity group-data-[state=unchecked]:opacity-0 group-data-[state=checked]:opacity-1 left-1.5', children: _jsx(SvgIcon, { icon: iconChecked, size: 'sm', color: "draeger-white" }) })), _jsx(Switch.Thumb, { className: "block h-6 w-6 rounded-full transition-transform duration-200 will-change-transform data-[state=checked]:translate-x-[26px] translate-x-[2px] bg-surface-primary" }), iconUnchecked && (_jsx("div", { className: "absolute right-1.5 transition-opacity group-data-[state=unchecked]:opacity-1 group-data-[state=checked]:opacity-0", children: _jsx(SvgIcon, { icon: iconUnchecked, size: 'sm', color: "draeger-white" }) }))] })] }));
|
|
23
|
+
const ToggleButtonWrapper = ({ children, className, align, ...props }) => {
|
|
24
|
+
return (_jsx("div", { className: cn(toggleButtonWrapperVariants({ align }), className), ...props, children: children }));
|
|
22
25
|
};
|
|
23
|
-
ToggleButton.displayName = 'ToggleButton';
|
|
24
26
|
export { ToggleButton };
|
|
25
27
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,OAAO,EAAmB,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAe,MAAM,0BAA0B,CAAC;AAY3D,MAAM,qBAAqB,GAAG,oCAAoC,CAAC;AAEnE,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,OAAO,CACL,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAC/B,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,MAAM,IAAI,QAAQ,CAAC,aAC3D,iBACE,SAAS,EAAE,sCAAsC,EACjD,OAAO,EAAE,cAAc,EACvB,EAAE,EAAE,OAAO,aAEV,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAC3C,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAC3C,EACR,MAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAC,oLAAoL,EAC9L,EAAE,EAAE,cAAc,EAClB,OAAO,EAAE,OAAO,qBACC,OAAO,KACpB,KAAK,aAER,WAAW,IAAI,CACd,cACE,SAAS,EACP,kHAAkH,YAGpH,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAG,GAC5D,CACP,EACD,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,iKAAiK,GAAG,EAC3L,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,mHAAmH,YAChI,KAAC,OAAO,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAG,GAC9D,CACP,IACW,IACV,GACc,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,2BAA2B,GAAG,GAAG,CAAC,aAAa,EAAE;IACrD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,gBAAgB;YACxB,IAAI,EAAE,eAAe;SACtB;KACF;CACF,CAAC,CAAC;AAMH,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgCvC,CAAC;AAkBF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqC3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AA0BF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgCvC,CAAC;AAkBF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqC3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ/C,CAAC;AA0BF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+BrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -47,7 +47,7 @@ AccordionItem.displayName = 'AccordionItem';
|
|
|
47
47
|
const AccordionContent = ({ children }) => {
|
|
48
48
|
const { isExpanded, value } = useAccordionItemContext();
|
|
49
49
|
const [ref, contentHeight] = useElementHeight([isExpanded]);
|
|
50
|
-
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, children: children }) }) }));
|
|
50
|
+
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, hidden: !isExpanded, "aria-hidden": !isExpanded, className: "max-w-[70%]", children: children }) }) }));
|
|
51
51
|
};
|
|
52
52
|
export { Accordion, AccordionItem, AccordionContent, AccordionItemToggle };
|
|
53
53
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const modalSectionVariants = cva('px-7 py-5', {
|
|
|
34
34
|
color: 'white',
|
|
35
35
|
},
|
|
36
36
|
});
|
|
37
|
-
const fadeOutOverlayVariants = cva('bg-[linear-gradient(0deg,currentColor_0%,transparent_100%)] min-h-[
|
|
37
|
+
const fadeOutOverlayVariants = cva('mx-7 bg-[linear-gradient(0deg,currentColor_0%,transparent_100%)] min-h-[48px] -mt-[47px] z-10', {
|
|
38
38
|
variants: {
|
|
39
39
|
color: {
|
|
40
40
|
white: 'text-draeger-white',
|
|
@@ -61,10 +61,10 @@ const ModalBody = ({ className, children, color, ...props }) => {
|
|
|
61
61
|
window.addEventListener('resize', debouncedHandler);
|
|
62
62
|
return () => window.removeEventListener('resize', debouncedHandler);
|
|
63
63
|
}, []);
|
|
64
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, className: cn('overflow-y-auto relative', modalSectionVariants({ color, className }), isScrollable && 'pb-
|
|
64
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, className: cn('overflow-y-auto relative', modalSectionVariants({ color, className }), isScrollable && 'pb-12'), ...props, children: children }), _jsx("div", { className: cn(isScrollable && fadeOutOverlayVariants({ color })) })] }));
|
|
65
65
|
};
|
|
66
66
|
const modalFooterClasses = `
|
|
67
|
-
p-7 flex justify-end items-center grow-0 gap-3 flex-col flex-wrap md:flex-row
|
|
67
|
+
p-7 flex justify-end items-center grow-0 gap-3 flex-col-reverse flex-wrap md:flex-row
|
|
68
68
|
`;
|
|
69
69
|
const ModalFooter = ({ className, children, ...props }) => (_jsx("div", { className: cn(modalFooterClasses, className), ...props, children: children }));
|
|
70
70
|
const modalClasses = `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,yBAAyB,EAAC,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,MAAM,aAAa,GAAG,GAAG,CAAC,+BAA+B,EAAE;IACzD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,6DAA6D;YACjE,EAAE,EAAE,6DAA6D;YACjE,EAAE,EAAE,6DAA6D;YACjE,EAAE,EAAE,6DAA6D;SAClE;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,4BAA4B;AAC5B,MAAM,oBAAoB,GAAG,GAAG,CAAC,WAAW,EAAE;IAC5C,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;SACtC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,GAAG,CAChC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.4",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
"tsx": "^4.15.6",
|
|
84
84
|
"typescript": "^5.3.2",
|
|
85
85
|
"@odx/eslint-config-websites": "0.0.0",
|
|
86
|
-
"@odx/websites-
|
|
87
|
-
"@odx/websites-
|
|
86
|
+
"@odx/websites-tsconfig": "0.0.0",
|
|
87
|
+
"@odx/websites-ui": "0.2.2"
|
|
88
88
|
},
|
|
89
89
|
"peerDependencies": {
|
|
90
90
|
"@odx/websites-ui": ">=0.2.1",
|