sag_components 2.0.0-beta139 → 2.0.0-beta140

package/dist/index.js

@@ -8720,25 +8720,24 @@ const IconContainer$5 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownSingleNew = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    onChange,
-    required,
-    disabled,
-    width,
-    withMarginBottom = true,
-    error,
-    errorMessage,
-    xIconShow,
-    labelColor,
-    showLabelOnTop,
-    orderBy,
-    elementType
-  } = _ref;
+const DropdownSingleNew = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  onChange,
+  required,
+  disabled,
+  width,
+  withMarginBottom = true,
+  error,
+  errorMessage,
+  xIconShow,
+  labelColor,
+  showLabelOnTop,
+  orderBy,
+  elementType
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -9210,26 +9209,25 @@ const IconContainer$4 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownMultiNew = _ref => {
-  let {
-    label,
-    labelEmptyValue,
-    options,
-    selectedValue,
-    onChange,
-    required,
-    disabled,
-    width,
-    withMarginBottom = true,
-    error,
-    errorMessage,
-    labelColor,
-    xIconShow,
-    checkBoxColor,
-    showLabelOnTop,
-    orderBy,
-    elementType
-  } = _ref;
+const DropdownMultiNew = ({
+  label,
+  labelEmptyValue,
+  options,
+  selectedValue,
+  onChange,
+  required,
+  disabled,
+  width,
+  withMarginBottom = true,
+  error,
+  errorMessage,
+  labelColor,
+  xIconShow,
+  checkBoxColor,
+  showLabelOnTop,
+  orderBy,
+  elementType
+}) => {
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -10329,24 +10327,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] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -10788,23 +10785,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] = React$1.useState(false);
   const [isOpen, setIsOpen] = React$1.useState(false);
   const [value, setValue] = React$1.useState('');
@@ -23915,22 +23911,21 @@ const DeleteIcon = styled__default["default"].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] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState("");
@@ -24327,24 +24322,23 @@ const IconContainer$2 = styled__default["default"].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] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [inputValue, setInputValue] = React$1.useState('');
@@ -35576,9 +35570,9 @@ const ToggleSlider = styled__default["default"].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 {
@@ -51259,10 +51253,11 @@ const ItemManagerPanel = _ref => {
       onClick: e => {
         handleVendorClick(item);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, (() => {
+    }, /*#__PURE__*/React__default["default"].createElement(VendorNameAndPackagesContainer$1, null, /*#__PURE__*/React__default["default"].createElement(VendorName$2, null, item.name), console.log('item.name', item.name), item.packages.length === 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, "No Packages"), item.packages.length > 0 && /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, (() => {
       const packagesWithStatus = item.packages.filter(pkg => pkg.hasOwnProperty('status') && pkg.status != null && pkg.status !== undefined && pkg.status !== '');
       const allHaveStatus = packagesWithStatus.length === item.packages.length;
       const noneHaveStatus = packagesWithStatus.length === 0;
+      console.log('noneHaveStatus', noneHaveStatus);
       if (noneHaveStatus) {
         return `0/${item.packages.length} sent`;
       } else if (allHaveStatus) {
@@ -51871,7 +51866,7 @@ const OverlayDropdown = _ref => {
       const newItem = {
         ...templateDialog.item,
         label: finalSentence,
-        value: `last_defined_${Date.now()}`,
+        value: templateDialog.item.value,
         // Unique value
         overlayCode: templateDialog.group.overlayCode,
         overlayName: templateDialog.group.overlayName,
@@ -52394,6 +52389,9 @@ const StatusCard = styled__default["default"].div`
   flex-grow: 1;
   flex-basis: 0;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
+  @media (max-width: 1200px) {
+    padding: 8px;
+  }
 `;
 const CardHeader = styled__default["default"].div`
   display: flex;
@@ -52402,9 +52400,10 @@ const CardHeader = styled__default["default"].div`
   margin-bottom: 10px;
 `;
 const CheckmarkContainer = styled__default["default"].div`
-  width: 17px;
-  height: 17px;
+  width: 18px;
+  height: 18px;
   border: 2px solid #212121;
+  box-sizing: border-box;
   border-radius: 4px;
   display: flex;
   align-items: center;
@@ -52421,6 +52420,11 @@ const CheckmarkContainer = styled__default["default"].div`
 
   svg { display: none; }
   &.checked svg { display: block; }
+
+  @media (max-width: 1200px) {
+      width: 16px;
+      height: 16px;
+  }
 `;
 const Circle = styled__default["default"].div`
   width: 16px;
@@ -52428,19 +52432,17 @@ const Circle = styled__default["default"].div`
   border-radius: 50%;
   background-color: ${props => props.color};
   margin-right: 8px;
+  @media (max-width: 1200px) {
+    width: 14px;
+    height: 14px;
+  }
 `;
 const CardTitle = styled__default["default"].h3`
   margin: 0;
   font-size: 18px;
   font-weight: 500;
-`;
-styled__default["default"].input`
-  width: 16px;
-  height: 16px;
-  accent-color: #066768;
-  margin-left: auto;
-  &:checked {
-    filter: invert(1) hue-rotate(180deg) brightness(2);
+  @media (max-width: 1200px) {
+    font-size: 16px;
   }
 `;
 const CardContent = styled__default["default"].div`
@@ -52452,6 +52454,9 @@ const StatusCount = styled__default["default"].span`
   font-size: 32px;
   font-weight: 500;
   line-height: 1;
+  @media (max-width: 1200px) {
+    font-size: 26px;
+  }
 `;
 
 const QuickFilterCards = _ref => {
@@ -52496,8 +52501,8 @@ const QuickFilterCards = _ref => {
     }), /*#__PURE__*/React__default["default"].createElement(CardTitle, null, status), /*#__PURE__*/React__default["default"].createElement(CheckmarkContainer, {
       className: checked ? "checked" : ""
     }, checked && /*#__PURE__*/React__default["default"].createElement("svg", {
-      width: "14",
-      height: "14",
+      width: "15",
+      height: "15",
       viewBox: "0 0 20 20",
       fill: "currentColor"
     }, /*#__PURE__*/React__default["default"].createElement("path", {