@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
|
+
"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>>;
|
package/build/cjs/index.d.ts
CHANGED
package/build/cjs/index.js
CHANGED
|
@@ -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;
|