blixify-ui-web 0.4.199 → 0.4.200
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.
|
@@ -6,13 +6,20 @@ export interface Feed {
|
|
|
6
6
|
content: string;
|
|
7
7
|
step: any;
|
|
8
8
|
addContent?: any;
|
|
9
|
+
id?: string;
|
|
9
10
|
}
|
|
10
11
|
interface Props {
|
|
11
12
|
content: Feed[];
|
|
12
13
|
bold?: boolean;
|
|
13
14
|
darkMode?: boolean;
|
|
15
|
+
collapsible?: boolean;
|
|
16
|
+
collapsedIds?: string[];
|
|
17
|
+
onChangeCollapse?: (ids: string[]) => void;
|
|
14
18
|
}
|
|
15
19
|
export declare class Feeds extends Component<Props> {
|
|
20
|
+
handleOnChangeCollapse: (id: string) => void;
|
|
21
|
+
renderCollapseIcon: (feedItem: Feed) => React.JSX.Element | null;
|
|
22
|
+
renderAddContent: (addContent: ReactElement, feedItemId: string) => React.JSX.Element;
|
|
16
23
|
renderFeeds: () => any;
|
|
17
24
|
render(): React.JSX.Element;
|
|
18
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAQ5B,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,KAAK;IACb,OAAO,EAAE,IAAI,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC5C;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,sBAAsB,OAAQ,MAAM,UAkBlC;IAEF,kBAAkB,aAAc,IAAI,8BAsBlC;IAEF,gBAAgB,eAAgB,YAAY,cAAc,MAAM,uBAW9D;IAEF,WAAW,YAsET;IAEF,MAAM;CAWP"}
|
|
@@ -43,15 +43,59 @@ var react_1 = __importStar(require("react"));
|
|
|
43
43
|
require("../../../index.css");
|
|
44
44
|
var emptyState_1 = require("../emptyState");
|
|
45
45
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
46
|
+
var solid_2 = require("@heroicons/react/20/solid");
|
|
46
47
|
var Feeds = /** @class */ (function (_super) {
|
|
47
48
|
__extends(Feeds, _super);
|
|
48
49
|
function Feeds() {
|
|
49
50
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
51
|
+
_this.handleOnChangeCollapse = function (id) {
|
|
52
|
+
var _a, _b, _c;
|
|
53
|
+
if (!_this.props.collapsible ||
|
|
54
|
+
!_this.props.onChangeCollapse ||
|
|
55
|
+
!_this.props.collapsedIds ||
|
|
56
|
+
!id) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
var prevIds = (_a = _this.props.collapsedIds) !== null && _a !== void 0 ? _a : [];
|
|
60
|
+
var updatedIds = [];
|
|
61
|
+
if (prevIds.includes(id)) {
|
|
62
|
+
updatedIds = prevIds.filter(function (eachId) { return eachId !== id; });
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
updatedIds = prevIds.concat([id]);
|
|
66
|
+
}
|
|
67
|
+
(_c = (_b = _this.props).onChangeCollapse) === null || _c === void 0 ? void 0 : _c.call(_b, updatedIds);
|
|
68
|
+
};
|
|
69
|
+
_this.renderCollapseIcon = function (feedItem) {
|
|
70
|
+
if (!_this.props.collapsible ||
|
|
71
|
+
!_this.props.onChangeCollapse ||
|
|
72
|
+
!_this.props.collapsedIds ||
|
|
73
|
+
!feedItem.id ||
|
|
74
|
+
!feedItem.addContent) {
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
var isSelected = _this.props.collapsedIds.includes(feedItem.id);
|
|
78
|
+
var Icon = isSelected ? solid_1.ChevronUpIcon : solid_2.ChevronDownIcon;
|
|
79
|
+
return (react_1.default.createElement(Icon, { className: "flex-shrink-0 select-none ml-1 w-5 h-5 text-gray-500 cursor-pointer", onClick: function () {
|
|
80
|
+
var _a;
|
|
81
|
+
_this.handleOnChangeCollapse((_a = feedItem.id) !== null && _a !== void 0 ? _a : "");
|
|
82
|
+
} }));
|
|
83
|
+
};
|
|
84
|
+
_this.renderAddContent = function (addContent, feedItemId) {
|
|
85
|
+
var showContent = _this.props.collapsible ? false : true;
|
|
86
|
+
if (_this.props.collapsible && _this.props.collapsedIds) {
|
|
87
|
+
var isSelected = _this.props.collapsedIds.includes(feedItemId);
|
|
88
|
+
if (isSelected)
|
|
89
|
+
showContent = true;
|
|
90
|
+
}
|
|
91
|
+
return (react_1.default.createElement("div", { className: "".concat(showContent ? "block" : "hidden") }, addContent));
|
|
92
|
+
};
|
|
50
93
|
_this.renderFeeds = function () {
|
|
51
94
|
var textColor = _this.props.darkMode ? "text-white" : "text-gray-500";
|
|
52
95
|
var feedView = [];
|
|
53
96
|
var contentLength = _this.props.content.length;
|
|
54
97
|
_this.props.content.map(function (eachContent, index) {
|
|
98
|
+
var _a;
|
|
55
99
|
var defaultClassName = "h-8 w-8 rounded-full flex items-center justify-center ring-white";
|
|
56
100
|
if (eachContent.iconClass) {
|
|
57
101
|
defaultClassName += " ".concat(eachContent.iconClass);
|
|
@@ -62,10 +106,20 @@ var Feeds = /** @class */ (function (_super) {
|
|
|
62
106
|
react_1.default.createElement("div", { className: "relative flex space-x-3" },
|
|
63
107
|
react_1.default.createElement("div", null,
|
|
64
108
|
react_1.default.createElement("span", { className: defaultClassName }, eachContent.iconType)),
|
|
65
|
-
react_1.default.createElement("div", { className: "min-w-0 flex-1 pt-1.5 flex flex-col sm:flex-row justify-between space-x-4"
|
|
109
|
+
react_1.default.createElement("div", { className: "min-w-0 flex-1 pt-1.5 flex flex-col sm:flex-row justify-between space-x-4 ".concat(_this.props.collapsible &&
|
|
110
|
+
_this.props.collapsedIds &&
|
|
111
|
+
eachContent.id &&
|
|
112
|
+
eachContent.addContent &&
|
|
113
|
+
"cursor-pointer"), onClick: function () {
|
|
114
|
+
var _a;
|
|
115
|
+
_this.handleOnChangeCollapse((_a = eachContent.id) !== null && _a !== void 0 ? _a : "");
|
|
116
|
+
} },
|
|
66
117
|
react_1.default.createElement("div", { className: "flex-grow" },
|
|
67
|
-
react_1.default.createElement("
|
|
68
|
-
|
|
118
|
+
react_1.default.createElement("div", { className: "flex justify-between sm:justify-start items-center" },
|
|
119
|
+
react_1.default.createElement("p", { className: "select-none ".concat(textColor, " ").concat(_this.props.bold ? "font-bold" : "") }, eachContent.content),
|
|
120
|
+
_this.props.collapsible && (react_1.default.createElement("div", { className: "" }, _this.renderCollapseIcon(eachContent)))),
|
|
121
|
+
eachContent.addContent &&
|
|
122
|
+
_this.renderAddContent(eachContent.addContent, (_a = eachContent.id) !== null && _a !== void 0 ? _a : "")),
|
|
69
123
|
react_1.default.createElement("div", { className: "flex-shrink-0 text-right mt-3 text-sm whitespace-nowrap ".concat(textColor, " sm:mt-0 ") }, eachContent.step))))));
|
|
70
124
|
return null;
|
|
71
125
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,4CAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,4CAA2C;AAC3C,mDAGmC;AACnC,mDAA4D;AAoB5D;IAA2B,yBAAgB;IAA3C;;QACE,4BAAsB,GAAG,UAAC,EAAU;;YAClC,IACE,CAAC,KAAI,CAAC,KAAK,CAAC,WAAW;gBACvB,CAAC,KAAI,CAAC,KAAK,CAAC,gBAAgB;gBAC5B,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY;gBACxB,CAAC,EAAE,EACH,CAAC;gBACD,OAAO;YACT,CAAC;YAED,IAAM,OAAO,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,YAAY,mCAAI,EAAE,CAAC;YAC9C,IAAI,UAAU,GAAa,EAAE,CAAC;YAC9B,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;gBACzB,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,KAAK,EAAE,EAAb,CAAa,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACpC,CAAC;YACD,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,gBAAgB,mDAAG,UAAU,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,wBAAkB,GAAG,UAAC,QAAc;YAClC,IACE,CAAC,KAAI,CAAC,KAAK,CAAC,WAAW;gBACvB,CAAC,KAAI,CAAC,KAAK,CAAC,gBAAgB;gBAC5B,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY;gBACxB,CAAC,QAAQ,CAAC,EAAE;gBACZ,CAAC,QAAQ,CAAC,UAAU,EACpB,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAM,UAAU,GAAG,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjE,IAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,qBAAa,CAAC,CAAC,CAAC,uBAAe,CAAC;YAE1D,OAAO,CACL,8BAAC,IAAI,IACH,SAAS,EAAC,qEAAqE,EAC/E,OAAO,EAAE;;oBACP,KAAI,CAAC,sBAAsB,CAAC,MAAA,QAAQ,CAAC,EAAE,mCAAI,EAAE,CAAC,CAAC;gBACjD,CAAC,GACD,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,sBAAgB,GAAG,UAAC,UAAwB,EAAE,UAAkB;YAC9D,IAAI,WAAW,GAAG,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YAExD,IAAI,KAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBACtD,IAAM,UAAU,GAAG,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAChE,IAAI,UAAU;oBAAE,WAAW,GAAG,IAAI,CAAC;YACrC,CAAC;YAED,OAAO,CACL,uCAAK,SAAS,EAAE,UAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAE,IAAG,UAAU,CAAO,CAC1E,CAAC;QACJ,CAAC,CAAC;QAEF,iBAAW,GAAG;YACZ,IAAM,SAAS,GAAG,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;YACvE,IAAM,QAAQ,GAAQ,EAAE,CAAC;YACzB,IAAM,aAAa,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAEhD,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAa;;gBAChD,IAAI,gBAAgB,GAAG,kEAAkE,CAAC;gBAC1F,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;oBAC1B,gBAAgB,IAAI,WAAI,WAAW,CAAC,SAAS,CAAE,CAAC;gBAClD,CAAC;gBAED,QAAQ,CAAC,IAAI,CACX,sCAAI,GAAG,EAAE,KAAK;oBACZ,uCAAK,SAAS,EAAC,eAAe;wBAC3B,KAAK,GAAG,CAAC,GAAG,aAAa,IAAI,CAC5B,wCACE,SAAS,EAAC,uDAAuD,iBACrD,MAAM,GACZ,CACT;wBACD,uCAAK,SAAS,EAAC,yBAAyB;4BACtC;gCACE,wCAAM,SAAS,EAAE,gBAAgB,IAAG,WAAW,CAAC,QAAQ,CAAQ,CAC5D;4BACN,uCACE,SAAS,EAAE,oFACT,KAAI,CAAC,KAAK,CAAC,WAAW;oCACtB,KAAI,CAAC,KAAK,CAAC,YAAY;oCACvB,WAAW,CAAC,EAAE;oCACd,WAAW,CAAC,UAAU;oCACtB,gBAAgB,CAChB,EACF,OAAO,EAAE;;oCACP,KAAI,CAAC,sBAAsB,CAAC,MAAA,WAAW,CAAC,EAAE,mCAAI,EAAE,CAAC,CAAC;gCACpD,CAAC;gCAED,uCAAK,SAAS,EAAC,WAAW;oCACxB,uCAAK,SAAS,EAAC,oDAAoD;wCACjE,qCACE,SAAS,EAAE,sBAAe,SAAS,cACjC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAClC,IAED,WAAW,CAAC,OAAO,CAClB;wCACH,KAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CACzB,uCAAK,SAAS,EAAC,EAAE,IACd,KAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CACjC,CACP,CACG;oCACL,WAAW,CAAC,UAAU;wCACrB,KAAI,CAAC,gBAAgB,CACnB,WAAW,CAAC,UAAU,EACtB,MAAA,WAAW,CAAC,EAAE,mCAAI,EAAE,CACrB,CACC;gCACN,uCACE,SAAS,EAAE,kEAA2D,SAAS,cAAW,IAEzF,WAAW,CAAC,IAAI,CACb,CACF,CACF,CACF,CACH,CACN,CAAC;gBACF,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IAaJ,CAAC;IAXC,sBAAM,GAAN;QACE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC;YAChC,OAAO,CACL,8BAAC,uBAAU,IACT,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,IAAI,EAAC,0CAA0C,EAC/C,IAAI,EAAE,8BAAC,6BAAqB,IAAC,SAAS,EAAC,oBAAoB,GAAG,GAC9D,CACH,CAAC;;YACC,OAAO,sCAAI,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,EAAE,CAAM,CAAC;IAC9D,CAAC;IACH,YAAC;AAAD,CAAC,AA7ID,CAA2B,iBAAS,GA6InC;AA7IY,sBAAK"}
|