@okta/odyssey-react-mui 1.0.2 → 1.1.1
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/CHANGELOG.md +32 -0
- package/README.md +1 -1
- package/dist/Autocomplete.js +9 -3
- package/dist/Autocomplete.js.map +1 -1
- package/dist/Banner.js +3 -1
- package/dist/Banner.js.map +1 -1
- package/dist/Box.js +8 -4
- package/dist/Box.js.map +1 -1
- package/dist/Button.js +3 -1
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +2 -0
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +6 -2
- package/dist/Checkbox.js.map +1 -1
- package/dist/CheckboxGroup.js +5 -7
- package/dist/CheckboxGroup.js.map +1 -1
- package/dist/CircularProgress.js +2 -0
- package/dist/CircularProgress.js.map +1 -1
- package/dist/Dialog.js +2 -0
- package/dist/Dialog.js.map +1 -1
- package/dist/Field.js.map +1 -1
- package/dist/FieldError.js +2 -0
- package/dist/FieldError.js.map +1 -1
- package/dist/FieldHint.js +2 -0
- package/dist/FieldHint.js.map +1 -1
- package/dist/FieldLabel.js +3 -1
- package/dist/FieldLabel.js.map +1 -1
- package/dist/Fieldset.js +3 -1
- package/dist/Fieldset.js.map +1 -1
- package/dist/Form.js +5 -3
- package/dist/Form.js.map +1 -1
- package/dist/Link.js +3 -1
- package/dist/Link.js.map +1 -1
- package/dist/MenuButton.js +8 -2
- package/dist/MenuButton.js.map +1 -1
- package/dist/MenuItem.js +6 -2
- package/dist/MenuItem.js.map +1 -1
- package/dist/NativeSelect.js +3 -1
- package/dist/NativeSelect.js.map +1 -1
- package/dist/OdysseyI18n.js +2 -0
- package/dist/OdysseyI18n.js.map +1 -1
- package/dist/OdysseyProvider.js +7 -4
- package/dist/OdysseyProvider.js.map +1 -1
- package/dist/OdysseyThemeProvider.js +3 -6
- package/dist/OdysseyThemeProvider.js.map +1 -1
- package/dist/OdysseyTranslationProvider.types.js +1 -1
- package/dist/OdysseyTranslationProvider.types.js.map +1 -1
- package/dist/PasswordField.js +9 -8
- package/dist/PasswordField.js.map +1 -1
- package/dist/Radio.js +2 -0
- package/dist/Radio.js.map +1 -1
- package/dist/RadioGroup.js +5 -2
- package/dist/RadioGroup.js.map +1 -1
- package/dist/SearchField.js +11 -10
- package/dist/SearchField.js.map +1 -1
- package/dist/Select.js +8 -5
- package/dist/Select.js.map +1 -1
- package/dist/SeleniumProps.js +2 -0
- package/dist/SeleniumProps.js.map +1 -0
- package/dist/Status.js +4 -2
- package/dist/Status.js.map +1 -1
- package/dist/Tabs.js +11 -4
- package/dist/Tabs.js.map +1 -1
- package/dist/Tag.js +4 -2
- package/dist/Tag.js.map +1 -1
- package/dist/TagList.js +3 -1
- package/dist/TagList.js.map +1 -1
- package/dist/TextField.js +6 -2
- package/dist/TextField.js.map +1 -1
- package/dist/Toast.js +2 -0
- package/dist/Toast.js.map +1 -1
- package/dist/Tooltip.js +2 -0
- package/dist/Tooltip.js.map +1 -1
- package/dist/Typography.js +71 -37
- package/dist/Typography.js.map +1 -1
- package/dist/labs/DatePicker.js +4 -2
- package/dist/labs/DatePicker.js.map +1 -1
- package/dist/labs/PaginatedTable.js +6 -4
- package/dist/labs/PaginatedTable.js.map +1 -1
- package/dist/labs/StaticTable.js +9 -4
- package/dist/labs/StaticTable.js.map +1 -1
- package/dist/src/Autocomplete.d.ts +7 -2
- package/dist/src/Autocomplete.d.ts.map +1 -1
- package/dist/src/Banner.d.ts +3 -2
- package/dist/src/Banner.d.ts.map +1 -1
- package/dist/src/Box.d.ts +9 -2
- package/dist/src/Box.d.ts.map +1 -1
- package/dist/src/Button.d.ts +3 -2
- package/dist/src/Button.d.ts.map +1 -1
- package/dist/src/Callout.d.ts +3 -2
- package/dist/src/Callout.d.ts.map +1 -1
- package/dist/src/Checkbox.d.ts +8 -3
- package/dist/src/Checkbox.d.ts.map +1 -1
- package/dist/src/CheckboxGroup.d.ts +3 -6
- package/dist/src/CheckboxGroup.d.ts.map +1 -1
- package/dist/src/CircularProgress.d.ts +3 -2
- package/dist/src/CircularProgress.d.ts.map +1 -1
- package/dist/src/Dialog.d.ts +3 -2
- package/dist/src/Dialog.d.ts.map +1 -1
- package/dist/src/Field.d.ts +2 -1
- package/dist/src/Field.d.ts.map +1 -1
- package/dist/src/FieldError.d.ts +3 -2
- package/dist/src/FieldError.d.ts.map +1 -1
- package/dist/src/FieldHint.d.ts +3 -2
- package/dist/src/FieldHint.d.ts.map +1 -1
- package/dist/src/FieldLabel.d.ts +3 -2
- package/dist/src/FieldLabel.d.ts.map +1 -1
- package/dist/src/Fieldset.d.ts +3 -2
- package/dist/src/Fieldset.d.ts.map +1 -1
- package/dist/src/Form.d.ts +3 -2
- package/dist/src/Form.d.ts.map +1 -1
- package/dist/src/Link.d.ts +3 -2
- package/dist/src/Link.d.ts.map +1 -1
- package/dist/src/MenuButton.d.ts +12 -3
- package/dist/src/MenuButton.d.ts.map +1 -1
- package/dist/src/MenuItem.d.ts +5 -4
- package/dist/src/MenuItem.d.ts.map +1 -1
- package/dist/src/NativeSelect.d.ts +56 -2
- package/dist/src/NativeSelect.d.ts.map +1 -1
- package/dist/src/OdysseyI18n.d.ts +15 -0
- package/dist/src/OdysseyI18n.d.ts.map +1 -1
- package/dist/src/OdysseyProvider.d.ts.map +1 -1
- package/dist/src/OdysseyThemeProvider.d.ts.map +1 -1
- package/dist/src/OdysseyTranslationProvider.types.d.ts +1 -1
- package/dist/src/OdysseyTranslationProvider.types.d.ts.map +1 -1
- package/dist/src/PasswordField.d.ts +70 -2
- package/dist/src/PasswordField.d.ts.map +1 -1
- package/dist/src/Radio.d.ts +3 -2
- package/dist/src/Radio.d.ts.map +1 -1
- package/dist/src/RadioGroup.d.ts +8 -3
- package/dist/src/RadioGroup.d.ts.map +1 -1
- package/dist/src/SearchField.d.ts +58 -2
- package/dist/src/SearchField.d.ts.map +1 -1
- package/dist/src/Select.d.ts +60 -2
- package/dist/src/Select.d.ts.map +1 -1
- package/dist/src/SeleniumProps.d.ts +20 -0
- package/dist/src/SeleniumProps.d.ts.map +1 -0
- package/dist/src/Status.d.ts +3 -2
- package/dist/src/Status.d.ts.map +1 -1
- package/dist/src/Tabs.d.ts +9 -3
- package/dist/src/Tabs.d.ts.map +1 -1
- package/dist/src/Tag.d.ts +3 -2
- package/dist/src/Tag.d.ts.map +1 -1
- package/dist/src/TagList.d.ts +3 -2
- package/dist/src/TagList.d.ts.map +1 -1
- package/dist/src/TextField.d.ts +86 -2
- package/dist/src/TextField.d.ts.map +1 -1
- package/dist/src/Toast.d.ts +3 -2
- package/dist/src/Toast.d.ts.map +1 -1
- package/dist/src/Tooltip.d.ts +3 -2
- package/dist/src/Tooltip.d.ts.map +1 -1
- package/dist/src/Typography.d.ts +14 -45
- package/dist/src/Typography.d.ts.map +1 -1
- package/dist/src/labs/DatePicker.d.ts +5 -1
- package/dist/src/labs/DatePicker.d.ts.map +1 -1
- package/dist/src/labs/PaginatedTable.d.ts.map +1 -1
- package/dist/src/labs/StaticTable.d.ts.map +1 -1
- package/dist/src/theme/components.d.ts.map +1 -1
- package/dist/theme/components.js +38 -10
- package/dist/theme/components.js.map +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/package.json +6 -5
- package/src/Autocomplete.tsx +13 -2
- package/src/Banner.tsx +11 -2
- package/src/Box.tsx +11 -5
- package/src/Button.tsx +6 -1
- package/src/Callout.tsx +5 -3
- package/src/Checkbox.tsx +14 -4
- package/src/CheckboxGroup.tsx +6 -10
- package/src/CircularProgress.tsx +5 -1
- package/src/Dialog.tsx +5 -2
- package/src/Field.tsx +2 -0
- package/src/FieldError.tsx +5 -3
- package/src/FieldHint.tsx +9 -3
- package/src/FieldLabel.tsx +5 -3
- package/src/Fieldset.tsx +4 -1
- package/src/Form.tsx +7 -4
- package/src/Link.tsx +18 -3
- package/src/MenuButton.tsx +33 -4
- package/src/MenuItem.tsx +11 -6
- package/src/NativeSelect.tsx +7 -2
- package/src/OdysseyI18n.ts +2 -0
- package/src/OdysseyProvider.tsx +9 -6
- package/src/OdysseyThemeProvider.tsx +4 -6
- package/src/OdysseyTranslationProvider.types.ts +1 -0
- package/src/PasswordField.tsx +18 -10
- package/src/Radio.tsx +5 -1
- package/src/RadioGroup.tsx +12 -4
- package/src/SearchField.tsx +23 -15
- package/src/Select.tsx +16 -6
- package/src/SeleniumProps.ts +20 -0
- package/src/Status.tsx +15 -3
- package/src/Tabs.tsx +18 -4
- package/src/Tag.tsx +12 -3
- package/src/TagList.tsx +4 -2
- package/src/TextField.tsx +14 -2
- package/src/Toast.tsx +4 -1
- package/src/Tooltip.tsx +4 -1
- package/src/Typography.tsx +76 -28
- package/src/labs/DatePicker.tsx +15 -7
- package/src/labs/PaginatedTable.tsx +12 -3
- package/src/labs/README.md +2 -2
- package/src/labs/StaticTable.tsx +13 -3
- package/src/theme/components.tsx +43 -9
package/dist/src/Status.d.ts
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
|
+
import type { SeleniumProps } from "./SeleniumProps";
|
|
12
13
|
export declare const statusSeverityValues: readonly ["default", "error", "success", "warning"];
|
|
13
14
|
export declare const statusVariantValues: readonly ["lamp", "pill"];
|
|
14
15
|
export type StatusProps = {
|
|
@@ -24,6 +25,6 @@ export type StatusProps = {
|
|
|
24
25
|
* The style of the Status indicator
|
|
25
26
|
*/
|
|
26
27
|
variant?: (typeof statusVariantValues)[number];
|
|
27
|
-
};
|
|
28
|
-
export declare const Status: ({ severity,
|
|
28
|
+
} & SeleniumProps;
|
|
29
|
+
export declare const Status: ({ label, severity, testId, variant, }: StatusProps) => JSX.Element;
|
|
29
30
|
//# sourceMappingURL=Status.d.ts.map
|
package/dist/src/Status.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Status.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Status.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,qDAKvB,CAAC;AACX,eAAO,MAAM,mBAAmB,2BAA4B,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAChD,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,MAAM,0CAKhB,WAAW,gBAYb,CAAC"}
|
package/dist/src/Tabs.d.ts
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
12
|
import React, { ReactElement, ReactNode } from "react";
|
|
13
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
13
14
|
export type TabItemProps = {
|
|
14
15
|
/**
|
|
15
16
|
* The content of the Tab itself
|
|
@@ -31,21 +32,26 @@ export type TabItemProps = {
|
|
|
31
32
|
* The value associated with the TabItem
|
|
32
33
|
*/
|
|
33
34
|
value?: string;
|
|
34
|
-
};
|
|
35
|
+
} & SeleniumProps;
|
|
35
36
|
export type TabsProps = {
|
|
36
37
|
/**
|
|
37
38
|
* The ARIA label for the full Tabs group
|
|
38
39
|
*/
|
|
39
40
|
ariaLabel?: string;
|
|
40
41
|
/**
|
|
41
|
-
*
|
|
42
|
+
* @deprecated please use the `value` prop instead
|
|
43
|
+
* When `value` is provided, `initialValue` isn't used.
|
|
42
44
|
*/
|
|
43
45
|
initialValue?: string;
|
|
44
46
|
/**
|
|
45
47
|
* The TabItems to be included in the Tabs group
|
|
46
48
|
*/
|
|
47
49
|
tabs: TabItemProps[];
|
|
50
|
+
/**
|
|
51
|
+
* Identifier for the selected tab.
|
|
52
|
+
*/
|
|
53
|
+
value?: string;
|
|
48
54
|
};
|
|
49
|
-
declare const MemoizedTabs: React.MemoExoticComponent<({ ariaLabel, initialValue, tabs }: TabsProps) => JSX.Element>;
|
|
55
|
+
declare const MemoizedTabs: React.MemoExoticComponent<({ ariaLabel, initialValue, tabs, value }: TabsProps) => JSX.Element>;
|
|
50
56
|
export { MemoizedTabs as Tabs };
|
|
51
57
|
//# sourceMappingURL=Tabs.d.ts.map
|
package/dist/src/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4CF,QAAA,MAAM,YAAY,uEA1CsC,SAAS,iBA0ClC,CAAC;AAGhC,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,CAAC"}
|
package/dist/src/Tag.d.ts
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
import { ChipProps as MuiChipProps } from "@mui/material";
|
|
13
13
|
import { ReactElement } from "react";
|
|
14
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
14
15
|
export type TagProps = {
|
|
15
16
|
icon?: ReactElement;
|
|
16
17
|
isDisabled?: boolean;
|
|
@@ -26,7 +27,7 @@ export type TagProps = {
|
|
|
26
27
|
* Callback fired when the remove button of the Tag is clicked
|
|
27
28
|
*/
|
|
28
29
|
onRemove?: MuiChipProps["onDelete"];
|
|
29
|
-
};
|
|
30
|
-
declare const MemoizedTag: import("react").MemoExoticComponent<({ icon, isDisabled, label, onClick, onRemove }: TagProps) => JSX.Element>;
|
|
30
|
+
} & SeleniumProps;
|
|
31
|
+
declare const MemoizedTag: import("react").MemoExoticComponent<({ icon, isDisabled, label, onClick, onRemove, testId, }: TagProps) => JSX.Element>;
|
|
31
32
|
export { MemoizedTag as Tag };
|
|
32
33
|
//# sourceMappingURL=Tag.d.ts.map
|
package/dist/src/Tag.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAQ,YAAY,EAA2B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAQ,YAAY,EAA2B,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC,GAAG,aAAa,CAAC;AAiClB,QAAA,MAAM,WAAW,gGAxBd,QAAQ,iBAwBkB,CAAC;AAG9B,OAAO,EAAE,WAAW,IAAI,GAAG,EAAE,CAAC"}
|
package/dist/src/TagList.d.ts
CHANGED
|
@@ -11,12 +11,13 @@
|
|
|
11
11
|
*/
|
|
12
12
|
import { Tag } from "./Tag";
|
|
13
13
|
import { ReactElement } from "react";
|
|
14
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
14
15
|
export type TagListProps = {
|
|
15
16
|
/**
|
|
16
17
|
* The Tag or array of Tags within the TagList
|
|
17
18
|
*/
|
|
18
19
|
children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;
|
|
19
|
-
};
|
|
20
|
-
declare const MemoizedTagList: import("react").MemoExoticComponent<({ children }: TagListProps) => JSX.Element>;
|
|
20
|
+
} & SeleniumProps;
|
|
21
|
+
declare const MemoizedTagList: import("react").MemoExoticComponent<({ children, testId }: TagListProps) => JSX.Element>;
|
|
21
22
|
export { MemoizedTagList as TagList };
|
|
22
23
|
//# sourceMappingURL=TagList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../src/TagList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../src/TagList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;CACtE,GAAG,aAAa,CAAC;AA4BlB,QAAA,MAAM,eAAe,6DA1BkB,YAAY,iBA0Bd,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
|
package/dist/src/TextField.d.ts
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
12
|
import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactElement } from "react";
|
|
13
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
13
14
|
export declare const textFieldTypeValues: readonly ["email", "number", "tel", "text", "url"];
|
|
14
15
|
export type TextFieldProps = {
|
|
15
16
|
/**
|
|
@@ -58,6 +59,10 @@ export type TextFieldProps = {
|
|
|
58
59
|
* The label for the `input` element.
|
|
59
60
|
*/
|
|
60
61
|
label: string;
|
|
62
|
+
/**
|
|
63
|
+
* The name of the `input` element. Defaults to the `id` if not set.
|
|
64
|
+
*/
|
|
65
|
+
name?: string;
|
|
61
66
|
/**
|
|
62
67
|
* Callback fired when the `input` element loses focus.
|
|
63
68
|
*/
|
|
@@ -86,7 +91,86 @@ export type TextFieldProps = {
|
|
|
86
91
|
* The value of the `input` element, required for a controlled component.
|
|
87
92
|
*/
|
|
88
93
|
value?: string;
|
|
89
|
-
};
|
|
90
|
-
declare const MemoizedTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<
|
|
94
|
+
} & SeleniumProps;
|
|
95
|
+
declare const MemoizedTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
96
|
+
/**
|
|
97
|
+
* This prop helps users to fill forms faster, especially on mobile devices.
|
|
98
|
+
* The name can be confusing, as it's more like an autofill.
|
|
99
|
+
* You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
|
|
100
|
+
*/
|
|
101
|
+
autoCompleteType?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
|
|
102
|
+
/**
|
|
103
|
+
* End `InputAdornment` for this component.
|
|
104
|
+
*/
|
|
105
|
+
endAdornment?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
106
|
+
/**
|
|
107
|
+
* If `error` is not undefined, the `input` will indicate an error.
|
|
108
|
+
*/
|
|
109
|
+
errorMessage?: string | undefined;
|
|
110
|
+
/**
|
|
111
|
+
* If `true`, the component will receive focus automatically.
|
|
112
|
+
*/
|
|
113
|
+
hasInitialFocus?: boolean | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* The helper text content.
|
|
116
|
+
*/
|
|
117
|
+
hint?: string | undefined;
|
|
118
|
+
/**
|
|
119
|
+
* The id of the `input` element.
|
|
120
|
+
*/
|
|
121
|
+
id?: string | undefined;
|
|
122
|
+
/**
|
|
123
|
+
* If `true`, the component is disabled.
|
|
124
|
+
*/
|
|
125
|
+
isDisabled?: boolean | undefined;
|
|
126
|
+
/**
|
|
127
|
+
* If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
|
|
128
|
+
*/
|
|
129
|
+
isMultiline?: boolean | undefined;
|
|
130
|
+
/**
|
|
131
|
+
* If `true`, the `input` element is not required.
|
|
132
|
+
*/
|
|
133
|
+
isOptional?: boolean | undefined;
|
|
134
|
+
/**
|
|
135
|
+
* It prevents the user from changing the value of the field
|
|
136
|
+
*/
|
|
137
|
+
isReadOnly?: boolean | undefined;
|
|
138
|
+
/**
|
|
139
|
+
* The label for the `input` element.
|
|
140
|
+
*/
|
|
141
|
+
label: string;
|
|
142
|
+
/**
|
|
143
|
+
* The name of the `input` element. Defaults to the `id` if not set.
|
|
144
|
+
*/
|
|
145
|
+
name?: string | undefined;
|
|
146
|
+
/**
|
|
147
|
+
* Callback fired when the `input` element loses focus.
|
|
148
|
+
*/
|
|
149
|
+
onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
|
|
150
|
+
/**
|
|
151
|
+
* Callback fired when the value is changed.
|
|
152
|
+
*/
|
|
153
|
+
onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
|
|
154
|
+
/**
|
|
155
|
+
* Callback fired when the `input` element get focus.
|
|
156
|
+
*/
|
|
157
|
+
onFocus?: FocusEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
|
|
158
|
+
/**
|
|
159
|
+
* The short hint displayed in the `input` before the user enters a value.
|
|
160
|
+
*/
|
|
161
|
+
placeholder?: string | undefined;
|
|
162
|
+
/**
|
|
163
|
+
* Start `InputAdornment` for this component.
|
|
164
|
+
*/
|
|
165
|
+
startAdornment?: string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
166
|
+
/**
|
|
167
|
+
* Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
|
|
168
|
+
*/
|
|
169
|
+
type?: "number" | "text" | "tel" | "url" | "email" | undefined;
|
|
170
|
+
/**
|
|
171
|
+
* The value of the `input` element, required for a controlled component.
|
|
172
|
+
*/
|
|
173
|
+
value?: string | undefined;
|
|
174
|
+
} & SeleniumProps & import("react").RefAttributes<HTMLInputElement>>>;
|
|
91
175
|
export { MemoizedTextField as TextField };
|
|
92
176
|
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAEb,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,YAAY,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,mBAAmB,oDAMtB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAgGlB,QAAA,MAAM,iBAAiB;IA9KrB;;;;OAIG;uBACgB,oBAAoB,gBAAgB,CAAC,CAAC,cAAc,CAAC;IACxE;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;qEAkGoC,CAAC;AAG1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}
|
package/dist/src/Toast.d.ts
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
12
|
/// <reference types="react" />
|
|
13
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
13
14
|
export declare const toastRoleValues: readonly ["status", "alert"];
|
|
14
15
|
export declare const toastSeverityValues: readonly ["success", "info", "warning", "error"];
|
|
15
16
|
export type ToastProps = {
|
|
@@ -55,7 +56,7 @@ export type ToastProps = {
|
|
|
55
56
|
* The text content of the Toast
|
|
56
57
|
*/
|
|
57
58
|
text: string;
|
|
58
|
-
};
|
|
59
|
-
declare const MemoizedToast: import("react").MemoExoticComponent<({ autoHideDuration, isDismissable, linkText, linkUrl, isVisible: isVisibleProp, onHide: onHideProp, role, severity, text, }: ToastProps) => JSX.Element>;
|
|
59
|
+
} & SeleniumProps;
|
|
60
|
+
declare const MemoizedToast: import("react").MemoExoticComponent<({ autoHideDuration, isDismissable, linkText, linkUrl, isVisible: isVisibleProp, onHide: onHideProp, role, severity, testId, text, }: ToastProps) => JSX.Element>;
|
|
60
61
|
export { MemoizedToast as Toast };
|
|
61
62
|
//# sourceMappingURL=Toast.d.ts.map
|
package/dist/src/Toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AASH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAC5D,eAAO,MAAM,mBAAmB,kDAKtB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,CAAC;AAsElB,QAAA,MAAM,aAAa,4KAvDhB,UAAU,iBAuDoB,CAAC;AAGlC,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,CAAC"}
|
package/dist/src/Tooltip.d.ts
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
import type { TooltipProps as MuiTooltipProps } from "@mui/material";
|
|
13
13
|
import { ReactElement } from "react";
|
|
14
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
14
15
|
export type TooltipProps = {
|
|
15
16
|
/**
|
|
16
17
|
* The type of ARIA attribute to use
|
|
@@ -28,6 +29,6 @@ export type TooltipProps = {
|
|
|
28
29
|
* The text to display in the Tooltip
|
|
29
30
|
*/
|
|
30
31
|
text: string;
|
|
31
|
-
};
|
|
32
|
-
export declare const Tooltip: ({ ariaType, children, placement, text, }: TooltipProps) => JSX.Element;
|
|
32
|
+
} & SeleniumProps;
|
|
33
|
+
export declare const Tooltip: ({ ariaType, children, placement, testId, text, }: TooltipProps) => JSX.Element;
|
|
33
34
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,OAAO,qDAMjB,YAAY,gBASd,CAAC"}
|
package/dist/src/Typography.d.ts
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
import { TypographyProps as MuiTypographyProps } from "@mui/material";
|
|
13
13
|
import { ElementType, ReactNode } from "react";
|
|
14
|
+
import { SeleniumProps } from "./SeleniumProps";
|
|
14
15
|
export type TypographyVariantValue = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "subordinate" | "support" | "legend";
|
|
15
16
|
export declare const typographyVariantMapping: Record<TypographyVariantValue, MuiTypographyProps["variant"]>;
|
|
16
17
|
export declare const typographyColorValues: readonly ["primary", "textPrimary", "secondary", "textSecondary", "error"];
|
|
@@ -47,49 +48,17 @@ export type TypographyProps = {
|
|
|
47
48
|
* The variant of Typography to render.
|
|
48
49
|
*/
|
|
49
50
|
variant?: keyof typeof typographyVariantMapping;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
};
|
|
63
|
-
export declare const Heading3: {
|
|
64
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
65
|
-
displayName: string;
|
|
66
|
-
};
|
|
67
|
-
export declare const Heading4: {
|
|
68
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
69
|
-
displayName: string;
|
|
70
|
-
};
|
|
71
|
-
export declare const Heading5: {
|
|
72
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
73
|
-
displayName: string;
|
|
74
|
-
};
|
|
75
|
-
export declare const Heading6: {
|
|
76
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
77
|
-
displayName: string;
|
|
78
|
-
};
|
|
79
|
-
export declare const Paragraph: {
|
|
80
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
81
|
-
displayName: string;
|
|
82
|
-
};
|
|
83
|
-
export declare const Subordinate: {
|
|
84
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
85
|
-
displayName: string;
|
|
86
|
-
};
|
|
87
|
-
export declare const Support: {
|
|
88
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
89
|
-
displayName: string;
|
|
90
|
-
};
|
|
91
|
-
export declare const Legend: {
|
|
92
|
-
({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, }: TypographyProps): JSX.Element;
|
|
93
|
-
displayName: string;
|
|
94
|
-
};
|
|
51
|
+
} & SeleniumProps;
|
|
52
|
+
declare const MemoizedTypography: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component: componentProp, testId, variant, }: TypographyProps) => JSX.Element>;
|
|
53
|
+
declare const MemoizedHeading1: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
54
|
+
declare const MemoizedHeading2: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
55
|
+
declare const MemoizedHeading3: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
56
|
+
declare const MemoizedHeading4: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
57
|
+
declare const MemoizedHeading5: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
58
|
+
declare const MemoizedHeading6: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
59
|
+
declare const MemoizedParagraph: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
60
|
+
declare const MemoizedSubordinate: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
61
|
+
declare const MemoizedSupport: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
62
|
+
declare const MemoizedLegend: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, children, classes, color, component, testId, }: TypographyProps) => JSX.Element>;
|
|
63
|
+
export { MemoizedTypography as Typography, MemoizedHeading1 as Heading1, MemoizedHeading2 as Heading2, MemoizedHeading3 as Heading3, MemoizedHeading4 as Heading4, MemoizedHeading5 as Heading5, MemoizedHeading6 as Heading6, MemoizedLegend as Legend, MemoizedParagraph as Paragraph, MemoizedSubordinate as Subordinate, MemoizedSupport as Support, };
|
|
95
64
|
//# sourceMappingURL=Typography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../src/Typography.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,sBAAsB,GAC9B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,aAAa,GACb,SAAS,GACT,QAAQ,CAAC;AAEb,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,sBAAsB,EACtB,kBAAkB,CAAC,SAAS,CAAC,CAYrB,CAAC;AAEX,eAAO,MAAM,qBAAqB,4EAMxB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,wBAAwB,CAAC;CACjD,GAAG,aAAa,CAAC;AAyClB,QAAA,MAAM,kBAAkB,6JA7BrB,eAAe,iBA6ByB,CAAC;AA0B5C,QAAA,MAAM,gBAAgB,qIAdnB,eAAe,iBAcqB,CAAC;AA0BxC,QAAA,MAAM,gBAAgB,qIAdnB,eAAe,iBAcqB,CAAC;AA0BxC,QAAA,MAAM,gBAAgB,qIAdnB,eAAe,iBAcqB,CAAC;AA0BxC,QAAA,MAAM,gBAAgB,qIAdnB,eAAe,iBAcqB,CAAC;AA0BxC,QAAA,MAAM,gBAAgB,qIAdnB,eAAe,iBAcqB,CAAC;AA0BxC,QAAA,MAAM,gBAAgB,qIAdnB,eAAe,iBAcqB,CAAC;AA0BxC,QAAA,MAAM,iBAAiB,qIAdpB,eAAe,iBAcuB,CAAC;AA0B1C,QAAA,MAAM,mBAAmB,qIAdtB,eAAe,iBAc2B,CAAC;AA0B9C,QAAA,MAAM,eAAe,qIAdlB,eAAe,iBAcmB,CAAC;AA0BtC,QAAA,MAAM,cAAc,qIAdjB,eAAe,iBAciB,CAAC;AAGpC,OAAO,EACL,kBAAkB,IAAI,UAAU,EAChC,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,gBAAgB,IAAI,QAAQ,EAC5B,cAAc,IAAI,MAAM,EACxB,iBAAiB,IAAI,SAAS,EAC9B,mBAAmB,IAAI,WAAW,EAClC,eAAe,IAAI,OAAO,GAC3B,CAAC"}
|
|
@@ -12,8 +12,12 @@
|
|
|
12
12
|
import { DatePickerProps as MuiDatePickerProps } from "@mui/x-date-pickers";
|
|
13
13
|
export type DatePickerProps<TInputDate, TDate> = {
|
|
14
14
|
label: MuiDatePickerProps<TInputDate, TDate>["label"];
|
|
15
|
+
/**
|
|
16
|
+
* If `true`, the `input` element is not required.
|
|
17
|
+
*/
|
|
18
|
+
isOptional?: boolean;
|
|
15
19
|
onChange: MuiDatePickerProps<TInputDate, TDate>["onChange"];
|
|
16
20
|
value: MuiDatePickerProps<TInputDate, TDate>["value"];
|
|
17
21
|
};
|
|
18
|
-
export declare const DatePicker: <TInputDate, TDate>({ label, onChange, value, }: DatePickerProps<TInputDate, TDate>) => JSX.Element;
|
|
22
|
+
export declare const DatePicker: <TInputDate, TDate>({ label, isOptional, onChange, value, }: DatePickerProps<TInputDate, TDate>) => JSX.Element;
|
|
19
23
|
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/labs/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,qBAAqB,CAAC;AAG7B,MAAM,MAAM,eAAe,CAAC,UAAU,EAAE,KAAK,IAAI;IAC/C,KAAK,EAAE,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IACtD,QAAQ,EAAE,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5D,KAAK,EAAE,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/labs/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,qBAAqB,CAAC;AAG7B,MAAM,MAAM,eAAe,CAAC,UAAU,EAAE,KAAK,IAAI;IAC/C,KAAK,EAAE,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IACtD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5D,KAAK,EAAE,kBAAkB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,UAAU,iHA0BtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTable.d.ts","sourceRoot":"","sources":["../../../src/labs/PaginatedTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAA2B,EAIzB,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC7E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTable.d.ts","sourceRoot":"","sources":["../../../src/labs/PaginatedTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAA2B,EAIzB,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC7E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,kBAAkB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;AA6NF,QAAA,MAAM,sBAAsB,0TAAgD,CAAC;AAK7E,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/labs/StaticTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAA2B,EAEzB,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,
|
|
1
|
+
{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../../src/labs/StaticTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAA2B,EAEzB,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,6BAA6B,IAAI;IAC1E,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC;IAC9D,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,iBAAiB,CAChC;QAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAAE,GAAG,OAAO,CAC9C,CAAC;CACH,CAAC;AAqFF,QAAA,MAAM,mBAAmB,0LAA0C,CAAC;AAEpE,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsC7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC,eAAO,MAAM,UAAU,kBACN,YAAY,KAC1B,YAAY,CAAC,YAAY,CAwsE3B,CAAC"}
|
package/dist/theme/components.js
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import { alertTitleClasses } from "@mui/material/AlertTitle";
|
|
14
|
+
import { autocompleteClasses } from "@mui/material/Autocomplete";
|
|
14
15
|
import { buttonClasses } from "@mui/material/Button";
|
|
15
16
|
import { checkboxClasses } from "@mui/material/Checkbox";
|
|
16
17
|
import { chipClasses } from "@mui/material/Chip";
|
|
@@ -253,16 +254,34 @@ export const components = odysseyTokens => {
|
|
|
253
254
|
listbox: {
|
|
254
255
|
paddingBlock: odysseyTokens.Spacing2,
|
|
255
256
|
paddingInline: odysseyTokens.Spacing2,
|
|
256
|
-
borderRadius: odysseyTokens.BorderRadiusMain
|
|
257
|
+
borderRadius: odysseyTokens.BorderRadiusMain,
|
|
258
|
+
[`& .${autocompleteClasses.option}`]: {
|
|
259
|
+
minHeight: "unset",
|
|
260
|
+
paddingBlock: odysseyTokens.Spacing3,
|
|
261
|
+
paddingInline: odysseyTokens.Spacing4,
|
|
262
|
+
borderRadius: odysseyTokens.BorderRadiusTight,
|
|
263
|
+
[`&:hover`]: {
|
|
264
|
+
backgroundColor: odysseyTokens.HueNeutral100
|
|
265
|
+
},
|
|
266
|
+
[`&.${autocompleteClasses.focused}`]: {
|
|
267
|
+
backgroundColor: odysseyTokens.HueNeutral100
|
|
268
|
+
},
|
|
269
|
+
[`&[aria-selected="true"]`]: {
|
|
270
|
+
backgroundColor: "transparent",
|
|
271
|
+
color: odysseyTokens.TypographyColorAction,
|
|
272
|
+
[`&:hover`]: {
|
|
273
|
+
backgroundColor: odysseyTokens.PalettePrimaryLighter
|
|
274
|
+
},
|
|
275
|
+
[`&.${autocompleteClasses.focused}`]: {
|
|
276
|
+
backgroundColor: odysseyTokens.PalettePrimaryLighter
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
}
|
|
257
280
|
},
|
|
258
281
|
loading: {
|
|
259
282
|
paddingBlock: odysseyTokens.Spacing3,
|
|
260
283
|
paddingInline: odysseyTokens.Spacing4
|
|
261
284
|
},
|
|
262
|
-
option: {
|
|
263
|
-
paddingBlock: odysseyTokens.Spacing3,
|
|
264
|
-
borderRadius: odysseyTokens.BorderRadiusTight
|
|
265
|
-
},
|
|
266
285
|
popupIndicator: {
|
|
267
286
|
padding: odysseyTokens.Spacing1,
|
|
268
287
|
marginRight: "unset"
|
|
@@ -1053,8 +1072,8 @@ export const components = odysseyTokens => {
|
|
|
1053
1072
|
root: {
|
|
1054
1073
|
flexWrap: "wrap",
|
|
1055
1074
|
gap: odysseyTokens.Spacing2,
|
|
1056
|
-
paddingBlockStart: odysseyTokens.
|
|
1057
|
-
paddingBlockEnd: odysseyTokens.
|
|
1075
|
+
paddingBlockStart: odysseyTokens.Spacing5,
|
|
1076
|
+
paddingBlockEnd: odysseyTokens.Spacing5,
|
|
1058
1077
|
paddingInline: odysseyTokens.Spacing6,
|
|
1059
1078
|
"& > .${ buttonClasses.root }": {
|
|
1060
1079
|
margin: "0 !important"
|
|
@@ -1237,6 +1256,13 @@ export const components = odysseyTokens => {
|
|
|
1237
1256
|
}
|
|
1238
1257
|
}
|
|
1239
1258
|
},
|
|
1259
|
+
MuiIconButton: {
|
|
1260
|
+
styleOverrides: {
|
|
1261
|
+
root: {
|
|
1262
|
+
padding: odysseyTokens.Spacing1
|
|
1263
|
+
}
|
|
1264
|
+
}
|
|
1265
|
+
},
|
|
1240
1266
|
MuiInput: {
|
|
1241
1267
|
defaultProps: {
|
|
1242
1268
|
disableUnderline: true
|
|
@@ -1278,8 +1304,7 @@ export const components = odysseyTokens => {
|
|
|
1278
1304
|
},
|
|
1279
1305
|
MuiInputBase: {
|
|
1280
1306
|
defaultProps: {
|
|
1281
|
-
minRows: 3
|
|
1282
|
-
required: true
|
|
1307
|
+
minRows: 3
|
|
1283
1308
|
},
|
|
1284
1309
|
styleOverrides: {
|
|
1285
1310
|
root: _ref19 => {
|
|
@@ -1502,6 +1527,7 @@ export const components = odysseyTokens => {
|
|
|
1502
1527
|
gap: odysseyTokens.Spacing2,
|
|
1503
1528
|
minHeight: "unset",
|
|
1504
1529
|
paddingBlock: odysseyTokens.Spacing3,
|
|
1530
|
+
paddingInline: odysseyTokens.Spacing4,
|
|
1505
1531
|
borderRadius: odysseyTokens.BorderRadiusTight,
|
|
1506
1532
|
[`& .${formControlLabelClasses.root}`]: {
|
|
1507
1533
|
gap: "unset"
|
|
@@ -1513,6 +1539,9 @@ export const components = odysseyTokens => {
|
|
|
1513
1539
|
backgroundColor: "transparent"
|
|
1514
1540
|
}
|
|
1515
1541
|
},
|
|
1542
|
+
[`:focus-visible`]: {
|
|
1543
|
+
backgroundColor: odysseyTokens.HueNeutral100
|
|
1544
|
+
},
|
|
1516
1545
|
[`&.${menuItemClasses.root}-destructive`]: {
|
|
1517
1546
|
color: odysseyTokens.TypographyColorDanger
|
|
1518
1547
|
},
|
|
@@ -2107,7 +2136,6 @@ export const components = odysseyTokens => {
|
|
|
2107
2136
|
},
|
|
2108
2137
|
MuiTypography: {
|
|
2109
2138
|
defaultProps: {
|
|
2110
|
-
fontFamily: "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif",
|
|
2111
2139
|
variantMapping: {
|
|
2112
2140
|
h1: "h1",
|
|
2113
2141
|
h2: "h2",
|