phx-react 1.3.1716 → 1.3.1717
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/cjs/components/CardDetail/CardDetail.d.ts +6 -0
- package/dist/cjs/components/CardDetail/CardDetail.js +7 -1
- package/dist/cjs/components/CardDetail/CardDetail.js.map +1 -1
- package/dist/esm/components/CardDetail/CardDetail.d.ts +6 -0
- package/dist/esm/components/CardDetail/CardDetail.js +7 -1
- package/dist/esm/components/CardDetail/CardDetail.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,13 @@ const PHXCardDetail = ({ className = '', data = [], itemBottom, tabs, titleHeade
|
|
|
9
9
|
const layoutClass = className || `grid grid-cols-2 gap-4 md:grid-cols-${gridColspan} lg:grid-cols-${gridColspan}`;
|
|
10
10
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
11
11
|
react_1.default.createElement("div", { className: `border-gray-20 rounded-lg border shadow-[0rem_0.0825rem_0rem_#00000012] bg-white` },
|
|
12
|
-
titleHeader && react_1.default.createElement("
|
|
12
|
+
titleHeader && (react_1.default.createElement("div", { className: 'flex items-start justify-between gap-3 px-4 pt-4' },
|
|
13
|
+
react_1.default.createElement("p", { className: 'min-w-0 text-sm font-semibold text-gray-900' }, titleHeader.content),
|
|
14
|
+
titleHeader.hyperLink && (react_1.default.createElement("a", { className: 'shrink-0 flex items-center gap-1 text-xs font-medium text-link-500 hover:opacity-90', href: titleHeader.hyperLink.href, rel: titleHeader.hyperLink.rel, target: titleHeader.hyperLink.target },
|
|
15
|
+
titleHeader.hyperLink.content,
|
|
16
|
+
react_1.default.createElement("svg", { "aria-hidden": 'true', className: 'h-[14px] w-[14px] shrink-0', fill: 'none', viewBox: '0 0 13 13', xmlns: 'http://www.w3.org/2000/svg' },
|
|
17
|
+
react_1.default.createElement("path", { d: 'M8.1998 2.80005C7.86843 2.80005 7.5998 3.06868 7.5998 3.40005C7.5998 3.73142 7.86843 4.00005 8.1998 4.00005H9.15128L6.97554 6.17578C6.74123 6.4101 6.74123 6.79 6.97554 7.02431C7.20985 7.25863 7.58975 7.25863 7.82407 7.02431L9.9998 4.84858V5.80005C9.9998 6.13142 10.2684 6.40005 10.5998 6.40005C10.9312 6.40005 11.1998 6.13142 11.1998 5.80005V3.40005C11.1998 3.06868 10.9312 2.80005 10.5998 2.80005H8.1998Z', fill: '#625AFA' }),
|
|
18
|
+
react_1.default.createElement("path", { d: 'M10.7998 8.20005C10.7998 7.86868 10.5312 7.60005 10.1998 7.60005C9.86843 7.60005 9.5998 7.86868 9.5998 8.20005V9.00005C9.5998 9.55233 9.15209 10 8.5998 10H4.9998C4.44752 10 3.99981 9.55233 3.99981 9.00005L3.99981 5.40005C3.99981 4.84776 4.44752 4.40005 4.9998 4.40005H5.7998C6.13118 4.40005 6.3998 4.13142 6.3998 3.80005C6.3998 3.46868 6.13118 3.20005 5.7998 3.20005L4.9998 3.20005C3.78478 3.20005 2.7998 4.18502 2.7998 5.40005V9.00005C2.7998 10.2151 3.78478 11.2 4.9998 11.2H8.5998C9.81483 11.2 10.7998 10.2151 10.7998 9.00005V8.20005Z', fill: '#625AFA' })))))),
|
|
13
19
|
tabs ? (react_1.default.createElement("div", { className: 'px-4' },
|
|
14
20
|
react_1.default.createElement(Tabs_1.PHXTabs, { className: 'mt-3', dataTabs: tabs, type: 'default' }))) : (react_1.default.createElement("div", { className: `${layoutClass} flex flex-wrap gap-2 px-4 pb-4 pt-3 md:gap-4` }, data.map((item) => (react_1.default.createElement("div", { key: item.title },
|
|
15
21
|
react_1.default.createElement("p", { className: 'text-xs font-normal text-gray-700' }, item.title),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardDetail.js","sourceRoot":"","sources":["../../../../src/components/CardDetail/CardDetail.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwC;AACxC,sCAAsC;AACtC,kCAAiC;
|
|
1
|
+
{"version":3,"file":"CardDetail.js","sourceRoot":"","sources":["../../../../src/components/CardDetail/CardDetail.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwC;AACxC,sCAAsC;AACtC,kCAAiC;AA6B1B,MAAM,aAAa,GAAmC,CAAC,EAC5D,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,UAAU,EACV,IAAI,EACJ,WAAW,EACX,WAAW,GAAG,CAAC,EACf,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,SAAS,IAAI,uCAAuC,WAAW,iBAAiB,WAAW,EAAE,CAAA;IAEjH,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,kFAAkF;YAC/F,WAAW,IAAI,CACd,uCAAK,SAAS,EAAC,kDAAkD;gBAC/D,qCAAG,SAAS,EAAC,6CAA6C,IAAE,WAAW,CAAC,OAAO,CAAK;gBACnF,WAAW,CAAC,SAAS,IAAI,CACxB,qCACE,SAAS,EAAC,qFAAqF,EAC/F,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,EAChC,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,EAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM;oBAEnC,WAAW,CAAC,SAAS,CAAC,OAAO;oBAC9B,sDACc,MAAM,EAClB,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,wCACE,CAAC,EAAC,uZAAuZ,EACzZ,IAAI,EAAC,SAAS,GACd;wBACF,wCACE,CAAC,EAAC,0hBAA0hB,EAC5hB,IAAI,EAAC,SAAS,GACd,CACE,CACJ,CACL,CACG,CACP;YACA,IAAI,CAAC,CAAC,CAAC,CACN,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,cAAO,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,GAAG,WAAW,+CAA+C,IAC1E,IAAI,CAAC,GAAG,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,CACjC,uCAAK,GAAG,EAAE,IAAI,CAAC,KAAK;gBAClB,qCAAG,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAC,KAAK,CAAK;gBACjE,uCAAK,SAAS,EAAC,gEAAgE,IAAE,IAAI,CAAC,OAAO,CAAO;gBACnG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,KAAI,uCAAK,SAAS,EAAC,MAAM,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAO,CAC/D,CACP,CAAC,CACE,CACP;YACA,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,WAAW;gBACxB,uCAAK,SAAS,EAAC,UAAU;oBACvB;wBACE,qCAAG,SAAS,EAAC,wCAAwC,IAAE,UAAU,CAAC,KAAK,CAAK;wBAC5E,qCAAG,SAAS,EAAC,gEAAgE,IAAE,UAAU,CAAC,OAAO,CAAK,CAClG,CACF,CACF,CACP;YACA,QAAQ,IAAI,uCAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CACpD,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AA1EY,QAAA,aAAa,iBA0EzB;AAED,kBAAe,qBAAa,CAAA"}
|
|
@@ -5,7 +5,13 @@ export const PHXCardDetail = ({ className = '', data = [], itemBottom, tabs, tit
|
|
|
5
5
|
const layoutClass = className || `grid grid-cols-2 gap-4 md:grid-cols-${gridColspan} lg:grid-cols-${gridColspan}`;
|
|
6
6
|
return (React.createElement(React.Fragment, null,
|
|
7
7
|
React.createElement("div", { className: `border-gray-20 rounded-lg border shadow-[0rem_0.0825rem_0rem_#00000012] bg-white` },
|
|
8
|
-
titleHeader && React.createElement("
|
|
8
|
+
titleHeader && (React.createElement("div", { className: 'flex items-start justify-between gap-3 px-4 pt-4' },
|
|
9
|
+
React.createElement("p", { className: 'min-w-0 text-sm font-semibold text-gray-900' }, titleHeader.content),
|
|
10
|
+
titleHeader.hyperLink && (React.createElement("a", { className: 'shrink-0 flex items-center gap-1 text-xs font-medium text-link-500 hover:opacity-90', href: titleHeader.hyperLink.href, rel: titleHeader.hyperLink.rel, target: titleHeader.hyperLink.target },
|
|
11
|
+
titleHeader.hyperLink.content,
|
|
12
|
+
React.createElement("svg", { "aria-hidden": 'true', className: 'h-[14px] w-[14px] shrink-0', fill: 'none', viewBox: '0 0 13 13', xmlns: 'http://www.w3.org/2000/svg' },
|
|
13
|
+
React.createElement("path", { d: 'M8.1998 2.80005C7.86843 2.80005 7.5998 3.06868 7.5998 3.40005C7.5998 3.73142 7.86843 4.00005 8.1998 4.00005H9.15128L6.97554 6.17578C6.74123 6.4101 6.74123 6.79 6.97554 7.02431C7.20985 7.25863 7.58975 7.25863 7.82407 7.02431L9.9998 4.84858V5.80005C9.9998 6.13142 10.2684 6.40005 10.5998 6.40005C10.9312 6.40005 11.1998 6.13142 11.1998 5.80005V3.40005C11.1998 3.06868 10.9312 2.80005 10.5998 2.80005H8.1998Z', fill: '#625AFA' }),
|
|
14
|
+
React.createElement("path", { d: 'M10.7998 8.20005C10.7998 7.86868 10.5312 7.60005 10.1998 7.60005C9.86843 7.60005 9.5998 7.86868 9.5998 8.20005V9.00005C9.5998 9.55233 9.15209 10 8.5998 10H4.9998C4.44752 10 3.99981 9.55233 3.99981 9.00005L3.99981 5.40005C3.99981 4.84776 4.44752 4.40005 4.9998 4.40005H5.7998C6.13118 4.40005 6.3998 4.13142 6.3998 3.80005C6.3998 3.46868 6.13118 3.20005 5.7998 3.20005L4.9998 3.20005C3.78478 3.20005 2.7998 4.18502 2.7998 5.40005V9.00005C2.7998 10.2151 3.78478 11.2 4.9998 11.2H8.5998C9.81483 11.2 10.7998 10.2151 10.7998 9.00005V8.20005Z', fill: '#625AFA' })))))),
|
|
9
15
|
tabs ? (React.createElement("div", { className: 'px-4' },
|
|
10
16
|
React.createElement(PHXTabs, { className: 'mt-3', dataTabs: tabs, type: 'default' }))) : (React.createElement("div", { className: `${layoutClass} flex flex-wrap gap-2 px-4 pb-4 pt-3 md:gap-4` }, data.map((item) => (React.createElement("div", { key: item.title },
|
|
11
17
|
React.createElement("p", { className: 'text-xs font-normal text-gray-700' }, item.title),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardDetail.js","sourceRoot":"","sources":["../../../../src/components/CardDetail/CardDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"CardDetail.js","sourceRoot":"","sources":["../../../../src/components/CardDetail/CardDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AA6BjC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,UAAU,EACV,IAAI,EACJ,WAAW,EACX,WAAW,GAAG,CAAC,EACf,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,SAAS,IAAI,uCAAuC,WAAW,iBAAiB,WAAW,EAAE,CAAA;IAEjH,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,kFAAkF;YAC/F,WAAW,IAAI,CACd,6BAAK,SAAS,EAAC,kDAAkD;gBAC/D,2BAAG,SAAS,EAAC,6CAA6C,IAAE,WAAW,CAAC,OAAO,CAAK;gBACnF,WAAW,CAAC,SAAS,IAAI,CACxB,2BACE,SAAS,EAAC,qFAAqF,EAC/F,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,EAChC,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,EAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM;oBAEnC,WAAW,CAAC,SAAS,CAAC,OAAO;oBAC9B,4CACc,MAAM,EAClB,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,8BACE,CAAC,EAAC,uZAAuZ,EACzZ,IAAI,EAAC,SAAS,GACd;wBACF,8BACE,CAAC,EAAC,0hBAA0hB,EAC5hB,IAAI,EAAC,SAAS,GACd,CACE,CACJ,CACL,CACG,CACP;YACA,IAAI,CAAC,CAAC,CAAC,CACN,6BAAK,SAAS,EAAC,MAAM;gBACnB,oBAAC,OAAO,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,GAAG,WAAW,+CAA+C,IAC1E,IAAI,CAAC,GAAG,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,CACjC,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK;gBAClB,2BAAG,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAC,KAAK,CAAK;gBACjE,6BAAK,SAAS,EAAC,gEAAgE,IAAE,IAAI,CAAC,OAAO,CAAO;gBACnG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,KAAI,6BAAK,SAAS,EAAC,MAAM,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAO,CAC/D,CACP,CAAC,CACE,CACP;YACA,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,WAAW;gBACxB,6BAAK,SAAS,EAAC,UAAU;oBACvB;wBACE,2BAAG,SAAS,EAAC,wCAAwC,IAAE,UAAU,CAAC,KAAK,CAAK;wBAC5E,2BAAG,SAAS,EAAC,gEAAgE,IAAE,UAAU,CAAC,OAAO,CAAK,CAClG,CACF,CACF,CACP;YACA,QAAQ,IAAI,6BAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CACpD,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|