@woosmap/ui 4.34.0 → 4.36.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 (137) hide show
  1. package/.idea/encodings.xml +6 -0
  2. package/.idea/inspectionProfiles/Project_Default.xml +18 -0
  3. package/.idea/inspectionProfiles/profiles_settings.xml +6 -0
  4. package/.idea/misc.xml +4 -0
  5. package/.idea/modules.xml +8 -0
  6. package/.idea/prettier.xml +6 -0
  7. package/.idea/ui.iml +15 -0
  8. package/.idea/vcs.xml +6 -0
  9. package/package.json +1 -1
  10. package/src/components/Button/Button.js +9 -6
  11. package/src/components/Button/ButtonSwitch.js +1 -1
  12. package/src/components/Card/Card.js +1 -1
  13. package/src/components/Card/SimpleCard.js +2 -0
  14. package/src/components/Card/SimpleCard.styl +1 -1
  15. package/src/components/Dropdown/Dropdown.js +1 -1
  16. package/src/components/Flash/Flash.js +1 -1
  17. package/src/components/Icon/Icon.js +29 -13
  18. package/src/components/Icon/icon-story.styl +3 -2
  19. package/src/components/Input/Input.js +24 -8
  20. package/src/components/Input/Input.stories.js +2 -2
  21. package/src/components/Label/Label.js +8 -1
  22. package/src/icons/alphabetical-order-reversed.svg +1 -0
  23. package/src/icons/bulb.svg +1 -1
  24. package/src/icons/clock-reversed.svg +1 -0
  25. package/src/icons/clock.svg +1 -1
  26. package/src/icons/dot.svg +1 -0
  27. package/src/icons/flag.svg +1 -1
  28. package/src/icons/indoor-3dobject_chair.svg +1 -1
  29. package/src/icons/indoor-3dobject_closet.svg +1 -1
  30. package/src/icons/indoor-3dobject_hanger.svg +1 -1
  31. package/src/icons/indoor-3dobject_rack.svg +1 -1
  32. package/src/icons/indoor-3dobject_sofa.svg +1 -1
  33. package/src/icons/indoor-3dobject_table.svg +1 -1
  34. package/src/icons/indoor-accessories.svg +1 -1
  35. package/src/icons/indoor-administration.svg +1 -1
  36. package/src/icons/indoor-airline_transfers.svg +1 -1
  37. package/src/icons/indoor-airlines_counter.svg +1 -1
  38. package/src/icons/indoor-alcohol.svg +1 -1
  39. package/src/icons/indoor-amenity.svg +1 -1
  40. package/src/icons/indoor-arrival.svg +1 -0
  41. package/src/icons/indoor-art.svg +1 -1
  42. package/src/icons/indoor-assembly_point.svg +1 -1
  43. package/src/icons/indoor-atm.svg +1 -1
  44. package/src/icons/indoor-baggage_belt.svg +1 -1
  45. package/src/icons/indoor-baggage_claim.svg +1 -1
  46. package/src/icons/indoor-baggage_secure_wrap.svg +1 -1
  47. package/src/icons/indoor-baggage_service.svg +1 -1
  48. package/src/icons/indoor-bakery.svg +1 -1
  49. package/src/icons/indoor-bank.svg +1 -1
  50. package/src/icons/indoor-bar.svg +1 -1
  51. package/src/icons/indoor-barrier.svg +1 -1
  52. package/src/icons/indoor-beauty.svg +1 -1
  53. package/src/icons/indoor-bench.svg +1 -1
  54. package/src/icons/indoor-building.svg +1 -1
  55. package/src/icons/indoor-bureau_de_change.svg +1 -1
  56. package/src/icons/indoor-cafe.svg +1 -1
  57. package/src/icons/indoor-car_rental.svg +1 -1
  58. package/src/icons/indoor-cash_register.svg +1 -1
  59. package/src/icons/indoor-checkin.svg +1 -1
  60. package/src/icons/indoor-class.svg +1 -1
  61. package/src/icons/indoor-clothes.svg +1 -1
  62. package/src/icons/indoor-convinience_store.svg +1 -1
  63. package/src/icons/indoor-cosmetics.svg +1 -1
  64. package/src/icons/indoor-default.svg +1 -1
  65. package/src/icons/indoor-defibrillator.svg +1 -0
  66. package/src/icons/indoor-department_store.svg +1 -1
  67. package/src/icons/indoor-device_charging_station.svg +1 -1
  68. package/src/icons/indoor-dining.svg +1 -1
  69. package/src/icons/indoor-disability.svg +1 -1
  70. package/src/icons/indoor-doctors.svg +1 -1
  71. package/src/icons/indoor-door.svg +1 -1
  72. package/src/icons/indoor-drinking_water.svg +1 -1
  73. package/src/icons/indoor-duty_free.svg +1 -1
  74. package/src/icons/indoor-electronics.svg +1 -1
  75. package/src/icons/indoor-elevator.svg +1 -1
  76. package/src/icons/indoor-entertainment.svg +1 -1
  77. package/src/icons/indoor-entrance.svg +1 -1
  78. package/src/icons/indoor-escalator.svg +1 -1
  79. package/src/icons/indoor-exit-emergency.svg +1 -0
  80. package/src/icons/indoor-fashion_accessories.svg +1 -1
  81. package/src/icons/indoor-fast_food.svg +1 -1
  82. package/src/icons/indoor-fire_extinguisher.svg +1 -1
  83. package/src/icons/indoor-flight_ticket.svg +1 -1
  84. package/src/icons/indoor-florist.svg +1 -1
  85. package/src/icons/indoor-food_court.svg +1 -1
  86. package/src/icons/indoor-gate.svg +1 -1
  87. package/src/icons/indoor-gift.svg +1 -1
  88. package/src/icons/indoor-information.svg +1 -1
  89. package/src/icons/indoor-interior_decoration.svg +1 -1
  90. package/src/icons/indoor-jewelry.svg +1 -1
  91. package/src/icons/indoor-kitchen.svg +1 -1
  92. package/src/icons/indoor-laboratory.svg +1 -1
  93. package/src/icons/indoor-level.svg +1 -1
  94. package/src/icons/indoor-lounge.svg +1 -1
  95. package/src/icons/indoor-meeting.svg +1 -1
  96. package/src/icons/indoor-newsagent.svg +1 -1
  97. package/src/icons/indoor-parking.svg +1 -1
  98. package/src/icons/indoor-pharmacy.svg +1 -1
  99. package/src/icons/indoor-place_of_worship.svg +1 -1
  100. package/src/icons/indoor-plane.svg +1 -1
  101. package/src/icons/indoor-post_office.svg +1 -1
  102. package/src/icons/indoor-rails.svg +1 -1
  103. package/src/icons/indoor-ramp.svg +1 -1
  104. package/src/icons/indoor-reception_desk.svg +1 -1
  105. package/src/icons/indoor-restaurant.svg +1 -1
  106. package/src/icons/indoor-room.svg +1 -1
  107. package/src/icons/indoor-security.svg +1 -1
  108. package/src/icons/indoor-server.svg +1 -1
  109. package/src/icons/indoor-shoes.svg +1 -1
  110. package/src/icons/indoor-shop.svg +1 -1
  111. package/src/icons/indoor-shower.svg +1 -1
  112. package/src/icons/indoor-smoking_area.svg +1 -1
  113. package/src/icons/indoor-stairs.svg +1 -1
  114. package/src/icons/indoor-storage.svg +1 -1
  115. package/src/icons/indoor-supermarket.svg +1 -1
  116. package/src/icons/indoor-taxi.svg +1 -1
  117. package/src/icons/indoor-technical.svg +1 -1
  118. package/src/icons/indoor-telephone.svg +1 -1
  119. package/src/icons/indoor-terrace.svg +1 -1
  120. package/src/icons/indoor-toilets.svg +1 -1
  121. package/src/icons/indoor-train.svg +1 -1
  122. package/src/icons/indoor-transports.svg +1 -1
  123. package/src/icons/indoor-travel_agency.svg +1 -1
  124. package/src/icons/indoor-underwear.svg +1 -1
  125. package/src/icons/indoor-venue.svg +1 -1
  126. package/src/icons/indoor-waste_basket.svg +1 -1
  127. package/src/icons/indoor-workplace.svg +1 -1
  128. package/src/icons/switch.svg +1 -1
  129. package/src/icons/time.svg +1 -0
  130. package/src/icons/view-card.svg +1 -0
  131. package/src/icons/view-list.svg +1 -0
  132. package/src/styles/console/button.styl +24 -10
  133. package/src/styles/console/icon.styl +1 -0
  134. package/src/styles/console/input.styl +69 -0
  135. package/src/styles/console/select.styl +3 -3
  136. package/src/icons/indoor-defibrilator.svg +0 -1
  137. package/src/icons/indoor-emmergency_exit.svg +0 -1
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="Encoding">
4
+ <file url="PROJECT" charset="UTF-8" />
5
+ </component>
6
+ </project>
@@ -0,0 +1,18 @@
1
+ <component name="InspectionProjectProfileManager">
2
+ <profile version="1.0">
3
+ <option name="myName" value="Project Default" />
4
+ <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
5
+ <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
6
+ <option name="ignoredPackages">
7
+ <value>
8
+ <list size="4">
9
+ <item index="0" class="java.lang.String" itemvalue="Fabric" />
10
+ <item index="1" class="java.lang.String" itemvalue="PyYAML" />
11
+ <item index="2" class="java.lang.String" itemvalue="Jinja2" />
12
+ <item index="3" class="java.lang.String" itemvalue="github3.py" />
13
+ </list>
14
+ </value>
15
+ </option>
16
+ </inspection_tool>
17
+ </profile>
18
+ </component>
@@ -0,0 +1,6 @@
1
+ <component name="InspectionProjectProfileManager">
2
+ <settings>
3
+ <option name="USE_PROJECT_PROFILE" value="false" />
4
+ <version value="1.0" />
5
+ </settings>
6
+ </component>
package/.idea/misc.xml ADDED
@@ -0,0 +1,4 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.9" project-jdk-type="Python SDK" />
4
+ </project>
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="ProjectModuleManager">
4
+ <modules>
5
+ <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
6
+ </modules>
7
+ </component>
8
+ </project>
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="PrettierConfiguration">
4
+ <option name="myRunOnReformat" value="true" />
5
+ </component>
6
+ </project>
package/.idea/ui.iml ADDED
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <module type="PYTHON_MODULE" version="4">
3
+ <component name="NewModuleRootManager">
4
+ <content url="file://$MODULE_DIR$" />
5
+ <orderEntry type="inheritedJdk" />
6
+ <orderEntry type="sourceFolder" forTests="false" />
7
+ </component>
8
+ <component name="TemplatesService">
9
+ <option name="TEMPLATE_FOLDERS">
10
+ <list>
11
+ <option value="$MODULE_DIR$/node_modules/@storybook/core/dist/server/templates" />
12
+ </list>
13
+ </option>
14
+ </component>
15
+ </module>
package/.idea/vcs.xml ADDED
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <project version="4">
3
+ <component name="VcsDirectoryMappings">
4
+ <mapping directory="$PROJECT_DIR$" vcs="Git" />
5
+ </component>
6
+ </project>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "4.34.0",
3
+ "version": "4.36.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -15,6 +15,7 @@ export default class Button extends Component {
15
15
  size,
16
16
  type,
17
17
  icon,
18
+ isFillIcon,
18
19
  iconSize,
19
20
  isBtnIcon,
20
21
  className,
@@ -40,12 +41,12 @@ export default class Button extends Component {
40
41
  isNotification ? 'btn--notification' : null,
41
42
  { 'btn--loading': isLoading },
42
43
  { 'btn--no-label': !label },
43
- { 'btn--custom-icon-size': iconSize && iconSize !== 24 },
44
+ { 'btn--custom-icon-size': iconSize && iconSize !== 22 },
44
45
  className
45
46
  );
46
- let iconComponent = icon ? <Icon size={iconSize} icon={icon} /> : null;
47
+ let iconComponent = icon ? <Icon isFill={isFillIcon} size={iconSize} icon={icon} /> : null;
47
48
  if (isLoading) {
48
- iconComponent = <Icon icon="load" />;
49
+ iconComponent = <Icon isFill isLoad icon="load" />;
49
50
  }
50
51
  return (
51
52
  <button
@@ -72,24 +73,25 @@ Button.defaultProps = {
72
73
  isBtnIcon: false,
73
74
  disabled: false,
74
75
  children: null,
75
- size: undefined,
76
+ size: 'normal',
76
77
  type: 'primary',
77
78
  className: '',
78
79
  label: '',
79
80
  icon: null,
80
- iconSize: 24,
81
+ iconSize: 22,
81
82
  isLoading: false,
82
83
  active: false,
83
84
  onClick: null,
84
85
  iconRight: false,
85
86
  isNotification: false,
87
+ isFillIcon: false,
86
88
  };
87
89
 
88
90
  Button.propTypes = {
89
91
  testId: PropTypes.string,
90
92
  isBtnIcon: PropTypes.bool,
91
93
  disabled: PropTypes.bool,
92
- size: PropTypes.oneOf(['large', 'small', 'mini', undefined]),
94
+ size: PropTypes.oneOf(['large', 'small', 'mini', 'normal']),
93
95
  type: PropTypes.oneOf([
94
96
  'primary',
95
97
  'switch',
@@ -119,4 +121,5 @@ Button.propTypes = {
119
121
  children: PropTypes.node,
120
122
  iconRight: PropTypes.bool,
121
123
  isNotification: PropTypes.bool,
124
+ isFillIcon: PropTypes.bool,
122
125
  };
@@ -20,7 +20,7 @@ ButtonSwitch.defaultProps = {
20
20
  label: '',
21
21
  icon: null,
22
22
  activeIcon: null,
23
- iconSize: 24,
23
+ iconSize: 22,
24
24
  isLoading: false,
25
25
  active: false,
26
26
  onClick: null,
@@ -280,7 +280,7 @@ Card.defaultProps = {
280
280
  active: false,
281
281
  onClick: null,
282
282
  product: null,
283
- iconSize: 38,
283
+ iconSize: 36,
284
284
  isClickable: false,
285
285
  noBorder: false,
286
286
  isNew: false,
@@ -43,6 +43,8 @@ class SimpleCard extends Component {
43
43
  className="simplecard__favorite"
44
44
  title={tr('Favorite Project')}
45
45
  icon="star-filled"
46
+ isFill
47
+ size={18}
46
48
  data-testid={`${testId}-icon`}
47
49
  />
48
50
  )}
@@ -61,7 +61,7 @@
61
61
  position absolute
62
62
  right 1rem
63
63
  top 1.3rem
64
- stroke $favorite
64
+ fill $favorite
65
65
  .inline &
66
66
  sq(1.8)
67
67
  position unset
@@ -426,7 +426,7 @@ Dropdown.defaultProps = {
426
426
  openOnMouseEnter: false,
427
427
  btnFace: 'link-flex',
428
428
  btnFaceIcon: 'caret-bottom',
429
- btnFaceIconSize: 24,
429
+ btnFaceIconSize: 22,
430
430
  btnTooltipText: null,
431
431
  btnTooltipDirection: null,
432
432
  testId: 'dropdown',
@@ -6,7 +6,7 @@ import Icon from '../Icon/Icon';
6
6
  export default class Flash extends Component {
7
7
  render() {
8
8
  const { children, icon, inverse, fill, type, shadowed, testId, ...rest } = this.props;
9
- const iconComponent = icon ? <Icon size={24} icon={icon} /> : null;
9
+ const iconComponent = icon ? <Icon icon={icon} /> : null;
10
10
  return (
11
11
  <div
12
12
  className={cl(
@@ -120,6 +120,7 @@ import { ReactComponent as AdminKey } from '../../icons/admin-key.svg';
120
120
  import { ReactComponent as AdminTool } from '../../icons/admin-tool.svg';
121
121
  import { ReactComponent as Agenda } from '../../icons/agenda.svg';
122
122
  import { ReactComponent as AlphabeticalOrder } from '../../icons/alphabetical-order.svg';
123
+ import { ReactComponent as AlphabeticalOrderReversed } from '../../icons/alphabetical-order-reversed.svg';
123
124
  import { ReactComponent as ArrowBotton } from '../../icons/arrow-bottom.svg';
124
125
  import { ReactComponent as ArrowLeft } from '../../icons/arrow-left.svg';
125
126
  import { ReactComponent as ArrowRight } from '../../icons/arrow-right.svg';
@@ -134,6 +135,7 @@ import { ReactComponent as CaretTop } from '../../icons/caret-top.svg';
134
135
  import { ReactComponent as Charts } from '../../icons/charts.svg';
135
136
  import { ReactComponent as Check } from '../../icons/check.svg';
136
137
  import { ReactComponent as Clock } from '../../icons/clock.svg';
138
+ import { ReactComponent as ClockReversed } from '../../icons/clock-reversed.svg';
137
139
  import { ReactComponent as Close } from '../../icons/close.svg';
138
140
  import { ReactComponent as Code } from '../../icons/code.svg';
139
141
  import { ReactComponent as Company } from '../../icons/company.svg';
@@ -143,6 +145,7 @@ import { ReactComponent as Dashboard } from '../../icons/dashboard.svg';
143
145
  import { ReactComponent as Delete } from '../../icons/delete.svg';
144
146
  import { ReactComponent as Documentation } from '../../icons/documentation.svg';
145
147
  import { ReactComponent as Dollar } from '../../icons/dollar.svg';
148
+ import { ReactComponent as Dot } from '../../icons/dot.svg';
146
149
  import { ReactComponent as DotFill } from '../../icons/dot-fill.svg';
147
150
  import { ReactComponent as Edit } from '../../icons/edit.svg';
148
151
  import { ReactComponent as Email } from '../../icons/email.svg';
@@ -152,7 +155,6 @@ import { ReactComponent as Expand } from '../../icons/expand.svg';
152
155
  import { ReactComponent as Export } from '../../icons/export.svg';
153
156
  import { ReactComponent as Flag } from '../../icons/flag.svg';
154
157
  import { ReactComponent as Forbidden } from '../../icons/forbidden.svg';
155
-
156
158
  import { ReactComponent as Globe } from '../../icons/globe.svg';
157
159
  import { ReactComponent as Hourglass } from '../../icons/hourglass.svg';
158
160
  import { ReactComponent as Import } from '../../icons/import.svg';
@@ -181,7 +183,10 @@ import { ReactComponent as StarFilled } from '../../icons/star-filled.svg';
181
183
  import { ReactComponent as Support } from '../../icons/support.svg';
182
184
  import { ReactComponent as Switch } from '../../icons/switch.svg';
183
185
  import { ReactComponent as Team } from '../../icons/team.svg';
186
+ import { ReactComponent as Time } from '../../icons/time.svg';
184
187
  import { ReactComponent as User } from '../../icons/user.svg';
188
+ import { ReactComponent as ViewCard } from '../../icons/view-card.svg';
189
+ import { ReactComponent as ViewList } from '../../icons/view-list.svg';
185
190
  import { ReactComponent as Warning } from '../../icons/warning.svg';
186
191
  import { ReactComponent as Woosmap } from '../../icons/woosmap.svg';
187
192
  import { ReactComponent as Address } from '../../icons/address.svg';
@@ -189,6 +194,7 @@ import { ReactComponent as Distance } from '../../icons/distance.svg';
189
194
  import { ReactComponent as Geolocation } from '../../icons/geolocation.svg';
190
195
  import { ReactComponent as Localities } from '../../icons/localities.svg';
191
196
  import { ReactComponent as Map } from '../../icons/map.svg';
197
+
192
198
  import { ReactComponent as Merchant } from '../../icons/merchant.svg';
193
199
  import { ReactComponent as Stores } from '../../icons/stores.svg';
194
200
  import { ReactComponent as Traffic } from '../../icons/traffic.svg';
@@ -201,8 +207,8 @@ import { ReactComponent as Showcases } from '../../icons/showcases.svg';
201
207
  import { ReactComponent as Indoor } from '../../icons/indoor.svg';
202
208
 
203
209
  import { ReactComponent as SocialFacebook } from '../../icons/social-facebook.svg';
204
- import { ReactComponent as socialGithub } from '../../icons/social-github.svg';
205
- import { ReactComponent as socialGoogle } from '../../icons/social-google.svg';
210
+ import { ReactComponent as SocialGithub } from '../../icons/social-github.svg';
211
+ import { ReactComponent as SocialGoogle } from '../../icons/social-google.svg';
206
212
  import { ReactComponent as SocialLinkedin } from '../../icons/social-linkedin.svg';
207
213
  import { ReactComponent as SocialTwitter } from '../../icons/social-twitter.svg';
208
214
 
@@ -218,6 +224,7 @@ import { ReactComponent as IndoorAirlineTransfers } from '../../icons/indoor-air
218
224
  import { ReactComponent as IndoorAirlinesCounter } from '../../icons/indoor-airlines_counter.svg';
219
225
  import { ReactComponent as IndoorAlcohol } from '../../icons/indoor-alcohol.svg';
220
226
  import { ReactComponent as IndoorAmenity } from '../../icons/indoor-amenity.svg';
227
+ import { ReactComponent as IndoorArrival } from '../../icons/indoor-arrival.svg';
221
228
  import { ReactComponent as IndoorArt } from '../../icons/indoor-art.svg';
222
229
  import { ReactComponent as IndoorAssemblyPoint } from '../../icons/indoor-assembly_point.svg';
223
230
  import { ReactComponent as IndoorAtm } from '../../icons/indoor-atm.svg';
@@ -242,7 +249,7 @@ import { ReactComponent as IndoorClothes } from '../../icons/indoor-clothes.svg'
242
249
  import { ReactComponent as IndoorConvinienceStore } from '../../icons/indoor-convinience_store.svg';
243
250
  import { ReactComponent as IndoorCosmetics } from '../../icons/indoor-cosmetics.svg';
244
251
  import { ReactComponent as IndoorDefault } from '../../icons/indoor-default.svg';
245
- import { ReactComponent as IndoorDefibrilator } from '../../icons/indoor-defibrilator.svg';
252
+ import { ReactComponent as IndoorDefibrillator } from '../../icons/indoor-defibrillator.svg';
246
253
  import { ReactComponent as IndoorDepartmentStore } from '../../icons/indoor-department_store.svg';
247
254
  import { ReactComponent as IndoorDeviceChargingStation } from '../../icons/indoor-device_charging_station.svg';
248
255
  import { ReactComponent as IndoorDining } from '../../icons/indoor-dining.svg';
@@ -253,10 +260,10 @@ import { ReactComponent as IndoorDrinkingWater } from '../../icons/indoor-drinki
253
260
  import { ReactComponent as IndoorDutyFree } from '../../icons/indoor-duty_free.svg';
254
261
  import { ReactComponent as IndoorElectronics } from '../../icons/indoor-electronics.svg';
255
262
  import { ReactComponent as IndoorElevator } from '../../icons/indoor-elevator.svg';
256
- import { ReactComponent as IndoorEmmergencyExit } from '../../icons/indoor-emmergency_exit.svg';
263
+ import { ReactComponent as IndoorExitEmergency } from '../../icons/indoor-exit-emergency.svg';
257
264
  import { ReactComponent as IndoorEntertainment } from '../../icons/indoor-entertainment.svg';
258
265
  import { ReactComponent as IndoorEntrance } from '../../icons/indoor-entrance.svg';
259
- import { ReactComponent as IndoorEscalator } from '../../icons/indoor-escalator.svg';
266
+ import { ReactComponent as IndoorConveyingForward } from '../../icons/indoor-escalator.svg';
260
267
  import { ReactComponent as IndoorFashionAccessories } from '../../icons/indoor-fashion_accessories.svg';
261
268
  import { ReactComponent as IndoorFastFood } from '../../icons/indoor-fast_food.svg';
262
269
  import { ReactComponent as IndoorFireExtinguisher } from '../../icons/indoor-fire_extinguisher.svg';
@@ -428,6 +435,7 @@ const ConsoleIcons = {
428
435
  'administration-tool': AdministrationTool,
429
436
  agenda: Agenda,
430
437
  'alphabetical-order': AlphabeticalOrder,
438
+ 'alphabetical-order-reversed': AlphabeticalOrderReversed,
431
439
  'arrow-bottom': ArrowBotton,
432
440
  'arrow-left': ArrowLeft,
433
441
  'arrow-right': ArrowRight,
@@ -442,6 +450,7 @@ const ConsoleIcons = {
442
450
  charts: Charts,
443
451
  check: Check,
444
452
  clock: Clock,
453
+ 'clock-reversed': ClockReversed,
445
454
  close: Close,
446
455
  code: Code,
447
456
  company: Company,
@@ -451,6 +460,7 @@ const ConsoleIcons = {
451
460
  delete: Delete,
452
461
  documentation: Documentation,
453
462
  dollar: Dollar,
463
+ dot: Dot,
454
464
  'dot-fill': DotFill,
455
465
  edit: Edit,
456
466
  email: Email,
@@ -484,8 +494,8 @@ const ConsoleIcons = {
484
494
  shield: Shield,
485
495
  shortcut: Shortcut,
486
496
  'social-facebook': SocialFacebook,
487
- 'social-github': socialGithub,
488
- 'social-google': socialGoogle,
497
+ 'social-github': SocialGithub,
498
+ 'social-google': SocialGoogle,
489
499
  'social-linkedin': SocialLinkedin,
490
500
  'social-twitter': SocialTwitter,
491
501
  'star-filled': StarFilled,
@@ -493,7 +503,10 @@ const ConsoleIcons = {
493
503
  support: Support,
494
504
  switch: Switch,
495
505
  team: Team,
506
+ time: Time,
496
507
  user: User,
508
+ 'view-card': ViewCard,
509
+ 'view-list': ViewList,
497
510
  warning: Warning,
498
511
  woosmap: Woosmap,
499
512
 
@@ -509,6 +522,7 @@ const ConsoleIcons = {
509
522
  'indoor-airlines_counter': IndoorAirlinesCounter,
510
523
  'indoor-alcohol': IndoorAlcohol,
511
524
  'indoor-amenity': IndoorAmenity,
525
+ 'indoor-arrival': IndoorArrival,
512
526
  'indoor-art': IndoorArt,
513
527
  'indoor-assembly_point': IndoorAssemblyPoint,
514
528
  'indoor-atm': IndoorAtm,
@@ -533,7 +547,7 @@ const ConsoleIcons = {
533
547
  'indoor-convinience_store': IndoorConvinienceStore,
534
548
  'indoor-cosmetics': IndoorCosmetics,
535
549
  'indoor-default': IndoorDefault,
536
- 'indoor-defibrilator': IndoorDefibrilator,
550
+ 'indoor-defibrillator': IndoorDefibrillator,
537
551
  'indoor-department_store': IndoorDepartmentStore,
538
552
  'indoor-device_charging_station': IndoorDeviceChargingStation,
539
553
  'indoor-dining': IndoorDining,
@@ -544,10 +558,10 @@ const ConsoleIcons = {
544
558
  'indoor-duty_free': IndoorDutyFree,
545
559
  'indoor-electronics': IndoorElectronics,
546
560
  'indoor-elevator': IndoorElevator,
547
- 'indoor-emmergency_exit': IndoorEmmergencyExit,
561
+ 'indoor-exit-emergency': IndoorExitEmergency,
548
562
  'indoor-entertainment': IndoorEntertainment,
549
563
  'indoor-entrance': IndoorEntrance,
550
- 'indoor-escalator': IndoorEscalator,
564
+ 'indoor-conveying-forward': IndoorConveyingForward,
551
565
  'indoor-fashion_accessories': IndoorFashionAccessories,
552
566
  'indoor-fast_food': IndoorFastFood,
553
567
  'indoor-fire_extinguisher': IndoorFireExtinguisher,
@@ -624,9 +638,9 @@ const Icons = {
624
638
 
625
639
  class Icon extends Component {
626
640
  render() {
627
- const { icon, size, className, isFill, title, testId } = this.props;
641
+ const { icon, size, className, isFill, isLoad, title, testId } = this.props;
628
642
  const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
629
- const classes = cl('icon', { 'btn--fill': isFill }, className);
643
+ const classes = cl('icon', { 'icon--fill': isFill }, { 'icon--load': isLoad }, className);
630
644
  return (
631
645
  <IconComponent
632
646
  className={classes}
@@ -645,6 +659,7 @@ Icon.defaultProps = {
645
659
  title: null,
646
660
  testId: 'icon',
647
661
  isFill: false,
662
+ isLoad: false,
648
663
  };
649
664
 
650
665
  Icon.propTypes = {
@@ -652,6 +667,7 @@ Icon.propTypes = {
652
667
  className: PropTypes.string,
653
668
  icon: PropTypes.string.isRequired,
654
669
  isFill: PropTypes.bool,
670
+ isLoad: PropTypes.bool,
655
671
  title: PropTypes.string,
656
672
  testId: PropTypes.string,
657
673
  };
@@ -22,8 +22,9 @@
22
22
  stroke $secondary
23
23
  stroke-linecap round
24
24
  stroke-linejoin round
25
+ &:not(.icon--fill)
26
+ fill none
25
27
  &--fill
26
28
  stroke-width: 0
27
29
  stroke $secondary
28
- &:not(.icon--social-github):not(.icon--social-linkedin):not(.icon--social-facefook):not(.icon--big-commerce):not(.icon--fill)
29
- fill: none
30
+
@@ -43,6 +43,7 @@ export default class Input extends Component {
43
43
  onBlur,
44
44
  onFocus,
45
45
  icon,
46
+ isInputIconFill,
46
47
  enableTogglePassword,
47
48
  } = this.props;
48
49
 
@@ -52,20 +53,20 @@ export default class Input extends Component {
52
53
 
53
54
  switch (iconSize) {
54
55
  case 'normal':
55
- iconSize = 24;
56
+ iconSize = 22;
56
57
  break;
57
58
  case 'large':
58
- iconSize = 26;
59
+ iconSize = 24;
59
60
  break;
60
61
  case 'small':
61
- iconSize = 22;
62
+ iconSize = 20;
62
63
  break;
63
64
  default:
64
- iconSize = 24;
65
+ iconSize = 22;
65
66
  }
66
67
  return (
67
68
  <div className="input__container">
68
- {icon ? <Icon icon={icon} size={iconSize} /> : null}
69
+ {icon ? <Icon icon={icon} isFill={isInputIconFill} size={iconSize} /> : null}
69
70
  {React.createElement(type === 'textarea' ? 'textarea' : 'input', {
70
71
  className: cl('input__item', {
71
72
  error,
@@ -90,13 +91,14 @@ export default class Input extends Component {
90
91
  <span
91
92
  onKeyDown={() => ({})}
92
93
  role="button"
94
+ className="password-toggle"
93
95
  tabIndex={0}
94
96
  onClick={() => this.setState({ showPassword: !showPassword })}
95
97
  >
96
98
  <Icon
97
99
  icon={showPassword ? 'eye-crossed-out' : 'eye'}
98
100
  size={iconSize}
99
- className={cl('icon--password-toggle', { showed: showPassword })}
101
+ className={{ showed: showPassword }}
100
102
  />
101
103
  </span>
102
104
  )}
@@ -105,7 +107,19 @@ export default class Input extends Component {
105
107
  };
106
108
 
107
109
  render() {
108
- const { hideLabel, error, label, className, size, type, icon, isFilter, isNoBorder, disabled } = this.props;
110
+ const {
111
+ hideLabel,
112
+ error,
113
+ label,
114
+ className,
115
+ size,
116
+ type,
117
+ icon,
118
+ enableTogglePassword,
119
+ isFilter,
120
+ isNoBorder,
121
+ disabled,
122
+ } = this.props;
109
123
  const errorComponent = error ? (
110
124
  <span className="input__error" data-testid="input-error">
111
125
  {error}
@@ -116,7 +130,7 @@ export default class Input extends Component {
116
130
  isFilter && type !== 'checkbox' && type !== 'radio' && type !== 'textarea' ? 'input--filter' : null,
117
131
  isNoBorder && type !== 'checkbox' && type !== 'radio' && type !== 'textarea' ? 'input--noborder' : null,
118
132
  { 'input--iconed': icon },
119
- { 'input--password-toggle': type === 'password' },
133
+ { 'input--password-toggle': enableTogglePassword && type === 'password' },
120
134
  `input--${size}`,
121
135
  type === 'checkbox' || type === 'radio' ? `input--${type}` : null,
122
136
  disabled ? 'input--disabled' : null,
@@ -167,6 +181,7 @@ Input.propTypes = {
167
181
  onFocus: PropTypes.func,
168
182
  onPressEnter: PropTypes.func,
169
183
  enableTogglePassword: PropTypes.bool,
184
+ isInputIconFill: PropTypes.bool,
170
185
  };
171
186
 
172
187
  Input.defaultProps = {
@@ -192,4 +207,5 @@ Input.defaultProps = {
192
207
  onBlur: null,
193
208
  onFocus: null,
194
209
  enableTogglePassword: false,
210
+ isInputIconFill: false,
195
211
  };
@@ -76,7 +76,7 @@ const Template = (args) => {
76
76
  type="password"
77
77
  label="Password with icon"
78
78
  hideLabel={hideLabel}
79
- icon="woosmap"
79
+ icon="marker"
80
80
  />
81
81
  <Input
82
82
  placeholder="Type password"
@@ -86,7 +86,7 @@ const Template = (args) => {
86
86
  enableTogglePassword
87
87
  />
88
88
  <Input
89
- icon="woosmap"
89
+ icon="shield"
90
90
  placeholder="Type password"
91
91
  type="password"
92
92
  label="Password with icon and toggle"
@@ -41,7 +41,14 @@ export default class Label extends Component {
41
41
  </span>
42
42
  )}
43
43
  {closable && (
44
- <Button type="link-flex" iconSize={12} icon="close" onClick={closeCb} testId={`${testId}-button`} />
44
+ <Button
45
+ type="link-flex"
46
+ className="icon--thicker"
47
+ iconSize={10}
48
+ icon="close"
49
+ onClick={closeCb}
50
+ testId={`${testId}-button`}
51
+ />
45
52
  )}
46
53
  </span>
47
54
  );
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><line x1="16.744" y1="17.315" x2="16.744" y2="6.54"/><polyline points="20.382 14.949 16.781 18.55 13.17 14.94"/><polyline points="3.62 19.289 6.202 12.924 8.706 19.289"/><line x1="4.267" y1="17.694" x2="8.079" y2="17.694"/><polyline points="3.62 4.711 8.706 4.711 3.618 9.799 8.684 9.799"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m18.307,10.194c0,3.483-3.572,5.558-7.056,5.558s-5.558-3.572-5.558-7.056,3.572-5.558,7.056-5.558,5.558,3.572,5.558,7.056Z"/><path d="m15.617,15.143v1.902c0,.715-.465,1.347-1.147,1.561h0c-1.608.503-3.331.503-4.94,0h0c-.683-.213-1.147-.846-1.147-1.561v-1.902"/><path d="m8.726,18.055l1.439,1.879c.966,1.261,2.875,1.232,3.802-.058l1.308-1.821"/><path d="m10.766,15.143v-4.044c0-.54-.438-.978-.978-.978h-.355c-.54,0-.978.438-.978.978h0c0,.537.433.973.97.978l1.341.011"/><path d="m13.234,15.143v-4.044c0-.54.438-.978.978-.978h.355c.54,0,.978.438.978.978h0c0,.537-.433.973-.97.978l-1.341.011"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.07,10.59c0-3.159-2.888-5.642-6.168-4.955-1.965.412-3.528,2.035-3.887,4.01-.321,1.77.282,3.398,1.402,4.512.922.916,1.359,2.214,1.359,3.513h0s4.458,0,4.458,0h0c0-1.3.43-2.601,1.351-3.518.916-.912,1.485-2.167,1.485-3.563Z"/><path d="m15.132,10.205c-.295-1.497-1.572-2.641-3.132-2.733"/><line x1="9.771" y1="19.525" x2="14.229" y2="19.525"/><line x1="10.797" y1="21.38" x2="13.203" y2="21.38"/><line x1="12" y1="3.554" x2="12" y2="2.62"/><line x1="6.934" y1="5.653" x2="6.274" y2="4.992"/><line x1="4.836" y1="10.718" x2="3.902" y2="10.718"/><line x1="20.098" y1="10.718" x2="19.164" y2="10.718"/><line x1="17.726" y1="4.992" x2="17.066" y2="5.653"/><line x1="4.836" y1="10.718" x2="3.902" y2="10.718"/><line x1="20.098" y1="10.718" x2="19.164" y2="10.718"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polyline points="16.137 10.357 12.037 13.103 7.54 8.557"/><polyline points="14.678 17.975 19.248 17.975 19.248 22.431"/><path d="m21.177,13.911c.128-.617.195-1.256.195-1.911,0-5.176-4.196-9.372-9.372-9.372S2.628,6.824,2.628,12s4.196,9.372,9.372,9.372c2.911,0,5.513-1.328,7.232-3.41"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polyline points="16.137 10.357 12.037 13.103 7.54 8.557"/><circle cx="12" cy="12" r="9.372"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polyline points="9.322 17.975 4.752 17.975 4.752 22.431"/><polyline points="16.137 10.357 12.037 13.103 7.54 8.557"/><path d="m2.823,13.911c-.128-.617-.195-1.256-.195-1.911C2.628,6.824,6.824,2.628,12,2.628s9.372,4.196,9.372,9.372-4.196,9.372-9.372,9.372c-2.911,0-5.513-1.328-7.232-3.41"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12.174" cy="12" r="3.231"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.67,6.739s-2.541-1.586-4.929-1.586-3.687,1.586-6.19,1.586-5.808-1.586-5.808-1.586v10.065s3.305,1.586,5.808,1.586,3.802-1.586,6.19-1.586,4.929,1.586,4.929,1.586V6.739Z"/><line x1="15.741" y1="15.219" x2="15.741" y2="5.154"/><line x1="9.551" y1="6.739" x2="9.551" y2="16.805"/><line x1="3.743" y1="3.087" x2="3.743" y2="20.913"/><circle cx="12.592" cy="10.979" r="1.208"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.907,6.464s-2.674-1.669-5.187-1.669-3.881,1.669-6.515,1.669-6.112-1.669-6.112-1.669v10.593s3.478,1.669,6.112,1.669,4.001-1.669,6.515-1.669,5.187,1.669,5.187,1.669V6.464Z"/><line x1="15.72" y1="15.388" x2="15.72" y2="4.795"/><line x1="9.205" y1="6.464" x2="9.205" y2="17.057"/><line x1="3.093" y1="2.62" x2="3.093" y2="21.38"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="M33.679 21.037a2.927 2.927 0 0 0-2.924-2.924h-14.46l-1.018-7.135a11.875 11.875 0 0 0-5.749-8.592.799.799 0 0 0-1.194.825l2.724 15.771v2.056c0 1.604 1.3 2.909 2.902 2.921l-2.602 14.83a.799.799 0 0 0 .788.938h1.417a.8.8 0 0 0 .767-.57l3.299-11.018h9.185l3.298 11.018a.8.8 0 0 0 .767.57h1.417a.802.802 0 0 0 .788-.938l-2.601-14.828h.274a2.927 2.927 0 0 0 2.924-2.923Zm-19.987-9.834.986 6.91h-2.147l-2.29-13.252a10.274 10.274 0 0 1 3.451 6.343Zm-1.036 9.834v-1.325h18.099a1.325 1.325 0 0 1 0 2.649H13.981c-.73 0-1.324-.594-1.324-1.324Zm.626 16.033 2.3-13.109h1.625L13.282 37.07Zm4.823-10.53.772-2.579h6.682l.772 2.579h-8.227Zm13.05 10.533L27.23 23.961h1.625l2.3 13.112Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m11.857,18.912h18.898c1.172,0,2.124.952,2.124,2.124h0c0,1.172-.952,2.124-2.124,2.124H13.981c-1.172,0-2.124-.952-2.124-2.124v-2.124h0Z"/><path d="m11.857,18.912l-2.736-15.839h0c2.912,1.719,4.886,4.668,5.363,8.016l1.116,7.822h-3.744Z"/><polygon points="13.562 38.926 12.145 38.926 14.911 23.161 18.283 23.161 13.562 38.926"/><polygon points="30.877 38.926 32.295 38.926 29.528 23.161 26.157 23.161 30.877 38.926"/><line x1="17.032" y1="27.339" x2="26.96" y2="27.339"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="M33.376 2.274H8.624a2.134 2.134 0 0 0-2.132 2.132v30.142c0 1.176.956 2.132 2.132 2.132h.563v2.247a.8.8 0 0 0 1.6 0V36.68h20.427v2.247a.8.8 0 0 0 1.6 0V36.68h.563a2.134 2.134 0 0 0 2.132-2.132V4.406a2.134 2.134 0 0 0-2.132-2.132Zm.532 2.132v22.029H21.799V3.874h11.577c.293 0 .532.239.532.532ZM8.623 3.874H20.2v22.561H8.091V4.406c0-.293.239-.532.532-.532Zm-.532 30.674v-6.514H20.2v7.046H8.624a.533.533 0 0 1-.532-.532Zm25.285.532H21.799v-7.046h12.109v6.514a.533.533 0 0 1-.532.532Z"/><path d="M16.982 17.669a.8.8 0 0 0 .8-.8v-3.046a.8.8 0 1 0-1.6 0v3.046a.8.8 0 0 0 .8.8Zm8.036 0a.8.8 0 0 0 .8-.8v-3.046a.8.8 0 1 0-1.6 0v3.046a.8.8 0 0 0 .8.8Zm4.203 12.957h-3.046a.8.8 0 1 0 0 1.6h3.046a.8.8 0 1 0 0-1.6Zm-16.442 1.6h3.046a.8.8 0 1 0 0-1.6h-3.046a.8.8 0 1 0 0 1.6Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><rect x="7.292" y="3.074" width="27.417" height="32.806" rx="1.332" ry="1.332"/><line x1="16.982" y1="13.823" x2="16.982" y2="16.87"/><line x1="25.018" y1="13.823" x2="25.018" y2="16.87"/><line x1="9.986" y1="35.88" x2="9.986" y2="38.926"/><line x1="32.014" y1="35.88" x2="32.014" y2="38.926"/><line x1="26.175" y1="31.425" x2="29.221" y2="31.425"/><line x1="12.779" y1="31.425" x2="15.825" y2="31.425"/><line x1="7.292" y1="27.235" x2="34.708" y2="27.235"/><line x1="21" y1="35.88" x2="21" y2="3.074"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m38.343 25.771-16.582-8.13v-.931c0-1.026-.628-1.93-1.601-2.301a2.25 2.25 0 0 1-1.365-2.711 2.225 2.225 0 0 1 1.556-1.555c.717-.183 1.421-.047 1.985.39.554.43.873 1.077.873 1.777a.8.8 0 1 0 1.6 0 3.822 3.822 0 0 0-1.492-3.042 3.867 3.867 0 0 0-3.365-.673 3.815 3.815 0 0 0-2.705 2.704c-.498 1.924.51 3.904 2.343 4.605a.866.866 0 0 1 .573.806v.931L3.579 25.772c-1.074.526-1.614 1.664-1.343 2.829s1.256 1.947 2.452 1.947h32.547c1.196 0 2.181-.782 2.452-1.947s-.269-2.303-1.344-2.83Zm-.215 2.468c-.08.344-.356.71-.893.71H4.688c-.537 0-.813-.366-.893-.71-.08-.343.007-.794.489-1.03l16.677-8.177 16.677 8.176c.483.237.569.688.49 1.031Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="m37.273,31.243H4.727c-1.819,0-2.389-2.458-.756-3.259l17.029-8.35,17.029,8.35c1.633.801,1.063,3.259-.756,3.259Z"/><path d="m24.046,13.803c0-1.946-1.825-3.466-3.857-2.941-1.026.265-1.865,1.104-2.13,2.13-.422,1.632.476,3.131,1.854,3.658.65.248,1.087.858,1.087,1.554v1.43"/></svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path d="M37.671 3.529H4.329a.8.8 0 0 0-.8.8v33.342a.8.8 0 0 0 1.6 0v-2.322h31.742v2.322a.8.8 0 0 0 1.6 0V4.329a.8.8 0 0 0-.8-.8ZM5.129 23.68v-8.481h21.966c-.019.069-.042.136-.042.21v8.271H5.129Zm23.48-8.481h8.262v8.481h-8.219v-8.271c0-.075-.023-.142-.042-.21Zm8.262-1.6H18.492v-8.27c0-.071-.023-.135-.04-.2h18.42v8.47Zm-19.939-8.47c-.017.066-.04.129-.04.2v8.27H5.129v-8.47h11.804ZM5.129 25.279h5.488c-.017.066-.04.129-.04.2v8.27H5.129v-8.47Zm7.047 8.47v-8.27c0-.071-.023-.135-.04-.2h24.735v8.47H12.176Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><line x1="37.671" y1="34.549" x2="4.329" y2="34.549"/><polyline points="4.329 37.671 4.329 4.329 37.671 4.329 37.671 37.671"/><line x1="37.671" y1="24.479" x2="4.329" y2="24.479"/><line x1="37.671" y1="14.399" x2="4.329" y2="14.399"/><line x1="17.692" y1="5.329" x2="17.692" y2="14.399"/><line x1="27.852" y1="15.409" x2="27.852" y2="24.479"/><line x1="11.376" y1="25.479" x2="11.376" y2="34.549"/></svg>