feffery_utils_components 0.0.28 → 0.0.30

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 (65) hide show
  1. package/DESCRIPTION +1 -1
  2. package/NAMESPACE +3 -1
  3. package/Project.toml +1 -1
  4. package/feffery_utils_components/FefferyDiv.py +27 -5
  5. package/{build/lib/feffery_utils_components/FefferyTimeout.py → feffery_utils_components/FefferyReload.py} +8 -8
  6. package/{build/lib/feffery_utils_components/FefferyExecuteJs.py → feffery_utils_components/FefferyStyle.py} +10 -10
  7. package/feffery_utils_components/_imports_.py +6 -2
  8. package/feffery_utils_components/feffery_utils_components.min.js +2 -2
  9. package/feffery_utils_components/metadata.json +378 -212
  10. package/feffery_utils_components/package-info.json +5 -3
  11. package/package.json +5 -3
  12. package/src/FefferyUtilsComponents.jl +6 -4
  13. package/src/jl/''_fefferydiv.jl +12 -1
  14. package/src/jl/''_fefferyreload.jl +25 -0
  15. package/src/jl/''_fefferystyle.jl +24 -0
  16. package/src/lib/components/{listeners/FefferyDiv.react.js → FefferyDiv.react.js} +73 -3
  17. package/src/lib/components/FefferyReload.react.js +75 -0
  18. package/src/lib/components/FefferyStyle.react.js +54 -0
  19. package/src/lib/index.js +7 -3
  20. package/tests/FefferyReloadTest/app.py +61 -0
  21. package/usage.py +14 -20
  22. package/build/lib/feffery_utils_components/FefferyBlockColorPicker.py +0 -53
  23. package/build/lib/feffery_utils_components/FefferyCaptcha.py +0 -59
  24. package/build/lib/feffery_utils_components/FefferyCircleColorPicker.py +0 -55
  25. package/build/lib/feffery_utils_components/FefferyCountDown.py +0 -47
  26. package/build/lib/feffery_utils_components/FefferyDiv.py +0 -77
  27. package/build/lib/feffery_utils_components/FefferyDocumentVisibility.py +0 -43
  28. package/build/lib/feffery_utils_components/FefferyExternalCss.py +0 -45
  29. package/build/lib/feffery_utils_components/FefferyExternalJs.py +0 -45
  30. package/build/lib/feffery_utils_components/FefferyExtraSpinner.py +0 -57
  31. package/build/lib/feffery_utils_components/FefferyFancyNotification.py +0 -85
  32. package/build/lib/feffery_utils_components/FefferyGeolocation.py +0 -43
  33. package/build/lib/feffery_utils_components/FefferyGithubColorPicker.py +0 -53
  34. package/build/lib/feffery_utils_components/FefferyGuide.py +0 -110
  35. package/build/lib/feffery_utils_components/FefferyHexColorPicker.py +0 -49
  36. package/build/lib/feffery_utils_components/FefferyHighlightWords.py +0 -61
  37. package/build/lib/feffery_utils_components/FefferyIdle.py +0 -45
  38. package/build/lib/feffery_utils_components/FefferyInViewport.py +0 -47
  39. package/build/lib/feffery_utils_components/FefferyKeyPress.py +0 -50
  40. package/build/lib/feffery_utils_components/FefferyLazyLoad.py +0 -57
  41. package/build/lib/feffery_utils_components/FefferyLocation.py +0 -54
  42. package/build/lib/feffery_utils_components/FefferyQRCode.py +0 -72
  43. package/build/lib/feffery_utils_components/FefferyRawHTML.py +0 -43
  44. package/build/lib/feffery_utils_components/FefferyResponsive.py +0 -43
  45. package/build/lib/feffery_utils_components/FefferyRgbColorPicker.py +0 -49
  46. package/build/lib/feffery_utils_components/FefferyScroll.py +0 -61
  47. package/build/lib/feffery_utils_components/FefferyScrollbars.py +0 -69
  48. package/build/lib/feffery_utils_components/FefferySetTitle.py +0 -43
  49. package/build/lib/feffery_utils_components/FefferyShortcutPanel.py +0 -75
  50. package/build/lib/feffery_utils_components/FefferySliderColorPicker.py +0 -50
  51. package/build/lib/feffery_utils_components/FefferySortableContainer.py +0 -51
  52. package/build/lib/feffery_utils_components/FefferySortableItem.py +0 -47
  53. package/build/lib/feffery_utils_components/FefferySplit.py +0 -63
  54. package/build/lib/feffery_utils_components/FefferySplitPane.py +0 -47
  55. package/build/lib/feffery_utils_components/FefferySyntaxHighlighter.py +0 -58
  56. package/build/lib/feffery_utils_components/FefferyTopProgress.py +0 -67
  57. package/build/lib/feffery_utils_components/FefferyTwitterColorPicker.py +0 -53
  58. package/build/lib/feffery_utils_components/FefferyVirtualList.py +0 -56
  59. package/build/lib/feffery_utils_components/FefferyWheelColorPicker.py +0 -47
  60. package/build/lib/feffery_utils_components/FefferyWindowSize.py +0 -45
  61. package/build/lib/feffery_utils_components/__init__.py +0 -89
  62. package/build/lib/feffery_utils_components/_imports_.py +0 -83
  63. package/build/lib/feffery_utils_components/feffery_utils_components.min.js +0 -429
  64. package/build/lib/feffery_utils_components/metadata.json +0 -4510
  65. package/build/lib/feffery_utils_components/package-info.json +0 -98
@@ -1087,6 +1087,254 @@
1087
1087
  }
1088
1088
  }
1089
1089
  },
1090
+ "src/lib/components/FefferyDiv.react.js": {
1091
+ "description": "",
1092
+ "displayName": "FefferyDiv",
1093
+ "methods": [],
1094
+ "props": {
1095
+ "id": {
1096
+ "type": {
1097
+ "name": "string"
1098
+ },
1099
+ "required": false,
1100
+ "description": ""
1101
+ },
1102
+ "key": {
1103
+ "type": {
1104
+ "name": "string"
1105
+ },
1106
+ "required": false,
1107
+ "description": ""
1108
+ },
1109
+ "children": {
1110
+ "type": {
1111
+ "name": "node"
1112
+ },
1113
+ "required": false,
1114
+ "description": ""
1115
+ },
1116
+ "appendChild": {
1117
+ "type": {
1118
+ "name": "node"
1119
+ },
1120
+ "required": false,
1121
+ "description": ""
1122
+ },
1123
+ "insertChild": {
1124
+ "type": {
1125
+ "name": "exact",
1126
+ "value": {
1127
+ "index": {
1128
+ "name": "number",
1129
+ "required": false
1130
+ },
1131
+ "element": {
1132
+ "name": "node",
1133
+ "required": false
1134
+ }
1135
+ }
1136
+ },
1137
+ "required": false,
1138
+ "description": ""
1139
+ },
1140
+ "replaceChild": {
1141
+ "type": {
1142
+ "name": "exact",
1143
+ "value": {
1144
+ "index": {
1145
+ "name": "number",
1146
+ "required": false
1147
+ },
1148
+ "element": {
1149
+ "name": "node",
1150
+ "required": false
1151
+ }
1152
+ }
1153
+ },
1154
+ "required": false,
1155
+ "description": ""
1156
+ },
1157
+ "deleteChildIndex": {
1158
+ "type": {
1159
+ "name": "number"
1160
+ },
1161
+ "required": false,
1162
+ "description": ""
1163
+ },
1164
+ "style": {
1165
+ "type": {
1166
+ "name": "object"
1167
+ },
1168
+ "required": false,
1169
+ "description": ""
1170
+ },
1171
+ "className": {
1172
+ "type": {
1173
+ "name": "union",
1174
+ "value": [
1175
+ {
1176
+ "name": "string"
1177
+ },
1178
+ {
1179
+ "name": "object"
1180
+ }
1181
+ ]
1182
+ },
1183
+ "required": false,
1184
+ "description": ""
1185
+ },
1186
+ "_width": {
1187
+ "type": {
1188
+ "name": "number"
1189
+ },
1190
+ "required": false,
1191
+ "description": ""
1192
+ },
1193
+ "_height": {
1194
+ "type": {
1195
+ "name": "number"
1196
+ },
1197
+ "required": false,
1198
+ "description": ""
1199
+ },
1200
+ "debounceWait": {
1201
+ "type": {
1202
+ "name": "number"
1203
+ },
1204
+ "required": false,
1205
+ "description": "",
1206
+ "defaultValue": {
1207
+ "value": "150",
1208
+ "computed": false
1209
+ }
1210
+ },
1211
+ "mouseEnterCount": {
1212
+ "type": {
1213
+ "name": "number"
1214
+ },
1215
+ "required": false,
1216
+ "description": "",
1217
+ "defaultValue": {
1218
+ "value": "0",
1219
+ "computed": false
1220
+ }
1221
+ },
1222
+ "mouseLeaveCount": {
1223
+ "type": {
1224
+ "name": "number"
1225
+ },
1226
+ "required": false,
1227
+ "description": "",
1228
+ "defaultValue": {
1229
+ "value": "0",
1230
+ "computed": false
1231
+ }
1232
+ },
1233
+ "nClicks": {
1234
+ "type": {
1235
+ "name": "number"
1236
+ },
1237
+ "required": false,
1238
+ "description": "",
1239
+ "defaultValue": {
1240
+ "value": "0",
1241
+ "computed": false
1242
+ }
1243
+ },
1244
+ "nDoubleClicks": {
1245
+ "type": {
1246
+ "name": "number"
1247
+ },
1248
+ "required": false,
1249
+ "description": "",
1250
+ "defaultValue": {
1251
+ "value": "0",
1252
+ "computed": false
1253
+ }
1254
+ },
1255
+ "enableListenContextMenu": {
1256
+ "type": {
1257
+ "name": "bool"
1258
+ },
1259
+ "required": false,
1260
+ "description": "",
1261
+ "defaultValue": {
1262
+ "value": "false",
1263
+ "computed": false
1264
+ }
1265
+ },
1266
+ "contextMenuEvent": {
1267
+ "type": {
1268
+ "name": "exact",
1269
+ "value": {
1270
+ "pageX": {
1271
+ "name": "number",
1272
+ "required": false
1273
+ },
1274
+ "pageY": {
1275
+ "name": "number",
1276
+ "required": false
1277
+ },
1278
+ "timestamp": {
1279
+ "name": "number",
1280
+ "required": false
1281
+ }
1282
+ }
1283
+ },
1284
+ "required": false,
1285
+ "description": ""
1286
+ },
1287
+ "isHovering": {
1288
+ "type": {
1289
+ "name": "bool"
1290
+ },
1291
+ "required": false,
1292
+ "description": ""
1293
+ },
1294
+ "clickAwayCount": {
1295
+ "type": {
1296
+ "name": "number"
1297
+ },
1298
+ "required": false,
1299
+ "description": "",
1300
+ "defaultValue": {
1301
+ "value": "0",
1302
+ "computed": false
1303
+ }
1304
+ },
1305
+ "setProps": {
1306
+ "type": {
1307
+ "name": "func"
1308
+ },
1309
+ "required": false,
1310
+ "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
1311
+ },
1312
+ "loading_state": {
1313
+ "type": {
1314
+ "name": "shape",
1315
+ "value": {
1316
+ "is_loading": {
1317
+ "name": "bool",
1318
+ "description": "Determines if the component is loading or not",
1319
+ "required": false
1320
+ },
1321
+ "prop_name": {
1322
+ "name": "string",
1323
+ "description": "Holds which property is loading",
1324
+ "required": false
1325
+ },
1326
+ "component_name": {
1327
+ "name": "string",
1328
+ "description": "Holds the name of the component that is loading",
1329
+ "required": false
1330
+ }
1331
+ }
1332
+ },
1333
+ "required": false,
1334
+ "description": ""
1335
+ }
1336
+ }
1337
+ },
1090
1338
  "src/lib/components/FefferyExecuteJs.react.js": {
1091
1339
  "description": "",
1092
1340
  "displayName": "FefferyExecuteJs",
@@ -2658,9 +2906,9 @@
2658
2906
  }
2659
2907
  }
2660
2908
  },
2661
- "src/lib/components/FefferyScroll.react.js": {
2909
+ "src/lib/components/FefferyReload.react.js": {
2662
2910
  "description": "",
2663
- "displayName": "FefferyScroll",
2911
+ "displayName": "FefferyReload",
2664
2912
  "methods": [],
2665
2913
  "props": {
2666
2914
  "id": {
@@ -2670,24 +2918,83 @@
2670
2918
  "required": false,
2671
2919
  "description": ""
2672
2920
  },
2673
- "scrollMode": {
2921
+ "reload": {
2674
2922
  "type": {
2675
- "name": "enum",
2676
- "value": [
2677
- {
2678
- "value": "'to-top'",
2679
- "computed": false
2680
- },
2681
- {
2682
- "value": "'to-bottom'",
2683
- "computed": false
2684
- },
2685
- {
2686
- "value": "'top-offset'",
2687
- "computed": false
2688
- },
2689
- {
2690
- "value": "'relative-offset'",
2923
+ "name": "bool"
2924
+ },
2925
+ "required": false,
2926
+ "description": ""
2927
+ },
2928
+ "delay": {
2929
+ "type": {
2930
+ "name": "number"
2931
+ },
2932
+ "required": false,
2933
+ "description": ""
2934
+ },
2935
+ "loading_state": {
2936
+ "type": {
2937
+ "name": "shape",
2938
+ "value": {
2939
+ "is_loading": {
2940
+ "name": "bool",
2941
+ "description": "Determines if the component is loading or not",
2942
+ "required": false
2943
+ },
2944
+ "prop_name": {
2945
+ "name": "string",
2946
+ "description": "Holds which property is loading",
2947
+ "required": false
2948
+ },
2949
+ "component_name": {
2950
+ "name": "string",
2951
+ "description": "Holds the name of the component that is loading",
2952
+ "required": false
2953
+ }
2954
+ }
2955
+ },
2956
+ "required": false,
2957
+ "description": ""
2958
+ },
2959
+ "setProps": {
2960
+ "type": {
2961
+ "name": "func"
2962
+ },
2963
+ "required": false,
2964
+ "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
2965
+ }
2966
+ }
2967
+ },
2968
+ "src/lib/components/FefferyScroll.react.js": {
2969
+ "description": "",
2970
+ "displayName": "FefferyScroll",
2971
+ "methods": [],
2972
+ "props": {
2973
+ "id": {
2974
+ "type": {
2975
+ "name": "string"
2976
+ },
2977
+ "required": false,
2978
+ "description": ""
2979
+ },
2980
+ "scrollMode": {
2981
+ "type": {
2982
+ "name": "enum",
2983
+ "value": [
2984
+ {
2985
+ "value": "'to-top'",
2986
+ "computed": false
2987
+ },
2988
+ {
2989
+ "value": "'to-bottom'",
2990
+ "computed": false
2991
+ },
2992
+ {
2993
+ "value": "'top-offset'",
2994
+ "computed": false
2995
+ },
2996
+ {
2997
+ "value": "'relative-offset'",
2691
2998
  "computed": false
2692
2999
  },
2693
3000
  {
@@ -3192,6 +3499,58 @@
3192
3499
  }
3193
3500
  }
3194
3501
  },
3502
+ "src/lib/components/FefferyStyle.react.js": {
3503
+ "description": "",
3504
+ "displayName": "FefferyStyle",
3505
+ "methods": [],
3506
+ "props": {
3507
+ "id": {
3508
+ "type": {
3509
+ "name": "string"
3510
+ },
3511
+ "required": false,
3512
+ "description": ""
3513
+ },
3514
+ "rawStyle": {
3515
+ "type": {
3516
+ "name": "string"
3517
+ },
3518
+ "required": false,
3519
+ "description": ""
3520
+ },
3521
+ "setProps": {
3522
+ "type": {
3523
+ "name": "func"
3524
+ },
3525
+ "required": false,
3526
+ "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
3527
+ },
3528
+ "loading_state": {
3529
+ "type": {
3530
+ "name": "shape",
3531
+ "value": {
3532
+ "is_loading": {
3533
+ "name": "bool",
3534
+ "description": "Determines if the component is loading or not",
3535
+ "required": false
3536
+ },
3537
+ "prop_name": {
3538
+ "name": "string",
3539
+ "description": "Holds which property is loading",
3540
+ "required": false
3541
+ },
3542
+ "component_name": {
3543
+ "name": "string",
3544
+ "description": "Holds the name of the component that is loading",
3545
+ "required": false
3546
+ }
3547
+ }
3548
+ },
3549
+ "required": false,
3550
+ "description": ""
3551
+ }
3552
+ }
3553
+ },
3195
3554
  "src/lib/components/FefferySyntaxHighlighter.react.js": {
3196
3555
  "description": "",
3197
3556
  "displayName": "FefferySyntaxHighlighter",
@@ -3705,199 +4064,6 @@
3705
4064
  }
3706
4065
  }
3707
4066
  },
3708
- "src/lib/components/listeners/FefferyDiv.react.js": {
3709
- "description": "",
3710
- "displayName": "FefferyDiv",
3711
- "methods": [],
3712
- "props": {
3713
- "id": {
3714
- "type": {
3715
- "name": "string"
3716
- },
3717
- "required": false,
3718
- "description": ""
3719
- },
3720
- "children": {
3721
- "type": {
3722
- "name": "node"
3723
- },
3724
- "required": false,
3725
- "description": ""
3726
- },
3727
- "style": {
3728
- "type": {
3729
- "name": "object"
3730
- },
3731
- "required": false,
3732
- "description": ""
3733
- },
3734
- "className": {
3735
- "type": {
3736
- "name": "union",
3737
- "value": [
3738
- {
3739
- "name": "string"
3740
- },
3741
- {
3742
- "name": "object"
3743
- }
3744
- ]
3745
- },
3746
- "required": false,
3747
- "description": ""
3748
- },
3749
- "_width": {
3750
- "type": {
3751
- "name": "number"
3752
- },
3753
- "required": false,
3754
- "description": ""
3755
- },
3756
- "_height": {
3757
- "type": {
3758
- "name": "number"
3759
- },
3760
- "required": false,
3761
- "description": ""
3762
- },
3763
- "debounceWait": {
3764
- "type": {
3765
- "name": "number"
3766
- },
3767
- "required": false,
3768
- "description": "",
3769
- "defaultValue": {
3770
- "value": "150",
3771
- "computed": false
3772
- }
3773
- },
3774
- "mouseEnterCount": {
3775
- "type": {
3776
- "name": "number"
3777
- },
3778
- "required": false,
3779
- "description": "",
3780
- "defaultValue": {
3781
- "value": "0",
3782
- "computed": false
3783
- }
3784
- },
3785
- "mouseLeaveCount": {
3786
- "type": {
3787
- "name": "number"
3788
- },
3789
- "required": false,
3790
- "description": "",
3791
- "defaultValue": {
3792
- "value": "0",
3793
- "computed": false
3794
- }
3795
- },
3796
- "nClicks": {
3797
- "type": {
3798
- "name": "number"
3799
- },
3800
- "required": false,
3801
- "description": "",
3802
- "defaultValue": {
3803
- "value": "0",
3804
- "computed": false
3805
- }
3806
- },
3807
- "nDoubleClicks": {
3808
- "type": {
3809
- "name": "number"
3810
- },
3811
- "required": false,
3812
- "description": "",
3813
- "defaultValue": {
3814
- "value": "0",
3815
- "computed": false
3816
- }
3817
- },
3818
- "enableListenContextMenu": {
3819
- "type": {
3820
- "name": "bool"
3821
- },
3822
- "required": false,
3823
- "description": "",
3824
- "defaultValue": {
3825
- "value": "false",
3826
- "computed": false
3827
- }
3828
- },
3829
- "contextMenuEvent": {
3830
- "type": {
3831
- "name": "exact",
3832
- "value": {
3833
- "pageX": {
3834
- "name": "number",
3835
- "required": false
3836
- },
3837
- "pageY": {
3838
- "name": "number",
3839
- "required": false
3840
- },
3841
- "timestamp": {
3842
- "name": "number",
3843
- "required": false
3844
- }
3845
- }
3846
- },
3847
- "required": false,
3848
- "description": ""
3849
- },
3850
- "isHovering": {
3851
- "type": {
3852
- "name": "bool"
3853
- },
3854
- "required": false,
3855
- "description": ""
3856
- },
3857
- "clickAwayCount": {
3858
- "type": {
3859
- "name": "number"
3860
- },
3861
- "required": false,
3862
- "description": "",
3863
- "defaultValue": {
3864
- "value": "0",
3865
- "computed": false
3866
- }
3867
- },
3868
- "setProps": {
3869
- "type": {
3870
- "name": "func"
3871
- },
3872
- "required": false,
3873
- "description": "Dash-assigned callback that should be called to report property changes\r\nto Dash, to make them available for callbacks."
3874
- },
3875
- "loading_state": {
3876
- "type": {
3877
- "name": "shape",
3878
- "value": {
3879
- "is_loading": {
3880
- "name": "bool",
3881
- "description": "Determines if the component is loading or not",
3882
- "required": false
3883
- },
3884
- "prop_name": {
3885
- "name": "string",
3886
- "description": "Holds which property is loading",
3887
- "required": false
3888
- },
3889
- "component_name": {
3890
- "name": "string",
3891
- "description": "Holds the name of the component that is loading",
3892
- "required": false
3893
- }
3894
- }
3895
- },
3896
- "required": false,
3897
- "description": ""
3898
- }
3899
- }
3900
- },
3901
4067
  "src/lib/components/listeners/FefferyDocumentVisibility.react.js": {
3902
4068
  "description": "",
3903
4069
  "displayName": "FefferyDocumentVisibility",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "feffery_utils_components",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
4
4
  "description": "Build more utility components for Plotly Dash.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -55,6 +55,7 @@
55
55
  "devDependencies": {
56
56
  "@babel/core": "^7.5.4",
57
57
  "@babel/plugin-proposal-object-rest-spread": "^7.5.4",
58
+ "@babel/plugin-proposal-optional-chaining": "^7.18.9",
58
59
  "@babel/preset-env": "^7.5.4",
59
60
  "@babel/preset-react": "^7.0.0",
60
61
  "@plotly/dash-component-plugins": "^1.2.3",
@@ -76,7 +77,7 @@
76
77
  "react-docgen": "^4.1.1",
77
78
  "react-dom": "^16.8.6",
78
79
  "style-loader": "^0.23.1",
79
- "styled-jsx": "^3.2.1",
80
+ "styled-jsx": "^3.4.7",
80
81
  "terser-webpack-plugin": "^2.3.0",
81
82
  "url-loader": "^4.1.1",
82
83
  "webpack": "4.36.1",
@@ -89,7 +90,8 @@
89
90
  "@babel/preset-env"
90
91
  ],
91
92
  "plugins": [
92
- "@babel/plugin-transform-react-jsx"
93
+ "@babel/plugin-transform-react-jsx",
94
+ "styled-jsx/babel"
93
95
  ]
94
96
  },
95
97
  "engines": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "feffery_utils_components",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
4
4
  "description": "Build more utility components for Plotly Dash.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -55,6 +55,7 @@
55
55
  "devDependencies": {
56
56
  "@babel/core": "^7.5.4",
57
57
  "@babel/plugin-proposal-object-rest-spread": "^7.5.4",
58
+ "@babel/plugin-proposal-optional-chaining": "^7.18.9",
58
59
  "@babel/preset-env": "^7.5.4",
59
60
  "@babel/preset-react": "^7.0.0",
60
61
  "@plotly/dash-component-plugins": "^1.2.3",
@@ -76,7 +77,7 @@
76
77
  "react-docgen": "^4.1.1",
77
78
  "react-dom": "^16.8.6",
78
79
  "style-loader": "^0.23.1",
79
- "styled-jsx": "^3.2.1",
80
+ "styled-jsx": "^3.4.7",
80
81
  "terser-webpack-plugin": "^2.3.0",
81
82
  "url-loader": "^4.1.1",
82
83
  "webpack": "4.36.1",
@@ -89,7 +90,8 @@
89
90
  "@babel/preset-env"
90
91
  ],
91
92
  "plugins": [
92
- "@babel/plugin-transform-react-jsx"
93
+ "@babel/plugin-transform-react-jsx",
94
+ "styled-jsx/babel"
93
95
  ]
94
96
  },
95
97
  "engines": {