@visns-studio/visns-components 3.5.6 → 3.5.7

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.
@@ -770,6 +770,7 @@ function GenericDetail({ extraUrlParam, setting, urlParam, userProfile }) {
770
770
  {({
771
771
  getRootProps,
772
772
  getInputProps,
773
+ isDragActive,
773
774
  }) => (
774
775
  <section className="dropzone__container">
775
776
  <div
@@ -778,23 +779,55 @@ function GenericDetail({ extraUrlParam, setting, urlParam, userProfile }) {
778
779
  <input
779
780
  {...getInputProps()}
780
781
  />
781
- <p>
782
- Drag
783
- 'n'
784
- drop
785
- some
786
- files
787
- here,
788
- or
789
- click
790
- to
791
- select
792
- files
793
- </p>
782
+ {isDragActive ? (
783
+ <p>
784
+ Drop
785
+ the
786
+ files
787
+ here
788
+ ...
789
+ </p>
790
+ ) : (
791
+ <p>
792
+ Drag
793
+ 'n'
794
+ drop
795
+ some
796
+ files
797
+ here,
798
+ or
799
+ click
800
+ to
801
+ select
802
+ files
803
+ </p>
804
+ )}
794
805
  </div>
795
806
  </section>
796
807
  )}
797
808
  </Dropzone>
809
+ <div className="progress">
810
+ <motion.div
811
+ className="progress__bar"
812
+ initial={{
813
+ width: '0%',
814
+ }}
815
+ animate={{
816
+ width:
817
+ loadingProgress +
818
+ '%',
819
+ }}
820
+ transition={{
821
+ duration: 2,
822
+ ease: [
823
+ 0.165,
824
+ 0.84,
825
+ 0.44,
826
+ 1.0,
827
+ ],
828
+ }}
829
+ />
830
+ </div>
798
831
  </div>
799
832
  </div>
800
833
  )}
package/package.json CHANGED
@@ -50,7 +50,7 @@
50
50
  "react-dom": "^17.0.1"
51
51
  },
52
52
  "name": "@visns-studio/visns-components",
53
- "version": "3.5.6",
53
+ "version": "3.5.7",
54
54
  "description": "Various packages to assist in the development of our Custom Applications.",
55
55
  "main": "index.js",
56
56
  "scripts": {