sag_components 2.0.0-beta157 → 2.0.0-beta159

package/dist/index.esm.js

@@ -3618,6 +3618,7 @@ const TextFieldInput = styled.input`
 
 const SearchInput = props => {
   const {
+    value,
     placeholder = 'Search',
     width = '100%',
     height = '40px',
@@ -3639,6 +3640,7 @@ const SearchInput = props => {
   })), /*#__PURE__*/React$1.createElement(TextFieldInput, {
     type: "search",
     id: "search-input",
+    value: value,
     height: height,
     placeholder: placeholder,
     onChange: handleInputChange,
@@ -10373,24 +10375,23 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = _ref => {
-  let {
-    availableQuarters,
-    // ["Q1-2024"]
-    label,
-    onChange,
-    borderRadius,
-    required,
-    width,
-    height,
-    placeholder,
-    disabled,
-    borderColor,
-    borderColorFocus,
-    textColor,
-    selectedValue,
-    startYear
-  } = _ref;
+const QuarterPicker = ({
+  availableQuarters,
+  // ["Q1-2024"]
+  label,
+  onChange,
+  borderRadius,
+  required,
+  width,
+  height,
+  placeholder,
+  disabled,
+  borderColor,
+  borderColorFocus,
+  textColor,
+  selectedValue,
+  startYear
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -10832,23 +10833,22 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = _ref => {
-  let {
-    availableMonths,
-    label,
-    onChange,
-    borderRadius,
-    required,
-    width,
-    height,
-    placeholder,
-    disabled,
-    borderColor,
-    borderColorFocus,
-    textColor,
-    selectedValue,
-    startYear
-  } = _ref;
+const MonthPicker = ({
+  availableMonths,
+  label,
+  onChange,
+  borderRadius,
+  required,
+  width,
+  height,
+  placeholder,
+  disabled,
+  borderColor,
+  borderColorFocus,
+  textColor,
+  selectedValue,
+  startYear
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -23959,22 +23959,21 @@ const DeleteIcon = styled.div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = _ref => {
-  let {
-    label,
-    hoverColor,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    xIconShow,
-    labelColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownSingle = ({
+  label,
+  hoverColor,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  xIconShow,
+  labelColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24371,24 +24370,23 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    placeHolder,
-    onChange,
-    required,
-    disabled,
-    width,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop
-  } = _ref;
+const QuickFilterDropdownMultiSelection = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  placeHolder,
+  onChange,
+  required,
+  disabled,
+  width,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop
+}) => {
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -35620,9 +35618,9 @@ const ToggleSlider = styled.span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -36532,6 +36530,61 @@ const NoEvents = ({
   fill: "#519595"
 }));
 
+const NoUpcIcon = ({
+  width = "251",
+  height = "250"
+}) => /*#__PURE__*/React$1.createElement("svg", {
+  width: width,
+  height: height,
+  viewBox: "0 0 250 251",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React$1.createElement("rect", {
+  y: "0.5",
+  width: "250",
+  height: "250",
+  rx: "125",
+  fill: "#F3F7F7"
+}), /*#__PURE__*/React$1.createElement("g", {
+  "clip-path": "url(#clip0_3013_69915)"
+}, /*#__PURE__*/React$1.createElement("circle", {
+  cx: "164.25",
+  cy: "147.383",
+  r: "21.5",
+  fill: "#B4D1D2"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M73.75 89.6016C73.75 88.0031 75.055 86.6953 76.65 86.6953C78.245 86.6953 79.55 88.0031 79.55 89.6016V165.164C79.55 166.762 78.245 168.07 76.65 168.07C75.055 168.07 73.75 166.762 73.75 165.164V89.6016ZM85.35 89.6016C85.35 88.0031 86.655 86.6953 88.25 86.6953C89.845 86.6953 91.15 88.0031 91.15 89.6016V165.164C91.15 166.762 89.845 168.07 88.25 168.07C86.655 168.07 85.35 166.762 85.35 165.164V89.6016ZM96.95 89.6016C96.95 88.0031 98.255 86.6953 99.85 86.6953C101.445 86.6953 102.75 88.0031 102.75 89.6016V165.164C102.75 166.762 101.445 168.07 99.85 168.07C98.255 168.07 96.95 166.762 96.95 165.164V89.6016ZM114.35 89.6016C114.35 88.0031 115.655 86.6953 117.25 86.6953C118.845 86.6953 120.15 88.0031 120.15 89.6016V165.164C120.15 166.762 118.845 168.07 117.25 168.07C115.655 168.07 114.35 166.762 114.35 165.164V89.6016ZM125.95 89.6016C125.95 88.0031 127.255 86.6953 128.85 86.6953C130.445 86.6953 131.75 88.0031 131.75 89.6016V147.727V165.164C131.75 166.762 130.445 168.07 128.85 168.07C127.255 168.07 125.95 166.762 125.95 165.164V89.6016ZM137.55 147.727C137.55 133.286 149.241 121.57 163.65 121.57C178.059 121.57 189.75 133.286 189.75 147.727C189.75 162.167 178.059 173.883 163.65 173.883C149.241 173.883 137.55 162.167 137.55 147.727ZM143.35 89.6016C143.35 88.0031 144.655 86.6953 146.25 86.6953C147.845 86.6953 149.15 88.0031 149.15 89.6016V119.245C147.084 120.317 145.126 121.588 143.35 123.06V89.6016ZM143.35 147.727C143.35 158.97 152.431 168.07 163.65 168.07C174.869 168.07 183.95 158.97 183.95 147.727C183.95 136.483 174.869 127.383 163.65 127.383C152.431 127.383 143.35 136.483 143.35 147.727ZM149.15 147.727C149.15 146.128 150.455 144.82 152.05 144.82H160.75V136.102C160.75 134.503 162.055 133.195 163.65 133.195C165.245 133.195 166.55 134.503 166.55 136.102V144.82H175.25C176.845 144.82 178.15 146.128 178.15 147.727C178.15 149.325 176.845 150.633 175.25 150.633H166.55V159.352C166.55 160.95 165.245 162.258 163.65 162.258C162.055 162.258 160.75 160.95 160.75 159.352V150.633H152.05C150.455 150.633 149.15 149.325 149.15 147.727ZM160.75 89.6016C160.75 88.0031 162.055 86.6953 163.65 86.6953C165.245 86.6953 166.55 88.0031 166.55 89.6016V115.885C165.589 115.794 164.629 115.758 163.65 115.758C162.671 115.758 161.711 115.794 160.75 115.885V89.6016Z",
+  fill: "#519595"
+})), /*#__PURE__*/React$1.createElement("path", {
+  d: "M200.056 149.322V149.29C200.054 149.296 200.052 149.301 200.052 149.306C200.05 149.301 200.048 149.296 200.047 149.29V149.322C199.635 150.818 198.681 151.888 197.186 152.531C198.681 153.175 199.635 154.245 200.047 155.741V155.772C200.049 155.767 200.051 155.762 200.052 155.756C200.053 155.762 200.055 155.767 200.056 155.772V155.741C200.468 154.245 201.422 153.175 202.917 152.531C201.422 151.888 200.468 150.818 200.056 149.322ZM33.6198 71.4013V71.3698C33.618 71.375 33.6163 71.3803 33.6154 71.3855C33.6136 71.3803 33.6119 71.375 33.611 71.3698V71.4013C33.1985 72.8974 32.2449 73.9672 30.75 74.6107C32.2449 75.2542 33.1985 76.324 33.611 77.8201V77.8516C33.6127 77.8464 33.6145 77.8411 33.6154 77.8359C33.6171 77.8411 33.6189 77.8464 33.6198 77.8516V77.8201C34.0322 76.324 34.9859 75.2542 36.4808 74.6107C34.9859 73.9672 34.0322 72.8974 33.6198 71.4013ZM216.389 178.966V178.934C216.387 178.939 216.386 178.945 216.385 178.95C216.383 178.945 216.381 178.939 216.38 178.934V178.966C215.968 180.462 215.014 181.532 213.519 182.175C215.014 182.818 215.968 183.888 216.38 185.384V185.416C216.382 185.411 216.384 185.405 216.385 185.4C216.386 185.405 216.388 185.411 216.389 185.416V185.384C216.801 183.888 217.755 182.818 219.25 182.175C217.755 181.532 216.801 180.462 216.389 178.966ZM181.433 182.099V182.035C181.43 182.046 181.427 182.056 181.424 182.067C181.421 182.056 181.418 182.046 181.415 182.035V182.099C180.59 185.09 178.683 187.231 175.693 188.518C178.683 189.805 180.589 191.945 181.415 194.937V195C181.418 194.989 181.421 194.979 181.424 194.968C181.427 194.979 181.43 194.989 181.433 195V194.937C182.258 191.945 184.165 189.805 187.155 188.518C184.165 187.231 182.259 185.09 181.433 182.099ZM53.8385 110.256V110.192C53.8359 110.203 53.8324 110.213 53.8298 110.224C53.8271 110.213 53.8236 110.203 53.821 110.192V110.256C52.9961 113.247 51.0887 115.388 48.099 116.674C51.0887 117.961 52.9952 120.102 53.821 123.093V123.157C53.8236 123.146 53.8271 123.136 53.8298 123.125C53.8324 123.136 53.8359 123.146 53.8385 123.157V123.093C54.6635 120.102 56.5708 117.961 59.5605 116.674C56.5708 115.388 54.6643 113.247 53.8385 110.256ZM101.278 51.3842V51.3203C101.275 51.3317 101.272 51.3413 101.269 51.3527C101.267 51.3413 101.263 51.3317 101.26 51.3203V51.3842C100.436 54.3756 98.5282 56.5161 95.5385 57.803C98.5282 59.09 100.435 61.2304 101.26 64.2219V64.2858C101.263 64.2744 101.267 64.2648 101.269 64.2534C101.272 64.2648 101.275 64.2744 101.278 64.2858V64.2219C102.103 61.2304 104.01 59.09 107 57.803C104.01 56.5161 102.104 54.3756 101.278 51.3842Z",
+  fill: "#F2BB91"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M48.3076 148.717C48.5096 148.535 48.8322 148.535 49.0342 148.717C49.2444 148.906 49.2443 149.22 49.0342 149.409L40.8711 156.756C40.6691 156.938 40.3465 156.938 40.1445 156.756C39.9344 156.566 39.9342 156.253 40.1445 156.063L48.3076 148.717ZM46.1309 154.104C46.8309 153.474 47.9601 153.474 48.6602 154.104C49.3686 154.742 49.3687 155.782 48.6602 156.42C47.9601 157.05 46.8309 157.05 46.1309 156.42C45.4223 155.782 45.4223 154.742 46.1309 154.104ZM47.9346 154.797C47.6384 154.53 47.1526 154.53 46.8564 154.797C46.5689 155.056 46.5688 155.469 46.8564 155.728C47.1526 155.994 47.6384 155.994 47.9346 155.728C48.2221 155.469 48.222 155.056 47.9346 154.797ZM40.5186 149.053C41.2186 148.423 42.3479 148.423 43.0479 149.053C43.7564 149.69 43.7564 150.731 43.0479 151.369C42.3478 151.999 41.2186 151.999 40.5186 151.369C39.81 150.731 39.81 149.69 40.5186 149.053ZM42.3223 149.745C42.0262 149.479 41.5403 149.479 41.2441 149.745C40.9564 150.004 40.9564 150.418 41.2441 150.677C41.5403 150.943 42.0261 150.943 42.3223 150.677C42.61 150.418 42.61 150.004 42.3223 149.745Z",
+  fill: "#9BC2C3",
+  stroke: "#9BC2C3",
+  "stroke-width": "0.276243"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M135.808 198.717C136.01 198.535 136.332 198.535 136.534 198.717C136.744 198.906 136.744 199.22 136.534 199.409L128.371 206.756C128.169 206.938 127.846 206.938 127.645 206.756C127.434 206.566 127.434 206.253 127.645 206.063L135.808 198.717ZM133.631 204.104C134.331 203.474 135.46 203.474 136.16 204.104C136.869 204.742 136.869 205.782 136.16 206.42C135.46 207.05 134.331 207.05 133.631 206.42C132.922 205.782 132.922 204.742 133.631 204.104ZM135.435 204.797C135.138 204.53 134.653 204.53 134.356 204.797C134.069 205.056 134.069 205.469 134.356 205.728C134.653 205.994 135.138 205.994 135.435 205.728C135.722 205.469 135.722 205.056 135.435 204.797ZM128.019 199.053C128.719 198.423 129.848 198.423 130.548 199.053C131.256 199.69 131.256 200.731 130.548 201.369C129.848 201.999 128.719 201.999 128.019 201.369C127.31 200.731 127.31 199.69 128.019 199.053ZM129.822 199.745C129.526 199.479 129.04 199.479 128.744 199.745C128.456 200.004 128.456 200.418 128.744 200.677C129.04 200.943 129.526 200.943 129.822 200.677C130.11 200.418 130.11 200.004 129.822 199.745Z",
+  fill: "#9BC2C3",
+  stroke: "#9BC2C3",
+  "stroke-width": "0.276243"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M146.873 44.2393C147.043 44.0697 147.318 44.0697 147.487 44.2393C147.657 44.4087 147.657 44.683 147.487 44.8525L141.173 51.167C141.003 51.3363 140.729 51.3364 140.56 51.167C140.39 50.9975 140.39 50.7223 140.56 50.5527L146.873 44.2393ZM145.189 48.8691C145.744 48.3143 146.643 48.3143 147.198 48.8691C147.753 49.4239 147.753 50.3231 147.198 50.8779C146.643 51.4327 145.744 51.4327 145.189 50.8779C144.635 50.3231 144.635 49.4239 145.189 48.8691ZM146.585 49.4824C146.369 49.2666 146.018 49.2666 145.803 49.4824C145.587 49.6982 145.587 50.0489 145.803 50.2646C146.018 50.4804 146.369 50.4804 146.585 50.2646C146.801 50.0489 146.801 49.6982 146.585 49.4824ZM140.849 44.5283C141.403 43.9735 142.303 43.9735 142.857 44.5283C143.412 45.0831 143.412 45.9823 142.857 46.5371C142.303 47.0919 141.403 47.0918 140.849 46.5371C140.294 45.9823 140.294 45.0831 140.849 44.5283ZM142.243 45.1416C142.027 44.9262 141.678 44.926 141.462 45.1416C141.246 45.3573 141.246 45.7071 141.462 45.9229C141.678 46.1386 142.027 46.1386 142.243 45.9229C142.459 45.7071 142.459 45.3574 142.243 45.1416Z",
+  fill: "#9BC2C3",
+  stroke: "#9BC2C3",
+  "stroke-width": "0.276243"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M83.8255 195.43V195.464C84.3231 197.057 85.4718 198.197 87.2733 198.883C85.4718 199.568 84.3226 200.708 83.8255 202.302V202.336C83.8239 202.33 83.8218 202.325 83.8202 202.319C83.8186 202.325 83.8165 202.33 83.8149 202.336V202.302C83.3174 200.708 82.1686 199.568 80.3672 198.883C82.1686 198.197 83.3179 197.057 83.8149 195.464V195.43C83.8165 195.436 83.8186 195.441 83.8202 195.447C83.8218 195.441 83.8239 195.436 83.8255 195.43Z",
+  fill: "#F2BB91"
+}), /*#__PURE__*/React$1.createElement("defs", null, /*#__PURE__*/React$1.createElement("clipPath", {
+  id: "clip0_3013_69915"
+}, /*#__PURE__*/React$1.createElement("rect", {
+  width: "116",
+  height: "93",
+  fill: "white",
+  transform: "translate(73.75 80.8828)"
+}))));
+
 const NoDataInSearchIcon = ({
   width = '251',
   height = '250'
@@ -42392,6 +42445,61 @@ var Lottie = function Lottie(props) {
   });
 };
 
+const NoSearchUpcIcon = ({
+  width = "251",
+  height = "250"
+}) => /*#__PURE__*/React$1.createElement("svg", {
+  width: width,
+  height: height,
+  viewBox: "0 0 250 251",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React$1.createElement("rect", {
+  y: "0.5",
+  width: "250",
+  height: "250",
+  rx: "125",
+  fill: "#F3F7F7"
+}), /*#__PURE__*/React$1.createElement("g", {
+  "clip-path": "url(#clip0_3013_69915)"
+}, /*#__PURE__*/React$1.createElement("circle", {
+  cx: "164.25",
+  cy: "147.383",
+  r: "21.5",
+  fill: "#B4D1D2"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M73.75 89.6016C73.75 88.0031 75.055 86.6953 76.65 86.6953C78.245 86.6953 79.55 88.0031 79.55 89.6016V165.164C79.55 166.762 78.245 168.07 76.65 168.07C75.055 168.07 73.75 166.762 73.75 165.164V89.6016ZM85.35 89.6016C85.35 88.0031 86.655 86.6953 88.25 86.6953C89.845 86.6953 91.15 88.0031 91.15 89.6016V165.164C91.15 166.762 89.845 168.07 88.25 168.07C86.655 168.07 85.35 166.762 85.35 165.164V89.6016ZM96.95 89.6016C96.95 88.0031 98.255 86.6953 99.85 86.6953C101.445 86.6953 102.75 88.0031 102.75 89.6016V165.164C102.75 166.762 101.445 168.07 99.85 168.07C98.255 168.07 96.95 166.762 96.95 165.164V89.6016ZM114.35 89.6016C114.35 88.0031 115.655 86.6953 117.25 86.6953C118.845 86.6953 120.15 88.0031 120.15 89.6016V165.164C120.15 166.762 118.845 168.07 117.25 168.07C115.655 168.07 114.35 166.762 114.35 165.164V89.6016ZM125.95 89.6016C125.95 88.0031 127.255 86.6953 128.85 86.6953C130.445 86.6953 131.75 88.0031 131.75 89.6016V147.727V165.164C131.75 166.762 130.445 168.07 128.85 168.07C127.255 168.07 125.95 166.762 125.95 165.164V89.6016ZM137.55 147.727C137.55 133.286 149.241 121.57 163.65 121.57C178.059 121.57 189.75 133.286 189.75 147.727C189.75 162.167 178.059 173.883 163.65 173.883C149.241 173.883 137.55 162.167 137.55 147.727ZM143.35 89.6016C143.35 88.0031 144.655 86.6953 146.25 86.6953C147.845 86.6953 149.15 88.0031 149.15 89.6016V119.245C147.084 120.317 145.126 121.588 143.35 123.06V89.6016ZM143.35 147.727C143.35 158.97 152.431 168.07 163.65 168.07C174.869 168.07 183.95 158.97 183.95 147.727C183.95 136.483 174.869 127.383 163.65 127.383C152.431 127.383 143.35 136.483 143.35 147.727ZM149.15 147.727C149.15 146.128 150.455 144.82 152.05 144.82H160.75V136.102C160.75 134.503 162.055 133.195 163.65 133.195C165.245 133.195 166.55 134.503 166.55 136.102V144.82H175.25C176.845 144.82 178.15 146.128 178.15 147.727C178.15 149.325 176.845 150.633 175.25 150.633H166.55V159.352C166.55 160.95 165.245 162.258 163.65 162.258C162.055 162.258 160.75 160.95 160.75 159.352V150.633H152.05C150.455 150.633 149.15 149.325 149.15 147.727ZM160.75 89.6016C160.75 88.0031 162.055 86.6953 163.65 86.6953C165.245 86.6953 166.55 88.0031 166.55 89.6016V115.885C165.589 115.794 164.629 115.758 163.65 115.758C162.671 115.758 161.711 115.794 160.75 115.885V89.6016Z",
+  fill: "#519595"
+})), /*#__PURE__*/React$1.createElement("path", {
+  d: "M200.056 149.322V149.29C200.054 149.296 200.052 149.301 200.052 149.306C200.05 149.301 200.048 149.296 200.047 149.29V149.322C199.635 150.818 198.681 151.888 197.186 152.531C198.681 153.175 199.635 154.245 200.047 155.741V155.772C200.049 155.767 200.051 155.762 200.052 155.756C200.053 155.762 200.055 155.767 200.056 155.772V155.741C200.468 154.245 201.422 153.175 202.917 152.531C201.422 151.888 200.468 150.818 200.056 149.322ZM33.6198 71.4013V71.3698C33.618 71.375 33.6163 71.3803 33.6154 71.3855C33.6136 71.3803 33.6119 71.375 33.611 71.3698V71.4013C33.1985 72.8974 32.2449 73.9672 30.75 74.6107C32.2449 75.2542 33.1985 76.324 33.611 77.8201V77.8516C33.6127 77.8464 33.6145 77.8411 33.6154 77.8359C33.6171 77.8411 33.6189 77.8464 33.6198 77.8516V77.8201C34.0322 76.324 34.9859 75.2542 36.4808 74.6107C34.9859 73.9672 34.0322 72.8974 33.6198 71.4013ZM216.389 178.966V178.934C216.387 178.939 216.386 178.945 216.385 178.95C216.383 178.945 216.381 178.939 216.38 178.934V178.966C215.968 180.462 215.014 181.532 213.519 182.175C215.014 182.818 215.968 183.888 216.38 185.384V185.416C216.382 185.411 216.384 185.405 216.385 185.4C216.386 185.405 216.388 185.411 216.389 185.416V185.384C216.801 183.888 217.755 182.818 219.25 182.175C217.755 181.532 216.801 180.462 216.389 178.966ZM181.433 182.099V182.035C181.43 182.046 181.427 182.056 181.424 182.067C181.421 182.056 181.418 182.046 181.415 182.035V182.099C180.59 185.09 178.683 187.231 175.693 188.518C178.683 189.805 180.589 191.945 181.415 194.937V195C181.418 194.989 181.421 194.979 181.424 194.968C181.427 194.979 181.43 194.989 181.433 195V194.937C182.258 191.945 184.165 189.805 187.155 188.518C184.165 187.231 182.259 185.09 181.433 182.099ZM53.8385 110.256V110.192C53.8359 110.203 53.8324 110.213 53.8298 110.224C53.8271 110.213 53.8236 110.203 53.821 110.192V110.256C52.9961 113.247 51.0887 115.388 48.099 116.674C51.0887 117.961 52.9952 120.102 53.821 123.093V123.157C53.8236 123.146 53.8271 123.136 53.8298 123.125C53.8324 123.136 53.8359 123.146 53.8385 123.157V123.093C54.6635 120.102 56.5708 117.961 59.5605 116.674C56.5708 115.388 54.6643 113.247 53.8385 110.256ZM101.278 51.3842V51.3203C101.275 51.3317 101.272 51.3413 101.269 51.3527C101.267 51.3413 101.263 51.3317 101.26 51.3203V51.3842C100.436 54.3756 98.5282 56.5161 95.5385 57.803C98.5282 59.09 100.435 61.2304 101.26 64.2219V64.2858C101.263 64.2744 101.267 64.2648 101.269 64.2534C101.272 64.2648 101.275 64.2744 101.278 64.2858V64.2219C102.103 61.2304 104.01 59.09 107 57.803C104.01 56.5161 102.104 54.3756 101.278 51.3842Z",
+  fill: "#F2BB91"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M48.3076 148.717C48.5096 148.535 48.8322 148.535 49.0342 148.717C49.2444 148.906 49.2443 149.22 49.0342 149.409L40.8711 156.756C40.6691 156.938 40.3465 156.938 40.1445 156.756C39.9344 156.566 39.9342 156.253 40.1445 156.063L48.3076 148.717ZM46.1309 154.104C46.8309 153.474 47.9601 153.474 48.6602 154.104C49.3686 154.742 49.3687 155.782 48.6602 156.42C47.9601 157.05 46.8309 157.05 46.1309 156.42C45.4223 155.782 45.4223 154.742 46.1309 154.104ZM47.9346 154.797C47.6384 154.53 47.1526 154.53 46.8564 154.797C46.5689 155.056 46.5688 155.469 46.8564 155.728C47.1526 155.994 47.6384 155.994 47.9346 155.728C48.2221 155.469 48.222 155.056 47.9346 154.797ZM40.5186 149.053C41.2186 148.423 42.3479 148.423 43.0479 149.053C43.7564 149.69 43.7564 150.731 43.0479 151.369C42.3478 151.999 41.2186 151.999 40.5186 151.369C39.81 150.731 39.81 149.69 40.5186 149.053ZM42.3223 149.745C42.0262 149.479 41.5403 149.479 41.2441 149.745C40.9564 150.004 40.9564 150.418 41.2441 150.677C41.5403 150.943 42.0261 150.943 42.3223 150.677C42.61 150.418 42.61 150.004 42.3223 149.745Z",
+  fill: "#9BC2C3",
+  stroke: "#9BC2C3",
+  "stroke-width": "0.276243"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M135.808 198.717C136.01 198.535 136.332 198.535 136.534 198.717C136.744 198.906 136.744 199.22 136.534 199.409L128.371 206.756C128.169 206.938 127.846 206.938 127.645 206.756C127.434 206.566 127.434 206.253 127.645 206.063L135.808 198.717ZM133.631 204.104C134.331 203.474 135.46 203.474 136.16 204.104C136.869 204.742 136.869 205.782 136.16 206.42C135.46 207.05 134.331 207.05 133.631 206.42C132.922 205.782 132.922 204.742 133.631 204.104ZM135.435 204.797C135.138 204.53 134.653 204.53 134.356 204.797C134.069 205.056 134.069 205.469 134.356 205.728C134.653 205.994 135.138 205.994 135.435 205.728C135.722 205.469 135.722 205.056 135.435 204.797ZM128.019 199.053C128.719 198.423 129.848 198.423 130.548 199.053C131.256 199.69 131.256 200.731 130.548 201.369C129.848 201.999 128.719 201.999 128.019 201.369C127.31 200.731 127.31 199.69 128.019 199.053ZM129.822 199.745C129.526 199.479 129.04 199.479 128.744 199.745C128.456 200.004 128.456 200.418 128.744 200.677C129.04 200.943 129.526 200.943 129.822 200.677C130.11 200.418 130.11 200.004 129.822 199.745Z",
+  fill: "#9BC2C3",
+  stroke: "#9BC2C3",
+  "stroke-width": "0.276243"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M146.873 44.2393C147.043 44.0697 147.318 44.0697 147.487 44.2393C147.657 44.4087 147.657 44.683 147.487 44.8525L141.173 51.167C141.003 51.3363 140.729 51.3364 140.56 51.167C140.39 50.9975 140.39 50.7223 140.56 50.5527L146.873 44.2393ZM145.189 48.8691C145.744 48.3143 146.643 48.3143 147.198 48.8691C147.753 49.4239 147.753 50.3231 147.198 50.8779C146.643 51.4327 145.744 51.4327 145.189 50.8779C144.635 50.3231 144.635 49.4239 145.189 48.8691ZM146.585 49.4824C146.369 49.2666 146.018 49.2666 145.803 49.4824C145.587 49.6982 145.587 50.0489 145.803 50.2646C146.018 50.4804 146.369 50.4804 146.585 50.2646C146.801 50.0489 146.801 49.6982 146.585 49.4824ZM140.849 44.5283C141.403 43.9735 142.303 43.9735 142.857 44.5283C143.412 45.0831 143.412 45.9823 142.857 46.5371C142.303 47.0919 141.403 47.0918 140.849 46.5371C140.294 45.9823 140.294 45.0831 140.849 44.5283ZM142.243 45.1416C142.027 44.9262 141.678 44.926 141.462 45.1416C141.246 45.3573 141.246 45.7071 141.462 45.9229C141.678 46.1386 142.027 46.1386 142.243 45.9229C142.459 45.7071 142.459 45.3574 142.243 45.1416Z",
+  fill: "#9BC2C3",
+  stroke: "#9BC2C3",
+  "stroke-width": "0.276243"
+}), /*#__PURE__*/React$1.createElement("path", {
+  d: "M83.8255 195.43V195.464C84.3231 197.057 85.4718 198.197 87.2733 198.883C85.4718 199.568 84.3226 200.708 83.8255 202.302V202.336C83.8239 202.33 83.8218 202.325 83.8202 202.319C83.8186 202.325 83.8165 202.33 83.8149 202.336V202.302C83.3174 200.708 82.1686 199.568 80.3672 198.883C82.1686 198.197 83.3179 197.057 83.8149 195.464V195.43C83.8165 195.436 83.8186 195.441 83.8202 195.447C83.8218 195.441 83.8239 195.436 83.8255 195.43Z",
+  fill: "#F2BB91"
+}), /*#__PURE__*/React$1.createElement("defs", null, /*#__PURE__*/React$1.createElement("clipPath", {
+  id: "clip0_3013_69915"
+}, /*#__PURE__*/React$1.createElement("rect", {
+  width: "116",
+  height: "93",
+  fill: "white",
+  transform: "translate(73.75 80.8828)"
+}))));
+
 // Table.jsx
 const Table = props => {
   const {
@@ -42427,6 +42535,14 @@ const Table = props => {
     showNoDataInSearch = false,
     noDataInSearchTitle = "No Results Found",
     noDataInSearchMessage = "Try to refine your query and search again",
+    noDataIcon = "Plus",
+    noDataSearchIcon = "Plus",
+    // NEW: Props for NoEventsParent section
+    noEventsTitle = "You haven't created any events yet",
+    noEventsSubtitle = "Let's get started and create your first one!",
+    noEventsButtonText = "New Event",
+    noEventsButtonIcon = "Plus",
+    showNoEventsButton = true,
     indexToShimmer = -1,
     resetFocusIndex,
     changeFocusIndex,
@@ -42513,6 +42629,26 @@ const Table = props => {
     };
   }, [clearFocusOnOutsideClick, isEditMode]); // Added isEditMode to dependency array
 
+  const getNoDataIcon = icon => {
+    switch (icon) {
+      case "Event":
+        return /*#__PURE__*/React$1.createElement(NoEvents, null);
+      case "Upc":
+        return /*#__PURE__*/React$1.createElement(NoUpcIcon, null);
+      default:
+        return null;
+    }
+  };
+  const getNoDataSearchIcon = icon => {
+    switch (icon) {
+      case "Event":
+        return /*#__PURE__*/React$1.createElement(NoDataInSearchIcon, null);
+      case "Upc":
+        return /*#__PURE__*/React$1.createElement(NoSearchUpcIcon, null);
+      default:
+        return null;
+    }
+  };
   return /*#__PURE__*/React$1.createElement(TableWrapper, {
     width: width,
     height: height,
@@ -42554,10 +42690,10 @@ const Table = props => {
     resetFocusIndex: resetFocusIndex,
     changeFocusIndex: changeFocusIndex,
     onFocusChange: handleTableFocusChange
-  })), data.length === 0 && /*#__PURE__*/React$1.createElement(NoEventsParent, null, /*#__PURE__*/React$1.createElement(NoEventsWrapper, null, showNoDataInSearch ? /*#__PURE__*/React$1.createElement(NoDataInSearchIcon, null) : /*#__PURE__*/React$1.createElement(NoEvents, null)), /*#__PURE__*/React$1.createElement(NoEventsMessage, null, showNoDataInSearch ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("strong", null, noDataInSearchTitle), /*#__PURE__*/React$1.createElement("br", null), noDataInSearchMessage) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("strong", null, "You haven't created any events yet"), /*#__PURE__*/React$1.createElement("br", null), "Let's get started and create your first one!")), !showNoDataInSearch && /*#__PURE__*/React$1.createElement(Button$1, {
+  })), data.length === 0 && /*#__PURE__*/React$1.createElement(NoEventsParent, null, /*#__PURE__*/React$1.createElement(NoEventsWrapper, null, showNoDataInSearch ? getNoDataSearchIcon(noDataSearchIcon) : getNoDataIcon(noDataIcon)), /*#__PURE__*/React$1.createElement(NoEventsMessage, null, showNoDataInSearch ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("strong", null, noDataInSearchTitle), /*#__PURE__*/React$1.createElement("br", null), noDataInSearchMessage) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("strong", null, noEventsTitle), /*#__PURE__*/React$1.createElement("br", null), noEventsSubtitle)), !showNoDataInSearch && showNoEventsButton && /*#__PURE__*/React$1.createElement(Button$1, {
     height: "45px",
-    leftIcon: "Plus",
-    text: "New Event",
+    leftIcon: noEventsButtonIcon,
+    text: noEventsButtonText,
     borderRadius: "12px",
     borderColor: buttonColor,
     hoverBorderColor: buttonHoverColor,