@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 CHANGED
@@ -55590,11 +55590,17 @@ function ChatCore(_ref) {
55590
55590
 
55591
55591
  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; }
55592
55592
  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; }
55593
+ function cellMatches(value, query) {
55594
+ if (!query || !query.trim() || !value) return false;
55595
+ return value.toLowerCase().includes(query.toLowerCase());
55596
+ }
55593
55597
  function CellEditor(_ref) {
55594
55598
  var value = _ref.value,
55595
55599
  columnType = _ref.columnType,
55596
55600
  _onChange = _ref.onChange,
55597
- onChangeWithNewOption = _ref.onChangeWithNewOption;
55601
+ onChangeWithNewOption = _ref.onChangeWithNewOption,
55602
+ _ref$searchQuery = _ref.searchQuery,
55603
+ searchQuery = _ref$searchQuery === void 0 ? "" : _ref$searchQuery;
55598
55604
  var _useState = useState(false),
55599
55605
  _useState2 = _slicedToArray(_useState, 2),
55600
55606
  enteringCustom = _useState2[0],
@@ -55604,6 +55610,8 @@ function CellEditor(_ref) {
55604
55610
  customValue = _useState4[0],
55605
55611
  setCustomValue = _useState4[1];
55606
55612
  var customInputRef = useRef(null);
55613
+ var matches = cellMatches(value, searchQuery);
55614
+ var matchClass = matches ? "search-match-cell ring-2 ring-yellow-500/60 bg-yellow-900/10" : "";
55607
55615
  useEffect(function () {
55608
55616
  if (enteringCustom && customInputRef.current) {
55609
55617
  customInputRef.current.focus();
@@ -55642,7 +55650,7 @@ function CellEditor(_ref) {
55642
55650
  },
55643
55651
  onBlur: submitCustom,
55644
55652
  placeholder: "Type custom value...",
55645
- className: "flex-1 px-2 py-1.5 bg-gray-800 border border-indigo-500 rounded text-sm text-gray-200 focus:outline-none"
55653
+ 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)
55646
55654
  })
55647
55655
  });
55648
55656
  }
@@ -55656,7 +55664,7 @@ function CellEditor(_ref) {
55656
55664
  _onChange(e.target.value);
55657
55665
  }
55658
55666
  },
55659
- 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",
55667
+ 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),
55660
55668
  children: [/*#__PURE__*/jsx("option", {
55661
55669
  value: "",
55662
55670
  children: "\u2014"
@@ -55681,7 +55689,7 @@ function CellEditor(_ref) {
55681
55689
  return _onChange(e.target.value);
55682
55690
  },
55683
55691
  rows: 2,
55684
- 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"
55692
+ 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)
55685
55693
  });
55686
55694
  }
55687
55695
 
@@ -55693,16 +55701,25 @@ function CellEditor(_ref) {
55693
55701
  return _onChange(e.target.value);
55694
55702
  },
55695
55703
  placeholder: columnType.type === "date" ? "YYYY-MM-DD" : "",
55696
- 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"
55704
+ 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)
55697
55705
  });
55698
55706
  }
55699
55707
 
55700
55708
  // ─── Table Block Editor ──────────────────────────────────────────────────────
55701
55709
 
55710
+ function rowMatchesQuery(row, query) {
55711
+ if (!query || !query.trim()) return true;
55712
+ var q = query.toLowerCase();
55713
+ return row.some(function (cell) {
55714
+ return cell && String(cell).toLowerCase().includes(q);
55715
+ });
55716
+ }
55702
55717
  function TableEditor(_ref2) {
55703
55718
  var block = _ref2.block,
55704
55719
  blockIndex = _ref2.blockIndex,
55705
- onBlockChange = _ref2.onBlockChange;
55720
+ onBlockChange = _ref2.onBlockChange,
55721
+ _ref2$searchQuery = _ref2.searchQuery,
55722
+ searchQuery = _ref2$searchQuery === void 0 ? "" : _ref2$searchQuery;
55706
55723
  var handleCellChange = useCallback(function (rowIdx, colIdx, value) {
55707
55724
  var newRows = block.rows.map(function (row, ri) {
55708
55725
  return ri === rowIdx ? row.map(function (cell, ci) {
@@ -55782,6 +55799,16 @@ function TableEditor(_ref2) {
55782
55799
  })
55783
55800
  }), /*#__PURE__*/jsx("tbody", {
55784
55801
  children: block.rows.map(function (row, ri) {
55802
+ return {
55803
+ row: row,
55804
+ ri: ri
55805
+ };
55806
+ }).filter(function (_ref3) {
55807
+ var row = _ref3.row;
55808
+ return rowMatchesQuery(row, searchQuery);
55809
+ }).map(function (_ref4) {
55810
+ var row = _ref4.row,
55811
+ ri = _ref4.ri;
55785
55812
  return /*#__PURE__*/jsxs("tr", {
55786
55813
  className: "group hover:bg-gray-800/30",
55787
55814
  children: [block.columns.map(function (_, ci) {
@@ -55797,7 +55824,8 @@ function TableEditor(_ref2) {
55797
55824
  },
55798
55825
  onChangeWithNewOption: function onChangeWithNewOption(val) {
55799
55826
  return handleCellChangeWithNewOption(ri, ci, val);
55800
- }
55827
+ },
55828
+ searchQuery: searchQuery
55801
55829
  })
55802
55830
  }, ci);
55803
55831
  }), /*#__PURE__*/jsx("td", {
@@ -55830,10 +55858,10 @@ function TableEditor(_ref2) {
55830
55858
 
55831
55859
  // ─── Section with collapse ───────────────────────────────────────────────────
55832
55860
 
55833
- function Section(_ref3) {
55834
- var level = _ref3.level,
55835
- text = _ref3.text,
55836
- children = _ref3.children;
55861
+ function Section(_ref5) {
55862
+ var level = _ref5.level,
55863
+ text = _ref5.text,
55864
+ children = _ref5.children;
55837
55865
  var _useState5 = useState(true),
55838
55866
  _useState6 = _slicedToArray(_useState5, 2),
55839
55867
  open = _useState6[0],
@@ -55859,10 +55887,10 @@ function Section(_ref3) {
55859
55887
 
55860
55888
  // ─── Paragraph Editor ────────────────────────────────────────────────────────
55861
55889
 
55862
- function ParagraphEditor(_ref4) {
55863
- var block = _ref4.block,
55864
- blockIndex = _ref4.blockIndex,
55865
- onBlockChange = _ref4.onBlockChange;
55890
+ function ParagraphEditor(_ref6) {
55891
+ var block = _ref6.block,
55892
+ blockIndex = _ref6.blockIndex,
55893
+ onBlockChange = _ref6.onBlockChange;
55866
55894
  return /*#__PURE__*/jsx("textarea", {
55867
55895
  value: block.text,
55868
55896
  onChange: function onChange(e) {
@@ -55877,10 +55905,10 @@ function ParagraphEditor(_ref4) {
55877
55905
 
55878
55906
  // ─── List Editor ─────────────────────────────────────────────────────────────
55879
55907
 
55880
- function ListEditor(_ref5) {
55881
- var block = _ref5.block,
55882
- blockIndex = _ref5.blockIndex,
55883
- onBlockChange = _ref5.onBlockChange;
55908
+ function ListEditor(_ref7) {
55909
+ var block = _ref7.block,
55910
+ blockIndex = _ref7.blockIndex,
55911
+ onBlockChange = _ref7.onBlockChange;
55884
55912
  var handleItemChange = useCallback(function (itemIdx, value) {
55885
55913
  var newItems = block.items.map(function (item, i) {
55886
55914
  return i === itemIdx ? value : item;
@@ -55940,10 +55968,12 @@ function ListEditor(_ref5) {
55940
55968
 
55941
55969
  // ─── Main Component ──────────────────────────────────────────────────────────
55942
55970
 
55943
- function MarkdownFormEditor(_ref6) {
55944
- var content = _ref6.content,
55945
- onChange = _ref6.onChange;
55946
- _ref6.readOnly;
55971
+ function MarkdownFormEditor(_ref8) {
55972
+ var content = _ref8.content,
55973
+ onChange = _ref8.onChange;
55974
+ _ref8.readOnly;
55975
+ var _ref8$searchQuery = _ref8.searchQuery,
55976
+ searchQuery = _ref8$searchQuery === void 0 ? "" : _ref8$searchQuery;
55947
55977
  var _useState7 = useState([]),
55948
55978
  _useState8 = _slicedToArray(_useState7, 2),
55949
55979
  blocks = _useState8[0],
@@ -56018,14 +56048,15 @@ function MarkdownFormEditor(_ref6) {
56018
56048
  }
56019
56049
  }
56020
56050
  return elements;
56021
- }, [blocks, handleBlockChange]);
56051
+ }, [blocks, handleBlockChange, searchQuery]);
56022
56052
  function renderBlock(block, index) {
56023
56053
  switch (block.type) {
56024
56054
  case "table":
56025
56055
  return /*#__PURE__*/jsx(TableEditor, {
56026
56056
  block: block,
56027
56057
  blockIndex: index,
56028
- onBlockChange: handleBlockChange
56058
+ onBlockChange: handleBlockChange,
56059
+ searchQuery: searchQuery
56029
56060
  }, index);
56030
56061
  case "paragraph":
56031
56062
  return /*#__PURE__*/jsx(ParagraphEditor, {