contentoh-components-library 21.2.22 → 21.2.25
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/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +12 -20
- package/dist/components/atoms/VerticalSideMenuMainPage/index.js +1 -1
- package/dist/index.js +51 -38
- package/package.json +1 -1
- package/src/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js +18 -13
- package/src/components/atoms/VerticalSideMenuMainPage/index.js +1 -3
- package/src/components/atoms/VerticalSideMenuMainPage/styles.js +1 -1
- package/src/index.js +1 -0
|
@@ -39,33 +39,25 @@ VerticalSideMenuMainPageDefault.args = {
|
|
|
39
39
|
menuoption: [{
|
|
40
40
|
icon: _iconSpeedometer.default,
|
|
41
41
|
path: "/Dashboard",
|
|
42
|
-
title: "
|
|
42
|
+
title: "Dashboard"
|
|
43
|
+
}, {
|
|
44
|
+
icon: _iconGroup.default,
|
|
45
|
+
path: "/Products",
|
|
46
|
+
title: "Productos"
|
|
43
47
|
}, {
|
|
44
48
|
icon: _iconProduct.default,
|
|
45
|
-
path: "/
|
|
46
|
-
title: "
|
|
49
|
+
path: "/Orders",
|
|
50
|
+
title: "Proveedor",
|
|
47
51
|
suboption: [{
|
|
48
|
-
path: "/
|
|
49
|
-
title: "
|
|
52
|
+
path: "/Orders",
|
|
53
|
+
title: "Ordenes"
|
|
50
54
|
}, {
|
|
51
|
-
path: "/
|
|
52
|
-
title: "
|
|
55
|
+
path: "/Entregas",
|
|
56
|
+
title: "Entregas"
|
|
53
57
|
}]
|
|
54
|
-
}, {
|
|
55
|
-
icon: _iconGroup.default,
|
|
56
|
-
path: "/providers",
|
|
57
|
-
title: "Proovedores"
|
|
58
|
-
}, {
|
|
59
|
-
icon: _iconLogo.default,
|
|
60
|
-
path: "/ContentohProducts",
|
|
61
|
-
title: "Content Oh!",
|
|
62
|
-
suboption: {
|
|
63
|
-
path: "/ContentohProducts",
|
|
64
|
-
title: "Productos"
|
|
65
|
-
}
|
|
66
58
|
}, {
|
|
67
59
|
icon: _iconTask.default,
|
|
68
|
-
path: "/tasks
|
|
60
|
+
path: "/tasks",
|
|
69
61
|
title: "Tareas"
|
|
70
62
|
}]
|
|
71
63
|
};
|
|
@@ -61,7 +61,7 @@ var VerticalSideMenuMainPage = function VerticalSideMenuMainPage(_ref) {
|
|
|
61
61
|
}), trueBar && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
62
62
|
children: item.title
|
|
63
63
|
})]
|
|
64
|
-
}), item.suboption
|
|
64
|
+
}), item.suboption !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
65
65
|
children: item === null || item === void 0 ? void 0 : (_item$suboption = item.suboption) === null || _item$suboption === void 0 ? void 0 : _item$suboption.map(function (subitem) {
|
|
66
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
67
67
|
className: "sub-option",
|
package/dist/index.js
CHANGED
|
@@ -303,7 +303,7 @@ Object.keys(_index23).forEach(function (key) {
|
|
|
303
303
|
});
|
|
304
304
|
});
|
|
305
305
|
|
|
306
|
-
var _index24 = require("./components/
|
|
306
|
+
var _index24 = require("./components/atoms/VerticalSideMenuMainPage/index");
|
|
307
307
|
|
|
308
308
|
Object.keys(_index24).forEach(function (key) {
|
|
309
309
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -316,33 +316,33 @@ Object.keys(_index24).forEach(function (key) {
|
|
|
316
316
|
});
|
|
317
317
|
});
|
|
318
318
|
|
|
319
|
-
var
|
|
319
|
+
var _index25 = require("./components/molecules/AvatarAndValidation/index");
|
|
320
320
|
|
|
321
|
-
Object.keys(
|
|
321
|
+
Object.keys(_index25).forEach(function (key) {
|
|
322
322
|
if (key === "default" || key === "__esModule") return;
|
|
323
|
-
if (key in exports && exports[key] ===
|
|
323
|
+
if (key in exports && exports[key] === _index25[key]) return;
|
|
324
324
|
Object.defineProperty(exports, key, {
|
|
325
325
|
enumerable: true,
|
|
326
326
|
get: function get() {
|
|
327
|
-
return
|
|
327
|
+
return _index25[key];
|
|
328
328
|
}
|
|
329
329
|
});
|
|
330
330
|
});
|
|
331
331
|
|
|
332
|
-
var
|
|
332
|
+
var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
|
|
333
333
|
|
|
334
|
-
Object.keys(
|
|
334
|
+
Object.keys(_CarouselImagesLogin).forEach(function (key) {
|
|
335
335
|
if (key === "default" || key === "__esModule") return;
|
|
336
|
-
if (key in exports && exports[key] ===
|
|
336
|
+
if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
|
|
337
337
|
Object.defineProperty(exports, key, {
|
|
338
338
|
enumerable: true,
|
|
339
339
|
get: function get() {
|
|
340
|
-
return
|
|
340
|
+
return _CarouselImagesLogin[key];
|
|
341
341
|
}
|
|
342
342
|
});
|
|
343
343
|
});
|
|
344
344
|
|
|
345
|
-
var _index26 = require("./components/molecules/
|
|
345
|
+
var _index26 = require("./components/molecules/EditionActiveImage/index");
|
|
346
346
|
|
|
347
347
|
Object.keys(_index26).forEach(function (key) {
|
|
348
348
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -355,7 +355,7 @@ Object.keys(_index26).forEach(function (key) {
|
|
|
355
355
|
});
|
|
356
356
|
});
|
|
357
357
|
|
|
358
|
-
var _index27 = require("./components/molecules/
|
|
358
|
+
var _index27 = require("./components/molecules/EmailResetPasswordLogin/index");
|
|
359
359
|
|
|
360
360
|
Object.keys(_index27).forEach(function (key) {
|
|
361
361
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -368,7 +368,7 @@ Object.keys(_index27).forEach(function (key) {
|
|
|
368
368
|
});
|
|
369
369
|
});
|
|
370
370
|
|
|
371
|
-
var _index28 = require("./components/molecules/
|
|
371
|
+
var _index28 = require("./components/molecules/FeaturesBar/index");
|
|
372
372
|
|
|
373
373
|
Object.keys(_index28).forEach(function (key) {
|
|
374
374
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -381,7 +381,7 @@ Object.keys(_index28).forEach(function (key) {
|
|
|
381
381
|
});
|
|
382
382
|
});
|
|
383
383
|
|
|
384
|
-
var _index29 = require("./components/molecules/
|
|
384
|
+
var _index29 = require("./components/molecules/GalleryElement/index");
|
|
385
385
|
|
|
386
386
|
Object.keys(_index29).forEach(function (key) {
|
|
387
387
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -394,7 +394,7 @@ Object.keys(_index29).forEach(function (key) {
|
|
|
394
394
|
});
|
|
395
395
|
});
|
|
396
396
|
|
|
397
|
-
var _index30 = require("./components/molecules/
|
|
397
|
+
var _index30 = require("./components/molecules/HeaderTop/index");
|
|
398
398
|
|
|
399
399
|
Object.keys(_index30).forEach(function (key) {
|
|
400
400
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -407,7 +407,7 @@ Object.keys(_index30).forEach(function (key) {
|
|
|
407
407
|
});
|
|
408
408
|
});
|
|
409
409
|
|
|
410
|
-
var _index31 = require("./components/molecules/
|
|
410
|
+
var _index31 = require("./components/molecules/ImageSelector/index");
|
|
411
411
|
|
|
412
412
|
Object.keys(_index31).forEach(function (key) {
|
|
413
413
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -420,7 +420,7 @@ Object.keys(_index31).forEach(function (key) {
|
|
|
420
420
|
});
|
|
421
421
|
});
|
|
422
422
|
|
|
423
|
-
var _index32 = require("./components/molecules/
|
|
423
|
+
var _index32 = require("./components/molecules/LoginPasswordStrength/index");
|
|
424
424
|
|
|
425
425
|
Object.keys(_index32).forEach(function (key) {
|
|
426
426
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -433,7 +433,7 @@ Object.keys(_index32).forEach(function (key) {
|
|
|
433
433
|
});
|
|
434
434
|
});
|
|
435
435
|
|
|
436
|
-
var _index33 = require("./components/molecules/
|
|
436
|
+
var _index33 = require("./components/molecules/LogoLoading/index");
|
|
437
437
|
|
|
438
438
|
Object.keys(_index33).forEach(function (key) {
|
|
439
439
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -446,7 +446,7 @@ Object.keys(_index33).forEach(function (key) {
|
|
|
446
446
|
});
|
|
447
447
|
});
|
|
448
448
|
|
|
449
|
-
var _index34 = require("./components/molecules/
|
|
449
|
+
var _index34 = require("./components/molecules/PlanSelection/index");
|
|
450
450
|
|
|
451
451
|
Object.keys(_index34).forEach(function (key) {
|
|
452
452
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -459,7 +459,7 @@ Object.keys(_index34).forEach(function (key) {
|
|
|
459
459
|
});
|
|
460
460
|
});
|
|
461
461
|
|
|
462
|
-
var _index35 = require("./components/molecules/
|
|
462
|
+
var _index35 = require("./components/molecules/ProductNameHeader/index");
|
|
463
463
|
|
|
464
464
|
Object.keys(_index35).forEach(function (key) {
|
|
465
465
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -472,7 +472,7 @@ Object.keys(_index35).forEach(function (key) {
|
|
|
472
472
|
});
|
|
473
473
|
});
|
|
474
474
|
|
|
475
|
-
var _index36 = require("./components/molecules/
|
|
475
|
+
var _index36 = require("./components/molecules/RegistrationFirstStep/index");
|
|
476
476
|
|
|
477
477
|
Object.keys(_index36).forEach(function (key) {
|
|
478
478
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -485,7 +485,7 @@ Object.keys(_index36).forEach(function (key) {
|
|
|
485
485
|
});
|
|
486
486
|
});
|
|
487
487
|
|
|
488
|
-
var _index37 = require("./components/molecules/
|
|
488
|
+
var _index37 = require("./components/molecules/RegistrationSecondStep/index");
|
|
489
489
|
|
|
490
490
|
Object.keys(_index37).forEach(function (key) {
|
|
491
491
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -498,7 +498,7 @@ Object.keys(_index37).forEach(function (key) {
|
|
|
498
498
|
});
|
|
499
499
|
});
|
|
500
500
|
|
|
501
|
-
var _index38 = require("./components/molecules/
|
|
501
|
+
var _index38 = require("./components/molecules/RegistrationThirdStep/index");
|
|
502
502
|
|
|
503
503
|
Object.keys(_index38).forEach(function (key) {
|
|
504
504
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -511,7 +511,7 @@ Object.keys(_index38).forEach(function (key) {
|
|
|
511
511
|
});
|
|
512
512
|
});
|
|
513
513
|
|
|
514
|
-
var _index39 = require("./components/molecules/
|
|
514
|
+
var _index39 = require("./components/molecules/SignInLogin/index");
|
|
515
515
|
|
|
516
516
|
Object.keys(_index39).forEach(function (key) {
|
|
517
517
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -524,7 +524,7 @@ Object.keys(_index39).forEach(function (key) {
|
|
|
524
524
|
});
|
|
525
525
|
});
|
|
526
526
|
|
|
527
|
-
var _index40 = require("./components/molecules/
|
|
527
|
+
var _index40 = require("./components/molecules/StatusAsignationInfo/index");
|
|
528
528
|
|
|
529
529
|
Object.keys(_index40).forEach(function (key) {
|
|
530
530
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -537,7 +537,7 @@ Object.keys(_index40).forEach(function (key) {
|
|
|
537
537
|
});
|
|
538
538
|
});
|
|
539
539
|
|
|
540
|
-
var _index41 = require("./components/molecules/
|
|
540
|
+
var _index41 = require("./components/molecules/TableHeader/index");
|
|
541
541
|
|
|
542
542
|
Object.keys(_index41).forEach(function (key) {
|
|
543
543
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -550,7 +550,7 @@ Object.keys(_index41).forEach(function (key) {
|
|
|
550
550
|
});
|
|
551
551
|
});
|
|
552
552
|
|
|
553
|
-
var _index42 = require("./components/molecules/
|
|
553
|
+
var _index42 = require("./components/molecules/TableRow/index");
|
|
554
554
|
|
|
555
555
|
Object.keys(_index42).forEach(function (key) {
|
|
556
556
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -563,7 +563,7 @@ Object.keys(_index42).forEach(function (key) {
|
|
|
563
563
|
});
|
|
564
564
|
});
|
|
565
565
|
|
|
566
|
-
var _index43 = require("./components/molecules/
|
|
566
|
+
var _index43 = require("./components/molecules/TabsMenu/index");
|
|
567
567
|
|
|
568
568
|
Object.keys(_index43).forEach(function (key) {
|
|
569
569
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -576,7 +576,7 @@ Object.keys(_index43).forEach(function (key) {
|
|
|
576
576
|
});
|
|
577
577
|
});
|
|
578
578
|
|
|
579
|
-
var _index44 = require("./components/molecules/
|
|
579
|
+
var _index44 = require("./components/molecules/TagAndInput/index");
|
|
580
580
|
|
|
581
581
|
Object.keys(_index44).forEach(function (key) {
|
|
582
582
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -589,7 +589,7 @@ Object.keys(_index44).forEach(function (key) {
|
|
|
589
589
|
});
|
|
590
590
|
});
|
|
591
591
|
|
|
592
|
-
var _index45 = require("./components/molecules/
|
|
592
|
+
var _index45 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
|
|
593
593
|
|
|
594
594
|
Object.keys(_index45).forEach(function (key) {
|
|
595
595
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
|
|
|
602
602
|
});
|
|
603
603
|
});
|
|
604
604
|
|
|
605
|
-
var _index46 = require("./components/
|
|
605
|
+
var _index46 = require("./components/molecules/RetailerSelector/index");
|
|
606
606
|
|
|
607
607
|
Object.keys(_index46).forEach(function (key) {
|
|
608
608
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -615,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
|
|
|
615
615
|
});
|
|
616
616
|
});
|
|
617
617
|
|
|
618
|
-
var _index47 = require("./components/organisms/
|
|
618
|
+
var _index47 = require("./components/organisms/ChangePassword/index");
|
|
619
619
|
|
|
620
620
|
Object.keys(_index47).forEach(function (key) {
|
|
621
621
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -628,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
|
|
|
628
628
|
});
|
|
629
629
|
});
|
|
630
630
|
|
|
631
|
-
var _index48 = require("./components/organisms/
|
|
631
|
+
var _index48 = require("./components/organisms/Fullplan/index");
|
|
632
632
|
|
|
633
633
|
Object.keys(_index48).forEach(function (key) {
|
|
634
634
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -641,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
|
|
|
641
641
|
});
|
|
642
642
|
});
|
|
643
643
|
|
|
644
|
-
var _index49 = require("./components/organisms/
|
|
644
|
+
var _index49 = require("./components/organisms/FullProductNameHeader/index");
|
|
645
645
|
|
|
646
646
|
Object.keys(_index49).forEach(function (key) {
|
|
647
647
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -654,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
|
|
|
654
654
|
});
|
|
655
655
|
});
|
|
656
656
|
|
|
657
|
-
var _index50 = require("./components/organisms/
|
|
657
|
+
var _index50 = require("./components/organisms/FullTabsMenu/index");
|
|
658
658
|
|
|
659
659
|
Object.keys(_index50).forEach(function (key) {
|
|
660
660
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -667,7 +667,7 @@ Object.keys(_index50).forEach(function (key) {
|
|
|
667
667
|
});
|
|
668
668
|
});
|
|
669
669
|
|
|
670
|
-
var _index51 = require("./components/organisms/
|
|
670
|
+
var _index51 = require("./components/organisms/ImageDataTable/index");
|
|
671
671
|
|
|
672
672
|
Object.keys(_index51).forEach(function (key) {
|
|
673
673
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -680,7 +680,7 @@ Object.keys(_index51).forEach(function (key) {
|
|
|
680
680
|
});
|
|
681
681
|
});
|
|
682
682
|
|
|
683
|
-
var _index52 = require("./components/organisms/
|
|
683
|
+
var _index52 = require("./components/organisms/ImagePreviewer/index");
|
|
684
684
|
|
|
685
685
|
Object.keys(_index52).forEach(function (key) {
|
|
686
686
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -693,7 +693,7 @@ Object.keys(_index52).forEach(function (key) {
|
|
|
693
693
|
});
|
|
694
694
|
});
|
|
695
695
|
|
|
696
|
-
var _index53 = require("./components/organisms/
|
|
696
|
+
var _index53 = require("./components/organisms/ImagesGroup/index");
|
|
697
697
|
|
|
698
698
|
Object.keys(_index53).forEach(function (key) {
|
|
699
699
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -706,7 +706,7 @@ Object.keys(_index53).forEach(function (key) {
|
|
|
706
706
|
});
|
|
707
707
|
});
|
|
708
708
|
|
|
709
|
-
var _index54 = require("./components/organisms/
|
|
709
|
+
var _index54 = require("./components/organisms/InputGroup/index");
|
|
710
710
|
|
|
711
711
|
Object.keys(_index54).forEach(function (key) {
|
|
712
712
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -719,6 +719,19 @@ Object.keys(_index54).forEach(function (key) {
|
|
|
719
719
|
});
|
|
720
720
|
});
|
|
721
721
|
|
|
722
|
+
var _index55 = require("./components/organisms/ProductImageModal/index");
|
|
723
|
+
|
|
724
|
+
Object.keys(_index55).forEach(function (key) {
|
|
725
|
+
if (key === "default" || key === "__esModule") return;
|
|
726
|
+
if (key in exports && exports[key] === _index55[key]) return;
|
|
727
|
+
Object.defineProperty(exports, key, {
|
|
728
|
+
enumerable: true,
|
|
729
|
+
get: function get() {
|
|
730
|
+
return _index55[key];
|
|
731
|
+
}
|
|
732
|
+
});
|
|
733
|
+
});
|
|
734
|
+
|
|
722
735
|
var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
|
|
723
736
|
|
|
724
737
|
Object.keys(_ChangePasswordLogin).forEach(function (key) {
|
package/package.json
CHANGED
|
@@ -15,21 +15,26 @@ const Template = (args) => <VerticalSideMenuMainPage {...args} />;
|
|
|
15
15
|
export const VerticalSideMenuMainPageDefault = Template.bind({});
|
|
16
16
|
|
|
17
17
|
VerticalSideMenuMainPageDefault.args = {
|
|
18
|
-
|
|
19
|
-
{ icon: iconSpeedometer, path: "/Dashboard", title: "
|
|
18
|
+
menuoption : [
|
|
19
|
+
{ icon: iconSpeedometer, path: "/Dashboard", title: "Dashboard" },
|
|
20
20
|
{
|
|
21
|
-
icon:
|
|
22
|
-
path: "/
|
|
21
|
+
icon: iconGroup,
|
|
22
|
+
path: "/Products",
|
|
23
23
|
title: "Productos",
|
|
24
|
-
suboption: [{ path: "/Dashboard", title: "General" },{ path: "/AddProducts", title: "Agregar Producto" }],
|
|
25
24
|
},
|
|
26
|
-
{
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
{
|
|
26
|
+
icon: iconProduct,
|
|
27
|
+
path: "/Orders",
|
|
28
|
+
title: "Proveedor",
|
|
29
|
+
suboption: [
|
|
30
|
+
{ path: "/Orders", title: "Ordenes" },
|
|
31
|
+
{ path: "/Entregas", title: "Entregas" },
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
icon: iconTask,
|
|
36
|
+
path: "/tasks",
|
|
37
|
+
title: "Tareas",
|
|
32
38
|
},
|
|
33
|
-
|
|
34
|
-
],
|
|
39
|
+
]
|
|
35
40
|
};
|
|
@@ -26,9 +26,7 @@ export const VerticalSideMenuMainPage = ({ menuoption }) => {
|
|
|
26
26
|
<img src={item.icon} alt={item.title}></img>
|
|
27
27
|
{trueBar && <p>{item.title}</p>}
|
|
28
28
|
</NavLink>
|
|
29
|
-
{item.suboption
|
|
30
|
-
""
|
|
31
|
-
) : (
|
|
29
|
+
{item.suboption !== undefined && (
|
|
32
30
|
<>
|
|
33
31
|
{item?.suboption?.map((subitem) => (
|
|
34
32
|
<div className="sub-option">
|
package/src/index.js
CHANGED
|
@@ -22,6 +22,7 @@ export * from "./components/atoms/SliderToolTip/index";
|
|
|
22
22
|
export * from "./components/atoms/Status/index";
|
|
23
23
|
export * from "./components/atoms/TabSection/index";
|
|
24
24
|
export * from "./components/atoms/ValidationPanel/index";
|
|
25
|
+
export * from "./components/atoms/VerticalSideMenuMainPage/index";
|
|
25
26
|
|
|
26
27
|
//molecules
|
|
27
28
|
export * from "./components/molecules/AvatarAndValidation/index";
|