@trops/dash-core 0.1.345 → 0.1.347

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.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 border-yellow-400 bg-yellow-800 text-yellow-100" : "";
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(_ref3) {
55852
- var level = _ref3.level,
55853
- text = _ref3.text,
55854
- children = _ref3.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(_ref4) {
55881
- var block = _ref4.block,
55882
- blockIndex = _ref4.blockIndex,
55883
- onBlockChange = _ref4.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(_ref5) {
55899
- var block = _ref5.block,
55900
- blockIndex = _ref5.blockIndex,
55901
- onBlockChange = _ref5.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(_ref6) {
55962
- var content = _ref6.content,
55963
- onChange = _ref6.onChange;
55964
- _ref6.readOnly;
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, {