@amboss/design-system 3.4.0 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import type { MaskedInputProps } from "../MaskedInput/MaskedInput";
3
+ export type DateInputProps = {
4
+ format: "US" | "DE" | "RoW" | string;
5
+ isPlaceholderShown?: boolean;
6
+ dayPlaceholderChar?: string;
7
+ monthPlaceholderChar?: string;
8
+ yearPlaceholderChar?: string;
9
+ "data-e2e-test-id"?: string;
10
+ } & Omit<MaskedInputProps, "maskOptions">;
11
+ export declare function DateInput({ format, isPlaceholderShown, dayPlaceholderChar, monthPlaceholderChar, yearPlaceholderChar, "data-e2e-test-id": dataE2eTestId, ...rest }: DateInputProps): React.ReactElement;
@@ -0,0 +1 @@
1
+ import React,{useMemo}from"react";import{MaskedInput,IMask}from"../MaskedInput/MaskedInput";export function DateInput({format,isPlaceholderShown=!1,dayPlaceholderChar="D",monthPlaceholderChar="M",yearPlaceholderChar="Y","data-e2e-test-id":dataE2eTestId,...rest}){let maskOptions=useMemo(()=>(function({format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar}){let mask="m/`d/`Y";if(format)switch(format){case"US":break;case"DE":mask="d.`m.`Y";break;case"RoW":mask="d/`m/`Y";break;default:mask=format}return{mask,lazy:!1,blocks:{d:{mask:IMask.MaskedRange,from:1,to:31,maxLength:2,autofix:"pad",...isPlaceholderShown&&{placeholderChar:dayPlaceholderChar}},m:{mask:IMask.MaskedRange,from:1,to:12,maxLength:2,autofix:"pad",...isPlaceholderShown&&{placeholderChar:monthPlaceholderChar}},Y:{mask:IMask.MaskedRange,from:1900,to:2999,maxLength:4,...isPlaceholderShown&&{placeholderChar:yearPlaceholderChar}}}}})({format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar}),[format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar]);return /*#__PURE__*/React.createElement(MaskedInput,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"DateInput",...rest,maskOptions:maskOptions})}
@@ -6,30 +6,8 @@ export { IMask };
6
6
  export type MaskedInputProps = {
7
7
  maskOptions: FactoryArg;
8
8
  onAccept: (value: string, unmaskedValue: string, typedValue: string) => void;
9
- } & InputProps;
9
+ } & Omit<InputProps, "type" | "onChange" | "placeholder">;
10
10
  export declare const MaskedInput: React.ForwardRefExoticComponent<{
11
11
  maskOptions: FactoryArg;
12
12
  onAccept: (value: string, unmaskedValue: string, typedValue: string) => void;
13
- } & {
14
- name: string;
15
- value?: string;
16
- icon?: import("../../..").IconName;
17
- placeholder?: string;
18
- hasError?: boolean;
19
- disabled?: boolean;
20
- readOnly?: boolean;
21
- type?: "text" | "password" | "number";
22
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
23
- onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
24
- onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
25
- onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
26
- areaLabel?: string;
27
- tabIndex?: number;
28
- autoComplete?: string;
29
- privateProps?: {
30
- isTransparent?: boolean;
31
- hideOutline?: boolean;
32
- };
33
- defaultValue?: string;
34
- role?: string;
35
- } & import("../FormField/FormField").FormFieldProps & React.RefAttributes<HTMLInputElement>>;
13
+ } & Omit<InputProps, "type" | "onChange" | "placeholder"> & React.RefAttributes<HTMLInputElement>>;
@@ -71,3 +71,4 @@ export * from "./components/BinaryFeedback/BinaryFeedback";
71
71
  export * from "./components/Grid/Grid";
72
72
  export * from "./components/AccessCardItem/AccessCardItem";
73
73
  export * from "./components/Toast";
74
+ export * from "./components/Form/DateInput/DateInput";
@@ -1 +1 @@
1
- import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Toast";
1
+ import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Toast";export*from"./components/Form/DateInput/DateInput";