@bytebrand/fe-ui-core 4.1.140 → 4.1.142

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 (5) hide show
  1. package/package.json +1 -1
  2. package/source/components/_common/IconSVG/SVG/flags/LI.tsx +27 -1
  3. package/source/components/_common/MaterialSelect/MaterialSelect.tsx +3 -1
  4. package/source/components/_common/TimePicker/TimePicker.styl +3 -1
  5. package/source/components/_common/TimePicker/TimePicker.tsx +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.140",
3
+ "version": "4.1.142",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/_common/IconSVG/SVG/flags/LI.tsx CHANGED
@@ -5,6 +5,7 @@ const LI = (props: any) => (
5
5
  <svg
6
6
  version="1.0"
7
7
  xmlns="http://www.w3.org/2000/svg"
8
+ xmlnsXlink="http://www.w3.org/1999/xlink"
8
9
  width="1000"
9
10
  height="600"
10
11
  viewBox="0 0 900 600"
@@ -45,7 +46,32 @@ const LI = (props: any) => (
45
46
  <circle cx="130.152" cy="157.215" r="4.94" />
46
47
  <path d="M214.998 119.531l-.46 6.434c-12.29-1.883-29.714-8.732-45.955-8.732-15.006 0-26.654 6.003-26.654 21.14 0 14.919 6.317 28.485 14.705 42.28l-8.731 4.136c-7.803-15.169-14.247-28.052-14.247-45.497 0-14.6 11.484-28.952 31.25-28.952 17.52 0 35.39 5.904 50.092 9.191z" />
47
48
  </g>
48
- <use transform="matrix(-1 0 0 1 443.938 0)" />
49
+ <g transform="matrix(-1 0 0 1 443.938 0)">
50
+ <path
51
+ d="M216.377 122.289l-1.838 62.5h-63.42c-7.802-15.169-14.246-28.052-14.246-45.497 0-14.6 11.483-26.195 28.033-26.195 17.52 0 36.77 5.904 51.471 9.192z"
52
+ stroke="none"
53
+ />
54
+ <g stroke-width="1.5">
55
+ <path d="M144.456 125.16v36.076M149.55 121.48v48.033M154.643 118.952v57.225M159.736 117.77v44.882M164.83 117.548v45.327M169.923 115.965v46.885M175.017 115.965v46.885M180.11 116.424v46.885M185.204 116.884v46.885M190.297 119.87v46.886M195.39 120.33v52.86M200.484 120.33v46.886M205.577 120.33v46.886" />
56
+ <path
57
+ d="M176.395 117.923c10.764 1.775 34.407 12.837 31.71 27.803-3.821 21.21-16.208 12.698-32.629 9.65l-12.408 4.137c-4.44 4.532-10.978 8.683-15.395 3.217h-7.353v28.722h81.342V122.06z"
58
+ fill="#000"
59
+ />
60
+ </g>
61
+ <circle cx="212.815" cy="112.983" r="4.94" />
62
+ <circle cx="201.713" cy="110.311" r="4.94" />
63
+ <circle cx="190.45" cy="107.482" r="4.94" />
64
+ <circle cx="179.143" cy="105.596" r="4.94" />
65
+ <circle cx="167.836" cy="104.481" r="4.94" />
66
+ <circle cx="156.749" cy="105.113" r="4.94" />
67
+ <circle cx="146.179" cy="108.732" r="4.94" />
68
+ <circle cx="137.276" cy="115.28" r="4.94" />
69
+ <circle cx="130.957" cy="124.414" r="4.94" />
70
+ <circle cx="127.912" cy="135.156" r="4.94" />
71
+ <circle cx="128.027" cy="146.301" r="4.94" />
72
+ <circle cx="130.152" cy="157.215" r="4.94" />
73
+ <path d="M214.998 119.531l-.46 6.434c-12.29-1.883-29.714-8.732-45.955-8.732-15.006 0-26.654 6.003-26.654 21.14 0 14.919 6.317 28.485 14.705 42.28l-8.731 4.136c-7.803-15.169-14.247-28.052-14.247-45.497 0-14.6 11.484-28.952 31.25-28.952 17.52 0 35.39 5.904 50.092 9.191z" />
74
+ </g>
49
75
  <path d="M221.969 53.125l-5.156 9.656 5.156 9.625 5.156-9.625-5.156-9.656zm0 24.375l-5.156 9.625 5.156 9.656 5.156-9.656-5.156-9.625zM203.587 74.953l8.132 5.156 8.105-5.156-8.105-5.156-8.132 5.156zm20.526 0l8.106 5.156 8.131-5.156-8.131-5.156-8.106 5.156z" />
50
76
  <circle cx="221.969" cy="75.069" r="3.906" />
51
77
  <circle cx="221.969" cy="100" r="10.455" />
package/source/components/_common/MaterialSelect/MaterialSelect.tsx CHANGED
@@ -35,6 +35,7 @@ export interface IVehicleModalProps {
35
35
  items: IItems[];
36
36
  selectClassName?: string;
37
37
  amountOfItems?: number;
38
+ customDimensionsIcon?: boolean;
38
39
  }
39
40
 
40
41
  const ITEM_HEIGHT = isMobileOnly ? 56 : 48;
@@ -61,6 +62,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
61
62
  required,
62
63
  items,
63
64
  icon,
65
+ customDimensionsIcon,
64
66
  amountOfItems = MENU_ITEMS
65
67
  }: IVehicleModalProps) => {
66
68
  const [newValue, setValue] = useState('');
@@ -172,7 +174,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
172
174
  inputProps={{
173
175
  className: selectClassName
174
176
  }}
175
- IconComponent={() => <ArrowSelect className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
177
+ IconComponent={() => <ArrowSelect customDimensions={customDimensionsIcon} className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
176
178
  MenuProps={{
177
179
  disablePortal: true,
178
180
  disableAutoFocus: true,
package/source/components/_common/TimePicker/TimePicker.styl CHANGED
@@ -17,5 +17,7 @@
17
17
  padding-right: 0 !important
18
18
 
19
19
  .selectIcon
20
- width: 30px
20
+ width: 21px
21
+ height: auto
22
+ max-width: none !important
21
23
  padding-right: 10px
package/source/components/_common/TimePicker/TimePicker.tsx CHANGED
@@ -46,8 +46,8 @@ const TimePicker = ({
46
46
  const nextWeekDays = [...Array(7).keys()].map((days, index) => (
47
47
  {
48
48
  value: index,
49
- label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }),
50
- day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' })
49
+ label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' }),
50
+ day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' })
51
51
  }
52
52
  ));
53
53
  const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));
@@ -124,6 +124,7 @@ const TimePicker = ({
124
124
  classNameIcon={styles.selectIcon}
125
125
  items={nextWeekDays}
126
126
  amountOfItems={6}
127
+ customDimensionsIcon
127
128
  />
128
129
  <MaterialSelect
129
130
  onChange={(value: any) => timeChange(value)}
@@ -136,6 +137,7 @@ const TimePicker = ({
136
137
  classNameIcon={styles.selectIcon}
137
138
  items={getTimeRanges()}
138
139
  amountOfItems={6}
140
+ customDimensionsIcon
139
141
  />
140
142
  </div>
141
143
  );