phx-react 1.3.1429 → 1.3.1430

package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 export interface PHXDescriptionListItem {
-    title: ReactNode;
-    description: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
 }
 export interface PHXDescriptionListInTooltipProps {
     items: PHXDescriptionListItem[];
@@ -10,4 +10,4 @@ export interface PHXDescriptionListInTooltipProps {
     size?: 'default' | 'small';
     tooltipClassName?: string;
 }
-export declare function PHXDescriptionListInTooltip({ items, trigger, type, size, tooltipClassName, }: PHXDescriptionListInTooltipProps): React.JSX.Element;
+export declare function PHXDescriptionListInTooltip({ items, trigger, type, tooltipClassName, }: PHXDescriptionListInTooltipProps): React.JSX.Element;

package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js

@@ -6,12 +6,15 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var types_1 = require("../types");
 var ToolTip_1 = tslib_1.__importDefault(require("../ToolTip/ToolTip"));
 function PHXDescriptionListInTooltip(_a) {
-    var items = _a.items, trigger = _a.trigger, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.size, size = _c === void 0 ? 'default' : _c, tooltipClassName = _a.tooltipClassName;
-    return (react_1.default.createElement(ToolTip_1.default, { content: react_1.default.createElement("div", { className: (0, types_1.classNames)('min-w-[220px] bg-white', type === 'border' && 'rounded-lg border border-gray-200', tooltipClassName) }, items.map(function (item, index) {
+    var items = _a.items, trigger = _a.trigger, _b = _a.type, type = _b === void 0 ? 'default' : _b, tooltipClassName = _a.tooltipClassName;
+    return (react_1.default.createElement(ToolTip_1.default, { contentClassName: 'max-w-[124rem]', 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) {
             var isHeader = !item.description;
-            return (react_1.default.createElement("div", { key: index, className: (0, types_1.classNames)('grid gap-3', isHeader ? 'grid-cols-1' : 'grid-cols-3', size === 'small' ? 'px-3 py-2' : 'px-4 py-3') },
-                react_1.default.createElement("dt", { className: (0, types_1.classNames)('text-xs  text-gray-600', isHeader && 'col-span-1') }, item.title),
-                !isHeader && react_1.default.createElement("dd", { className: 'col-span-2 font-medium text-xs text-gray-800' }, item.description)));
+            return (react_1.default.createElement("div", { key: index, className: (0, types_1.classNames)(isHeader ? 'px-4 pt-3 pb-2' : 'grid grid-cols-[minmax(120px,160px)_1fr] gap-x-3 px-4 py-1.5') },
+                isHeader && react_1.default.createElement("div", { className: 'text-[13px] font-medium text-gray-800' }, item.title),
+                !isHeader && react_1.default.createElement("dt", { className: 'text-[13px] text-gray-600 whitespace-nowrap' },
+                    item.title,
+                    ":"),
+                !isHeader && (react_1.default.createElement("dd", { className: 'text-[13px] font-medium text-gray-800 whitespace-normal break-words' }, item.description))));
         })) }, trigger));
 }
 //# sourceMappingURL=DescriptionListInTooltip.js.map

package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map

@@ -1 +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,EAMT;QALjC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,8BAAC,iBAAU,IACT,OAAO,EACL,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,wBAAwB,EACxB,IAAI,KAAK,QAAQ,IAAI,mCAAmC,EACxD,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,EACnB,YAAY,EACZ,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EACxC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAC7C;gBAED,sCAAI,SAAS,EAAE,IAAA,kBAAU,EAAC,wBAAwB,EAAE,QAAQ,IAAI,YAAY,CAAC,IAAG,IAAI,CAAC,KAAK,CAAM;gBAE/F,CAAC,QAAQ,IAAI,sCAAI,SAAS,EAAC,8CAA8C,IAAE,IAAI,CAAC,WAAW,CAAM,CAC9F,CACP,CAAA;QACH,CAAC,CAAC,CACE,IAGP,OAAO,CACG,CACd,CAAA;AACH,CAAC"}
+{"version":3,"file":"DescriptionListInTooltip.js","sourceRoot":"","sources":["../../../../src/components/DescriptionListInTooltip/DescriptionListInTooltip.tsx"],"names":[],"mappings":";;AAiBA,kEA2CC;;AA5DD,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,gBAAgB,EACjC,OAAO,EACL,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,0CAA0C,EAC1C,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,EACnB,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,8DAA8D,CAC7F;gBAEA,QAAQ,IAAI,uCAAK,SAAS,EAAC,uCAAuC,IAAE,IAAI,CAAC,KAAK,CAAO;gBACrF,CAAC,QAAQ,IAAI,sCAAI,SAAS,EAAC,6CAA6C;oBAAE,IAAI,CAAC,KAAK;wBAAO;gBAC3F,CAAC,QAAQ,IAAI,CACZ,sCAAI,SAAS,EAAC,qEAAqE,IAChF,IAAI,CAAC,WAAW,CACd,CACN,CACG,CACP,CAAA;QACH,CAAC,CAAC,CACE,IAGP,OAAO,CACG,CACd,CAAA;AACH,CAAC"}

package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 export interface PHXDescriptionListItem {
-    title: ReactNode;
-    description: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
 }
 export interface PHXDescriptionListInTooltipProps {
     items: PHXDescriptionListItem[];
@@ -10,4 +10,4 @@ export interface PHXDescriptionListInTooltipProps {
     size?: 'default' | 'small';
     tooltipClassName?: string;
 }
-export declare function PHXDescriptionListInTooltip({ items, trigger, type, size, tooltipClassName, }: PHXDescriptionListInTooltipProps): React.JSX.Element;
+export declare function PHXDescriptionListInTooltip({ items, trigger, type, tooltipClassName, }: PHXDescriptionListInTooltipProps): React.JSX.Element;

package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js

@@ -2,12 +2,15 @@ import React from 'react';
 import { classNames } from '../types';
 import PHXTooltip from '../ToolTip/ToolTip';
 export function PHXDescriptionListInTooltip(_a) {
-    var items = _a.items, trigger = _a.trigger, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.size, size = _c === void 0 ? 'default' : _c, tooltipClassName = _a.tooltipClassName;
-    return (React.createElement(PHXTooltip, { content: React.createElement("div", { className: classNames('min-w-[220px] bg-white', type === 'border' && 'rounded-lg border border-gray-200', tooltipClassName) }, items.map(function (item, index) {
+    var items = _a.items, trigger = _a.trigger, _b = _a.type, type = _b === void 0 ? 'default' : _b, tooltipClassName = _a.tooltipClassName;
+    return (React.createElement(PHXTooltip, { contentClassName: 'max-w-[124rem]', 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) {
             var isHeader = !item.description;
-            return (React.createElement("div", { key: index, className: classNames('grid gap-3', isHeader ? 'grid-cols-1' : 'grid-cols-3', size === 'small' ? 'px-3 py-2' : 'px-4 py-3') },
-                React.createElement("dt", { className: classNames('text-xs  text-gray-600', isHeader && 'col-span-1') }, item.title),
-                !isHeader && React.createElement("dd", { className: 'col-span-2 font-medium text-xs text-gray-800' }, item.description)));
+            return (React.createElement("div", { key: index, className: classNames(isHeader ? 'px-4 pt-3 pb-2' : 'grid grid-cols-[minmax(120px,160px)_1fr] gap-x-3 px-4 py-1.5') },
+                isHeader && React.createElement("div", { className: 'text-[13px] font-medium text-gray-800' }, item.title),
+                !isHeader && React.createElement("dt", { className: 'text-[13px] text-gray-600 whitespace-nowrap' },
+                    item.title,
+                    ":"),
+                !isHeader && (React.createElement("dd", { className: 'text-[13px] font-medium text-gray-800 whitespace-normal break-words' }, item.description))));
         })) }, trigger));
 }
 //# sourceMappingURL=DescriptionListInTooltip.js.map

package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map

@@ -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,EAMT;QALjC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAgB,sBAAA;IAEhB,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EACL,6BACE,SAAS,EAAE,UAAU,CACnB,wBAAwB,EACxB,IAAI,KAAK,QAAQ,IAAI,mCAAmC,EACxD,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,CACnB,YAAY,EACZ,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EACxC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAC7C;gBAED,4BAAI,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,QAAQ,IAAI,YAAY,CAAC,IAAG,IAAI,CAAC,KAAK,CAAM;gBAE/F,CAAC,QAAQ,IAAI,4BAAI,SAAS,EAAC,8CAA8C,IAAE,IAAI,CAAC,WAAW,CAAM,CAC9F,CACP,CAAA;QACH,CAAC,CAAC,CACE,IAGP,OAAO,CACG,CACd,CAAA;AACH,CAAC"}
+{"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,gBAAgB,EACjC,OAAO,EACL,6BACE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,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,CACnB,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,8DAA8D,CAC7F;gBAEA,QAAQ,IAAI,6BAAK,SAAS,EAAC,uCAAuC,IAAE,IAAI,CAAC,KAAK,CAAO;gBACrF,CAAC,QAAQ,IAAI,4BAAI,SAAS,EAAC,6CAA6C;oBAAE,IAAI,CAAC,KAAK;wBAAO;gBAC3F,CAAC,QAAQ,IAAI,CACZ,4BAAI,SAAS,EAAC,qEAAqE,IAChF,IAAI,CAAC,WAAW,CACd,CACN,CACG,CACP,CAAA;QACH,CAAC,CAAC,CACE,IAGP,OAAO,CACG,CACd,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.1429",
+  "version": "1.3.1430",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",