sag_components 2.0.0-beta308 → 2.0.0-beta309

package/dist/index.js

@@ -47957,7 +47957,7 @@ const NewItemList = ({
 }) => {
   const [internalSearch, setInternalSearch] = React$1.useState("");
   const [headerHeight, setHeaderHeight] = React$1.useState(0);
-  const [hasTriggered, setHasTriggered] = React$1.useState(false); // ADD THIS
+  const [hasTriggered, setHasTriggered] = React$1.useState(false);
   const headerRef = React$1.useRef(null);
   const searchInputRef = React$1.useRef(null);
   const timerRef = React$1.useRef(null);
@@ -48318,112 +48318,6 @@ const CustomTooltip = styled__default["default"](Tooltip$2)`
   }
 `;
 
-/* Custom properties */
-styled__default["default"].div`
-  --tooltip-text-color: white;
-  --tooltip-background-color: rgba(0, 0, 0, 0.9);
-  --tooltip-margin: 30px;
-  --tooltip-arrow-size: 6px;
-`;
-
-/* Text wrapper with ellipsis */
-styled__default["default"].div`
-  display: inline-block;
-  position: relative;
-  cursor: ${props => props.isOverflowing ? 'help' : 'default'};
-`;
-styled__default["default"].div`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: ${props => props.maxWidth}px;
-`;
-
-/* Absolute positioning */
-styled__default["default"].div`
-  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
-  position: absolute;
-  border-radius: 6px;
-  left: 50%;
-  transform: translateX(-50%);
-  padding: 8px 12px;
-  color: var(--tooltip-text-color);
-  background: var(--tooltip-background-color);
-  font-size: 14px;
-  font-family: inherit;
-  line-height: 1.4;
-  z-index: 99999;
-  max-width: 300px;
-  white-space: normal;
-  word-wrap: break-word;
-  opacity: ${props => props.show ? 1 : 0};
-  visibility: ${props => props.show ? 'visible' : 'hidden'};
-  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
-  
-  /* CSS border triangles */
-  &.controls::before {
-    content: " ";
-    left: 50%;
-    border: solid transparent;
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
-    border-width: var(--tooltip-arrow-size);
-    margin-left: calc(var(--tooltip-arrow-size) * -1);
-  }
-
-  &.controls.top {
-    bottom: calc(100% + var(--tooltip-margin));
-    transform: translateX(-50%) ${props => props.show ? 'translateY(0)' : 'translateY(-4px)'};
-  }
-
-  /* CSS border triangles */
-  &.controls.top::before {
-    top: 100%;
-    border-top-color: var(--tooltip-background-color);
-  }
-
-  &.controls.right {
-    left: calc(100% + var(--tooltip-margin));
-    top: 50%;
-    transform: translateY(-50%) ${props => props.show ? 'translateX(0)' : 'translateX(-4px)'};
-  }
-
-  /* CSS border triangles */
-  &.controls.right::before {
-    left: calc(var(--tooltip-arrow-size) * -1);
-    top: 50%;
-    transform: translateY(-50%);
-    border-right-color: var(--tooltip-background-color);
-  }
-
-  &.controls.bottom {
-    top: calc(100% + var(--tooltip-margin));
-    transform: translateX(-50%) ${props => props.show ? 'translateY(0)' : 'translateY(4px)'};
-  }
-
-  /* CSS border triangles */
-  &.controls.bottom::before {
-    bottom: 100%;
-    border-bottom-color: var(--tooltip-background-color);
-  }
-
-  &.controls.left {
-    right: calc(100% + var(--tooltip-margin));
-    top: 50%;
-    transform: translateY(-50%) ${props => props.show ? 'translateX(0)' : 'translateX(4px)'};
-  }
-
-  /* CSS border triangles */
-  &.controls.left::before {
-    right: calc(var(--tooltip-arrow-size) * -1);
-    top: 50%;
-    transform: translateY(-50%);
-    border-left-color: var(--tooltip-background-color);
-  }
-`;
-
 const NewSubitemList = props => {
   const {
     vendor,
@@ -57447,7 +57341,8 @@ const ItemManagerPanel = _ref => {
     isLoading = false,
     isLoadingText = "Loading Vendors...",
     onLastRowsReached = () => {},
-    lastRowsThreshold = 3
+    lastRowsThreshold = 3,
+    onBackFromList = null
   } = _ref;
   const [screen, setScreen] = React$1.useState("initial");
   const [selectedVendor, setSelectedVendor] = React$1.useState(null);
@@ -57463,9 +57358,6 @@ const ItemManagerPanel = _ref => {
       setHeaderHeight(headerRef.current.offsetHeight);
     }
   }, []);
-  React$1.useEffect(() => {
-    console.log("success");
-  }, []);
   React$1.useEffect(() => {
     const scrollWrapper = scrollWrapperRef.current;
     if (!scrollWrapper || !onLastRowsReached) return;
@@ -57664,7 +57556,12 @@ const ItemManagerPanel = _ref => {
       height: height,
       backgroundColor: backgroundColor
     }, /*#__PURE__*/React__default["default"].createElement(NewItemList, {
-      onBack: () => setScreen("initial"),
+      onBack: () => {
+        if (onBackFromList) {
+          onBackFromList();
+        }
+        setScreen("initial");
+      },
       itemAndPackage: itemAndPackage,
       onVendorClick: handleVendorClick,
       searchValue: searchValue,