@fileverse-dev/fortune-react 1.1.80 → 1.1.81
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/es/components/FxEditor/index.js +10 -5
- package/es/components/SheetOverlay/Icon.d.ts +1 -0
- package/es/components/SheetOverlay/Icon.js +20 -0
- package/es/components/SheetOverlay/LucideIcon.d.ts +1 -0
- package/es/components/SheetTab/index.css +1 -5
- package/lib/components/FxEditor/index.js +10 -5
- package/lib/components/SheetOverlay/Icon.d.ts +1 -0
- package/lib/components/SheetOverlay/Icon.js +20 -0
- package/lib/components/SheetOverlay/LucideIcon.d.ts +1 -0
- package/lib/components/SheetTab/index.css +1 -5
- package/package.json +2 -2
|
@@ -3,10 +3,10 @@ import React, { useContext, useState, useCallback, useEffect, useRef, useMemo }
|
|
|
3
3
|
import "./index.css";
|
|
4
4
|
import _ from "lodash";
|
|
5
5
|
import WorkbookContext from "../../context";
|
|
6
|
-
import SVGIcon from "../SVGIcon";
|
|
7
6
|
import ContentEditable from "../SheetOverlay/ContentEditable";
|
|
8
7
|
import NameBox from "./NameBox";
|
|
9
8
|
import usePrevious from "../../hooks/usePrevious";
|
|
9
|
+
import { LucideIcon } from "../../components/SheetOverlay/LucideIcon";
|
|
10
10
|
var FxEditor = function FxEditor() {
|
|
11
11
|
var _a;
|
|
12
12
|
var _b = useContext(WorkbookContext),
|
|
@@ -143,10 +143,15 @@ var FxEditor = function FxEditor() {
|
|
|
143
143
|
className: "fortune-fx-editor"
|
|
144
144
|
}, /*#__PURE__*/React.createElement(NameBox, null), /*#__PURE__*/React.createElement("div", {
|
|
145
145
|
className: "fortune-fx-icon"
|
|
146
|
-
}, /*#__PURE__*/React.createElement(
|
|
147
|
-
name: "
|
|
148
|
-
|
|
149
|
-
|
|
146
|
+
}, /*#__PURE__*/React.createElement(LucideIcon, {
|
|
147
|
+
name: "DSheetOnlyText",
|
|
148
|
+
fill: "black",
|
|
149
|
+
style: {
|
|
150
|
+
width: "14px",
|
|
151
|
+
height: "14px",
|
|
152
|
+
margin: "auto",
|
|
153
|
+
marginTop: "1px"
|
|
154
|
+
}
|
|
150
155
|
})), /*#__PURE__*/React.createElement("div", {
|
|
151
156
|
ref: inputContainerRef,
|
|
152
157
|
className: "fortune-fx-input-container"
|
|
@@ -11,6 +11,7 @@ export declare const LucideIcons: {
|
|
|
11
11
|
Farcaster: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
12
12
|
Warpcast: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
13
13
|
DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
14
|
+
DSheetOnlyText: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
14
15
|
Orb: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
15
16
|
Lens: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
16
17
|
Hey: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
@@ -304,6 +304,26 @@ export var LucideIcons = {
|
|
|
304
304
|
stroke: "transparent"
|
|
305
305
|
}));
|
|
306
306
|
},
|
|
307
|
+
DSheetOnlyText: function DSheetOnlyText(_a) {
|
|
308
|
+
var _b = _a.width,
|
|
309
|
+
width = _b === void 0 ? 16 : _b,
|
|
310
|
+
_c = _a.height,
|
|
311
|
+
height = _c === void 0 ? 16 : _c,
|
|
312
|
+
props = __rest(_a, ["width", "height"]);
|
|
313
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
314
|
+
width: "20",
|
|
315
|
+
height: "20",
|
|
316
|
+
viewBox: "0 0 20 20",
|
|
317
|
+
fill: "none",
|
|
318
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
319
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
320
|
+
d: "M7.33334 8.33336C7.33334 7.61849 7.51405 7.18026 7.74199 6.94689C7.94436 6.7397 8.31743 6.5586 9.05408 6.65905C9.5101 6.72124 9.93018 6.40197 9.99237 5.94596C10.0546 5.48994 9.73529 5.06985 9.27927 5.00767C8.18259 4.85812 7.22232 5.09369 6.5497 5.78233C5.90264 6.44479 5.66668 7.38157 5.66668 8.33336V8.50001H4.16668C3.70644 8.50001 3.33334 8.87311 3.33334 9.33334C3.33334 9.79358 3.70644 10.1667 4.16668 10.1667H5.66668V11.8334C5.66668 12.4781 5.52133 12.8121 5.35338 12.9894C5.19373 13.1579 4.87197 13.3334 4.16668 13.3334C3.70644 13.3334 3.33334 13.7065 3.33334 14.1667C3.33334 14.6269 3.70644 15 4.16668 15C5.12805 15 5.97295 14.7588 6.5633 14.1356C7.14536 13.5213 7.33334 12.6886 7.33334 11.8334V10.1667H8.91668C9.37691 10.1667 9.75001 9.79358 9.75001 9.33334C9.75001 8.87311 9.37691 8.50001 8.91668 8.50001H7.33334V8.33336Z",
|
|
321
|
+
fill: "#77818A"
|
|
322
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
323
|
+
d: "M16.4226 8.57746C16.748 8.9029 16.748 9.43054 16.4226 9.75597L14.5119 11.6667L16.4226 13.5775C16.748 13.9029 16.748 14.4305 16.4226 14.756C16.0972 15.0814 15.5695 15.0814 15.2441 14.756L13.3333 12.8452L11.4226 14.756C11.0972 15.0814 10.5695 15.0814 10.2441 14.756C9.91865 14.4305 9.91865 13.9029 10.2441 13.5775L12.1548 11.6667L10.2441 9.75597C9.91865 9.43054 9.91865 8.9029 10.2441 8.57746C10.5695 8.25203 11.0972 8.25203 11.4226 8.57746L13.3333 10.4882L15.2441 8.57746C15.5695 8.25203 16.0972 8.25203 16.4226 8.57746Z",
|
|
324
|
+
fill: "#77818A"
|
|
325
|
+
}));
|
|
326
|
+
},
|
|
307
327
|
Orb: function Orb(_a) {
|
|
308
328
|
var width = _a.width,
|
|
309
329
|
height = _a.height,
|
|
@@ -10,6 +10,7 @@ export declare const UltimateIcons: {
|
|
|
10
10
|
Farcaster: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
11
11
|
Warpcast: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
12
12
|
DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
13
|
+
DSheetOnlyText: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
13
14
|
Orb: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
14
15
|
Lens: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
15
16
|
Hey: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
height: 34px;
|
|
181
181
|
line-height: 29px;
|
|
182
182
|
/* border-color: #aaa; */
|
|
183
|
-
|
|
183
|
+
background-color: hsl(var(--color-bg-tertiary));
|
|
184
184
|
color: hsl(var(--color-text-default));
|
|
185
185
|
/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */
|
|
186
186
|
/* top: -2px; */
|
|
@@ -222,10 +222,6 @@
|
|
|
222
222
|
cursor: pointer;
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
-
.fortune-sheettab-scroll:hover {
|
|
226
|
-
background-color: #e0e0e0;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
225
|
.fortune-sheettab-placeholder {
|
|
230
226
|
display: inline-block;
|
|
231
227
|
width: 30px;
|
|
@@ -10,10 +10,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
require("./index.css");
|
|
11
11
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
12
12
|
var _context = _interopRequireDefault(require("../../context"));
|
|
13
|
-
var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
|
|
14
13
|
var _ContentEditable = _interopRequireDefault(require("../SheetOverlay/ContentEditable"));
|
|
15
14
|
var _NameBox = _interopRequireDefault(require("./NameBox"));
|
|
16
15
|
var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
|
|
16
|
+
var _LucideIcon = require("../../components/SheetOverlay/LucideIcon");
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
19
|
var FxEditor = function FxEditor() {
|
|
@@ -152,10 +152,15 @@ var FxEditor = function FxEditor() {
|
|
|
152
152
|
className: "fortune-fx-editor"
|
|
153
153
|
}, /*#__PURE__*/_react.default.createElement(_NameBox.default, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
154
154
|
className: "fortune-fx-icon"
|
|
155
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
156
|
-
name: "
|
|
157
|
-
|
|
158
|
-
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement(_LucideIcon.LucideIcon, {
|
|
156
|
+
name: "DSheetOnlyText",
|
|
157
|
+
fill: "black",
|
|
158
|
+
style: {
|
|
159
|
+
width: "14px",
|
|
160
|
+
height: "14px",
|
|
161
|
+
margin: "auto",
|
|
162
|
+
marginTop: "1px"
|
|
163
|
+
}
|
|
159
164
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
160
165
|
ref: inputContainerRef,
|
|
161
166
|
className: "fortune-fx-input-container"
|
|
@@ -11,6 +11,7 @@ export declare const LucideIcons: {
|
|
|
11
11
|
Farcaster: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
12
12
|
Warpcast: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
13
13
|
DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
14
|
+
DSheetOnlyText: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
14
15
|
Orb: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
15
16
|
Lens: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
16
17
|
Hey: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
@@ -311,6 +311,26 @@ var LucideIcons = exports.LucideIcons = {
|
|
|
311
311
|
stroke: "transparent"
|
|
312
312
|
}));
|
|
313
313
|
},
|
|
314
|
+
DSheetOnlyText: function DSheetOnlyText(_a) {
|
|
315
|
+
var _b = _a.width,
|
|
316
|
+
width = _b === void 0 ? 16 : _b,
|
|
317
|
+
_c = _a.height,
|
|
318
|
+
height = _c === void 0 ? 16 : _c,
|
|
319
|
+
props = __rest(_a, ["width", "height"]);
|
|
320
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
321
|
+
width: "20",
|
|
322
|
+
height: "20",
|
|
323
|
+
viewBox: "0 0 20 20",
|
|
324
|
+
fill: "none",
|
|
325
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
326
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
327
|
+
d: "M7.33334 8.33336C7.33334 7.61849 7.51405 7.18026 7.74199 6.94689C7.94436 6.7397 8.31743 6.5586 9.05408 6.65905C9.5101 6.72124 9.93018 6.40197 9.99237 5.94596C10.0546 5.48994 9.73529 5.06985 9.27927 5.00767C8.18259 4.85812 7.22232 5.09369 6.5497 5.78233C5.90264 6.44479 5.66668 7.38157 5.66668 8.33336V8.50001H4.16668C3.70644 8.50001 3.33334 8.87311 3.33334 9.33334C3.33334 9.79358 3.70644 10.1667 4.16668 10.1667H5.66668V11.8334C5.66668 12.4781 5.52133 12.8121 5.35338 12.9894C5.19373 13.1579 4.87197 13.3334 4.16668 13.3334C3.70644 13.3334 3.33334 13.7065 3.33334 14.1667C3.33334 14.6269 3.70644 15 4.16668 15C5.12805 15 5.97295 14.7588 6.5633 14.1356C7.14536 13.5213 7.33334 12.6886 7.33334 11.8334V10.1667H8.91668C9.37691 10.1667 9.75001 9.79358 9.75001 9.33334C9.75001 8.87311 9.37691 8.50001 8.91668 8.50001H7.33334V8.33336Z",
|
|
328
|
+
fill: "#77818A"
|
|
329
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
330
|
+
d: "M16.4226 8.57746C16.748 8.9029 16.748 9.43054 16.4226 9.75597L14.5119 11.6667L16.4226 13.5775C16.748 13.9029 16.748 14.4305 16.4226 14.756C16.0972 15.0814 15.5695 15.0814 15.2441 14.756L13.3333 12.8452L11.4226 14.756C11.0972 15.0814 10.5695 15.0814 10.2441 14.756C9.91865 14.4305 9.91865 13.9029 10.2441 13.5775L12.1548 11.6667L10.2441 9.75597C9.91865 9.43054 9.91865 8.9029 10.2441 8.57746C10.5695 8.25203 11.0972 8.25203 11.4226 8.57746L13.3333 10.4882L15.2441 8.57746C15.5695 8.25203 16.0972 8.25203 16.4226 8.57746Z",
|
|
331
|
+
fill: "#77818A"
|
|
332
|
+
}));
|
|
333
|
+
},
|
|
314
334
|
Orb: function Orb(_a) {
|
|
315
335
|
var width = _a.width,
|
|
316
336
|
height = _a.height,
|
|
@@ -10,6 +10,7 @@ export declare const UltimateIcons: {
|
|
|
10
10
|
Farcaster: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
11
11
|
Warpcast: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
12
12
|
DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
13
|
+
DSheetOnlyText: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
13
14
|
Orb: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
14
15
|
Lens: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
15
16
|
Hey: ({ width, height, ...props }: LucideIconProps) => React.JSX.Element;
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
height: 34px;
|
|
181
181
|
line-height: 29px;
|
|
182
182
|
/* border-color: #aaa; */
|
|
183
|
-
|
|
183
|
+
background-color: hsl(var(--color-bg-tertiary));
|
|
184
184
|
color: hsl(var(--color-text-default));
|
|
185
185
|
/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */
|
|
186
186
|
/* top: -2px; */
|
|
@@ -222,10 +222,6 @@
|
|
|
222
222
|
cursor: pointer;
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
-
.fortune-sheettab-scroll:hover {
|
|
226
|
-
background-color: #e0e0e0;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
225
|
.fortune-sheettab-placeholder {
|
|
230
226
|
display: inline-block;
|
|
231
227
|
width: 30px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fileverse-dev/fortune-react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.81",
|
|
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.
|
|
19
|
+
"@fileverse-dev/fortune-core": "1.1.81",
|
|
20
20
|
"@fileverse/ui": "^4.1.7-patch-21",
|
|
21
21
|
"@tippyjs/react": "^4.2.6",
|
|
22
22
|
"@types/regenerator-runtime": "^0.13.6",
|