@okta/odyssey-react-mui 0.16.1 → 0.18.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/CHANGELOG.md +121 -0
- package/README.md +7 -19
- package/dist/Banner.d.ts +47 -0
- package/dist/Banner.d.ts.map +1 -0
- package/dist/Banner.js +41 -0
- package/dist/Banner.js.map +1 -0
- package/dist/Link.d.ts +1 -1
- package/dist/Link.d.ts.map +1 -1
- package/dist/Link.js +2 -1
- package/dist/Link.js.map +1 -1
- package/dist/OdysseyCacheProvider.d.ts +23 -0
- package/dist/OdysseyCacheProvider.d.ts.map +1 -0
- package/dist/OdysseyCacheProvider.js +36 -0
- package/dist/OdysseyCacheProvider.js.map +1 -0
- package/dist/OdysseyThemeProvider.d.ts +19 -0
- package/dist/OdysseyThemeProvider.d.ts.map +1 -0
- package/dist/OdysseyThemeProvider.js +32 -0
- package/dist/OdysseyThemeProvider.js.map +1 -0
- package/dist/PasswordInput.d.ts +1 -1
- package/dist/PasswordInput.d.ts.map +1 -1
- package/dist/Radio.d.ts +19 -0
- package/dist/Radio.d.ts.map +1 -0
- package/dist/Radio.js +32 -0
- package/dist/Radio.js.map +1 -0
- package/dist/RadioGroup.d.ts +47 -0
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +59 -0
- package/dist/RadioGroup.js.map +1 -0
- package/dist/Status.d.ts +23 -0
- package/dist/Status.d.ts.map +1 -0
- package/dist/Status.js +25 -0
- package/dist/Status.js.map +1 -0
- package/dist/TextField.d.ts +87 -0
- package/dist/TextField.d.ts.map +1 -0
- package/dist/TextField.js +100 -0
- package/dist/TextField.js.map +1 -0
- package/dist/ThemeProvider.d.ts +3 -2
- package/dist/ThemeProvider.d.ts.map +1 -1
- package/dist/ThemeProvider.js +12 -6
- package/dist/ThemeProvider.js.map +1 -1
- package/dist/createUniqueAlphabeticalId.d.ts +14 -0
- package/dist/createUniqueAlphabeticalId.d.ts.map +1 -0
- package/dist/createUniqueAlphabeticalId.js +14 -0
- package/dist/createUniqueAlphabeticalId.js.map +1 -0
- package/dist/createUniqueId.d.ts.map +1 -1
- package/dist/createUniqueId.js.map +1 -1
- package/dist/iconDictionary/Add.d.ts +1 -1
- package/dist/iconDictionary/Add.d.ts.map +1 -1
- package/dist/iconDictionary/AddCircle.d.ts +1 -1
- package/dist/iconDictionary/AddCircle.d.ts.map +1 -1
- package/dist/iconDictionary/AlertCircle.d.ts +1 -1
- package/dist/iconDictionary/AlertCircle.d.ts.map +1 -1
- package/dist/iconDictionary/AlertCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/AlertCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/AlertTriangleFilled.d.ts +1 -1
- package/dist/iconDictionary/AlertTriangleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Anchor.d.ts +1 -1
- package/dist/iconDictionary/Anchor.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowDown.d.ts +1 -1
- package/dist/iconDictionary/ArrowDown.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowLeft.d.ts +1 -1
- package/dist/iconDictionary/ArrowLeft.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowRight.d.ts +1 -1
- package/dist/iconDictionary/ArrowRight.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowUp.d.ts +1 -1
- package/dist/iconDictionary/ArrowUp.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowUpDown.d.ts +1 -1
- package/dist/iconDictionary/ArrowUpDown.d.ts.map +1 -1
- package/dist/iconDictionary/Calendar.d.ts +1 -1
- package/dist/iconDictionary/Calendar.d.ts.map +1 -1
- package/dist/iconDictionary/Check.d.ts +1 -1
- package/dist/iconDictionary/Check.d.ts.map +1 -1
- package/dist/iconDictionary/CheckCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/CheckCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/ChevronDown.d.ts +1 -1
- package/dist/iconDictionary/ChevronDown.d.ts.map +1 -1
- package/dist/iconDictionary/ChevronUp.d.ts +1 -1
- package/dist/iconDictionary/ChevronUp.d.ts.map +1 -1
- package/dist/iconDictionary/Close.d.ts +1 -1
- package/dist/iconDictionary/Close.d.ts.map +1 -1
- package/dist/iconDictionary/CloseCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/CloseCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Copy.d.ts +1 -1
- package/dist/iconDictionary/Copy.d.ts.map +1 -1
- package/dist/iconDictionary/Delete.d.ts +1 -1
- package/dist/iconDictionary/Delete.d.ts.map +1 -1
- package/dist/iconDictionary/Download.d.ts +1 -1
- package/dist/iconDictionary/Download.d.ts.map +1 -1
- package/dist/iconDictionary/DragHandle.d.ts +1 -1
- package/dist/iconDictionary/DragHandle.d.ts.map +1 -1
- package/dist/iconDictionary/Edit.d.ts +1 -1
- package/dist/iconDictionary/Edit.d.ts.map +1 -1
- package/dist/iconDictionary/ExternalLink.d.ts +1 -1
- package/dist/iconDictionary/ExternalLink.d.ts.map +1 -1
- package/dist/iconDictionary/Eye.d.ts +1 -1
- package/dist/iconDictionary/Eye.d.ts.map +1 -1
- package/dist/iconDictionary/EyeOff.d.ts +1 -1
- package/dist/iconDictionary/EyeOff.d.ts.map +1 -1
- package/dist/iconDictionary/Filter.d.ts +1 -1
- package/dist/iconDictionary/Filter.d.ts.map +1 -1
- package/dist/iconDictionary/Globe.d.ts +1 -1
- package/dist/iconDictionary/Globe.d.ts.map +1 -1
- package/dist/iconDictionary/Home.d.ts +1 -1
- package/dist/iconDictionary/Home.d.ts.map +1 -1
- package/dist/iconDictionary/InformationCircle.d.ts +1 -1
- package/dist/iconDictionary/InformationCircle.d.ts.map +1 -1
- package/dist/iconDictionary/InformationCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/InformationCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Notification.d.ts +1 -1
- package/dist/iconDictionary/Notification.d.ts.map +1 -1
- package/dist/iconDictionary/OverflowVertical.d.ts +1 -1
- package/dist/iconDictionary/OverflowVertical.d.ts.map +1 -1
- package/dist/iconDictionary/QuestionCircle.d.ts +1 -1
- package/dist/iconDictionary/QuestionCircle.d.ts.map +1 -1
- package/dist/iconDictionary/QuestionCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/QuestionCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Search.d.ts +1 -1
- package/dist/iconDictionary/Search.d.ts.map +1 -1
- package/dist/iconDictionary/Settings.d.ts +1 -1
- package/dist/iconDictionary/Settings.d.ts.map +1 -1
- package/dist/iconDictionary/Subtract.d.ts +1 -1
- package/dist/iconDictionary/Subtract.d.ts.map +1 -1
- package/dist/iconDictionary/User.d.ts +1 -1
- package/dist/iconDictionary/User.d.ts.map +1 -1
- package/dist/iconDictionary/UserGroup.d.ts +1 -1
- package/dist/iconDictionary/UserGroup.d.ts.map +1 -1
- package/dist/index.d.ts +13 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +11 -4
- package/dist/index.js.map +1 -1
- package/dist/theme/components.d.ts.map +1 -1
- package/dist/theme/components.js +645 -174
- package/dist/theme/components.js.map +1 -1
- package/dist/theme/components.types.d.ts +5 -0
- package/dist/theme/components.types.d.ts.map +1 -1
- package/dist/theme/components.types.js.map +1 -1
- package/dist/theme/typography.d.ts.map +1 -1
- package/dist/theme/typography.js +6 -0
- package/dist/theme/typography.js.map +1 -1
- package/dist/theme/typography.types.d.ts +3 -3
- package/dist/theme/typography.types.d.ts.map +1 -1
- package/dist/theme/typography.types.js.map +1 -1
- package/dist/useUniqueAlphabeticalId.d.ts +13 -0
- package/dist/useUniqueAlphabeticalId.d.ts.map +1 -0
- package/dist/useUniqueAlphabeticalId.js +18 -0
- package/dist/useUniqueAlphabeticalId.js.map +1 -0
- package/dist/useUniqueId.d.ts.map +1 -1
- package/dist/useUniqueId.js +1 -1
- package/dist/useUniqueId.js.map +1 -1
- package/package.json +8 -7
- package/src/Banner.tsx +69 -0
- package/src/Link.tsx +21 -23
- package/src/OdysseyCacheProvider.test.tsx +38 -0
- package/src/OdysseyCacheProvider.tsx +48 -0
- package/src/OdysseyThemeProvider.tsx +44 -0
- package/src/Radio.tsx +28 -0
- package/src/RadioGroup.tsx +105 -0
- package/src/Status.tsx +29 -0
- package/src/TextField.tsx +220 -0
- package/src/ThemeProvider.tsx +11 -5
- package/src/createUniqueAlphabeticalId.test.ts +22 -0
- package/src/createUniqueAlphabeticalId.ts +19 -0
- package/src/createUniqueId.ts +1 -1
- package/src/index.ts +35 -14
- package/src/theme/components.tsx +585 -85
- package/src/theme/components.types.ts +7 -0
- package/src/theme/typography.ts +6 -0
- package/src/theme/typography.types.ts +3 -3
- package/src/useUniqueAlphabeticalId.ts +21 -0
- package/src/useUniqueId.ts +2 -2
package/dist/Radio.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import _Radio from "@mui/material/Radio";
|
|
2
|
+
|
|
3
|
+
/*!
|
|
4
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
5
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
6
|
+
*
|
|
7
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
8
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
9
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
10
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
+
*
|
|
12
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
13
|
+
*/
|
|
14
|
+
import { FormControlLabel } from "./index.js";
|
|
15
|
+
import { memo } from "react";
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
|
|
18
|
+
const Radio = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
label,
|
|
21
|
+
value
|
|
22
|
+
} = _ref;
|
|
23
|
+
return _jsx(FormControlLabel, {
|
|
24
|
+
control: _jsx(_Radio, {}),
|
|
25
|
+
label: label,
|
|
26
|
+
value: value
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
const MemoizedRadio = memo(Radio);
|
|
31
|
+
export { MemoizedRadio as Radio };
|
|
32
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["FormControlLabel","memo","Radio","label","value","MemoizedRadio"],"sources":["../src/Radio.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { FormControlLabel } from \"./\";\nimport { Radio as MuiRadio } from \"@mui/material\";\nimport { memo } from \"react\";\n\nexport type RadioProps = {\n label: string;\n value: string;\n};\n\nconst Radio = ({ label, value }: RadioProps) => (\n <FormControlLabel control={<MuiRadio />} label={label} value={value} />\n);\n\nconst MemoizedRadio = memo(Radio);\n\nexport { MemoizedRadio as Radio };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAESA,gB;AAET,SAASC,IAAT,QAAqB,OAArB;;;AAOA,MAAMC,KAAK,GAAG;EAAA,IAAC;IAAEC,KAAF;IAASC;EAAT,CAAD;EAAA,OACZ,KAAC,gBAAD;IAAkB,OAAO,EAAE,gBAA3B;IAAyC,KAAK,EAAED,KAAhD;IAAuD,KAAK,EAAEC;EAA9D,EADY;AAAA,CAAd;;AAIA,MAAMC,aAAa,GAAGJ,IAAI,CAACC,KAAD,CAA1B;AAEA,SAASG,aAAa,IAAIH,KAA1B"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { Radio } from "./";
|
|
13
|
+
import { ReactElement } from "react";
|
|
14
|
+
export interface RadioGroupProps {
|
|
15
|
+
/**
|
|
16
|
+
* The <Radio> components within the group. Must include two or more.
|
|
17
|
+
*/
|
|
18
|
+
children: Array<ReactElement<typeof Radio>>;
|
|
19
|
+
/**
|
|
20
|
+
* The text value of the radio that should be selected by default
|
|
21
|
+
*/
|
|
22
|
+
defaultValue?: string;
|
|
23
|
+
/**
|
|
24
|
+
* The error text for an invalid group
|
|
25
|
+
*/
|
|
26
|
+
errorMessage?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Optional hint text
|
|
29
|
+
*/
|
|
30
|
+
hint?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Disables the whole radio group
|
|
33
|
+
*/
|
|
34
|
+
isDisabled?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* The text label for the radio group
|
|
37
|
+
*/
|
|
38
|
+
label: string;
|
|
39
|
+
/**
|
|
40
|
+
* The name of the radio group, which only needs to be changed
|
|
41
|
+
* if there are multiple radio groups on the same screen
|
|
42
|
+
*/
|
|
43
|
+
name?: string;
|
|
44
|
+
}
|
|
45
|
+
declare const MemoizedRadioGroup: import("react").MemoExoticComponent<({ children, defaultValue, errorMessage, hint, isDisabled, label, name, }: RadioGroupProps) => JSX.Element>;
|
|
46
|
+
export { MemoizedRadioGroup as RadioGroup };
|
|
47
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAKL,KAAK,EAEN,MAAM,IAAI,CAAC;AAEZ,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;IAC5C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAiDD,QAAA,MAAM,kBAAkB,iHAvCrB,eAAe,iBAuCyB,CAAC;AAE5C,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import _RadioGroup from "@mui/material/RadioGroup";
|
|
2
|
+
|
|
3
|
+
/*!
|
|
4
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
5
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
6
|
+
*
|
|
7
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
8
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
9
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
10
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
11
|
+
*
|
|
12
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
13
|
+
*/
|
|
14
|
+
import { FormControl, FormLabel, FormHelperText, visuallyHidden, useUniqueId } from "./index.js";
|
|
15
|
+
import { memo, useMemo } from "react";
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
+
|
|
19
|
+
const RadioGroup = _ref => {
|
|
20
|
+
let {
|
|
21
|
+
children,
|
|
22
|
+
defaultValue,
|
|
23
|
+
errorMessage,
|
|
24
|
+
hint,
|
|
25
|
+
isDisabled,
|
|
26
|
+
label,
|
|
27
|
+
name
|
|
28
|
+
} = _ref;
|
|
29
|
+
const ariaDescribedBy = useMemo(() => errorMessage || hint ? [hint && `${name}-hint`, errorMessage && `${name}-error`].filter(Boolean).join(" ") : undefined, [errorMessage, hint, name]);
|
|
30
|
+
const uniqueName = useUniqueId(name);
|
|
31
|
+
return _jsxs(FormControl, {
|
|
32
|
+
component: "fieldset",
|
|
33
|
+
disabled: isDisabled,
|
|
34
|
+
error: Boolean(errorMessage),
|
|
35
|
+
children: [_jsx(FormLabel, {
|
|
36
|
+
component: "legend",
|
|
37
|
+
children: label
|
|
38
|
+
}), hint && _jsx(FormHelperText, {
|
|
39
|
+
id: `${uniqueName}-hint`,
|
|
40
|
+
children: hint
|
|
41
|
+
}), _jsx(_RadioGroup, {
|
|
42
|
+
"aria-describedby": ariaDescribedBy,
|
|
43
|
+
defaultValue: defaultValue,
|
|
44
|
+
name: uniqueName,
|
|
45
|
+
children: children
|
|
46
|
+
}), errorMessage && _jsxs(FormHelperText, {
|
|
47
|
+
id: `${uniqueName}-error`,
|
|
48
|
+
error: true,
|
|
49
|
+
children: [_jsx("span", {
|
|
50
|
+
style: visuallyHidden,
|
|
51
|
+
children: "Error:"
|
|
52
|
+
}), " ", errorMessage]
|
|
53
|
+
})]
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
const MemoizedRadioGroup = memo(RadioGroup);
|
|
58
|
+
export { MemoizedRadioGroup as RadioGroup };
|
|
59
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","names":["FormControl","FormLabel","FormHelperText","visuallyHidden","useUniqueId","memo","useMemo","RadioGroup","children","defaultValue","errorMessage","hint","isDisabled","label","name","ariaDescribedBy","filter","Boolean","join","undefined","uniqueName","MemoizedRadioGroup"],"sources":["../src/RadioGroup.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n FormControl,\n FormLabel,\n FormHelperText,\n visuallyHidden,\n Radio,\n useUniqueId,\n} from \"./\";\nimport { RadioGroup as MuiRadioGroup } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nexport interface RadioGroupProps {\n /**\n * The <Radio> components within the group. Must include two or more.\n */\n children: Array<ReactElement<typeof Radio>>;\n /**\n * The text value of the radio that should be selected by default\n */\n defaultValue?: string;\n /**\n * The error text for an invalid group\n */\n errorMessage?: string;\n /**\n * Optional hint text\n */\n hint?: string;\n /**\n * Disables the whole radio group\n */\n isDisabled?: boolean;\n /**\n * The text label for the radio group\n */\n label: string;\n /**\n * The name of the radio group, which only needs to be changed\n * if there are multiple radio groups on the same screen\n */\n name?: string;\n}\n\nconst RadioGroup = ({\n children,\n defaultValue,\n errorMessage,\n hint,\n isDisabled,\n label,\n name,\n}: RadioGroupProps) => {\n const ariaDescribedBy = useMemo(\n () =>\n errorMessage || hint\n ? [hint && `${name}-hint`, errorMessage && `${name}-error`]\n .filter(Boolean)\n .join(\" \")\n : undefined,\n [errorMessage, hint, name]\n );\n\n const uniqueName = useUniqueId(name);\n\n return (\n <FormControl\n component=\"fieldset\"\n disabled={isDisabled}\n error={Boolean(errorMessage)}\n >\n <FormLabel component=\"legend\">{label}</FormLabel>\n {hint && (\n <FormHelperText id={`${uniqueName}-hint`}>{hint}</FormHelperText>\n )}\n <MuiRadioGroup\n aria-describedby={ariaDescribedBy}\n defaultValue={defaultValue}\n name={uniqueName}\n >\n {children}\n </MuiRadioGroup>\n {errorMessage && (\n <FormHelperText id={`${uniqueName}-error`} error>\n <span style={visuallyHidden}>Error:</span> {errorMessage}\n </FormHelperText>\n )}\n </FormControl>\n );\n};\n\nconst MemoizedRadioGroup = memo(RadioGroup);\n\nexport { MemoizedRadioGroup as RadioGroup };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAGEA,W,EACAC,S,EACAC,c,EACAC,c,EAEAC,W;AAGF,SAASC,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;;;;AAkCA,MAAMC,UAAU,GAAG,QAQI;EAAA,IARH;IAClBC,QADkB;IAElBC,YAFkB;IAGlBC,YAHkB;IAIlBC,IAJkB;IAKlBC,UALkB;IAMlBC,KANkB;IAOlBC;EAPkB,CAQG;EACrB,MAAMC,eAAe,GAAGT,OAAO,CAC7B,MACEI,YAAY,IAAIC,IAAhB,GACI,CAACA,IAAI,IAAK,GAAEG,IAAK,OAAjB,EAAyBJ,YAAY,IAAK,GAAEI,IAAK,QAAjD,EACGE,MADH,CACUC,OADV,EAEGC,IAFH,CAEQ,GAFR,CADJ,GAIIC,SANuB,EAO7B,CAACT,YAAD,EAAeC,IAAf,EAAqBG,IAArB,CAP6B,CAA/B;EAUA,MAAMM,UAAU,GAAGhB,WAAW,CAACU,IAAD,CAA9B;EAEA,OACE,MAAC,WAAD;IACE,SAAS,EAAC,UADZ;IAEE,QAAQ,EAAEF,UAFZ;IAGE,KAAK,EAAEK,OAAO,CAACP,YAAD,CAHhB;IAAA,WAKE,KAAC,SAAD;MAAW,SAAS,EAAC,QAArB;MAAA,UAA+BG;IAA/B,EALF,EAMGF,IAAI,IACH,KAAC,cAAD;MAAgB,EAAE,EAAG,GAAES,UAAW,OAAlC;MAAA,UAA2CT;IAA3C,EAPJ,EASE;MACE,oBAAkBI,eADpB;MAEE,YAAY,EAAEN,YAFhB;MAGE,IAAI,EAAEW,UAHR;MAAA,UAKGZ;IALH,EATF,EAgBGE,YAAY,IACX,MAAC,cAAD;MAAgB,EAAE,EAAG,GAAEU,UAAW,QAAlC;MAA2C,KAAK,MAAhD;MAAA,WACE;QAAM,KAAK,EAAEjB,cAAb;QAAA;MAAA,EADF,OAC8CO,YAD9C;IAAA,EAjBJ;EAAA,EADF;AAwBD,CA7CD;;AA+CA,MAAMW,kBAAkB,GAAGhB,IAAI,CAACE,UAAD,CAA/B;AAEA,SAASc,kBAAkB,IAAId,UAA/B"}
|
package/dist/Status.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
export interface StatusProps {
|
|
13
|
+
/**
|
|
14
|
+
* Determine the color and icon of the alert
|
|
15
|
+
*/
|
|
16
|
+
severity: "default" | "error" | "info" | "success" | "warning";
|
|
17
|
+
/**
|
|
18
|
+
* The text content of the status
|
|
19
|
+
*/
|
|
20
|
+
label: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const Status: ({ severity, label }: StatusProps) => JSX.Element;
|
|
23
|
+
//# sourceMappingURL=Status.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../src/Status.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAE/D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,wBAAyB,WAAW,gBAEtD,CAAC"}
|
package/dist/Status.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { Chip } from "./index.js";
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
export const Status = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
severity,
|
|
17
|
+
label
|
|
18
|
+
} = _ref;
|
|
19
|
+
return _jsx(Chip, {
|
|
20
|
+
label: label,
|
|
21
|
+
color: severity,
|
|
22
|
+
variant: "status"
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=Status.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Status.js","names":["Chip","Status","severity","label"],"sources":["../src/Status.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Chip } from \"./\";\n\nexport interface StatusProps {\n /**\n * Determine the color and icon of the alert\n */\n severity: \"default\" | \"error\" | \"info\" | \"success\" | \"warning\";\n\n /**\n * The text content of the status\n */\n label: string;\n}\n\nexport const Status = ({ severity, label }: StatusProps) => (\n <Chip label={label} color={severity} variant=\"status\" />\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAESA,I;;AAcT,OAAO,MAAMC,MAAM,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,OACpB,KAAC,IAAD;IAAM,KAAK,EAAEA,KAAb;IAAoB,KAAK,EAAED,QAA3B;IAAqC,OAAO,EAAC;EAA7C,EADoB;AAAA,CAAf"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { ChangeEventHandler, FocusEventHandler, InputHTMLAttributes, ReactNode } from "react";
|
|
13
|
+
export type TextFieldProps = {
|
|
14
|
+
/**
|
|
15
|
+
* This prop helps users to fill forms faster, especially on mobile devices.
|
|
16
|
+
* The name can be confusing, as it's more like an autofill.
|
|
17
|
+
* You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
|
|
18
|
+
*/
|
|
19
|
+
autoCompleteType?: InputHTMLAttributes<HTMLInputElement>["autoComplete"];
|
|
20
|
+
/**
|
|
21
|
+
* If `true`, the component is disabled.
|
|
22
|
+
*/
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* End `InputAdornment` for this component.
|
|
26
|
+
*/
|
|
27
|
+
endAdornment?: ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* If `error` is not undefined, the `input` will indicate an error.
|
|
30
|
+
*/
|
|
31
|
+
errorMessage?: string;
|
|
32
|
+
/**
|
|
33
|
+
* The helper text content.
|
|
34
|
+
*/
|
|
35
|
+
hint?: string;
|
|
36
|
+
/**
|
|
37
|
+
* The id of the `input` element.
|
|
38
|
+
*/
|
|
39
|
+
id?: string;
|
|
40
|
+
/**
|
|
41
|
+
* The label for the `input` element.
|
|
42
|
+
*/
|
|
43
|
+
label?: string;
|
|
44
|
+
/**
|
|
45
|
+
* If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
|
|
46
|
+
*/
|
|
47
|
+
isMultiline?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Callback fired when the value is changed.
|
|
50
|
+
*/
|
|
51
|
+
onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
|
|
52
|
+
/**
|
|
53
|
+
* Callback fired when the `input` element get focus.
|
|
54
|
+
*/
|
|
55
|
+
onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
|
56
|
+
/**
|
|
57
|
+
* The label for the `input` element if the it's not optional
|
|
58
|
+
*/
|
|
59
|
+
optionalLabel?: string;
|
|
60
|
+
/**
|
|
61
|
+
* The short hint displayed in the `input` before the user enters a value.
|
|
62
|
+
*/
|
|
63
|
+
placeholder?: string;
|
|
64
|
+
/**
|
|
65
|
+
* It prevents the user from changing the value of the field
|
|
66
|
+
*/
|
|
67
|
+
isReadOnly?: boolean;
|
|
68
|
+
/**
|
|
69
|
+
* If `true`, the `input` element is required.
|
|
70
|
+
*/
|
|
71
|
+
isRequired?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Start `InputAdornment` for this component.
|
|
74
|
+
*/
|
|
75
|
+
startAdornment?: ReactNode;
|
|
76
|
+
/**
|
|
77
|
+
* 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).
|
|
78
|
+
*/
|
|
79
|
+
type?: string;
|
|
80
|
+
/**
|
|
81
|
+
* The value of the `input` element, required for a controlled component.
|
|
82
|
+
*/
|
|
83
|
+
value?: unknown;
|
|
84
|
+
};
|
|
85
|
+
declare const MemoizedTextField: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>>;
|
|
86
|
+
export { MemoizedTextField as TextField };
|
|
87
|
+
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAEjB,mBAAmB,EAEnB,SAAS,EAKV,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,CAAC;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AA2GF,QAAA,MAAM,iBAAiB,kJAAkB,CAAC;AAE1C,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { forwardRef, memo, useCallback, useEffect, useMemo, useState } from "react";
|
|
13
|
+
import { EyeIcon, EyeOffIcon, FormControl, FormHelperText, IconButton, InputAdornment, InputBase, InputLabel, SearchIcon, Typography, visuallyHidden, useUniqueId } from "./index.js";
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
+
const TextField = forwardRef((props, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
autoCompleteType,
|
|
19
|
+
isDisabled = false,
|
|
20
|
+
endAdornment,
|
|
21
|
+
errorMessage,
|
|
22
|
+
hint,
|
|
23
|
+
id: idOverride,
|
|
24
|
+
label,
|
|
25
|
+
isMultiline = false,
|
|
26
|
+
onChange,
|
|
27
|
+
onFocus,
|
|
28
|
+
optionalLabel,
|
|
29
|
+
placeholder,
|
|
30
|
+
isReadOnly,
|
|
31
|
+
isRequired = true,
|
|
32
|
+
startAdornment,
|
|
33
|
+
type = "text",
|
|
34
|
+
value
|
|
35
|
+
} = props;
|
|
36
|
+
const [inputType, setInputType] = useState(type);
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
setInputType(type);
|
|
39
|
+
}, [type]);
|
|
40
|
+
const togglePasswordVisibility = useCallback(() => {
|
|
41
|
+
setInputType(currentType => currentType === "password" ? "text" : "password");
|
|
42
|
+
}, []);
|
|
43
|
+
const id = useUniqueId(idOverride);
|
|
44
|
+
const hintId = hint ? `${id}-hint` : undefined;
|
|
45
|
+
const errorId = errorMessage ? `${id}-error` : undefined;
|
|
46
|
+
const labelId = label ? `${id}-label` : undefined;
|
|
47
|
+
const inputProps = useMemo(() => errorId || hintId ? {
|
|
48
|
+
"aria-describedby": errorId && hintId ? `${hintId} ${errorId}` : errorId || hintId
|
|
49
|
+
} : undefined, [errorId, hintId]);
|
|
50
|
+
return _jsxs(FormControl, {
|
|
51
|
+
disabled: isDisabled,
|
|
52
|
+
error: Boolean(errorMessage),
|
|
53
|
+
children: [_jsxs(InputLabel, {
|
|
54
|
+
htmlFor: id,
|
|
55
|
+
id: labelId,
|
|
56
|
+
children: [label, !isRequired && _jsx(Typography, {
|
|
57
|
+
variant: "subtitle1",
|
|
58
|
+
children: optionalLabel
|
|
59
|
+
})]
|
|
60
|
+
}), hint && _jsx(FormHelperText, {
|
|
61
|
+
id: hintId,
|
|
62
|
+
children: hint
|
|
63
|
+
}), _jsx(InputBase, {
|
|
64
|
+
autoComplete: autoCompleteType,
|
|
65
|
+
endAdornment: inputType === "password" ? _jsx(InputAdornment, {
|
|
66
|
+
position: "end",
|
|
67
|
+
children: _jsx(IconButton, {
|
|
68
|
+
"aria-label": "toggle password visibility",
|
|
69
|
+
edge: "end",
|
|
70
|
+
onClick: togglePasswordVisibility,
|
|
71
|
+
children: inputType === "password" ? _jsx(EyeIcon, {}) : _jsx(EyeOffIcon, {})
|
|
72
|
+
})
|
|
73
|
+
}) : endAdornment,
|
|
74
|
+
id: id,
|
|
75
|
+
inputProps: inputProps,
|
|
76
|
+
multiline: isMultiline,
|
|
77
|
+
onChange: onChange,
|
|
78
|
+
onFocus: onFocus,
|
|
79
|
+
placeholder: placeholder,
|
|
80
|
+
readOnly: isReadOnly,
|
|
81
|
+
ref: ref,
|
|
82
|
+
startAdornment: inputType === "search" ? _jsx(InputAdornment, {
|
|
83
|
+
position: "start",
|
|
84
|
+
children: _jsx(SearchIcon, {})
|
|
85
|
+
}) : startAdornment,
|
|
86
|
+
type: inputType,
|
|
87
|
+
value: value
|
|
88
|
+
}), errorMessage && _jsxs(FormHelperText, {
|
|
89
|
+
error: true,
|
|
90
|
+
id: errorId,
|
|
91
|
+
children: [_jsx("span", {
|
|
92
|
+
style: visuallyHidden,
|
|
93
|
+
children: "Error:"
|
|
94
|
+
}), errorMessage]
|
|
95
|
+
})]
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
const MemoizedTextField = memo(TextField);
|
|
99
|
+
export { MemoizedTextField as TextField };
|
|
100
|
+
//# sourceMappingURL=TextField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useEffect","useMemo","useState","EyeIcon","EyeOffIcon","FormControl","FormHelperText","IconButton","InputAdornment","InputBase","InputLabel","SearchIcon","Typography","visuallyHidden","useUniqueId","TextField","props","ref","autoCompleteType","isDisabled","endAdornment","errorMessage","hint","id","idOverride","label","isMultiline","onChange","onFocus","optionalLabel","placeholder","isReadOnly","isRequired","startAdornment","type","value","inputType","setInputType","togglePasswordVisibility","currentType","hintId","undefined","errorId","labelId","inputProps","Boolean","MemoizedTextField"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n InputHTMLAttributes,\n memo,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport {\n EyeIcon,\n EyeOffIcon,\n FormControl,\n FormHelperText,\n IconButton,\n InputAdornment,\n InputBase,\n InputLabel,\n SearchIcon,\n Typography,\n visuallyHidden,\n useUniqueId,\n} from \"./\";\n\nexport type TextFieldProps = {\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n /**\n * If `true`, the component is disabled.\n */\n isDisabled?: boolean;\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment?: ReactNode;\n /**\n * If `error` is not undefined, the `input` will indicate an error.\n */\n errorMessage?: string;\n /**\n * The helper text content.\n */\n hint?: string;\n /**\n * The id of the `input` element.\n */\n id?: string;\n /**\n * The label for the `input` element.\n */\n label?: string;\n /**\n * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n */\n isMultiline?: boolean;\n /**\n * Callback fired when the value is changed.\n */\n onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n /**\n * Callback fired when the `input` element get focus.\n */\n onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n /**\n * The label for the `input` element if the it's not optional\n */\n optionalLabel?: string;\n /**\n * The short hint displayed in the `input` before the user enters a value.\n */\n placeholder?: string;\n /**\n * It prevents the user from changing the value of the field\n */\n isReadOnly?: boolean;\n /**\n * If `true`, the `input` element is required.\n */\n isRequired?: boolean;\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment?: ReactNode;\n /**\n * 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).\n */\n type?: string;\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value?: unknown;\n};\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>((props, ref) => {\n const {\n autoCompleteType,\n isDisabled = false,\n endAdornment,\n errorMessage,\n hint,\n id: idOverride,\n label,\n isMultiline = false,\n onChange,\n onFocus,\n optionalLabel,\n placeholder,\n isReadOnly,\n isRequired = true,\n startAdornment,\n type = \"text\",\n value,\n } = props;\n\n const [inputType, setInputType] = useState(type);\n\n useEffect(() => {\n setInputType(type);\n }, [type]);\n\n const togglePasswordVisibility = useCallback(() => {\n setInputType((currentType) =>\n currentType === \"password\" ? \"text\" : \"password\"\n );\n }, []);\n\n const id = useUniqueId(idOverride);\n const hintId = hint ? `${id}-hint` : undefined;\n const errorId = errorMessage ? `${id}-error` : undefined;\n const labelId = label ? `${id}-label` : undefined;\n\n const inputProps = useMemo(\n () =>\n errorId || hintId\n ? {\n \"aria-describedby\":\n errorId && hintId ? `${hintId} ${errorId}` : errorId || hintId,\n }\n : undefined,\n [errorId, hintId]\n );\n\n return (\n <FormControl disabled={isDisabled} error={Boolean(errorMessage)}>\n <InputLabel htmlFor={id} id={labelId}>\n {label}\n {!isRequired && (\n <Typography variant=\"subtitle1\">{optionalLabel}</Typography>\n )}\n </InputLabel>\n {hint && <FormHelperText id={hintId}>{hint}</FormHelperText>}\n <InputBase\n autoComplete={autoCompleteType}\n endAdornment={\n inputType === \"password\" ? (\n <InputAdornment position=\"end\">\n <IconButton\n aria-label=\"toggle password visibility\"\n edge=\"end\"\n onClick={togglePasswordVisibility}\n >\n {inputType === \"password\" ? <EyeIcon /> : <EyeOffIcon />}\n </IconButton>\n </InputAdornment>\n ) : (\n endAdornment\n )\n }\n id={id}\n inputProps={inputProps}\n multiline={isMultiline}\n onChange={onChange}\n onFocus={onFocus}\n placeholder={placeholder}\n readOnly={isReadOnly}\n ref={ref}\n startAdornment={\n inputType === \"search\" ? (\n <InputAdornment position=\"start\">\n <SearchIcon />\n </InputAdornment>\n ) : (\n startAdornment\n )\n }\n type={inputType}\n value={value}\n />\n {errorMessage && (\n <FormHelperText error id={errorId}>\n <span style={visuallyHidden}>Error:</span>\n {errorMessage}\n </FormHelperText>\n )}\n </FormControl>\n );\n});\n\nconst MemoizedTextField = memo(TextField);\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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"}
|
package/dist/ThemeProvider.d.ts
CHANGED
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
12
|
import { ReactElement } from "react";
|
|
13
|
-
|
|
13
|
+
declare const MemoizedThemeProvider: import("react").MemoExoticComponent<({ children }: {
|
|
14
14
|
children: ReactElement;
|
|
15
|
-
}) => JSX.Element
|
|
15
|
+
}) => JSX.Element>;
|
|
16
|
+
export { MemoizedThemeProvider as ThemeProvider };
|
|
16
17
|
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,YAAY,EAAE,MAAM,OAAO,CAAC;AAW3C,QAAA,MAAM,qBAAqB;cANsB,YAAY;kBAMZ,CAAC;AAElD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
|
package/dist/ThemeProvider.js
CHANGED
|
@@ -9,16 +9,22 @@
|
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
12
|
+
import { memo } from "react";
|
|
13
|
+
import { OdysseyCacheProvider } from "./OdysseyCacheProvider.js";
|
|
14
|
+
import { OdysseyThemeProvider } from "./OdysseyThemeProvider.js";
|
|
14
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
|
|
16
|
+
|
|
17
|
+
const ThemeProvider = _ref => {
|
|
16
18
|
let {
|
|
17
19
|
children
|
|
18
20
|
} = _ref;
|
|
19
|
-
return _jsx(
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
return _jsx(OdysseyCacheProvider, {
|
|
22
|
+
children: _jsx(OdysseyThemeProvider, {
|
|
23
|
+
children: children
|
|
24
|
+
})
|
|
22
25
|
});
|
|
23
26
|
};
|
|
27
|
+
|
|
28
|
+
const MemoizedThemeProvider = memo(ThemeProvider);
|
|
29
|
+
export { MemoizedThemeProvider as ThemeProvider };
|
|
24
30
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","names":["
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","names":["memo","OdysseyCacheProvider","OdysseyThemeProvider","ThemeProvider","children","MemoizedThemeProvider"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement } from \"react\";\n\nimport { OdysseyCacheProvider } from \"./OdysseyCacheProvider\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider\";\n\nconst ThemeProvider = ({ children }: { children: ReactElement }) => (\n <OdysseyCacheProvider>\n <OdysseyThemeProvider>{children}</OdysseyThemeProvider>\n </OdysseyCacheProvider>\n);\n\nconst MemoizedThemeProvider = memo(ThemeProvider);\n\nexport { MemoizedThemeProvider as ThemeProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,QAAmC,OAAnC;SAESC,oB;SACAC,oB;;;AAET,MAAMC,aAAa,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACpB,KAAC,oBAAD;IAAA,UACE,KAAC,oBAAD;MAAA,UAAuBA;IAAvB;EADF,EADoB;AAAA,CAAtB;;AAMA,MAAMC,qBAAqB,GAAGL,IAAI,CAACG,aAAD,CAAlC;AAEA,SAASE,qBAAqB,IAAIF,aAAlC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
export declare const uniqueIdLength = 6;
|
|
13
|
+
export declare const createUniqueAlphabeticalId: () => string;
|
|
14
|
+
//# sourceMappingURL=createUniqueAlphabeticalId.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createUniqueAlphabeticalId.d.ts","sourceRoot":"","sources":["../src/createUniqueAlphabeticalId.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,eAAO,MAAM,0BAA0B,cAGZ,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
export const uniqueIdLength = 6;
|
|
13
|
+
export const createUniqueAlphabeticalId = () => Math.random().toString(36).replace(/[\d\.]/g, "");
|
|
14
|
+
//# sourceMappingURL=createUniqueAlphabeticalId.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createUniqueAlphabeticalId.js","names":["uniqueIdLength","createUniqueAlphabeticalId","Math","random","toString","replace"],"sources":["../src/createUniqueAlphabeticalId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueAlphabeticalId = () =>\n Math.random()\n .toString(36)\n .replace(/[\\d\\.]/g, \"\");\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,MAAMA,cAAc,GAAG,CAAvB;AAEP,OAAO,MAAMC,0BAA0B,GAAG,MACxCC,IAAI,CAACC,MAAL,GACGC,QADH,CACY,EADZ,EAEGC,OAFH,CAEW,SAFX,EAEsB,EAFtB,CADK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createUniqueId.d.ts","sourceRoot":"","sources":["../src/createUniqueId.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"createUniqueId.d.ts","sourceRoot":"","sources":["../src/createUniqueId.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,eAAO,MAAM,cAAc,cACwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createUniqueId.js","names":["uniqueIdLength","createUniqueId","Math","random","toString","slice"],"sources":["../src/createUniqueId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueId = ()
|
|
1
|
+
{"version":3,"file":"createUniqueId.js","names":["uniqueIdLength","createUniqueId","Math","random","toString","slice"],"sources":["../src/createUniqueId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueId = () =>\n Math.random().toString(36).slice(-uniqueIdLength);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,MAAMA,cAAc,GAAG,CAAvB;AAEP,OAAO,MAAMC,cAAc,GAAG,MAC5BC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAACL,cAAlC,CADK"}
|
|
@@ -11,6 +11,6 @@
|
|
|
11
11
|
*/
|
|
12
12
|
/// <reference types="react" />
|
|
13
13
|
import type { SvgIconNoChildrenProps } from "./types";
|
|
14
|
-
export
|
|
14
|
+
export type AddIconProps = SvgIconNoChildrenProps;
|
|
15
15
|
export declare const AddIcon: import("react").ForwardRefExoticComponent<Pick<SvgIconNoChildrenProps, "string" | "className" | "style" | "classes" | "children" | "color" | "fontSize" | "htmlColor" | "inheritViewBox" | "shapeRendering" | "sx" | "titleAccess" | "viewBox" | "clipPath" | "filter" | "mask" | "path" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
16
16
|
//# sourceMappingURL=Add.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Add.d.ts","sourceRoot":"","sources":["../../src/iconDictionary/Add.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAMH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,
|
|
1
|
+
{"version":3,"file":"Add.d.ts","sourceRoot":"","sources":["../../src/iconDictionary/Add.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAMH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,sBAAsB,CAAC;AAElD,eAAO,MAAM,OAAO,8pPAmBlB,CAAC"}
|