phx-react 1.3.1685 → 1.3.1686
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/DescriptionListInTooltip/DescriptionListInTooltip.d.ts +1 -0
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js +5 -3
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.d.ts +1 -0
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js +5 -3
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,8 +8,10 @@ const ToolTip_1 = tslib_1.__importDefault(require("../ToolTip/ToolTip"));
|
|
|
8
8
|
function PHXDescriptionListInTooltip({ items, trigger, type = 'default', tooltipClassName, singleColumn = false, }) {
|
|
9
9
|
return (react_1.default.createElement(ToolTip_1.default, { content: react_1.default.createElement("div", { className: (0, types_1.classNames)('min-w-[200px] whitespace-normal bg-white px-2 py-2', type === 'border' && 'rounded-lg border border-gray-200 shadow-sm', tooltipClassName) }, singleColumn ? (react_1.default.createElement("div", { className: 'flex flex-col gap-y-3' }, items.map((item, index) => (react_1.default.createElement("div", { key: index, className: (0, types_1.classNames)('flex flex-col gap-y-1', item.className) },
|
|
10
10
|
item.title && (react_1.default.createElement("dt", { className: (0, types_1.classNames)('text-[13px] leading-5 text-gray-600', item.titleClassName) }, item.title)),
|
|
11
|
-
item.description && (react_1.default.createElement("dd", { className: (0, types_1.classNames)('whitespace-normal break-words text-[13px] font-medium leading-5 text-gray-800', item.descriptionClassName) }, item.description))))))) : (react_1.default.createElement("div", { className: 'grid grid-cols-[max-content_1fr] gap-x-4 gap-y-1' }, items.map((item, index) => (react_1.default.createElement(
|
|
12
|
-
react_1.default.createElement("
|
|
13
|
-
|
|
11
|
+
item.description && (react_1.default.createElement("dd", { className: (0, types_1.classNames)('whitespace-normal break-words text-[13px] font-medium leading-5 text-gray-800', item.descriptionClassName) }, item.description))))))) : (react_1.default.createElement("div", { className: 'grid grid-cols-[max-content_1fr] gap-x-4 gap-y-1' }, items.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
12
|
+
react_1.default.createElement("div", { key: index, className: (0, types_1.classNames)('contents', item.className) },
|
|
13
|
+
react_1.default.createElement("dt", { className: (0, types_1.classNames)('whitespace-nowrap text-[13px] leading-5 text-gray-600', item.titleClassName) }, item.title),
|
|
14
|
+
react_1.default.createElement("dd", { className: (0, types_1.classNames)('whitespace-normal break-words text-[13px] font-medium leading-5 text-gray-800', item.descriptionClassName) }, item.description || '')),
|
|
15
|
+
(item === null || item === void 0 ? void 0 : item.isShowDivider) && react_1.default.createElement("div", { className: 'col-span-2 my-1 border-b border-gray-200' }))))))), contentClassName: 'max-w-[24rem]' }, trigger));
|
|
14
16
|
}
|
|
15
17
|
//# sourceMappingURL=DescriptionListInTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":";;AAsBA,kEAyEC;;AA/FD,0DAAwC;AACxC,oCAAqC;AACrC,yEAA2C;AAoB3C,SAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,gBAAgB,EAChB,YAAY,GAAG,KAAK,GACa;IACjC,OAAO,CACL,8BAAC,iBAAU,IACT,OAAO,EACL,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oDAAoD,EACpD,IAAI,KAAK,QAAQ,IAAI,6CAA6C,EAClE,gBAAgB,CACjB,IAEA,YAAY,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAC,uBAAuB,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,kBAAU,EAAC,uBAAuB,EAAE,IAAI,CAAC,SAAS,CAAC;YAC5E,IAAI,CAAC,KAAK,IAAI,CACb,sCAAI,SAAS,EAAE,IAAA,kBAAU,EAAC,qCAAqC,EAAE,IAAI,CAAC,cAAc,CAAC,IAClF,IAAI,CAAC,KAAK,CACR,CACN;YACA,IAAI,CAAC,WAAW,IAAI,CACnB,sCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,+EAA+E,EAC/E,IAAI,CAAC,oBAAoB,CAC1B,IAEA,IAAI,CAAC,WAAW,CACd,CACN,CACG,CACP,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,kDAAkD,IAC9D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B;YACE,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,kBAAU,EAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC;gBAChE,sCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,uDAAuD,EACvD,IAAI,CAAC,cAAc,CACpB,IAEA,IAAI,CAAC,KAAK,CACR;gBACL,sCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,+EAA+E,EAC/E,IAAI,CAAC,oBAAoB,CAC1B,IAEA,IAAI,CAAC,WAAW,IAAI,EAAE,CACpB,CACD;YACL,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,KAAI,uCAAK,SAAS,EAAC,0CAA0C,GAAG,CACnF,CACJ,CAAC,CACE,CACP,CACG,EAER,gBAAgB,EAAC,eAAe,IAE/B,OAAO,CACG,CACd,CAAA;AACH,CAAC"}
|
|
@@ -4,8 +4,10 @@ import PHXTooltip from '../ToolTip/ToolTip';
|
|
|
4
4
|
export function PHXDescriptionListInTooltip({ items, trigger, type = 'default', tooltipClassName, singleColumn = false, }) {
|
|
5
5
|
return (React.createElement(PHXTooltip, { content: React.createElement("div", { className: classNames('min-w-[200px] whitespace-normal bg-white px-2 py-2', type === 'border' && 'rounded-lg border border-gray-200 shadow-sm', tooltipClassName) }, singleColumn ? (React.createElement("div", { className: 'flex flex-col gap-y-3' }, items.map((item, index) => (React.createElement("div", { key: index, className: classNames('flex flex-col gap-y-1', item.className) },
|
|
6
6
|
item.title && (React.createElement("dt", { className: classNames('text-[13px] leading-5 text-gray-600', item.titleClassName) }, item.title)),
|
|
7
|
-
item.description && (React.createElement("dd", { className: classNames('whitespace-normal break-words text-[13px] font-medium leading-5 text-gray-800', item.descriptionClassName) }, item.description))))))) : (React.createElement("div", { className: 'grid grid-cols-[max-content_1fr] gap-x-4 gap-y-1' }, items.map((item, index) => (React.createElement(
|
|
8
|
-
React.createElement("
|
|
9
|
-
|
|
7
|
+
item.description && (React.createElement("dd", { className: classNames('whitespace-normal break-words text-[13px] font-medium leading-5 text-gray-800', item.descriptionClassName) }, item.description))))))) : (React.createElement("div", { className: 'grid grid-cols-[max-content_1fr] gap-x-4 gap-y-1' }, items.map((item, index) => (React.createElement(React.Fragment, null,
|
|
8
|
+
React.createElement("div", { key: index, className: classNames('contents', item.className) },
|
|
9
|
+
React.createElement("dt", { className: classNames('whitespace-nowrap text-[13px] leading-5 text-gray-600', item.titleClassName) }, item.title),
|
|
10
|
+
React.createElement("dd", { className: classNames('whitespace-normal break-words text-[13px] font-medium leading-5 text-gray-800', item.descriptionClassName) }, item.description || '')),
|
|
11
|
+
(item === null || item === void 0 ? void 0 : item.isShowDivider) && React.createElement("div", { className: 'col-span-2 my-1 border-b border-gray-200' }))))))), contentClassName: 'max-w-[24rem]' }, trigger));
|
|
10
12
|
}
|
|
11
13
|
//# sourceMappingURL=DescriptionListInTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,UAAU,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAoB3C,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,gBAAgB,EAChB,YAAY,GAAG,KAAK,GACa;IACjC,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EACL,6BACE,SAAS,EAAE,UAAU,CACnB,oDAAoD,EACpD,IAAI,KAAK,QAAQ,IAAI,6CAA6C,EAClE,gBAAgB,CACjB,IAEA,YAAY,CAAC,CAAC,CAAC,CACd,6BAAK,SAAS,EAAC,uBAAuB,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,SAAS,CAAC;YAC5E,IAAI,CAAC,KAAK,IAAI,CACb,4BAAI,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,IAAI,CAAC,cAAc,CAAC,IAClF,IAAI,CAAC,KAAK,CACR,CACN;YACA,IAAI,CAAC,WAAW,IAAI,CACnB,4BACE,SAAS,EAAE,UAAU,CACnB,+EAA+E,EAC/E,IAAI,CAAC,oBAAoB,CAC1B,IAEA,IAAI,CAAC,WAAW,CACd,CACN,CACG,CACP,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,kDAAkD,IAC9D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B;YACE,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC;gBAChE,4BACE,SAAS,EAAE,UAAU,CACnB,uDAAuD,EACvD,IAAI,CAAC,cAAc,CACpB,IAEA,IAAI,CAAC,KAAK,CACR;gBACL,4BACE,SAAS,EAAE,UAAU,CACnB,+EAA+E,EAC/E,IAAI,CAAC,oBAAoB,CAC1B,IAEA,IAAI,CAAC,WAAW,IAAI,EAAE,CACpB,CACD;YACL,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,KAAI,6BAAK,SAAS,EAAC,0CAA0C,GAAG,CACnF,CACJ,CAAC,CACE,CACP,CACG,EAER,gBAAgB,EAAC,eAAe,IAE/B,OAAO,CACG,CACd,CAAA;AACH,CAAC"}
|