@pelcro/react-pelcro-js 4.0.0-alpha.20 → 4.0.0-alpha.21
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/index.cjs.js +23 -15
- package/dist/index.esm.js +23 -15
- package/dist/pelcro.css +30 -9
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -30146,7 +30146,7 @@ const Card = ({
|
|
|
30146
30146
|
}) => {
|
|
30147
30147
|
useTranslation("dashboard");
|
|
30148
30148
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
30149
|
-
className: `plc-bg-white plc-border-2 plc-p-6 plc-rounded plc-my-20 ${className}`,
|
|
30149
|
+
className: `plc-bg-white plc-border-2 plc-p-6 plc-rounded plc-my-11 md:plc-my-20 ${className}`,
|
|
30150
30150
|
id: "plc-dashboard-card"
|
|
30151
30151
|
}, title && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
30152
30152
|
className: "plc-flex plc-items-end plc-justify-between"
|
|
@@ -30308,16 +30308,18 @@ const SubscriptionsMenu = props => {
|
|
|
30308
30308
|
}, /*#__PURE__*/React__default['default'].createElement("thead", {
|
|
30309
30309
|
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
30310
30310
|
}, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30311
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30311
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30312
30312
|
}, t("labels.product")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30313
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30313
|
+
className: "plc-w-1/3 md:plc-w-3/12"
|
|
30314
30314
|
}, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30315
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30315
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30316
30316
|
}, t("labels.price")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30317
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30317
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30318
30318
|
}, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30319
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30320
|
-
}, t("labels.actions"))
|
|
30319
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30320
|
+
}, t("labels.actions")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30321
|
+
className: "plc-w-1/3 md:plc-w-1/12"
|
|
30322
|
+
}))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
|
|
30321
30323
|
className: "plc-h-4"
|
|
30322
30324
|
})), /*#__PURE__*/React__default['default'].createElement(Accordion, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionsItems, props))), /*#__PURE__*/React__default['default'].createElement(AddNew, {
|
|
30323
30325
|
title: t("labels.addSubscription"),
|
|
@@ -30538,10 +30540,14 @@ const SubscriptionsItems = ({
|
|
|
30538
30540
|
key: `${phase.start_date}-${phase.end_date}`,
|
|
30539
30541
|
className: "pelcro-sub-phase-row plc-w-full plc-align-middle"
|
|
30540
30542
|
}, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
30543
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30544
|
+
}), /*#__PURE__*/React__default['default'].createElement("td", {
|
|
30541
30545
|
className: "plc-truncate"
|
|
30542
30546
|
}, plan.nickname && /*#__PURE__*/React__default['default'].createElement("span", {
|
|
30543
30547
|
className: "plc-font-semibold plc-text-gray-500"
|
|
30544
30548
|
}, plan.nickname)), /*#__PURE__*/React__default['default'].createElement("td", {
|
|
30549
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30550
|
+
}), /*#__PURE__*/React__default['default'].createElement("td", {
|
|
30545
30551
|
className: "plc-py-2"
|
|
30546
30552
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
30547
30553
|
className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold plc-uppercase plc-rounded-lg ${isCurrentPhase ? "plc-text-green-700 plc-bg-green-100" : "plc-text-blue-700 plc-bg-blue-100"}
|
|
@@ -30552,7 +30558,7 @@ const SubscriptionsItems = ({
|
|
|
30552
30558
|
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
30553
30559
|
}, isCurrentPhase ? endDateString : startDateString))));
|
|
30554
30560
|
}), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", {
|
|
30555
|
-
colSpan: "
|
|
30561
|
+
colSpan: "6"
|
|
30556
30562
|
}, /*#__PURE__*/React__default['default'].createElement("hr", {
|
|
30557
30563
|
className: "plc-mt-4"
|
|
30558
30564
|
}))))));
|
|
@@ -30952,16 +30958,18 @@ const MembershipsMenu = props => {
|
|
|
30952
30958
|
}, /*#__PURE__*/React__default['default'].createElement("thead", {
|
|
30953
30959
|
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
30954
30960
|
}, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30955
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30961
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30956
30962
|
}, t("labels.product")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30957
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30963
|
+
className: "plc-w-1/3 md:plc-w-3/12"
|
|
30958
30964
|
}, t("labels.plan")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30959
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30965
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30960
30966
|
}, t("labels.price")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30961
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30967
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30962
30968
|
}, t("labels.status.title")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30963
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30964
|
-
}, t("labels.actions"))
|
|
30969
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30970
|
+
}, t("labels.actions")), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
30971
|
+
className: "plc-w-1/3 md:plc-w-1/12"
|
|
30972
|
+
}))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement(MembershipsItems, props))));
|
|
30965
30973
|
};
|
|
30966
30974
|
|
|
30967
30975
|
const MembershipsItems = props => {
|
|
@@ -33443,7 +33451,7 @@ class Dashboard extends React.Component {
|
|
|
33443
33451
|
}), this.state.activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default['default'].createElement(OrdersMenu, null), this.state.activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default['default'].createElement(InvoicesMenu, null), this.state.activeDashboardLink === SUB_MENUS.LOGOUT && this.props.logout(), /*#__PURE__*/React__default['default'].createElement(Button, {
|
|
33444
33452
|
variant: "ghost",
|
|
33445
33453
|
type: "button",
|
|
33446
|
-
className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-5 plc-right-10",
|
|
33454
|
+
className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-2 plc-right-2 md:plc-top-5 md:plc-right-10",
|
|
33447
33455
|
onClick: this.closeDashboard
|
|
33448
33456
|
}, /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
|
|
33449
33457
|
className: "plc-fill-current"
|
package/dist/index.esm.js
CHANGED
|
@@ -30116,7 +30116,7 @@ const Card = ({
|
|
|
30116
30116
|
}) => {
|
|
30117
30117
|
useTranslation("dashboard");
|
|
30118
30118
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
30119
|
-
className: `plc-bg-white plc-border-2 plc-p-6 plc-rounded plc-my-20 ${className}`,
|
|
30119
|
+
className: `plc-bg-white plc-border-2 plc-p-6 plc-rounded plc-my-11 md:plc-my-20 ${className}`,
|
|
30120
30120
|
id: "plc-dashboard-card"
|
|
30121
30121
|
}, title && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
30122
30122
|
className: "plc-flex plc-items-end plc-justify-between"
|
|
@@ -30278,16 +30278,18 @@ const SubscriptionsMenu = props => {
|
|
|
30278
30278
|
}, /*#__PURE__*/React__default.createElement("thead", {
|
|
30279
30279
|
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
30280
30280
|
}, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
|
|
30281
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30281
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30282
30282
|
}, t("labels.product")), /*#__PURE__*/React__default.createElement("th", {
|
|
30283
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30283
|
+
className: "plc-w-1/3 md:plc-w-3/12"
|
|
30284
30284
|
}, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
|
|
30285
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30285
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30286
30286
|
}, t("labels.price")), /*#__PURE__*/React__default.createElement("th", {
|
|
30287
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30287
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30288
30288
|
}, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
|
|
30289
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30290
|
-
}, t("labels.actions"))
|
|
30289
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30290
|
+
}, t("labels.actions")), /*#__PURE__*/React__default.createElement("th", {
|
|
30291
|
+
className: "plc-w-1/3 md:plc-w-1/12"
|
|
30292
|
+
}))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
|
|
30291
30293
|
className: "plc-h-4"
|
|
30292
30294
|
})), /*#__PURE__*/React__default.createElement(Accordion, null, /*#__PURE__*/React__default.createElement(SubscriptionsItems, props))), /*#__PURE__*/React__default.createElement(AddNew, {
|
|
30293
30295
|
title: t("labels.addSubscription"),
|
|
@@ -30508,10 +30510,14 @@ const SubscriptionsItems = ({
|
|
|
30508
30510
|
key: `${phase.start_date}-${phase.end_date}`,
|
|
30509
30511
|
className: "pelcro-sub-phase-row plc-w-full plc-align-middle"
|
|
30510
30512
|
}, /*#__PURE__*/React__default.createElement("td", {
|
|
30513
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30514
|
+
}), /*#__PURE__*/React__default.createElement("td", {
|
|
30511
30515
|
className: "plc-truncate"
|
|
30512
30516
|
}, plan.nickname && /*#__PURE__*/React__default.createElement("span", {
|
|
30513
30517
|
className: "plc-font-semibold plc-text-gray-500"
|
|
30514
30518
|
}, plan.nickname)), /*#__PURE__*/React__default.createElement("td", {
|
|
30519
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30520
|
+
}), /*#__PURE__*/React__default.createElement("td", {
|
|
30515
30521
|
className: "plc-py-2"
|
|
30516
30522
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
30517
30523
|
className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold plc-uppercase plc-rounded-lg ${isCurrentPhase ? "plc-text-green-700 plc-bg-green-100" : "plc-text-blue-700 plc-bg-blue-100"}
|
|
@@ -30522,7 +30528,7 @@ const SubscriptionsItems = ({
|
|
|
30522
30528
|
className: "plc-inline-block plc-mt-1 plc-underline"
|
|
30523
30529
|
}, isCurrentPhase ? endDateString : startDateString))));
|
|
30524
30530
|
}), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
|
|
30525
|
-
colSpan: "
|
|
30531
|
+
colSpan: "6"
|
|
30526
30532
|
}, /*#__PURE__*/React__default.createElement("hr", {
|
|
30527
30533
|
className: "plc-mt-4"
|
|
30528
30534
|
}))))));
|
|
@@ -30922,16 +30928,18 @@ const MembershipsMenu = props => {
|
|
|
30922
30928
|
}, /*#__PURE__*/React__default.createElement("thead", {
|
|
30923
30929
|
className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
|
|
30924
30930
|
}, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
|
|
30925
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30931
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30926
30932
|
}, t("labels.product")), /*#__PURE__*/React__default.createElement("th", {
|
|
30927
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30933
|
+
className: "plc-w-1/3 md:plc-w-3/12"
|
|
30928
30934
|
}, t("labels.plan")), /*#__PURE__*/React__default.createElement("th", {
|
|
30929
|
-
className: "plc-hidden md:plc-table-cell plc-w-
|
|
30935
|
+
className: "plc-hidden md:plc-table-cell plc-w-2/12"
|
|
30930
30936
|
}, t("labels.price")), /*#__PURE__*/React__default.createElement("th", {
|
|
30931
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30937
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30932
30938
|
}, t("labels.status.title")), /*#__PURE__*/React__default.createElement("th", {
|
|
30933
|
-
className: "plc-w-1/3 md:plc-w-
|
|
30934
|
-
}, t("labels.actions"))
|
|
30939
|
+
className: "plc-w-1/3 md:plc-w-2/12"
|
|
30940
|
+
}, t("labels.actions")), /*#__PURE__*/React__default.createElement("th", {
|
|
30941
|
+
className: "plc-w-1/3 md:plc-w-1/12"
|
|
30942
|
+
}))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement(MembershipsItems, props))));
|
|
30935
30943
|
};
|
|
30936
30944
|
|
|
30937
30945
|
const MembershipsItems = props => {
|
|
@@ -33413,7 +33421,7 @@ class Dashboard extends Component {
|
|
|
33413
33421
|
}), this.state.activeDashboardLink === SUB_MENUS.ORDERS && /*#__PURE__*/React__default.createElement(OrdersMenu, null), this.state.activeDashboardLink === SUB_MENUS.INVOICES && /*#__PURE__*/React__default.createElement(InvoicesMenu, null), this.state.activeDashboardLink === SUB_MENUS.LOGOUT && this.props.logout(), /*#__PURE__*/React__default.createElement(Button, {
|
|
33414
33422
|
variant: "ghost",
|
|
33415
33423
|
type: "button",
|
|
33416
|
-
className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-5 plc-right-10",
|
|
33424
|
+
className: "plc-text-gray-500 plc-rounded-2xl plc-absolute plc-z-max plc-top-2 plc-right-2 md:plc-top-5 md:plc-right-10",
|
|
33417
33425
|
onClick: this.closeDashboard
|
|
33418
33426
|
}, /*#__PURE__*/React__default.createElement(SvgXIcon, {
|
|
33419
33427
|
className: "plc-fill-current"
|
package/dist/pelcro.css
CHANGED
|
@@ -1967,8 +1967,8 @@ in order to scope selectors under pelcro-root
|
|
|
1967
1967
|
top: 0.25rem;
|
|
1968
1968
|
}
|
|
1969
1969
|
|
|
1970
|
-
.pelcro-root .plc-top-
|
|
1971
|
-
top:
|
|
1970
|
+
.pelcro-root .plc-top-2 {
|
|
1971
|
+
top: 0.5rem;
|
|
1972
1972
|
}
|
|
1973
1973
|
|
|
1974
1974
|
.pelcro-root .plc-top-7 {
|
|
@@ -1999,10 +1999,6 @@ in order to scope selectors under pelcro-root
|
|
|
1999
1999
|
right: 0.5rem;
|
|
2000
2000
|
}
|
|
2001
2001
|
|
|
2002
|
-
.pelcro-root .plc-right-10 {
|
|
2003
|
-
right: 2.5rem;
|
|
2004
|
-
}
|
|
2005
|
-
|
|
2006
2002
|
.pelcro-root .plc--right-16 {
|
|
2007
2003
|
right: -4rem;
|
|
2008
2004
|
}
|
|
@@ -2085,9 +2081,9 @@ in order to scope selectors under pelcro-root
|
|
|
2085
2081
|
margin-bottom: 1.25rem;
|
|
2086
2082
|
}
|
|
2087
2083
|
|
|
2088
|
-
.pelcro-root .plc-my-
|
|
2089
|
-
margin-top:
|
|
2090
|
-
margin-bottom:
|
|
2084
|
+
.pelcro-root .plc-my-11 {
|
|
2085
|
+
margin-top: 2.75rem;
|
|
2086
|
+
margin-bottom: 2.75rem;
|
|
2091
2087
|
}
|
|
2092
2088
|
|
|
2093
2089
|
.pelcro-root .plc-mt-1 {
|
|
@@ -3617,6 +3613,19 @@ in order to scope selectors under pelcro-root
|
|
|
3617
3613
|
}
|
|
3618
3614
|
|
|
3619
3615
|
@media (min-width: 768px) {
|
|
3616
|
+
.pelcro-root .md\:plc-top-5 {
|
|
3617
|
+
top: 1.25rem;
|
|
3618
|
+
}
|
|
3619
|
+
|
|
3620
|
+
.pelcro-root .md\:plc-right-10 {
|
|
3621
|
+
right: 2.5rem;
|
|
3622
|
+
}
|
|
3623
|
+
|
|
3624
|
+
.pelcro-root .md\:plc-my-20 {
|
|
3625
|
+
margin-top: 5rem;
|
|
3626
|
+
margin-bottom: 5rem;
|
|
3627
|
+
}
|
|
3628
|
+
|
|
3620
3629
|
.pelcro-root .md\:plc-table-cell {
|
|
3621
3630
|
display: table-cell;
|
|
3622
3631
|
}
|
|
@@ -3629,6 +3638,18 @@ in order to scope selectors under pelcro-root
|
|
|
3629
3638
|
width: 20%;
|
|
3630
3639
|
}
|
|
3631
3640
|
|
|
3641
|
+
.pelcro-root .md\:plc-w-1\/12 {
|
|
3642
|
+
width: 8.333333%;
|
|
3643
|
+
}
|
|
3644
|
+
|
|
3645
|
+
.pelcro-root .md\:plc-w-2\/12 {
|
|
3646
|
+
width: 16.666667%;
|
|
3647
|
+
}
|
|
3648
|
+
|
|
3649
|
+
.pelcro-root .md\:plc-w-3\/12 {
|
|
3650
|
+
width: 25%;
|
|
3651
|
+
}
|
|
3652
|
+
|
|
3632
3653
|
.pelcro-root .md\:plc-max-w-70\% {
|
|
3633
3654
|
max-width: 70%;
|
|
3634
3655
|
}
|