@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.
- package/build/cjs/components/Form/DateInput/DateInput.d.ts +11 -0
- package/build/cjs/components/Form/DateInput/DateInput.js +1 -0
- package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts +2 -24
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/assets/icons.json +185 -185
- package/build/cjs/web-tokens/assets/icons16.json +186 -186
- package/build/esm/components/Form/DateInput/DateInput.d.ts +11 -0
- package/build/esm/components/Form/DateInput/DateInput.js +1 -0
- package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts +2 -24
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/assets/icons.json +185 -185
- package/build/esm/web-tokens/assets/icons16.json +186 -186
- package/package.json +5 -3
|
@@ -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>>;
|
package/build/esm/index.d.ts
CHANGED
package/build/esm/index.js
CHANGED
|
@@ -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";
|