@lunit/oui 1.0.0-alpha.8 → 1.0.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/ic-bell-noti-outlined-20px.js +4 -0
- package/dist/assets/ic-close-large-outlined-20px.js +4 -0
- package/dist/assets/ic-close-small-outlined-20px.js +4 -0
- package/dist/assets/ic-download-pdf-outlined-20px.js +4 -0
- package/dist/assets/ic-ellipse-outlined-20px.js +4 -0
- package/dist/assets/ic-filter-noti-outlined-20px.js +4 -0
- package/dist/assets/ic-hide-large-outlined-20px.js +4 -0
- package/dist/assets/ic-hide-small-outlined-20px.js +4 -0
- package/dist/assets/ic-information-large-outlined-20px.js +4 -0
- package/dist/assets/ic-information-small-outlined-20px.js +4 -0
- package/dist/assets/ic-manufacturer-outlined-20px.js +4 -0
- package/dist/assets/ic-rectangle-outlined-20px.js +4 -0
- package/dist/assets/ic-refresh-left-outlined-20px.js +4 -0
- package/dist/assets/ic-refresh-right-outlined-20px.js +4 -0
- package/dist/assets/ic-show-large-outlined-20px.js +4 -0
- package/dist/assets/ic-show-small-outlined-20px.js +4 -0
- package/dist/assets/index.js +17 -0
- package/dist/components/Alert/Alert.js +15 -0
- package/dist/components/Alert/Alert.styled.js +42 -0
- package/dist/components/Alert/Alert.types.js +2 -0
- package/dist/components/Alert/Alert.utils.js +40 -0
- package/dist/components/Alert/index.js +3 -0
- package/dist/components/BaseTextField/BaseTextField.styled.js +97 -0
- package/dist/components/BaseTextField/BaseTextField.types.js +3 -0
- package/dist/components/BaseTextField/BaseTextField.utils.js +10 -0
- package/dist/components/Button/BaseButton.js +15 -0
- package/dist/components/Button/Button.js +43 -0
- package/dist/components/Button/Button.types.js +2 -0
- package/dist/components/Button/Button.utils.js +11 -0
- package/dist/components/Button/index.js +4 -0
- package/dist/components/Button/styleds/BaseButton.styled.js +52 -0
- package/dist/components/Button/styleds/ContainedButton.styled.js +112 -0
- package/dist/components/Button/styleds/GhostButton.styled.js +128 -0
- package/dist/components/Button/styleds/IconButton.styled.js +23 -0
- package/dist/components/Button/styleds/OutlinedButton.styled.js +136 -0
- package/dist/components/Card/Card.js +7 -0
- package/dist/components/Card/Card.styled.js +14 -0
- package/dist/components/Card/Card.types.js +2 -0
- package/dist/components/Card/index.js +3 -0
- package/dist/components/Checkbox/Checkbox.js +11 -0
- package/dist/components/Checkbox/Checkbox.styled.js +25 -0
- package/dist/components/Checkbox/Checkbox.types.js +2 -0
- package/dist/components/Checkbox/Checkbox.utils.js +22 -0
- package/dist/components/Checkbox/index.js +3 -0
- package/dist/components/Chip/Chip.js +26 -0
- package/dist/components/Chip/Chip.styled.js +106 -0
- package/dist/components/Chip/Chip.types.js +2 -0
- package/dist/components/Chip/Chip.utils.js +49 -0
- package/dist/components/Chip/index.js +3 -0
- package/dist/components/DataTable/DataTable.js +12 -0
- package/dist/components/DataTable/DataTable.styled.js +65 -0
- package/dist/components/DataTable/index.js +2 -0
- package/dist/components/DatePicker/DatePicker.js +162 -0
- package/dist/components/DatePicker/DatePicker.styled.js +17 -0
- package/dist/components/DatePicker/DatePicker.types.js +2 -0
- package/dist/components/DatePicker/index.js +3 -0
- package/dist/components/Dialog/Dialog.js +21 -0
- package/dist/components/Dialog/Dialog.styled.js +60 -0
- package/dist/components/Dialog/Dialog.types.js +2 -0
- package/dist/components/Dialog/index.js +3 -0
- package/dist/components/Divider/Divider.js +7 -0
- package/dist/components/Divider/Divider.styled.js +22 -0
- package/dist/components/Divider/Divider.types.js +2 -0
- package/dist/components/Divider/index.js +3 -0
- package/dist/components/Dropdown/Dropdown.js +55 -0
- package/dist/components/Dropdown/Dropdown.styled.js +103 -0
- package/dist/components/Dropdown/Dropdown.types.js +2 -0
- package/dist/components/Dropdown/Dropdown.utils.js +12 -0
- package/dist/components/Dropdown/DropdownItem.js +9 -0
- package/dist/components/Dropdown/DropdownItem.styled.js +57 -0
- package/dist/components/Dropdown/DropdownItem.types.js +2 -0
- package/dist/components/Dropdown/DropdownItem.utils.js +10 -0
- package/dist/components/Dropdown/DropdownSubtitle.js +7 -0
- package/dist/components/Dropdown/DropdownSubtitle.styled.js +12 -0
- package/dist/components/Dropdown/DropdownSubtitle.types.js +2 -0
- package/dist/components/Dropdown/IconDropdown.js +35 -0
- package/dist/components/Dropdown/IconDropdown.styled.js +72 -0
- package/dist/components/Dropdown/IconDropdown.types.js +2 -0
- package/dist/components/Dropdown/index.js +6 -0
- package/dist/components/FileDnDZone/FileDnDZone.js +13 -0
- package/dist/components/FileDnDZone/FileDnDZone.styled.js +39 -0
- package/dist/components/FileDnDZone/FileDnDZone.types.js +2 -0
- package/dist/components/FileDnDZone/FileDnDZone.utils.js +3 -0
- package/dist/components/FileDnDZone/index.js +3 -0
- package/dist/components/List/List.js +23 -0
- package/dist/components/List/List.styled.js +29 -0
- package/dist/components/List/List.types.js +2 -0
- package/dist/components/List/List.utils.js +12 -0
- package/dist/components/List/ListItem.js +25 -0
- package/dist/components/List/ListItem.styled.js +45 -0
- package/dist/components/List/ListItem.types.js +2 -0
- package/dist/components/List/ListItemCaption.js +10 -0
- package/dist/components/List/ListItemCaption.styled.js +7 -0
- package/dist/components/List/ListItemCaption.types.js +2 -0
- package/dist/components/List/index.js +4 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.js +11 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.styled.js +37 -0
- package/dist/components/LoadingIndicator/LoadingIndicator.types.js +2 -0
- package/dist/components/LoadingIndicator/assets/DnaLoadingAnimation.json +769 -0
- package/dist/components/LoadingIndicator/assets/DotLoadingAnimation.json +426 -0
- package/dist/components/LoadingIndicator/index.js +3 -0
- package/dist/components/Menu/Menu.js +13 -0
- package/dist/components/Menu/Menu.styled.js +31 -0
- package/dist/components/Menu/Menu.types.js +2 -0
- package/dist/components/Menu/MenuItem.js +20 -0
- package/dist/components/Menu/MenuItem.styled.js +48 -0
- package/dist/components/Menu/MenuItem.types.js +2 -0
- package/dist/components/Menu/index.js +3 -0
- package/dist/components/MuiCssBaseline.js +67 -0
- package/dist/components/MuiInputBase.js +24 -0
- package/dist/components/MuiOutlinedInput.js +56 -0
- package/dist/components/MuiTextField.js +16 -0
- package/dist/components/Pagination/Pagination.js +65 -0
- package/dist/components/Pagination/Pagination.styled.js +64 -0
- package/dist/components/Pagination/Pagination.types.js +2 -0
- package/dist/components/Pagination/index.js +2 -0
- package/dist/components/ProductLabel/ProductLabel.js +16 -0
- package/dist/components/ProductLabel/ProductLabel.styled.js +53 -0
- package/dist/components/ProductLabel/ProductLabel.types.js +2 -0
- package/dist/components/ProductLabel/index.js +3 -0
- package/dist/components/Progress/CircularProgress.js +7 -0
- package/dist/components/Progress/CircularProgress.styled.js +8 -0
- package/dist/components/Progress/CircularProgress.types.js +2 -0
- package/dist/components/Progress/LinearProgress.js +7 -0
- package/dist/components/Progress/LinearProgress.styled.js +13 -0
- package/dist/components/Progress/LinearProgress.types.js +2 -0
- package/dist/components/Progress/index.js +4 -0
- package/dist/components/Radio/Radio.js +10 -0
- package/dist/components/Radio/Radio.styled.js +32 -0
- package/dist/components/Radio/Radio.types.js +2 -0
- package/dist/components/Radio/RadioGroup.js +8 -0
- package/dist/components/Radio/RadioGroup.styled.js +6 -0
- package/dist/components/Radio/RadioGroup.types.js +2 -0
- package/dist/components/Radio/index.js +4 -0
- package/dist/components/Stepper/Stepper.js +7 -0
- package/dist/components/Stepper/Stepper.styled.js +33 -0
- package/dist/components/Stepper/Stepper.types.js +2 -0
- package/dist/components/Stepper/index.js +3 -0
- package/dist/components/TabbedPanel/TabbedPanel.js +18 -0
- package/dist/components/TabbedPanel/TabbedPanel.styled.js +116 -0
- package/dist/components/TabbedPanel/TabbedPanel.types.js +2 -0
- package/dist/components/TabbedPanel/TabbedPanel.utils.js +18 -0
- package/dist/components/TabbedPanel/index.js +3 -0
- package/dist/components/TextField/TextArea.js +10 -0
- package/dist/components/TextField/TextArea.styled.js +31 -0
- package/dist/components/TextField/TextArea.types.js +3 -0
- package/dist/components/TextField/TextInput.js +13 -0
- package/dist/components/TextField/TextInput.styled.js +103 -0
- package/dist/components/TextField/TextInput.types.js +2 -0
- package/dist/components/TextField/TextInput.utils.js +6 -0
- package/dist/components/TextField/components/Buttons.js +11 -0
- package/dist/components/TextField/components/NormalTextInput.js +39 -0
- package/dist/components/TextField/components/PasswordInput.js +22 -0
- package/dist/components/TextField/index.js +4 -0
- package/dist/components/Tooltip/Tooltip.js +21 -0
- package/dist/components/Tooltip/Tooltip.styled.js +24 -0
- package/dist/components/Tooltip/Tooltip.types.js +2 -0
- package/dist/components/Tooltip/Tooltip.utils.js +30 -0
- package/dist/components/Tooltip/index.js +3 -0
- package/dist/components/UploadManager/UploadManager.js +85 -0
- package/dist/components/UploadManager/UploadManager.styled.js +38 -0
- package/dist/components/UploadManager/UploadManager.types.js +2 -0
- package/dist/components/UploadManager/index.js +3 -0
- package/dist/components/index.js +24 -0
- package/dist/foundations/index.js +5 -0
- package/dist/foundations/palette.js +213 -0
- package/dist/foundations/spacing.js +3 -0
- package/dist/foundations/styles.js +7 -0
- package/dist/foundations/typography.js +288 -0
- package/dist/icons/BellNoti/index.js +14 -0
- package/dist/icons/CloseLarge/index.js +14 -0
- package/dist/icons/CloseSmall/index.js +14 -0
- package/dist/icons/DownloadPdf/index.js +14 -0
- package/dist/icons/Ellipse/index.js +14 -0
- package/dist/icons/FilterNoti/index.js +14 -0
- package/dist/icons/HideLarge/index.js +14 -0
- package/dist/icons/HideSmall/index.js +14 -0
- package/dist/icons/InformationLarge/index.js +14 -0
- package/dist/icons/InformationSmall/index.js +14 -0
- package/dist/icons/Manufacturer/index.js +14 -0
- package/dist/icons/Rectangle/index.js +14 -0
- package/dist/icons/RefreshLeft/index.js +14 -0
- package/dist/icons/RefreshRight/index.js +14 -0
- package/dist/icons/ShowLarge/index.js +14 -0
- package/dist/icons/ShowSmall/index.js +14 -0
- package/dist/icons/index.js +180 -0
- package/dist/index.js +4 -0
- package/dist/reportWebVitals.js +13 -0
- package/dist/setupTests.js +6 -0
- package/dist/systems/drawer.js +6 -0
- package/dist/systems/index.js +7 -0
- package/dist/theme.js +21 -0
- package/dist/types/assets/ic-bell-noti-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-close-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-close-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-download-pdf-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-ellipse-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-filter-noti-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-hide-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-hide-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-information-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-information-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-manufacturer-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-rectangle-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-refresh-left-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-refresh-right-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-show-large-outlined-20px.d.ts +3 -0
- package/dist/types/assets/ic-show-small-outlined-20px.d.ts +3 -0
- package/dist/types/assets/index.d.ts +16 -0
- package/dist/types/components/Alert/Alert.d.ts +4 -0
- package/dist/types/components/Alert/Alert.styled.d.ts +3 -0
- package/dist/types/components/Alert/Alert.types.d.ts +4 -0
- package/dist/types/components/Alert/Alert.utils.d.ts +4 -0
- package/dist/types/components/Alert/index.d.ts +4 -0
- package/dist/types/components/BaseTextField/BaseTextField.styled.d.ts +61 -0
- package/dist/types/components/BaseTextField/BaseTextField.types.d.ts +17 -0
- package/dist/types/components/BaseTextField/BaseTextField.utils.d.ts +2 -0
- package/dist/types/components/Button/BaseButton.d.ts +3 -0
- package/dist/types/components/Button/Button.d.ts +3 -0
- package/dist/types/components/Button/Button.types.d.ts +24 -0
- package/dist/types/components/Button/Button.utils.d.ts +8 -0
- package/dist/types/components/Button/index.d.ts +5 -0
- package/dist/types/components/Button/styleds/BaseButton.styled.d.ts +859 -0
- package/dist/types/components/Button/styleds/ContainedButton.styled.d.ts +894 -0
- package/dist/types/components/Button/styleds/GhostButton.styled.d.ts +888 -0
- package/dist/types/components/Button/styleds/IconButton.styled.d.ts +21 -0
- package/dist/types/components/Button/styleds/OutlinedButton.styled.d.ts +895 -0
- package/dist/types/components/Card/Card.d.ts +3 -0
- package/dist/types/components/Card/Card.styled.d.ts +3 -0
- package/dist/types/components/Card/Card.types.d.ts +8 -0
- package/dist/types/components/Card/index.d.ts +4 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +4 -0
- package/dist/types/components/Checkbox/Checkbox.styled.d.ts +10 -0
- package/dist/types/components/Checkbox/Checkbox.types.d.ts +15 -0
- package/dist/types/components/Checkbox/Checkbox.utils.d.ts +3 -0
- package/dist/types/components/Checkbox/index.d.ts +4 -0
- package/dist/types/components/Chip/Chip.d.ts +3 -0
- package/dist/types/components/Chip/Chip.styled.d.ts +6 -0
- package/dist/types/components/Chip/Chip.types.d.ts +6 -0
- package/dist/types/components/Chip/Chip.utils.d.ts +2 -0
- package/dist/types/components/Chip/index.d.ts +3 -0
- package/dist/types/components/DataTable/DataTable.d.ts +3 -0
- package/dist/types/components/DataTable/DataTable.styled.d.ts +3 -0
- package/dist/types/components/DataTable/index.d.ts +1 -0
- package/dist/types/components/DatePicker/DatePicker.d.ts +3 -0
- package/dist/types/components/DatePicker/DatePicker.styled.d.ts +3 -0
- package/dist/types/components/DatePicker/DatePicker.types.d.ts +6 -0
- package/dist/types/components/DatePicker/index.d.ts +3 -0
- package/dist/types/components/Dialog/Dialog.d.ts +3 -0
- package/dist/types/components/Dialog/Dialog.styled.d.ts +24 -0
- package/dist/types/components/Dialog/Dialog.types.d.ts +19 -0
- package/dist/types/components/Dialog/index.d.ts +4 -0
- package/dist/types/components/Divider/Divider.d.ts +3 -0
- package/dist/types/components/Divider/Divider.styled.d.ts +6 -0
- package/dist/types/components/Divider/Divider.types.d.ts +5 -0
- package/dist/types/components/Divider/index.d.ts +4 -0
- package/dist/types/components/Dropdown/Dropdown.d.ts +3 -0
- package/dist/types/components/Dropdown/Dropdown.styled.d.ts +12 -0
- package/dist/types/components/Dropdown/Dropdown.types.d.ts +20 -0
- package/dist/types/components/Dropdown/Dropdown.utils.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownItem.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownItem.styled.d.ts +10 -0
- package/dist/types/components/Dropdown/DropdownItem.types.d.ts +12 -0
- package/dist/types/components/Dropdown/DropdownItem.utils.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownSubtitle.d.ts +3 -0
- package/dist/types/components/Dropdown/DropdownSubtitle.styled.d.ts +5 -0
- package/dist/types/components/Dropdown/DropdownSubtitle.types.d.ts +5 -0
- package/dist/types/components/Dropdown/IconDropdown.d.ts +3 -0
- package/dist/types/components/Dropdown/IconDropdown.styled.d.ts +6 -0
- package/dist/types/components/Dropdown/IconDropdown.types.d.ts +19 -0
- package/dist/types/components/Dropdown/index.d.ts +9 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.d.ts +3 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.styled.d.ts +14 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.types.d.ts +12 -0
- package/dist/types/components/FileDnDZone/FileDnDZone.utils.d.ts +2 -0
- package/dist/types/components/FileDnDZone/index.d.ts +4 -0
- package/dist/types/components/List/List.d.ts +5 -0
- package/dist/types/components/List/List.styled.d.ts +8 -0
- package/dist/types/components/List/List.types.d.ts +19 -0
- package/dist/types/components/List/List.utils.d.ts +3 -0
- package/dist/types/components/List/ListItem.d.ts +3 -0
- package/dist/types/components/List/ListItem.styled.d.ts +35 -0
- package/dist/types/components/List/ListItem.types.d.ts +23 -0
- package/dist/types/components/List/ListItemCaption.d.ts +4 -0
- package/dist/types/components/List/ListItemCaption.styled.d.ts +4 -0
- package/dist/types/components/List/ListItemCaption.types.d.ts +1 -0
- package/dist/types/components/List/index.d.ts +6 -0
- package/dist/types/components/LoadingIndicator/LoadingIndicator.d.ts +3 -0
- package/dist/types/components/LoadingIndicator/LoadingIndicator.styled.d.ts +13 -0
- package/dist/types/components/LoadingIndicator/LoadingIndicator.types.d.ts +6 -0
- package/dist/types/components/LoadingIndicator/index.d.ts +4 -0
- package/dist/types/components/Menu/Menu.d.ts +5 -0
- package/dist/types/components/Menu/Menu.styled.d.ts +6 -0
- package/dist/types/components/Menu/Menu.types.d.ts +15 -0
- package/dist/types/components/Menu/MenuItem.d.ts +3 -0
- package/dist/types/components/Menu/MenuItem.styled.d.ts +9 -0
- package/dist/types/components/Menu/MenuItem.types.d.ts +13 -0
- package/dist/types/components/Menu/index.d.ts +4 -0
- package/dist/types/components/MuiCssBaseline.d.ts +4 -0
- package/dist/types/components/MuiInputBase.d.ts +4 -0
- package/dist/types/components/MuiOutlinedInput.d.ts +4 -0
- package/dist/types/components/MuiTextField.d.ts +5 -0
- package/dist/types/components/Pagination/Pagination.d.ts +3 -0
- package/dist/types/components/Pagination/Pagination.styled.d.ts +24 -0
- package/dist/types/components/Pagination/Pagination.types.d.ts +35 -0
- package/dist/types/components/Pagination/index.d.ts +2 -0
- package/dist/types/components/ProductLabel/ProductLabel.d.ts +3 -0
- package/dist/types/components/ProductLabel/ProductLabel.styled.d.ts +22 -0
- package/dist/types/components/ProductLabel/ProductLabel.types.d.ts +10 -0
- package/dist/types/components/ProductLabel/index.d.ts +4 -0
- package/dist/types/components/Progress/CircularProgress.d.ts +3 -0
- package/dist/types/components/Progress/CircularProgress.styled.d.ts +3 -0
- package/dist/types/components/Progress/CircularProgress.types.d.ts +5 -0
- package/dist/types/components/Progress/LinearProgress.d.ts +3 -0
- package/dist/types/components/Progress/LinearProgress.styled.d.ts +3 -0
- package/dist/types/components/Progress/LinearProgress.types.d.ts +6 -0
- package/dist/types/components/Progress/index.d.ts +3 -0
- package/dist/types/components/Radio/Radio.d.ts +4 -0
- package/dist/types/components/Radio/Radio.styled.d.ts +7 -0
- package/dist/types/components/Radio/Radio.types.d.ts +14 -0
- package/dist/types/components/Radio/RadioGroup.d.ts +4 -0
- package/dist/types/components/Radio/RadioGroup.styled.d.ts +1 -0
- package/dist/types/components/Radio/RadioGroup.types.d.ts +9 -0
- package/dist/types/components/Radio/index.d.ts +5 -0
- package/dist/types/components/Stepper/Stepper.d.ts +3 -0
- package/dist/types/components/Stepper/Stepper.styled.d.ts +12 -0
- package/dist/types/components/Stepper/Stepper.types.d.ts +11 -0
- package/dist/types/components/Stepper/index.d.ts +4 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.d.ts +3 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.styled.d.ts +11 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.types.d.ts +31 -0
- package/dist/types/components/TabbedPanel/TabbedPanel.utils.d.ts +13 -0
- package/dist/types/components/TabbedPanel/index.d.ts +4 -0
- package/dist/types/components/TextField/TextArea.d.ts +4 -0
- package/dist/types/components/TextField/TextArea.styled.d.ts +5 -0
- package/dist/types/components/TextField/TextArea.types.d.ts +19 -0
- package/dist/types/components/TextField/TextInput.d.ts +4 -0
- package/dist/types/components/TextField/TextInput.styled.d.ts +11 -0
- package/dist/types/components/TextField/TextInput.types.d.ts +26 -0
- package/dist/types/components/TextField/TextInput.utils.d.ts +3 -0
- package/dist/types/components/TextField/components/Buttons.d.ts +8 -0
- package/dist/types/components/TextField/components/NormalTextInput.d.ts +4 -0
- package/dist/types/components/TextField/components/PasswordInput.d.ts +4 -0
- package/dist/types/components/TextField/index.d.ts +6 -0
- package/dist/types/components/Tooltip/Tooltip.d.ts +4 -0
- package/dist/types/components/Tooltip/Tooltip.styled.d.ts +3 -0
- package/dist/types/components/Tooltip/Tooltip.types.d.ts +16 -0
- package/dist/types/components/Tooltip/Tooltip.utils.d.ts +4 -0
- package/dist/types/components/Tooltip/index.d.ts +4 -0
- package/dist/types/components/UploadManager/UploadManager.d.ts +6 -0
- package/dist/types/components/UploadManager/UploadManager.styled.d.ts +13 -0
- package/dist/types/components/UploadManager/UploadManager.types.d.ts +14 -0
- package/dist/types/components/UploadManager/index.d.ts +4 -0
- package/dist/types/components/index.d.ts +23 -0
- package/dist/types/foundations/index.d.ts +4 -0
- package/dist/types/foundations/palette.d.ts +79 -0
- package/dist/types/foundations/spacing.d.ts +3 -0
- package/dist/types/foundations/styles.d.ts +2 -0
- package/dist/types/foundations/typography.d.ts +152 -0
- package/dist/types/icons/BellNoti/index.d.ts +12 -0
- package/dist/types/icons/CloseLarge/index.d.ts +12 -0
- package/dist/types/icons/CloseSmall/index.d.ts +12 -0
- package/dist/types/icons/DownloadPdf/index.d.ts +12 -0
- package/dist/types/icons/Ellipse/index.d.ts +12 -0
- package/dist/types/icons/FilterNoti/index.d.ts +12 -0
- package/dist/types/icons/HideLarge/index.d.ts +12 -0
- package/dist/types/icons/HideSmall/index.d.ts +12 -0
- package/dist/types/icons/InformationLarge/index.d.ts +12 -0
- package/dist/types/icons/InformationSmall/index.d.ts +12 -0
- package/dist/types/icons/Manufacturer/index.d.ts +12 -0
- package/dist/types/icons/Rectangle/index.d.ts +12 -0
- package/dist/types/icons/RefreshLeft/index.d.ts +12 -0
- package/dist/types/icons/RefreshRight/index.d.ts +12 -0
- package/dist/types/icons/ShowLarge/index.d.ts +12 -0
- package/dist/types/icons/ShowSmall/index.d.ts +12 -0
- package/dist/types/icons/index.d.ts +179 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/reportWebVitals.d.ts +3 -0
- package/dist/types/setupTests.d.ts +1 -0
- package/dist/types/systems/drawer.d.ts +22 -0
- package/dist/types/systems/index.d.ts +6 -0
- package/dist/types/theme.d.ts +2 -0
- package/package.json +1 -1
- package/src/components/Alert/Alert.tsx +1 -1
- package/src/components/Alert/Alert.utils.tsx +1 -1
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/Chip/Chip.utils.tsx +1 -1
- package/src/components/DatePicker/DatePicker.tsx +1 -1
- package/src/components/Dialog/Dialog.tsx +1 -1
- package/src/components/Dropdown/Dropdown.tsx +1 -1
- package/src/components/Dropdown/DropdownItem.tsx +1 -1
- package/src/components/Dropdown/IconDropdown.tsx +1 -1
- package/src/components/List/List.tsx +1 -1
- package/src/components/List/ListItem.styled.tsx +1 -1
- package/src/components/Pagination/Pagination.styled.tsx +71 -0
- package/src/components/Pagination/Pagination.tsx +182 -0
- package/src/components/Pagination/Pagination.types.ts +39 -0
- package/src/components/Pagination/index.ts +2 -0
- package/src/components/ProductLabel/ProductLabel.tsx +1 -1
- package/src/components/TextField/components/Buttons.tsx +1 -1
- package/src/components/UploadManager/UploadManager.tsx +1 -1
- package/src/components/index.ts +1 -1
- package/src/foundations/index.ts +1 -0
- package/src/foundations/palette.ts +12 -1
- package/src/foundations/styles.ts +9 -0
- package/src/icons/BellNoti/index.tsx +28 -0
- package/src/icons/CloseLarge/index.tsx +28 -0
- package/src/icons/CloseSmall/index.tsx +28 -0
- package/src/icons/DownloadPdf/index.tsx +28 -0
- package/src/icons/Ellipse/index.tsx +28 -0
- package/src/icons/FilterNoti/index.tsx +28 -0
- package/src/icons/HideLarge/index.tsx +28 -0
- package/src/icons/HideSmall/index.tsx +28 -0
- package/src/icons/InformationLarge/index.tsx +28 -0
- package/src/icons/InformationSmall/index.tsx +28 -0
- package/src/icons/Manufacturer/index.tsx +28 -0
- package/src/icons/Rectangle/index.tsx +28 -0
- package/src/icons/RefreshLeft/index.tsx +28 -0
- package/src/icons/RefreshRight/index.tsx +28 -0
- package/src/icons/ShowLarge/index.tsx +28 -0
- package/src/icons/ShowSmall/index.tsx +28 -0
- package/src/components/Icons/BellNoti/index.tsx +0 -22
- package/src/components/Icons/CloseLarge/index.tsx +0 -22
- package/src/components/Icons/CloseSmall/index.tsx +0 -22
- package/src/components/Icons/DownloadPdf/index.tsx +0 -22
- package/src/components/Icons/Ellipse/index.tsx +0 -22
- package/src/components/Icons/FilterNoti/index.tsx +0 -22
- package/src/components/Icons/HideLarge/index.tsx +0 -22
- package/src/components/Icons/HideSmall/index.tsx +0 -22
- package/src/components/Icons/InformationLarge/index.tsx +0 -22
- package/src/components/Icons/InformationSmall/index.tsx +0 -22
- package/src/components/Icons/Manufacturer/index.tsx +0 -22
- package/src/components/Icons/Rectangle/index.tsx +0 -22
- package/src/components/Icons/RefreshLeft/index.tsx +0 -22
- package/src/components/Icons/RefreshRight/index.tsx +0 -22
- package/src/components/Icons/ShowLarge/index.tsx +0 -22
- package/src/components/Icons/ShowSmall/index.tsx +0 -22
- /package/src/{components/Icons → icons}/index.ts +0 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const LoadingOverlay: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
4
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
+
export declare const LoadingIndicatorBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
8
|
+
export declare const LoadingMessage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
10
|
+
}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
11
|
+
export declare const LoadingDetails: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
13
|
+
}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MenuContextValue, MenuProps } from './Menu.types';
|
|
3
|
+
export declare const MenuContext: React.Context<MenuContextValue>;
|
|
4
|
+
declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export default Menu;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { StyledMenuProps } from './Menu.types';
|
|
3
|
+
export declare const StyledMenu: import("@emotion/styled").StyledComponent<Omit<StyledMenuProps, "ref"> & React.RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
|
+
export declare const StyledListSubheader: import("@emotion/styled").StyledComponent<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
|
|
6
|
+
}, "color" | "inset" | "style" | "classes" | "className" | "children" | "sx" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { MenuProps as MuiMenuProps } from '@mui/material';
|
|
3
|
+
export type MenuSize = 'small' | 'medium';
|
|
4
|
+
export interface MenuProps extends StyledMenuProps {
|
|
5
|
+
size?: MenuSize;
|
|
6
|
+
subheader?: React.ReactNode;
|
|
7
|
+
showCheck?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface StyledMenuProps extends MuiMenuProps {
|
|
10
|
+
size?: MenuSize;
|
|
11
|
+
}
|
|
12
|
+
export interface MenuContextValue {
|
|
13
|
+
size: MenuSize;
|
|
14
|
+
showCheck: boolean;
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StyledMenuItemProps } from './MenuItem.types';
|
|
3
|
+
export { CheckIcon, EmptyIcon } from '../List/ListItem.styled';
|
|
4
|
+
export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
|
|
6
|
+
}, "disabled" | "style" | "dense" | "classes" | "className" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledMenuItemProps, {}, {}>;
|
|
7
|
+
export declare const StyledMenuItemStartIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
8
|
+
export declare const StyledMenuItemEndIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
9
|
+
export declare const StyledMenuItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { MenuItemProps as MuiMenuItemProps } from '@mui/material';
|
|
3
|
+
import type { MenuSize } from '../Menu/Menu.types';
|
|
4
|
+
export interface MenuItemProps extends MuiMenuItemProps {
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
caption?: React.ReactNode;
|
|
7
|
+
label?: React.ReactNode;
|
|
8
|
+
open?: boolean;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface StyledMenuItemProps extends MuiMenuItemProps {
|
|
12
|
+
size: MenuSize;
|
|
13
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { PaginationProps } from './Pagination.types';
|
|
2
|
+
declare function Pagination({ count: itemCount, page: selectedPage, perPage: selectedPerPage, totalPage, onPageChange, onPerPageChange, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Pagination;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DEFAULT_PAGE_SIZE = 100;
|
|
3
|
+
export declare const PAGE_SIZE_LIST: number[];
|
|
4
|
+
export declare const PaginationBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
7
|
+
export declare const PaperProps: {
|
|
8
|
+
style: {
|
|
9
|
+
maxHeight: number;
|
|
10
|
+
width: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export declare const SidePageBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
+
export declare const SelectButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
16
|
+
}, "color" | "disabled" | "size" | "style" | "fullWidth" | "classes" | "className" | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
17
|
+
export declare const ArrowButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
18
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
19
|
+
}, "color" | "disabled" | "size" | "style" | "fullWidth" | "classes" | "className" | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
20
|
+
export declare const PaginationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
21
|
+
export declare const divider: {
|
|
22
|
+
readonly borderWidth: "0";
|
|
23
|
+
readonly margin: "0 12px";
|
|
24
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PaginationProps {
|
|
3
|
+
count: number;
|
|
4
|
+
page?: number;
|
|
5
|
+
perPage: number;
|
|
6
|
+
totalPage: number;
|
|
7
|
+
onPageChange?: (event: React.MouseEvent<HTMLLIElement> | React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
|
|
8
|
+
onPerPageChange?: (event: React.MouseEvent<HTMLLIElement> | null, perPage: number) => void;
|
|
9
|
+
}
|
|
10
|
+
interface SortObject {
|
|
11
|
+
empty: boolean;
|
|
12
|
+
unsorted: boolean;
|
|
13
|
+
sorted: boolean;
|
|
14
|
+
}
|
|
15
|
+
interface Pageable {
|
|
16
|
+
offset: number;
|
|
17
|
+
sort: SortObject;
|
|
18
|
+
paged: boolean;
|
|
19
|
+
unpaged: boolean;
|
|
20
|
+
pageNumber: number;
|
|
21
|
+
pageSize: number;
|
|
22
|
+
}
|
|
23
|
+
export interface PaginationViewInfo {
|
|
24
|
+
totalElements: number;
|
|
25
|
+
totalPages: number;
|
|
26
|
+
size: number;
|
|
27
|
+
number: number;
|
|
28
|
+
sort: SortObject;
|
|
29
|
+
pageable: Pageable;
|
|
30
|
+
numberOfElements: number;
|
|
31
|
+
first: boolean;
|
|
32
|
+
last: boolean;
|
|
33
|
+
empty: boolean;
|
|
34
|
+
}
|
|
35
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ProductName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
3
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
4
|
+
}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
+
export declare const LabelRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
8
|
+
export declare const LabelColumn: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
11
|
+
export declare const LabelValue: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
14
|
+
export declare const FramedText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
16
|
+
}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
17
|
+
export declare const LabelSubBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
18
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
20
|
+
export declare const LabelContainer: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
21
|
+
export declare const LabelContent: import("@emotion/styled").StyledComponent<import("@mui/material").DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
22
|
+
export declare const LabelCloseButton: import("@emotion/styled").StyledComponent<import("../Button/Button.types").ButtonProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { SxProps } from '@mui/system';
|
|
3
|
+
export interface ProductLabelProps {
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
open: boolean;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
footerStart?: string | React.ReactNode;
|
|
8
|
+
footerEnd?: string | React.ReactNode;
|
|
9
|
+
sx?: SxProps;
|
|
10
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { CircularProgressProps } from './CircularProgress.types';
|
|
2
|
+
declare const BaseCircularProgress: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CircularProgressProps, {}, {}>;
|
|
3
|
+
export default BaseCircularProgress;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { LinearProgressProps } from './LinearProgress.types';
|
|
2
|
+
declare const BaseLinearProgress: import("@emotion/styled").StyledComponent<import("@mui/material").LinearProgressProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LinearProgressProps, {}, {}>;
|
|
3
|
+
export default BaseLinearProgress;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
4
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
|
+
export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material").RadioProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
|
+
export declare const UncheckedIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export declare const CheckedIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { BoxProps, RadioProps as MuiRadioProps } from '@mui/material';
|
|
2
|
+
export interface RadioProps extends Omit<BoxProps<'span'>, 'onChange' | 'onChangeCapture'> {
|
|
3
|
+
value?: MuiRadioProps['value'];
|
|
4
|
+
name?: MuiRadioProps['name'];
|
|
5
|
+
checked?: MuiRadioProps['checked'];
|
|
6
|
+
defaultChecked?: MuiRadioProps['defaultChecked'];
|
|
7
|
+
disabled?: MuiRadioProps['disabled'];
|
|
8
|
+
required?: MuiRadioProps['required'];
|
|
9
|
+
onChange?: MuiRadioProps['onChange'];
|
|
10
|
+
onChangeCapture?: MuiRadioProps['onChangeCapture'];
|
|
11
|
+
label?: string;
|
|
12
|
+
inputProps?: MuiRadioProps['inputProps'];
|
|
13
|
+
inputRef?: MuiRadioProps['inputRef'];
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledRadioGroup: import("@emotion/styled").StyledComponent<import("@mui/material").RadioGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { FormGroupProps, RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
|
|
2
|
+
export interface RadioGroupProps extends MuiRadioGroupProps {
|
|
3
|
+
children?: FormGroupProps['children'];
|
|
4
|
+
defaultValue?: MuiRadioGroupProps['defaultValue'];
|
|
5
|
+
name?: MuiRadioGroupProps['name'];
|
|
6
|
+
onChange?: MuiRadioGroupProps['onChange'];
|
|
7
|
+
value?: MuiRadioGroupProps['value'];
|
|
8
|
+
row?: FormGroupProps['row'];
|
|
9
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StepperTypographyProps } from './Stepper.types';
|
|
3
|
+
export declare const StepperContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
6
|
+
export declare const ChipContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
9
|
+
export declare const StepperChip: import("@emotion/styled").StyledComponent<import("../Chip").ChipProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
|
+
export declare const StepperTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
11
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
12
|
+
}, "width" | "zIndex" | "typography" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "style" | "classes" | "className" | "children" | "sx" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StepperTypographyProps, {}, {}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { TypographyProps } from '@mui/material';
|
|
2
|
+
import type { SxProps } from '@mui/system';
|
|
3
|
+
export interface StepperProps {
|
|
4
|
+
step: number;
|
|
5
|
+
title: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
sx?: SxProps;
|
|
8
|
+
}
|
|
9
|
+
export interface StepperTypographyProps extends TypographyProps {
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { TabbedPanelProps } from './TabbedPanel.types';
|
|
2
|
+
declare const TabbedPanel: ({ tabs, size, buttonVariant, activatedTab, TabPanelProps, TabProps, TabsProps, menuVariant, onActivatedTab, onTabChangeListener, }: TabbedPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TabbedPanel;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Theme } from '@mui/material';
|
|
3
|
+
import type { BaseTabProps, BaseTabsProps } from './TabbedPanel.types';
|
|
4
|
+
declare const BaseTabMenu: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, "style" | "classes" | "className" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "value" | "slotProps" | "slots" | "action" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseTabsProps, {}, {}>;
|
|
7
|
+
declare const BaseTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
+
}, "disabled" | "style" | "icon" | "classes" | "className" | "children" | "sx" | "label" | "tabIndex" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseTabProps, {}, {}>;
|
|
10
|
+
declare const BaseTabPanel: import("@emotion/styled").StyledComponent<import("@mui/lab/TabPanel/TabPanel").TabPanelProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
|
|
11
|
+
export { BaseTabMenu, BaseTab, BaseTabPanel };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { TabPanelProps } from '@mui/lab/TabPanel';
|
|
3
|
+
import type { TabProps, TabsProps } from '@mui/material';
|
|
4
|
+
type TabSize = 'small' | 'medium';
|
|
5
|
+
type ButtonVariant = 'normal' | 'toggle';
|
|
6
|
+
interface TabConfig {
|
|
7
|
+
value: string;
|
|
8
|
+
element: React.ReactNode;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
interface BaseTabProps extends TabProps {
|
|
12
|
+
size?: TabSize;
|
|
13
|
+
buttonVariant?: ButtonVariant;
|
|
14
|
+
}
|
|
15
|
+
interface BaseTabsProps extends TabsProps {
|
|
16
|
+
size?: TabSize;
|
|
17
|
+
buttonVariant?: ButtonVariant;
|
|
18
|
+
}
|
|
19
|
+
interface TabbedPanelProps {
|
|
20
|
+
tabs: TabConfig[];
|
|
21
|
+
activatedTab: string;
|
|
22
|
+
size?: TabSize;
|
|
23
|
+
buttonVariant?: ButtonVariant;
|
|
24
|
+
menuVariant?: TabsProps['variant'];
|
|
25
|
+
TabsProps?: Partial<TabsProps>;
|
|
26
|
+
TabProps?: Partial<TabProps>;
|
|
27
|
+
TabPanelProps?: Partial<TabPanelProps>;
|
|
28
|
+
onActivatedTab: (tab: string) => void;
|
|
29
|
+
onTabChangeListener?: (newTabValue: string) => void;
|
|
30
|
+
}
|
|
31
|
+
export type { TabbedPanelProps, TabConfig, TabSize, BaseTabProps, BaseTabsProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { TabConfig } from './TabbedPanel.types';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* @param defaultTab string | undefined
|
|
5
|
+
* @param tabs TabConfig[]
|
|
6
|
+
* @returns string
|
|
7
|
+
* @description returns the initial value for useState, based on defaultTab.
|
|
8
|
+
* If default tab is provided and matched, returns that,
|
|
9
|
+
* else, returns first tab.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
declare function findDefaultTab(defaultTab: string | undefined, tabs: TabConfig[]): string;
|
|
13
|
+
export { findDefaultTab };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Theme } from '@mui/material';
|
|
3
|
+
import type { RootTextAreaProps } from './TextArea.types';
|
|
4
|
+
declare const BaseTextArea: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & RootTextAreaProps, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
|
|
5
|
+
export default BaseTextArea;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { BoxProps } from '@mui/material';
|
|
3
|
+
import type { HelperMsgProps, RootTextFieldProps } from '../BaseTextField/BaseTextField.types';
|
|
4
|
+
interface RootTextAreaProps extends Omit<RootTextFieldProps, 'BoxProps'> {
|
|
5
|
+
multiline: 'true';
|
|
6
|
+
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
7
|
+
error?: boolean;
|
|
8
|
+
ref?: React.ForwardedRef<HTMLTextAreaElement> | undefined;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
width?: string | number;
|
|
11
|
+
height?: string | number;
|
|
12
|
+
OuterBoxProps?: BoxProps;
|
|
13
|
+
}
|
|
14
|
+
interface TextAreaWithHelperMsgProps extends Omit<RootTextAreaProps, 'error' | 'multiline'>, Omit<HelperMsgProps, 'error'> {
|
|
15
|
+
error?: string;
|
|
16
|
+
}
|
|
17
|
+
interface TextAreaProps extends TextAreaWithHelperMsgProps {
|
|
18
|
+
}
|
|
19
|
+
export type { RootTextAreaProps, TextAreaProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Theme } from '@mui/material';
|
|
3
|
+
import { InputMsg } from '../BaseTextField/BaseTextField.styled';
|
|
4
|
+
import type { RootTextInputProps } from './TextInput.types';
|
|
5
|
+
declare const BaseTextInput: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & RootTextInputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
6
|
+
declare const LeftIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
declare const RightIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
|
|
8
|
+
error?: string | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
declare const ButtonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
11
|
+
export { BaseTextInput, InputMsg, LeftIconContainer, RightIconContainer, ButtonWrapper };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { BoxProps, InputProps as MuiInputProps } from '@mui/material';
|
|
3
|
+
import type { RootTextFieldProps, HelperMsgProps } from '../BaseTextField/BaseTextField.types';
|
|
4
|
+
interface RootTextInputProps extends RootTextFieldProps, Omit<MuiInputProps, 'size' | 'error' | 'ref' | 'value' | 'defaultValue' | 'onChange'> {
|
|
5
|
+
large?: boolean;
|
|
6
|
+
leftIcon?: React.ReactNode;
|
|
7
|
+
rightIcon?: React.ReactNode;
|
|
8
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
OuterBoxProps?: BoxProps;
|
|
10
|
+
InputContainerProps?: BoxProps;
|
|
11
|
+
inputSX?: MuiInputProps['sx'];
|
|
12
|
+
}
|
|
13
|
+
interface InputWithHelperMsgProps extends Omit<RootTextInputProps, 'error'>, Omit<HelperMsgProps, 'error'> {
|
|
14
|
+
error?: string;
|
|
15
|
+
}
|
|
16
|
+
interface PasswordInputWithHelperMsgProps extends Omit<InputWithHelperMsgProps, 'rightIcon' | 'readOnly' | 'onClearButtonClick' | 'InputContainerProps'> {
|
|
17
|
+
type: 'password';
|
|
18
|
+
}
|
|
19
|
+
interface NormalTextInputProps extends InputWithHelperMsgProps {
|
|
20
|
+
onClearButtonClick?: () => void;
|
|
21
|
+
rightIcon?: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
interface PasswordTextInputProps extends PasswordInputWithHelperMsgProps {
|
|
24
|
+
}
|
|
25
|
+
type TextInputProps = PasswordTextInputProps | NormalTextInputProps;
|
|
26
|
+
export type { TextInputProps, NormalTextInputProps, PasswordTextInputProps, RootTextInputProps };
|