@skodaflow/web-library 3.2.4 → 3.3.0-alpha.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.
Files changed (119) hide show
  1. package/README.md +81 -120
  2. package/build/README.md +81 -120
  3. package/build/components/backdrop/backdrop.d.ts +3 -0
  4. package/build/components/button/button.d.ts +1 -0
  5. package/build/components/cardMenu/styled/menuListStyled.d.ts +1 -1
  6. package/build/components/cardMenu/styled/popperStyled.d.ts +10 -1
  7. package/build/components/checkbox/checkbox.d.ts +1 -0
  8. package/build/components/chip/regular/chip.d.ts +1 -0
  9. package/build/components/closeDialogButton/index.d.ts +4 -0
  10. package/build/components/common/helperText.d.ts +2 -2
  11. package/build/components/common/imageComponent.d.ts +2 -2
  12. package/build/components/common/resizableSliderInput.d.ts +1 -1
  13. package/build/components/common/styled/textFieldStyled.d.ts +3 -17
  14. package/build/components/common/textInputHelperText.d.ts +2 -2
  15. package/build/components/container/container.d.ts +2 -1
  16. package/build/components/divider/divider.d.ts +1 -0
  17. package/build/components/grid/grid.d.ts +3 -2
  18. package/build/components/iconButton/index.d.ts +35 -0
  19. package/build/components/index.d.ts +2 -0
  20. package/build/components/modal/contentDiv.d.ts +1 -1
  21. package/build/components/pagination/pagination.d.ts +1 -1
  22. package/build/components/radioButton/radioButton.d.ts +2 -1
  23. package/build/components/selectInput/inputLabelSelect.d.ts +2 -2
  24. package/build/components/selectInput/selectInput.d.ts +1 -0
  25. package/build/components/tab/index.d.ts +1 -0
  26. package/build/components/textArea/textArea.d.ts +3 -0
  27. package/build/components/textInput/textInput.d.ts +1 -0
  28. package/build/components/toggleSwitch/toggleSwitch.d.ts +2 -1
  29. package/build/components/tooltip/tooltip.d.ts +1 -0
  30. package/build/design/skoda/components/tabs/index.d.ts +2 -0
  31. package/build/design/skoda/components/tabs/theme.tab.d.ts +2 -0
  32. package/build/design/skoda/components/tabs/theme.tabs.d.ts +2 -0
  33. package/build/design/skoda/components/theme.baseline.d.ts +3 -0
  34. package/build/design/skoda/components/theme.button.d.ts +2 -43
  35. package/build/design/skoda/components/theme.buttonBase.d.ts +2 -0
  36. package/build/design/skoda/components/theme.checkbox.d.ts +2 -2
  37. package/build/design/skoda/components/theme.chip.d.ts +2 -10
  38. package/build/design/skoda/components/theme.container.d.ts +2 -2
  39. package/build/design/skoda/components/theme.dialog.d.ts +2 -0
  40. package/build/design/skoda/components/theme.dialogActions.d.ts +2 -0
  41. package/build/design/skoda/components/theme.dialogTitle.d.ts +2 -0
  42. package/build/design/skoda/components/theme.filledInput.d.ts +2 -0
  43. package/build/design/skoda/components/theme.formControl.d.ts +2 -0
  44. package/build/design/skoda/components/theme.formControlLabel.d.ts +2 -2
  45. package/build/design/skoda/components/theme.formHelperText.d.ts +2 -0
  46. package/build/design/skoda/components/theme.formLabel.d.ts +2 -0
  47. package/build/design/skoda/components/theme.iconButton.d.ts +3 -0
  48. package/build/design/skoda/components/theme.input.d.ts +2 -0
  49. package/build/design/skoda/components/theme.inputAdornment.d.ts +2 -0
  50. package/build/design/skoda/components/theme.inputBase.d.ts +2 -0
  51. package/build/design/skoda/components/theme.inputLabel.d.ts +2 -0
  52. package/build/design/skoda/components/theme.list.d.ts +2 -0
  53. package/build/design/skoda/components/theme.listItemText.d.ts +2 -0
  54. package/build/design/skoda/components/theme.menuItem.d.ts +2 -2
  55. package/build/design/skoda/components/theme.paper.d.ts +2 -0
  56. package/build/design/skoda/components/theme.popover.d.ts +2 -0
  57. package/build/design/skoda/components/theme.radio.d.ts +2 -2
  58. package/build/design/skoda/components/theme.switch.d.ts +2 -6
  59. package/build/design/skoda/index.d.ts +10 -4
  60. package/build/design/skoda/{theme.palette-new-ci.d.ts → theme.extensions.d.ts} +42 -5
  61. package/build/design/skoda/theme.palette.d.ts +2 -0
  62. package/build/design/skoda/theme.typography.d.ts +11 -36
  63. package/build/eula.txt +40 -0
  64. package/build/index.d.ts +1 -0
  65. package/build/index.es.js +15 -2
  66. package/build/index.es.js.map +1 -1
  67. package/build/index.js +15 -2
  68. package/build/index.js.map +1 -1
  69. package/build/layout/Header/Header.d.ts +8 -0
  70. package/build/layout/Header/HeaderButton.d.ts +9 -0
  71. package/build/layout/Header/HeaderLogo.d.ts +9 -0
  72. package/build/layout/Header/HeaderNavigationItem.d.ts +16 -0
  73. package/build/layout/Header/HeaderOverheadItem.d.ts +13 -0
  74. package/build/layout/Header/HeaderSkodaLogo.d.ts +4 -0
  75. package/build/layout/Header/PredefinedHeaderButtons.d.ts +14 -0
  76. package/build/layout/Header/index.d.ts +7 -0
  77. package/build/layout/index.d.ts +1 -0
  78. package/build/organisms/carousel/carousel.d.ts +2 -2
  79. package/build/organisms/carousel/carouselButton.d.ts +3 -3
  80. package/build/organisms/carousel/carouselTemplate.d.ts +2 -2
  81. package/build/organisms/carousel2/cardCarousel/cardCarousel.d.ts +5 -0
  82. package/build/organisms/carousel2/cardCarousel/index.d.ts +1 -0
  83. package/build/organisms/carousel2/carousel2.d.ts +131 -0
  84. package/build/organisms/carousel2/carouselButton.d.ts +11 -0
  85. package/build/organisms/carousel2/carouselTemplate.d.ts +8 -0
  86. package/build/organisms/carousel2/components/DotButton.d.ts +7 -0
  87. package/build/organisms/carousel2/components/ItemsContainer.d.ts +7 -0
  88. package/build/organisms/carousel2/components/NavButton.d.ts +15 -0
  89. package/build/organisms/carousel2/components/Numbering.d.ts +12 -0
  90. package/build/organisms/carousel2/components/ScrollSnapDots.d.ts +6 -0
  91. package/build/organisms/carousel2/components/ViewPort.d.ts +9 -0
  92. package/build/organisms/carousel2/galleryCarousel/GalleryItemText.d.ts +5 -0
  93. package/build/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +35 -0
  94. package/build/organisms/carousel2/galleryCarousel/galleryCarouselItem.d.ts +14 -0
  95. package/build/organisms/carousel2/galleryCarousel/galleryContext.d.ts +21 -0
  96. package/build/organisms/carousel2/galleryCarousel/galleryItemContext.d.ts +5 -0
  97. package/build/organisms/carousel2/galleryCarousel/galleryItemHeading.d.ts +5 -0
  98. package/build/organisms/carousel2/galleryCarousel/index.d.ts +4 -0
  99. package/build/organisms/carousel2/heroCarousel/HeroCarouselSlide.d.ts +12 -0
  100. package/build/organisms/carousel2/heroCarousel/heroCarousel.d.ts +13 -0
  101. package/build/organisms/carousel2/heroCarousel/heroCarouselContext.d.ts +12 -0
  102. package/build/organisms/carousel2/heroCarousel/index.d.ts +2 -0
  103. package/build/organisms/carousel2/hooks/useContainerPeek.d.ts +13 -0
  104. package/build/organisms/carousel2/hooks/useDefaultProps.d.ts +2 -0
  105. package/build/organisms/carousel2/hooks/useEmbla.d.ts +2 -0
  106. package/build/organisms/carousel2/hooks/useEmblaHover.d.ts +5 -0
  107. package/build/organisms/carousel2/hooks/useEmblaScroll.d.ts +3 -0
  108. package/build/organisms/carousel2/hooks/useEmblaSelect.d.ts +7 -0
  109. package/build/organisms/carousel2/index.d.ts +3 -0
  110. package/build/organisms/carousel2/styledComponents/styledCarouselHorizontal.d.ts +12 -0
  111. package/build/organisms/carousel2/utils/ResponsiveType.d.ts +14 -0
  112. package/build/organisms/common/styled/cardStandardWrapperStyled.d.ts +1 -1
  113. package/build/organisms/index.d.ts +1 -0
  114. package/build/organisms/shortcutLink/shortcutLink.d.ts +2 -2
  115. package/package.json +105 -104
  116. package/theme/skoda/globals.css +85 -17
  117. package/build/design/skoda/components/theme.menu.d.ts +0 -2
  118. package/build/design/skoda/components/theme.tab.d.ts +0 -2
  119. package/build/design/skoda/theme.baseline.d.ts +0 -5
@@ -5,7 +5,7 @@ export declare const CardStandardWrapperStyled: import("@emotion/styled").Styled
5
5
  sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
6
6
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
7
7
  ref?: import("react").Ref<HTMLDivElement>;
8
- }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "elevation" | "square" | "sx" | "variant" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
8
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "elevation" | "square" | "sx" | "variant" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
9
9
  size?: any;
10
10
  isBorderRadius?: any;
11
11
  }, {}, {}>;
@@ -9,3 +9,4 @@ export * from './maps';
9
9
  export * from './shortcutLink';
10
10
  export * from './textCta';
11
11
  export * from './tile';
12
+ export * from './carousel2';
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  export interface ShortcutLinkProps {
3
3
  iconName: string;
4
4
  title: string;
@@ -8,4 +8,4 @@ export interface ShortcutLinkProps {
8
8
  isExternalLink?: boolean;
9
9
  analyticsCallback?: (payload?: any) => void;
10
10
  }
11
- export declare const ShortcutLink: ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback }: ShortcutLinkProps) => JSX.Element;
11
+ export declare const ShortcutLink: ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback }: ShortcutLinkProps) => React.JSX.Element;
package/package.json CHANGED
@@ -1,104 +1,105 @@
1
- {
2
- "name": "@skodaflow/web-library",
3
- "version": "3.2.4",
4
- "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
5
- "author": "Skoda Auto",
6
- "license": "SEE LICENSE IN eula.txt",
7
- "main": "./build/index.js",
8
- "module": "./build/index.es.js",
9
- "types": "./build",
10
- "files": [
11
- "build",
12
- "theme"
13
- ],
14
- "scripts": {
15
- "build": "rollup --config build.library.config.js",
16
- "ci-build": "npm run build && npm run build-assets",
17
- "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
18
- "lint": "eslint src/**",
19
- "lint-fix": "eslint src/** --fix",
20
- "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
21
- "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
22
- "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
23
- "lint-staged": "lint-staged",
24
- "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
25
- "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
26
- "test": "cypress run-ct",
27
- "test-watch": "cypress open-ct",
28
- "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
29
- "ci-test": "cypress run-ct --reporter ../../node_modules/mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
30
- },
31
- "peerDependencies": {
32
- "@emotion/react": "^11.4.1",
33
- "@emotion/styled": "^11.3.0",
34
- "@mui/material": "^5.9.0",
35
- "@mui/system": "^5.9.0",
36
- "react": "^17.0.2 || ^18.0.0"
37
- },
38
- "dependencies": {
39
- "@skodaflow/web-tokens": "^2.4.0",
40
- "@googlemaps/markerclusterer": "^1.0.22",
41
- "@googlemaps/react-wrapper": "^1.1.22",
42
- "ag-grid-community": "^29.1.0",
43
- "ag-grid-react": "^29.1.0",
44
- "country-flag-icons": "^1.4.17",
45
- "embla-carousel-auto-height": "^7.1.0",
46
- "embla-carousel-autoplay": "^7.1.0",
47
- "embla-carousel-class-names": "^7.1.0",
48
- "embla-carousel-react": "^7.1.0",
49
- "embla-carousel-wheel-gestures": "^3.0.0"
50
- },
51
- "devDependencies": {
52
- "@cypress/react": "5.12.5",
53
- "@cypress/webpack-dev-server": "^1.6.0",
54
- "@rollup/plugin-json": "^4.1.0",
55
- "@skodaflow/cypress-execution-sonar-reporter": "^1.0.1",
56
- "@skodaflow/eslint-config-react": "^1.0.3",
57
- "@skodaflow/eslint-formatter-junit": "^1.0.0",
58
- "@skodaflow/sonar-report-merger": "^1.0.1",
59
- "@types/cypress-image-snapshot": "^3.1.6",
60
- "@types/google.maps": "^3.47.4",
61
- "@types/lodash": "^4.14.191",
62
- "@types/react": "^17.0.15",
63
- "css-loader": "5.2.7",
64
- "cypress": "8.7.0",
65
- "cypress-image-snapshot": "4.0.1",
66
- "eslint": "^7.32.0",
67
- "extract-loader": "5.1.0",
68
- "file-loader": "6.2.0",
69
- "html-webpack-plugin": "^4.5.2",
70
- "jest": "26.6.3",
71
- "junit-report-merger": "^3.0.2",
72
- "lint-staged": "^11.1.2",
73
- "lodash": "^4.17.21",
74
- "mocha": "^9.1.3",
75
- "mocha-junit-reporter": "^2.0.2",
76
- "mocha-multi-reporters": "^1.5.1",
77
- "postcss-loader": "4.3.0",
78
- "prettier": "^2.3.2",
79
- "react-scripts": "^4.0.3",
80
- "remove-files-webpack-plugin": "1.4.5",
81
- "resolve-url-loader": "4.0.0",
82
- "rollup": "^2.55.0",
83
- "rollup-plugin-commonjs": "^10.1.0",
84
- "rollup-plugin-copy": "^3.4.0",
85
- "rollup-plugin-node-resolve": "^5.2.0",
86
- "rollup-plugin-peer-deps-external": "^2.2.4",
87
- "rollup-plugin-postcss": "3.1.8",
88
- "rollup-plugin-svg": "^2.0.0",
89
- "rollup-plugin-terser": "^7.0.2",
90
- "rollup-plugin-typescript2": "^0.31.0",
91
- "sass": "^1.43.5",
92
- "sass-loader": "10.1.1",
93
- "style-loader": "2.0.0",
94
- "ts-jest": "^27.0.4",
95
- "typescript": "4.1.6",
96
- "webpack": "^5.7.62",
97
- "webpack-cli": "^5.0.1",
98
- "webpack-dev-server": "^4.13.1"
99
- },
100
- "lint-staged": {
101
- "*.+(js|jsx|ts|tsx)": "eslint --fix",
102
- "*.+(json|css|md|scss|sass)": "prettier --write"
103
- }
104
- }
1
+ {
2
+ "name": "@skodaflow/web-library",
3
+ "version": "3.3.0-alpha.0",
4
+ "description": "Implementation of Skoda Flow Design System with Material UI as core library.",
5
+ "author": "Skoda Auto",
6
+ "license": "SEE LICENSE IN eula.txt",
7
+ "main": "./build/index.js",
8
+ "module": "./build/index.es.js",
9
+ "types": "./build",
10
+ "files": [
11
+ "build",
12
+ "theme"
13
+ ],
14
+ "scripts": {
15
+ "build": "rollup --config build.library.config.js",
16
+ "ci-build": "npm run build && npm run build-assets",
17
+ "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
18
+ "lint": "eslint src/**",
19
+ "lint-fix": "eslint src/** --fix",
20
+ "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
21
+ "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
22
+ "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
23
+ "lint-staged": "lint-staged",
24
+ "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
25
+ "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
26
+ "test": "cypress run-ct",
27
+ "test-watch": "cypress open-ct",
28
+ "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
29
+ "ci-test": "cypress run-ct --reporter ../../node_modules/mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
30
+ },
31
+ "peerDependencies": {
32
+ "@emotion/react": "^11.11.0",
33
+ "@emotion/styled": "^11.11.0",
34
+ "@mui/material": "^5.13.0",
35
+ "@mui/system": "^5.12.3",
36
+ "react": "^17.0.2 || ^18.0.0"
37
+ },
38
+ "dependencies": {
39
+ "@googlemaps/markerclusterer": "^1.0.22",
40
+ "@googlemaps/react-wrapper": "^1.1.22",
41
+ "@mui/base": "^5.0.0-alpha.125",
42
+ "@skodaflow/web-tokens": "^2.4.0",
43
+ "ag-grid-community": "^29.1.0",
44
+ "ag-grid-react": "^29.1.0",
45
+ "country-flag-icons": "^1.4.17",
46
+ "embla-carousel-auto-height": "^7.1.0",
47
+ "embla-carousel-autoplay": "^7.1.0",
48
+ "embla-carousel-class-names": "^7.1.0",
49
+ "embla-carousel-react": "^7.1.0",
50
+ "embla-carousel-wheel-gestures": "^3.0.0"
51
+ },
52
+ "devDependencies": {
53
+ "@cypress/react": "5.12.5",
54
+ "@cypress/webpack-dev-server": "^1.6.0",
55
+ "@rollup/plugin-json": "^4.1.0",
56
+ "@skodaflow/cypress-execution-sonar-reporter": "^1.0.1",
57
+ "@skodaflow/eslint-config-react": "^1.0.3",
58
+ "@skodaflow/eslint-formatter-junit": "^1.0.0",
59
+ "@skodaflow/sonar-report-merger": "^1.0.1",
60
+ "@types/cypress-image-snapshot": "^3.1.6",
61
+ "@types/google.maps": "^3.47.4",
62
+ "@types/lodash": "^4.14.191",
63
+ "@types/react": "^17.0.15",
64
+ "css-loader": "5.2.7",
65
+ "cypress": "8.7.0",
66
+ "cypress-image-snapshot": "4.0.1",
67
+ "eslint": "^7.32.0",
68
+ "extract-loader": "5.1.0",
69
+ "file-loader": "6.2.0",
70
+ "html-webpack-plugin": "^4.5.2",
71
+ "jest": "26.6.3",
72
+ "junit-report-merger": "^3.0.2",
73
+ "lint-staged": "^11.1.2",
74
+ "lodash": "^4.17.21",
75
+ "mocha": "^9.1.3",
76
+ "mocha-junit-reporter": "^2.0.2",
77
+ "mocha-multi-reporters": "^1.5.1",
78
+ "postcss-loader": "4.3.0",
79
+ "prettier": "^2.3.2",
80
+ "react-scripts": "^4.0.3",
81
+ "remove-files-webpack-plugin": "1.4.5",
82
+ "resolve-url-loader": "4.0.0",
83
+ "rollup": "^2.55.0",
84
+ "rollup-plugin-commonjs": "^10.1.0",
85
+ "rollup-plugin-copy": "^3.4.0",
86
+ "rollup-plugin-node-resolve": "^5.2.0",
87
+ "rollup-plugin-peer-deps-external": "^2.2.4",
88
+ "rollup-plugin-postcss": "3.1.8",
89
+ "rollup-plugin-svg": "^2.0.0",
90
+ "rollup-plugin-terser": "^7.0.2",
91
+ "rollup-plugin-typescript2": "^0.31.0",
92
+ "sass": "^1.43.5",
93
+ "sass-loader": "10.1.1",
94
+ "style-loader": "2.0.0",
95
+ "ts-jest": "^27.0.4",
96
+ "typescript": "4.1.6",
97
+ "webpack": "^5.7.62",
98
+ "webpack-cli": "^5.0.1",
99
+ "webpack-dev-server": "^4.13.1"
100
+ },
101
+ "lint-staged": {
102
+ "*.+(js|jsx|ts|tsx)": "eslint --fix",
103
+ "*.+(json|css|md|scss|sass)": "prettier --write"
104
+ }
105
+ }
@@ -576,12 +576,19 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
576
576
  .ag-sticky-top-full-width-container {
577
577
  position: absolute;
578
578
  top: 0px;
579
- left: 0px;
580
579
  pointer-events: none;
581
580
  }
582
-
583
- .ag-full-width-container {
584
- width: 100%;
581
+ .ag-ltr .ag-full-width-container,
582
+ .ag-ltr .ag-floating-top-full-width-container,
583
+ .ag-ltr .ag-floating-bottom-full-width-container,
584
+ .ag-ltr .ag-sticky-top-full-width-container {
585
+ left: 0;
586
+ }
587
+ .ag-rtl .ag-full-width-container,
588
+ .ag-rtl .ag-floating-top-full-width-container,
589
+ .ag-rtl .ag-floating-bottom-full-width-container,
590
+ .ag-rtl .ag-sticky-top-full-width-container {
591
+ right: 0;
585
592
  }
586
593
 
587
594
  .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
@@ -685,7 +692,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
685
692
  position: relative;
686
693
  }
687
694
 
688
- .ag-header-cell-sortable {
695
+ .ag-header-cell-sortable .ag-header-cell-label {
689
696
  cursor: pointer;
690
697
  }
691
698
 
@@ -705,9 +712,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
705
712
 
706
713
  .ag-header-row {
707
714
  position: absolute;
715
+ }
716
+
717
+ .ag-header-row:not(.ag-header-row-column-group) {
708
718
  overflow: hidden;
709
719
  }
710
720
 
721
+ .ag-header.ag-header-allow-overflow .ag-header-row {
722
+ overflow: visible;
723
+ }
724
+
711
725
  .ag-header-cell {
712
726
  display: inline-flex;
713
727
  align-items: center;
@@ -734,6 +748,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
734
748
  align-self: stretch;
735
749
  }
736
750
 
751
+ .ag-header-group-cell-label.ag-sticky-label {
752
+ position: sticky;
753
+ flex: none;
754
+ }
755
+
737
756
  .ag-header-cell-text {
738
757
  overflow: hidden;
739
758
  text-overflow: ellipsis;
@@ -1150,8 +1169,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1150
1169
 
1151
1170
  .ag-popup-editor {
1152
1171
  position: absolute;
1153
- user-select: none;
1154
1172
  z-index: 1;
1173
+ -moz-user-select: none;
1174
+ -webkit-user-select: none;
1175
+ -ms-user-select: none;
1176
+ user-select: none;
1155
1177
  }
1156
1178
 
1157
1179
  .ag-large-text-input {
@@ -1266,8 +1288,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1266
1288
  .ag-resizer {
1267
1289
  position: absolute;
1268
1290
  pointer-events: none;
1269
- user-select: none;
1270
1291
  z-index: 1;
1292
+ -moz-user-select: none;
1293
+ -webkit-user-select: none;
1294
+ -ms-user-select: none;
1295
+ user-select: none;
1271
1296
  }
1272
1297
  .ag-resizer.ag-resizer-topLeft {
1273
1298
  top: 0;
@@ -1358,6 +1383,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1358
1383
  max-height: 100%;
1359
1384
  overflow-y: auto;
1360
1385
  position: absolute;
1386
+ -moz-user-select: none;
1387
+ -webkit-user-select: none;
1388
+ -ms-user-select: none;
1361
1389
  user-select: none;
1362
1390
  }
1363
1391
 
@@ -1432,6 +1460,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1432
1460
  flex: 1 1 auto;
1433
1461
  align-items: center;
1434
1462
  white-space: nowrap;
1463
+ overflow: hidden;
1435
1464
  }
1436
1465
 
1437
1466
  .ag-paging-panel {
@@ -1458,6 +1487,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1458
1487
  overflow-y: auto;
1459
1488
  overflow-x: hidden;
1460
1489
  cursor: default;
1490
+ -moz-user-select: none;
1491
+ -webkit-user-select: none;
1492
+ -ms-user-select: none;
1461
1493
  user-select: none;
1462
1494
  }
1463
1495
 
@@ -1529,6 +1561,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1529
1561
  position: absolute;
1530
1562
  }
1531
1563
 
1564
+ .ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
1565
+ display: none;
1566
+ }
1567
+
1532
1568
  .ag-cell-label-container {
1533
1569
  display: flex;
1534
1570
  justify-content: space-between;
@@ -1543,6 +1579,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1543
1579
  .ag-right-aligned-header .ag-cell-label-container {
1544
1580
  flex-direction: row;
1545
1581
  }
1582
+ .ag-right-aligned-header .ag-header-cell-text {
1583
+ text-align: end;
1584
+ }
1546
1585
 
1547
1586
  .ag-side-bar {
1548
1587
  display: flex;
@@ -4991,7 +5030,6 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
4991
5030
  box-shadow: var(--ag-card-shadow);
4992
5031
  padding: var(--ag-grid-size);
4993
5032
  padding: 0;
4994
- height: var(--ag-row-height);
4995
5033
  background-color: var(--ag-control-panel-background-color);
4996
5034
  }
4997
5035
 
@@ -5334,14 +5372,6 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5334
5372
  border-top: var(--ag-borders-critical) var(--ag-border-color);
5335
5373
  }
5336
5374
 
5337
- .ag-menu:not(.ag-tabs) .ag-filter-select {
5338
- min-width: calc(var(--ag-menu-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px);
5339
- }
5340
-
5341
- .ag-tabs .ag-filter-select {
5342
- min-width: calc(var(--ag-tab-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px);
5343
- }
5344
-
5345
5375
  .ag-filter-select .ag-picker-field-wrapper {
5346
5376
  width: 0;
5347
5377
  }
@@ -5482,10 +5512,20 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
5482
5512
  .ag-simple-filter-body-wrapper {
5483
5513
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
5484
5514
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
5515
+ overflow-y: auto;
5516
+ min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
5485
5517
  }
5486
5518
  .ag-simple-filter-body-wrapper > * {
5487
5519
  margin-bottom: var(--ag-widget-vertical-spacing);
5488
5520
  }
5521
+ .ag-simple-filter-body-wrapper .ag-resizer-wrapper {
5522
+ margin: 0;
5523
+ }
5524
+
5525
+ .ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
5526
+ .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
5527
+ min-width: calc(var(--ag-menu-min-width) - 2px);
5528
+ }
5489
5529
 
5490
5530
  .ag-filter-no-matches {
5491
5531
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
@@ -5941,6 +5981,19 @@ button.ag-side-button-button:focus {
5941
5981
  background-color: var(--ag-header-cell-moving-background-color);
5942
5982
  }
5943
5983
 
5984
+ .ag-ltr .ag-header-group-cell-label.ag-sticky-label {
5985
+ left: var(--ag-cell-horizontal-padding);
5986
+ }
5987
+ .ag-rtl .ag-header-group-cell-label.ag-sticky-label {
5988
+ right: var(--ag-cell-horizontal-padding);
5989
+ }
5990
+
5991
+ .ag-header-cell.ag-header-span-height::after,
5992
+ .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
5993
+ height: calc(100% - var(--ag-grid-size) * 4);
5994
+ top: calc(var(--ag-grid-size) * 2);
5995
+ }
5996
+
5944
5997
  .ag-keyboard-focus .ag-header-cell:focus {
5945
5998
  outline: none;
5946
5999
  }
@@ -5988,7 +6041,7 @@ button.ag-side-button-button:focus {
5988
6041
  padding-right: 4px;
5989
6042
  }
5990
6043
 
5991
- .ag-header-row:not(:first-child) .ag-header-cell,
6044
+ .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
5992
6045
  .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
5993
6046
  border-top: var(--ag-borders-critical) var(--ag-border-color);
5994
6047
  }
@@ -6039,6 +6092,12 @@ button.ag-side-button-button:focus {
6039
6092
  background-color: var(--ag-header-column-resize-handle-color);
6040
6093
  }
6041
6094
 
6095
+ .ag-header-cell.ag-header-span-height::after,
6096
+ .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
6097
+ height: calc(100% - var(--ag-grid-size) * 4);
6098
+ top: calc(var(--ag-grid-size) * 2);
6099
+ }
6100
+
6042
6101
  .ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
6043
6102
  left: calc(50% - var(--ag-header-column-resize-handle-width));
6044
6103
  }
@@ -6388,6 +6447,9 @@ button.ag-side-button-button:focus {
6388
6447
 
6389
6448
  .ag-chart-tabbed-menu-header {
6390
6449
  flex: none;
6450
+ -moz-user-select: none;
6451
+ -webkit-user-select: none;
6452
+ -ms-user-select: none;
6391
6453
  user-select: none;
6392
6454
  cursor: default;
6393
6455
  }
@@ -6424,6 +6486,9 @@ button.ag-side-button-button:focus {
6424
6486
  width: 100%;
6425
6487
  height: 30px;
6426
6488
  padding: 0 10px;
6489
+ -moz-user-select: none;
6490
+ -webkit-user-select: none;
6491
+ -ms-user-select: none;
6427
6492
  user-select: none;
6428
6493
  }
6429
6494
 
@@ -6511,6 +6576,9 @@ button.ag-side-button-button:focus {
6511
6576
  display: flex;
6512
6577
  flex-direction: column;
6513
6578
  position: relative;
6579
+ -moz-user-select: none;
6580
+ -webkit-user-select: none;
6581
+ -ms-user-select: none;
6514
6582
  user-select: none;
6515
6583
  }
6516
6584
 
@@ -1,2 +0,0 @@
1
- import { Components } from '@mui/material/styles';
2
- export declare const flowMenu: Components['MuiPaper'];
@@ -1,2 +0,0 @@
1
- import { Components } from '@mui/material/styles';
2
- export declare const flowTab: Components['MuiTab'];
@@ -1,5 +0,0 @@
1
- import { Theme } from '@mui/material';
2
- export declare const getFlowCssBaseline: (theme: Theme) => {
3
- backgroundColor: string;
4
- };
5
- export declare const applyCssBaseline: (t: Theme) => Theme;