blixify-ui-web 0.1.78 → 0.1.80

package/lib/components/navigation/tabs/index.js

@@ -37,6 +37,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
 var react_1 = __importStar(require("react"));
@@ -52,21 +61,61 @@ function classNames() {
 var Tabs = /** @class */ (function (_super) {
     __extends(Tabs, _super);
     function Tabs() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.dragItem = (0, react_1.createRef)();
+        _this.dragOverItem = (0, react_1.createRef)();
+        _this.dragImg = null;
+        _this.handleDragStart = function (event, index) {
+            event.dataTransfer.setDragImage(_this.dragImg, 0, 0);
+            _this.dragItem.current = index;
+        };
+        _this.handleDragOver = function (event) {
+            event.preventDefault();
+        };
+        _this.handleDragEnter = function (index) {
+            _this.dragOverItem.current = index;
+            var copiedTabs = __spreadArray([], _this.props.tabs, true);
+            var dragItemContent = copiedTabs[_this.dragItem.current];
+            copiedTabs.splice(_this.dragItem.current, 1);
+            copiedTabs.splice(_this.dragOverItem.current, 0, dragItemContent);
+            _this.dragItem.current = _this.dragOverItem.current;
+            if (_this.props.handleChangeTabs)
+                _this.props.handleChangeTabs(copiedTabs);
+        };
+        _this.handleDrop = function () {
+            var copiedTabs = __spreadArray([], _this.props.tabs, true);
+            var dragItemContent = copiedTabs[_this.dragItem.current];
+            copiedTabs.splice(_this.dragItem.current, 1);
+            copiedTabs.splice(_this.dragOverItem.current, 0, dragItemContent);
+            _this.dragItem.current = null;
+            _this.dragOverItem.current = null;
+            if (_this.props.handleChangeTabs)
+                _this.props.handleChangeTabs(copiedTabs);
+        };
+        return _this;
     }
+    Tabs.prototype.componentDidMount = function () {
+        this.dragImg = new Image(0, 0);
+        this.dragImg.src =
+            "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+    };
     Tabs.prototype.render = function () {
         var _this = this;
         return (react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "border-b border-gray-200" },
-                react_1.default.createElement("nav", { className: "-mb-px flex space-x-8", "aria-label": "Tabs" }, this.props.tabs.map(function (tab) {
+                react_1.default.createElement("nav", { className: "-mb-px flex space-x-8", "aria-label": "Tabs" }, this.props.tabs.map(function (tab, index) {
                     var containerClassName = classNames(tab.id === _this.props.selectedId
                         ? "border-primary-500 text-primary-600"
-                        : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", "cursor-pointer whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm");
+                        : _this.dragItem.current === index
+                            ? "border-gray-300 text-gray-700"
+                            : "border-transparent text-gray-500 ".concat(_this.dragItem.current === null &&
+                                "hover:text-gray-700 hover:border-gray-300"), "cursor-pointer whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm");
                     if (_this.props.onClick) {
-                        return (react_1.default.createElement("div", { key: tab.name, className: containerClassName, onClick: _this.props.onClick.bind(_this, tab.id) }, tab.name));
+                        return (react_1.default.createElement("div", { key: tab.name, className: containerClassName, onClick: _this.props.onClick.bind(_this, tab.id), draggable: _this.props.draggable, onDragStart: function (event) { return _this.handleDragStart(event, index); }, onDragEnter: function () { return _this.handleDragEnter(index); }, onDragOver: function (event) { return _this.handleDragOver(event); }, onDrop: _this.handleDrop }, tab.name));
                     }
                     else {
-                        return (react_1.default.createElement(link_1.Link, { key: tab.name, href: tab.href, className: containerClassName, linkType: _this.props.linkType, custom: _this.props.custom }, tab.name));
+                        return (react_1.default.createElement("div", { key: tab.name, draggable: _this.props.draggable, onDragStart: function (event) { return _this.handleDragStart(event, index); }, onDragEnter: function () { return _this.handleDragEnter(index); }, onDragOver: function (event) { return _this.handleDragOver(event); }, onDrop: _this.handleDrop, className: containerClassName },
+                            react_1.default.createElement(link_1.Link, { key: tab.name, href: tab.href, linkType: _this.props.linkType, custom: _this.props.custom }, tab.name)));
                     }
                 })))));
     };

package/lib/components/navigation/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAC5B,6CAAuD;AAEvD,SAAS,UAAU;IAAC,iBAAU;SAAV,UAAU,EAAV,qBAAU,EAAV,IAAU;QAAV,4BAAU;;IAC5B,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAQD;IAA0B,wBAAgB;IAA1C;;IA0CA,CAAC;IAzCC,qBAAM,GAAN;QAAA,iBAwCC;QAvCC,OAAO,CACL;YACE,uCAAK,SAAS,EAAC,0BAA0B;gBACvC,uCAAK,SAAS,EAAC,uBAAuB,gBAAY,MAAM,IACrD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;oBACvB,IAAM,kBAAkB,GAAG,UAAU,CACnC,GAAG,CAAC,EAAE,KAAK,KAAI,CAAC,KAAK,CAAC,UAAU;wBAC9B,CAAC,CAAC,qCAAqC;wBACvC,CAAC,CAAC,4EAA4E,EAChF,2EAA2E,CAC5E,CAAC;oBACF,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;wBACtB,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAI,EAAE,GAAG,CAAC,EAAE,CAAC,IAE7C,GAAG,CAAC,IAAI,CACL,CACP,CAAC;qBACH;yBAAM;wBACL,OAAO,CACL,8BAAC,WAAI,IACH,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,IAExB,GAAG,CAAC,IAAI,CACJ,CACR,CAAC;qBACH;gBACH,CAAC,CAAC,CACE,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AA1CD,CAA0B,iBAAS,GA0ClC;AA1CY,oBAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blixify-ui-web",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "license": "MIT",
   "main": "lib/src/index.js",
   "private": false,