blixify-ui-web 0.4.201 → 0.4.203
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/lib/components/display/drawer/index.d.ts +3 -0
- package/lib/components/display/drawer/index.d.ts.map +1 -1
- package/lib/components/display/drawer/index.js +42 -23
- package/lib/components/display/drawer/index.js.map +1 -1
- package/lib/components/display/feeds/index.d.ts.map +1 -1
- package/lib/components/display/feeds/index.js +15 -14
- package/lib/components/display/feeds/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,8 +14,11 @@ interface State {
|
|
|
14
14
|
}
|
|
15
15
|
export declare class Drawer extends Component<Props, State> {
|
|
16
16
|
state: State;
|
|
17
|
+
componentDidUpdate(_prevProps: Props, prevState: State): void;
|
|
18
|
+
componentWillUnmount(): void;
|
|
17
19
|
handleOpen: () => void;
|
|
18
20
|
handleClose: () => void;
|
|
21
|
+
handleKeyDown: (event: KeyboardEvent) => void;
|
|
19
22
|
renderDrawerWidth: () => "sm:max-w-lg" | "sm:max-w-xl" | "sm:max-w-2xl" | "sm:max-w-3xl" | "sm:max-w-4xl" | "sm:max-w-5xl" | "sm:max-w-6xl" | "sm:max-w-7xl";
|
|
20
23
|
renderDrawerHeight: () => "max-h-[50vh] h-[50vh]" | "max-h-[75vh] h-[75vh]" | "max-h-[100vh] h-[100vh]";
|
|
21
24
|
renderContainerClasses: () => "pointer-events-none fixed inset-x-0 bottom-0 flex max-h-ful" | "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10 sm:pl-16";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACb,GAAG,EAAE,YAAY,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACvE,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CACjC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;CACf;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACjD,KAAK,EAAE,KAAK,CAEV;IAEF,kBAAkB,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK;IAStD,oBAAoB;IAIpB,UAAU,aAER;IAEF,WAAW,aAET;IAEF,aAAa,UAAW,aAAa,UAInC;IAEF,iBAAiB,4IAqBf;IAEF,kBAAkB,sFAShB;IAEF,sBAAsB,qJAKpB;IAEF,kBAAkB,eAahB;IAGF,MAAM;CA6DP"}
|
|
@@ -20,9 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
exports.Drawer = void 0;
|
|
22
22
|
var react_1 = require("react");
|
|
23
|
-
var react_2 = require("@headlessui/react");
|
|
24
23
|
var outline_1 = require("@heroicons/react/24/outline");
|
|
25
|
-
var
|
|
24
|
+
var react_2 = __importDefault(require("react"));
|
|
26
25
|
var Drawer = /** @class */ (function (_super) {
|
|
27
26
|
__extends(Drawer, _super);
|
|
28
27
|
function Drawer() {
|
|
@@ -36,6 +35,11 @@ var Drawer = /** @class */ (function (_super) {
|
|
|
36
35
|
_this.handleClose = function () {
|
|
37
36
|
_this.setState({ open: false });
|
|
38
37
|
};
|
|
38
|
+
_this.handleKeyDown = function (event) {
|
|
39
|
+
if (event.key === "Escape") {
|
|
40
|
+
_this.handleClose();
|
|
41
|
+
}
|
|
42
|
+
};
|
|
39
43
|
_this.renderDrawerWidth = function () {
|
|
40
44
|
switch (_this.props.maxWidth) {
|
|
41
45
|
case "lg":
|
|
@@ -79,34 +83,49 @@ var Drawer = /** @class */ (function (_super) {
|
|
|
79
83
|
var widthClasses = _this.renderDrawerWidth();
|
|
80
84
|
var heightClasses = _this.renderDrawerHeight();
|
|
81
85
|
if (_this.props.anchor === "bottom") {
|
|
82
|
-
return "".concat(baseClasses, " ").concat(heightClasses, " translate-y-0
|
|
86
|
+
return "".concat(baseClasses, " ").concat(heightClasses, " ").concat(_this.state.open ? "translate-y-0" : "translate-y-full");
|
|
83
87
|
}
|
|
84
|
-
return "".concat(baseClasses, " ").concat(widthClasses, " translate-x-0
|
|
88
|
+
return "".concat(baseClasses, " ").concat(widthClasses, " ").concat(_this.state.open ? "translate-x-0" : "translate-x-full");
|
|
85
89
|
};
|
|
86
90
|
return _this;
|
|
87
91
|
}
|
|
92
|
+
Drawer.prototype.componentDidUpdate = function (_prevProps, prevState) {
|
|
93
|
+
// INFO: Having keydown = close drawer when press escape, avoid page freeze
|
|
94
|
+
if (!prevState.open && this.state.open) {
|
|
95
|
+
window.addEventListener("keydown", this.handleKeyDown);
|
|
96
|
+
}
|
|
97
|
+
else if (prevState.open && !this.state.open) {
|
|
98
|
+
window.removeEventListener("keydown", this.handleKeyDown);
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
Drawer.prototype.componentWillUnmount = function () {
|
|
102
|
+
window.removeEventListener("keydown", this.handleKeyDown);
|
|
103
|
+
};
|
|
104
|
+
// INFO: IMPORTANT! Do not use headless ui drawer, cause page freeze when there's iFrame
|
|
88
105
|
Drawer.prototype.render = function () {
|
|
89
|
-
return (
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
106
|
+
return (react_2.default.createElement("div", null,
|
|
107
|
+
react_2.default.createElement("div", { onClick: this.handleOpen }, this.props.cta),
|
|
108
|
+
react_2.default.createElement("div", { className: "relative z-30", role: "dialog", "aria-modal": "true" },
|
|
109
|
+
react_2.default.createElement("div", { className: "fixed inset-0 bg-gray-500/75 transition-opacity duration-500 ease-in-out ".concat(this.state.open
|
|
110
|
+
? "opacity-100 pointer-events-auto"
|
|
111
|
+
: "opacity-0 pointer-events-none"), onClick: this.handleClose }),
|
|
112
|
+
react_2.default.createElement("div", { className: "fixed inset-0 overflow-hidden pointer-events-none" },
|
|
113
|
+
react_2.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
|
|
114
|
+
react_2.default.createElement("div", { className: this.renderContainerClasses() },
|
|
115
|
+
react_2.default.createElement("div", { className: this.renderPanelClasses() },
|
|
116
|
+
react_2.default.createElement("div", { className: "relative flex h-full flex-col overflow-y-auto bg-white ".concat(this.props.anchor === "bottom"
|
|
98
117
|
? "rounded-t-xl shadow-[0_-4px_8px_-2px_rgba(0,0,0,0.2)]"
|
|
99
118
|
: "shadow-xl") },
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
this.props.title && (
|
|
103
|
-
this.props.desc && (
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
119
|
+
react_2.default.createElement("div", { className: "sticky top-0 left-0 p-4 flex justify-between items-start bg-white shadow-sm z-[35]" },
|
|
120
|
+
react_2.default.createElement("div", { className: "flex-grow flex flex-col" },
|
|
121
|
+
this.props.title && (react_2.default.createElement("h2", { className: "text-lg font-medium" }, this.props.title)),
|
|
122
|
+
this.props.desc && (react_2.default.createElement("p", { className: "text-sm text-gray-500" }, this.props.desc))),
|
|
123
|
+
react_2.default.createElement("div", { className: "ml-2 flex items-center flex-shrink-0" },
|
|
124
|
+
react_2.default.createElement("button", { type: "button", onClick: this.handleClose, className: "relative rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" },
|
|
125
|
+
react_2.default.createElement("span", { className: "absolute -inset-2.5" }),
|
|
126
|
+
react_2.default.createElement("span", { className: "sr-only" }, "Close panel"),
|
|
127
|
+
react_2.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "w-5 h-5" })))),
|
|
128
|
+
react_2.default.createElement("div", { className: "relative flex-1 p-4" }, this.props.content)))))))));
|
|
110
129
|
};
|
|
111
130
|
return Drawer;
|
|
112
131
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;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,
|
|
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,8BAwBlC;IAEF,gBAAgB,eAAgB,YAAY,cAAc,MAAM,uBAW9D;IAEF,WAAW,YAwET;IAEF,MAAM;CAWP"}
|
|
@@ -76,10 +76,11 @@ var Feeds = /** @class */ (function (_super) {
|
|
|
76
76
|
}
|
|
77
77
|
var isSelected = _this.props.collapsedIds.includes(feedItem.id);
|
|
78
78
|
var Icon = isSelected ? solid_1.ChevronUpIcon : solid_2.ChevronDownIcon;
|
|
79
|
-
return (react_1.default.createElement(
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
79
|
+
return (react_1.default.createElement("div", { className: "ml-2 flex-shrink-0 rounded-full cursor-pointer p-1 bg-primary-500 text-white hover:bg-primary-600" },
|
|
80
|
+
react_1.default.createElement(Icon, { className: "select-none w-4 h-4", onClick: function () {
|
|
81
|
+
var _a;
|
|
82
|
+
_this.handleOnChangeCollapse((_a = feedItem.id) !== null && _a !== void 0 ? _a : "");
|
|
83
|
+
} })));
|
|
83
84
|
};
|
|
84
85
|
_this.renderAddContent = function (addContent, feedItemId) {
|
|
85
86
|
var showContent = _this.props.collapsible ? false : true;
|
|
@@ -101,21 +102,21 @@ var Feeds = /** @class */ (function (_super) {
|
|
|
101
102
|
defaultClassName += " ".concat(eachContent.iconClass);
|
|
102
103
|
}
|
|
103
104
|
feedView.push(react_1.default.createElement("li", { key: index },
|
|
104
|
-
react_1.default.createElement("div", { className: "relative pb-
|
|
105
|
+
react_1.default.createElement("div", { className: "relative pb-4" },
|
|
105
106
|
index + 1 < contentLength && (react_1.default.createElement("span", { className: "absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" })),
|
|
106
107
|
react_1.default.createElement("div", { className: "relative flex space-x-3" },
|
|
107
108
|
react_1.default.createElement("div", null,
|
|
108
109
|
react_1.default.createElement("span", { className: defaultClassName }, eachContent.iconType)),
|
|
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
|
|
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
|
-
} },
|
|
110
|
+
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" },
|
|
117
111
|
react_1.default.createElement("div", { className: "flex-grow" },
|
|
118
|
-
react_1.default.createElement("div", { className: "flex justify-between sm:justify-start items-center"
|
|
112
|
+
react_1.default.createElement("div", { className: "flex justify-between sm:justify-start items-center ".concat(_this.props.collapsible &&
|
|
113
|
+
_this.props.collapsedIds &&
|
|
114
|
+
eachContent.id &&
|
|
115
|
+
eachContent.addContent &&
|
|
116
|
+
"cursor-pointer"), onClick: function () {
|
|
117
|
+
var _a;
|
|
118
|
+
_this.handleOnChangeCollapse((_a = eachContent.id) !== null && _a !== void 0 ? _a : "");
|
|
119
|
+
} },
|
|
119
120
|
react_1.default.createElement("p", { className: "select-none ".concat(textColor, " ").concat(_this.props.bold ? "font-bold" : "") }, eachContent.content),
|
|
120
121
|
_this.props.collapsible && (react_1.default.createElement("div", { className: "" }, _this.renderCollapseIcon(eachContent)))),
|
|
121
122
|
eachContent.addContent &&
|
|
@@ -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,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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":"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"}
|