@mailstep/design-system 0.8.7 → 0.8.8-beta.2

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/README.md CHANGED
@@ -1,76 +1,76 @@
1
- # Mailstep Design-system
2
-
3
- Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook
4
-
5
- ## Peer dependencies
6
- - @xstyled/styled-components
7
- - styled-component
8
- - react-router
9
- - react-router-dom
10
-
11
- ### How to develoop
12
- ```
13
- yarn install
14
- yarn dev
15
- ```
16
-
17
- ### How to use
18
- ```
19
- yarn add @mailstep/design-system
20
- ```
21
- and add `import 'swiper/css'` somewhere to the root app.
22
-
23
-
24
- #### How to publish
25
- In root folder run
26
-
27
- ```
28
- npm run build
29
- npm run deploy
30
- ```
31
-
32
- ## Components
33
- There are Elements, Blocks and Forms components. Also you can use ThemeProvider and Utils package
34
-
35
- ### Elements
36
- | Component | Description | Info |
37
- |----------|:-------------:|------:|
38
- | Alert | TBD | [More info](ui/Elements/Alert/README.md) |
39
- | Avatar | TBD | [More info](ui/Elements/Avatar/README.md) |
40
- | Badge | TBD | [More info](ui/Elements/Badge/README.md) |
41
- | BorderedBox | TBD | [More info](ui/Elements/BorderedBox/README.md) |
42
- | Button | TBD | [More info](ui/Elements/Button/README.md) |
43
- | Card | TBD | [More info](ui/Elements/Card/README.md) |
44
- | DialogOverlay | TBD | [More info](ui/Elements/DialogOverlay/README.md) |
45
- | Dropdown | TBD | [More info](ui/Elements/Dropdown/README.md) |
46
- | ErrorMessage | TBD | [More info](ui/Elements/ErrorMessage/README.md) |
47
- | Icon | TBD | [More info](ui/Elements/Icon/README.md) |
48
- | Image | TBD | [More info](ui/Elements/Image/README.md) |
49
- | Label | TBD | [More info](ui/Elements/Label/README.md) |
50
- | Link | TBD | [More info](ui/Elements/Link/README.md) |
51
- | Logo | TBD | [More info](ui/Elements/Logo/README.md) |
52
- | Overlay | TBD | [More info](ui/Elements/Overlay/README.md) |
53
- | Pagination | TBD | [More info](ui/Elements/Pagination/README.md) |
54
- | Paragraph | TBD | [More info](ui/Elements/Paragraph/README.md) |
55
- | Spinner | TBD | [More info](ui/Elements/Spinner/README.md) |
56
-
57
- ### Blocks
58
- | Component | Description | Info |
59
- |----------|:-------------:|------:|
60
- | TBD | TBD | TBD |
61
-
62
- ### Forms
63
- | Component | Description | Info |
64
- |----------|:-------------:|------:|
65
- | TBD | TBD | TBD |
66
-
67
- ### System
68
- | Component | Description | Info |
69
- |----------|:-------------:|------:|
70
- | Fonts | Import adjusted fonts of inter | TBD |
71
-
72
- ### Theme Provider
73
- | Component | Description | Info |
74
- |----------|:-------------:|------:|
75
- | Theme Provider | TBD | [More info](ui/ThemeProvider/README.md) |
76
-
1
+ # Mailstep Design-system
2
+
3
+ Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook
4
+
5
+ ## Peer dependencies
6
+ - @xstyled/styled-components
7
+ - styled-component
8
+ - react-router
9
+ - react-router-dom
10
+
11
+ ### How to develoop
12
+ ```
13
+ yarn install
14
+ yarn dev
15
+ ```
16
+
17
+ ### How to use
18
+ ```
19
+ yarn add @mailstep/design-system
20
+ ```
21
+ and add `import 'swiper/css'` somewhere to the root app.
22
+
23
+
24
+ #### How to publish
25
+ In root folder run
26
+
27
+ ```
28
+ npm run build
29
+ npm run deploy
30
+ ```
31
+
32
+ ## Components
33
+ There are Elements, Blocks and Forms components. Also you can use ThemeProvider and Utils package
34
+
35
+ ### Elements
36
+ | Component | Description | Info |
37
+ |----------|:-------------:|------:|
38
+ | Alert | TBD | [More info](ui/Elements/Alert/README.md) |
39
+ | Avatar | TBD | [More info](ui/Elements/Avatar/README.md) |
40
+ | Badge | TBD | [More info](ui/Elements/Badge/README.md) |
41
+ | BorderedBox | TBD | [More info](ui/Elements/BorderedBox/README.md) |
42
+ | Button | TBD | [More info](ui/Elements/Button/README.md) |
43
+ | Card | TBD | [More info](ui/Elements/Card/README.md) |
44
+ | DialogOverlay | TBD | [More info](ui/Elements/DialogOverlay/README.md) |
45
+ | Dropdown | TBD | [More info](ui/Elements/Dropdown/README.md) |
46
+ | ErrorMessage | TBD | [More info](ui/Elements/ErrorMessage/README.md) |
47
+ | Icon | TBD | [More info](ui/Elements/Icon/README.md) |
48
+ | Image | TBD | [More info](ui/Elements/Image/README.md) |
49
+ | Label | TBD | [More info](ui/Elements/Label/README.md) |
50
+ | Link | TBD | [More info](ui/Elements/Link/README.md) |
51
+ | Logo | TBD | [More info](ui/Elements/Logo/README.md) |
52
+ | Overlay | TBD | [More info](ui/Elements/Overlay/README.md) |
53
+ | Pagination | TBD | [More info](ui/Elements/Pagination/README.md) |
54
+ | Paragraph | TBD | [More info](ui/Elements/Paragraph/README.md) |
55
+ | Spinner | TBD | [More info](ui/Elements/Spinner/README.md) |
56
+
57
+ ### Blocks
58
+ | Component | Description | Info |
59
+ |----------|:-------------:|------:|
60
+ | TBD | TBD | TBD |
61
+
62
+ ### Forms
63
+ | Component | Description | Info |
64
+ |----------|:-------------:|------:|
65
+ | TBD | TBD | TBD |
66
+
67
+ ### System
68
+ | Component | Description | Info |
69
+ |----------|:-------------:|------:|
70
+ | Fonts | Import adjusted fonts of inter | TBD |
71
+
72
+ ### Theme Provider
73
+ | Component | Description | Info |
74
+ |----------|:-------------:|------:|
75
+ | Theme Provider | TBD | [More info](ui/ThemeProvider/README.md) |
76
+
package/package.json CHANGED
@@ -1,149 +1,149 @@
1
- {
2
- "name": "@mailstep/design-system",
3
- "version": "0.8.7",
4
- "license": "ISC",
5
- "type": "module",
6
- "main": "./ui/index.js",
7
- "module": "./ui/index.es.js",
8
- "types": "./ui/index.d.ts",
9
- "files": [
10
- "ui",
11
- "assets"
12
- ],
13
- "scripts": {
14
- "storybook": "storybook dev -p 6006",
15
- "build": "rm -rf ./build && tsc && vite build && cp package.json build && cp README.md build",
16
- "build:win": "tsc && vite build && copy package.json build && copy README.md build",
17
- "build-storybook": "storybook build",
18
- "deploy": "npm run build && npm publish ./build",
19
- "deploy:win": "npm run build:win && npm publish ./build",
20
- "dev": "yarn storybook",
21
- "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\"",
22
- "lint": "eslint src/**/*.{js,jsx,ts,tsx,json}"
23
- },
24
- "devDependencies": {
25
- "@babel/core": "^7.20.12",
26
- "@babel/preset-env": "^7.22.4",
27
- "@babel/preset-react": "^7.22.3",
28
- "@babel/preset-typescript": "^7.23.3",
29
- "@dnd-kit/core": "^6.3.1",
30
- "@dnd-kit/modifiers": "^9.0.0",
31
- "@dnd-kit/sortable": "^10.0.0",
32
- "@fortawesome/fontawesome-svg-core": "^6.3.0",
33
- "@fortawesome/free-brands-svg-icons": "^6.1.1",
34
- "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
35
- "@fortawesome/pro-light-svg-icons": "^6.0.0",
36
- "@fortawesome/pro-regular-svg-icons": "^6.0.0",
37
- "@fortawesome/pro-solid-svg-icons": "^6.3.0",
38
- "@fortawesome/react-fontawesome": "^0.2.0",
39
- "@lingui/core": "3.17.2",
40
- "@lingui/react": "3.17.2",
41
- "@popperjs/core": "^2.11.8",
42
- "@storybook/addon-designs": "^11.1.2",
43
- "@storybook/addon-links": "10.2.8",
44
- "@storybook/react-webpack5": "10.2.8",
45
- "@svgr/rollup": "^8.0.1",
46
- "@trivago/prettier-plugin-sort-imports": "^4.3.0",
47
- "@types/faker": "^4.1.11",
48
- "@types/lodash": "^4.17.13",
49
- "@types/luxon": "^3.4.2",
50
- "@types/node": "^20.1.7",
51
- "@types/react": "^19.2.2",
52
- "@types/react-beautiful-dnd": "^13.1.2",
53
- "@types/react-dom": "^19.2.2",
54
- "@types/react-helmet": "^6.1.11",
55
- "@types/react-router": "^5.1.20",
56
- "@types/react-router-dom": "^5.3.3",
57
- "@types/styled-components": "^5.1.26",
58
- "@typescript-eslint/eslint-plugin": "^5.59.6",
59
- "@typescript-eslint/parser": "^5.59.6",
60
- "@vitejs/plugin-react": "^4.2.1",
61
- "@xstyled/styled-components": "^3.8.0",
62
- "babel-loader": "^9.1.3",
63
- "babel-plugin-macros": "^3.1.0",
64
- "babel-plugin-named-exports-order": "^0.0.2",
65
- "eslint": "^8.41.0",
66
- "eslint-config-prettier": "^8.8.0",
67
- "eslint-config-standard-with-typescript": "^34.0.1",
68
- "eslint-plugin-import": "^2.29.1",
69
- "eslint-plugin-n": "^17.9.0",
70
- "eslint-plugin-prettier": "^4.2.1",
71
- "eslint-plugin-promise": "^6.6.0",
72
- "eslint-plugin-react": "^7.35.0",
73
- "eslint-plugin-react-hooks": "^4.6.2",
74
- "eslint-plugin-react-perf": "^3.3.2",
75
- "eslint-plugin-storybook": "10.2.8",
76
- "faker": "^5.1.0",
77
- "immer": "9.0.7",
78
- "lodash": "^4.17.21",
79
- "luxon": "^3.4.4",
80
- "moment": "^2.30.1",
81
- "prettier": "2.8.8",
82
- "react": "^19.2.0",
83
- "react-dom": "^19.2.0",
84
- "react-helmet": "^6.1.0",
85
- "react-image": "^4.1.0",
86
- "react-onclickoutside": "^6.13.0",
87
- "react-popper": "^2.3.0",
88
- "react-redux": "*",
89
- "react-router": "^5.1.2",
90
- "react-router-dom": "^5.1.2",
91
- "react-script": "^2.0.5",
92
- "react-select": "^5.10.0",
93
- "react-use-draggable-scroll": "^0.4.7",
94
- "redux": ">=4.0.5",
95
- "reselect": "5.0.0-alpha.2",
96
- "storybook": "10.2.8",
97
- "string-width": "6.1.0",
98
- "styled-components": "^5.3.10",
99
- "swiper": "^11.0.3",
100
- "tslib": "^2.6.2",
101
- "typescript": "^5.0.4",
102
- "vite": "^5.0.10",
103
- "vite-plugin-dts": "^3.6.4",
104
- "vite-plugin-static-copy": "^1.0.0",
105
- "webpack": "^5.82.1",
106
- "@storybook/addon-docs": "10.2.8"
107
- },
108
- "peerDependencies": {
109
- "@dnd-kit/core": "^6.3.1",
110
- "@dnd-kit/modifiers": "^9.0.0",
111
- "@dnd-kit/sortable": "^10.0.0",
112
- "@fortawesome/fontawesome-svg-core": "^6.3.0",
113
- "@fortawesome/free-brands-svg-icons": "^6.1.1",
114
- "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
115
- "@fortawesome/pro-light-svg-icons": "^6.0.0",
116
- "@fortawesome/pro-regular-svg-icons": "^6.0.0",
117
- "@fortawesome/pro-solid-svg-icons": "^6.3.0",
118
- "@fortawesome/react-fontawesome": "^0.2.0",
119
- "@lingui/core": "3.17.2",
120
- "@lingui/react": "3.17.2",
121
- "@popperjs/core": "^2.11.8",
122
- "@xstyled/styled-components": "^3.8.0",
123
- "babel-plugin-macros": "^3.1.0",
124
- "immer": "9.0.7",
125
- "lodash": "^4.17.21",
126
- "luxon": "^3.4.4",
127
- "moment": "^2.30.1",
128
- "react": "^19.2.0",
129
- "react-dom": "^19.2.0",
130
- "react-helmet": "^6.1.0",
131
- "react-image": "^4.1.0",
132
- "react-onclickoutside": "^6.13.0",
133
- "react-popper": "^2.3.0",
134
- "react-redux": ">=4.0.5",
135
- "react-router": "^5.1.2",
136
- "react-router-dom": "^5.1.2",
137
- "react-select": "^5.10.0",
138
- "react-use-draggable-scroll": "^0.4.7",
139
- "redux": ">=4.0.5",
140
- "reselect": "5.0.0-alpha.2",
141
- "styled-components": "^5.3.10",
142
- "swiper": "^11.0.3",
143
- "tslib": "^2.6.2",
144
- "typescript": "^5.0.4"
145
- },
146
- "resolutions": {
147
- "jackspeak": "2.1.1"
148
- }
149
- }
1
+ {
2
+ "name": "@mailstep/design-system",
3
+ "version": "0.8.8-beta.2",
4
+ "license": "ISC",
5
+ "type": "module",
6
+ "main": "./ui/index.js",
7
+ "module": "./ui/index.es.js",
8
+ "types": "./ui/index.d.ts",
9
+ "files": [
10
+ "ui",
11
+ "assets"
12
+ ],
13
+ "scripts": {
14
+ "storybook": "storybook dev -p 6006",
15
+ "build": "rm -rf ./build && tsc && vite build && cp package.json build && cp README.md build",
16
+ "build:win": "rmdir /s /q build && tsc && vite build && copy package.json build && copy README.md build",
17
+ "build-storybook": "storybook build",
18
+ "deploy": "npm run build && npm publish ./build",
19
+ "deploy:win": "npm run build:win && npm publish ./build",
20
+ "dev": "yarn storybook",
21
+ "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\"",
22
+ "lint": "eslint src/**/*.{js,jsx,ts,tsx,json}"
23
+ },
24
+ "devDependencies": {
25
+ "@babel/core": "^7.20.12",
26
+ "@babel/preset-env": "^7.22.4",
27
+ "@babel/preset-react": "^7.22.3",
28
+ "@babel/preset-typescript": "^7.23.3",
29
+ "@dnd-kit/core": "^6.3.1",
30
+ "@dnd-kit/modifiers": "^9.0.0",
31
+ "@dnd-kit/sortable": "^10.0.0",
32
+ "@fortawesome/fontawesome-svg-core": "^6.3.0",
33
+ "@fortawesome/free-brands-svg-icons": "^6.1.1",
34
+ "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
35
+ "@fortawesome/pro-light-svg-icons": "^6.0.0",
36
+ "@fortawesome/pro-regular-svg-icons": "^6.0.0",
37
+ "@fortawesome/pro-solid-svg-icons": "^6.3.0",
38
+ "@fortawesome/react-fontawesome": "^0.2.0",
39
+ "@lingui/core": "3.17.2",
40
+ "@lingui/react": "3.17.2",
41
+ "@popperjs/core": "^2.11.8",
42
+ "@storybook/addon-designs": "^11.1.2",
43
+ "@storybook/addon-links": "10.2.8",
44
+ "@storybook/react-webpack5": "10.2.8",
45
+ "@svgr/rollup": "^8.0.1",
46
+ "@trivago/prettier-plugin-sort-imports": "^4.3.0",
47
+ "@types/faker": "^4.1.11",
48
+ "@types/lodash": "^4.17.13",
49
+ "@types/luxon": "^3.4.2",
50
+ "@types/node": "^20.1.7",
51
+ "@types/react": "^19.2.2",
52
+ "@types/react-beautiful-dnd": "^13.1.2",
53
+ "@types/react-dom": "^19.2.2",
54
+ "@types/react-helmet": "^6.1.11",
55
+ "@types/react-router": "^5.1.20",
56
+ "@types/react-router-dom": "^5.3.3",
57
+ "@types/styled-components": "^5.1.26",
58
+ "@typescript-eslint/eslint-plugin": "^5.59.6",
59
+ "@typescript-eslint/parser": "^5.59.6",
60
+ "@vitejs/plugin-react": "^4.2.1",
61
+ "@xstyled/styled-components": "^3.8.0",
62
+ "babel-loader": "^9.1.3",
63
+ "babel-plugin-macros": "^3.1.0",
64
+ "babel-plugin-named-exports-order": "^0.0.2",
65
+ "eslint": "^8.41.0",
66
+ "eslint-config-prettier": "^8.8.0",
67
+ "eslint-config-standard-with-typescript": "^34.0.1",
68
+ "eslint-plugin-import": "^2.29.1",
69
+ "eslint-plugin-n": "^17.9.0",
70
+ "eslint-plugin-prettier": "^4.2.1",
71
+ "eslint-plugin-promise": "^6.6.0",
72
+ "eslint-plugin-react": "^7.35.0",
73
+ "eslint-plugin-react-hooks": "^4.6.2",
74
+ "eslint-plugin-react-perf": "^3.3.2",
75
+ "eslint-plugin-storybook": "10.2.8",
76
+ "faker": "^5.1.0",
77
+ "immer": "9.0.7",
78
+ "lodash": "^4.17.21",
79
+ "luxon": "^3.4.4",
80
+ "moment": "^2.30.1",
81
+ "prettier": "2.8.8",
82
+ "react": "^19.2.0",
83
+ "react-dom": "^19.2.0",
84
+ "react-helmet": "^6.1.0",
85
+ "react-image": "^4.1.0",
86
+ "react-onclickoutside": "^6.13.0",
87
+ "react-popper": "^2.3.0",
88
+ "react-redux": "*",
89
+ "react-router": "^5.1.2",
90
+ "react-router-dom": "^5.1.2",
91
+ "react-script": "^2.0.5",
92
+ "react-select": "^5.10.0",
93
+ "react-use-draggable-scroll": "^0.4.7",
94
+ "redux": ">=4.0.5",
95
+ "reselect": "5.0.0-alpha.2",
96
+ "storybook": "10.2.8",
97
+ "string-width": "6.1.0",
98
+ "styled-components": "^5.3.10",
99
+ "swiper": "^11.0.3",
100
+ "tslib": "^2.6.2",
101
+ "typescript": "^5.0.4",
102
+ "vite": "^5.0.10",
103
+ "vite-plugin-dts": "^3.6.4",
104
+ "vite-plugin-static-copy": "^1.0.0",
105
+ "webpack": "^5.82.1",
106
+ "@storybook/addon-docs": "10.2.8"
107
+ },
108
+ "peerDependencies": {
109
+ "@dnd-kit/core": "^6.3.1",
110
+ "@dnd-kit/modifiers": "^9.0.0",
111
+ "@dnd-kit/sortable": "^10.0.0",
112
+ "@fortawesome/fontawesome-svg-core": "^6.3.0",
113
+ "@fortawesome/free-brands-svg-icons": "^6.1.1",
114
+ "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
115
+ "@fortawesome/pro-light-svg-icons": "^6.0.0",
116
+ "@fortawesome/pro-regular-svg-icons": "^6.0.0",
117
+ "@fortawesome/pro-solid-svg-icons": "^6.3.0",
118
+ "@fortawesome/react-fontawesome": "^0.2.0",
119
+ "@lingui/core": "3.17.2",
120
+ "@lingui/react": "3.17.2",
121
+ "@popperjs/core": "^2.11.8",
122
+ "@xstyled/styled-components": "^3.8.0",
123
+ "babel-plugin-macros": "^3.1.0",
124
+ "immer": "9.0.7",
125
+ "lodash": "^4.17.21",
126
+ "luxon": "^3.4.4",
127
+ "moment": "^2.30.1",
128
+ "react": "^19.2.0",
129
+ "react-dom": "^19.2.0",
130
+ "react-helmet": "^6.1.0",
131
+ "react-image": "^4.1.0",
132
+ "react-onclickoutside": "^6.13.0",
133
+ "react-popper": "^2.3.0",
134
+ "react-redux": ">=4.0.5",
135
+ "react-router": "^5.1.2",
136
+ "react-router-dom": "^5.1.2",
137
+ "react-select": "^5.10.0",
138
+ "react-use-draggable-scroll": "^0.4.7",
139
+ "redux": ">=4.0.5",
140
+ "reselect": "5.0.0-alpha.2",
141
+ "styled-components": "^5.3.10",
142
+ "swiper": "^11.0.3",
143
+ "tslib": "^2.6.2",
144
+ "typescript": "^5.0.4"
145
+ },
146
+ "resolutions": {
147
+ "jackspeak": "2.1.1"
148
+ }
149
+ }
@@ -12,6 +12,9 @@ type Props = {
12
12
  asyncLoadKey?: string;
13
13
  isClearable?: boolean;
14
14
  onlyInComparator?: boolean;
15
+ disabled?: boolean;
16
+ placeholder?: string;
17
+ showValue?: boolean;
15
18
  };
16
19
  declare const SelectFilter: FC<Props>;
17
20
  export default SelectFilter;
@@ -63,9 +63,9 @@ import isArray from 'lodash/isArray';
63
63
  import uniqBy from 'lodash/uniqBy';
64
64
  import { isOptionArray } from './guards';
65
65
  var SelectFilter = function (_a) {
66
- var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _c = _a.onlyInComparator, onlyInComparator = _c === void 0 ? false : _c;
67
- var _d = useState([]), loadedOptions = _d[0], setLoadedOptions = _d[1];
68
- var _e = useState(false), isNotEqNoValue = _e[0], setIsNotEqNoValue = _e[1];
66
+ var onChange = _a.onChange, _b = _a.isClearable, isClearable = _b === void 0 ? true : _b, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.showValue, showValue = _c === void 0 ? true : _c, isMulti = _a.isMulti, value = _a.value, options = _a.options, checkAllButton = _a.checkAllButton, asyncLoadKey = _a.asyncLoadKey, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _d = _a.onlyInComparator, onlyInComparator = _d === void 0 ? false : _d;
67
+ var _e = useState([]), loadedOptions = _e[0], setLoadedOptions = _e[1];
68
+ var _f = useState(false), isNotEqNoValue = _f[0], setIsNotEqNoValue = _f[1];
69
69
  var isAsync = !!asyncLoadKey;
70
70
  var isNotEq = useMemo(function () { return (isOptionArray(value) ? value.some(function (option) { return option.isNotEq; }) : isNotEqNoValue); }, [value, isNotEqNoValue]);
71
71
  var handleOnMultiChange = useCallback(function (options) {
@@ -100,7 +100,9 @@ var SelectFilter = function (_a) {
100
100
  }, [value, isNotEq, onChange]);
101
101
  var defaultOptions = useMemo(function () { return (isMulti && isAsync && isOptionArray(value) ? uniqBy(__spreadArray(__spreadArray([], loadedOptions, true), value, true), 'value') : undefined); }, [isAsync, value, loadedOptions]);
102
102
  if (isMulti) {
103
- return (_jsx(Select, { maxMenuHeight: 250, onChange: handleOnMultiChange, value: isOptionArray(value) ? value.map(function (option) { return String(option.value); }) : value, options: defaultOptions || options, showSelectAllButton: checkAllButton, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, defaultOptions: defaultOptions, placeholder: isAsync ? i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' }) : undefined, noOptionsMessage: function () { return null; }, containerVariant: isAsync ? 'search' : undefined, placeholderIcon: isNotEq ? 'notEqual' : 'equals', onIconClick: !onlyInComparator ? handleIconClick : undefined, optionVariant: "checkbox", multiLabelVariant: "count", isMulti: true }));
103
+ var placerholderValue = placeholder || (isAsync ? i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' }) : undefined);
104
+ var selectValue = showValue ? (isOptionArray(value) ? value.map(function (option) { return String(option.value); }) : value) : undefined;
105
+ return (_jsx(Select, { maxMenuHeight: 250, onChange: handleOnMultiChange, value: selectValue, options: defaultOptions || options, showSelectAllButton: checkAllButton, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, defaultOptions: defaultOptions, placeholder: placerholderValue, noOptionsMessage: function () { return null; }, containerVariant: isAsync ? 'search' : undefined, placeholderIcon: isNotEq ? 'notEqual' : 'equals', onIconClick: !onlyInComparator ? handleIconClick : undefined, optionVariant: "checkbox", multiLabelVariant: "count", isMulti: true, disabled: disabled }));
104
106
  }
105
107
  return (_jsx(SingleSelect, { maxMenuHeight: 250, onChange: onChange, value: value, options: options, style: "gridFilter", loadOptions: isAsync ? handleLoadOptions : undefined, placeholder: isAsync ? i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' }) : undefined, isClearable: isClearable }));
106
108
  };
@@ -38,7 +38,13 @@ export var columnDefinitions = [
38
38
  name: 'enumColumnAsync',
39
39
  title: 'Enum Column Async',
40
40
  flexBasis: 160,
41
- filterExtraProps: { isMulti: true, checkAllButton: true },
41
+ filterExtraProps: {
42
+ isMulti: true,
43
+ checkAllButton: true,
44
+ disabled: true,
45
+ placeholder: 'test',
46
+ showValue: false,
47
+ },
42
48
  filtering: true,
43
49
  sorting: true,
44
50
  asyncLoadKey: 'enumColumnAsync'
@@ -106,6 +106,9 @@ export type ColumnDefinition<ColumnName extends string = string> = ColumnBasePro
106
106
  disableRowTouch?: boolean;
107
107
  filterExtraProps?: {
108
108
  isMulti?: boolean;
109
+ disabled?: boolean;
110
+ placeholder?: string;
111
+ showValue?: boolean;
109
112
  comparators?: Comparator[];
110
113
  filterTime?: boolean;
111
114
  decimals?: number;
@@ -1,12 +1,12 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="239.398" height="68.428" viewBox="0 0 239.398 68.428">
2
- <g id="Group_7689" data-name="Group 7689" transform="translate(-9808.002 19883.955)">
3
- <path id="Path_3997" data-name="Path 3997" d="M264.019,322.535V303.762c0-1.3-.145-3.624-1.957-3.624-2.611,0-2.9,3.407-2.9,5.293v17.1H246.62V303.907c0-1.522-.073-3.481-2.028-3.481-2.9,0-2.828,3.191-2.828,5.293v16.817h-12.54V288.683h12.54v1.741c0,1.3-.073,2.609-.145,3.914,1.957-3.7,4.133-6.38,8.625-6.38,4.787,0,7.251,2.973,8.989,7.032,1.45-4.131,3.7-7.032,8.409-7.032a8.921,8.921,0,0,1,5.945,2.247c2.682,2.466,2.972,5.728,2.972,9.134v23.2Z" transform="translate(9578.778 -20153.648)" fill="#e4001b"/>
4
- <path id="Path_3998" data-name="Path 3998" d="M279.461,322.535c.145-1.883.29-3.843.435-5.726-1.812,3.624-4.349,6.452-8.7,6.452-8.554,0-10.294-11.31-10.294-17.831,0-6.742,1.959-17.472,10.583-17.472,4.06,0,6.525,2.683,8.119,6.09-.145-1.812-.145-3.551-.362-5.365h12.83v33.852Zm-2.754-24.211c-3.262,0-3.191,6.235-3.191,8.48,0,1.886.145,6.091,2.827,6.091,3.336,0,2.973-6.525,2.973-8.773C279.316,302.312,279.243,298.324,276.707,298.324Z" transform="translate(9599.282 -20153.648)" fill="#121415"/>
5
- <path id="Path_3999" data-name="Path 3999" d="M290.049,292.215a7.409,7.409,0,0,1-7.322-7.393,7.322,7.322,0,1,1,7.322,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9613.406 -20160.371)" fill="#121415"/>
6
- <path id="Path_4000" data-name="Path 4000" d="M294.475,329.712V276.869h12.54v52.843Z" transform="translate(9621.012 -20160.824)" fill="#121415"/>
7
- <path id="Path_4001" data-name="Path 4001" d="M325.662,299.92c-1.3-1.3-3.187-2.973-5.146-2.973a1.748,1.748,0,0,0-1.957,1.6c0,4.059,11.961,2.609,11.961,12.83,0,7.683-6.523,11.888-13.628,11.888-4.711,0-7.974-1.377-12.033-3.553l4.566-9.351c1.522,1.595,3.988,3.552,6.307,3.552,1.087,0,2.464-.507,2.464-1.812,0-3.479-12.18-2.537-12.18-12.54,0-7.538,7.1-11.6,13.919-11.6a22.292,22.292,0,0,1,10.076,2.756Z" transform="translate(9627.732 -20153.648)" fill="#121415"/>
8
- <path id="Path_4002" data-name="Path 4002" d="M340.167,329.712v-17.9c0-1.45.073-4.133-1.958-4.133-2.464,0-2.68,3.191-2.68,5v17.034H322.986V276.869h12.542v18.92c0,2.174-.145,4.349-.29,6.523,1.665-3.914,4.349-7.177,8.915-7.177,6.525,0,8.625,5.945,8.625,11.526v23.051Z" transform="translate(9639.464 -20160.824)" fill="#121415"/>
9
- <path id="Path_4003" data-name="Path 4003" d="M351.3,292.215a7.409,7.409,0,0,1-7.32-7.393,7.321,7.321,0,1,1,7.32,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9653.049 -20160.371)" fill="#121415"/>
10
- <path id="Path_4004" data-name="Path 4004" d="M367.972,293.468c1.74-3.263,3.843-5.51,7.757-5.51,8.625,0,11.018,10.875,11.018,17.688,0,6.74-2.031,17.616-10.728,17.616-3.914,0-6.088-2.25-8.047-5.293.145,1.884.292,3.7.292,5.581v14.571H355.723V288.683h12.541Zm2.827,4.856c-2.682,0-2.9,5.22-2.9,7.106,0,1.81.218,7.246,2.828,7.246,2.827,0,3.044-5.582,3.044-7.538C373.772,303.254,373.482,298.324,370.8,298.324Z" transform="translate(9660.653 -20153.648)" fill="#121415"/>
11
- </g>
12
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="239.398" height="68.428" viewBox="0 0 239.398 68.428">
2
+ <g id="Group_7689" data-name="Group 7689" transform="translate(-9808.002 19883.955)">
3
+ <path id="Path_3997" data-name="Path 3997" d="M264.019,322.535V303.762c0-1.3-.145-3.624-1.957-3.624-2.611,0-2.9,3.407-2.9,5.293v17.1H246.62V303.907c0-1.522-.073-3.481-2.028-3.481-2.9,0-2.828,3.191-2.828,5.293v16.817h-12.54V288.683h12.54v1.741c0,1.3-.073,2.609-.145,3.914,1.957-3.7,4.133-6.38,8.625-6.38,4.787,0,7.251,2.973,8.989,7.032,1.45-4.131,3.7-7.032,8.409-7.032a8.921,8.921,0,0,1,5.945,2.247c2.682,2.466,2.972,5.728,2.972,9.134v23.2Z" transform="translate(9578.778 -20153.648)" fill="#e4001b"/>
4
+ <path id="Path_3998" data-name="Path 3998" d="M279.461,322.535c.145-1.883.29-3.843.435-5.726-1.812,3.624-4.349,6.452-8.7,6.452-8.554,0-10.294-11.31-10.294-17.831,0-6.742,1.959-17.472,10.583-17.472,4.06,0,6.525,2.683,8.119,6.09-.145-1.812-.145-3.551-.362-5.365h12.83v33.852Zm-2.754-24.211c-3.262,0-3.191,6.235-3.191,8.48,0,1.886.145,6.091,2.827,6.091,3.336,0,2.973-6.525,2.973-8.773C279.316,302.312,279.243,298.324,276.707,298.324Z" transform="translate(9599.282 -20153.648)" fill="#121415"/>
5
+ <path id="Path_3999" data-name="Path 3999" d="M290.049,292.215a7.409,7.409,0,0,1-7.322-7.393,7.322,7.322,0,1,1,7.322,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9613.406 -20160.371)" fill="#121415"/>
6
+ <path id="Path_4000" data-name="Path 4000" d="M294.475,329.712V276.869h12.54v52.843Z" transform="translate(9621.012 -20160.824)" fill="#121415"/>
7
+ <path id="Path_4001" data-name="Path 4001" d="M325.662,299.92c-1.3-1.3-3.187-2.973-5.146-2.973a1.748,1.748,0,0,0-1.957,1.6c0,4.059,11.961,2.609,11.961,12.83,0,7.683-6.523,11.888-13.628,11.888-4.711,0-7.974-1.377-12.033-3.553l4.566-9.351c1.522,1.595,3.988,3.552,6.307,3.552,1.087,0,2.464-.507,2.464-1.812,0-3.479-12.18-2.537-12.18-12.54,0-7.538,7.1-11.6,13.919-11.6a22.292,22.292,0,0,1,10.076,2.756Z" transform="translate(9627.732 -20153.648)" fill="#121415"/>
8
+ <path id="Path_4002" data-name="Path 4002" d="M340.167,329.712v-17.9c0-1.45.073-4.133-1.958-4.133-2.464,0-2.68,3.191-2.68,5v17.034H322.986V276.869h12.542v18.92c0,2.174-.145,4.349-.29,6.523,1.665-3.914,4.349-7.177,8.915-7.177,6.525,0,8.625,5.945,8.625,11.526v23.051Z" transform="translate(9639.464 -20160.824)" fill="#121415"/>
9
+ <path id="Path_4003" data-name="Path 4003" d="M351.3,292.215a7.409,7.409,0,0,1-7.32-7.393,7.321,7.321,0,1,1,7.32,7.393Zm-6.307,37.041V295.4h12.54v33.852Z" transform="translate(9653.049 -20160.371)" fill="#121415"/>
10
+ <path id="Path_4004" data-name="Path 4004" d="M367.972,293.468c1.74-3.263,3.843-5.51,7.757-5.51,8.625,0,11.018,10.875,11.018,17.688,0,6.74-2.031,17.616-10.728,17.616-3.914,0-6.088-2.25-8.047-5.293.145,1.884.292,3.7.292,5.581v14.571H355.723V288.683h12.541Zm2.827,4.856c-2.682,0-2.9,5.22-2.9,7.106,0,1.81.218,7.246,2.828,7.246,2.827,0,3.044-5.582,3.044-7.538C373.772,303.254,373.482,298.324,370.8,298.324Z" transform="translate(9660.653 -20153.648)" fill="#121415"/>
11
+ </g>
12
+ </svg>
@@ -1,18 +1,18 @@
1
- <svg width="138px" height="39px" viewBox="0 0 138 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="Header-logo">
2
- <title>Group 9</title>
3
- <defs>
4
- <polygon id="path-1" points="6.359447e-05 0 137.821904 0 137.821904 38.9675115 6.359447e-05 38.9675115"></polygon>
5
- </defs>
6
- <g id="HP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
- <g id="HP-1.2-(tmavá)" transform="translate(-260.000000, -29.000000)">
8
- <g id="Group-9" transform="translate(260.000000, 29.000000)">
9
- <g id="Clip-2"></g>
10
- <path fill="black" d="M48.9009677,30.6111982 L55.5624885,30.6111982 L55.5624885,10.4867281 L48.9009677,10.4867281 L48.9009677,30.6111982 Z M52.198341,0 C49.7499539,0 48.5575576,1.97142857 48.5575576,3.98419355 C48.5575576,5.9524424 49.7499539,7.9683871 52.198341,7.9683871 C54.6721659,7.9683871 55.8836406,5.9524424 55.8836406,3.98419355 C55.8836406,1.97142857 54.6721659,0 52.198341,0 L52.198341,0 Z M58.5164516,30.6111982 L65.1557143,30.6111982 L65.1557143,0.206682028 L58.5164516,0.206682028 L58.5164516,30.6111982 Z M75.8491244,17.882765 C74.4977419,17.583871 74.0176037,17.3104147 74.0176037,16.6903687 C74.0176037,16.2102304 74.313318,15.8223041 75.6201843,15.8223041 C76.739447,15.8223041 78.1130876,16.3247005 79.143318,16.7380645 L80.4501843,11.6091705 C79.143318,10.9000922 77.8618894,10.2800461 74.2465438,10.2800461 C69.9411982,10.2800461 67.8807373,13.6473733 67.8807373,16.9415668 C67.8807373,20.0576959 69.184424,22.1849309 72.1383871,23.0084793 C73.6042396,23.4218433 74.1066359,23.9496774 74.1066359,24.5665438 C74.1066359,25.1834101 73.6042396,25.5268203 72.7584332,25.5268203 C71.4515668,25.5268203 70.0334101,25.024424 68.7742396,24.2676498 L67.1239631,28.5284793 C68.6375115,29.8321659 70.4435945,31.1135945 73.4198157,31.1135945 C78.6631797,31.1135945 81.2514747,27.9306912 81.2514747,24.2453917 C81.2514747,21.4058986 79.46447,18.6141014 75.8491244,17.882765 L75.8491244,17.882765 Z M91.1404147,10.4867281 L91.1404147,4.69327189 L84.478894,4.69327189 L84.478894,10.4867281 L82.8317972,10.4867281 L82.8317972,16.7825806 L84.478894,16.7825806 L84.478894,30.6111982 L91.1404147,30.6111982 L91.1404147,16.7825806 L93.4775115,16.7825806 L93.4775115,10.4867281 L91.1404147,10.4867281 Z" id="Fill-1" class="Header-logoLetter"></path>
11
- <path fill="black" d="M122.069553,24.3598935 L122.047295,24.3598935 C120.629139,24.3598935 119.894623,22.5506309 119.894623,20.7445479 C119.894623,18.9575433 120.629139,17.1482806 122.047295,17.1482806 L122.069553,17.1482806 C123.49089,17.1482806 124.222226,18.9575433 124.222226,20.7445479 C124.222226,22.5506309 123.49089,24.3598935 122.069553,24.3598935 M124.085498,10.1878659 C123.239692,10.1878659 122.597388,10.3722899 122.047295,10.6711839 C121.109277,11.1735802 120.536927,12.0448244 120.056788,12.9128889 L120.056788,10.4867599 L113.417526,10.4867599 L113.417526,38.9675433 L120.056788,38.9675433 L120.056788,28.7097553 C120.444715,29.4188336 120.924853,30.2900779 122.047295,30.7479581 C122.575129,30.9768982 123.214254,31.1136263 124.085498,31.1136263 C128.365406,31.1136263 130.518079,25.8957 130.518079,20.674594 C130.518079,15.4089719 128.365406,10.1878659 124.085498,10.1878659" id="Fill-5" class="Header-logoLetter"></path>
12
- <path fill="black" d="M101.465009,17.882765 C101.465009,17.3899078 101.579479,16.7698618 101.865654,16.2770046 C102.151829,15.7809677 102.609709,15.4089401 103.296529,15.4089401 C104.647912,15.4311982 105.12805,16.8048387 105.12805,17.882765 L101.465009,17.882765 Z M111.357129,21.7270507 L111.357129,20.8589862 C111.357129,15.4089401 108.953258,10.3277419 103.296529,10.1878341 L103.067589,10.1878341 C97.620723,10.1878341 94.8957,15.5011521 94.8957,20.7445161 C94.8957,26.0101382 97.620723,31.2757604 103.023073,31.2757604 L103.296529,31.2757604 C108.196483,31.1612903 110.256944,28.0928571 111.2204,24.932212 C111.287175,24.6110599 111.334871,24.2676498 111.334871,23.9242396 L105.12805,23.9242396 C104.991322,24.8654378 104.695608,25.9401843 103.344225,25.9401843 C103.321967,25.9401843 103.321967,25.9179263 103.296529,25.9179263 C102.037359,25.8956682 101.375976,24.7032719 101.375976,21.7270507 L111.357129,21.7270507 Z" id="Fill-6" class="Header-logoLetter"></path>
13
- <path fill="black" d="M36.8371286,24.1086954 L36.8148705,24.1086954 C35.256806,24.1086954 34.5922438,22.2326585 34.5922438,20.3089258 C34.5922438,18.362935 35.3013221,16.4837184 36.8148705,16.4837184 L36.8371286,16.4837184 C38.3029811,16.4837184 39.0565756,18.3851931 39.0565756,20.3089258 C39.0565756,22.2326585 38.3029811,24.1086954 36.8371286,24.1086954 L36.8371286,24.1086954 Z M39.1933037,10.4867599 L39.1933037,12.6616908 C38.7131654,11.6537184 38.0263452,10.8746862 36.8371286,10.509018 C36.3569903,10.3500318 35.8068982,10.2800779 35.164594,10.2800779 C30.7002622,10.2800779 28.5030733,15.453488 28.5030733,20.674594 C28.5030733,25.8480041 30.7002622,31.0214143 35.164594,31.0214143 C35.8291562,31.0214143 36.3569903,30.932382 36.8371286,30.7479581 C38.1885111,30.2678198 38.8276355,29.1676355 39.1933037,28.321829 L39.1933037,30.61123 L45.7435341,30.61123 L45.7435341,10.4867599 L39.1933037,10.4867599 Z" id="Fill-7" class="Header-logoLetter"></path>
14
- <path d="M9.86738157,30.6104986 L16.5295382,30.6104986 L16.5295382,19.049024 C16.5295382,17.9272175 16.7584783,16.3246369 18.2236949,16.3246369 C19.6660175,16.3246369 19.8033816,18.0187935 19.8033816,19.049024 L19.8033816,30.6104986 L26.4655382,30.6104986 L26.4655382,16.668047 C26.4655382,13.3713097 24.6798055,10.1661484 21.0167641,10.1661484 C17.9718608,10.1661484 16.9874184,11.3337429 16.0945521,12.3868673 C15.3848378,11.2650608 14.3546074,10.1661484 11.5615382,10.1661484 C9.06609124,10.1661484 7.4635106,11.4940009 6.59353825,12.5929134 L6.59353825,10.4637705 L6.359447e-05,10.4637705 L6.359447e-05,30.6104986 L6.57064424,30.6104986 L6.57064424,19.049024 C6.57064424,17.8585355 6.82247834,16.3246369 8.2190129,16.3246369 C9.68422949,16.3246369 9.86738157,17.8585355 9.86738157,19.049024 L9.86738157,30.6104986 Z" id="Fill-8" fill="#E20714"></path>
15
- </g>
16
- </g>
17
- </g>
1
+ <svg width="138px" height="39px" viewBox="0 0 138 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="Header-logo">
2
+ <title>Group 9</title>
3
+ <defs>
4
+ <polygon id="path-1" points="6.359447e-05 0 137.821904 0 137.821904 38.9675115 6.359447e-05 38.9675115"></polygon>
5
+ </defs>
6
+ <g id="HP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <g id="HP-1.2-(tmavá)" transform="translate(-260.000000, -29.000000)">
8
+ <g id="Group-9" transform="translate(260.000000, 29.000000)">
9
+ <g id="Clip-2"></g>
10
+ <path fill="black" d="M48.9009677,30.6111982 L55.5624885,30.6111982 L55.5624885,10.4867281 L48.9009677,10.4867281 L48.9009677,30.6111982 Z M52.198341,0 C49.7499539,0 48.5575576,1.97142857 48.5575576,3.98419355 C48.5575576,5.9524424 49.7499539,7.9683871 52.198341,7.9683871 C54.6721659,7.9683871 55.8836406,5.9524424 55.8836406,3.98419355 C55.8836406,1.97142857 54.6721659,0 52.198341,0 L52.198341,0 Z M58.5164516,30.6111982 L65.1557143,30.6111982 L65.1557143,0.206682028 L58.5164516,0.206682028 L58.5164516,30.6111982 Z M75.8491244,17.882765 C74.4977419,17.583871 74.0176037,17.3104147 74.0176037,16.6903687 C74.0176037,16.2102304 74.313318,15.8223041 75.6201843,15.8223041 C76.739447,15.8223041 78.1130876,16.3247005 79.143318,16.7380645 L80.4501843,11.6091705 C79.143318,10.9000922 77.8618894,10.2800461 74.2465438,10.2800461 C69.9411982,10.2800461 67.8807373,13.6473733 67.8807373,16.9415668 C67.8807373,20.0576959 69.184424,22.1849309 72.1383871,23.0084793 C73.6042396,23.4218433 74.1066359,23.9496774 74.1066359,24.5665438 C74.1066359,25.1834101 73.6042396,25.5268203 72.7584332,25.5268203 C71.4515668,25.5268203 70.0334101,25.024424 68.7742396,24.2676498 L67.1239631,28.5284793 C68.6375115,29.8321659 70.4435945,31.1135945 73.4198157,31.1135945 C78.6631797,31.1135945 81.2514747,27.9306912 81.2514747,24.2453917 C81.2514747,21.4058986 79.46447,18.6141014 75.8491244,17.882765 L75.8491244,17.882765 Z M91.1404147,10.4867281 L91.1404147,4.69327189 L84.478894,4.69327189 L84.478894,10.4867281 L82.8317972,10.4867281 L82.8317972,16.7825806 L84.478894,16.7825806 L84.478894,30.6111982 L91.1404147,30.6111982 L91.1404147,16.7825806 L93.4775115,16.7825806 L93.4775115,10.4867281 L91.1404147,10.4867281 Z" id="Fill-1" class="Header-logoLetter"></path>
11
+ <path fill="black" d="M122.069553,24.3598935 L122.047295,24.3598935 C120.629139,24.3598935 119.894623,22.5506309 119.894623,20.7445479 C119.894623,18.9575433 120.629139,17.1482806 122.047295,17.1482806 L122.069553,17.1482806 C123.49089,17.1482806 124.222226,18.9575433 124.222226,20.7445479 C124.222226,22.5506309 123.49089,24.3598935 122.069553,24.3598935 M124.085498,10.1878659 C123.239692,10.1878659 122.597388,10.3722899 122.047295,10.6711839 C121.109277,11.1735802 120.536927,12.0448244 120.056788,12.9128889 L120.056788,10.4867599 L113.417526,10.4867599 L113.417526,38.9675433 L120.056788,38.9675433 L120.056788,28.7097553 C120.444715,29.4188336 120.924853,30.2900779 122.047295,30.7479581 C122.575129,30.9768982 123.214254,31.1136263 124.085498,31.1136263 C128.365406,31.1136263 130.518079,25.8957 130.518079,20.674594 C130.518079,15.4089719 128.365406,10.1878659 124.085498,10.1878659" id="Fill-5" class="Header-logoLetter"></path>
12
+ <path fill="black" d="M101.465009,17.882765 C101.465009,17.3899078 101.579479,16.7698618 101.865654,16.2770046 C102.151829,15.7809677 102.609709,15.4089401 103.296529,15.4089401 C104.647912,15.4311982 105.12805,16.8048387 105.12805,17.882765 L101.465009,17.882765 Z M111.357129,21.7270507 L111.357129,20.8589862 C111.357129,15.4089401 108.953258,10.3277419 103.296529,10.1878341 L103.067589,10.1878341 C97.620723,10.1878341 94.8957,15.5011521 94.8957,20.7445161 C94.8957,26.0101382 97.620723,31.2757604 103.023073,31.2757604 L103.296529,31.2757604 C108.196483,31.1612903 110.256944,28.0928571 111.2204,24.932212 C111.287175,24.6110599 111.334871,24.2676498 111.334871,23.9242396 L105.12805,23.9242396 C104.991322,24.8654378 104.695608,25.9401843 103.344225,25.9401843 C103.321967,25.9401843 103.321967,25.9179263 103.296529,25.9179263 C102.037359,25.8956682 101.375976,24.7032719 101.375976,21.7270507 L111.357129,21.7270507 Z" id="Fill-6" class="Header-logoLetter"></path>
13
+ <path fill="black" d="M36.8371286,24.1086954 L36.8148705,24.1086954 C35.256806,24.1086954 34.5922438,22.2326585 34.5922438,20.3089258 C34.5922438,18.362935 35.3013221,16.4837184 36.8148705,16.4837184 L36.8371286,16.4837184 C38.3029811,16.4837184 39.0565756,18.3851931 39.0565756,20.3089258 C39.0565756,22.2326585 38.3029811,24.1086954 36.8371286,24.1086954 L36.8371286,24.1086954 Z M39.1933037,10.4867599 L39.1933037,12.6616908 C38.7131654,11.6537184 38.0263452,10.8746862 36.8371286,10.509018 C36.3569903,10.3500318 35.8068982,10.2800779 35.164594,10.2800779 C30.7002622,10.2800779 28.5030733,15.453488 28.5030733,20.674594 C28.5030733,25.8480041 30.7002622,31.0214143 35.164594,31.0214143 C35.8291562,31.0214143 36.3569903,30.932382 36.8371286,30.7479581 C38.1885111,30.2678198 38.8276355,29.1676355 39.1933037,28.321829 L39.1933037,30.61123 L45.7435341,30.61123 L45.7435341,10.4867599 L39.1933037,10.4867599 Z" id="Fill-7" class="Header-logoLetter"></path>
14
+ <path d="M9.86738157,30.6104986 L16.5295382,30.6104986 L16.5295382,19.049024 C16.5295382,17.9272175 16.7584783,16.3246369 18.2236949,16.3246369 C19.6660175,16.3246369 19.8033816,18.0187935 19.8033816,19.049024 L19.8033816,30.6104986 L26.4655382,30.6104986 L26.4655382,16.668047 C26.4655382,13.3713097 24.6798055,10.1661484 21.0167641,10.1661484 C17.9718608,10.1661484 16.9874184,11.3337429 16.0945521,12.3868673 C15.3848378,11.2650608 14.3546074,10.1661484 11.5615382,10.1661484 C9.06609124,10.1661484 7.4635106,11.4940009 6.59353825,12.5929134 L6.59353825,10.4637705 L6.359447e-05,10.4637705 L6.359447e-05,30.6104986 L6.57064424,30.6104986 L6.57064424,19.049024 C6.57064424,17.8585355 6.82247834,16.3246369 8.2190129,16.3246369 C9.68422949,16.3246369 9.86738157,17.8585355 9.86738157,19.049024 L9.86738157,30.6104986 Z" id="Fill-8" fill="#E20714"></path>
15
+ </g>
16
+ </g>
17
+ </g>
18
18
  </svg>