@availity/mui-empty-state 0.1.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 (30) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +61 -0
  3. package/__mocks__/fileMock.js +1 -0
  4. package/dist/404-Page-Not-Found_Gray-COTPFMFP.svg +25 -0
  5. package/dist/Content-Loading_Gray-AGUNV3ID.svg +94 -0
  6. package/dist/Error_Gray-H3D5B6BV.svg +258 -0
  7. package/dist/No-Data_Gray-JVSMIDTK.svg +215 -0
  8. package/dist/No-Search-Found_Gray-4OSPRMF4.svg +238 -0
  9. package/dist/index.d.ts +15 -0
  10. package/dist/index.js +125 -0
  11. package/dist/index.mjs +91 -0
  12. package/introduction.mdx +7 -0
  13. package/jest.config.js +12 -0
  14. package/package.json +51 -0
  15. package/project.json +42 -0
  16. package/src/assets/404-Page-Not-Found_Gray.svg +25 -0
  17. package/src/assets/Content-Loading_Gray.svg +94 -0
  18. package/src/assets/Error_Gray.svg +258 -0
  19. package/src/assets/No-Data_Gray.svg +215 -0
  20. package/src/assets/No-Search-Found_Gray.svg +238 -0
  21. package/src/assets/custom.d.ts +5 -0
  22. package/src/index.ts +2 -0
  23. package/src/lib/EmptyState.stories.tsx +131 -0
  24. package/src/lib/EmptyState.test.tsx +13 -0
  25. package/src/lib/EmptyState.tsx +44 -0
  26. package/src/lib/EmptyStateImage.stories.tsx +48 -0
  27. package/src/lib/EmptyStateImage.test.tsx +9 -0
  28. package/src/lib/EmptyStateImage.tsx +38 -0
  29. package/tsconfig.json +5 -0
  30. package/tsconfig.spec.json +10 -0
package/src/assets/No-Search-Found_Gray.svg ADDED
@@ -0,0 +1,238 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 144 144" style="enable-background:new 0 0 144 144;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#BBD6EB;stroke-miterlimit:10;}
7
+ .st1{fill:#FFFFFF;stroke:#BBD6EB;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
8
+ .st2{fill:#FFFFFF;}
9
+ .st3{fill:#BBD6EB;}
10
+ .st4{fill:#EEEFF2;}
11
+ .st5{fill:#5E616E;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
12
+ .st6{fill:#F3F5F7;}
13
+ .st7{fill:url(#SVGID_1_);stroke:url(#SVGID_00000094609187903788932600000003545639467833409428_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
14
+ .st8{fill:url(#SVGID_00000161589915407589535500000009372234131896836539_);stroke:url(#SVGID_00000067934452502483355280000008339464748571244981_);stroke-miterlimit:10;}
15
+ .st9{clip-path:url(#SVGID_00000162331202596614018110000016194356013507311530_);}
16
+ .st10{fill:url(#SVGID_00000037655740272919924040000017535965237825787818_);}
17
+ .st11{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:10;}
18
+ .st12{fill:url(#SVGID_00000110466472750432826220000004538896309817856650_);}
19
+ .st13{fill:url(#SVGID_00000072251738502527140120000007480513520010799289_);}
20
+ .st14{fill:#FFFFFF;stroke:url(#SVGID_00000109737291097771010450000016905642024503382463_);stroke-miterlimit:10;}
21
+ .st15{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}
22
+ .st16{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:5.6708,0.5671,1.7012,5.6708;}
23
+ .st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0.5671,1.7012,5.6708,0.5671,1.7012,5.6708;}
24
+ .st18{fill:url(#SVGID_00000071560644066883387500000008702215066501077438_);stroke:url(#SVGID_00000041260937465794957220000003204765592288801447_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
25
+ .st19{opacity:0.25;fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}
26
+ .st20{fill:#838795;}
27
+ .st21{fill:url(#SVGID_00000044171222418013926150000001626571882860076948_);stroke:url(#SVGID_00000119091168009985137720000015280234206461506194_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
28
+ .st22{fill:url(#SVGID_00000145049749931436758180000006214419598200721338_);stroke:url(#SVGID_00000034770130942227623730000006943851382756295815_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
29
+ .st23{fill:url(#SVGID_00000034086188455595214650000000106235625568093359_);stroke:url(#SVGID_00000119809059463002379890000001328156446606476436_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
30
+ .st24{fill:url(#SVGID_00000084525421725677028100000002342331043522091695_);stroke:url(#SVGID_00000170259873083608309310000002663339479637381251_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
31
+ .st25{fill:url(#SVGID_00000090257117363107863130000001530954146672511645_);stroke:url(#SVGID_00000005983905713641276000000006361808052854576564_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
32
+ .st26{fill:url(#SVGID_00000035529088551174812540000016129695222616890014_);stroke:url(#SVGID_00000090991212463957472540000015583168092279454350_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
33
+ .st27{fill:url(#SVGID_00000181081539637647825220000010251441254353580164_);stroke:url(#SVGID_00000169559947521487949140000014229010861957120905_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
34
+ .st28{fill:url(#SVGID_00000145037676760478490520000016224395349366602409_);stroke:url(#SVGID_00000149355959681865523270000006600740656262230688_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
35
+ .st29{fill:url(#SVGID_00000159471051151717654030000009358683532371293109_);}
36
+ .st30{fill:url(#SVGID_00000145749459581369053590000010997582527071904702_);}
37
+ .st31{fill:url(#SVGID_00000135684608842164379260000005278990163368478358_);}
38
+ .st32{fill:url(#SVGID_00000105399242326203901220000015629138222770619280_);}
39
+ .st33{fill:url(#SVGID_00000083780951955360727220000009574561854206514859_);}
40
+ .st34{fill:url(#SVGID_00000173121002280365140170000005472776760760630681_);}
41
+ .st35{fill:url(#SVGID_00000030471428930957756860000011347861550533136280_);}
42
+ .st36{fill:url(#SVGID_00000005958223121467814920000004524103582282804151_);}
43
+ .st37{fill:url(#SVGID_00000016054360315145193850000009377640636026127291_);}
44
+ .st38{fill:url(#SVGID_00000076568430624743085750000011985954460562833283_);}
45
+ .st39{fill:url(#SVGID_00000121962263570211620080000012551758957791307142_);}
46
+ .st40{fill:url(#SVGID_00000102510317207207755260000001757161550764590240_);}
47
+ .st41{fill:url(#SVGID_00000066489273327868503790000000367217513764259223_);}
48
+ .st42{fill:#FFFFFF;stroke:url(#SVGID_00000029749451120302070210000013010458254936366480_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
49
+ .st43{fill:#FFFFFF;stroke:url(#SVGID_00000016052460888614745100000012076935114936558769_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
50
+ .st44{fill:url(#SVGID_00000062908384524755920690000016121043276677890472_);stroke:url(#SVGID_00000182508529787751778560000002519442964791851401_);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
51
+ .st45{fill:#D7DAE0;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
52
+ .st46{fill:#5E616E;stroke:#5E616E;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:10;}
53
+ .st47{fill:#FFFFFF;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
54
+ .st48{fill:none;stroke:#D7DAE0;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:2.0076,4.0153;}
55
+ .st49{fill:#838795;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
56
+ .st50{fill:#838795;stroke:#5E616E;stroke-width:1.5;stroke-miterlimit:10;}
57
+ .st51{fill:#D7DAE0;}
58
+ .st52{fill:none;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
59
+ .st53{fill:none;stroke:#D7DAE0;stroke-width:8;stroke-miterlimit:10;stroke-dasharray:2.0038,4.0077;}
60
+ .st54{clip-path:url(#SVGID_00000136405785613528362800000007147594551438276777_);}
61
+ .st55{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;}
62
+ .st56{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:6.6455,0.6645,1.9936,6.6455;}
63
+ .st57{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0.6645,1.9936,6.6455,0.6645,1.9936,6.6455;}
64
+ .st58{fill:none;stroke:#5E616E;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1,3,10,5;}
65
+ .st59{fill:#FFFFFF;stroke:#5E616E;stroke-width:1.5;stroke-miterlimit:10;}
66
+ .st60{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;}
67
+ .st61{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.0238,0.7024,2.1072,7.0238;}
68
+ .st62{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0.7024,2.1072,7.0238,0.7024,2.1072,7.0238;}
69
+ .st63{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-miterlimit:10;}
70
+ .st64{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:5.7263,0.5726,1.7179,5.7263;}
71
+ .st65{fill:none;stroke:#5E616E;stroke-width:1.5;stroke-miterlimit:10;}
72
+ .st66{fill:none;stroke:#D7DAE0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1,3,10,5;}
73
+ .st67{fill:none;stroke:#5E616E;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
74
+ .st68{fill:none;stroke:#838795;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1,3,10,5;}
75
+ .st69{fill:#5E616E;}
76
+ .st70{clip-path:url(#SVGID_00000079469741068815528770000010706338362003342259_);}
77
+ .st71{fill:#FFFFFF;stroke:#D7DAE0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
78
+ .st72{fill:none;stroke:#D7DAE0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
79
+ .st73{fill:#FFFFFF;stroke:#1A74CC;stroke-miterlimit:10;}
80
+ .st74{fill:#E5E5E5;}
81
+ .st75{fill:#BBD6EB;stroke:#BBD6EB;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
82
+ .st76{fill:#FFFFFF;stroke:#EEEFF2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:8,5;}
83
+ </style>
84
+ <g>
85
+ <path class="st2" d="M63.6,17.8c-2-0.5-4.1,0.8-4.6,2.8L43.4,84.3l-3.2,13.1l-4.9,20c-0.5,2,0.8,4.1,2.8,4.6l72.9,17.8
86
+ c2,0.5,4.1-0.8,4.6-2.8l4.9-20l3.2-13.1l15.6-63.8c0.5-2-0.8-4.1-2.8-4.6L63.6,17.8z"/>
87
+ <path class="st4" d="M62.7,17.7c-1.7,0-3.3,1.2-3.7,2.9l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
88
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
89
+ l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-0.6,2.6c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8L61,21
90
+ c0.2-0.8,0.9-1.4,1.8-1.4c0.2,0,0.3,0,0.5-0.1c0.1,0.1,0.3,0.3,0.5,0.3l7.8,1.9c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8
91
+ c0.1-0.5-0.2-1.1-0.7-1.2c0,0-4.6-1.1-6.7-1.7l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-1-0.2
92
+ c-0.1,0-0.2,0-0.2,0c-0.2,0-0.3,0-0.5,0.1C63.3,17.8,63,17.7,62.7,17.7L62.7,17.7L62.7,17.7z M58.1,27.5c-0.5,0-0.9,0.3-1,0.8
93
+ c0,0-0.3,1.1-0.6,2.5l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
94
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-1.2,5c-0.1,0.5,0.2,1.1,0.7,1.2
95
+ c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2C58.3,27.5,58.2,27.5,58.1,27.5L58.1,27.5z M55,40.1
96
+ c-0.5,0-0.9,0.3-1,0.8c0,0-0.4,1.5-0.8,3.2l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
97
+ l-1.1,4.4c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2
98
+ C55.2,40.2,55.1,40.1,55,40.1L55,40.1z M51.9,52.8c-0.5,0-0.9,0.3-1,0.8c0,0-0.2,1-0.5,2.2l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
99
+ c0,0,0,0,0,0l-1.3,5.5c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2
100
+ C52.1,52.8,52,52.8,51.9,52.8L51.9,52.8z M48.8,65.4c-0.5,0-0.9,0.3-1,0.8c0,0-0.2,0.7-0.4,1.7l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
101
+ l0,0.1c0,0,0,0,0,0l0,0c0,0,0,0,0,0L46,73.9c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1.9-7.8
102
+ c0.1-0.5-0.2-1.1-0.7-1.2C49,65.4,48.9,65.4,48.8,65.4L48.8,65.4z M45.8,78c-0.5,0-0.9,0.3-1,0.8v0c0,0,0,0,0,0v0c0,0,0,0,0,0l0,0
103
+ c0,0,0,0,0,0v0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0v0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0v0
104
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0.1,0,0.1l0,0c0,0,0,0,0,0l0,0
105
+ c0,0,0,0.1,0,0.1l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0.1l0,0c0,0,0,0,0,0l0,0
106
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
107
+ l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
108
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
109
+ l0,0c0,0.1,0,0.2-0.1,0.3l0,0c0,0.1-0.1,0.3-0.1,0.4l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
110
+ c0,0.1-0.1,0.3-0.1,0.4l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0.1,0,0.1l0,0c0,0,0,0.1,0,0.1l0,0c0,0,0,0,0,0l0,0
111
+ c0,0,0,0,0,0.1l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
112
+ c0,0,0,0,0,0.1l0,0c0,0,0,0,0,0.1l0,0c0,0,0,0.1,0,0.1l0,0c-0.1,0.3-0.1,0.5-0.2,0.8l0,0c0,0.2-0.1,0.3-0.1,0.5l0,0
113
+ c0,0.1-0.1,0.3-0.1,0.4l0,0c-0.1,0.3-0.1,0.5-0.2,0.6v0c0,0.2-0.1,0.2-0.1,0.2l0,0l0,0l-0.5,2.2c-0.1,0.5,0.2,1.1,0.7,1.2
114
+ c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l0.5-2.2l1.4-5.5c0.1-0.5-0.2-1.1-0.7-1.2C45.9,78,45.8,78,45.8,78L45.8,78z M42.7,90.7
115
+ c-0.4,0-0.9,0.3-1,0.8l-1.4,5.8v0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
116
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
117
+ l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0v0c0,0,0,0,0,0v0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0l0,0l-0.4,1.8
118
+ c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l0.4-1.8l1.5-6c0.1-0.5-0.2-1.1-0.7-1.2
119
+ C42.8,90.7,42.7,90.7,42.7,90.7L42.7,90.7z M39.6,103.3c-0.4,0-0.9,0.3-1,0.8l-1.9,7.8c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0
120
+ c0.5,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2C39.7,103.3,39.7,103.3,39.6,103.3L39.6,103.3z M36.5,115.9
121
+ c-0.5,0-0.9,0.3-1,0.8c0,0-0.2,0.7-0.2,0.7v0c0,0.1,0,0.1,0,0.2c-0.2,0.8-0.1,1.5,0.2,2.2c0.2,0.5,0.6,1,1,1.4c0,0,0,0,0,0
122
+ c0,0,0,0,0,0c0.3,0.3,0.7,0.5,1.1,0.7c0,0,0.1,0,0.1,0c0.1,0,0.2,0.1,0.3,0.1l1.2,0.3c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8
123
+ c0.1-0.5-0.2-1.1-0.7-1.2l-1.2-0.3c-0.5-0.1-0.9-0.4-1.1-0.8c-0.3-0.4-0.3-0.9-0.2-1.4l0.2-0.7c0.1-0.5-0.2-1.1-0.7-1.2
124
+ C36.6,115.9,36.6,115.9,36.5,115.9L36.5,115.9z M44.4,121.5c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l4,1c0,0,0,0,0,0l0,0
125
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c1.9,0.5,3.7,0.9,3.7,0.9c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8
126
+ c0.1-0.5-0.2-1.1-0.7-1.2l-7.8-1.9C44.6,121.5,44.5,121.5,44.4,121.5L44.4,121.5z M57.1,124.6c-0.5,0-0.9,0.3-1,0.8
127
+ c-0.1,0.5,0.2,1.1,0.7,1.2l3.7,0.9c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0.1,0,0.1,0l0,0c1.9,0.5,3.9,1,3.9,1
128
+ c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2l-7.8-1.9C57.2,124.6,57.1,124.6,57.1,124.6L57.1,124.6z
129
+ M69.7,127.7c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l3.3,0.8c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
130
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c2.1,0.5,4.3,1.1,4.3,1.1c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8
131
+ c0.1-0.5-0.2-1.1-0.7-1.2l-7.8-1.9C69.8,127.7,69.8,127.7,69.7,127.7L69.7,127.7z M82.3,130.8c-0.5,0-0.9,0.3-1,0.8
132
+ c-0.1,0.5,0.2,1.1,0.7,1.2l3,0.7c0,0,0,0,0,0l0.1,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
133
+ l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c2.2,0.5,4.6,1.1,4.6,1.1c0.1,0,0.2,0,0.2,0
134
+ c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2l-7.8-1.9C82.5,130.8,82.4,130.8,82.3,130.8L82.3,130.8z M94.9,133.9
135
+ c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l7.8,1.9c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2l-7.8-1.9
136
+ C95.1,133.9,95,133.9,94.9,133.9L94.9,133.9z M107.6,137c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l3.7,0.9
137
+ c0.3,0.1,0.6,0.1,0.9,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
138
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
139
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
140
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
141
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
142
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
143
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
144
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
145
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
146
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
147
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
148
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
149
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
150
+ c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
151
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
152
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
153
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
154
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
155
+ c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
156
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
157
+ s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
158
+ c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
159
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
160
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
161
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
162
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
163
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
164
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
165
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
166
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
167
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
168
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
169
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
170
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
171
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
172
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
173
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
174
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
175
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
176
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
177
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
178
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
179
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
180
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
181
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
182
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
183
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
184
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
185
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
186
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
187
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
188
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
189
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
190
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
191
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
192
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0.4-0.2,0.8-0.5,1.1-0.9c0.4-0.4,0.3-1-0.1-1.4
193
+ c-0.2-0.2-0.4-0.2-0.7-0.2c-0.3,0-0.6,0.1-0.8,0.3c-0.3,0.4-0.8,0.6-1.4,0.6c-0.1,0-0.3,0-0.4-0.1l-3.7-0.9
194
+ C107.7,137,107.7,137,107.6,137L107.6,137z M117.3,125c-0.5,0-0.9,0.3-1,0.8l-1.9,7.8c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0
195
+ c0.4,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2C117.5,125,117.4,125,117.3,125L117.3,125z M120.4,112.3
196
+ c-0.5,0-0.9,0.3-1,0.8l-0.9,3.5l-1,4.3c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1-4.3c0,0,0,0,0,0l0,0
197
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0.8-3.4c0.1-0.5-0.2-1.1-0.7-1.2
198
+ C120.6,112.3,120.5,112.3,120.4,112.3L120.4,112.3z M123.5,99.7c-0.5,0-0.9,0.3-1,0.8l-0.7,3l-1.2,4.7c-0.1,0.5,0.2,1.1,0.7,1.2
199
+ c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1.2-4.7l0.7-3c0.1-0.5-0.2-1.1-0.7-1.2C123.7,99.7,123.6,99.7,123.5,99.7L123.5,99.7z
200
+ M126.6,87.1c-0.5,0-0.9,0.3-1,0.8l-1.9,7.8c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.4,0,0.9-0.3,1-0.8l1.9-7.8
201
+ c0.1-0.5-0.2-1.1-0.7-1.2C126.8,87.1,126.7,87.1,126.6,87.1L126.6,87.1z M129.7,74.4c-0.5,0-0.9,0.3-1,0.8l-1.9,7.8
202
+ c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2
203
+ C129.9,74.5,129.8,74.4,129.7,74.4L129.7,74.4z M132.8,61.8c-0.5,0-0.9,0.3-1,0.8l-1.9,7.8c-0.1,0.5,0.2,1.1,0.7,1.2
204
+ c0.1,0,0.2,0,0.2,0c0.4,0,0.9-0.3,1-0.8l1.9-7.8c0.1-0.5-0.2-1.1-0.7-1.2C132.9,61.8,132.9,61.8,132.8,61.8L132.8,61.8z
205
+ M135.9,49.2c-0.5,0-0.9,0.3-1,0.8l-1.9,7.8c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.4,0,0.9-0.3,1-0.8l1.9-7.8
206
+ c0.1-0.5-0.2-1.1-0.7-1.2C136,49.2,136,49.2,135.9,49.2L135.9,49.2z M138.2,37.2c-0.1,0-0.3,0-0.4,0.1c-0.5,0.2-0.7,0.8-0.5,1.3
207
+ c0.1,0.3,0.2,0.7,0.1,1.2l-1.3,5.4c-0.1,0.5,0.2,1.1,0.7,1.2c0.1,0,0.2,0,0.2,0c0.4,0,0.9-0.3,1-0.8l1.2-5c0,0,0,0,0,0l0,0
208
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
209
+ l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0-0.1,0-0.2,0-0.2v0l0,0l0,0c0,0,0,0,0,0
210
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
211
+ c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0v0c0.2-0.8,0.1-1.6-0.2-2.4C139,37.4,138.6,37.2,138.2,37.2L138.2,37.2z
212
+ M127.1,33.3c-0.4,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l7.8,1.9c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8
213
+ c0.1-0.5-0.2-1.1-0.7-1.2c0,0-2.9-0.7-5.1-1.3l0,0c0,0-0.1,0-0.1,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.5-0.6
214
+ C127.2,33.3,127.2,33.3,127.1,33.3L127.1,33.3z M114.4,30.2c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l7.8,1.9
215
+ c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2c0,0-2.7-0.7-4.9-1.2l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
216
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.7-0.7
217
+ C114.6,30.2,114.5,30.2,114.4,30.2L114.4,30.2z M101.8,27.2c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l7.8,1.9
218
+ c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2c0,0-5.7-1.4-7.4-1.8l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
219
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
220
+ l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-0.3-0.1C102,27.2,101.9,27.2,101.8,27.2L101.8,27.2z M89.2,24.1
221
+ c-0.5,0-0.9,0.3-1,0.8c-0.1,0.5,0.2,1.1,0.7,1.2l7.8,1.9c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2
222
+ c0,0-5.1-1.3-7-1.7l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0
223
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0
224
+ l0,0c0,0,0,0,0,0l-0.1,0l0,0l-0.5-0.1C89.4,24.1,89.3,24.1,89.2,24.1L89.2,24.1z M76.6,21c-0.5,0-0.9,0.3-1,0.8
225
+ c-0.1,0.5,0.2,1.1,0.7,1.2l7.8,1.9c0.1,0,0.2,0,0.2,0c0.5,0,0.9-0.3,1-0.8c0.1-0.5-0.2-1.1-0.7-1.2c0,0-4.3-1.1-6.5-1.6l0,0
226
+ c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-0.1,0l0,0l-0.1,0c0,0,0,0,0,0L76.8,21C76.7,21,76.6,21,76.6,21L76.6,21z"/>
227
+ </g>
228
+ <path class="st4" d="M7,18.3c-2.1,0.4-3.4,2.4-3,4.5l12.5,64.9l2.6,13.3l3.9,20.4c0.4,2.1,2.4,3.4,4.5,3l74.2-14.3
229
+ c2.1-0.4,3.4-2.4,3-4.5l-3.9-20.4l-2.6-13.3L85.8,7c-0.4-2.1-2.4-3.4-4.5-3L7,18.3z"/>
230
+ <g>
231
+ <path class="st51" d="M113.3,108.9l-4.5,4.5c-1.2,1.2-3.2,1.2-4.4,0L80.3,89.2c-1.2-1.2-1.2-3.2,0-4.4l4.5-4.5
232
+ c1.2-1.2,3.2-1.2,4.4,0l24.1,24.1C114.5,105.7,114.5,107.7,113.3,108.9z"/>
233
+ <circle class="st71" cx="58.3" cy="58.3" r="28.5"/>
234
+ <polygon class="st51" points="74.7,47.7 68.9,41.9 58.2,52.6 47.5,41.9 41.8,47.7 52.5,58.4 41.8,69.1 47.5,74.8 58.2,64.1
235
+ 68.9,74.8 74.7,69.1 63.9,58.4 "/>
236
+ </g>
237
+ <line class="st72" x1="78.5" y1="78.4" x2="90.2" y2="90.1"/>
238
+ </svg>
package/src/assets/custom.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare module '*.svg' {
2
+ // const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
3
+ const content: string;
4
+ export default content;
5
+ }
package/src/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/EmptyState';
2
+ export * from './lib/EmptyStateImage';
package/src/lib/EmptyState.stories.tsx ADDED
@@ -0,0 +1,131 @@
1
+ // Each exported component in the package should have its own stories file
2
+
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import { Box, Button, List, ListItem, Typography } from '@mui/material';
5
+ import { Link } from '@availity/mui-link';
6
+ import { EmptyState, EmptyStateProps } from './EmptyState';
7
+ import { SystemPropsList } from '../../../../data/MuiSystemProperties';
8
+
9
+ /** Built on top of the `Stack` component, `EmptyState` will add the desired spacing to every direct descendant. */
10
+ export default {
11
+ title: 'Components/EmptyState/EmptyState',
12
+ component: EmptyState,
13
+ tags: ['autodocs'],
14
+ args: {
15
+ variant: 'NoSearchFound',
16
+ },
17
+ parameters: {
18
+ docs: {
19
+ controls: {
20
+ exclude: SystemPropsList,
21
+ },
22
+ },
23
+ },
24
+ };
25
+
26
+ export const _EmptyState: StoryObj<typeof EmptyState> = {
27
+ render: (args: EmptyStateProps) => (
28
+ <EmptyState {...args}>
29
+ <Typography variant="h6" component="h3">
30
+ Header
31
+ </Typography>
32
+ <Box>This body explains the empty state. The illustration relates to the situation.</Box>
33
+ <Button>Optional Button</Button>
34
+ <Link href="#">Optional Link</Link>
35
+ </EmptyState>
36
+ ),
37
+ };
38
+
39
+ export const _NoSearchResults: StoryObj<typeof EmptyState> = {
40
+ render: (args: EmptyStateProps) => (
41
+ <EmptyState {...args} alignItems="start" textAlign="start">
42
+ <Typography variant="h6" component="h3">
43
+ No search results found -- Results not found for [variable].
44
+ </Typography>
45
+ <Box>Adjust your search or filter options for better results.</Box>
46
+ <Box>
47
+ Suggestions:
48
+ <List
49
+ sx={{ listStyleType: 'disc', listStylePosition: 'inside', '.MuiListItem-root': { display: 'list-item' } }}
50
+ disablePadding
51
+ >
52
+ <ListItem disableGutters disablePadding>
53
+ Correctly spell all words in search criteria
54
+ </ListItem>
55
+ <ListItem disableGutters disablePadding>
56
+ Use different keywords
57
+ </ListItem>
58
+ <ListItem disableGutters disablePadding>
59
+ Use general keywords
60
+ </ListItem>
61
+ <ListItem disableGutters disablePadding>
62
+ Use fewer keywords
63
+ </ListItem>
64
+ </List>
65
+ </Box>
66
+ <Link href="#">Clear filter</Link>
67
+ </EmptyState>
68
+ ),
69
+ args: {
70
+ variant: 'NoSearchFound',
71
+ },
72
+ };
73
+
74
+ export const _Error: StoryObj<typeof EmptyState> = {
75
+ render: (args: EmptyStateProps) => (
76
+ <EmptyState {...args}>
77
+ <Typography variant="h6" component="h3">
78
+ Error
79
+ </Typography>
80
+ <Box>
81
+ Oops! Something went wrong. Try your request again later. If the problem continues, contact Availity Client
82
+ Services at 1.800.AVAILITY (282.4548).
83
+ </Box>
84
+ </EmptyState>
85
+ ),
86
+ args: {
87
+ variant: 'Error',
88
+ },
89
+ };
90
+
91
+ export const _ContentLoading: StoryObj<typeof EmptyState> = {
92
+ render: (args: EmptyStateProps) => (
93
+ <EmptyState {...args}>
94
+ <Typography variant="h6" component="h3">
95
+ Content Loading
96
+ </Typography>
97
+ <Box>Data is loading.</Box>
98
+ </EmptyState>
99
+ ),
100
+ args: {
101
+ variant: 'ContentLoading',
102
+ },
103
+ };
104
+
105
+ export const _NoData: StoryObj<typeof EmptyState> = {
106
+ render: (args: EmptyStateProps) => (
107
+ <EmptyState {...args}>
108
+ <Typography variant="h6" component="h3">
109
+ No data
110
+ </Typography>
111
+ <Box>Sorry, but we cannot seem to find the data you are looking for.</Box>
112
+ </EmptyState>
113
+ ),
114
+ args: {
115
+ variant: 'NoData',
116
+ },
117
+ };
118
+
119
+ export const _PageNotFound: StoryObj<typeof EmptyState> = {
120
+ render: (args: EmptyStateProps) => (
121
+ <EmptyState {...args}>
122
+ <Typography variant="h6" component="h3">
123
+ Page not found
124
+ </Typography>
125
+ <Box>The page you are looking is no longer available.</Box>
126
+ </EmptyState>
127
+ ),
128
+ args: {
129
+ variant: 'PageNotFound',
130
+ },
131
+ };
package/src/lib/EmptyState.test.tsx ADDED
@@ -0,0 +1,13 @@
1
+ import { render } from '@testing-library/react';
2
+ import { EmptyState } from './EmptyState';
3
+
4
+ describe('EmptyState', () => {
5
+ test('should render successfully', () => {
6
+ const { getByText } = render(<EmptyState>Test</EmptyState>);
7
+ expect(getByText('Test')).toBeTruthy();
8
+ });
9
+ test('should render EmptyStateImage when variant passed', () => {
10
+ const { getByRole } = render(<EmptyState variant="NoSearchFound">Test</EmptyState>);
11
+ expect(getByRole('img', { hidden: true })).toBeTruthy();
12
+ });
13
+ });
package/src/lib/EmptyState.tsx ADDED
@@ -0,0 +1,44 @@
1
+ // FontAwesomeSvgIcon example from mui docs https://github.com/mui/material-ui/blob/master/docs/data/material/components/icons/FontAwesomeSvgIconDemo.js
2
+
3
+ import * as React from 'react';
4
+ import { styled } from '@mui/material';
5
+ import { Stack, StackProps } from '@availity/mui-layout';
6
+ import { EmptyStateImage, EmptyStateImageProps } from './EmptyStateImage';
7
+
8
+ const EmptyStateContainer = styled(Stack, {
9
+ name: 'AvEmptyState',
10
+ slot: 'root',
11
+ overridesResolver: (props, styles) => styles.root,
12
+ })({});
13
+
14
+ export type EmptyStateProps = StackProps & Pick<EmptyStateImageProps, 'variant'>;
15
+
16
+ /** Container for Empty State image and message. */
17
+ export const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>((props, ref) => {
18
+ const {
19
+ children,
20
+ variant,
21
+ spacing = 2,
22
+ alignItems = 'center',
23
+ textAlign = 'center',
24
+ maxWidth = '320px',
25
+ padding = '1rem',
26
+ ...containerProps
27
+ } = props;
28
+
29
+ return (
30
+ <EmptyStateContainer
31
+ className="AvEmptyState-root"
32
+ spacing={spacing}
33
+ alignItems={alignItems}
34
+ textAlign={textAlign}
35
+ maxWidth={maxWidth}
36
+ padding={padding}
37
+ {...containerProps}
38
+ ref={ref}
39
+ >
40
+ {variant ? <EmptyStateImage variant={variant} /> : null}
41
+ {children}
42
+ </EmptyStateContainer>
43
+ );
44
+ });
package/src/lib/EmptyStateImage.stories.tsx ADDED
@@ -0,0 +1,48 @@
1
+ // Each exported component in the package should have its own stories file
2
+
3
+ import type { StoryObj } from '@storybook/react';
4
+ import { EmptyStateImage, EmptyStateImageProps } from './EmptyStateImage';
5
+ import { SystemPropsList } from '../../../../data/MuiSystemProperties';
6
+ import { Box, Stack } from '@availity/mui-layout';
7
+
8
+ export default {
9
+ title: 'Components/EmptyState/EmptyStateImage',
10
+ component: EmptyStateImage,
11
+ tags: ['autodocs'],
12
+ args: {
13
+ variant: 'NoSearchFound',
14
+ },
15
+ parameters: {
16
+ docs: {
17
+ controls: {
18
+ exclude: SystemPropsList,
19
+ },
20
+ },
21
+ },
22
+ };
23
+
24
+ export const _EmptyStateImage: StoryObj<typeof EmptyStateImage> = {
25
+ render: (args: EmptyStateImageProps) => <EmptyStateImage {...args} />,
26
+ };
27
+
28
+ export const _variants: StoryObj<typeof EmptyStateImage> = {
29
+ render: () => {
30
+ const variants: EmptyStateImageProps['variant'][] = [
31
+ 'PageNotFound',
32
+ 'ContentLoading',
33
+ 'Error',
34
+ 'NoData',
35
+ 'NoSearchFound',
36
+ ];
37
+ return (
38
+ <Stack direction="row" spacing={2} flexWrap="wrap">
39
+ {variants.map((variant) => (
40
+ <Box textAlign="center" key={variant}>
41
+ <Box>{variant}</Box>
42
+ <EmptyStateImage variant={variant} />
43
+ </Box>
44
+ ))}
45
+ </Stack>
46
+ );
47
+ },
48
+ };
package/src/lib/EmptyStateImage.test.tsx ADDED
@@ -0,0 +1,9 @@
1
+ import { render } from '@testing-library/react';
2
+ import { EmptyStateImage } from './EmptyStateImage';
3
+
4
+ describe('EmptyStateImages', () => {
5
+ test('should render successfully', () => {
6
+ const { getByRole } = render(<EmptyStateImage />);
7
+ expect(getByRole('img', { hidden: true })).toBeTruthy();
8
+ });
9
+ });
package/src/lib/EmptyStateImage.tsx ADDED
@@ -0,0 +1,38 @@
1
+ import { forwardRef } from 'react';
2
+ import { styled } from '@mui/material';
3
+ import { Box, BoxProps } from '@availity/mui-layout';
4
+ import PageNotFound from '../assets/404-Page-Not-Found_Gray.svg';
5
+ import ContentLoading from '../assets/Content-Loading_Gray.svg';
6
+ import Error from '../assets/Error_Gray.svg';
7
+ import NoData from '../assets/No-Data_Gray.svg';
8
+ import NoSearchFound from '../assets/No-Search-Found_Gray.svg';
9
+
10
+ const EmptyStateImages: Record<string, { src: string; alt: string }> = {
11
+ PageNotFound: { src: PageNotFound, alt: 'Page Not Found' },
12
+ ContentLoading: { src: ContentLoading, alt: 'Content Loading' },
13
+ Error: { src: Error, alt: 'Error' },
14
+ NoData: { src: NoData, alt: 'No Data' },
15
+ NoSearchFound: { src: NoSearchFound, alt: 'No Search Found' },
16
+ };
17
+
18
+ export interface EmptyStateImageProps extends Omit<BoxProps, 'children'> {
19
+ /** Empty State variant for image */
20
+ variant?: 'PageNotFound' | 'ContentLoading' | 'Error' | 'NoData' | 'NoSearchFound';
21
+ }
22
+
23
+ const EmptyStateImageContainer = styled(Box, {
24
+ name: 'AvEmptyState',
25
+ slot: 'image',
26
+ overridesResolver: (props, styles) => styles.image,
27
+ })({ fontSize: '112px' });
28
+
29
+ /** Image to accompany Empty State message. */
30
+ export const EmptyStateImage = forwardRef<unknown, EmptyStateImageProps>((props, ref) => {
31
+ const { variant = 'NoSearchFound', ...rest } = props;
32
+
33
+ return (
34
+ <EmptyStateImageContainer ref={ref} aria-hidden {...rest}>
35
+ <img src={EmptyStateImages[variant].src} alt={EmptyStateImages[variant].alt} />
36
+ </EmptyStateImageContainer>
37
+ );
38
+ });
package/tsconfig.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "extends": "../../tsconfig.base.json",
3
+ "include": ["."],
4
+ "exclude": ["dist", "build", "node_modules"]
5
+ }
package/tsconfig.spec.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "extends": "./tsconfig.json",
3
+ "compilerOptions": {
4
+ "outDir": "../../dist/out-tsc",
5
+ "module": "commonjs",
6
+ "types": ["jest", "node", "@testing-library/jest-dom"],
7
+ "allowJs": true
8
+ },
9
+ "include": ["**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
10
+ }