@visns-studio/visns-components 3.5.5 → 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.
|
@@ -363,16 +363,30 @@ function GenericDetail({ extraUrlParam, setting, urlParam, userProfile }) {
|
|
|
363
363
|
});
|
|
364
364
|
}}
|
|
365
365
|
>
|
|
366
|
-
{({
|
|
366
|
+
{({
|
|
367
|
+
getRootProps,
|
|
368
|
+
getInputProps,
|
|
369
|
+
isDragActive,
|
|
370
|
+
}) => (
|
|
367
371
|
<section className="dropzone__container">
|
|
368
372
|
<div {...getRootProps()}>
|
|
369
373
|
<input
|
|
370
374
|
{...getInputProps()}
|
|
371
375
|
/>
|
|
372
376
|
<p>
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
377
|
+
{isDragActive ? (
|
|
378
|
+
<p>
|
|
379
|
+
Drop the files
|
|
380
|
+
here ...
|
|
381
|
+
</p>
|
|
382
|
+
) : (
|
|
383
|
+
<p>
|
|
384
|
+
Drag 'n' drop
|
|
385
|
+
some files here,
|
|
386
|
+
or click to
|
|
387
|
+
select files
|
|
388
|
+
</p>
|
|
389
|
+
)}
|
|
376
390
|
</p>
|
|
377
391
|
</div>
|
|
378
392
|
<ul className="dropzone__files">
|
|
@@ -756,6 +770,7 @@ function GenericDetail({ extraUrlParam, setting, urlParam, userProfile }) {
|
|
|
756
770
|
{({
|
|
757
771
|
getRootProps,
|
|
758
772
|
getInputProps,
|
|
773
|
+
isDragActive,
|
|
759
774
|
}) => (
|
|
760
775
|
<section className="dropzone__container">
|
|
761
776
|
<div
|
|
@@ -764,23 +779,55 @@ function GenericDetail({ extraUrlParam, setting, urlParam, userProfile }) {
|
|
|
764
779
|
<input
|
|
765
780
|
{...getInputProps()}
|
|
766
781
|
/>
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
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
|
+
)}
|
|
780
805
|
</div>
|
|
781
806
|
</section>
|
|
782
807
|
)}
|
|
783
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>
|
|
784
831
|
</div>
|
|
785
832
|
</div>
|
|
786
833
|
)}
|
package/package.json
CHANGED