sag_components 2.0.0-beta197 → 2.0.0-beta199

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/dist/index.esm.js +180 -197
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +180 -197
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -10589,23 +10589,24 @@ const QuarterPopupPicker = ({
10589
10589
  };
10590
10590
 
10591
10591
  /* eslint-disable import/no-extraneous-dependencies */
10592
- const QuarterPicker = ({
10593
- availableQuarters,
10594
- // ["Q1-2024"]
10595
- label,
10596
- onChange,
10597
- borderRadius,
10598
- required,
10599
- width,
10600
- height,
10601
- placeholder,
10602
- disabled,
10603
- borderColor,
10604
- borderColorFocus,
10605
- textColor,
10606
- selectedValue,
10607
- startYear
10608
- }) => {
10592
+ const QuarterPicker = _ref => {
10593
+ let {
10594
+ availableQuarters,
10595
+ // ["Q1-2024"]
10596
+ label,
10597
+ onChange,
10598
+ borderRadius,
10599
+ required,
10600
+ width,
10601
+ height,
10602
+ placeholder,
10603
+ disabled,
10604
+ borderColor,
10605
+ borderColorFocus,
10606
+ textColor,
10607
+ selectedValue,
10608
+ startYear
10609
+ } = _ref;
10609
10610
  const [isFocused, setIsFocused] = React$1.useState(false);
10610
10611
  const [isOpen, setIsOpen] = React$1.useState(false);
10611
10612
  const [value, setValue] = React$1.useState('');
@@ -11047,22 +11048,23 @@ const MonthPopupPicker = ({
11047
11048
  };
11048
11049
 
11049
11050
  /* eslint-disable import/no-extraneous-dependencies */
11050
- const MonthPicker = ({
11051
- availableMonths,
11052
- label,
11053
- onChange,
11054
- borderRadius,
11055
- required,
11056
- width,
11057
- height,
11058
- placeholder,
11059
- disabled,
11060
- borderColor,
11061
- borderColorFocus,
11062
- textColor,
11063
- selectedValue,
11064
- startYear
11065
- }) => {
11051
+ const MonthPicker = _ref => {
11052
+ let {
11053
+ availableMonths,
11054
+ label,
11055
+ onChange,
11056
+ borderRadius,
11057
+ required,
11058
+ width,
11059
+ height,
11060
+ placeholder,
11061
+ disabled,
11062
+ borderColor,
11063
+ borderColorFocus,
11064
+ textColor,
11065
+ selectedValue,
11066
+ startYear
11067
+ } = _ref;
11066
11068
  const [isFocused, setIsFocused] = React$1.useState(false);
11067
11069
  const [isOpen, setIsOpen] = React$1.useState(false);
11068
11070
  const [value, setValue] = React$1.useState('');
@@ -24173,21 +24175,22 @@ const DeleteIcon = styled__default["default"].div`
24173
24175
  position: absolute;
24174
24176
  `;
24175
24177
 
24176
- const QuickFilterDropdownSingle = ({
24177
- label,
24178
- hoverColor,
24179
- options,
24180
- selectedValue,
24181
- placeHolder,
24182
- onChange,
24183
- disabled,
24184
- width,
24185
- error,
24186
- errorMessage,
24187
- xIconShow,
24188
- labelColor,
24189
- showLabelOnTop
24190
- }) => {
24178
+ const QuickFilterDropdownSingle = _ref => {
24179
+ let {
24180
+ label,
24181
+ hoverColor,
24182
+ options,
24183
+ selectedValue,
24184
+ placeHolder,
24185
+ onChange,
24186
+ disabled,
24187
+ width,
24188
+ error,
24189
+ errorMessage,
24190
+ xIconShow,
24191
+ labelColor,
24192
+ showLabelOnTop
24193
+ } = _ref;
24191
24194
  const [isFocused, setIsFocused] = React$1.useState(false);
24192
24195
  const [showOptions, setShowOptions] = React$1.useState(false);
24193
24196
  const [inputValue, setInputValue] = React$1.useState("");
@@ -24584,23 +24587,24 @@ const IconContainer$2 = styled__default["default"].div`
24584
24587
  cursor: pointer;
24585
24588
  `;
24586
24589
 
24587
- const QuickFilterDropdownMultiSelection = ({
24588
- label,
24589
- labelEmptyValue,
24590
- options,
24591
- selectedValue,
24592
- placeHolder,
24593
- onChange,
24594
- required,
24595
- disabled,
24596
- width,
24597
- error,
24598
- errorMessage,
24599
- labelColor,
24600
- xIconShow,
24601
- checkBoxColor,
24602
- showLabelOnTop
24603
- }) => {
24590
+ const QuickFilterDropdownMultiSelection = _ref => {
24591
+ let {
24592
+ label,
24593
+ labelEmptyValue,
24594
+ options,
24595
+ selectedValue,
24596
+ placeHolder,
24597
+ onChange,
24598
+ required,
24599
+ disabled,
24600
+ width,
24601
+ error,
24602
+ errorMessage,
24603
+ labelColor,
24604
+ xIconShow,
24605
+ checkBoxColor,
24606
+ showLabelOnTop
24607
+ } = _ref;
24604
24608
  const [isFocused, setIsFocused] = React$1.useState(false);
24605
24609
  const [showOptions, setShowOptions] = React$1.useState(false);
24606
24610
  const [inputValue, setInputValue] = React$1.useState('');
@@ -39954,37 +39958,6 @@ Dropdown.propTypes = {
39954
39958
 
39955
39959
  // combinedShimmerHooks.js - Chrome shimmer effect integrated with your hooks
39956
39960
 
39957
- // Hook that specifically watches for indexToShimmer changes (like your original)
39958
- const useShimmerChromeEffect = (text, currentRowIndex, indexToShimmer) => {
39959
- // Handle null/undefined text safely
39960
- const safeText = text !== null && text !== undefined ? text.toString() : '';
39961
- const [isShimmering, setIsShimmering] = React$1.useState(false);
39962
- const [lastShimmerIndex, setLastShimmerIndex] = React$1.useState(null);
39963
-
39964
- // Check if this row should animate
39965
- const shouldAnimate = currentRowIndex === indexToShimmer;
39966
-
39967
- // Reset animation when indexToShimmer changes and this row is targeted
39968
- React$1.useEffect(() => {
39969
- if (shouldAnimate && indexToShimmer !== lastShimmerIndex) {
39970
- setIsShimmering(true);
39971
- setLastShimmerIndex(indexToShimmer);
39972
-
39973
- // Stop shimmering after 5 seconds
39974
- const timeout = setTimeout(() => {
39975
- setIsShimmering(false);
39976
- }, 5000);
39977
- return () => clearTimeout(timeout);
39978
- } else if (!shouldAnimate) {
39979
- setIsShimmering(false);
39980
- }
39981
- }, [indexToShimmer, shouldAnimate, lastShimmerIndex]);
39982
- return {
39983
- text: safeText,
39984
- isShimmering: shouldAnimate && isShimmering
39985
- };
39986
- };
39987
-
39988
39961
  // Chrome Shimmer Component
39989
39962
  const ChromeShimmerText = ({
39990
39963
  text,
@@ -40080,11 +40053,17 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40080
40053
  expandedContent = {},
40081
40054
  onExpandRow = () => {},
40082
40055
  expandedBackgroundColor = "#E6F0F0",
40083
- // New prop with default
40084
40056
  onDropdownSelected = () => {},
40085
40057
  onCheckboxClick = () => {},
40086
40058
  onHeaderCheckboxClick = () => {}
40087
40059
  }, ref) => {
40060
+ // MOVE ALL VALIDATION TO THE VERY TOP BEFORE ANY HOOKS
40061
+ if (!Array.isArray(data) || !Array.isArray(columns)) {
40062
+ console.warn("TableBody: Invalid data or columns prop");
40063
+ return null;
40064
+ }
40065
+
40066
+ // NOW ALL THE HOOKS CAN BE CALLED SAFELY
40088
40067
  const [hoveredRowIndex, setHoveredRowIndex] = React$1.useState(null);
40089
40068
  const [focusedRowIndex, setFocusedRowIndex] = React$1.useState(null);
40090
40069
  const [isCommentModalOpen, setIsCommentModalOpen] = React$1.useState(false);
@@ -40097,11 +40076,24 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40097
40076
  const [hasUserInteracted, setHasUserInteracted] = React$1.useState(false);
40098
40077
  const [hasInitialValue, setHasInitialValue] = React$1.useState(false);
40099
40078
 
40100
- // Early return for invalid data
40101
- if (!Array.isArray(data) || !Array.isArray(columns)) {
40102
- console.warn("TableBody: Invalid data or columns prop");
40103
- return null;
40104
- }
40079
+ // Shimmer state - manage shimmer effect at the top level
40080
+ const [shimmerRowIndex, setShimmerRowIndex] = React$1.useState(-1);
40081
+ const [shimmerStartTime, setShimmerStartTime] = React$1.useState(null);
40082
+
40083
+ // Handle shimmer effect changes
40084
+ React$1.useEffect(() => {
40085
+ if (indexToShimmer >= 0 && indexToShimmer !== shimmerRowIndex) {
40086
+ setShimmerRowIndex(indexToShimmer);
40087
+ setShimmerStartTime(Date.now());
40088
+
40089
+ // Auto-stop shimmer after 5 seconds
40090
+ const timeout = setTimeout(() => {
40091
+ setShimmerRowIndex(-1);
40092
+ setShimmerStartTime(null);
40093
+ }, 5000);
40094
+ return () => clearTimeout(timeout);
40095
+ }
40096
+ }, [indexToShimmer, shimmerRowIndex]);
40105
40097
 
40106
40098
  // Expose methods to parent component via ref
40107
40099
  React$1.useImperativeHandle(ref, () => ({
@@ -40675,7 +40667,7 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40675
40667
  };
40676
40668
  }, []);
40677
40669
 
40678
- // Return null if no data
40670
+ // HANDLE SPECIAL CASE: EMPTY DATA AFTER ALL HOOKS
40679
40671
  if (data.length === 0) {
40680
40672
  return /*#__PURE__*/React__default["default"].createElement(StyledTableBody, {
40681
40673
  ref: ref
@@ -40727,7 +40719,7 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40727
40719
  key: `invalid-${columnIndex}`
40728
40720
  }, "Invalid Column");
40729
40721
  }
40730
- let value, formattedValue, shimmerText, isShimmering;
40722
+ let value, formattedValue;
40731
40723
  try {
40732
40724
  value = row[column.key];
40733
40725
  formattedValue = formatValue(value, column, row, rowIndex) || "";
@@ -40736,23 +40728,11 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40736
40728
  formattedValue = "";
40737
40729
  }
40738
40730
 
40739
- // Initialize shimmer defaults
40740
- shimmerText = formattedValue;
40741
- isShimmering = false;
40742
-
40743
- // Only use shimmer hook for text-based fields
40731
+ // Check if this is a text-based field for shimmer rendering
40744
40732
  const isTextBasedField = column.fieldType?.toLowerCase() === "text" || column.fieldType?.toLowerCase() === "currency" || column.fieldType?.toLowerCase() === "number" || column.fieldType?.toLowerCase() === "percentage" || column.fieldType?.toLowerCase() === "date" || !column.fieldType;
40745
- if (isTextBasedField && typeof useShimmerChromeEffect === 'function') {
40746
- try {
40747
- const shimmerResult = useShimmerChromeEffect(String(formattedValue || ""), rowIndex, indexToShimmer, columnIndex, columns.length);
40748
- if (shimmerResult && typeof shimmerResult === 'object') {
40749
- shimmerText = shimmerResult.text || formattedValue;
40750
- isShimmering = Boolean(shimmerResult.isShimmering);
40751
- }
40752
- } catch (e) {
40753
- console.warn("Error with shimmer effect:", e);
40754
- }
40755
- }
40733
+
40734
+ // Determine if shimmer should be applied
40735
+ const shouldShimmer = isTextBasedField && rowIndex === shimmerRowIndex && shimmerStartTime !== null;
40756
40736
  return /*#__PURE__*/React__default["default"].createElement(TableCell, {
40757
40737
  key: `${column.key}-${rowIndex}`,
40758
40738
  ref: el => {
@@ -40783,10 +40763,10 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40783
40763
  $color: column.color,
40784
40764
  $minWidth: column.minWidth,
40785
40765
  $maxWidth: column.maxWidth
40786
- }, isTextBasedField ? typeof ChromeShimmerText === 'function' ? /*#__PURE__*/React__default["default"].createElement(ChromeShimmerText, {
40787
- text: String(shimmerText || ""),
40788
- isShimmering: isShimmering
40789
- }) : String(shimmerText || "") : formattedValue || "");
40766
+ }, isTextBasedField && shouldShimmer ? typeof ChromeShimmerText === 'function' ? /*#__PURE__*/React__default["default"].createElement(ChromeShimmerText, {
40767
+ text: String(formattedValue || ""),
40768
+ isShimmering: true
40769
+ }) : String(formattedValue || "") : formattedValue || "");
40790
40770
  })), expandable && expandedRows[rowIndex] && /*#__PURE__*/React__default["default"].createElement(ExpandedRow, {
40791
40771
  $expandedBackgroundColor: expandedBackgroundColor
40792
40772
  }, /*#__PURE__*/React__default["default"].createElement(TableCell, {
@@ -44068,79 +44048,82 @@ const NoSearchUpcIcon = ({
44068
44048
  transform: "translate(73.75 80.8828)"
44069
44049
  }))));
44070
44050
 
44071
- const NothingToTrackIcon = ({
44072
- width = "251",
44073
- height = "250"
44074
- }) => /*#__PURE__*/React__default["default"].createElement("svg", {
44075
- width: width,
44076
- height: height,
44077
- viewBox: "0 0 250 251",
44078
- fill: "none",
44079
- xmlns: "http://www.w3.org/2000/svg"
44080
- }, /*#__PURE__*/React__default["default"].createElement("rect", {
44081
- x: "0.5",
44082
- width: "250",
44083
- height: "250",
44084
- rx: "125",
44085
- fill: "#F3F7F7"
44086
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44087
- d: "M119.792 200.515C121.831 201.751 124.145 202.402 126.5 202.402C128.855 202.402 131.169 201.751 133.208 200.515L180.167 172.349C182.204 171.114 183.897 169.338 185.074 167.2C186.252 165.062 186.873 162.636 186.875 160.167V103.833C186.873 101.364 186.252 98.9379 185.074 96.7997C183.897 94.6616 182.204 92.886 180.167 91.6511L133.208 63.4845C131.169 62.2484 128.855 61.5977 126.5 61.5977C124.145 61.5977 121.831 62.2484 119.792 63.4845L72.8333 91.6511C70.7958 92.886 69.1034 94.6616 67.9259 96.7997C66.7485 98.9379 66.1274 101.364 66.125 103.833V160.167C66.1274 162.636 66.7485 165.062 67.9259 167.2C69.1034 169.338 70.7958 171.114 72.8333 172.349L119.792 200.515Z",
44088
- stroke: "#519595",
44089
- "stroke-width": "6",
44090
- "stroke-linecap": "round",
44091
- "stroke-linejoin": "round"
44092
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44093
- d: "M126.5 202.417V132",
44094
- stroke: "#519595",
44095
- "stroke-width": "6",
44096
- "stroke-linecap": "round",
44097
- "stroke-linejoin": "round"
44098
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44099
- d: "M68.0703 96.792L126.5 132L184.929 96.792",
44100
- stroke: "#519595",
44101
- "stroke-width": "6",
44102
- "stroke-linecap": "round",
44103
- "stroke-linejoin": "round"
44104
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44105
- d: "M96.3125 77.5684L156.688 113.833",
44106
- stroke: "#519595",
44107
- "stroke-width": "6",
44108
- "stroke-linecap": "round",
44109
- "stroke-linejoin": "round"
44110
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44111
- d: "M201.551 142.578V142.545C201.55 142.551 201.548 142.556 201.547 142.561C201.545 142.556 201.543 142.551 201.542 142.545V142.578C201.125 144.131 200.158 145.242 198.644 145.909C200.158 146.577 201.125 147.688 201.542 149.241V149.274C201.544 149.268 201.546 149.263 201.547 149.257C201.549 149.263 201.55 149.268 201.551 149.274V149.241C201.969 147.688 202.936 146.577 204.45 145.909C202.936 145.242 201.969 144.131 201.551 142.578ZM32.9078 61.6887V61.656C32.906 61.6615 32.9043 61.6669 32.9034 61.6724C32.9016 61.6669 32.8998 61.6615 32.8989 61.656V61.6887C32.481 63.2419 31.5147 64.3525 30 65.0204C31.5147 65.6884 32.481 66.799 32.8989 68.3521V68.3848C32.9007 68.3794 32.9025 68.3739 32.9034 68.3685C32.9052 68.3739 32.9069 68.3794 32.9078 68.3848V68.3521C33.3258 66.799 34.2921 65.6884 35.8068 65.0204C34.2921 64.3525 33.3258 63.2419 32.9078 61.6887ZM218.101 173.351V173.318C218.099 173.323 218.098 173.329 218.097 173.334C218.095 173.329 218.093 173.323 218.092 173.318V173.351C217.674 174.904 216.708 176.014 215.193 176.682C216.708 177.35 217.674 178.461 218.092 180.014V180.047C218.094 180.041 218.096 180.036 218.097 180.03C218.098 180.036 218.1 180.041 218.101 180.047V180.014C218.519 178.461 219.485 177.35 221 176.682C219.485 176.014 218.519 174.904 218.101 173.351ZM182.681 176.603V176.537C182.679 176.549 182.675 176.559 182.672 176.571C182.67 176.559 182.666 176.549 182.663 176.537V176.603C181.828 179.709 179.895 181.931 176.866 183.267C179.895 184.603 181.827 186.825 182.663 189.93V189.996C182.666 189.985 182.67 189.975 182.672 189.963C182.675 189.975 182.679 189.985 182.681 189.996V189.93C183.517 186.825 185.45 184.603 188.479 183.267C185.45 181.931 183.518 179.709 182.681 176.603ZM53.3947 102.023V101.957C53.3921 101.969 53.3885 101.979 53.3859 101.991C53.3832 101.979 53.3797 101.969 53.377 101.957V102.023C52.5411 105.129 50.6085 107.351 47.5791 108.687C50.6085 110.023 52.5402 112.245 53.377 115.35V115.416C53.3797 115.405 53.3832 115.395 53.3859 115.383C53.3885 115.395 53.3921 115.405 53.3947 115.416V115.35C54.2306 112.245 56.1632 110.023 59.1926 108.687C56.1632 107.351 54.2315 105.129 53.3947 102.023ZM101.463 40.9091V40.8428C101.461 40.8546 101.457 40.8646 101.455 40.8764C101.452 40.8646 101.448 40.8546 101.446 40.8428V40.9091C100.61 44.0145 98.6771 46.2365 95.6478 47.5725C98.6771 48.9084 100.609 51.1304 101.446 54.2358V54.3022C101.448 54.2904 101.452 54.2804 101.455 54.2685C101.457 54.2804 101.461 54.2904 101.463 54.3022V54.2358C102.299 51.1304 104.232 48.9084 107.261 47.5725C104.232 46.2365 102.3 44.0145 101.463 40.9091Z",
44112
- fill: "#F2BB91"
44113
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44114
- d: "M47.7905 141.951C47.9948 141.763 48.3225 141.763 48.5269 141.951C48.7375 142.145 48.7375 142.466 48.5269 142.66L40.2554 150.287C40.0511 150.476 39.7234 150.476 39.519 150.287C39.3085 150.093 39.3085 149.772 39.519 149.578L47.7905 141.951ZM45.5845 147.544C46.2935 146.89 47.4389 146.89 48.1479 147.544C48.8634 148.204 48.8633 149.278 48.1479 149.938C47.4389 150.591 46.2935 150.591 45.5845 149.938C44.8693 149.278 44.8692 148.204 45.5845 147.544ZM47.4126 148.253C47.1122 147.976 46.6202 147.976 46.3198 148.253C46.0262 148.524 46.026 148.959 46.3198 149.229C46.6202 149.507 47.1122 149.506 47.4126 149.229C47.7065 148.959 47.7064 148.524 47.4126 148.253ZM39.8979 142.301C40.607 141.647 41.7524 141.647 42.4614 142.301C43.1766 142.96 43.1767 144.035 42.4614 144.694C41.7524 145.348 40.607 145.348 39.8979 144.694C39.1826 144.035 39.1827 142.96 39.8979 142.301ZM41.7261 143.009C41.4257 142.732 40.9337 142.732 40.6333 143.009C40.3394 143.28 40.3397 143.714 40.6333 143.985C40.9337 144.262 41.4257 144.262 41.7261 143.985C42.0197 143.714 42.0199 143.28 41.7261 143.009Z",
44115
- fill: "#9BC2C3",
44116
- stroke: "#9BC2C3",
44117
- "stroke-width": "0.276243"
44118
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44119
- d: "M136.451 193.856C136.655 193.668 136.983 193.668 137.187 193.856C137.398 194.051 137.398 194.371 137.187 194.565L128.916 202.192C128.711 202.381 128.384 202.381 128.179 202.192C127.969 201.998 127.969 201.678 128.179 201.483L136.451 193.856ZM134.245 199.449C134.954 198.795 136.099 198.795 136.808 199.449C137.524 200.109 137.523 201.183 136.808 201.843C136.099 202.497 134.954 202.497 134.245 201.843C133.53 201.183 133.529 200.109 134.245 199.449ZM136.073 200.158C135.772 199.881 135.28 199.881 134.98 200.158C134.686 200.429 134.686 200.864 134.98 201.135C135.28 201.412 135.772 201.412 136.073 201.135C136.367 200.864 136.367 200.429 136.073 200.158ZM128.558 194.206C129.267 193.552 130.413 193.552 131.122 194.206C131.837 194.866 131.837 195.94 131.122 196.6C130.413 197.253 129.267 197.253 128.558 196.6C127.843 195.94 127.843 194.866 128.558 194.206ZM130.386 194.914C130.086 194.637 129.594 194.637 129.293 194.914C129 195.185 129 195.62 129.293 195.891C129.594 196.168 130.086 196.168 130.386 195.891C130.68 195.62 130.68 195.185 130.386 194.914Z",
44120
- fill: "#9BC2C3",
44121
- stroke: "#9BC2C3",
44122
- "stroke-width": "0.276243"
44123
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44124
- d: "M147.664 33.4932C147.835 33.3178 148.114 33.3178 148.286 33.4932C148.455 33.6668 148.455 33.9474 148.286 34.1211L141.887 40.6758C141.716 40.8509 141.437 40.851 141.266 40.6758C141.097 40.5021 141.097 40.2215 141.266 40.0479L147.664 33.4932ZM145.958 38.2998C146.519 37.7245 147.431 37.7244 147.993 38.2998C148.553 38.8734 148.553 39.8024 147.993 40.376C147.431 40.9512 146.519 40.9511 145.958 40.376C145.398 39.8024 145.398 38.8734 145.958 38.2998ZM147.371 38.9277C147.152 38.7033 146.798 38.7033 146.579 38.9277C146.358 39.154 146.358 39.5219 146.579 39.748C146.798 39.9725 147.152 39.9724 147.371 39.748C147.592 39.5218 147.591 39.154 147.371 38.9277ZM141.559 33.7939C142.121 33.2185 143.033 33.2185 143.594 33.7939C144.154 34.3675 144.154 35.2956 143.594 35.8691C143.033 36.4446 142.121 36.4445 141.559 35.8691C140.999 35.2955 140.999 34.3676 141.559 33.7939ZM142.972 34.4209C142.753 34.1966 142.399 34.1965 142.18 34.4209C141.959 34.6472 141.959 35.0159 142.18 35.2422C142.399 35.4665 142.753 35.4664 142.972 35.2422C143.193 35.0159 143.193 34.6472 142.972 34.4209Z",
44125
- fill: "#9BC2C3",
44126
- stroke: "#9BC2C3",
44127
- "stroke-width": "0.276243"
44128
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44129
- d: "M83.7796 190.438V190.474C84.2838 192.128 85.4477 193.311 87.2731 194.023C85.4477 194.735 84.2832 195.918 83.7796 197.572V197.608C83.778 197.601 83.7758 197.596 83.7742 197.59C83.7726 197.596 83.7705 197.601 83.7689 197.608V197.572C83.2647 195.918 82.1007 194.735 80.2754 194.023C82.1007 193.311 83.2652 192.128 83.7689 190.474V190.438C83.7705 190.445 83.7726 190.45 83.7742 190.456C83.7758 190.45 83.778 190.445 83.7796 190.438Z",
44130
- fill: "#F2BB91"
44131
- }), /*#__PURE__*/React__default["default"].createElement("path", {
44132
- d: "M190.895 153.01C201.752 153.01 210.673 162.263 210.673 173.829C210.673 185.395 201.752 194.647 190.895 194.647C180.039 194.647 171.117 185.395 171.117 173.829C171.117 162.263 180.038 153.01 190.895 153.01Z",
44133
- fill: "#B4D1D2",
44134
- stroke: "#519595",
44135
- "stroke-width": "3"
44136
- }), /*#__PURE__*/React__default["default"].createElement("line", {
44137
- x1: "180.763",
44138
- y1: "174.886",
44139
- x2: "202.041",
44140
- y2: "174.886",
44141
- stroke: "#519595",
44142
- "stroke-width": "3"
44143
- }));
44051
+ const NothingToTrackIcon = _ref => {
44052
+ let {
44053
+ width = "251",
44054
+ height = "250"
44055
+ } = _ref;
44056
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
44057
+ width: width,
44058
+ height: height,
44059
+ viewBox: "0 0 250 251",
44060
+ fill: "none",
44061
+ xmlns: "http://www.w3.org/2000/svg"
44062
+ }, /*#__PURE__*/React__default["default"].createElement("rect", {
44063
+ x: "0.5",
44064
+ width: "250",
44065
+ height: "250",
44066
+ rx: "125",
44067
+ fill: "#F3F7F7"
44068
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44069
+ d: "M119.792 200.515C121.831 201.751 124.145 202.402 126.5 202.402C128.855 202.402 131.169 201.751 133.208 200.515L180.167 172.349C182.204 171.114 183.897 169.338 185.074 167.2C186.252 165.062 186.873 162.636 186.875 160.167V103.833C186.873 101.364 186.252 98.9379 185.074 96.7997C183.897 94.6616 182.204 92.886 180.167 91.6511L133.208 63.4845C131.169 62.2484 128.855 61.5977 126.5 61.5977C124.145 61.5977 121.831 62.2484 119.792 63.4845L72.8333 91.6511C70.7958 92.886 69.1034 94.6616 67.9259 96.7997C66.7485 98.9379 66.1274 101.364 66.125 103.833V160.167C66.1274 162.636 66.7485 165.062 67.9259 167.2C69.1034 169.338 70.7958 171.114 72.8333 172.349L119.792 200.515Z",
44070
+ stroke: "#519595",
44071
+ "stroke-width": "6",
44072
+ "stroke-linecap": "round",
44073
+ "stroke-linejoin": "round"
44074
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44075
+ d: "M126.5 202.417V132",
44076
+ stroke: "#519595",
44077
+ "stroke-width": "6",
44078
+ "stroke-linecap": "round",
44079
+ "stroke-linejoin": "round"
44080
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44081
+ d: "M68.0703 96.792L126.5 132L184.929 96.792",
44082
+ stroke: "#519595",
44083
+ "stroke-width": "6",
44084
+ "stroke-linecap": "round",
44085
+ "stroke-linejoin": "round"
44086
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44087
+ d: "M96.3125 77.5684L156.688 113.833",
44088
+ stroke: "#519595",
44089
+ "stroke-width": "6",
44090
+ "stroke-linecap": "round",
44091
+ "stroke-linejoin": "round"
44092
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44093
+ d: "M201.551 142.578V142.545C201.55 142.551 201.548 142.556 201.547 142.561C201.545 142.556 201.543 142.551 201.542 142.545V142.578C201.125 144.131 200.158 145.242 198.644 145.909C200.158 146.577 201.125 147.688 201.542 149.241V149.274C201.544 149.268 201.546 149.263 201.547 149.257C201.549 149.263 201.55 149.268 201.551 149.274V149.241C201.969 147.688 202.936 146.577 204.45 145.909C202.936 145.242 201.969 144.131 201.551 142.578ZM32.9078 61.6887V61.656C32.906 61.6615 32.9043 61.6669 32.9034 61.6724C32.9016 61.6669 32.8998 61.6615 32.8989 61.656V61.6887C32.481 63.2419 31.5147 64.3525 30 65.0204C31.5147 65.6884 32.481 66.799 32.8989 68.3521V68.3848C32.9007 68.3794 32.9025 68.3739 32.9034 68.3685C32.9052 68.3739 32.9069 68.3794 32.9078 68.3848V68.3521C33.3258 66.799 34.2921 65.6884 35.8068 65.0204C34.2921 64.3525 33.3258 63.2419 32.9078 61.6887ZM218.101 173.351V173.318C218.099 173.323 218.098 173.329 218.097 173.334C218.095 173.329 218.093 173.323 218.092 173.318V173.351C217.674 174.904 216.708 176.014 215.193 176.682C216.708 177.35 217.674 178.461 218.092 180.014V180.047C218.094 180.041 218.096 180.036 218.097 180.03C218.098 180.036 218.1 180.041 218.101 180.047V180.014C218.519 178.461 219.485 177.35 221 176.682C219.485 176.014 218.519 174.904 218.101 173.351ZM182.681 176.603V176.537C182.679 176.549 182.675 176.559 182.672 176.571C182.67 176.559 182.666 176.549 182.663 176.537V176.603C181.828 179.709 179.895 181.931 176.866 183.267C179.895 184.603 181.827 186.825 182.663 189.93V189.996C182.666 189.985 182.67 189.975 182.672 189.963C182.675 189.975 182.679 189.985 182.681 189.996V189.93C183.517 186.825 185.45 184.603 188.479 183.267C185.45 181.931 183.518 179.709 182.681 176.603ZM53.3947 102.023V101.957C53.3921 101.969 53.3885 101.979 53.3859 101.991C53.3832 101.979 53.3797 101.969 53.377 101.957V102.023C52.5411 105.129 50.6085 107.351 47.5791 108.687C50.6085 110.023 52.5402 112.245 53.377 115.35V115.416C53.3797 115.405 53.3832 115.395 53.3859 115.383C53.3885 115.395 53.3921 115.405 53.3947 115.416V115.35C54.2306 112.245 56.1632 110.023 59.1926 108.687C56.1632 107.351 54.2315 105.129 53.3947 102.023ZM101.463 40.9091V40.8428C101.461 40.8546 101.457 40.8646 101.455 40.8764C101.452 40.8646 101.448 40.8546 101.446 40.8428V40.9091C100.61 44.0145 98.6771 46.2365 95.6478 47.5725C98.6771 48.9084 100.609 51.1304 101.446 54.2358V54.3022C101.448 54.2904 101.452 54.2804 101.455 54.2685C101.457 54.2804 101.461 54.2904 101.463 54.3022V54.2358C102.299 51.1304 104.232 48.9084 107.261 47.5725C104.232 46.2365 102.3 44.0145 101.463 40.9091Z",
44094
+ fill: "#F2BB91"
44095
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44096
+ d: "M47.7905 141.951C47.9948 141.763 48.3225 141.763 48.5269 141.951C48.7375 142.145 48.7375 142.466 48.5269 142.66L40.2554 150.287C40.0511 150.476 39.7234 150.476 39.519 150.287C39.3085 150.093 39.3085 149.772 39.519 149.578L47.7905 141.951ZM45.5845 147.544C46.2935 146.89 47.4389 146.89 48.1479 147.544C48.8634 148.204 48.8633 149.278 48.1479 149.938C47.4389 150.591 46.2935 150.591 45.5845 149.938C44.8693 149.278 44.8692 148.204 45.5845 147.544ZM47.4126 148.253C47.1122 147.976 46.6202 147.976 46.3198 148.253C46.0262 148.524 46.026 148.959 46.3198 149.229C46.6202 149.507 47.1122 149.506 47.4126 149.229C47.7065 148.959 47.7064 148.524 47.4126 148.253ZM39.8979 142.301C40.607 141.647 41.7524 141.647 42.4614 142.301C43.1766 142.96 43.1767 144.035 42.4614 144.694C41.7524 145.348 40.607 145.348 39.8979 144.694C39.1826 144.035 39.1827 142.96 39.8979 142.301ZM41.7261 143.009C41.4257 142.732 40.9337 142.732 40.6333 143.009C40.3394 143.28 40.3397 143.714 40.6333 143.985C40.9337 144.262 41.4257 144.262 41.7261 143.985C42.0197 143.714 42.0199 143.28 41.7261 143.009Z",
44097
+ fill: "#9BC2C3",
44098
+ stroke: "#9BC2C3",
44099
+ "stroke-width": "0.276243"
44100
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44101
+ d: "M136.451 193.856C136.655 193.668 136.983 193.668 137.187 193.856C137.398 194.051 137.398 194.371 137.187 194.565L128.916 202.192C128.711 202.381 128.384 202.381 128.179 202.192C127.969 201.998 127.969 201.678 128.179 201.483L136.451 193.856ZM134.245 199.449C134.954 198.795 136.099 198.795 136.808 199.449C137.524 200.109 137.523 201.183 136.808 201.843C136.099 202.497 134.954 202.497 134.245 201.843C133.53 201.183 133.529 200.109 134.245 199.449ZM136.073 200.158C135.772 199.881 135.28 199.881 134.98 200.158C134.686 200.429 134.686 200.864 134.98 201.135C135.28 201.412 135.772 201.412 136.073 201.135C136.367 200.864 136.367 200.429 136.073 200.158ZM128.558 194.206C129.267 193.552 130.413 193.552 131.122 194.206C131.837 194.866 131.837 195.94 131.122 196.6C130.413 197.253 129.267 197.253 128.558 196.6C127.843 195.94 127.843 194.866 128.558 194.206ZM130.386 194.914C130.086 194.637 129.594 194.637 129.293 194.914C129 195.185 129 195.62 129.293 195.891C129.594 196.168 130.086 196.168 130.386 195.891C130.68 195.62 130.68 195.185 130.386 194.914Z",
44102
+ fill: "#9BC2C3",
44103
+ stroke: "#9BC2C3",
44104
+ "stroke-width": "0.276243"
44105
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44106
+ d: "M147.664 33.4932C147.835 33.3178 148.114 33.3178 148.286 33.4932C148.455 33.6668 148.455 33.9474 148.286 34.1211L141.887 40.6758C141.716 40.8509 141.437 40.851 141.266 40.6758C141.097 40.5021 141.097 40.2215 141.266 40.0479L147.664 33.4932ZM145.958 38.2998C146.519 37.7245 147.431 37.7244 147.993 38.2998C148.553 38.8734 148.553 39.8024 147.993 40.376C147.431 40.9512 146.519 40.9511 145.958 40.376C145.398 39.8024 145.398 38.8734 145.958 38.2998ZM147.371 38.9277C147.152 38.7033 146.798 38.7033 146.579 38.9277C146.358 39.154 146.358 39.5219 146.579 39.748C146.798 39.9725 147.152 39.9724 147.371 39.748C147.592 39.5218 147.591 39.154 147.371 38.9277ZM141.559 33.7939C142.121 33.2185 143.033 33.2185 143.594 33.7939C144.154 34.3675 144.154 35.2956 143.594 35.8691C143.033 36.4446 142.121 36.4445 141.559 35.8691C140.999 35.2955 140.999 34.3676 141.559 33.7939ZM142.972 34.4209C142.753 34.1966 142.399 34.1965 142.18 34.4209C141.959 34.6472 141.959 35.0159 142.18 35.2422C142.399 35.4665 142.753 35.4664 142.972 35.2422C143.193 35.0159 143.193 34.6472 142.972 34.4209Z",
44107
+ fill: "#9BC2C3",
44108
+ stroke: "#9BC2C3",
44109
+ "stroke-width": "0.276243"
44110
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44111
+ d: "M83.7796 190.438V190.474C84.2838 192.128 85.4477 193.311 87.2731 194.023C85.4477 194.735 84.2832 195.918 83.7796 197.572V197.608C83.778 197.601 83.7758 197.596 83.7742 197.59C83.7726 197.596 83.7705 197.601 83.7689 197.608V197.572C83.2647 195.918 82.1007 194.735 80.2754 194.023C82.1007 193.311 83.2652 192.128 83.7689 190.474V190.438C83.7705 190.445 83.7726 190.45 83.7742 190.456C83.7758 190.45 83.778 190.445 83.7796 190.438Z",
44112
+ fill: "#F2BB91"
44113
+ }), /*#__PURE__*/React__default["default"].createElement("path", {
44114
+ d: "M190.895 153.01C201.752 153.01 210.673 162.263 210.673 173.829C210.673 185.395 201.752 194.647 190.895 194.647C180.039 194.647 171.117 185.395 171.117 173.829C171.117 162.263 180.038 153.01 190.895 153.01Z",
44115
+ fill: "#B4D1D2",
44116
+ stroke: "#519595",
44117
+ "stroke-width": "3"
44118
+ }), /*#__PURE__*/React__default["default"].createElement("line", {
44119
+ x1: "180.763",
44120
+ y1: "174.886",
44121
+ x2: "202.041",
44122
+ y2: "174.886",
44123
+ stroke: "#519595",
44124
+ "stroke-width": "3"
44125
+ }));
44126
+ };
44144
44127
 
44145
44128
  // Table.jsx
44146
44129
  const Table = props => {