@trops/dash-core 0.1.345 → 0.1.346
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/dist/index.esm.js +56 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +56 -25
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -55608,11 +55608,17 @@ function ChatCore(_ref) {
|
|
|
55608
55608
|
|
|
55609
55609
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
55610
55610
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
55611
|
+
function cellMatches(value, query) {
|
|
55612
|
+
if (!query || !query.trim() || !value) return false;
|
|
55613
|
+
return value.toLowerCase().includes(query.toLowerCase());
|
|
55614
|
+
}
|
|
55611
55615
|
function CellEditor(_ref) {
|
|
55612
55616
|
var value = _ref.value,
|
|
55613
55617
|
columnType = _ref.columnType,
|
|
55614
55618
|
_onChange = _ref.onChange,
|
|
55615
|
-
onChangeWithNewOption = _ref.onChangeWithNewOption
|
|
55619
|
+
onChangeWithNewOption = _ref.onChangeWithNewOption,
|
|
55620
|
+
_ref$searchQuery = _ref.searchQuery,
|
|
55621
|
+
searchQuery = _ref$searchQuery === void 0 ? "" : _ref$searchQuery;
|
|
55616
55622
|
var _useState = React.useState(false),
|
|
55617
55623
|
_useState2 = _slicedToArray(_useState, 2),
|
|
55618
55624
|
enteringCustom = _useState2[0],
|
|
@@ -55622,6 +55628,8 @@ function CellEditor(_ref) {
|
|
|
55622
55628
|
customValue = _useState4[0],
|
|
55623
55629
|
setCustomValue = _useState4[1];
|
|
55624
55630
|
var customInputRef = React.useRef(null);
|
|
55631
|
+
var matches = cellMatches(value, searchQuery);
|
|
55632
|
+
var matchClass = matches ? "search-match-cell ring-2 ring-yellow-500/60 bg-yellow-900/10" : "";
|
|
55625
55633
|
React.useEffect(function () {
|
|
55626
55634
|
if (enteringCustom && customInputRef.current) {
|
|
55627
55635
|
customInputRef.current.focus();
|
|
@@ -55660,7 +55668,7 @@ function CellEditor(_ref) {
|
|
|
55660
55668
|
},
|
|
55661
55669
|
onBlur: submitCustom,
|
|
55662
55670
|
placeholder: "Type custom value...",
|
|
55663
|
-
className: "flex-1 px-2 py-1.5 bg-gray-800 border border-indigo-500 rounded text-sm text-gray-200 focus:outline-none"
|
|
55671
|
+
className: "flex-1 px-2 py-1.5 bg-gray-800 border border-indigo-500 rounded text-sm text-gray-200 focus:outline-none ".concat(matchClass)
|
|
55664
55672
|
})
|
|
55665
55673
|
});
|
|
55666
55674
|
}
|
|
@@ -55674,7 +55682,7 @@ function CellEditor(_ref) {
|
|
|
55674
55682
|
_onChange(e.target.value);
|
|
55675
55683
|
}
|
|
55676
55684
|
},
|
|
55677
|
-
className: "w-full px-2 py-1.5 bg-gray-800 border border-gray-700/50 rounded text-sm text-gray-200 focus:outline-none focus:border-indigo-500",
|
|
55685
|
+
className: "w-full px-2 py-1.5 bg-gray-800 border border-gray-700/50 rounded text-sm text-gray-200 focus:outline-none focus:border-indigo-500 ".concat(matchClass),
|
|
55678
55686
|
children: [/*#__PURE__*/jsxRuntime.jsx("option", {
|
|
55679
55687
|
value: "",
|
|
55680
55688
|
children: "\u2014"
|
|
@@ -55699,7 +55707,7 @@ function CellEditor(_ref) {
|
|
|
55699
55707
|
return _onChange(e.target.value);
|
|
55700
55708
|
},
|
|
55701
55709
|
rows: 2,
|
|
55702
|
-
className: "w-full px-2 py-1.5 bg-gray-800 border border-gray-700/50 rounded text-sm text-gray-200 focus:outline-none focus:border-indigo-500 resize-none"
|
|
55710
|
+
className: "w-full px-2 py-1.5 bg-gray-800 border border-gray-700/50 rounded text-sm text-gray-200 focus:outline-none focus:border-indigo-500 resize-none ".concat(matchClass)
|
|
55703
55711
|
});
|
|
55704
55712
|
}
|
|
55705
55713
|
|
|
@@ -55711,16 +55719,25 @@ function CellEditor(_ref) {
|
|
|
55711
55719
|
return _onChange(e.target.value);
|
|
55712
55720
|
},
|
|
55713
55721
|
placeholder: columnType.type === "date" ? "YYYY-MM-DD" : "",
|
|
55714
|
-
className: "w-full px-2 py-1.5 bg-gray-800 border border-gray-700/50 rounded text-sm text-gray-200 focus:outline-none focus:border-indigo-500"
|
|
55722
|
+
className: "w-full px-2 py-1.5 bg-gray-800 border border-gray-700/50 rounded text-sm text-gray-200 focus:outline-none focus:border-indigo-500 ".concat(matchClass)
|
|
55715
55723
|
});
|
|
55716
55724
|
}
|
|
55717
55725
|
|
|
55718
55726
|
// ─── Table Block Editor ──────────────────────────────────────────────────────
|
|
55719
55727
|
|
|
55728
|
+
function rowMatchesQuery(row, query) {
|
|
55729
|
+
if (!query || !query.trim()) return true;
|
|
55730
|
+
var q = query.toLowerCase();
|
|
55731
|
+
return row.some(function (cell) {
|
|
55732
|
+
return cell && String(cell).toLowerCase().includes(q);
|
|
55733
|
+
});
|
|
55734
|
+
}
|
|
55720
55735
|
function TableEditor(_ref2) {
|
|
55721
55736
|
var block = _ref2.block,
|
|
55722
55737
|
blockIndex = _ref2.blockIndex,
|
|
55723
|
-
onBlockChange = _ref2.onBlockChange
|
|
55738
|
+
onBlockChange = _ref2.onBlockChange,
|
|
55739
|
+
_ref2$searchQuery = _ref2.searchQuery,
|
|
55740
|
+
searchQuery = _ref2$searchQuery === void 0 ? "" : _ref2$searchQuery;
|
|
55724
55741
|
var handleCellChange = React.useCallback(function (rowIdx, colIdx, value) {
|
|
55725
55742
|
var newRows = block.rows.map(function (row, ri) {
|
|
55726
55743
|
return ri === rowIdx ? row.map(function (cell, ci) {
|
|
@@ -55800,6 +55817,16 @@ function TableEditor(_ref2) {
|
|
|
55800
55817
|
})
|
|
55801
55818
|
}), /*#__PURE__*/jsxRuntime.jsx("tbody", {
|
|
55802
55819
|
children: block.rows.map(function (row, ri) {
|
|
55820
|
+
return {
|
|
55821
|
+
row: row,
|
|
55822
|
+
ri: ri
|
|
55823
|
+
};
|
|
55824
|
+
}).filter(function (_ref3) {
|
|
55825
|
+
var row = _ref3.row;
|
|
55826
|
+
return rowMatchesQuery(row, searchQuery);
|
|
55827
|
+
}).map(function (_ref4) {
|
|
55828
|
+
var row = _ref4.row,
|
|
55829
|
+
ri = _ref4.ri;
|
|
55803
55830
|
return /*#__PURE__*/jsxRuntime.jsxs("tr", {
|
|
55804
55831
|
className: "group hover:bg-gray-800/30",
|
|
55805
55832
|
children: [block.columns.map(function (_, ci) {
|
|
@@ -55815,7 +55842,8 @@ function TableEditor(_ref2) {
|
|
|
55815
55842
|
},
|
|
55816
55843
|
onChangeWithNewOption: function onChangeWithNewOption(val) {
|
|
55817
55844
|
return handleCellChangeWithNewOption(ri, ci, val);
|
|
55818
|
-
}
|
|
55845
|
+
},
|
|
55846
|
+
searchQuery: searchQuery
|
|
55819
55847
|
})
|
|
55820
55848
|
}, ci);
|
|
55821
55849
|
}), /*#__PURE__*/jsxRuntime.jsx("td", {
|
|
@@ -55848,10 +55876,10 @@ function TableEditor(_ref2) {
|
|
|
55848
55876
|
|
|
55849
55877
|
// ─── Section with collapse ───────────────────────────────────────────────────
|
|
55850
55878
|
|
|
55851
|
-
function Section(
|
|
55852
|
-
var level =
|
|
55853
|
-
text =
|
|
55854
|
-
children =
|
|
55879
|
+
function Section(_ref5) {
|
|
55880
|
+
var level = _ref5.level,
|
|
55881
|
+
text = _ref5.text,
|
|
55882
|
+
children = _ref5.children;
|
|
55855
55883
|
var _useState5 = React.useState(true),
|
|
55856
55884
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
55857
55885
|
open = _useState6[0],
|
|
@@ -55877,10 +55905,10 @@ function Section(_ref3) {
|
|
|
55877
55905
|
|
|
55878
55906
|
// ─── Paragraph Editor ────────────────────────────────────────────────────────
|
|
55879
55907
|
|
|
55880
|
-
function ParagraphEditor(
|
|
55881
|
-
var block =
|
|
55882
|
-
blockIndex =
|
|
55883
|
-
onBlockChange =
|
|
55908
|
+
function ParagraphEditor(_ref6) {
|
|
55909
|
+
var block = _ref6.block,
|
|
55910
|
+
blockIndex = _ref6.blockIndex,
|
|
55911
|
+
onBlockChange = _ref6.onBlockChange;
|
|
55884
55912
|
return /*#__PURE__*/jsxRuntime.jsx("textarea", {
|
|
55885
55913
|
value: block.text,
|
|
55886
55914
|
onChange: function onChange(e) {
|
|
@@ -55895,10 +55923,10 @@ function ParagraphEditor(_ref4) {
|
|
|
55895
55923
|
|
|
55896
55924
|
// ─── List Editor ─────────────────────────────────────────────────────────────
|
|
55897
55925
|
|
|
55898
|
-
function ListEditor(
|
|
55899
|
-
var block =
|
|
55900
|
-
blockIndex =
|
|
55901
|
-
onBlockChange =
|
|
55926
|
+
function ListEditor(_ref7) {
|
|
55927
|
+
var block = _ref7.block,
|
|
55928
|
+
blockIndex = _ref7.blockIndex,
|
|
55929
|
+
onBlockChange = _ref7.onBlockChange;
|
|
55902
55930
|
var handleItemChange = React.useCallback(function (itemIdx, value) {
|
|
55903
55931
|
var newItems = block.items.map(function (item, i) {
|
|
55904
55932
|
return i === itemIdx ? value : item;
|
|
@@ -55958,10 +55986,12 @@ function ListEditor(_ref5) {
|
|
|
55958
55986
|
|
|
55959
55987
|
// ─── Main Component ──────────────────────────────────────────────────────────
|
|
55960
55988
|
|
|
55961
|
-
function MarkdownFormEditor(
|
|
55962
|
-
var content =
|
|
55963
|
-
onChange =
|
|
55964
|
-
|
|
55989
|
+
function MarkdownFormEditor(_ref8) {
|
|
55990
|
+
var content = _ref8.content,
|
|
55991
|
+
onChange = _ref8.onChange;
|
|
55992
|
+
_ref8.readOnly;
|
|
55993
|
+
var _ref8$searchQuery = _ref8.searchQuery,
|
|
55994
|
+
searchQuery = _ref8$searchQuery === void 0 ? "" : _ref8$searchQuery;
|
|
55965
55995
|
var _useState7 = React.useState([]),
|
|
55966
55996
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
55967
55997
|
blocks = _useState8[0],
|
|
@@ -56036,14 +56066,15 @@ function MarkdownFormEditor(_ref6) {
|
|
|
56036
56066
|
}
|
|
56037
56067
|
}
|
|
56038
56068
|
return elements;
|
|
56039
|
-
}, [blocks, handleBlockChange]);
|
|
56069
|
+
}, [blocks, handleBlockChange, searchQuery]);
|
|
56040
56070
|
function renderBlock(block, index) {
|
|
56041
56071
|
switch (block.type) {
|
|
56042
56072
|
case "table":
|
|
56043
56073
|
return /*#__PURE__*/jsxRuntime.jsx(TableEditor, {
|
|
56044
56074
|
block: block,
|
|
56045
56075
|
blockIndex: index,
|
|
56046
|
-
onBlockChange: handleBlockChange
|
|
56076
|
+
onBlockChange: handleBlockChange,
|
|
56077
|
+
searchQuery: searchQuery
|
|
56047
56078
|
}, index);
|
|
56048
56079
|
case "paragraph":
|
|
56049
56080
|
return /*#__PURE__*/jsxRuntime.jsx(ParagraphEditor, {
|