@skodaflow/web-library 5.0.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/accordion/accordion.js +1 -1
- package/cjs/components/accordion/accordion.js.map +1 -1
- package/cjs/components/banner/banner.d.ts +13 -51
- package/cjs/components/banner/banner.js +1 -1
- package/cjs/components/banner/banner.js.map +1 -1
- package/cjs/components/button/button.d.ts +2 -1
- package/cjs/components/button/button.js +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/card/Card.d.ts +92 -0
- package/cjs/components/card/Card.js +2 -0
- package/cjs/components/card/Card.js.map +1 -0
- package/cjs/components/card/FlippingCard.d.ts +3 -0
- package/cjs/components/card/FlippingCard.js +2 -0
- package/cjs/components/card/FlippingCard.js.map +1 -0
- package/cjs/components/card/LinkCard.d.ts +3 -0
- package/cjs/components/card/LinkCard.js +2 -0
- package/cjs/components/card/LinkCard.js.map +1 -0
- package/cjs/components/card/SelectableCard.d.ts +3 -0
- package/cjs/components/card/SelectableCard.js +2 -0
- package/cjs/components/card/SelectableCard.js.map +1 -0
- package/cjs/components/card/SimpleCard.d.ts +3 -0
- package/cjs/components/card/SimpleCard.js +2 -0
- package/cjs/components/card/SimpleCard.js.map +1 -0
- package/cjs/components/card/index.d.ts +1 -0
- package/cjs/components/cardContainer/cardContainer.d.ts +1 -0
- package/cjs/components/cardContainer/cardContainer.js.map +1 -1
- package/cjs/components/cardMenu/cardMenu.d.ts +2 -1
- package/cjs/components/cardMenu/cardMenu.js +1 -1
- package/cjs/components/cardMenu/cardMenu.js.map +1 -1
- package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js +1 -1
- package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
- package/cjs/components/chip/chipMultiselect/multiSelectChip.d.ts +2 -1
- package/cjs/components/chip/chipMultiselect/multiSelectChip.js +1 -1
- package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
- package/cjs/components/chip/regular/chip.d.ts +2 -1
- package/cjs/components/chip/regular/chip.js +1 -1
- package/cjs/components/chip/regular/chip.js.map +1 -1
- package/cjs/components/closeDialogButton/index.js +1 -1
- package/cjs/components/closeDialogButton/index.js.map +1 -1
- package/cjs/components/common/interface/textInputInterface.d.ts +2 -1
- package/cjs/components/controls/controls.d.ts +2 -1
- package/cjs/components/controls/controls.js +1 -1
- package/cjs/components/controls/controls.js.map +1 -1
- package/cjs/components/icon/icon.d.ts +11 -2
- package/cjs/components/icon/icon.definitions.d.ts +847 -0
- package/cjs/components/icon/icon.definitions.js +2 -0
- package/cjs/components/icon/icon.definitions.js.map +1 -0
- package/cjs/components/icon/icon.js +1 -1
- package/cjs/components/icon/icon.js.map +1 -1
- package/cjs/components/icon/index.d.ts +1 -1
- package/cjs/components/index.d.ts +1 -0
- package/cjs/components/indicator/indicator.d.ts +9 -3
- package/cjs/components/indicator/indicator.js +1 -18
- package/cjs/components/indicator/indicator.js.map +1 -1
- package/cjs/components/labelStatus/labelStatus.d.ts +1 -0
- package/cjs/components/labelStatus/labelStatus.js.map +1 -1
- package/cjs/components/menu/menu.js +1 -1
- package/cjs/components/menu/menu.js.map +1 -1
- package/cjs/components/mobileStepper/mobileStepperButton.js +1 -1
- package/cjs/components/mobileStepper/mobileStepperButton.js.map +1 -1
- package/cjs/components/modal/modal.js +1 -1
- package/cjs/components/modal/modal.js.map +1 -1
- package/cjs/components/pagination/pagination.js +1 -1
- package/cjs/components/pagination/pagination.js.map +1 -1
- package/cjs/components/progressBar/components/loader.js +1 -1
- package/cjs/components/progressBar/components/loader.js.map +1 -1
- package/cjs/components/progressBar/components/spinner.js +1 -1
- package/cjs/components/progressBar/components/spinner.js.map +1 -1
- package/cjs/components/selectInput/selectInput.d.ts +2 -1
- package/cjs/components/selectInput/selectInput.js +1 -1
- package/cjs/components/selectInput/selectInput.js.map +1 -1
- package/cjs/components/snackbar/snackbarMessage.js +1 -1
- package/cjs/components/snackbar/snackbarMessage.js.map +1 -1
- package/cjs/components/tab/hook/useTabs.d.ts +1 -0
- package/cjs/components/tab/hook/useTabs.js.map +1 -1
- package/cjs/components/tab/menuTab.d.ts +1 -0
- package/cjs/components/tab/menuTab.js +1 -1
- package/cjs/components/tab/menuTab.js.map +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
- package/cjs/components/tab/tab.d.ts +1 -0
- package/cjs/components/tab/tab.js.map +1 -1
- package/cjs/components/tab/tabPanel.d.ts +1 -0
- package/cjs/components/tab/tabPanel.js.map +1 -1
- package/cjs/components/tab/tabStyled.d.ts +1 -0
- package/cjs/components/tab/tabStyled.js.map +1 -1
- package/cjs/components/tab/tabs.d.ts +1 -0
- package/cjs/components/tab/tabs.js.map +1 -1
- package/cjs/components/textInput/textInput.js +1 -1
- package/cjs/components/textInput/textInput.js.map +1 -1
- package/cjs/components/upload/UploadField.d.ts +2 -2
- package/cjs/components/upload/UploadField.js +1 -1
- package/cjs/components/upload/UploadField.js.map +1 -1
- package/cjs/components/upload/UploadPreview.d.ts +1 -1
- package/cjs/components/upload/UploadPreviewList.d.ts +1 -1
- package/cjs/components/upload/UploadPreviewList.js +1 -1
- package/cjs/components/upload/UploadPreviewList.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialog/dialog.theme.js +1 -1
- package/cjs/design/skoda/components/dialog/dialog.theme.js.map +1 -1
- package/cjs/design/skoda/components/form/select.theme.js +1 -1
- package/cjs/design/skoda/components/form/select.theme.js.map +1 -1
- package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
- package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/layout/Footer/FooterAccordion.js +1 -1
- package/cjs/layout/Footer/FooterAccordion.js.map +1 -1
- package/cjs/layout/Footer/FooterIconButton.d.ts +2 -2
- package/cjs/layout/Footer/FooterIconButton.js +1 -1
- package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
- package/cjs/layout/Footer/FooterLink.d.ts +2 -2
- package/cjs/layout/Footer/FooterLink.js +1 -1
- package/cjs/layout/Footer/FooterLink.js.map +1 -1
- package/cjs/layout/Footer/FooterMenu.js +1 -1
- package/cjs/layout/Footer/FooterMenu.js.map +1 -1
- package/cjs/layout/Header/HeaderButton.d.ts +3 -3
- package/cjs/layout/Header/HeaderButton.js +1 -1
- package/cjs/layout/Header/HeaderButton.js.map +1 -1
- package/cjs/layout/Header/PredefinedHeaderButtons.js +1 -1
- package/cjs/layout/Header/PredefinedHeaderButtons.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenu.js +1 -1
- package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
- package/cjs/layout/cookieModal/CookieModal.d.ts +69 -0
- package/cjs/layout/cookieModal/CookieModal.js +2 -0
- package/cjs/layout/cookieModal/CookieModal.js.map +1 -0
- package/cjs/layout/cookieModal/CookieModalItem.d.ts +37 -0
- package/cjs/layout/cookieModal/CookieModalItem.js +2 -0
- package/cjs/layout/cookieModal/CookieModalItem.js.map +1 -0
- package/cjs/layout/cookieModal/index.d.ts +2 -0
- package/cjs/layout/index.d.ts +1 -0
- package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js +1 -1
- package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
- package/cjs/organisms/carousel/carousel.d.ts +3 -2
- package/cjs/organisms/carousel/carouselTemplate.d.ts +2 -1
- package/cjs/organisms/carousel2/carousel2.d.ts +3 -2
- package/cjs/organisms/carousel2/components/NavButton.js +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
- package/cjs/organisms/common/menuCardComponent/menuCardComponent.js +1 -1
- package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
- package/cjs/organisms/gallery/Gallery.js +1 -1
- package/cjs/organisms/gallery/Gallery.js.map +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/cjs/organisms/heroImageCard/videoCardController.js +1 -1
- package/cjs/organisms/heroImageCard/videoCardController.js.map +1 -1
- package/cjs/organisms/notification/Notification.js +1 -1
- package/cjs/organisms/notification/Notification.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenterHeaderButton.d.ts +1 -1
- package/cjs/organisms/shortcutLink/shortcutLink.d.ts +2 -1
- package/cjs/organisms/shortcutLink/shortcutLink.js +1 -1
- package/cjs/organisms/shortcutLink/shortcutLink.js.map +1 -1
- package/cjs/organisms/textCta/textCta.d.ts +2 -1
- package/cjs/organisms/textCta/textCta.js +1 -1
- package/cjs/organisms/textCta/textCta.js.map +1 -1
- package/components/accordion/accordion.js +1 -1
- package/components/accordion/accordion.js.map +1 -1
- package/components/banner/banner.d.ts +13 -51
- package/components/banner/banner.js +1 -1
- package/components/banner/banner.js.map +1 -1
- package/components/button/button.d.ts +2 -1
- package/components/button/button.js +1 -1
- package/components/button/button.js.map +1 -1
- package/components/card/Card.d.ts +92 -0
- package/components/card/Card.js +2 -0
- package/components/card/Card.js.map +1 -0
- package/components/card/FlippingCard.d.ts +3 -0
- package/components/card/FlippingCard.js +2 -0
- package/components/card/FlippingCard.js.map +1 -0
- package/components/card/LinkCard.d.ts +3 -0
- package/components/card/LinkCard.js +2 -0
- package/components/card/LinkCard.js.map +1 -0
- package/components/card/SelectableCard.d.ts +3 -0
- package/components/card/SelectableCard.js +2 -0
- package/components/card/SelectableCard.js.map +1 -0
- package/components/card/SimpleCard.d.ts +3 -0
- package/components/card/SimpleCard.js +2 -0
- package/components/card/SimpleCard.js.map +1 -0
- package/components/card/index.d.ts +1 -0
- package/components/cardContainer/cardContainer.d.ts +1 -0
- package/components/cardContainer/cardContainer.js.map +1 -1
- package/components/cardMenu/cardMenu.d.ts +2 -1
- package/components/cardMenu/cardMenu.js +1 -1
- package/components/cardMenu/cardMenu.js.map +1 -1
- package/components/chip/chipDropdownChildren/chipDropdownChildren.js +1 -1
- package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
- package/components/chip/chipMultiselect/multiSelectChip.d.ts +2 -1
- package/components/chip/chipMultiselect/multiSelectChip.js +1 -1
- package/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
- package/components/chip/regular/chip.d.ts +2 -1
- package/components/chip/regular/chip.js +1 -1
- package/components/chip/regular/chip.js.map +1 -1
- package/components/closeDialogButton/index.js +1 -1
- package/components/closeDialogButton/index.js.map +1 -1
- package/components/common/interface/textInputInterface.d.ts +2 -1
- package/components/controls/controls.d.ts +2 -1
- package/components/controls/controls.js +1 -1
- package/components/controls/controls.js.map +1 -1
- package/components/icon/icon.d.ts +11 -2
- package/components/icon/icon.definitions.d.ts +847 -0
- package/components/icon/icon.definitions.js +2 -0
- package/components/icon/icon.definitions.js.map +1 -0
- package/components/icon/icon.js +1 -1
- package/components/icon/icon.js.map +1 -1
- package/components/icon/index.d.ts +1 -1
- package/components/index.d.ts +1 -0
- package/components/indicator/indicator.d.ts +9 -3
- package/components/indicator/indicator.js +1 -18
- package/components/indicator/indicator.js.map +1 -1
- package/components/labelStatus/labelStatus.d.ts +1 -0
- package/components/labelStatus/labelStatus.js.map +1 -1
- package/components/menu/menu.js +1 -1
- package/components/menu/menu.js.map +1 -1
- package/components/mobileStepper/mobileStepperButton.js +1 -1
- package/components/mobileStepper/mobileStepperButton.js.map +1 -1
- package/components/modal/modal.js +1 -1
- package/components/modal/modal.js.map +1 -1
- package/components/pagination/pagination.js +1 -1
- package/components/pagination/pagination.js.map +1 -1
- package/components/progressBar/components/loader.js +1 -1
- package/components/progressBar/components/loader.js.map +1 -1
- package/components/progressBar/components/spinner.js +1 -1
- package/components/progressBar/components/spinner.js.map +1 -1
- package/components/selectInput/selectInput.d.ts +2 -1
- package/components/selectInput/selectInput.js +1 -1
- package/components/selectInput/selectInput.js.map +1 -1
- package/components/snackbar/snackbarMessage.js +1 -1
- package/components/snackbar/snackbarMessage.js.map +1 -1
- package/components/tab/hook/useTabs.d.ts +1 -0
- package/components/tab/hook/useTabs.js.map +1 -1
- package/components/tab/menuTab.d.ts +1 -0
- package/components/tab/menuTab.js +1 -1
- package/components/tab/menuTab.js.map +1 -1
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
- package/components/tab/tab.d.ts +1 -0
- package/components/tab/tab.js.map +1 -1
- package/components/tab/tabPanel.d.ts +1 -0
- package/components/tab/tabPanel.js.map +1 -1
- package/components/tab/tabStyled.d.ts +1 -0
- package/components/tab/tabStyled.js.map +1 -1
- package/components/tab/tabs.d.ts +1 -0
- package/components/tab/tabs.js.map +1 -1
- package/components/textInput/textInput.js +1 -1
- package/components/textInput/textInput.js.map +1 -1
- package/components/upload/UploadField.d.ts +2 -2
- package/components/upload/UploadField.js +1 -1
- package/components/upload/UploadField.js.map +1 -1
- package/components/upload/UploadPreview.d.ts +1 -1
- package/components/upload/UploadPreviewList.d.ts +1 -1
- package/components/upload/UploadPreviewList.js +1 -1
- package/components/upload/UploadPreviewList.js.map +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/design/skoda/components/autocomplete.theme.js +1 -1
- package/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/design/skoda/components/dialog/dialog.theme.js +1 -1
- package/design/skoda/components/dialog/dialog.theme.js.map +1 -1
- package/design/skoda/components/form/select.theme.js +1 -1
- package/design/skoda/components/form/select.theme.js.map +1 -1
- package/design/skoda/components/tabs/tabs.theme.js +1 -1
- package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
- package/eula.txt +40 -0
- package/index.js +1 -1
- package/layout/Footer/FooterAccordion.js +1 -1
- package/layout/Footer/FooterAccordion.js.map +1 -1
- package/layout/Footer/FooterIconButton.d.ts +2 -2
- package/layout/Footer/FooterIconButton.js +1 -1
- package/layout/Footer/FooterIconButton.js.map +1 -1
- package/layout/Footer/FooterLink.d.ts +2 -2
- package/layout/Footer/FooterLink.js +1 -1
- package/layout/Footer/FooterLink.js.map +1 -1
- package/layout/Footer/FooterMenu.js +1 -1
- package/layout/Footer/FooterMenu.js.map +1 -1
- package/layout/Header/HeaderButton.d.ts +3 -3
- package/layout/Header/HeaderButton.js +1 -1
- package/layout/Header/HeaderButton.js.map +1 -1
- package/layout/Header/PredefinedHeaderButtons.js +1 -1
- package/layout/Header/PredefinedHeaderButtons.js.map +1 -1
- package/layout/SideMenu/SideMenu.js +1 -1
- package/layout/SideMenu/SideMenu.js.map +1 -1
- package/layout/cookieModal/CookieModal.d.ts +69 -0
- package/layout/cookieModal/CookieModal.js +2 -0
- package/layout/cookieModal/CookieModal.js.map +1 -0
- package/layout/cookieModal/CookieModalItem.d.ts +37 -0
- package/layout/cookieModal/CookieModalItem.js +2 -0
- package/layout/cookieModal/CookieModalItem.js.map +1 -0
- package/layout/cookieModal/index.d.ts +2 -0
- package/layout/index.d.ts +1 -0
- package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js +1 -1
- package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
- package/organisms/carousel/carousel.d.ts +3 -2
- package/organisms/carousel/carouselTemplate.d.ts +2 -1
- package/organisms/carousel2/carousel2.d.ts +3 -2
- package/organisms/carousel2/components/NavButton.js +1 -1
- package/organisms/carousel2/components/NavButton.js.map +1 -1
- package/organisms/common/menuCardComponent/menuCardComponent.js +1 -1
- package/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
- package/organisms/gallery/Gallery.js +1 -1
- package/organisms/gallery/Gallery.js.map +1 -1
- package/organisms/gallery/GalleryTrigger.js +1 -1
- package/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/organisms/heroImageCard/videoCardController.js +1 -1
- package/organisms/heroImageCard/videoCardController.js.map +1 -1
- package/organisms/notification/Notification.js +1 -1
- package/organisms/notification/Notification.js.map +1 -1
- package/organisms/notification/NotificationCenterHeaderButton.d.ts +1 -1
- package/organisms/shortcutLink/shortcutLink.d.ts +2 -1
- package/organisms/shortcutLink/shortcutLink.js +1 -1
- package/organisms/shortcutLink/shortcutLink.js.map +1 -1
- package/organisms/textCta/textCta.d.ts +2 -1
- package/organisms/textCta/textCta.js +1 -1
- package/organisms/textCta/textCta.js.map +1 -1
- package/package.json +1 -1
- package/theme/skoda/icons.css +1 -1
- package/cjs/components/icon/availableIcons.d.ts +0 -1
- package/cjs/components/icon/availableIcons.js +0 -2
- package/cjs/components/icon/availableIcons.js.map +0 -1
- package/cjs/components/tab/examples.d.ts +0 -3
- package/components/icon/availableIcons.d.ts +0 -1
- package/components/icon/availableIcons.js +0 -2
- package/components/icon/availableIcons.js.map +0 -1
- package/components/tab/examples.d.ts +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabPanel.js","sources":["../../../../src/components/tab/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TabPanel = (props) => {\n const { children, value, index } = props, other = __rest(props, [\"children\", \"value\", \"index\"]);\n return (_jsx(\"div\", Object.assign({ role: \"tabpanel\", hidden: value !== index, id: `simple-tabpanel-${index}`, \"aria-labelledby\": `simple-tab-${index}` }, other, { children: value === index && children })));\n};\n//# sourceMappingURL=tabPanel.js.map"],"names":["props","children","value","index","other","__rest","_jsx","jsx","Object","assign","role","hidden","id"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabPanel.js","sources":["../../../../src/components/tab/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** @deprecated use Tab component from @mui/material instead */\nexport const TabPanel = (props) => {\n const { children, value, index } = props, other = __rest(props, [\"children\", \"value\", \"index\"]);\n return (_jsx(\"div\", Object.assign({ role: \"tabpanel\", hidden: value !== index, id: `simple-tabpanel-${index}`, \"aria-labelledby\": `simple-tab-${index}` }, other, { children: value === index && children })));\n};\n//# sourceMappingURL=tabPanel.js.map"],"names":["props","children","value","index","other","__rest","_jsx","jsx","Object","assign","role","hidden","id"],"mappings":"oFAGyBA,IACrB,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUH,EAAOI,EAAQC,EAAMA,OAACL,EAAO,CAAC,WAAY,QAAS,UACtF,OAAQM,EAAIC,IAAC,MAAOC,OAAOC,OAAO,CAAEC,KAAM,WAAYC,OAAQT,IAAUC,EAAOS,GAAI,mBAAmBT,IAAS,kBAAmB,cAAcA,KAAWC,EAAO,CAAEH,SAAUC,IAAUC,GAASF,IAAc"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
/**
|
|
3
3
|
* @description Tabs styling definition based on props
|
|
4
|
+
* @deprecated use Tab component from @mui/material instead
|
|
4
5
|
*/
|
|
5
6
|
declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
7
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabStyled.js","sources":["../../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n */\nconst TabStyled = styled(MuiTab, {\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n let styles = {\n minWidth: 'fit-content',\n fontWeight: '700',\n padding: 0,\n color: theme.palette.onSurface.os500,\n opacity: 1,\n fontSize: '20px',\n textTransform: 'none',\n transition: 'color .3s ease-out',\n minHeight: '32px',\n maxHeight: '32px',\n marginTop: '4px',\n fontFamily: 'SKODA Next',\n letterSpacing: '0.02857em',\n '&:focus': {\n paddingLeft: '5px',\n paddingRight: '5px',\n border: `2px solid ${theme.palette.text.primary}`,\n boxSizing: ' border-box',\n },\n '&:hover': {\n color: theme.palette.text.primary,\n position: 'relative',\n overflow: 'visible',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n height: '3px',\n backgroundColor: theme.palette.brand.primary,\n width: '100%',\n bottom: '-12px',\n left: 0,\n },\n },\n '&:active': {\n color: theme.palette.text.primary,\n },\n '& > .MuiIcon-root': {\n fontSize: '20px !Important',\n width: '20px',\n height: '30px',\n color: theme.palette.onSurface.os500,\n },\n };\n styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n fontSize: '14px',\n minWidth: '56px',\n marginTop: '6px',\n } });\n if (isActive) {\n styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n }\n if (smallSize) {\n styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n fontSize: '15px !important',\n width: '15px',\n height: '22px',\n } });\n }\n return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","default","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabStyled.js","sources":["../../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n * @deprecated use Tab component from @mui/material instead\n */\nconst TabStyled = styled(MuiTab, {\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n let styles = {\n minWidth: 'fit-content',\n fontWeight: '700',\n padding: 0,\n color: theme.palette.onSurface.os500,\n opacity: 1,\n fontSize: '20px',\n textTransform: 'none',\n transition: 'color .3s ease-out',\n minHeight: '32px',\n maxHeight: '32px',\n marginTop: '4px',\n fontFamily: 'SKODA Next',\n letterSpacing: '0.02857em',\n '&:focus': {\n paddingLeft: '5px',\n paddingRight: '5px',\n border: `2px solid ${theme.palette.text.primary}`,\n boxSizing: ' border-box',\n },\n '&:hover': {\n color: theme.palette.text.primary,\n position: 'relative',\n overflow: 'visible',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n height: '3px',\n backgroundColor: theme.palette.brand.primary,\n width: '100%',\n bottom: '-12px',\n left: 0,\n },\n },\n '&:active': {\n color: theme.palette.text.primary,\n },\n '& > .MuiIcon-root': {\n fontSize: '20px !Important',\n width: '20px',\n height: '30px',\n color: theme.palette.onSurface.os500,\n },\n };\n styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n fontSize: '14px',\n minWidth: '56px',\n marginTop: '6px',\n } });\n if (isActive) {\n styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n }\n if (smallSize) {\n styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n fontSize: '15px !important',\n width: '15px',\n height: '22px',\n } });\n }\n return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","default","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"yMAMK,MAACA,EAAYC,EAAMC,QAACC,UAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DJ,EAEf,EAAGK,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}
|
|
@@ -51,5 +51,6 @@ export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChang
|
|
|
51
51
|
* Properties are inherited from HTML Button element.
|
|
52
52
|
* @param props TabsProps
|
|
53
53
|
* @returns React Functional Component
|
|
54
|
+
* @deprecated use Tab component from @mui/material instead
|
|
54
55
|
*/
|
|
55
56
|
export declare const Tabs: FC<TabsProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n activeTab: null,\n updateActiveTab: noop,\n smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n */\nexport const Tabs = (_a) => {\n var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n const [windowWidth, setWindowWidth] = useState(null);\n const [isMobileView, setIsMobileView] = useState(false);\n const [menuChildren, setMenuChildren] = useState([]);\n const [mouseDown, setMouseDown] = useState(false);\n const [activeMenuItem, setActiveMenuItem] = useState(false);\n const moreBtnRef = useRef(null);\n const tabsRef = useRef(null);\n const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n const theme = useTheme();\n const updateActiveTab = useCallback((value, fromMenu) => {\n setActiveMenuItem(fromMenu);\n setCurrentActiveTab(value);\n }, []);\n const handleMobileView = useCallback(() => {\n handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n useEffect(() => {\n setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n }, [activeTab, defaultActiveTab]);\n useEffect(() => {\n handleMobileView();\n window.addEventListener('resize', handleMobileView);\n return () => {\n window.removeEventListener('resize', handleMobileView);\n };\n });\n useEffect(() => {\n handleChange && handleChange(currentActiveTab);\n }, [currentActiveTab, handleChange]);\n //Set the initial more btn menu list\n useEffect(() => {\n setMenuChildren(React.Children.toArray(children));\n }, [children]);\n //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n useEffect(() => {\n if (moreBtnRef && moreBtnRef.current) {\n handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n }\n }, [windowWidth, handleOverflowingTabs, children]);\n useEffect(() => {\n document.addEventListener('mousedown', function () {\n setMouseDown(true);\n });\n document.addEventListener('keydown', function () {\n setMouseDown(false);\n });\n }, []);\n useEffect(() => { }, [props]);\n return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n boxSizing: 'border-box',\n }, '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n width: '100%',\n },\n '& > .MuiTabs-indicator': {\n height: '3px',\n backgroundColor: flowColors.brand.primary,\n },\n '& > div > .MuiTab-root': {\n marginLeft: '56px',\n },\n } });\n if (props.smallSize) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n },\n '& > div > .MuiTab-root': {\n marginLeft: '40px',\n '&:after': {\n bottom: '-11px',\n },\n },\n }, '& .MuiTabs-indicator': {\n backgroundColor: flowColors.brand.primary,\n } });\n }\n if (props.mouseDown) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n border: 0,\n paddingLeft: 0,\n paddingRight: 0,\n } }) }) });\n }\n return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","default","createContext","activeTab","updateActiveTab","noop","smallSize","TabsStyled","styled","MuiTabs","shouldForwardProp","prop","_a","props","__rest","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","mouseDown","border","paddingLeft","paddingRight","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","jsx","SecondaryNavigationTabs","val","Provider","_jsxs","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n activeTab: null,\n updateActiveTab: noop,\n smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const Tabs = (_a) => {\n var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n const [windowWidth, setWindowWidth] = useState(null);\n const [isMobileView, setIsMobileView] = useState(false);\n const [menuChildren, setMenuChildren] = useState([]);\n const [mouseDown, setMouseDown] = useState(false);\n const [activeMenuItem, setActiveMenuItem] = useState(false);\n const moreBtnRef = useRef(null);\n const tabsRef = useRef(null);\n const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n const theme = useTheme();\n const updateActiveTab = useCallback((value, fromMenu) => {\n setActiveMenuItem(fromMenu);\n setCurrentActiveTab(value);\n }, []);\n const handleMobileView = useCallback(() => {\n handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n useEffect(() => {\n setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n }, [activeTab, defaultActiveTab]);\n useEffect(() => {\n handleMobileView();\n window.addEventListener('resize', handleMobileView);\n return () => {\n window.removeEventListener('resize', handleMobileView);\n };\n });\n useEffect(() => {\n handleChange && handleChange(currentActiveTab);\n }, [currentActiveTab, handleChange]);\n //Set the initial more btn menu list\n useEffect(() => {\n setMenuChildren(React.Children.toArray(children));\n }, [children]);\n //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n useEffect(() => {\n if (moreBtnRef && moreBtnRef.current) {\n handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n }\n }, [windowWidth, handleOverflowingTabs, children]);\n useEffect(() => {\n document.addEventListener('mousedown', function () {\n setMouseDown(true);\n });\n document.addEventListener('keydown', function () {\n setMouseDown(false);\n });\n }, []);\n useEffect(() => { }, [props]);\n return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n boxSizing: 'border-box',\n }, '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n width: '100%',\n },\n '& > .MuiTabs-indicator': {\n height: '3px',\n backgroundColor: flowColors.brand.primary,\n },\n '& > div > .MuiTab-root': {\n marginLeft: '56px',\n },\n } });\n if (props.smallSize) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n },\n '& > div > .MuiTab-root': {\n marginLeft: '40px',\n '&:after': {\n bottom: '-11px',\n },\n },\n }, '& .MuiTabs-indicator': {\n backgroundColor: flowColors.brand.primary,\n } });\n }\n if (props.mouseDown) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n border: 0,\n paddingLeft: 0,\n paddingRight: 0,\n } }) }) });\n }\n return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","default","createContext","activeTab","updateActiveTab","noop","smallSize","TabsStyled","styled","MuiTabs","shouldForwardProp","prop","_a","props","__rest","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","mouseDown","border","paddingLeft","paddingRight","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","jsx","SecondaryNavigationTabs","val","Provider","_jsxs","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("../icon/icon.js");require("../icon/icon.definitions.js");var l=require("@mui/material"),o=require("../common/styled/textFieldStyled.js"),a=require("./hook/useTextInput.js"),u=require("../common/hook/useWindowSize.js"),s=require("./hook/useTextInputEffect.js"),i=require("../common/helperText.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(require("lodash/noop"));exports.TextInput=d=>{var{name:h,id:x,label:p=null,onChange:m,onBlur:f,onFocus:j,value:b,placeholder:q,hasError:C,fullWidth:v=!0,excludeChars:I}=d,T=e.__rest(d,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[F,k]=n.useState(b||""),[y,S]=n.useState(!1),[g,w]=n.useState(!1),[E,L]=n.useState(!1),[B,D]=n.useState(!1),{handleOnBlur:O,handleOnFocus:W,handleOnChange:_,handlePlaceholder:K}=a.useTextInput(p,B,q,T.type),M=n.useRef(null),{width:P}=u.default();return s.useTextInputEffect(M,c.default,v,P,F,b,T.maxChars,T.required,S,k,D),r.jsx("div",{children:r.jsx(o.default,Object.assign({},T,{className:[T.icon?"textField-Icon":"",p?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:y},InputProps:T.icon?{startAdornment:r.jsx(l.InputAdornment,{position:"start",children:r.jsx(t.Icon,{color:T.disabled?"disabled":"inherit",name:T.icon})})}:{},onChange:e=>_(e,T.maxChars,m,k),value:F,onFocus:e=>W(e,w,S,j),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),hovered:E,onBlur:e=>O(e,S,w,f,F),focused:g,placeholder:K,label:q?null:p,hiddenLabel:!!q,name:h,ref:M,id:x,error:C,fullWidth:v,onKeyDown:e=>{T.onKeyDownCallback&&T.onKeyDownCallback(e),I&&I.length>0&&I.includes(e.key)&&e.preventDefault()},helperText:r.jsx(i.default,{maxChars:T.maxChars,currentValue:F,helpText:T.helpText})}))})};
|
|
2
2
|
//# sourceMappingURL=textInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textInput.js","sources":["../../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n const [currentValue, setCurrentValue] = useState(value || '');\n const [isShrunk, setIsShrunk] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [isRequired, setIsRequired] = useState(false);\n const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n const inputRef = useRef(null);\n const { width } = useWindowSize();\n useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n shrink: isShrunk,\n }, InputProps: props.icon\n ? {\n startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit',
|
|
1
|
+
{"version":3,"file":"textInput.js","sources":["../../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n const [currentValue, setCurrentValue] = useState(value || '');\n const [isShrunk, setIsShrunk] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [isRequired, setIsRequired] = useState(false);\n const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n const inputRef = useRef(null);\n const { width } = useWindowSize();\n useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n shrink: isShrunk,\n }, InputProps: props.icon\n ? {\n startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', name: props.icon }) })),\n }\n : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n if (props.onKeyDownCallback)\n props.onKeyDownCallback(event);\n if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n event.preventDefault();\n }\n }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","default","maxChars","required","_jsx","children","jsx","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"+eAkB0BA,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAAA,OAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAAA,SAAST,GAAS,KACnDU,EAAUC,GAAeF,EAAQA,UAAC,IAClCG,EAAWC,GAAgBJ,EAAQA,UAAC,IACpCK,EAASC,GAAcN,EAAQA,UAAC,IAChCO,EAAYC,GAAiBR,EAAQA,UAAC,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,eAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,SAAO,OAClBC,MAAEA,GAAUC,EAAAA,UAElB,OADAC,EAAkBA,mBAACJ,EAAUK,EAAIC,QAAE3B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAM0B,SAAU1B,EAAM2B,SAAUrB,EAAaH,EAAiBS,GAChIgB,MAAK,MAAO,CAAEC,SAAUD,EAAIE,IAACC,UAAiBC,OAAOC,OAAO,GAAIjC,EAAO,CAAEkC,UAAW,CAAClC,EAAMmC,KAAO,iBAAmB,GAAI5C,EAAQ,kBAAoB,qBAAqB6C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQjC,GACTkC,WAAYvC,EAAMmC,KACf,CACEK,eAAiBZ,EAAAA,IAAKa,EAAAA,eAAgB,CAAEC,SAAU,QAASb,SAAUD,EAAIE,IAACa,OAAM,CAAEC,MAAO5C,EAAM6C,SAAW,WAAa,UAAWxD,KAAMW,EAAMmC,UAEhJ,CAAE,EAAE3C,SAAWsD,GAAU/B,EAAe+B,EAAO9C,EAAM0B,SAAUlC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUoD,GAAUhC,EAAcgC,EAAOtC,EAAcF,EAAaZ,GAAUqD,aAAc,IAAMrC,GAAW,GAAOsC,aAAc,IAAMtC,GAAW,GAAQD,QAASA,EAAShB,OAASqD,GAAUjC,EAAaiC,EAAOxC,EAAaE,EAAcf,EAAQS,GAAe+C,QAAS1C,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAO2D,cAAetD,EAAaP,KAAMA,EAAM8D,IAAKhC,EAAU7B,GAAIA,EAAI8D,MAAOvD,EAAUC,UAAWA,EAAWuD,UAAYP,IAC7jB9C,EAAMsD,mBACNtD,EAAMsD,kBAAkBR,GACxB/C,GAAgBA,EAAawD,OAAS,GAAKxD,EAAayD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY/B,EAAAA,IAAKgC,EAAAA,QAAY,CAAElC,SAAU1B,EAAM0B,SAAUxB,aAAcA,EAAc2D,SAAU7D,EAAM6D,eAAoB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { IconNameProp } from '../icon';
|
|
3
3
|
export type UploadFieldProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Glob string that specifies which file types are accepted by upload
|
|
@@ -27,7 +27,7 @@ export type UploadFieldProps = {
|
|
|
27
27
|
* Icon name of the upload button.
|
|
28
28
|
* @default undefined
|
|
29
29
|
*/
|
|
30
|
-
uploadIcon?:
|
|
30
|
+
uploadIcon?: IconNameProp;
|
|
31
31
|
/**
|
|
32
32
|
* Label of the upload button.
|
|
33
33
|
* @default Upload
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./UploadBox.js"),a=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("@mui/material"),i=require("minimatch");exports.UploadField=({uploadIcon:l="plus",maxFiles:o=1,uploadLabel:s="Upload",accept:c="*",onFileDrop:p})=>{const u=r.useRef(null),[d,f]=r.useState(!1),[g,h]=r.useState(!1),m=r.useCallback((e=>{e.stopPropagation(),e.preventDefault()}),[]),x=r.useCallback((e=>{[...e.dataTransfer.files].filter((e=>i.minimatch(e.type,c))).length>0?f(!0):h(!0)}),[f,h]),j=r.useCallback((()=>{f(!1),h(!1)}),[f,h]),v=r.useCallback((()=>{var e;null===(e=u.current)||void 0===e||e.click()}),[]),y=r.useCallback((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.dataTransfer.files].filter((e=>i.minimatch(e.type,c))).slice(0,o);f(!1),h(!1),r.length>0&&p(r)}),[f,h]),C=r.useCallback((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.target.files].filter((e=>i.minimatch(e.type,c))).slice(0,o);r.length>0&&(p([...r]),u.current&&(u.current.value=""))}),[]);return e.jsx(t.UploadBox,{color:d?"primary":"secondary",children:e.jsxs(n.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:g?"no-drop":"pointer"},onDragOver:m,onDrop:y,onDragEnter:x,onDragLeave:j,onClick:v,children:[e.jsx(n.IconButton,{children:e.jsx(a.Icon,{name:l})}),"string"==typeof s?e.jsx(n.Typography,{children:s}):s,e.jsx("input",{ref:u,hidden:!0,type:"file",multiple:o>1,accept:c,onChange:C})]})})};
|
|
2
2
|
//# sourceMappingURL=UploadField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadField.js","sources":["../../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n const inputRef = useRef(null);\n const [dragging, setDragging] = useState(false);\n const [dragInvalid, setDragInvalid] = useState(false);\n const preventDragOver = useCallback((event) => {\n event.stopPropagation();\n event.preventDefault();\n }, []);\n const dragOverHandler = useCallback((event) => {\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept));\n if (matched.length > 0) {\n setDragging(true);\n }\n else {\n setDragInvalid(true);\n }\n }, [setDragging, setDragInvalid]);\n const dragLeaveHandler = useCallback(() => {\n setDragging(false);\n setDragInvalid(false);\n }, [setDragging, setDragInvalid]);\n const uploadClickHandler = useCallback(() => {\n var _a;\n (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n }, []);\n const dropHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n setDragging(false);\n setDragInvalid(false);\n if (matched.length > 0) {\n onFileDrop(matched);\n }\n }, [setDragging, setDragInvalid]);\n const inputChangeHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.target.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n if (matched.length > 0) {\n onFileDrop([...matched]);\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n }\n }, []);\n return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n gap: '8px',\n '& *': {\n pointerEvents: 'none',\n },\n cursor: dragInvalid ? 'no-drop' : 'pointer',\n }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, {
|
|
1
|
+
{"version":3,"file":"UploadField.js","sources":["../../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n const inputRef = useRef(null);\n const [dragging, setDragging] = useState(false);\n const [dragInvalid, setDragInvalid] = useState(false);\n const preventDragOver = useCallback((event) => {\n event.stopPropagation();\n event.preventDefault();\n }, []);\n const dragOverHandler = useCallback((event) => {\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept));\n if (matched.length > 0) {\n setDragging(true);\n }\n else {\n setDragInvalid(true);\n }\n }, [setDragging, setDragInvalid]);\n const dragLeaveHandler = useCallback(() => {\n setDragging(false);\n setDragInvalid(false);\n }, [setDragging, setDragInvalid]);\n const uploadClickHandler = useCallback(() => {\n var _a;\n (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n }, []);\n const dropHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n setDragging(false);\n setDragInvalid(false);\n if (matched.length > 0) {\n onFileDrop(matched);\n }\n }, [setDragging, setDragInvalid]);\n const inputChangeHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.target.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n if (matched.length > 0) {\n onFileDrop([...matched]);\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n }\n }, []);\n return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n gap: '8px',\n '& *': {\n pointerEvents: 'none',\n },\n cursor: dragInvalid ? 'no-drop' : 'pointer',\n }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { name: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","jsx","IconButton","Icon","name","Typography","ref","hidden","multiple","onChange"],"mappings":"6OAM2B,EAAGA,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,SAAO,OACjBC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAAaC,GAAkBF,EAAQA,UAAC,GACzCG,EAAkBC,eAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,eAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAASA,UAACD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,EAAAA,aAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,EAAAA,aAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,eAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAAA,UAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,eAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAAA,UAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,MAAKC,EAAAA,UAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAAA,KAAMC,EAAGA,IAAE,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAIqB,IAACC,aAAY,CAAEnB,SAAUH,EAAAA,IAAKuB,EAAAA,KAAM,CAAEC,KAAM5D,MAAyC,iBAAhBE,EAA2BkC,MAAKyB,EAAAA,WAAY,CAAEtB,SAAUrC,IAAiBA,EAAakC,MAAK,QAAS,CAAE0B,IAAKzD,EAAU0D,QAAQ,EAAMxC,KAAM,OAAQyC,SAAU/D,EAAW,EAAGE,OAAQA,EAAQ8D,SAAUhC,QAA8B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),r=require("../icon/icon.js")
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),r=require("../icon/icon.js");require("../icon/icon.definitions.js");var s=require("./UploadBox.js"),o=require("../../utils/formatFileSize/formatFileSize.js");exports.UploadPreviewList=({files:t,actions:n})=>e.jsx(s.UploadBox,{color:"white",children:e.jsx(i.Box,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:e.jsx(i.List,{children:t.map(((s,a)=>e.jsxs(e.Fragment,{children:[e.jsxs(i.ListItem,{secondaryAction:null==n?void 0:n(s),children:[e.jsx(i.ListItemIcon,{sx:{fontSize:"30px"},children:e.jsx(r.Icon,{fontSize:"inherit",name:"file"})}),e.jsx(i.ListItemText,{primary:e.jsx(i.Typography,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:s.name}),secondary:e.jsx(i.Typography,{color:"disabled.tertiary",children:o.formatFileSize(s.size)})})]},s.name),a<t.length-1&&e.jsx(i.Divider,{})]})))})})});
|
|
2
2
|
//# sourceMappingURL=UploadPreviewList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadPreviewList.js","sources":["../../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\",
|
|
1
|
+
{"version":3,"file":"UploadPreviewList.js","sources":["../../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\", name: \"file\" }) }), _jsx(ListItemText, { primary: _jsx(Typography, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingRight: '15px',\n }, children: file.name }), secondary: _jsx(Typography, { color: \"disabled.tertiary\", children: formatFileSize(file.size) }) })] }, file.name), index < files.length - 1 && _jsx(Divider, {})] }))) }) }) }));\n};\n//# sourceMappingURL=UploadPreviewList.js.map"],"names":["files","actions","_jsx","UploadBox","color","children","Box","sx","width","height","padding","overflow","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","ListItemIcon","fontSize","Icon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"mQAKiC,EAAGA,QAAOC,aAC/BC,EAAAA,IAAKC,EAAAA,UAAW,CAAEC,MAAO,QAASC,SAAUH,MAAKI,EAAAA,IAAK,CAAEC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAUN,SAAUH,EAAAA,IAAKU,EAAAA,KAAM,CAAEP,SAAUL,EAAMa,KAAI,CAACC,EAAMC,IAAWC,OAAMC,EAAAA,SAAW,CAAEZ,SAAU,CAACW,EAAAA,KAAME,EAAQA,SAAE,CAAEC,gBAAiBlB,aAAyC,EAASA,EAAQa,GAAOT,SAAU,CAACH,MAAKkB,EAAAA,aAAc,CAAEb,GAAI,CAAEc,SAAU,QAAUhB,SAAUH,EAAAA,IAAKoB,EAAAA,KAAM,CAAED,SAAU,UAAWE,KAAM,WAAcrB,EAAAA,IAAKsB,EAAAA,aAAc,CAAEC,QAASvB,EAAAA,IAAKwB,EAAAA,WAAY,CAAEnB,GAAI,CACldoB,WAAY,SACZhB,SAAU,SACViB,aAAc,WACdC,aAAc,QACfxB,SAAUS,EAAKS,OAASO,UAAW5B,EAAAA,IAAKwB,EAAUA,WAAE,CAAEtB,MAAO,oBAAqBC,SAAU0B,EAAAA,eAAejB,EAAKkB,YAAgBlB,EAAKS,MAAOR,EAAQf,EAAMiC,OAAS,GAAK/B,EAAAA,IAAKgC,EAAAA,QAAS,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../../../../components/accordion/accordion.js"),require("../../../../components/backdrop/backdrop.js"),require("../../../../components/button/button.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("../../../../components/accordion/accordion.js"),require("../../../../components/backdrop/backdrop.js"),require("../../../../components/button/button.js"),require("react"),require("@mui/material"),require("@mui/material/styles"),require("../../palette.theme.js"),require("../autocomplete.theme.js"),require("../backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../theme.breakpoints.js"),require("../../theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../divider.theme.js"),require("../drawer.theme.js"),require("../form/slider.theme.js"),require("../icon.theme.js"),require("../mobileStepper.theme.js"),require("../modal.theme.js"),require("../pagination.theme.js"),require("../snackbar.theme.js"),require("../stepper/stepIcon/errorStepIcon.js"),require("../stepper/stepIcon/qontoStepIcon.js"),require("../tabs/tabs.theme.js"),require("../tooltip.theme.js"),require("react-use"),require("../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../../organisms/carousel/styledComponents/styledCarouselVertical.js");var r=require("../../../../components/controls/controls.js");require("../../../../components/numbering/numbering.js"),require("../../../../utils/enum.js"),require("../../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../../organisms/maps/utils/mapIcons.js"),require("../../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../../organisms/shortcutLink/shortcutLink.js"),require("../../../../organisms/textCta/textCta.js"),require("../../../../organisms/tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../../organisms/notification/Notification.js"),require("../../../../organisms/notification/NotificationCenter.js"),require("../../../../layout/Header/HeaderContext.js"),require("../../../../layout/Header/HeaderButton.js"),require("../../../../layout/Header/HeaderNavigationHero.js"),require("../../../../layout/Header/HeaderNavigationLink.js"),require("../../../../layout/Header/HeaderNavigationMenu.js"),require("../../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../../layout/Header/HeaderOverheadItem.js"),require("../../../../components/icon/icon.js"),require("../../../../components/icon/icon.definitions.js"),require("../../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../../production/Button/Button.js"),require("../../../../components/cardContainer/cardContainer.js"),require("../../../../components/cardMenu/cardMenu.js"),require("../../../../components/checkbox/checkbox.js"),require("../../../../components/chip/chipImage/chipImage.js"),require("../../../../components/chip/regular/chip.js"),require("../../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../../../components/divider/divider.js"),require("../../../../components/drawer/drawer.js"),require("../../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../../components/indicator/indicator.js"),require("../../../../components/label/label.js"),require("../../../../components/labelCO2/labelCO2.js"),require("../../../../components/labelFeature/labelFeature.js"),require("../../../../components/labelPromotional/labelPromotional.js"),require("../../../../components/labelStatus/labelStatus.js"),require("../../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../../components/mobileStepper/mobileStepperButton.js"),require("../../../../components/modal/modal.js"),require("../../../../components/modal/modalTitle.js"),require("../../../../components/pagination/pagination.js"),require("../../../../components/progressBar/progressBar.js"),require("../../../../components/radioButton/radioButton.js"),require("../../../../components/selectInput/selectInput.js"),require("../../../../components/slider/slider.js"),require("../../../../components/snackbar/snackbar.js"),require("../../../../components/stepper/stepper.js"),require("../../../../components/tab/tab.js"),require("../../../../components/tab/tabs.js"),require("../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../../components/textArea/textArea.js"),require("../../../../components/common/styled/textFieldStyled.js"),require("../../../../components/helperTextContent/index.js"),require("../../../../components/toggleSwitch/toggleSwitch.js"),require("../../../../components/agGrid/agGrid.js"),require("../../../../components/avatar/Avatar.js"),require("../../../../components/iconButton/index.js"),require("../../../../components/alert/AlertButton.js"),require("../../../../organisms/gallery/Gallery.js"),require("../../../../organisms/gallery/GalleryItem.js"),require("minimatch");const o={defaultProps:{expandIcon:e.jsx(r.Controller,{controlType:"plus"})},styleOverrides:{}};exports.flowAccordionSummary=o;
|
|
2
2
|
//# sourceMappingURL=accordionSummary.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType:
|
|
1
|
+
{"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: \"plus\" }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"66LAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("react"),require("@mui/material"),require("@mui/material/styles"),require("../palette.theme.js"),require("./accordion/accordionSummary.theme.js"),require("./backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../theme.breakpoints.js"),require("../theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("./divider.theme.js"),require("./drawer.theme.js"),require("./form/slider.theme.js"),require("./icon.theme.js"),require("./mobileStepper.theme.js"),require("./modal.theme.js"),require("./pagination.theme.js"),require("./snackbar.theme.js"),require("./stepper/stepIcon/errorStepIcon.js"),require("./stepper/stepIcon/qontoStepIcon.js"),require("./tabs/tabs.theme.js"),require("./tooltip.theme.js"),require("react-use"),require("../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../../components/controls/controls.js"),require("../../../components/numbering/numbering.js"),require("../../../utils/enum.js"),require("../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../organisms/maps/utils/mapIcons.js"),require("../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../organisms/shortcutLink/shortcutLink.js"),require("../../../organisms/textCta/textCta.js"),require("../../../organisms/tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../organisms/notification/Notification.js"),require("../../../organisms/notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js");var r=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../production/Button/Button.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../components/mobileStepper/mobileStepperButton.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../../organisms/gallery/Gallery.js"),require("../../../organisms/gallery/GalleryItem.js"),require("minimatch");const o={defaultProps:{popupIcon:e.jsx(r.Icon,{name:"chevron-down"}),clearIcon:e.jsx(r.Icon,{name:"close"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:e})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:e.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:e.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:e.palette.surface.primary}}}),option:({theme:e})=>({fontSize:"16px",lineHeight:"24px",color:e.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:e.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};exports.flowAutocomplete=o;
|
|
2
2
|
//# sourceMappingURL=autocomplete.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.theme.js","sources":["../../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n defaultProps: {\n popupIcon: _jsx(Icon, {
|
|
1
|
+
{"version":3,"file":"autocomplete.theme.js","sources":["../../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n defaultProps: {\n popupIcon: _jsx(Icon, { name: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { name: \"close\" }),\n disableClearable: true,\n componentsProps: {\n popupIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n clearIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n },\n },\n styleOverrides: {\n root: () => ({\n '& .MuiFilledInput-root': {\n paddingBottom: 7,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n height: 26,\n boxSizing: 'border-box',\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n paddingBottom: 3,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n paddingTop: 12,\n paddingBottom: 14,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n paddingTop: 17,\n paddingBottom: 13,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n }),\n endAdornment: {\n top: '50%',\n transform: 'translateY(-50%)',\n },\n popupIndicator: {\n padding: 0,\n marginRight: 0,\n },\n clearIndicator: {\n padding: 0,\n marginRight: 0,\n },\n listbox: ({ theme }) => ({\n maxHeight: 240,\n overflow: 'overlay',\n padding: 0,\n '& .MuiAutocomplete-option': {\n minHeight: '48px',\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option.Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n }),\n option: ({ theme }) => ({\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n minHeight: '48px',\n backgroundColor: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n }),\n tag: {\n marginTop: 0,\n marginBottom: 0,\n height: 26,\n display: 'inline-flex',\n alignItems: 'center',\n '&.MuiChip-colorDefault': {\n background: 'transparent',\n },\n '& .MuiChip-label': {\n display: 'inline',\n paddingLeft: 0,\n paddingRight: 7,\n },\n '& .MuiChip-deleteIcon': {\n marginRight: 2,\n },\n },\n },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","name","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"0rLAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAM,iBAC9BC,UAAWH,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAM,UAC9BE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";exports.flowDialog={defaultProps:{},styleOverrides:{paper:{maxWidth:624},paperFullScreen:{maxWidth:"unset"}
|
|
1
|
+
"use strict";exports.flowDialog={defaultProps:{},styleOverrides:{paper:{borderRadius:8,maxWidth:624},paperFullScreen:{maxWidth:"unset"}}};
|
|
2
2
|
//# sourceMappingURL=dialog.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.theme.js","sources":["../../../../../../src/design/skoda/components/dialog/dialog.theme.ts"],"sourcesContent":["export const flowDialog = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n
|
|
1
|
+
{"version":3,"file":"dialog.theme.js","sources":["../../../../../../src/design/skoda/components/dialog/dialog.theme.ts"],"sourcesContent":["export const flowDialog = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n borderRadius: 8,\n maxWidth: 624,\n },\n paperFullScreen: {\n maxWidth: 'unset',\n },\n },\n};\n//# sourceMappingURL=dialog.theme.js.map"],"names":["defaultProps","styleOverrides","paper","borderRadius","maxWidth","paperFullScreen"],"mappings":"gCAA0B,CACtBA,aAAc,CAAE,EAChBC,eAAgB,CACZC,MAAO,CACHC,aAAc,EACdC,SAAU,KAEdC,gBAAiB,CACbD,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("../../../../components/accordion/accordion.js"),require("../../../../components/backdrop/backdrop.js"),require("../../../../components/button/button.js"),require("
|
|
1
|
+
"use strict";require("../../../../components/accordion/accordion.js"),require("../../../../components/backdrop/backdrop.js"),require("../../../../components/button/button.js"),require("react/jsx-runtime"),require("react"),require("@mui/material"),require("@mui/material/styles"),require("../../palette.theme.js"),require("../accordion/accordionSummary.theme.js"),require("../autocomplete.theme.js"),require("../backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../theme.breakpoints.js"),require("../../theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../divider.theme.js"),require("../drawer.theme.js"),require("./slider.theme.js"),require("../icon.theme.js"),require("../mobileStepper.theme.js"),require("../modal.theme.js"),require("../pagination.theme.js"),require("../snackbar.theme.js"),require("../stepper/stepIcon/errorStepIcon.js"),require("../stepper/stepIcon/qontoStepIcon.js"),require("../tabs/tabs.theme.js"),require("../tooltip.theme.js"),require("react-use"),require("../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../../../components/controls/controls.js"),require("../../../../components/numbering/numbering.js"),require("../../../../utils/enum.js"),require("../../../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../../../organisms/maps/utils/mapIcons.js"),require("../../../../organisms/maps/mapComponents/mapStyled.js"),require("../../../../organisms/shortcutLink/shortcutLink.js"),require("../../../../organisms/textCta/textCta.js"),require("../../../../organisms/tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../../../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../../../organisms/notification/Notification.js"),require("../../../../organisms/notification/NotificationCenter.js"),require("../../../../layout/Header/HeaderContext.js"),require("../../../../layout/Header/HeaderButton.js"),require("../../../../layout/Header/HeaderNavigationHero.js"),require("../../../../layout/Header/HeaderNavigationLink.js"),require("../../../../layout/Header/HeaderNavigationMenu.js"),require("../../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../../layout/Header/HeaderOverheadItem.js");var e=require("../../../../components/icon/icon.js");require("../../../../components/icon/icon.definitions.js"),require("../../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../../production/Button/Button.js"),require("../../../../components/cardContainer/cardContainer.js"),require("../../../../components/cardMenu/cardMenu.js"),require("../../../../components/checkbox/checkbox.js"),require("../../../../components/chip/chipImage/chipImage.js"),require("../../../../components/chip/regular/chip.js"),require("../../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../../../components/divider/divider.js"),require("../../../../components/drawer/drawer.js"),require("../../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../../components/indicator/indicator.js"),require("../../../../components/label/label.js"),require("../../../../components/labelCO2/labelCO2.js"),require("../../../../components/labelFeature/labelFeature.js"),require("../../../../components/labelPromotional/labelPromotional.js"),require("../../../../components/labelStatus/labelStatus.js"),require("../../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../../components/mobileStepper/mobileStepperButton.js"),require("../../../../components/modal/modal.js"),require("../../../../components/modal/modalTitle.js"),require("../../../../components/pagination/pagination.js"),require("../../../../components/progressBar/progressBar.js"),require("../../../../components/radioButton/radioButton.js"),require("../../../../components/selectInput/selectInput.js"),require("../../../../components/slider/slider.js"),require("../../../../components/snackbar/snackbar.js"),require("../../../../components/stepper/stepper.js"),require("../../../../components/tab/tab.js"),require("../../../../components/tab/tabs.js"),require("../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../../components/textArea/textArea.js"),require("../../../../components/common/styled/textFieldStyled.js"),require("../../../../components/helperTextContent/index.js"),require("../../../../components/toggleSwitch/toggleSwitch.js"),require("../../../../components/agGrid/agGrid.js"),require("../../../../components/avatar/Avatar.js"),require("../../../../components/iconButton/index.js"),require("../../../../components/alert/AlertButton.js"),require("../../../../organisms/gallery/Gallery.js"),require("../../../../organisms/gallery/GalleryItem.js"),require("minimatch");const r={defaultProps:{IconComponent:e.Icon,classes:{icon:"chevron-down"}},styleOverrides:{select:{"& ~ .MuiInputAdornment-positionEnd":{marginRight:30}},icon:{color:"inherit"},iconOutlined:{right:15},iconFilled:{right:15}}};exports.flowSelect=r;
|
|
2
2
|
//# sourceMappingURL=select.theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.theme.js","sources":["../../../../../../src/design/skoda/components/form/select.theme.ts"],"sourcesContent":["import { Icon } from '../../../../components';\nexport const flowSelect = {\n defaultProps: {\n IconComponent: Icon,\n classes: {\n icon: 'chevron-down',\n },\n },\n styleOverrides: {\n select: {\n '& ~ .MuiInputAdornment-positionEnd': {\n marginRight: 30,\n },\n },\n icon: {\n color: 'inherit',\n },\n iconOutlined: {\n right: 15,\n },\n iconFilled: {\n right: 15,\n },\n },\n};\n//# sourceMappingURL=select.theme.js.map"],"names":["flowSelect","defaultProps","IconComponent","Icon","classes","icon","styleOverrides","select","marginRight","color","iconOutlined","right","iconFilled"],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.theme.js","sources":["../../../../../../src/design/skoda/components/form/select.theme.ts"],"sourcesContent":["import { Icon } from '../../../../components';\nexport const flowSelect = {\n defaultProps: {\n IconComponent: Icon,\n classes: {\n icon: 'chevron-down',\n },\n },\n styleOverrides: {\n select: {\n '& ~ .MuiInputAdornment-positionEnd': {\n marginRight: 30,\n },\n },\n icon: {\n color: 'inherit',\n },\n iconOutlined: {\n right: 15,\n },\n iconFilled: {\n right: 15,\n },\n },\n};\n//# sourceMappingURL=select.theme.js.map"],"names":["flowSelect","defaultProps","IconComponent","Icon","classes","icon","styleOverrides","select","marginRight","color","iconOutlined","right","iconFilled"],"mappings":"m9LACY,MAACA,EAAa,CACtBC,aAAc,CACVC,cAAeC,EAAIA,KACnBC,QAAS,CACLC,KAAM,iBAGdC,eAAgB,CACZC,OAAQ,CACJ,qCAAsC,CAClCC,YAAa,KAGrBH,KAAM,CACFI,MAAO,WAEXC,aAAc,CACVC,MAAO,IAEXC,WAAY,CACRD,MAAO"}
|