sag_components 2.0.0-beta197 → 2.0.0-beta198

package/dist/index.esm.js

@@ -10579,23 +10579,24 @@ const QuarterPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const QuarterPicker = ({
-  availableQuarters,
-  // ["Q1-2024"]
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const QuarterPicker = _ref => {
+  let {
+    availableQuarters,
+    // ["Q1-2024"]
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -11037,22 +11038,23 @@ const MonthPopupPicker = ({
 };
 
 /* eslint-disable import/no-extraneous-dependencies */
-const MonthPicker = ({
-  availableMonths,
-  label,
-  onChange,
-  borderRadius,
-  required,
-  width,
-  height,
-  placeholder,
-  disabled,
-  borderColor,
-  borderColorFocus,
-  textColor,
-  selectedValue,
-  startYear
-}) => {
+const MonthPicker = _ref => {
+  let {
+    availableMonths,
+    label,
+    onChange,
+    borderRadius,
+    required,
+    width,
+    height,
+    placeholder,
+    disabled,
+    borderColor,
+    borderColorFocus,
+    textColor,
+    selectedValue,
+    startYear
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
@@ -34874,17 +34876,18 @@ css`
  * • onApply(start,end) — callback, both numbers (inclusive)
  * • onCancel()         — callback
  */
-const WeeksCalendar = ({
-  year,
-  defaultStartWeek = null,
-  defaultEndWeek = null,
-  backgroundColor = "#066768",
-  hoverBackgroundColor = "#E6F0F0",
-  allowedWeekRange = null,
-  // New prop for range restriction
-  onApply,
-  onCancel
-}) => {
+const WeeksCalendar = _ref => {
+  let {
+    year,
+    defaultStartWeek = null,
+    defaultEndWeek = null,
+    backgroundColor = "#066768",
+    hoverBackgroundColor = "#E6F0F0",
+    allowedWeekRange = null,
+    // New prop for range restriction
+    onApply,
+    onCancel
+  } = _ref;
   // state -------------------------------------------------
   const [startWeek, setStartWeek] = useState(defaultStartWeek);
   const [endWeek, setEndWeek] = useState(defaultEndWeek);
@@ -40075,6 +40078,13 @@ const TableBody = /*#__PURE__*/forwardRef(({
   onCheckboxClick = () => {},
   onHeaderCheckboxClick = () => {}
 }, ref) => {
+  // MOVE ALL VALIDATION TO THE VERY TOP BEFORE ANY HOOKS
+  if (!Array.isArray(data) || !Array.isArray(columns)) {
+    console.warn("TableBody: Invalid data or columns prop");
+    return null;
+  }
+
+  // NOW ALL THE HOOKS CAN BE CALLED SAFELY
   const [hoveredRowIndex, setHoveredRowIndex] = useState(null);
   const [focusedRowIndex, setFocusedRowIndex] = useState(null);
   const [isCommentModalOpen, setIsCommentModalOpen] = useState(false);
@@ -40087,12 +40097,6 @@ const TableBody = /*#__PURE__*/forwardRef(({
   const [hasUserInteracted, setHasUserInteracted] = useState(false);
   const [hasInitialValue, setHasInitialValue] = useState(false);
 
-  // Early return for invalid data
-  if (!Array.isArray(data) || !Array.isArray(columns)) {
-    console.warn("TableBody: Invalid data or columns prop");
-    return null;
-  }
-
   // Expose methods to parent component via ref
   useImperativeHandle(ref, () => ({
     clearFocus: () => {
@@ -40665,7 +40669,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
     };
   }, []);
 
-  // Return null if no data
+  // HANDLE SPECIAL CASE: EMPTY DATA AFTER ALL HOOKS
   if (data.length === 0) {
     return /*#__PURE__*/React$1.createElement(StyledTableBody, {
       ref: ref
@@ -54539,10 +54543,11 @@ const DropdownList = styled.ul`
       `}
 `;
 const SectionDiv = styled.div`
-  ${({
-  $showBorder,
-  margin
-}) => {
+  ${_ref => {
+  let {
+    $showBorder,
+    margin
+  } = _ref;
   switch ($showBorder) {
     case 'Template Offer':
       return css`border-top: 1px solid #e6e2e2ff;
@@ -54727,15 +54732,16 @@ function validateField(value, param) {
   if (param.type === 'percent' && Number(value) > 100) return 'Max 100%';
   return null;
 }
-const OverlayTemplateDialog = ({
-  open,
-  onClose,
-  onApply,
-  template,
-  params,
-  buttonColor = '#1db6ab',
-  buttonHoverColor = '#066768'
-}) => {
+const OverlayTemplateDialog = _ref => {
+  let {
+    open,
+    onClose,
+    onApply,
+    template,
+    params,
+    buttonColor = '#1db6ab',
+    buttonHoverColor = '#066768'
+  } = _ref;
   const [fields, setFields] = useState(() => params.map(() => ''));
   const [touched, setTouched] = useState(() => params.map(() => false));
   if (!open) return null;