@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
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function(){return DateInput}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_MaskedInput=require("../MaskedInput/MaskedInput");function DateInput({format,isPlaceholderShown=!1,dayPlaceholderChar="D",monthPlaceholderChar="M",yearPlaceholderChar="Y","data-e2e-test-id":dataE2eTestId,...rest}){let maskOptions=(0,_react.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:_MaskedInput.IMask.MaskedRange,from:1,to:31,maxLength:2,autofix:"pad",...isPlaceholderShown&&{placeholderChar:dayPlaceholderChar}},m:{mask:_MaskedInput.IMask.MaskedRange,from:1,to:12,maxLength:2,autofix:"pad",...isPlaceholderShown&&{placeholderChar:monthPlaceholderChar}},Y:{mask:_MaskedInput.IMask.MaskedRange,from:1900,to:2999,maxLength:4,...isPlaceholderShown&&{placeholderChar:yearPlaceholderChar}}}}})({format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar}),[format,isPlaceholderShown,dayPlaceholderChar,monthPlaceholderChar,yearPlaceholderChar]);return /*#__PURE__*/_react.default.createElement(_MaskedInput.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
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports),_export_star._(require("./components/Toast"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=/*#__PURE__*/_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Combobox/Combobox"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports),_export_star._(require("./components/Tutorialtip/Tutorialtip"),exports),_export_star._(require("./components/EntityTree"),exports),_export_star._(require("./components/EntityList"),exports),_export_star._(require("./components/Form/Select"),exports),_export_star._(require("./components/BinaryFeedback/BinaryFeedback"),exports),_export_star._(require("./components/Grid/Grid"),exports),_export_star._(require("./components/AccessCardItem/AccessCardItem"),exports),_export_star._(require("./components/Toast"),exports),_export_star._(require("./components/Form/DateInput/DateInput"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;