blixify-ui-web 1.1.24 → 1.2.1

package/lib/components/display/emptyState/index.js

@@ -46,16 +46,27 @@ var EmptyState = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     EmptyState.prototype.render = function () {
-        var textColor = this.props.darkMode ? "text-white" : "text-gray-600";
-        var borderColor = this.props.darkMode ? "border-white" : "border-gray-300";
-        var defaultClassName = "flex flex-col items-center rounded-lg border-2 border-dashed ".concat(borderColor, " p-10 ");
-        if (this.props.className) {
-            defaultClassName += this.props.className;
+        var _a = this.props, text = _a.text, icon = _a.icon, description = _a.description, _b = _a.size, size = _b === void 0 ? "default" : _b, callToAction = _a.callToAction, darkMode = _a.darkMode, className = _a.className;
+        var textColor = darkMode ? "text-white" : "text-gray-600";
+        var descColor = darkMode ? "text-gray-300" : "text-gray-500";
+        var borderColor = darkMode ? "border-white" : "border-gray-300";
+        if (size === "compact") {
+            // INFO: ~120px tall — no dashed border, fits inside list headers without stealing screen space
+            return (react_1.default.createElement("div", { className: "flex flex-col items-center text-center rounded-lg p-4 ".concat(className !== null && className !== void 0 ? className : "") },
+                icon,
+                react_1.default.createElement("p", { className: "mt-2 text-sm font-medium ".concat(textColor) }, text),
+                description && (react_1.default.createElement("p", { className: "mt-1 text-xs ".concat(descColor) }, description)),
+                callToAction && (react_1.default.createElement("div", { className: "mt-3 flex items-center justify-center" }, callToAction))));
         }
+        // INFO: default — original dashed-border layout, kept for backward compat
+        var defaultClassName = "flex flex-col items-center rounded-lg border-2 border-dashed ".concat(borderColor, " p-10 ");
+        if (className)
+            defaultClassName += className;
         return (react_1.default.createElement("div", { className: defaultClassName },
-            this.props.icon,
-            react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " mt-2") }, this.props.text),
-            this.props.callToAction && (react_1.default.createElement("div", { className: "flex items-center justify-center mt-4 " }, this.props.callToAction))));
+            icon,
+            react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " mt-2") }, text),
+            description && (react_1.default.createElement("p", { className: "mt-1 text-xs ".concat(descColor) }, description)),
+            callToAction && (react_1.default.createElement("div", { className: "flex items-center justify-center mt-4 " }, callToAction))));
     };
     return EmptyState;
 }(react_1.Component));

package/lib/components/display/emptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAUvD;IAAgC,8BAAgB;IAAhD;;IAsBA,CAAC;IArBC,2BAAM,GAAN;QACE,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;QACvE,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAC7E,IAAI,gBAAgB,GAClB,uEAAgE,WAAW,WAAQ,CAAC;QACtF,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzB,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAC3C,CAAC;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;YAC7B,IAAI,CAAC,KAAK,CAAC,IAAI;YAChB,qCAAG,SAAS,EAAE,kBAAW,SAAS,UAAO,IAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAK;YAC/D,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAC1B,uCAAK,SAAS,EAAC,wCAAwC,IACpD,IAAI,CAAC,KAAK,CAAC,YAAY,CACpB,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAtBD,CAAgC,iBAAS,GAsBxC;AAtBY,gCAAU"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAYvD;IAAgC,8BAAgB;IAAhD;;IAgDA,CAAC;IA/CC,2BAAM,GAAN;QACQ,IAAA,KAAmF,IAAI,CAAC,KAAK,EAA3F,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAe,CAAC;QACpG,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;QAC5D,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;QAC/D,IAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAElE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,+FAA+F;YAC/F,OAAO,CACL,uCACE,SAAS,EAAE,gEACT,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CACf;gBAED,IAAI;gBACL,qCAAG,SAAS,EAAE,mCAA4B,SAAS,CAAE,IAAG,IAAI,CAAK;gBAChE,WAAW,IAAI,CACd,qCAAG,SAAS,EAAE,uBAAgB,SAAS,CAAE,IAAG,WAAW,CAAK,CAC7D;gBACA,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,uCAAuC,IACnD,YAAY,CACT,CACP,CACG,CACP,CAAC;QACJ,CAAC;QAED,0EAA0E;QAC1E,IAAI,gBAAgB,GAAG,uEAAgE,WAAW,WAAQ,CAAC;QAC3G,IAAI,SAAS;YAAE,gBAAgB,IAAI,SAAS,CAAC;QAE7C,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;YAC7B,IAAI;YACL,qCAAG,SAAS,EAAE,kBAAW,SAAS,UAAO,IAAG,IAAI,CAAK;YACpD,WAAW,IAAI,CACd,qCAAG,SAAS,EAAE,uBAAgB,SAAS,CAAE,IAAG,WAAW,CAAK,CAC7D;YACA,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,wCAAwC,IACpD,YAAY,CACT,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAhDD,CAAgC,iBAAS,GAgDxC;AAhDY,gCAAU"}