mui-simple
Version:
Override mui components to simplify usage
1,171 lines (1,167 loc) • 69.5 kB
TypeScript
import React$1, { Ref, CSSProperties, SyntheticEvent, ChangeEvent, ReactNode, ReactElement, MouseEventHandler, PropsWithChildren, ElementType as ElementType$1 } from 'react';
import { DraggableStateSnapshot } from 'react-beautiful-dnd';
import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
import { TimePickerProps } from '@mui/x-date-pickers/TimePicker';
import * as _mui_material from '@mui/material';
import { SxProps, CloseReason, OpenReason } from '@mui/material';
import SvgIcon from '@mui/material/SvgIcon';
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
import * as _emotion_styled from '@emotion/styled';
import * as _mui_system from '@mui/system';
import * as _mui_material_styles from '@mui/material/styles';
import * as _mui_lab from '@mui/lab';
import { TreeItem as TreeItem$1 } from '@mui/lab';
declare const allIcons: readonly string[];
type IconName = (typeof allIcons)[number];
type TIMEZONE = 'Africa/Abidjan' | 'Africa/Accra' | 'Africa/Addis_Ababa' | 'Africa/Algiers' | 'Africa/Asmara' | 'Africa/Asmera' | 'Africa/Bamako' | 'Africa/Bangui' | 'Africa/Banjul' | 'Africa/Bissau' | 'Africa/Blantyre' | 'Africa/Brazzaville' | 'Africa/Bujumbura' | 'Africa/Cairo' | 'Africa/Casablanca' | 'Africa/Ceuta' | 'Africa/Conakry' | 'Africa/Dakar' | 'Africa/Dar_es_Salaam' | 'Africa/Djibouti' | 'Africa/Douala' | 'Africa/El_Aaiun' | 'Africa/Freetown' | 'Africa/Gaborone' | 'Africa/Harare' | 'Africa/Johannesburg' | 'Africa/Juba' | 'Africa/Kampala' | 'Africa/Khartoum' | 'Africa/Kigali' | 'Africa/Kinshasa' | 'Africa/Lagos' | 'Africa/Libreville' | 'Africa/Lome' | 'Africa/Luanda' | 'Africa/Lubumbashi' | 'Africa/Lusaka' | 'Africa/Malabo' | 'Africa/Maputo' | 'Africa/Maseru' | 'Africa/Mbabane' | 'Africa/Mogadishu' | 'Africa/Monrovia' | 'Africa/Nairobi' | 'Africa/Ndjamena' | 'Africa/Niamey' | 'Africa/Nouakchott' | 'Africa/Ouagadougou' | 'Africa/Porto-Novo' | 'Africa/Sao_Tome' | 'Africa/Timbuktu' | 'Africa/Tripoli' | 'Africa/Tunis' | 'Africa/Windhoek' | 'America/Adak' | 'America/Anchorage' | 'America/Anguilla' | 'America/Antigua' | 'America/Araguaina' | 'America/Argentina/Buenos_Aires' | 'America/Argentina/Catamarca' | 'America/Argentina/ComodRivadavia' | 'America/Argentina/Cordoba' | 'America/Argentina/Jujuy' | 'America/Argentina/La_Rioja' | 'America/Argentina/Mendoza' | 'America/Argentina/Rio_Gallegos' | 'America/Argentina/Salta' | 'America/Argentina/San_Juan' | 'America/Argentina/San_Luis' | 'America/Argentina/Tucuman' | 'America/Argentina/Ushuaia' | 'America/Aruba' | 'America/Asuncion' | 'America/Atikokan' | 'America/Atka' | 'America/Bahia' | 'America/Bahia_Banderas' | 'America/Barbados' | 'America/Belem' | 'America/Belize' | 'America/Blanc-Sablon' | 'America/Boa_Vista' | 'America/Bogota' | 'America/Boise' | 'America/Buenos_Aires' | 'America/Cambridge_Bay' | 'America/Campo_Grande' | 'America/Cancun' | 'America/Caracas' | 'America/Catamarca' | 'America/Cayenne' | 'America/Cayman' | 'America/Chicago' | 'America/Chihuahua' | 'America/Coral_Harbour' | 'America/Cordoba' | 'America/Costa_Rica' | 'America/Creston' | 'America/Cuiaba' | 'America/Curacao' | 'America/Danmarkshavn' | 'America/Dawson' | 'America/Dawson_Creek' | 'America/Denver' | 'America/Detroit' | 'America/Dominica' | 'America/Edmonton' | 'America/Eirunepe' | 'America/El_Salvador' | 'America/Ensenada' | 'America/Fort_Nelson' | 'America/Fort_Wayne' | 'America/Fortaleza' | 'America/Glace_Bay' | 'America/Godthab' | 'America/Goose_Bay' | 'America/Grand_Turk' | 'America/Grenada' | 'America/Guadeloupe' | 'America/Guatemala' | 'America/Guayaquil' | 'America/Guyana' | 'America/Halifax' | 'America/Havana' | 'America/Hermosillo' | 'America/Indiana/Indianapolis' | 'America/Indiana/Knox' | 'America/Indiana/Marengo' | 'America/Indiana/Petersburg' | 'America/Indiana/Tell_City' | 'America/Indiana/Vevay' | 'America/Indiana/Vincennes' | 'America/Indiana/Winamac' | 'America/Indianapolis' | 'America/Inuvik' | 'America/Iqaluit' | 'America/Jamaica' | 'America/Jujuy' | 'America/Juneau' | 'America/Kentucky/Louisville' | 'America/Kentucky/Monticello' | 'America/Knox_IN' | 'America/Kralendijk' | 'America/La_Paz' | 'America/Lima' | 'America/Los_Angeles' | 'America/Louisville' | 'America/Lower_Princes' | 'America/Maceio' | 'America/Managua' | 'America/Manaus' | 'America/Marigot' | 'America/Martinique' | 'America/Matamoros' | 'America/Mazatlan' | 'America/Mendoza' | 'America/Menominee' | 'America/Merida' | 'America/Metlakatla' | 'America/Mexico_City' | 'America/Miquelon' | 'America/Moncton' | 'America/Monterrey' | 'America/Montevideo' | 'America/Montreal' | 'America/Montserrat' | 'America/Nassau' | 'America/New_York' | 'America/Nipigon' | 'America/Nome' | 'America/Noronha' | 'America/North_Dakota/Beulah' | 'America/North_Dakota/Center' | 'America/North_Dakota/New_Salem' | 'America/Nuuk' | 'America/Ojinaga' | 'America/Panama' | 'America/Pangnirtung' | 'America/Paramaribo' | 'America/Phoenix' | 'America/Port-au-Prince' | 'America/Port_of_Spain' | 'America/Porto_Acre' | 'America/Porto_Velho' | 'America/Puerto_Rico' | 'America/Punta_Arenas' | 'America/Rainy_River' | 'America/Rankin_Inlet' | 'America/Recife' | 'America/Regina' | 'America/Resolute' | 'America/Rio_Branco' | 'America/Rosario' | 'America/Santa_Isabel' | 'America/Santarem' | 'America/Santiago' | 'America/Santo_Domingo' | 'America/Sao_Paulo' | 'America/Scoresbysund' | 'America/Shiprock' | 'America/Sitka' | 'America/St_Barthelemy' | 'America/St_Johns' | 'America/St_Kitts' | 'America/St_Lucia' | 'America/St_Thomas' | 'America/St_Vincent' | 'America/Swift_Current' | 'America/Tegucigalpa' | 'America/Thule' | 'America/Thunder_Bay' | 'America/Tijuana' | 'America/Toronto' | 'America/Tortola' | 'America/Vancouver' | 'America/Virgin' | 'America/Whitehorse' | 'America/Winnipeg' | 'America/Yakutat' | 'America/Yellowknife' | 'Antarctica/Casey' | 'Antarctica/Davis' | 'Antarctica/DumontDUrville' | 'Antarctica/Macquarie' | 'Antarctica/Mawson' | 'Antarctica/McMurdo' | 'Antarctica/Palmer' | 'Antarctica/Rothera' | 'Antarctica/South_Pole' | 'Antarctica/Syowa' | 'Antarctica/Troll' | 'Antarctica/Vostok' | 'Arctic/Longyearbyen' | 'Asia/Aden' | 'Asia/Almaty' | 'Asia/Amman' | 'Asia/Anadyr' | 'Asia/Aqtau' | 'Asia/Aqtobe' | 'Asia/Ashgabat' | 'Asia/Ashkhabad' | 'Asia/Atyrau' | 'Asia/Baghdad' | 'Asia/Bahrain' | 'Asia/Baku' | 'Asia/Bangkok' | 'Asia/Barnaul' | 'Asia/Beirut' | 'Asia/Bishkek' | 'Asia/Brunei' | 'Asia/Calcutta' | 'Asia/Chita' | 'Asia/Choibalsan' | 'Asia/Chongqing' | 'Asia/Chungking' | 'Asia/Colombo' | 'Asia/Dacca' | 'Asia/Damascus' | 'Asia/Dhaka' | 'Asia/Dili' | 'Asia/Dubai' | 'Asia/Dushanbe' | 'Asia/Famagusta' | 'Asia/Gaza' | 'Asia/Harbin' | 'Asia/Hebron' | 'Asia/Ho_Chi_Minh' | 'Asia/Hong_Kong' | 'Asia/Hovd' | 'Asia/Irkutsk' | 'Asia/Istanbul' | 'Asia/Jakarta' | 'Asia/Jayapura' | 'Asia/Jerusalem' | 'Asia/Kabul' | 'Asia/Kamchatka' | 'Asia/Karachi' | 'Asia/Kashgar' | 'Asia/Kathmandu' | 'Asia/Katmandu' | 'Asia/Khandyga' | 'Asia/Kolkata' | 'Asia/Krasnoyarsk' | 'Asia/Kuala_Lumpur' | 'Asia/Kuching' | 'Asia/Kuwait' | 'Asia/Macao' | 'Asia/Macau' | 'Asia/Magadan' | 'Asia/Makassar' | 'Asia/Manila' | 'Asia/Muscat' | 'Asia/Nicosia' | 'Asia/Novokuznetsk' | 'Asia/Novosibirsk' | 'Asia/Omsk' | 'Asia/Oral' | 'Asia/Phnom_Penh' | 'Asia/Pontianak' | 'Asia/Pyongyang' | 'Asia/Qatar' | 'Asia/Qostanay' | 'Asia/Qyzylorda' | 'Asia/Rangoon' | 'Asia/Riyadh' | 'Asia/Saigon' | 'Asia/Sakhalin' | 'Asia/Samarkand' | 'Asia/Seoul' | 'Asia/Shanghai' | 'Asia/Singapore' | 'Asia/Srednekolymsk' | 'Asia/Taipei' | 'Asia/Tashkent' | 'Asia/Tbilisi' | 'Asia/Tehran' | 'Asia/Tel_Aviv' | 'Asia/Thimbu' | 'Asia/Thimphu' | 'Asia/Tokyo' | 'Asia/Tomsk' | 'Asia/Ujung_Pandang' | 'Asia/Ulaanbaatar' | 'Asia/Ulan_Bator' | 'Asia/Urumqi' | 'Asia/Ust-Nera' | 'Asia/Vientiane' | 'Asia/Vladivostok' | 'Asia/Yakutsk' | 'Asia/Yangon' | 'Asia/Yekaterinburg' | 'Asia/Yerevan' | 'Atlantic/Azores' | 'Atlantic/Bermuda' | 'Atlantic/Canary' | 'Atlantic/Cape_Verde' | 'Atlantic/Faeroe' | 'Atlantic/Faroe' | 'Atlantic/Jan_Mayen' | 'Atlantic/Madeira' | 'Atlantic/Reykjavik' | 'Atlantic/South_Georgia' | 'Atlantic/St_Helena' | 'Atlantic/Stanley' | 'Australia/ACT' | 'Australia/Adelaide' | 'Australia/Brisbane' | 'Australia/Broken_Hill' | 'Australia/Canberra' | 'Australia/Currie' | 'Australia/Darwin' | 'Australia/Eucla' | 'Australia/Hobart' | 'Australia/LHI' | 'Australia/Lindeman' | 'Australia/Lord_Howe' | 'Australia/Melbourne' | 'Australia/NSW' | 'Australia/North' | 'Australia/Perth' | 'Australia/Queensland' | 'Australia/South' | 'Australia/Sydney' | 'Australia/Tasmania' | 'Australia/Victoria' | 'Australia/West' | 'Australia/Yancowinna' | 'Brazil/Acre' | 'Brazil/DeNoronha' | 'Brazil/East' | 'Brazil/West' | 'CET' | 'CST6CDT' | 'Canada/Atlantic' | 'Canada/Central' | 'Canada/Eastern' | 'Canada/Mountain' | 'Canada/Newfoundland' | 'Canada/Pacific' | 'Canada/Saskatchewan' | 'Canada/Yukon' | 'Chile/Continental' | 'Chile/EasterIsland' | 'Cuba' | 'EET' | 'EST' | 'EST5EDT' | 'Egypt' | 'Eire' | 'Etc/GMT' | 'Etc/GMT+0' | 'Etc/GMT+1' | 'Etc/GMT+10' | 'Etc/GMT+11' | 'Etc/GMT+12' | 'Etc/GMT+2' | 'Etc/GMT+3' | 'Etc/GMT+4' | 'Etc/GMT+5' | 'Etc/GMT+6' | 'Etc/GMT+7' | 'Etc/GMT+8' | 'Etc/GMT+9' | 'Etc/GMT-0' | 'Etc/GMT-1' | 'Etc/GMT-10' | 'Etc/GMT-11' | 'Etc/GMT-12' | 'Etc/GMT-13' | 'Etc/GMT-14' | 'Etc/GMT-2' | 'Etc/GMT-3' | 'Etc/GMT-4' | 'Etc/GMT-5' | 'Etc/GMT-6' | 'Etc/GMT-7' | 'Etc/GMT-8' | 'Etc/GMT-9' | 'Etc/GMT0' | 'Etc/Greenwich' | 'Etc/UCT' | 'Etc/UTC' | 'Etc/Universal' | 'Etc/Zulu' | 'Europe/Amsterdam' | 'Europe/Andorra' | 'Europe/Astrakhan' | 'Europe/Athens' | 'Europe/Belfast' | 'Europe/Belgrade' | 'Europe/Berlin' | 'Europe/Bratislava' | 'Europe/Brussels' | 'Europe/Bucharest' | 'Europe/Budapest' | 'Europe/Busingen' | 'Europe/Chisinau' | 'Europe/Copenhagen' | 'Europe/Dublin' | 'Europe/Gibraltar' | 'Europe/Guernsey' | 'Europe/Helsinki' | 'Europe/Isle_of_Man' | 'Europe/Istanbul' | 'Europe/Jersey' | 'Europe/Kaliningrad' | 'Europe/Kiev' | 'Europe/Kirov' | 'Europe/Lisbon' | 'Europe/Ljubljana' | 'Europe/London' | 'Europe/Luxembourg' | 'Europe/Madrid' | 'Europe/Malta' | 'Europe/Mariehamn' | 'Europe/Minsk' | 'Europe/Monaco' | 'Europe/Moscow' | 'Europe/Nicosia' | 'Europe/Oslo' | 'Europe/Paris' | 'Europe/Podgorica' | 'Europe/Prague' | 'Europe/Riga' | 'Europe/Rome' | 'Europe/Samara' | 'Europe/San_Marino' | 'Europe/Sarajevo' | 'Europe/Saratov' | 'Europe/Simferopol' | 'Europe/Skopje' | 'Europe/Sofia' | 'Europe/Stockholm' | 'Europe/Tallinn' | 'Europe/Tirane' | 'Europe/Tiraspol' | 'Europe/Ulyanovsk' | 'Europe/Uzhgorod' | 'Europe/Vaduz' | 'Europe/Vatican' | 'Europe/Vienna' | 'Europe/Vilnius' | 'Europe/Volgograd' | 'Europe/Warsaw' | 'Europe/Zagreb' | 'Europe/Zaporozhye' | 'Europe/Zurich' | 'GB' | 'GB-Eire' | 'GMT' | 'GMT+0' | 'GMT-0' | 'GMT0' | 'Greenwich' | 'HST' | 'Hongkong' | 'Iceland' | 'Indian/Antananarivo' | 'Indian/Chagos' | 'Indian/Christmas' | 'Indian/Cocos' | 'Indian/Comoro' | 'Indian/Kerguelen' | 'Indian/Mahe' | 'Indian/Maldives' | 'Indian/Mauritius' | 'Indian/Mayotte' | 'Indian/Reunion' | 'Iran' | 'Israel' | 'Jamaica' | 'Japan' | 'Kwajalein' | 'Libya' | 'MET' | 'MST' | 'MST7MDT' | 'Mexico/BajaNorte' | 'Mexico/BajaSur' | 'Mexico/General' | 'NZ' | 'NZ-CHAT' | 'Navajo' | 'PRC' | 'PST8PDT' | 'Pacific/Apia' | 'Pacific/Auckland' | 'Pacific/Bougainville' | 'Pacific/Chatham' | 'Pacific/Chuuk' | 'Pacific/Easter' | 'Pacific/Efate' | 'Pacific/Enderbury' | 'Pacific/Fakaofo' | 'Pacific/Fiji' | 'Pacific/Funafuti' | 'Pacific/Galapagos' | 'Pacific/Gambier' | 'Pacific/Guadalcanal' | 'Pacific/Guam' | 'Pacific/Honolulu' | 'Pacific/Johnston' | 'Pacific/Kanton' | 'Pacific/Kiritimati' | 'Pacific/Kosrae' | 'Pacific/Kwajalein' | 'Pacific/Majuro' | 'Pacific/Marquesas' | 'Pacific/Midway' | 'Pacific/Nauru' | 'Pacific/Niue' | 'Pacific/Norfolk' | 'Pacific/Noumea' | 'Pacific/Pago_Pago' | 'Pacific/Palau' | 'Pacific/Pitcairn' | 'Pacific/Pohnpei' | 'Pacific/Ponape' | 'Pacific/Port_Moresby' | 'Pacific/Rarotonga' | 'Pacific/Saipan' | 'Pacific/Samoa' | 'Pacific/Tahiti' | 'Pacific/Tarawa' | 'Pacific/Tongatapu' | 'Pacific/Truk' | 'Pacific/Wake' | 'Pacific/Wallis' | 'Pacific/Yap' | 'Poland' | 'Portugal' | 'ROC' | 'ROK' | 'Singapore' | 'Turkey' | 'UCT' | 'US/Alaska' | 'US/Aleutian' | 'US/Arizona' | 'US/Central' | 'US/East-Indiana' | 'US/Eastern' | 'US/Hawaii' | 'US/Indiana-Starke' | 'US/Michigan' | 'US/Mountain' | 'US/Pacific' | 'US/Samoa' | 'UTC' | 'Universal' | 'W-SU' | 'WET' | 'Zulu';
type ADAPTER_LOCALE = 'af-ZA' | 'am-ET' | 'ar-AE' | 'ar-BH' | 'ar-DZ' | 'ar-EG' | 'ar-IQ' | 'ar-JO' | 'ar-KW' | 'ar-LB' | 'ar-LY' | 'ar-MA' | 'arn-CL' | 'ar-OM' | 'ar-QA' | 'ar-SA' | 'ar-SD' | 'ar-SY' | 'ar-TN' | 'ar-YE' | 'as-IN' | 'az-az' | 'az-Cyrl-AZ' | 'az-Latn-AZ' | 'ba-RU' | 'be-BY' | 'bg-BG' | 'bn-BD' | 'bn-IN' | 'bo-CN' | 'br-FR' | 'bs-Cyrl-BA' | 'bs-Latn-BA' | 'ca-ES' | 'co-FR' | 'cs-CZ' | 'cy-GB' | 'da-DK' | 'de-AT' | 'de-CH' | 'de-DE' | 'de-LI' | 'de-LU' | 'dsb-DE' | 'dv-MV' | 'el-CY' | 'el-GR' | 'en-029' | 'en-AU' | 'en-BZ' | 'en-CA' | 'en-cb' | 'en-GB' | 'en-IE' | 'en-IN' | 'en-JM' | 'en-MT' | 'en-MY' | 'en-NZ' | 'en-PH' | 'en-SG' | 'en-TT' | 'en-US' | 'en-ZA' | 'en-ZW' | 'es-AR' | 'es-BO' | 'es-CL' | 'es-CO' | 'es-CR' | 'es-DO' | 'es-EC' | 'es-ES' | 'es-GT' | 'es-HN' | 'es-MX' | 'es-NI' | 'es-PA' | 'es-PE' | 'es-PR' | 'es-PY' | 'es-SV' | 'es-US' | 'es-UY' | 'es-VE' | 'et-EE' | 'eu-ES' | 'fa-IR' | 'fi-FI' | 'fil-PH' | 'fo-FO' | 'fr-BE' | 'fr-CA' | 'fr-CH' | 'fr-FR' | 'fr-LU' | 'fr-MC' | 'fy-NL' | 'ga-IE' | 'gd-GB' | 'gd-ie' | 'gl-ES' | 'gsw-FR' | 'gu-IN' | 'ha-Latn-NG' | 'he-IL' | 'hi-IN' | 'hr-BA' | 'hr-HR' | 'hsb-DE' | 'hu-HU' | 'hy-AM' | 'id-ID' | 'ig-NG' | 'ii-CN' | 'in-ID' | 'is-IS' | 'it-CH' | 'it-IT' | 'iu-Cans-CA' | 'iu-Latn-CA' | 'iw-IL' | 'ja-JP' | 'ka-GE' | 'kk-KZ' | 'kl-GL' | 'km-KH' | 'kn-IN' | 'kok-IN' | 'ko-KR' | 'ky-KG' | 'lb-LU' | 'lo-LA' | 'lt-LT' | 'lv-LV' | 'mi-NZ' | 'mk-MK' | 'ml-IN' | 'mn-MN' | 'mn-Mong-CN' | 'moh-CA' | 'mr-IN' | 'ms-BN' | 'ms-MY' | 'mt-MT' | 'nb-NO' | 'ne-NP' | 'nl-BE' | 'nl-NL' | 'nn-NO' | 'no-no' | 'nso-ZA' | 'oc-FR' | 'or-IN' | 'pa-IN' | 'pl-PL' | 'prs-AF' | 'ps-AF' | 'pt-BR' | 'pt-PT' | 'qut-GT' | 'quz-BO' | 'quz-EC' | 'quz-PE' | 'rm-CH' | 'ro-mo' | 'ro-RO' | 'ru-mo' | 'ru-RU' | 'rw-RW' | 'sah-RU' | 'sa-IN' | 'se-FI' | 'se-NO' | 'se-SE' | 'si-LK' | 'sk-SK' | 'sl-SI' | 'sma-NO' | 'sma-SE' | 'smj-NO' | 'smj-SE' | 'smn-FI' | 'sms-FI' | 'sq-AL' | 'sr-BA' | 'sr-CS' | 'sr-Cyrl-BA' | 'sr-Cyrl-CS' | 'sr-Cyrl-ME' | 'sr-Cyrl-RS' | 'sr-Latn-BA' | 'sr-Latn-CS' | 'sr-Latn-ME' | 'sr-Latn-RS' | 'sr-ME' | 'sr-RS' | 'sr-sp' | 'sv-FI' | 'sv-SE' | 'sw-KE' | 'syr-SY' | 'ta-IN' | 'te-IN' | 'tg-Cyrl-TJ' | 'th-TH' | 'tk-TM' | 'tlh-QS' | 'tn-ZA' | 'tr-TR' | 'tt-RU' | 'tzm-Latn-DZ' | 'ug-CN' | 'uk-UA' | 'ur-PK' | 'uz-Cyrl-UZ' | 'uz-Latn-UZ' | 'uz-uz' | 'vi-VN' | 'wo-SN' | 'xh-ZA' | 'yo-NG' | 'zh-CN' | 'zh-HK' | 'zh-MO' | 'zh-SG' | 'zh-TW' | 'zu-ZA';
type LOCALE = 'af' | 'am' | 'ar-dz' | 'ar-iq' | 'ar-kw' | 'ar-ly' | 'ar-ma' | 'ar-sa' | 'ar-tn' | 'ar' | 'az' | 'be' | 'bg' | 'bi' | 'bm' | 'bn-bd' | 'bn' | 'bo' | 'br' | 'bs' | 'ca' | 'cs' | 'cv' | 'cy' | 'da' | 'de-at' | 'de-ch' | 'de' | 'dv' | 'el' | 'en-au' | 'en-ca' | 'en-gb' | 'en-ie' | 'en-il' | 'en-in' | 'en-nz' | 'en-sg' | 'en-tt' | 'en' | 'eo' | 'es-do' | 'es-mx' | 'es-pr' | 'es-us' | 'es' | 'et' | 'eu' | 'fa' | 'fi' | 'fo' | 'fr-ca' | 'fr-ch' | 'fr' | 'fy' | 'ga' | 'gd' | 'gl' | 'gom-latn' | 'gu' | 'he' | 'hi' | 'hr' | 'ht' | 'hu' | 'hy-am' | 'id' | 'is' | 'it-ch' | 'it' | 'ja' | 'jv' | 'ka' | 'kk' | 'km' | 'kn' | 'ko' | 'ku' | 'ky' | 'lb' | 'lo' | 'lt' | 'lv' | 'me' | 'mi' | 'mk' | 'ml' | 'mn' | 'mr' | 'ms-my' | 'ms' | 'mt' | 'my' | 'nb' | 'ne' | 'nl-be' | 'nl' | 'nn' | 'oc-lnc' | 'pa-in' | 'pl' | 'pt-br' | 'pt' | 'rn' | 'ro' | 'ru' | 'rw' | 'sd' | 'se' | 'si' | 'sk' | 'sl' | 'sq' | 'sr-cyrl' | 'sr' | 'ss' | 'sv-fi' | 'sv' | 'sw' | 'ta' | 'te' | 'tet' | 'tg' | 'th' | 'tk' | 'tl-ph' | 'tlh' | 'tr' | 'tzl' | 'tzm-latn' | 'tzm' | 'ug-cn' | 'uk' | 'ur' | 'uz-latn' | 'uz' | 'vi' | 'x-pseudo' | 'yo' | 'zh-cn' | 'zh-hk' | 'zh-tw' | 'zh';
type AppBarPosition = 'fixed' | 'sticky' | 'static' | 'absolute' | 'relative';
type SvgIconComponent = typeof SvgIcon;
type IconType = IconName | ReactNode | ReactElement | SvgIconComponent;
type ElementType = React$1.ForwardRefExoticComponent<any> | ReactElement | ReactNode;
interface AppBarProps {
actions?: ElementType;
color?: string;
dense?: boolean;
disablePadding?: boolean;
drawerWidth?: number;
elevation?: number;
elevationScroll?: boolean;
enableColorOnDark?: boolean;
hideOnScroll?: boolean;
menu?: ElementType | boolean;
position?: AppBarPosition;
scrollElement?: ElementType | string;
scrollToTop?: ElementType | boolean;
scrollToTopProps?: object;
title?: ElementType | string;
toolbarId?: string;
[key: string]: any;
}
interface AvatarProps {
color?: string;
fallbackImage?: string;
icon?: IconType;
image?: string;
onClick?: (event: any) => void;
showTooltip?: boolean;
size?: string | number;
tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';
username?: string;
variant?: 'circular' | 'rounded' | 'square';
[key: string]: any;
}
interface BackdropProps {
color?: string;
invisible?: boolean;
onClick?: (event: any) => void;
open: boolean;
[key: string]: any;
}
interface BadgeProps {
color?: string;
content?: string | number;
hide?: boolean;
horizontal?: 'right' | 'left';
max?: number;
overlap?: 'circular';
showZero?: boolean;
variant?: 'dot';
vertical?: 'top' | 'bottom';
[key: string]: any;
}
interface ButtonProps {
color?: string;
disabled?: boolean;
disableRipple?: boolean;
endIcon?: IconType;
fullWidth?: boolean;
icon?: IconType;
innerRef?: any;
isLoading?: boolean;
label?: string;
link?: string;
loadingCmp?: ElementType;
loadingIconPosition?: 'start' | 'end';
loadingLabel?: string;
margin?: string | number;
minWidth?: string | number;
onClick?: (event: any) => void;
onRightClick?: (event: any) => void;
padding?: string | number;
size?: 'small' | 'medium' | 'large' | string | number;
startIcon?: IconType;
sx?: SxProps;
tooltipProps?: TooltipProps;
uppercase?: boolean;
useReactRouterDomLink?: boolean;
variant?: 'contained' | 'outlined' | 'text';
[key: string]: any;
}
interface ButtonGroupProps {
color?: string;
disabled?: boolean;
disableElevation?: boolean;
disableRipple?: boolean;
fullWidth?: boolean;
orientation?: 'horizontal' | 'vertical';
size?: 'small' | 'medium' | 'large';
variant?: 'contained' | 'outlined' | 'text';
[key: string]: any;
}
interface BottomNavigationProps {
actions?: Array<{
icon?: IconType;
label?: string;
showLabel?: boolean;
value?: ElementType;
[key: string]: any;
}>;
color?: string;
elevation?: number;
fixedToBottom?: boolean;
fixedToTop?: boolean;
onChange?: (event: any, value: number | string) => void;
position?: 'absolute' | 'fixed';
showLabels?: boolean;
value?: number | string;
width?: number | string;
[key: string]: any;
}
interface CircularProgressProps {
color?: string;
disableShrink?: boolean;
showProgress?: boolean;
size?: number;
thickness?: number;
value?: number;
variant?: 'determinate' | 'indeterminate';
[key: string]: any;
}
interface DrawerProps {
backdrop?: boolean;
bgColor?: string;
width?: number | string;
keepMounted?: boolean;
onClose?: () => void;
open?: boolean;
hideHeader?: boolean;
direction?: 'left' | 'right' | 'top' | 'bottom';
swipeable?: boolean;
toggleDrawer?: (open: boolean) => void;
variant?: 'permanent' | 'mini-persistent' | 'persistent' | 'temporary';
[key: string]: any;
}
interface DialogProps {
open: boolean;
onClose?: (value: string) => void;
selectedValue?: string;
title?: string | ElementType;
titleId?: string;
contentId?: string;
fullWidth?: boolean;
dividers?: boolean;
autoContentPadding?: boolean;
draggable?: boolean;
maxWidth?: false | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
fullScreen?: false | true | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
actions?: ButtonProps[];
[key: string]: any;
}
interface DividerProps {
color?: string;
component?: IconType;
chip?: string | boolean;
flexItem?: boolean;
label?: string | ElementType;
light?: boolean;
orientation?: 'horizontal' | 'vertical';
textAlign?: 'left' | 'right' | 'center';
thickness?: number;
variant?: 'fullWidth' | 'inset' | 'middle';
[key: string]: any;
}
interface CardImageProps {
src?: string;
title?: string;
width?: number | string;
maxWidth?: number | string;
height?: number | string;
maxHeight?: number | string;
onClick?: (e: any) => void;
stretch?: 'cover' | 'contain' | 'none' | 'fill';
fullHeight?: boolean;
sx?: SxProps;
[key: string]: any;
}
interface CardProps {
actions?: IconType | ButtonProps | Array<IconType | ButtonProps | string>;
avatar?: ElementType;
contentPadding?: number | string;
contentStyle?: SxProps;
contentWrapperStyle?: SxProps;
flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
height?: number | string;
image?: string | CardImageProps;
justifyContent?: string;
maxHeight?: number | string;
maxWidth?: number | string;
mediaOnTop?: boolean;
minHeight?: number | string;
minWidth?: number | string;
onClick?: (e: any) => void;
optionsMenu?: MenuProps | Array<MenuOptionItem | DividerProps>;
parseChildren?: boolean;
subtitle?: ElementType | string;
title?: ElementType | string;
width?: number | string;
[key: string]: any;
}
interface ChipProps {
alignEndIcon?: boolean;
avatar?: ElementType;
useStyleBreadCrumb?: boolean;
color?: string;
disabled?: boolean;
endIcon?: IconType;
label?: string;
link?: string;
minWidth?: string | number;
multiLine?: boolean;
onClick?: (event: any) => void;
onDelete?: (event: any) => void;
rounded?: boolean;
size?: 'small' | 'medium';
startIcon?: IconType;
sx?: SxProps;
textColor?: string;
width?: string | number;
[key: string]: any;
}
type AlignType = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'normal' | 'baseline' | 'first baseline' | 'last baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
interface InputBaseProps {
alignActions?: AlignType;
alignActionsExternal?: AlignType;
autoComplete?: string;
cmpSpacing?: number;
colorActive?: string;
colorLabel?: string;
colorText?: string;
copyAction?: boolean;
copyMessage?: string;
copyTooltipProps?: TooltipProps;
copyValueHandler?: (value: string | number | any) => string | number | any;
debounceDelay?: number;
direction?: 'ltr' | 'rtl';
disabled?: boolean;
endCmp?: IconType;
endCmpExternal?: IconType;
error?: boolean;
focused?: boolean;
fullWidth?: boolean;
helperText?: string;
hideStartActionsOnEmpty?: boolean;
id?: string;
label?: string;
letterSpacing?: number | string;
margin?: 'normal' | 'dense';
minRows?: number;
maxRows?: number;
multiline?: boolean;
name?: string;
onBlur?: (Event: any) => void;
onChange?: (Event: any) => void;
onEnterKeyPress?: (Event: any) => void;
onFocus?: (Event: any) => void;
onKeyPress?: (Event: any) => void;
padding?: number | string;
readOnly?: boolean;
required?: boolean;
rows?: number;
startCmp?: IconType;
startCmpExternal?: IconType;
textAlign?: AlignType;
type?: string;
value?: string | any;
variant?: 'filled' | 'standard' | 'outlined';
[key: string]: any;
}
type InputColorProps = InputBaseProps & {
value?: string;
copyAction?: boolean;
opacityAction?: boolean;
copyMessage?: string;
copyToClipboard?: boolean;
opacityLabel?: string;
opacityIcon?: IconType;
copyIcon?: IconType;
};
type InputDateProps = InputBaseProps & DatePickerProps<any> & {
value?: Date | number | string;
valueType?: 'timestamp' | 'date' | 'string';
minDate?: Date | number | string;
maxDate?: Date | number | string;
timezone?: TIMEZONE;
useLocalizationProvider?: boolean;
locale?: LOCALE;
pickerVariant?: 'static' | 'mobile' | 'desktop';
};
type InputDateTimeProps = InputDateProps & DateTimePickerProps<any> & {
value?: Date | number | string;
valueType?: 'timestamp' | 'date' | 'string';
minDate?: Date | number | string;
maxDate?: Date | number | string;
timezone?: TIMEZONE;
useLocalizationProvider?: boolean;
locale?: LOCALE;
pickerVariant?: 'static' | 'mobile' | 'desktop';
};
type InputTimeProps = InputBaseProps & TimePickerProps<any> & {
value?: Date | number | string;
valueType?: 'timestamp' | 'date' | 'string';
minTime?: Date | number | string;
maxTime?: Date | number | string;
timezone?: TIMEZONE;
useLocalizationProvider?: boolean;
locale?: LOCALE;
pickerVariant?: 'static' | 'mobile' | 'desktop';
};
type InputPatternProps = InputBaseProps & {
copyTooltipProps?: TooltipProps;
copyMessage?: string;
copyAction?: boolean;
copyValueHandler?: (value: string, unmaskvalue: string) => string;
autofix?: boolean;
blocks?: object;
definitions?: object;
lazy?: boolean;
mask?: ((event: any) => void) | string | any[];
onEnterKeyPress?: () => void;
onKeyPress?: (event: any) => void;
onAccept?: (value: any, mask: {
_value: string;
_unmaskedValue: string;
[key: string]: any;
}) => void;
overwrite?: boolean;
placeholder?: string;
showMaskAsPlaceholder?: boolean;
unmask?: boolean;
[key: string]: any;
};
type InputPhoneProps = InputPatternProps & {
showMaskAsPlaceholder?: boolean;
copyTooltip?: string;
copyMessage?: string;
copyAction?: boolean;
[key: string]: any;
};
type InputTextProps = InputBaseProps & {
showLimitIndicatorFrom?: number;
limitIndicator?: number;
[key: string]: any;
};
type InputSearchProps = InputBaseProps & {
searchIcon?: IconType;
[key: string]: any;
};
type InputNumberProps = InputBaseProps & {
allowEmptyFormatting?: boolean;
colorActive?: string;
debounceDelay?: number;
decimal?: number;
decimalScale?: number;
decimalSeparator?: string | boolean;
disabled?: boolean;
emptyFormatPlaceholder?: string;
fixedDecimalScale?: boolean;
format?: string;
label?: string;
mask?: string;
max?: number;
min?: number;
name?: string;
onBlur?: (event: any) => void;
onChange?: (event: any) => void;
patternChar?: string;
prefix?: IconName | string;
selectAllOnFocus?: boolean;
slider?: boolean;
sliderLabel?: string | ((value: string | number) => string);
sliderTooltip?: string;
step?: number;
suffix?: IconName | string;
thousandSeparator?: string | boolean;
value?: number | string;
valueIsNumericString?: boolean;
};
type InputPasswordProps = Omit<InputBaseProps, 'value'> & {
copyAction?: boolean;
copyMessage?: string;
copyTooltip?: string;
copyIcon?: IconType | string;
disabled?: boolean;
generatePasswordTooltip?: string;
generateRandom?: number | {
length: number;
numbers: boolean;
lowercase: boolean;
uppercase: boolean;
symbol: boolean;
};
generateRandomAction?: boolean;
hidePasswordOnClickAway?: boolean;
showPasswordAction?: boolean;
showPasswordTooltip?: string;
value?: string;
[key: string]: any;
};
interface InputSelectOption {
label?: string | ElementType;
subtitle?: string | ElementType;
disabled?: boolean;
chipProps?: ChipProps;
value?: string | number;
[key: string]: any;
}
type InputSelectOptions = Array<string | InputSelectOption>;
interface InputSelectProps {
alignActions?: AlignType;
alignActionsExternal?: AlignType;
checkbox?: boolean;
cmpSpacing?: number;
colorActive?: string;
colorLabel?: string;
colorText?: string;
convertedOptions?: any;
disabled?: boolean;
endCmp?: IconType;
endCmpExternal?: IconType;
error?: boolean;
focused?: boolean;
fullWidth?: boolean;
groupBy?: string | ((row: any) => string);
helperText?: string;
hideStartActionsOnEmpty?: boolean;
id?: string;
label?: string;
margin?: 'normal' | 'dense';
name?: string;
nullable?: string | boolean;
onBlur?: (event: any) => void;
onChange?: (event: any) => void;
onFocus?: (event: any) => void;
options?: InputSelectOptions;
autoWidth?: boolean;
placeholderOption?: string;
readOnly?: boolean;
renderValue?: (value: any, option: InputSelectOption) => any;
required?: boolean;
size?: 'medium' | 'small';
startCmp?: IconType;
startCmpExternal?: IconType;
value?: string | number | boolean | Array<string | number | boolean>;
variant?: 'filled' | 'standard' | 'outlined';
[key: string]: any;
}
type InputMultipleSelectProps = Omit<InputSelectProps, 'value'> & {
value?: Array<string | number | boolean>;
chips?: boolean;
squaredChips?: boolean;
checkboxMarker?: IconType | boolean;
max?: number;
selectedIndicator?: boolean;
selectAll?: boolean;
SELECT_ALL_LABEL?: string;
HIDE_ALL_LABEL?: string;
SELECTED_ITEMS_LABEL?: string;
[key: string]: any;
};
interface InputAutoCompleteOptionItem {
label: string | ElementType;
id: string | number;
[key: string]: any;
}
type InputAutoCompleteProp = Omit<InputBaseProps, 'autoComplete'> & {
autoComplete?: boolean;
autoHighlight?: boolean;
blurOnSelect?: boolean;
chipProps?: ChipProps | ((props: any) => ChipProps);
clearOnBlur?: boolean;
clearOnPressEscape?: boolean;
creationAllowed?: boolean;
CREATION_PREFIX_LABEL?: string;
NO_OPTIONS_LABEL?: string;
disableClearableSolo?: boolean;
disableCloseOnSelect?: boolean;
disableListWrap?: boolean;
disablePortal?: boolean;
fieldId?: string;
filterOptions?: ((...args: any) => ElementType) | {
ignoreAccents?: boolean;
ignoreCase?: boolean;
limitResultOptions?: number;
matchFrom?: string | 'start';
stringify?: string | (() => void);
trim?: boolean;
};
filterSelectedOptions?: boolean;
freeSolo?: boolean;
getOptionLabel?: string | ((option: any) => string);
groupBy?: string | ((option: any) => any);
handleHomeEndKeys?: boolean;
hideStartActionsOnEmpty?: boolean;
highlightField?: string;
highlightSearchResults?: boolean;
includeInputInList?: boolean;
inputValue?: string;
onInputChange?: (event: any, newInputValue: string) => void;
multiple?: boolean;
openOnFocus?: boolean;
options?: Array<string | number | InputAutoCompleteOptionItem | Record<string, any>>;
optionConverter?: (item: any, index: number) => InputAutoCompleteOptionItem;
padding?: string | number;
raiseSelectedToTop?: boolean;
renderOption?: (props: object, option: any, { selected }: {
selected: boolean;
}) => ElementType;
value?: any;
selectOnFocus?: boolean;
onChange?: (event: any, optionId: string | number, action?: string) => void;
sortBy?: string | (() => void);
sortDir?: boolean | number;
[key: string]: any;
};
type InputAutocompleteMultipleProp = Omit<InputAutoCompleteProp, 'selectedOption'> & {
value?: any[];
onChange?: (event: any, optionIds: Array<string | number>) => void;
limitTags?: number;
checkboxStyle?: boolean;
[key: string]: any;
};
type InputAutocompleteAsyncProps = InputAutoCompleteProp & {
getOptionsPromise?: () => void;
sleep?: number;
fetchOptionsOnFocus?: boolean;
LOADING_LABEL?: string;
[key: string]: any;
};
type InputAutocompleteMultipleAsyncProps = InputAutocompleteAsyncProps & {
onChange?: (event: any, optionIds: Array<string | number>) => void;
[key: string]: any;
};
interface FabProps {
color?: string;
disabled?: boolean;
disableRipple?: boolean;
icon?: IconType;
link?: string;
size?: 'small' | 'medium' | 'large';
variant?: 'extended' | 'circular';
useReactRouterDomLink?: boolean;
innerRef?: Ref<any>;
[key: string]: any;
}
interface LinearProgressProps {
color?: string;
disableShrink?: boolean;
showProgress?: boolean;
size?: number;
thickness?: number;
value?: number;
valueBuffer?: number;
variant?: 'buffer' | 'query' | 'determinate' | 'indeterminate';
[key: string]: any;
}
interface LinkProps {
color?: string;
icon?: IconType;
label?: string;
preventScrollReset?: boolean;
relativeUrl?: string;
replaceUrl?: string;
size?: string | number;
underline?: 'always' | 'hover' | 'none';
url?: string;
useReactRouterDomLink?: boolean;
[key: string]: any;
}
interface ListItemProps {
actions?: any[];
align?: 'flex-start';
alignControl?: 'end' | 'start';
avatar?: AvatarProps;
style?: CSSProperties;
disableGutters?: boolean;
disablePadding?: boolean;
divider?: DividerProps | boolean;
inset?: boolean;
expanded?: boolean;
defaultExpanded?: boolean;
onClick?: (...args: any) => void;
items?: Array<string | ListItemProps>;
listItemsProps?: Omit<ListProps, 'items'>;
link?: string;
droppableId?: string;
draggableListType?: string;
selected?: boolean;
startIcon?: IconType;
subtitle?: string;
title?: string;
controlType?: 'checkbox' | 'switch';
alignCheck?: 'start' | 'end';
[key: string]: any;
}
interface ListProps {
alignItems?: 'flex-start';
bgColor?: string;
buttonItems?: boolean;
component?: string;
dense?: boolean;
disableGuttersItems?: boolean;
disablePadding?: boolean;
disablePaddingItems?: boolean;
dragAndDropItems?: boolean;
draggableListType?: string;
droppableId?: string;
enableSubtitle?: boolean;
fieldId?: string;
flexDirectionItems?: 'row' | 'column';
hideActionsOnDragAndDropItems?: boolean;
insetItems?: boolean;
items?: Array<string | ListItemProps>;
onListOrderChange?: (dataItems: Array<ListItemProps & {
id: string;
}>, extraProps: {
source: {
index: number;
droppableId: string;
};
destinationIndex: {
index: number;
droppableId: string;
};
droppableId: string;
dataList?: Array<ListItemProps & {
id: string;
}>;
}) => void;
title?: string;
unmountSubListOnClose?: boolean;
useDraggableContext?: boolean;
useTransition?: boolean;
useReactRouterDomLink?: boolean;
width?: string | number;
controlType?: 'checkbox' | 'switch';
alignCheck?: 'start' | 'end';
[key: string]: any;
}
interface LocalizationProviderProps {
dateAdapter?: any;
locale?: LOCALE;
adapterLocale?: ADAPTER_LOCALE;
[key: string]: any;
}
interface DataItem {
id?: string;
[key: string]: any;
}
interface DraggableListProps {
className?: string;
component?: string;
dataList?: Array<string | DataItem>;
disabled?: ((value: string | DataItem, index: number) => boolean) | boolean;
droppableClassName?: string;
fieldId?: string;
flexDirection?: 'row' | 'column';
flexGap?: string;
useDraggableContext?: boolean;
draggableListType?: string;
onChange?: (dataItems: Array<ListItemProps & {
id: string;
}>, extraProps: {
source: {
index: number;
droppableId: string;
};
destinationIndex: {
index: number;
droppableId: string;
};
droppableId: string;
dataList?: Array<ListItemProps & {
id: string;
}>;
}) => void;
renderValue?: (value: string | DataItem, index: number, snapshot: DraggableStateSnapshot) => ElementType;
}
type CheckListProps = {
controlType?: 'checkbox' | 'switch';
alignCheck?: 'start' | 'end';
droppableId?: string;
} & ListProps;
interface MenuOptionItem {
check?: boolean;
icon?: IconType;
id?: string;
label?: string | ElementType;
onClick?: (Event: any) => void;
shortcut?: ElementType;
[key: string]: any;
}
type MenuOption = string | MenuOptionItem | DividerProps;
interface MenuProps {
alternativeContent?: any;
anchorElementRef?: any;
anchorPosition?: {
vertical?: 'top' | 'bottom';
horizontal?: 'left' | 'center' | 'right';
};
arrow?: boolean;
boundChildrenId?: string;
boundChildrenIndex?: boolean | number;
dense?: boolean;
disableRipple?: boolean;
disableScrollLock?: boolean;
elevation?: number;
fieldId?: string;
height?: string | number;
id?: string;
maxHeight?: string | number;
onClick?: (event?: any) => void;
onClose?: (event?: any) => boolean;
open?: boolean;
options?: MenuOption[];
optionsDirection?: 'column' | 'row';
width?: string | number;
[key: string]: any;
}
type ContextMenuProps = MenuProps & {
reopen?: boolean;
};
interface BreadcrumbsProps {
chips?: Array<string | ChipProps>;
color?: string;
links?: Array<string | LinkProps>;
maxItems?: number;
separator?: IconType;
size?: string | number;
[key: string]: any;
}
interface PaperProps {
color?: string;
elevation?: number;
height?: number | string;
imageLayout?: 'contain' | 'cover' | 'auto' | 'inherit' | 'auto auto' | 'initial' | 'revert' | 'revert-layer' | 'unset' | string;
imageOpacity?: number;
imageSrc?: string;
square?: boolean;
textColor?: string;
variant?: 'elevation' | 'outlined';
width?: number | string;
[key: string]: any;
}
interface PaginationProps {
color?: string;
disabled?: boolean;
disabledPages?: number[] | ((page: number) => boolean);
IconFirst?: IconType;
IconLast?: IconType;
IconNext?: IconType;
IconPrev?: IconType;
label?: string;
maxBoundaryPagesVisible?: number;
maxPagesVisible?: number;
onChange?: (event: any) => void;
orientation?: 'horizontal' | 'vertical';
page?: number;
pageToLink?: ((page: number) => string) | string;
shape?: 'circular' | 'rounded';
showFirstButton?: boolean;
showLastButton?: boolean;
size?: 'small' | 'medium' | 'large';
totalPages?: number;
variant?: 'outlined' | 'text';
[key: string]: any;
}
interface RippleBoxProps {
color?: string;
[key: string]: any;
}
interface SnackbarProps {
actions?: Array<string | ButtonProps>;
animation?: 'grow' | 'fade' | 'slide';
animationDuration?: number | object;
animationProps?: object;
autoHideDuration?: number;
fullWidth?: boolean;
horizontal?: 'left' | 'center' | 'right';
message?: string;
messageId?: string;
onClickAway?: (event: any, reason?: string) => void;
onClose?: (event: any, reason?: string) => void;
open?: boolean;
resumeHideDuration?: number;
slideDirection?: 'left' | 'up' | 'right' | 'down';
title?: string;
variant?: 'success' | 'error' | 'warning' | 'info';
vertical?: 'top' | 'bottom';
[key: string]: any;
}
type TooltipPlacementType = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
interface TypographyProps {
alignCenter?: boolean;
alignJustify?: boolean;
alignLeft?: boolean;
alignRight?: boolean;
autoWidth?: boolean;
bgColor?: string;
bold?: boolean | string;
border?: boolean | string;
charsCase?: 'upper' | 'lower' | 'capital';
color?: string;
component?: string;
gutterBottom?: boolean;
italic?: boolean;
lineHeight?: number;
link?: string;
monospace?: boolean;
noWrap?: boolean;
onEllipsisChange?: (isEllipsis: boolean) => void;
paragraph?: boolean;
rows?: number;
showTooltipOnEllipsis?: boolean;
size?: number | string;
strike?: boolean;
sub?: boolean;
sup?: boolean;
textDirection?: 'ltr' | 'rtl';
textWidth?: number | string;
tooltip?: boolean | string;
tooltipPlacement?: TooltipPlacementType;
underline?: boolean;
width?: number | string;
[key: string]: any;
}
interface TextProps {
alignCenter?: boolean;
alignJustify?: boolean;
alignLeft?: boolean;
alignRight?: boolean;
autoWidth?: boolean;
bgColor?: string;
bold?: boolean | string;
border?: boolean | string;
charsCase?: 'upper' | 'lower' | 'capital';
color?: string;
component?: string;
followCursor?: boolean;
fullWidth?: boolean;
gutterBottom?: boolean;
html?: boolean;
italic?: boolean;
multiline?: boolean;
justifyContent?: string;
lineHeight?: number | string;
link?: string;
monospace?: boolean;
paragraph?: boolean;
size?: number | string;
strike?: boolean;
sub?: boolean;
sup?: boolean;
textDirection?: 'ltr' | 'rtl';
tooltip?: boolean | string;
tooltipPlacement?: TooltipPlacementType;
underline?: boolean;
whiteSpace?: string;
width?: number | string;
[key: string]: any;
}
type TextEllipsisProps = TextProps & {
dynamicEllipsis?: true;
noWrap?: boolean;
onEllipsisChange?: (isEllipsis: boolean) => void;
rows?: number;
showTooltipOnEllipsis?: boolean;
[key: string]: any;
};
interface AccordionProps {
bgColor?: string;
bgColorDetails?: string;
bottomSecondaryLabel?: string;
buttonsColor?: string;
collapsedIcon?: IconType;
details?: string;
detailsMaxRows?: number;
detailsStyles?: SxProps;
disabled?: boolean;
disabledContentPadding?: boolean;
expanded?: boolean | string;
expandedIcon?: IconType;
hideLabel?: string;
id?: string;
label?: string | ElementType;
labelProps?: TypographyProps;
onChange?: (event: SyntheticEvent<unknown>, expanded: boolean | string) => void;
secondaryLabel?: string | ElementType;
showMoreLabel?: string;
textColor?: string;
labelColor?: ((expanded: boolean | string) => string) | string;
unmountDetailsOnClose?: boolean;
useCustomStyle?: boolean;
summary?: ElementType;
summaryStyles?: SxProps;
[key: string]: any;
}
interface CheckboxProps {
checked?: boolean;
checkedIcon?: IconType;
color?: string;
disabled?: boolean;
fontSize?: string | number;
helperText?: string;
icon?: IconType;
label?: string | ElementType;
labelProps?: TypographyProps;
labelPlacement?: 'top' | 'start' | 'bottom' | 'end';
onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
readOnly?: boolean;
required?: boolean;
size?: 'small' | 'medium';
wrapperStyle?: any;
margin?: string | number;
sx?: SxProps;
sxLabel?: SxProps;
textColor?: string;
value?: boolean;
[key: string]: any;
}
interface SwitchProps {
checked?: boolean;
color?: string;
defaultChecked?: boolean;
disabled?: boolean;
error?: boolean;
fontSize?: string;
helperText?: string;
isOnOff?: boolean;
label?: string;
labelPadding?: string | number;
labelPlacement?: 'top' | 'start' | 'bottom' | 'end';
name?: string;
OFF_LABEL?: string;
onChange?: (event: any, checked?: boolean) => void;
ON_LABEL?: string;
onOffLabelSide?: 'right' | 'left';
required?: boolean;
scale?: number;
size?: 'small' | 'medium';
switchStyle?: 'ant' | 'android12' | 'ios' | 'mui';
textColor?: string;
[key: string]: any;
}
type Range = [number, number, number?, number?] | {
min?: number;
max?: number;
step?: number;
marks?: boolean | Array<{
label: string;
value: number;
}>;
};
interface SliderProps {
chooseFromMarksList?: boolean;
color?: string | {
track: string;
thumb: string;
};
disabled?: boolean;
disablePadding?: boolean;
disableSwap?: boolean;
displayValue?: 'auto' | 'off' | 'on';
endIcon?: IconType;
label?: string;
min?: number;
max?: number;
step?: number;
marks?: boolean | Array<{
label: string;
value: number;
}>;
onChange?: (event: any, newValue?: number) => void;
onChangeCommitted?: (event: any, newValue: number) => void;
orientation?: 'vertical' | 'horizontal';
removePadding?: boolean;
size?: 'small' | 'medium';
sliderStyle?: 'ios' | 'pretto' | 'tooltip' | 'airbnb';
startIcon?: IconType;
trackBarLinePosition?: 'none' | 'inverted' | 'normal';
range?: Range;
value?: number;
valueLabelFormat?: (value: number) => string;
[key: string]: any;
}
interface StepType {
label: string;
optional?: boolean | string;
color?: string;
error?: boolean;
icon?: IconType;
}
interface StepperProps {
allCompletedCmp?: ElementType;
color?: string;
customStyleProps?: {
fontSize?: number | string;
background?: string;
lineColor?: string;
padding?: number | string;
lineWidth?: number | string;
checkIcon?: ElementType;
dotIcon?: ElementType;
marginContent?: number | string;
[key: string]: any;
};
labels?: {
next?: string;
back?: string;
done?: string;
skip?: string;
optional?: string;
};
onBack?: (stepId: number) => void;
onDone?: () => void;
onNext?: (stepId: number) => void;
onReset?: () => void;
onSkip?: (stepId: number) => void;
orientation?: 'horizontal' | 'vertical';
qontoStyle?: boolean;
stepIndex?: number;
steps?: Array<StepType | string>;
stepsBottomLabel?: boolean;
stepsIndexSkipped?: number[];
stepsOnlyWithoutComplete?: boolean;
unmountOnExit?: boolean;
NEXT_LABEL?: string;
BACK_LABEL?: string;
SKIP_LABEL?: string;
DONE_LABEL?: string;
OPTIONAL_LABEL?: string;
[key: string]: any;
}
interface RatingProps {
boxSx?: SxProps;
color?: string;
disabled?: boolean;
emptyIcon?: IconType;
filledIcon?: IconType;
halfIcon?: IconType;
isHalf?: boolean;
name?: string;
onChange?: (event: any, newValue: number) => void;
SCORE_LABELS: Record<number, string>;
showLabel?: boolean;
size?: number;
stars?: number;
value?: number;
[key: string]: any;
}
type RangeSliderProps = Omit<SliderProps, 'value' | 'onChange' | 'onChangeCommitted' | 'valueLabelFormat'> & {
disableSwap?: 'locking' | 'trailing';
fromValue?: number;
minDistance?: number;
onChange?: (event: any, newValue?: number[]) => void;
onChangeCommitted?: (event: any, newValue: number[]) => void;
onChangeFromValue?: (event: any, fromValue: number) => void;
onChangeToValue?: (event: any, toValue: number) => void;
toValue?: number;
value?: number[];
valueLabelFormat?: (singleValue: number, fromIndex: number) => string;
};
interface TooltipProps {
bgColor?: string;
color?: string;
followCursor?: boolean;
fontSize?: string | number;
lineHeight?: string | number;
placement?: TooltipPlacementType;
title?: string;
onClose?: (Event: any) => void;
open?: boolean;
disableFocusListener?: boolean;
disableHoverListener?: boolean;
disableTouchListener?: boolean;
PopperProps?: {
disablePortal: boolean;
[key: string]: any;
};
[key: string]: any;
}
interface RadioButtonProps {
value: string;
label: string;
disabled?: boolean;
[key: string]: any;
}
interface RadioButtonsGroupProps {
checkedIcon?: IconType;
color?: string;
data?: Array<string | RadioButtonProps>;
direction?: 'row' | 'column';
disableRipple?: boolean;
fullWidth?: boolean;
helperText?: string;
icon?: IconType;
ignoreLabelColor?: boolean;
label?: string;
name?: string;
onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
row?: boolean;
size?: 'small' | 'medium';
value?: string;
variant?: 'outlined';
[key: string]: any;
}
interface TabProps {
iconPosition?: 'bottom' | 'end' | 'start' | 'top';
label?: string;
value?: string;
open?: boolean;
wrapped?: boolean;
disabled?: boolean;
disableRipple?: boolean;
icon?: IconType;
link?: string;
onClick?: (event: any, value: string) => void;
tooltip?: string;
[key: string]: any;
}
interface TabsProps {
centered?: boolean;
fillActiveTab?: boolean;
color?: string;
onChange?: (tabId: string | number) => void;
orientation?: 'vertical' | 'horizontal';
variant?: 'fullWidth' | 'scrollable' | 'standard';
value?: string | number;
visibleScrollbar?: boolean;
visibleScrollButtons?: 'auto' | false | true;
swipeable?: boolean;
autoNavigateByArrowKeyboard?: boolean;
verticalMaxFixedHeight?: string | number;
verticalTabWidth?: string | number;
reverse?: boolean;
wrap?: boolean;
[key: string]: any;
}
interface ToggleButtonGroupProps {
orientation?: 'horizontal' | 'vertical';
size?: 'small' | 'medium' | 'large';
value?: string | number | boolean;
exclusive?: boolean;
fullWidth?: boolean;
disableRipple?: boolean;
onChange?: (event: any, newValues: null | number | number[] |