@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.
- package/.idea/encodings.xml +6 -0
- package/.idea/inspectionProfiles/Project_Default.xml +18 -0
- package/.idea/inspectionProfiles/profiles_settings.xml +6 -0
- package/.idea/misc.xml +4 -0
- package/.idea/modules.xml +8 -0
- package/.idea/prettier.xml +6 -0
- package/.idea/ui.iml +15 -0
- package/.idea/vcs.xml +6 -0
- package/package.json +1 -1
- package/src/components/Button/Button.js +9 -6
- package/src/components/Button/ButtonSwitch.js +1 -1
- package/src/components/Card/Card.js +1 -1
- package/src/components/Card/SimpleCard.js +2 -0
- package/src/components/Card/SimpleCard.styl +1 -1
- package/src/components/Dropdown/Dropdown.js +1 -1
- package/src/components/Flash/Flash.js +1 -1
- package/src/components/Icon/Icon.js +29 -13
- package/src/components/Icon/icon-story.styl +3 -2
- package/src/components/Input/Input.js +24 -8
- package/src/components/Input/Input.stories.js +2 -2
- package/src/components/Label/Label.js +8 -1
- package/src/icons/alphabetical-order-reversed.svg +1 -0
- package/src/icons/bulb.svg +1 -1
- package/src/icons/clock-reversed.svg +1 -0
- package/src/icons/clock.svg +1 -1
- package/src/icons/dot.svg +1 -0
- package/src/icons/flag.svg +1 -1
- package/src/icons/indoor-3dobject_chair.svg +1 -1
- package/src/icons/indoor-3dobject_closet.svg +1 -1
- package/src/icons/indoor-3dobject_hanger.svg +1 -1
- package/src/icons/indoor-3dobject_rack.svg +1 -1
- package/src/icons/indoor-3dobject_sofa.svg +1 -1
- package/src/icons/indoor-3dobject_table.svg +1 -1
- package/src/icons/indoor-accessories.svg +1 -1
- package/src/icons/indoor-administration.svg +1 -1
- package/src/icons/indoor-airline_transfers.svg +1 -1
- package/src/icons/indoor-airlines_counter.svg +1 -1
- package/src/icons/indoor-alcohol.svg +1 -1
- package/src/icons/indoor-amenity.svg +1 -1
- package/src/icons/indoor-arrival.svg +1 -0
- package/src/icons/indoor-art.svg +1 -1
- package/src/icons/indoor-assembly_point.svg +1 -1
- package/src/icons/indoor-atm.svg +1 -1
- package/src/icons/indoor-baggage_belt.svg +1 -1
- package/src/icons/indoor-baggage_claim.svg +1 -1
- package/src/icons/indoor-baggage_secure_wrap.svg +1 -1
- package/src/icons/indoor-baggage_service.svg +1 -1
- package/src/icons/indoor-bakery.svg +1 -1
- package/src/icons/indoor-bank.svg +1 -1
- package/src/icons/indoor-bar.svg +1 -1
- package/src/icons/indoor-barrier.svg +1 -1
- package/src/icons/indoor-beauty.svg +1 -1
- package/src/icons/indoor-bench.svg +1 -1
- package/src/icons/indoor-building.svg +1 -1
- package/src/icons/indoor-bureau_de_change.svg +1 -1
- package/src/icons/indoor-cafe.svg +1 -1
- package/src/icons/indoor-car_rental.svg +1 -1
- package/src/icons/indoor-cash_register.svg +1 -1
- package/src/icons/indoor-checkin.svg +1 -1
- package/src/icons/indoor-class.svg +1 -1
- package/src/icons/indoor-clothes.svg +1 -1
- package/src/icons/indoor-convinience_store.svg +1 -1
- package/src/icons/indoor-cosmetics.svg +1 -1
- package/src/icons/indoor-default.svg +1 -1
- package/src/icons/indoor-defibrillator.svg +1 -0
- package/src/icons/indoor-department_store.svg +1 -1
- package/src/icons/indoor-device_charging_station.svg +1 -1
- package/src/icons/indoor-dining.svg +1 -1
- package/src/icons/indoor-disability.svg +1 -1
- package/src/icons/indoor-doctors.svg +1 -1
- package/src/icons/indoor-door.svg +1 -1
- package/src/icons/indoor-drinking_water.svg +1 -1
- package/src/icons/indoor-duty_free.svg +1 -1
- package/src/icons/indoor-electronics.svg +1 -1
- package/src/icons/indoor-elevator.svg +1 -1
- package/src/icons/indoor-entertainment.svg +1 -1
- package/src/icons/indoor-entrance.svg +1 -1
- package/src/icons/indoor-escalator.svg +1 -1
- package/src/icons/indoor-exit-emergency.svg +1 -0
- package/src/icons/indoor-fashion_accessories.svg +1 -1
- package/src/icons/indoor-fast_food.svg +1 -1
- package/src/icons/indoor-fire_extinguisher.svg +1 -1
- package/src/icons/indoor-flight_ticket.svg +1 -1
- package/src/icons/indoor-florist.svg +1 -1
- package/src/icons/indoor-food_court.svg +1 -1
- package/src/icons/indoor-gate.svg +1 -1
- package/src/icons/indoor-gift.svg +1 -1
- package/src/icons/indoor-information.svg +1 -1
- package/src/icons/indoor-interior_decoration.svg +1 -1
- package/src/icons/indoor-jewelry.svg +1 -1
- package/src/icons/indoor-kitchen.svg +1 -1
- package/src/icons/indoor-laboratory.svg +1 -1
- package/src/icons/indoor-level.svg +1 -1
- package/src/icons/indoor-lounge.svg +1 -1
- package/src/icons/indoor-meeting.svg +1 -1
- package/src/icons/indoor-newsagent.svg +1 -1
- package/src/icons/indoor-parking.svg +1 -1
- package/src/icons/indoor-pharmacy.svg +1 -1
- package/src/icons/indoor-place_of_worship.svg +1 -1
- package/src/icons/indoor-plane.svg +1 -1
- package/src/icons/indoor-post_office.svg +1 -1
- package/src/icons/indoor-rails.svg +1 -1
- package/src/icons/indoor-ramp.svg +1 -1
- package/src/icons/indoor-reception_desk.svg +1 -1
- package/src/icons/indoor-restaurant.svg +1 -1
- package/src/icons/indoor-room.svg +1 -1
- package/src/icons/indoor-security.svg +1 -1
- package/src/icons/indoor-server.svg +1 -1
- package/src/icons/indoor-shoes.svg +1 -1
- package/src/icons/indoor-shop.svg +1 -1
- package/src/icons/indoor-shower.svg +1 -1
- package/src/icons/indoor-smoking_area.svg +1 -1
- package/src/icons/indoor-stairs.svg +1 -1
- package/src/icons/indoor-storage.svg +1 -1
- package/src/icons/indoor-supermarket.svg +1 -1
- package/src/icons/indoor-taxi.svg +1 -1
- package/src/icons/indoor-technical.svg +1 -1
- package/src/icons/indoor-telephone.svg +1 -1
- package/src/icons/indoor-terrace.svg +1 -1
- package/src/icons/indoor-toilets.svg +1 -1
- package/src/icons/indoor-train.svg +1 -1
- package/src/icons/indoor-transports.svg +1 -1
- package/src/icons/indoor-travel_agency.svg +1 -1
- package/src/icons/indoor-underwear.svg +1 -1
- package/src/icons/indoor-venue.svg +1 -1
- package/src/icons/indoor-waste_basket.svg +1 -1
- package/src/icons/indoor-workplace.svg +1 -1
- package/src/icons/switch.svg +1 -1
- package/src/icons/time.svg +1 -0
- package/src/icons/view-card.svg +1 -0
- package/src/icons/view-list.svg +1 -0
- package/src/styles/console/button.styl +24 -10
- package/src/styles/console/icon.styl +1 -0
- package/src/styles/console/input.styl +69 -0
- package/src/styles/console/select.styl +3 -3
- package/src/icons/indoor-defibrilator.svg +0 -1
- package/src/icons/indoor-emmergency_exit.svg +0 -1
|
@@ -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>
|
package/.idea/misc.xml
ADDED
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
package/package.json
CHANGED
|
@@ -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 !==
|
|
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:
|
|
76
|
+
size: 'normal',
|
|
76
77
|
type: 'primary',
|
|
77
78
|
className: '',
|
|
78
79
|
label: '',
|
|
79
80
|
icon: null,
|
|
80
|
-
iconSize:
|
|
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',
|
|
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
|
};
|
|
@@ -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
|
|
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
|
|
205
|
-
import { ReactComponent as
|
|
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
|
|
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
|
|
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
|
|
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':
|
|
488
|
-
'social-google':
|
|
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-
|
|
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-
|
|
561
|
+
'indoor-exit-emergency': IndoorExitEmergency,
|
|
548
562
|
'indoor-entertainment': IndoorEntertainment,
|
|
549
563
|
'indoor-entrance': IndoorEntrance,
|
|
550
|
-
'indoor-
|
|
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', { '
|
|
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
|
-
|
|
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 =
|
|
56
|
+
iconSize = 22;
|
|
56
57
|
break;
|
|
57
58
|
case 'large':
|
|
58
|
-
iconSize =
|
|
59
|
+
iconSize = 24;
|
|
59
60
|
break;
|
|
60
61
|
case 'small':
|
|
61
|
-
iconSize =
|
|
62
|
+
iconSize = 20;
|
|
62
63
|
break;
|
|
63
64
|
default:
|
|
64
|
-
iconSize =
|
|
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={
|
|
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 {
|
|
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="
|
|
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="
|
|
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
|
|
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>
|
package/src/icons/bulb.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="
|
|
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>
|
package/src/icons/clock.svg
CHANGED
|
@@ -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"/><
|
|
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>
|
package/src/icons/flag.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m20.
|
|
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="
|
|
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"><
|
|
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="
|
|
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"><
|
|
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>
|