phx-react 1.3.1435 → 1.3.1436
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.js +4 -4
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js +4 -4
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,14 +7,14 @@ var types_1 = require("../types");
|
|
|
7
7
|
var ToolTip_1 = tslib_1.__importDefault(require("../ToolTip/ToolTip"));
|
|
8
8
|
function PHXDescriptionListInTooltip(_a) {
|
|
9
9
|
var items = _a.items, trigger = _a.trigger, _b = _a.type, type = _b === void 0 ? 'default' : _b, tooltipClassName = _a.tooltipClassName;
|
|
10
|
-
return (react_1.default.createElement(ToolTip_1.default, { contentClassName: 'max-w-[24rem]', content: react_1.default.createElement("div", { className: (0, types_1.classNames)('min-w-[260px] bg-white whitespace-normal', type === 'border' && 'rounded-lg border border-gray-200 shadow-sm', tooltipClassName) }, items.map(function (item, index) {
|
|
10
|
+
return (react_1.default.createElement(ToolTip_1.default, { contentClassName: 'max-w-[24rem]', content: react_1.default.createElement("div", { className: (0, types_1.classNames)('min-w-[260px] bg-white whitespace-normal px-2', type === 'border' && 'rounded-lg border border-gray-200 shadow-sm', tooltipClassName) }, items.map(function (item, index) {
|
|
11
11
|
var isHeader = !item.description;
|
|
12
|
-
return (react_1.default.createElement("div", { key: index, className: (0, types_1.classNames)(isHeader ? '
|
|
12
|
+
return (react_1.default.createElement("div", { key: index, className: (0, types_1.classNames)(isHeader ? 'pt-1 pb-1' : 'grid grid-cols-[minmax(100px,140px)_1fr] gap-2 pb-1') },
|
|
13
13
|
isHeader && react_1.default.createElement("div", { className: 'text-[13px] font-medium text-gray-800' }, item.title),
|
|
14
|
-
!isHeader && react_1.default.createElement("dt", { className: 'text-[13px] text-gray-600 whitespace-nowrap' },
|
|
14
|
+
!isHeader && react_1.default.createElement("dt", { className: 'text-[13px] pt-2 text-gray-600 whitespace-nowrap' },
|
|
15
15
|
item.title,
|
|
16
16
|
":"),
|
|
17
|
-
!isHeader && (react_1.default.createElement("dd", { className: 'text-[13px] font-medium text-gray-800 whitespace-normal break-words' }, item.description))));
|
|
17
|
+
!isHeader && (react_1.default.createElement("dd", { className: 'text-[13px] pt-2 font-medium text-gray-800 whitespace-normal break-words' }, item.description))));
|
|
18
18
|
})) }, trigger));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=DescriptionListInTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":";;AAiBA,
|
|
1
|
+
{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":";;AAiBA,kEAyCC;;AA1DD,wDAAwC;AACxC,kCAAqC;AACrC,uEAA2C;AAe3C,SAAgB,2BAA2B,CAAC,EAKT;QAJjC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,8BAAC,iBAAU,IACT,gBAAgB,EAAC,eAAe,EAChC,OAAO,EACL,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,+CAA+C,EAC/C,IAAI,KAAK,QAAQ,IAAI,6CAA6C,EAClE,gBAAgB,CACjB,IAEA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YACrB,IAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;YAElC,OAAO,CACL,uCACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qDAAqD,CAAC;gBAEpG,QAAQ,IAAI,uCAAK,SAAS,EAAC,uCAAuC,IAAE,IAAI,CAAC,KAAK,CAAO;gBACrF,CAAC,QAAQ,IAAI,sCAAI,SAAS,EAAC,kDAAkD;oBAAE,IAAI,CAAC,KAAK;wBAAO;gBAChG,CAAC,QAAQ,IAAI,CACZ,sCAAI,SAAS,EAAC,0EAA0E,IACrF,IAAI,CAAC,WAAW,CACd,CACN,CACG,CACP,CAAA;QACH,CAAC,CAAC,CACE,IAGP,OAAO,CACG,CACd,CAAA;AACH,CAAC"}
|
|
@@ -3,14 +3,14 @@ import { classNames } from '../types';
|
|
|
3
3
|
import PHXTooltip from '../ToolTip/ToolTip';
|
|
4
4
|
export function PHXDescriptionListInTooltip(_a) {
|
|
5
5
|
var items = _a.items, trigger = _a.trigger, _b = _a.type, type = _b === void 0 ? 'default' : _b, tooltipClassName = _a.tooltipClassName;
|
|
6
|
-
return (React.createElement(PHXTooltip, { contentClassName: 'max-w-[24rem]', content: React.createElement("div", { className: classNames('min-w-[260px] bg-white whitespace-normal', type === 'border' && 'rounded-lg border border-gray-200 shadow-sm', tooltipClassName) }, items.map(function (item, index) {
|
|
6
|
+
return (React.createElement(PHXTooltip, { contentClassName: 'max-w-[24rem]', content: React.createElement("div", { className: classNames('min-w-[260px] bg-white whitespace-normal px-2', type === 'border' && 'rounded-lg border border-gray-200 shadow-sm', tooltipClassName) }, items.map(function (item, index) {
|
|
7
7
|
var isHeader = !item.description;
|
|
8
|
-
return (React.createElement("div", { key: index, className: classNames(isHeader ? '
|
|
8
|
+
return (React.createElement("div", { key: index, className: classNames(isHeader ? 'pt-1 pb-1' : 'grid grid-cols-[minmax(100px,140px)_1fr] gap-2 pb-1') },
|
|
9
9
|
isHeader && React.createElement("div", { className: 'text-[13px] font-medium text-gray-800' }, item.title),
|
|
10
|
-
!isHeader && React.createElement("dt", { className: 'text-[13px] text-gray-600 whitespace-nowrap' },
|
|
10
|
+
!isHeader && React.createElement("dt", { className: 'text-[13px] pt-2 text-gray-600 whitespace-nowrap' },
|
|
11
11
|
item.title,
|
|
12
12
|
":"),
|
|
13
|
-
!isHeader && (React.createElement("dd", { className: 'text-[13px] font-medium text-gray-800 whitespace-normal break-words' }, item.description))));
|
|
13
|
+
!isHeader && (React.createElement("dd", { className: 'text-[13px] pt-2 font-medium text-gray-800 whitespace-normal break-words' }, item.description))));
|
|
14
14
|
})) }, trigger));
|
|
15
15
|
}
|
|
16
16
|
//# 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;AAe3C,MAAM,UAAU,2BAA2B,CAAC,EAKT;QAJjC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,oBAAC,UAAU,IACT,gBAAgB,EAAC,eAAe,EAChC,OAAO,EACL,6BACE,SAAS,EAAE,UAAU,CACnB,
|
|
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;AAe3C,MAAM,UAAU,2BAA2B,CAAC,EAKT;QAJjC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,oBAAC,UAAU,IACT,gBAAgB,EAAC,eAAe,EAChC,OAAO,EACL,6BACE,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,IAAI,KAAK,QAAQ,IAAI,6CAA6C,EAClE,gBAAgB,CACjB,IAEA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YACrB,IAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,WAAW,CAAA;YAElC,OAAO,CACL,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,qDAAqD,CAAC;gBAEpG,QAAQ,IAAI,6BAAK,SAAS,EAAC,uCAAuC,IAAE,IAAI,CAAC,KAAK,CAAO;gBACrF,CAAC,QAAQ,IAAI,4BAAI,SAAS,EAAC,kDAAkD;oBAAE,IAAI,CAAC,KAAK;wBAAO;gBAChG,CAAC,QAAQ,IAAI,CACZ,4BAAI,SAAS,EAAC,0EAA0E,IACrF,IAAI,CAAC,WAAW,CACd,CACN,CACG,CACP,CAAA;QACH,CAAC,CAAC,CACE,IAGP,OAAO,CACG,CACd,CAAA;AACH,CAAC"}
|