blixify-ui-web 0.4.227 → 0.4.228
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.
|
@@ -7,9 +7,17 @@ interface Props {
|
|
|
7
7
|
size?: string;
|
|
8
8
|
disable?: boolean;
|
|
9
9
|
className?: string;
|
|
10
|
+
popUpMenuItems?: {
|
|
11
|
+
text: string;
|
|
12
|
+
onClick: (text: string) => void;
|
|
13
|
+
}[];
|
|
14
|
+
popUpDirection?: "top" | "bottom";
|
|
15
|
+
popUpAnchor?: "left" | "right";
|
|
16
|
+
popUpClassName?: string;
|
|
10
17
|
onClick?: (e: any) => void;
|
|
11
18
|
}
|
|
12
19
|
export declare class Button extends Component<Props> {
|
|
20
|
+
popUpRef: React.RefObject<any>;
|
|
13
21
|
handleClick: (e: any) => void;
|
|
14
22
|
render(): React.JSX.Element;
|
|
15
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,oBAAoB,CAAC;AAI5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IACnE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACjC,EAAE,CAAC;IACJ,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,QAAQ,uBAAoB;IAE5B,WAAW,MAAO,GAAG,UAgBnB;IAEF,MAAM;CA0HP"}
|
|
@@ -41,10 +41,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
41
41
|
exports.Button = void 0;
|
|
42
42
|
var react_1 = __importStar(require("react"));
|
|
43
43
|
require("../../../index.css");
|
|
44
|
+
var react_2 = require("@headlessui/react");
|
|
45
|
+
var popUp_1 = require("../../advanced/popUp");
|
|
44
46
|
var Button = /** @class */ (function (_super) {
|
|
45
47
|
__extends(Button, _super);
|
|
46
48
|
function Button() {
|
|
47
49
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
50
|
+
_this.popUpRef = (0, react_1.createRef)();
|
|
48
51
|
_this.handleClick = function (e) {
|
|
49
52
|
//INFO: Add Rybbit tracking event
|
|
50
53
|
if (typeof window !== "undefined" &&
|
|
@@ -63,7 +66,8 @@ var Button = /** @class */ (function (_super) {
|
|
|
63
66
|
return _this;
|
|
64
67
|
}
|
|
65
68
|
Button.prototype.render = function () {
|
|
66
|
-
var
|
|
69
|
+
var _this = this;
|
|
70
|
+
var _a, _b;
|
|
67
71
|
var defaultSize = "px-5 py-3";
|
|
68
72
|
if (this.props.size === "small") {
|
|
69
73
|
defaultSize = "px-3 py-2";
|
|
@@ -107,8 +111,32 @@ var Button = /** @class */ (function (_super) {
|
|
|
107
111
|
if (this.props.className) {
|
|
108
112
|
defaultClassName += " ".concat(this.props.className);
|
|
109
113
|
}
|
|
114
|
+
if (this.props.popUpMenuItems &&
|
|
115
|
+
this.props.popUpMenuItems.length > 0 &&
|
|
116
|
+
!this.props.disable) {
|
|
117
|
+
return (react_1.default.createElement(popUp_1.PopUp, { ref: this.popUpRef, ctaComp: react_1.default.createElement("button", { type: "button", className: defaultClassName },
|
|
118
|
+
react_1.default.createElement("div", { className: "flex flex-row justify-center items-center" }, (_a = this.props.icon) !== null && _a !== void 0 ? _a : null,
|
|
119
|
+
this.props.text)), renderComp: react_1.default.createElement("div", { className: "rounded-md flex flex-col shadow-md divide-y overflow-hidden" }, this.props.popUpMenuItems.map(function (eachMenuItem) { return (react_1.default.createElement("div", { key: eachMenuItem.text, className: "px-4 py-2 cursor-pointer ".concat(_this.props.size === "extraSmall" ? "text-sm" : "", " ").concat(_this.props.type === "darkMode"
|
|
120
|
+
? "text-white bg-gray-800 hover:bg-gray-700"
|
|
121
|
+
: "hover:bg-gray-100"), onClick: function () {
|
|
122
|
+
var _a, _b;
|
|
123
|
+
eachMenuItem.onClick(eachMenuItem.text);
|
|
124
|
+
if (typeof window !== "undefined" &&
|
|
125
|
+
window.rybbit &&
|
|
126
|
+
_this.props.text) {
|
|
127
|
+
try {
|
|
128
|
+
var eventName = "".concat(window.location.pathname, " - ").concat(eachMenuItem.text);
|
|
129
|
+
window.rybbit.event(eventName);
|
|
130
|
+
}
|
|
131
|
+
catch (err) { }
|
|
132
|
+
}
|
|
133
|
+
(_b = (_a = _this.popUpRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.handleOnClose();
|
|
134
|
+
} }, eachMenuItem.text)); })), lib: {
|
|
135
|
+
Transition: react_2.Transition,
|
|
136
|
+
}, direction: this.props.popUpDirection || "bottom", anchor: this.props.popUpAnchor || "left", className: this.props.popUpClassName }));
|
|
137
|
+
}
|
|
110
138
|
return (react_1.default.createElement("button", { type: "button", className: defaultClassName, disabled: this.props.disable, onClick: this.handleClick },
|
|
111
|
-
react_1.default.createElement("div", { className: "flex flex-row justify-center items-center" }, (
|
|
139
|
+
react_1.default.createElement("div", { className: "flex flex-row justify-center items-center" }, (_b = this.props.icon) !== null && _b !== void 0 ? _b : null,
|
|
112
140
|
this.props.text)));
|
|
113
141
|
};
|
|
114
142
|
return Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/action/button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkE;AAClE,8BAA4B;AAC5B,2CAA+C;AAC/C,8CAA6C;AAmB7C;IAA4B,0BAAgB;IAA5C;;QACE,cAAQ,GAAG,IAAA,iBAAS,GAAO,CAAC;QAE5B,iBAAW,GAAG,UAAC,CAAM;YACnB,iCAAiC;YACjC,IACE,OAAO,MAAM,KAAK,WAAW;gBAC5B,MAAc,CAAC,MAAM;gBACtB,KAAI,CAAC,KAAK,CAAC,IAAI,EACf,CAAC;gBACD,IAAI,CAAC;oBACH,IAAM,SAAS,GAAG,UAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,gBAAM,KAAI,CAAC,KAAK,CAAC,IAAI,CAAE,CAAC;oBACpE,MAAc,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAC1C,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC,CAAA,CAAC;YAClB,CAAC;YAED,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;;IA4HJ,CAAC;IA1HC,uBAAM,GAAN;QAAA,iBAyHC;;QAxHC,IAAI,WAAW,GAAG,WAAW,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAChC,WAAW,GAAG,WAAW,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YACrC,WAAW,GAAG,mBAAmB,CAAC;QACpC,CAAC;QAED,IAAI,aAAa,GAAG,QAAQ,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACvB,aAAa,GAAG,+BAA+B,CAAC;QAClD,CAAC;QAED,IAAI,gBAAgB,GAAG,2BAAoB,aAAa,iCAAuB,WAAW,+FAA4F,CAAC;QAEvL,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACpB,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,QAAQ;oBACX,gBAAgB;wBACd,yEAAyE,CAAC;oBAC5E,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,0EAA0E,CAAC;oBAC7E,MAAM;gBACR,KAAK,OAAO;oBACV,gBAAgB;wBACd,gFAAgF,CAAC;oBACnF,MAAM;gBACR,KAAK,MAAM;oBACT,gBAAgB;wBACd,4FAA4F,CAAC;oBAC/F,MAAM;gBACR,KAAK,QAAQ;oBACX,gBAAgB;wBACd,kEAAkE,CAAC;oBACrE,MAAM;gBACR,KAAK,UAAU;oBACb,gBAAgB;wBACd,sGAAsG,CAAC;oBACzG,MAAM;YACV,CAAC;QACH,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;QACjD,CAAC;QAED,IACE,IAAI,CAAC,KAAK,CAAC,cAAc;YACzB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC;YACpC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACnB,CAAC;YACD,OAAO,CACL,8BAAC,aAAK,IACJ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,OAAO,EACL,0CAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB;oBAC/C,uCAAK,SAAS,EAAC,2CAA2C,IACvD,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,IAAI;wBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACC,EAEX,UAAU,EACR,uCAAK,SAAS,EAAC,6DAA6D,IACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,UAAC,YAAY,IAAK,OAAA,CAC/C,uCACE,GAAG,EAAE,YAAY,CAAC,IAAI,EACtB,SAAS,EAAE,mCACT,KAAI,CAAC,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAEjD,KAAI,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;wBAC5B,CAAC,CAAC,0CAA0C;wBAC5C,CAAC,CAAC,mBAAmB,CACvB,EACF,OAAO,EAAE;;wBACP,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;wBACxC,IACE,OAAO,MAAM,KAAK,WAAW;4BAC5B,MAAc,CAAC,MAAM;4BACtB,KAAI,CAAC,KAAK,CAAC,IAAI,EACf,CAAC;4BACD,IAAI,CAAC;gCACH,IAAM,SAAS,GAAG,UAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,gBAAM,YAAY,CAAC,IAAI,CAAE,CAAC;gCACtE,MAAc,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;4BAC1C,CAAC;4BAAC,OAAO,GAAG,EAAE,CAAC,CAAA,CAAC;wBAClB,CAAC;wBACD,MAAA,MAAA,KAAI,CAAC,QAAQ,0CAAE,OAAO,0CAAE,aAAa,EAAE,CAAC;oBAC1C,CAAC,IAEA,YAAY,CAAC,IAAI,CACd,CACP,EA3BgD,CA2BhD,CAAC,CACE,EAER,GAAG,EAAE;oBACH,UAAU,oBAAA;iBACX,EACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,QAAQ,EAChD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,MAAM,EACxC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACpC,CACH,CAAC;QACJ,CAAC;QAED,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC5B,OAAO,EAAE,IAAI,CAAC,WAAW;YAEzB,uCAAK,SAAS,EAAC,2CAA2C,IACvD,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,IAAI;gBACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACC,CACV,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AA/ID,CAA4B,iBAAS,GA+IpC;AA/IY,wBAAM"}
|