@fileverse-dev/fortune-react 1.1.84 → 1.1.86

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.
@@ -415,21 +415,7 @@ var ContextMenu = function ContextMenu() {
415
415
  className: "context-item"
416
416
  }, /*#__PURE__*/React.createElement(LocalLucidIcon, {
417
417
  name: "AddColRight"
418
- }), /*#__PURE__*/React.createElement("div", null, "Insert column to the left")));
419
- });
420
- }
421
- if (name === "insert-column-right") {
422
- return (selection === null || selection === void 0 ? void 0 : selection.row_select) ? null : ["left"].map(function (dir) {
423
- return /*#__PURE__*/React.createElement(Menu, {
424
- key: "add-col-right-".concat(dir),
425
- onClick: function onClick() {
426
- addRowColRightAvobe("column", "rightbottom");
427
- }
428
- }, /*#__PURE__*/React.createElement("div", {
429
- className: "context-item"
430
- }, /*#__PURE__*/React.createElement(LocalLucidIcon, {
431
- name: "AddColRight"
432
- }), /*#__PURE__*/React.createElement("div", null, "Insert column to the left")));
418
+ }), /*#__PURE__*/React.createElement("div", null, "Insert column to the right")));
433
419
  });
434
420
  }
435
421
  if (name === "insert-row-above") {
@@ -22,7 +22,7 @@ var SheetHiddenButton = function SheetHiddenButton(_a) {
22
22
  showSheet();
23
23
  },
24
24
  tabIndex: 0,
25
- className: "fortune-sheet-hidden-button"
25
+ className: "fortune-sheet-hidden-button mb-2"
26
26
  }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? (/*#__PURE__*/React.createElement(SVGIcon, {
27
27
  name: "hidden",
28
28
  width: 16,
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  .fortune-sheet-list-item-name {
21
- margin-right: 15px;
21
+ /* margin-right: 15px; */
22
22
  position: relative;
23
23
  }
24
24
 
@@ -34,10 +34,9 @@
34
34
  }
35
35
 
36
36
  .fortune-sheet-hidden-button {
37
- margin-right: 15px;
38
37
  display: inline-flex;
39
- position: absolute;
40
- right: 0;
38
+ /* position: absolute;
39
+ right: 0; */
41
40
  justify-content: flex-end;
42
41
  }
43
42
 
@@ -103,7 +103,7 @@ export var useColumnDragAndDrop = function useColumnDragAndDrop(containerRef, se
103
103
  var createGhost = function createGhost(host) {
104
104
  var el = document.createElement("div");
105
105
  el.style.position = "fixed";
106
- el.style.top = "124px";
106
+ el.style.top = "135px";
107
107
  el.style.height = "".concat(window.innerHeight, "px");
108
108
  el.style.boxSizing = "border-box";
109
109
  el.style.padding = "6px 8px";
@@ -103,7 +103,7 @@ export var useRowDragAndDrop = function useRowDragAndDrop(containerRef, selected
103
103
  var createGhost = function createGhost(host) {
104
104
  var el = document.createElement("div");
105
105
  el.style.position = "fixed";
106
- el.style.left = "45px";
106
+ el.style.left = "55px";
107
107
  el.style.width = "".concat(window.innerWidth, "px");
108
108
  el.style.boxSizing = "border-box";
109
109
  el.style.padding = "6px 8px";
@@ -215,6 +215,19 @@
215
215
  background-color: hsl(var(--color-button-secondary-hover)) !important;
216
216
  }
217
217
 
218
+ .fortune-sheettab-button-arrow {
219
+ display: flex;
220
+ align-items: center;
221
+ justify-content: center;
222
+ height: 30px;
223
+ width: 30px;
224
+ background-color: hsl(var(--color-bg-secondary)) !important;
225
+ }
226
+
227
+ .fortune-sheettab-button-arrow:hover {
228
+ background-color: hsl(var(--color-button-secondary-hover)) !important;
229
+ }
230
+
218
231
  .luckysheet-noselected-text {
219
232
  -moz-user-select: -moz-test;
220
233
  -khtml-user-select: none;
@@ -217,7 +217,7 @@ var SheetTab = function SheetTab() {
217
217
  tabIndex: 0
218
218
  }, /*#__PURE__*/React.createElement(IconButton, {
219
219
  name: "arrow-doubleleft",
220
- className: "fortune-sheettab-button border-none shadow-none",
220
+ className: "fortune-sheettab-button-arrow border-none shadow-none",
221
221
  onClick: function onClick() {
222
222
  scrollBy(-scrollDelta);
223
223
  },
@@ -235,7 +235,7 @@ var SheetTab = function SheetTab() {
235
235
  tabIndex: 0
236
236
  }, /*#__PURE__*/React.createElement(IconButton, {
237
237
  name: "arrow-doubleright",
238
- className: "fortune-sheettab-button border-none shadow-none",
238
+ className: "fortune-sheettab-button-arrow border-none shadow-none",
239
239
  onClick: function onClick() {
240
240
  scrollBy(scrollDelta);
241
241
  },
@@ -424,21 +424,7 @@ var ContextMenu = function ContextMenu() {
424
424
  className: "context-item"
425
425
  }, /*#__PURE__*/_react.default.createElement(_LucideIcon.LucideIcon, {
426
426
  name: "AddColRight"
427
- }), /*#__PURE__*/_react.default.createElement("div", null, "Insert column to the left")));
428
- });
429
- }
430
- if (name === "insert-column-right") {
431
- return (selection === null || selection === void 0 ? void 0 : selection.row_select) ? null : ["left"].map(function (dir) {
432
- return /*#__PURE__*/_react.default.createElement(_Menu.default, {
433
- key: "add-col-right-".concat(dir),
434
- onClick: function onClick() {
435
- addRowColRightAvobe("column", "rightbottom");
436
- }
437
- }, /*#__PURE__*/_react.default.createElement("div", {
438
- className: "context-item"
439
- }, /*#__PURE__*/_react.default.createElement(_LucideIcon.LucideIcon, {
440
- name: "AddColRight"
441
- }), /*#__PURE__*/_react.default.createElement("div", null, "Insert column to the left")));
427
+ }), /*#__PURE__*/_react.default.createElement("div", null, "Insert column to the right")));
442
428
  });
443
429
  }
444
430
  if (name === "insert-row-above") {
@@ -31,7 +31,7 @@ var SheetHiddenButton = function SheetHiddenButton(_a) {
31
31
  showSheet();
32
32
  },
33
33
  tabIndex: 0,
34
- className: "fortune-sheet-hidden-button"
34
+ className: "fortune-sheet-hidden-button mb-2"
35
35
  }, (sheet === null || sheet === void 0 ? void 0 : sheet.hide) === 1 ? (/*#__PURE__*/_react.default.createElement(_SVGIcon.default, {
36
36
  name: "hidden",
37
37
  width: 16,
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  .fortune-sheet-list-item-name {
21
- margin-right: 15px;
21
+ /* margin-right: 15px; */
22
22
  position: relative;
23
23
  }
24
24
 
@@ -34,10 +34,9 @@
34
34
  }
35
35
 
36
36
  .fortune-sheet-hidden-button {
37
- margin-right: 15px;
38
37
  display: inline-flex;
39
- position: absolute;
40
- right: 0;
38
+ /* position: absolute;
39
+ right: 0; */
41
40
  justify-content: flex-end;
42
41
  }
43
42
 
@@ -110,7 +110,7 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
110
110
  var createGhost = function createGhost(host) {
111
111
  var el = document.createElement("div");
112
112
  el.style.position = "fixed";
113
- el.style.top = "124px";
113
+ el.style.top = "135px";
114
114
  el.style.height = "".concat(window.innerHeight, "px");
115
115
  el.style.boxSizing = "border-box";
116
116
  el.style.padding = "6px 8px";
@@ -110,7 +110,7 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
110
110
  var createGhost = function createGhost(host) {
111
111
  var el = document.createElement("div");
112
112
  el.style.position = "fixed";
113
- el.style.left = "45px";
113
+ el.style.left = "55px";
114
114
  el.style.width = "".concat(window.innerWidth, "px");
115
115
  el.style.boxSizing = "border-box";
116
116
  el.style.padding = "6px 8px";
@@ -215,6 +215,19 @@
215
215
  background-color: hsl(var(--color-button-secondary-hover)) !important;
216
216
  }
217
217
 
218
+ .fortune-sheettab-button-arrow {
219
+ display: flex;
220
+ align-items: center;
221
+ justify-content: center;
222
+ height: 30px;
223
+ width: 30px;
224
+ background-color: hsl(var(--color-bg-secondary)) !important;
225
+ }
226
+
227
+ .fortune-sheettab-button-arrow:hover {
228
+ background-color: hsl(var(--color-button-secondary-hover)) !important;
229
+ }
230
+
218
231
  .luckysheet-noselected-text {
219
232
  -moz-user-select: -moz-test;
220
233
  -khtml-user-select: none;
@@ -226,7 +226,7 @@ var SheetTab = function SheetTab() {
226
226
  tabIndex: 0
227
227
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
228
228
  name: "arrow-doubleleft",
229
- className: "fortune-sheettab-button border-none shadow-none",
229
+ className: "fortune-sheettab-button-arrow border-none shadow-none",
230
230
  onClick: function onClick() {
231
231
  scrollBy(-scrollDelta);
232
232
  },
@@ -244,7 +244,7 @@ var SheetTab = function SheetTab() {
244
244
  tabIndex: 0
245
245
  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
246
246
  name: "arrow-doubleright",
247
- className: "fortune-sheettab-button border-none shadow-none",
247
+ className: "fortune-sheettab-button-arrow border-none shadow-none",
248
248
  onClick: function onClick() {
249
249
  scrollBy(scrollDelta);
250
250
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.1.84",
3
+ "version": "1.1.86",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "module": "es/index.js",
@@ -16,7 +16,7 @@
16
16
  "tsc": "tsc"
17
17
  },
18
18
  "dependencies": {
19
- "@fileverse-dev/fortune-core": "1.1.84",
19
+ "@fileverse-dev/fortune-core": "1.1.86",
20
20
  "@fileverse/ui": "^4.1.7-patch-21",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",