@fileverse-dev/fortune-react 1.1.61 → 1.1.62-patch-1

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.
Files changed (5) hide show
  1. package/es/components/Toolbar/index.css +10 -0
  2. package/es/components/Toolbar/index.js +28 -10
  3. package/lib/components/Toolbar/index.css +10 -0
  4. package/lib/components/Toolbar/index.js +28 -10
  5. package/package.json +2 -2
package/es/components/Toolbar/index.css CHANGED
@@ -11,6 +11,16 @@
11
11
  justify-content: space-between;
12
12
  }
13
13
 
14
+ .scrollbar-hidden {
15
+ overflow: auto; /* enables scrolling */
16
+ -ms-overflow-style: none; /* IE and Edge */
17
+ scrollbar-width: none; /* Firefox */
18
+ }
19
+
20
+ .scrollbar-hidden::-webkit-scrollbar {
21
+ display: none; /* Chrome, Safari, Opera */
22
+ }
23
+
14
24
  .fortune-toolbar-divider {
15
25
  width: 1px;
16
26
  height: 20px;
package/es/components/Toolbar/index.js CHANGED
@@ -638,7 +638,7 @@ var Toolbar = function Toolbar(_a) {
638
638
  }));
639
639
  }
640
640
  if (name === "format") {
641
- var currentFmt = defaultFormat[0].text;
641
+ var currentFmt_1 = defaultFormat[0].text;
642
642
  if (cell) {
643
643
  var curr_2 = normalizedCellAttr(cell, "ct");
644
644
  var format = _.find(defaultFormat, function (v) {
@@ -646,16 +646,16 @@ var Toolbar = function Toolbar(_a) {
646
646
  });
647
647
  if ((curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) != null) {
648
648
  if (format != null) {
649
- currentFmt = format.text;
649
+ currentFmt_1 = format.text;
650
650
  } else if (((_a = curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) === null || _a === void 0 ? void 0 : _a.includes("#,##0")) || (curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) === "0" || (curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) === "0.00") {
651
- currentFmt = "Number";
651
+ currentFmt_1 = "Number";
652
652
  } else {
653
- currentFmt = defaultFormat[defaultFormat.length - 1].text;
653
+ currentFmt_1 = defaultFormat[defaultFormat.length - 1].text;
654
654
  }
655
655
  }
656
656
  }
657
657
  return /*#__PURE__*/React.createElement(Combo, {
658
- text: currentFmt,
658
+ text: currentFmt_1,
659
659
  key: name,
660
660
  tooltip: tooltip,
661
661
  showArrow: false
@@ -681,9 +681,17 @@ var Toolbar = function Toolbar(_a) {
681
681
  }
682
682
  }, /*#__PURE__*/React.createElement("div", {
683
683
  className: "fortune-toolbar-menu-line"
684
- }, /*#__PURE__*/React.createElement("div", null, text), /*#__PURE__*/React.createElement("div", {
685
- className: "fortune-toolbar-subtext"
686
- }, example)));
684
+ }, /*#__PURE__*/React.createElement("div", {
685
+ className: "flex gap-2 items-center"
686
+ }, currentFmt_1 === text ? (/*#__PURE__*/React.createElement(LucideIcon, {
687
+ name: "Check",
688
+ className: "w-4 h-4"
689
+ })) : (/*#__PURE__*/React.createElement("span", {
690
+ className: "w-4 h-4"
691
+ })), /*#__PURE__*/React.createElement("div", null, text)), /*#__PURE__*/React.createElement(LucideIcon, {
692
+ name: "ChevronRight",
693
+ className: "w-4 h-4 color-icon-secondary"
694
+ })));
687
695
  }
688
696
  return /*#__PURE__*/React.createElement(Option, {
689
697
  key: value,
@@ -696,8 +704,18 @@ var Toolbar = function Toolbar(_a) {
696
704
  });
697
705
  }
698
706
  }, /*#__PURE__*/React.createElement("div", {
699
- className: "fortune-toolbar-menu-line"
700
- }, /*#__PURE__*/React.createElement("div", null, text), /*#__PURE__*/React.createElement("div", {
707
+ style: {
708
+ overflowX: "scroll"
709
+ },
710
+ className: "fortune-toolbar-menu-line scrollbar-hidden w-full"
711
+ }, /*#__PURE__*/React.createElement("div", {
712
+ className: "flex gap-2 items-center"
713
+ }, currentFmt_1 === text ? (/*#__PURE__*/React.createElement(LucideIcon, {
714
+ name: "Check",
715
+ className: "w-4 h-4"
716
+ })) : (/*#__PURE__*/React.createElement("span", {
717
+ className: "w-4 h-4"
718
+ })), /*#__PURE__*/React.createElement("div", null, text)), /*#__PURE__*/React.createElement("div", {
701
719
  className: "fortune-toolbar-subtext"
702
720
  }, example)));
703
721
  }));
package/lib/components/Toolbar/index.css CHANGED
@@ -11,6 +11,16 @@
11
11
  justify-content: space-between;
12
12
  }
13
13
 
14
+ .scrollbar-hidden {
15
+ overflow: auto; /* enables scrolling */
16
+ -ms-overflow-style: none; /* IE and Edge */
17
+ scrollbar-width: none; /* Firefox */
18
+ }
19
+
20
+ .scrollbar-hidden::-webkit-scrollbar {
21
+ display: none; /* Chrome, Safari, Opera */
22
+ }
23
+
14
24
  .fortune-toolbar-divider {
15
25
  width: 1px;
16
26
  height: 20px;
package/lib/components/Toolbar/index.js CHANGED
@@ -647,7 +647,7 @@ var Toolbar = function Toolbar(_a) {
647
647
  }));
648
648
  }
649
649
  if (name === "format") {
650
- var currentFmt = defaultFormat[0].text;
650
+ var currentFmt_1 = defaultFormat[0].text;
651
651
  if (cell) {
652
652
  var curr_2 = (0, _fortuneCore.normalizedCellAttr)(cell, "ct");
653
653
  var format = _lodash.default.find(defaultFormat, function (v) {
@@ -655,16 +655,16 @@ var Toolbar = function Toolbar(_a) {
655
655
  });
656
656
  if ((curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) != null) {
657
657
  if (format != null) {
658
- currentFmt = format.text;
658
+ currentFmt_1 = format.text;
659
659
  } else if (((_a = curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) === null || _a === void 0 ? void 0 : _a.includes("#,##0")) || (curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) === "0" || (curr_2 === null || curr_2 === void 0 ? void 0 : curr_2.fa) === "0.00") {
660
- currentFmt = "Number";
660
+ currentFmt_1 = "Number";
661
661
  } else {
662
- currentFmt = defaultFormat[defaultFormat.length - 1].text;
662
+ currentFmt_1 = defaultFormat[defaultFormat.length - 1].text;
663
663
  }
664
664
  }
665
665
  }
666
666
  return /*#__PURE__*/_react.default.createElement(_Combo.default, {
667
- text: currentFmt,
667
+ text: currentFmt_1,
668
668
  key: name,
669
669
  tooltip: tooltip,
670
670
  showArrow: false
@@ -690,9 +690,17 @@ var Toolbar = function Toolbar(_a) {
690
690
  }
691
691
  }, /*#__PURE__*/_react.default.createElement("div", {
692
692
  className: "fortune-toolbar-menu-line"
693
- }, /*#__PURE__*/_react.default.createElement("div", null, text), /*#__PURE__*/_react.default.createElement("div", {
694
- className: "fortune-toolbar-subtext"
695
- }, example)));
693
+ }, /*#__PURE__*/_react.default.createElement("div", {
694
+ className: "flex gap-2 items-center"
695
+ }, currentFmt_1 === text ? (/*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
696
+ name: "Check",
697
+ className: "w-4 h-4"
698
+ })) : (/*#__PURE__*/_react.default.createElement("span", {
699
+ className: "w-4 h-4"
700
+ })), /*#__PURE__*/_react.default.createElement("div", null, text)), /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
701
+ name: "ChevronRight",
702
+ className: "w-4 h-4 color-icon-secondary"
703
+ })));
696
704
  }
697
705
  return /*#__PURE__*/_react.default.createElement(_Select.Option, {
698
706
  key: value,
@@ -705,8 +713,18 @@ var Toolbar = function Toolbar(_a) {
705
713
  });
706
714
  }
707
715
  }, /*#__PURE__*/_react.default.createElement("div", {
708
- className: "fortune-toolbar-menu-line"
709
- }, /*#__PURE__*/_react.default.createElement("div", null, text), /*#__PURE__*/_react.default.createElement("div", {
716
+ style: {
717
+ overflowX: "scroll"
718
+ },
719
+ className: "fortune-toolbar-menu-line scrollbar-hidden w-full"
720
+ }, /*#__PURE__*/_react.default.createElement("div", {
721
+ className: "flex gap-2 items-center"
722
+ }, currentFmt_1 === text ? (/*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
723
+ name: "Check",
724
+ className: "w-4 h-4"
725
+ })) : (/*#__PURE__*/_react.default.createElement("span", {
726
+ className: "w-4 h-4"
727
+ })), /*#__PURE__*/_react.default.createElement("div", null, text)), /*#__PURE__*/_react.default.createElement("div", {
710
728
  className: "fortune-toolbar-subtext"
711
729
  }, example)));
712
730
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.1.61",
3
+ "version": "1.1.62-patch-1",
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.61",
19
+ "@fileverse-dev/fortune-core": "1.1.62",
20
20
  "@fileverse/ui": "^4.1.7-patch-21",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",