datastake-daf 0.6.192 → 0.6.194

package/dist/components/index.js

@@ -11067,7 +11067,7 @@ var _templateObject$c;
 const _excluded$s = ["size", "maxHeight", "containerHeight", "dataSource", "columns", "pagination", "doEmptyRows"];
 function StickyTable(_ref) {
   let {
-      size = "small",
+      size = null,
       maxHeight = 300,
       containerHeight = 525,
       dataSource = [],
@@ -11077,9 +11077,6 @@ function StickyTable(_ref) {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$s);
   const data = React__default["default"].useMemo(() => {
-    if (!doEmptyRows) {
-      return dataSource;
-    }
     const MIN_ROWS = 4;
     if (dataSource.length < MIN_ROWS) {
       const paddedData = [...dataSource];
@@ -11091,7 +11088,7 @@ function StickyTable(_ref) {
       return paddedData;
     }
     return dataSource;
-  }, [dataSource, doEmptyRows]);
+  }, [dataSource]);
   const Wrapper = React__default["default"].useMemo(() => {
     return data.length > 5 ? ComponentWithFocus : "div";
   }, [data.length]);
@@ -11121,7 +11118,7 @@ function StickyTable(_ref) {
     })
   });
 }
-const Style$I = dt.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n\tmax-width: calc(100% - 48px);\n\tmargin-left: var(--size-lg);\n\toverflow: hidden;\n\n\t.daf-table {\n\t\tpadding: 0px;\n\t\tmargin-top: 0px;\n\n\t\t.ant-tag {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.daf-select-filters .filters {\n\t\tpadding-top: 16px;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n\n\t.daf-table {\n\t\tpadding-top: 16px;\n\t}\n"])));
+const Style$I = dt.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n  max-width: calc(100% - 48px);\n  margin-left: var(--size-lg);\n  overflow: hidden;\n\n  .daf-table {\n    padding: 0px;\n    margin-top: 0px;\n\n    .ant-tag {\n      text-align: center;\n    }\n  }\n\n  .daf-select-filters .filters {\n    padding-top: 16px;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .daf-table {\n    padding-top: 16px;\n  }\n"])));
 StickyTable.propTypes = {
   size: PropTypes__default["default"].any,
   maxHeight: PropTypes__default["default"].number,
@@ -14005,8 +14002,9 @@ const determineHasChildren = ({
 
 const sortByPosition = (items, getConfig) => {
   return items.sort((a, b) => {
-    const positionA = getConfig(a)?.position || 0;
-    const positionB = getConfig(b)?.position || 0;
+    var _getConfig, _getConfig2;
+    const positionA = ((_getConfig = getConfig(a)) === null || _getConfig === void 0 ? void 0 : _getConfig.position) || 0;
+    const positionB = ((_getConfig2 = getConfig(b)) === null || _getConfig2 === void 0 ? void 0 : _getConfig2.position) || 0;
     return positionA - positionB;
   });
 };
@@ -14023,7 +14021,7 @@ const resolveDynamicLabel = (labelConfig, item, defaultLabel) => {
       const parts = labelKey.split(' is ');
       if (parts.length === 2) {
         const [conditionKey, conditionValue] = parts;
-        if (item?.[conditionKey] === conditionValue) {
+        if ((item === null || item === void 0 ? void 0 : item[conditionKey]) === conditionValue) {
           return labelConfig[labelKey];
         }
       }
@@ -18754,17 +18752,6 @@ const Style$A = dt.div`
   position: relative;
   width: 100%;
   height: 472px;
-  min-height: 300px;
-  
-  @media (max-width: 768px) {
-    height: 350px;
-    min-height: 250px;
-  }
-  
-  @media (max-width: 480px) {
-    height: 300px;
-    min-height: 200px;
-  }
 
   .filter-cont {
     position: absolute; 
@@ -20052,6 +20039,22 @@ const useGlobe = ({
   };
 };
 
+typeof localStorage.getItem('is_collapsed') === 'string' ? localStorage.getItem('is_collapsed') === 'true' ? true : false : true;
+typeof localStorage.getItem('is_nested_sidebar_collapsed') === 'string' ? localStorage.getItem('is_nested_sidebar_collapsed') === 'true' : true;
+const ResizeContext = /*#__PURE__*/React.createContext({
+  resizeLoading: false,
+  windowWidth: 0,
+  resizeDif: 0,
+  isCollapsed: false,
+  setIsCollapsed: () => {},
+  isNestedSidebarCollapsed: false,
+  setIsNestedSidebarCollapsed: () => {}
+});
+const useResizeContext = () => {
+  const values = React.useContext(ResizeContext);
+  return values;
+};
+
 function Globe(_ref) {
   var _activeMarker$data, _activeMarker$data2;
   let {
@@ -20092,6 +20095,11 @@ function Globe(_ref) {
     });
   }), [data]);
 
+  // Get resize context for sidebar state changes
+  const {
+    isCollapsed
+  } = useResizeContext();
+
   // Use custom hook to configure globe functionality
   const {
     container,
@@ -20135,6 +20143,33 @@ function Globe(_ref) {
       return () => clearTimeout(timer);
     }
   }, [forceResize]);
+
+  // Force resize when sidebar state changes (handles width changes)
+  React.useEffect(() => {
+    if (forceResize) {
+      // Trigger resize when sidebar collapses/expands
+      const timer = setTimeout(() => {
+        forceResize();
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, [isCollapsed, forceResize]);
+
+  // Force resize when window width changes (handles sidebar width changes)
+  React.useEffect(() => {
+    if (forceResize) {
+      const handleResize = () => {
+        // Small delay to ensure DOM has updated
+        setTimeout(() => {
+          forceResize();
+        }, 100);
+      };
+      window.addEventListener('resize', handleResize);
+      return () => {
+        window.removeEventListener('resize', handleResize);
+      };
+    }
+  }, [forceResize]);
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
     children: /*#__PURE__*/jsxRuntime.jsxs(Style$A, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
@@ -20923,8 +20958,8 @@ function ProjectWidget(_ref) {
       onLinkClick,
       image,
       linkIcon = "Link",
-      sdgList = [],
-      items = [],
+      sdgList,
+      items,
       onCardClick,
       hideSDGList = false,
       t = x => x
@@ -20936,9 +20971,9 @@ function ProjectWidget(_ref) {
   } = useToken$i();
   return /*#__PURE__*/jsxRuntime.jsxs(antd.Card, _objectSpread2(_objectSpread2({
     style: {
-      // flex: 1,
-      width: 318
-      // minWidth: "200px",
+      flex: 1,
+      width: "100%",
+      minWidth: "200px"
     },
     hoverable: true,
     onMouseEnter: () => setIsHovered(true),
@@ -20952,8 +20987,7 @@ function ProjectWidget(_ref) {
         }
       }) : /*#__PURE__*/jsxRuntime.jsx("div", {
         style: {
-          height: "103px",
-          borderBottom: "1px solid var(--base-gray-30)"
+          height: "103px"
         },
         children: /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
           image: antd.Empty.PRESENTED_IMAGE_SIMPLE
@@ -37141,6 +37175,13 @@ const inputTypeComponent$1 = {
       },
       children: (opts || []).map((option, i) => {
         const otherProps = {};
+
+        // Handle disabled property from option
+        if (option.disabled !== undefined) {
+          otherProps.disabled = option.disabled;
+        }
+
+        // Handle other dynamic properties from option.options
         if (option.options) {
           Object.keys(option.options).forEach(prop => {
             if (eval(option.options[prop])) {
@@ -37152,10 +37193,17 @@ const inputTypeComponent$1 = {
         }
         return option.items ? /*#__PURE__*/jsxRuntime.jsx(antd.Select.OptGroup, {
           label: option.label,
-          children: option.items.map((og, j) => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
-            value: og.value,
-            children: og.label
-          }, `${i}${j}`))
+          children: option.items.map((og, j) => {
+            const groupOtherProps = {};
+            if (og.disabled !== undefined) {
+              groupOtherProps.disabled = og.disabled;
+            }
+            return /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+              value: og.value,
+              ...groupOtherProps,
+              children: og.label
+            }, `${i}${j}`);
+          })
         }) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
           value: option.value,
           ...otherProps,
@@ -37262,6 +37310,13 @@ const inputTypeComponent$1 = {
       placeholder: getMetaPlaceholer(inputMeta, t) || getInputProp(props.placeholder, formsValue) || t('Select all relevant options'),
       children: (opts || []).map((option, i) => {
         const otherProps = {};
+
+        // Handle disabled property from option
+        if (option.disabled !== undefined) {
+          otherProps.disabled = option.disabled;
+        }
+
+        // Handle other dynamic properties from option.options
         if (option.options) {
           Object.keys(option.options).forEach(prop => {
             if (eval(option.options[prop])) {
@@ -37271,15 +37326,24 @@ const inputTypeComponent$1 = {
             }
           });
         }
+
+        // If option is disabled and currently selected, remove it from selection
         if (otherProps.disabled && (value || []).includes(option.value)) {
           updateFormValues$1(repeatIndex, repeatValues, inputName, (value || []).filter(v => v !== option.value), formsValue, name, form);
         }
         return option.items ? /*#__PURE__*/jsxRuntime.jsx(antd.Select.OptGroup, {
           label: option.label,
-          children: option.items.map((og, j) => /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
-            value: og.value,
-            children: og.label
-          }, `${i}${j}`))
+          children: option.items.map((og, j) => {
+            const groupOtherProps = {};
+            if (og.disabled !== undefined) {
+              groupOtherProps.disabled = og.disabled;
+            }
+            return /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
+              value: og.value,
+              ...groupOtherProps,
+              children: og.label
+            }, `${i}${j}`);
+          })
         }) : /*#__PURE__*/jsxRuntime.jsx(antd.Select.Option, {
           value: option.value,
           ...otherProps,
@@ -51534,22 +51598,6 @@ function useConfig(data) {
   return config;
 }
 
-typeof localStorage.getItem('is_collapsed') === 'string' ? localStorage.getItem('is_collapsed') === 'true' ? true : false : true;
-typeof localStorage.getItem('is_nested_sidebar_collapsed') === 'string' ? localStorage.getItem('is_nested_sidebar_collapsed') === 'true' : true;
-const ResizeContext = /*#__PURE__*/React.createContext({
-  resizeLoading: false,
-  windowWidth: 0,
-  resizeDif: 0,
-  isCollapsed: false,
-  setIsCollapsed: () => {},
-  isNestedSidebarCollapsed: false,
-  setIsNestedSidebarCollapsed: () => {}
-});
-const useResizeContext = () => {
-  const values = React.useContext(ResizeContext);
-  return values;
-};
-
 const DAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
 function UserActivity({
   loading,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.192",
+	"version": "0.6.194",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",
@@ -15,7 +15,7 @@
 		"buffer": "^6.0.3",
 		"countries-list": "^2.6.1",
 		"country-city-location": "^1.0.13",
-		"datastake-daf": "^0.5.780",
+		"datastake-daf": "0.6.184",
 		"dayjs": "^1.11.12",
 		"deepmerge": "^4.3.1",
 		"dot-object": "^2.1.5",

package/src/@daf/core/components/Dashboard/Globe/index.jsx

@@ -8,6 +8,7 @@ import CustomIcon from "../../Icon/CustomIcon.jsx";
 import ComponentWithFocus from "../ComponentWithFocus/index.jsx";
 import { formatClassname } from "../../../../../helpers/ClassesHelper";
 import Filters from "../../Filters/FloatingFilters/index.js";
+import { useResizeContext } from "../../../context/Resize/index.js";
 
 /**
  * Globe Component
@@ -129,6 +130,9 @@ function Globe({
 		[data],
 	);
 
+	// Get resize context for sidebar state changes
+	const { isCollapsed } = useResizeContext();
+
 	// Use custom hook to configure globe functionality
 	const { container, activeMarker, mapOptionsButtonsConfig, forceResize } = useGlobe({
 		data: mappedData,
@@ -171,6 +175,37 @@ function Globe({
 		}
 	}, [forceResize]);
 
+	// Force resize when sidebar state changes (handles width changes)
+	useEffect(() => {
+		if (forceResize) {
+			// Trigger resize when sidebar collapses/expands
+			const timer = setTimeout(() => {
+				forceResize();
+			}, 100);
+
+			return () => clearTimeout(timer);
+		}
+	}, [isCollapsed, forceResize]);
+
+	// Force resize when window width changes (handles sidebar width changes)
+	useEffect(() => {
+		if (forceResize) {
+			const handleResize = () => {
+				// Small delay to ensure DOM has updated
+				setTimeout(() => {
+					forceResize();
+				}, 100);
+			};
+
+			window.addEventListener('resize', handleResize);
+			
+			return () => {
+				window.removeEventListener('resize', handleResize);
+			};
+		}
+	}, [forceResize]);
+
+
 	return (
 		<ComponentWithFocus>
 			<Style className={formatClassname([showSider && activeMarker && "with-sider"])}>

package/src/@daf/core/components/Dashboard/Globe/style.js

@@ -6,17 +6,6 @@ const Style = styled.div`
   position: relative;
   width: 100%;
   height: 472px;
-  min-height: 300px;
-  
-  @media (max-width: 768px) {
-    height: 350px;
-    min-height: 250px;
-  }
-  
-  @media (max-width: 480px) {
-    height: 300px;
-    min-height: 200px;
-  }
 
   .filter-cont {
     position: absolute; 

package/src/@daf/core/components/Dashboard/Widget/ProjectWidget/index.jsx

@@ -7,86 +7,85 @@ const { Meta } = Card;
 const { useToken } = theme;
 
 export default function ProjectWidget({
-	title,
-	description,
-	onLinkClick,
-	image,
-	linkIcon = "Link",
-	sdgList = [],
-	items = [],
-	onCardClick,
-	hideSDGList = false,
-	t = (x) => x,
-	...props
+  title,
+  description,
+  onLinkClick,
+  image,
+  linkIcon = "Link",
+  sdgList,
+  items,
+  onCardClick,
+  hideSDGList = false,
+  t = (x) => x,
+  ...props
 }) {
-	const [isHovered, setIsHovered] = React.useState(false);
-	const { token } = useToken();
+  const [isHovered, setIsHovered] = React.useState(false);
+  const { token } = useToken();
 
-	return (
-		<Card
-			style={{
-				// flex: 1,
-				width: 318,
-				// minWidth: "200px",
-			}}
-			hoverable
-			onMouseEnter={() => setIsHovered(true)}
-			onMouseLeave={() => setIsHovered(false)}
-			onClick={onCardClick}
-			cover={
-				<ImageContainer>
-					{image ? (
-						<div
-							className="image"
-							style={{
-								backgroundImage: `url(${image})`,
-							}}
-						/>
-					) : (
-						<div
-							style={{
-								height: "103px",
-								borderBottom: "1px solid var(--base-gray-30)",
-							}}
-						>
-							<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
-						</div>
-					)}
+  return (
+    <Card
+      style={{
+        flex: 1,
+        width: "100%",
+        minWidth: "200px",
+      }}
+      hoverable
+      onMouseEnter={() => setIsHovered(true)}
+      onMouseLeave={() => setIsHovered(false)}
+      onClick={onCardClick}
+      cover={
+        <ImageContainer>
+          {image ? (
+            <div
+              className="image"
+              style={{
+                backgroundImage: `url(${image})`,
+              }}
+            />
+          ) : (
+            <div
+              style={{
+                height: "103px",
+              }}
+            >
+              <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+            </div>
+          )}
 
-					{onLinkClick && (
-						<div className="icon-container" onClick={onLinkClick}>
-							<CustomIcon
-								name={linkIcon}
-								width={16}
-								height={16}
-								color={isHovered ? token.colorPrimary7 : "black"}
-							/>
-						</div>
-					)}
-				</ImageContainer>
-			}
-			{...props}
-		>
-			<Meta title={title || undefined} description={description || undefined} />
-			<ProjectWidgetItems>
-				{items.map((item, index) => (
-					<li key={index} className="project-widget-item">
-						<Label>{item.label}</Label>
-						{item.render()}
-					</li>
-				))}
-			</ProjectWidgetItems>
+          {onLinkClick && (
+            <div className="icon-container" onClick={onLinkClick}>
+              <CustomIcon
+                name={linkIcon}
+                width={16}
+                height={16}
+                color={isHovered ? token.colorPrimary7 : "black"}
+              />
+            </div>
+          )}
+        </ImageContainer>
+      }
+      {...props}
+    >
+      <Meta title={title || undefined} description={description || undefined} />
+      <ProjectWidgetItems>
+        {items.map((item, index) => (
+          <li key={index} className="project-widget-item">
+            <Label>{item.label}</Label>
+            {item.render()}
+          </li>
+        ))}
+      </ProjectWidgetItems>
 
-			{!hideSDGList && (
-				<div
-					style={{
-						borderTop: "1px solid var(--base-gray-30)",
-						paddingTop: "10px",
-					}}
-				>
-					<SdgList sdgList={sdgList} t={t} />
-				</div>
-			)}
-		</Card>
-	);
+      {!hideSDGList && (
+        <div
+          style={{
+            borderTop: "1px solid var(--base-gray-30)",
+            paddingTop: "10px",
+          }}
+        >
+          <SdgList sdgList={sdgList} t={t} />
+        </div>
+      )}
+    </Card>
+  );
 }

package/src/@daf/core/components/EditForm/EditInputs.stories.js

@@ -21,6 +21,7 @@ const Options = [
 	{
 		label: "Option 3",
 		value: "option3",
+		disabled: true,
 	},
 	{
 		label: "Option 4",

package/src/@daf/core/components/EditForm/helper.js

@@ -692,6 +692,13 @@ export const inputTypeComponent = {
     >
       {(opts || []).map((option, i) => {
         const otherProps = {};
+        
+        // Handle disabled property from option
+        if (option.disabled !== undefined) {
+          otherProps.disabled = option.disabled;
+        }
+        
+        // Handle other dynamic properties from option.options
         if (option.options) {
           Object.keys(option.options).forEach(prop => {
             if (eval(option.options[prop])) {
@@ -701,13 +708,20 @@ export const inputTypeComponent = {
             }
           });
         }
+        
         return option.items ?
           <Select.OptGroup label={option.label}>
-            {option.items.map((og, j) =>
-              <Select.Option value={og.value} key={`${i}${j}`}>
-                {og.label}
-              </Select.Option>
-            )}
+            {option.items.map((og, j) => {
+              const groupOtherProps = {};
+              if (og.disabled !== undefined) {
+                groupOtherProps.disabled = og.disabled;
+              }
+              return (
+                <Select.Option value={og.value} key={`${i}${j}`} {...groupOtherProps}>
+                  {og.label}
+                </Select.Option>
+              );
+            })}
           </Select.OptGroup> :
           <Select.Option value={option.value} key={option.value} {...otherProps}>
             {isEvaluation ? (
@@ -798,6 +812,13 @@ export const inputTypeComponent = {
     >
       {(opts || []).map((option, i) => {
         const otherProps = {};
+        
+        // Handle disabled property from option
+        if (option.disabled !== undefined) {
+          otherProps.disabled = option.disabled;
+        }
+        
+        // Handle other dynamic properties from option.options
         if (option.options) {
           Object.keys(option.options).forEach(prop => {
             if (eval(option.options[prop])) {
@@ -807,16 +828,25 @@ export const inputTypeComponent = {
             }
           });
         }
+        
+        // If option is disabled and currently selected, remove it from selection
         if (otherProps.disabled && (value || []).includes(option.value)) {
           updateFormValues(repeatIndex, repeatValues, inputName, (value || []).filter(v => v !== option.value), formsValue, name, form)
         }
+        
         return option.items ?
           <Select.OptGroup label={option.label}>
-            {option.items.map((og, j) =>
-              <Select.Option value={og.value} key={`${i}${j}`}>
-                {og.label}
-              </Select.Option>
-            )}
+            {option.items.map((og, j) => {
+              const groupOtherProps = {};
+              if (og.disabled !== undefined) {
+                groupOtherProps.disabled = og.disabled;
+              }
+              return (
+                <Select.Option value={og.value} key={`${i}${j}`} {...groupOtherProps}>
+                  {og.label}
+                </Select.Option>
+              );
+            })}
           </Select.OptGroup> :
           <Select.Option value={option.value} key={i} {...otherProps}>
             {option.label}

package/src/@daf/core/components/Table/StickyTable/index.jsx

@@ -5,94 +5,90 @@ import PropTypes from "prop-types";
 import ComponentWithFocus from "../../Dashboard/ComponentWithFocus/index.jsx";
 
 export default function StickyTable({
-	size = "small",
-	maxHeight = 300,
-	containerHeight = 525,
-	dataSource = [],
-	columns = {},
-	pagination = false,
-	doEmptyRows = true,
-	...props
+  size = null,
+  maxHeight = 300,
+  containerHeight = 525,
+  dataSource = [],
+  columns = {},
+  pagination = false,
+  doEmptyRows = true,
+  ...props
 }) {
-	const data = React.useMemo(() => {
-		if (!doEmptyRows) {
-			return dataSource;
-		}
+  const data = React.useMemo(() => {
+    const MIN_ROWS = 4;
 
-		const MIN_ROWS = 4;
+    if (dataSource.length < MIN_ROWS) {
+      const paddedData = [...dataSource];
+      while (paddedData.length < MIN_ROWS) {
+        paddedData.push({ empty: true });
+      }
+      return paddedData;
+    }
 
-		if (dataSource.length < MIN_ROWS) {
-			const paddedData = [...dataSource];
-			while (paddedData.length < MIN_ROWS) {
-				paddedData.push({ empty: true });
-			}
-			return paddedData;
-		}
+    return dataSource;
+  }, [dataSource]);
 
-		return dataSource;
-	}, [dataSource, doEmptyRows]);
+  const Wrapper = React.useMemo(() => {
+    return data.length > 5 ? ComponentWithFocus : "div";
+  }, [data.length]);
 
-	const Wrapper = React.useMemo(() => {
-		return data.length > 5 ? ComponentWithFocus : "div";
-	}, [data.length]);
-
-	return (
-		<Wrapper>
-			<Style>
-				<div
-					className="daf-table-wrapper"
-					style={{
-						maxHeight: containerHeight,
-						overflowY: "auto",
-					}}
-				>
-					<div className="daf-sticky-table">
-						<Table
-							{...props}
-							size={size}
-							scroll
-							sticky
-							style={{ maxHeight }}
-							dataSource={data}
-							columns={columns}
-							pagination={pagination}
-						/>
-					</div>
-				</div>
-			</Style>
-		</Wrapper>
-	);
+  return (
+    <Wrapper>
+      <Style>
+        <div
+          className="daf-table-wrapper"
+          style={{
+            maxHeight: containerHeight,
+            overflowY: "auto",
+          }}
+        >
+          <div className="daf-sticky-table">
+            <Table
+              {...props}
+              size={size}
+              scroll
+              sticky
+              style={{ maxHeight }}
+              dataSource={data}
+              columns={columns}
+              pagination={pagination}
+            />
+          </div>
+        </div>
+      </Style>
+    </Wrapper>
+  );
 }
 
 const Style = styled.div`
-	max-width: calc(100% - 48px);
-	margin-left: var(--size-lg);
-	overflow: hidden;
+  max-width: calc(100% - 48px);
+  margin-left: var(--size-lg);
+  overflow: hidden;
 
-	.daf-table {
-		padding: 0px;
-		margin-top: 0px;
+  .daf-table {
+    padding: 0px;
+    margin-top: 0px;
 
-		.ant-tag {
-			text-align: center;
-		}
-	}
+    .ant-tag {
+      text-align: center;
+    }
+  }
 
-	.daf-select-filters .filters {
-		padding-top: 16px;
-		padding-left: 0;
-		padding-right: 0;
-	}
+  .daf-select-filters .filters {
+    padding-top: 16px;
+    padding-left: 0;
+    padding-right: 0;
+  }
 
-	.daf-table {
-		padding-top: 16px;
-	}
+  .daf-table {
+    padding-top: 16px;
+  }
 `;
 
 StickyTable.propTypes = {
-	size: PropTypes.any,
-	maxHeight: PropTypes.number,
-	dataSource: PropTypes.array,
-	columns: PropTypes.object,
-	pagination: PropTypes.any,
+  size: PropTypes.any,
+  maxHeight: PropTypes.number,
+  dataSource: PropTypes.array,
+  columns: PropTypes.object,
+  pagination: PropTypes.any,
 };

package/.env

@@ -1,8 +0,0 @@
-REACT_APP_API_KEY=
-REACT_APP_AUTH_DOMAIN=
-REACT_APP_PROJECT_ID=
-REACT_APP_STORAGE_BUCKED=
-REACT_APP_SENDER_ID=
-REACT_APP_APP_ID=
-REACT_APP_MEASUREMENT_ID=
-REACT_APP_VAPID_KEY=

package/.vscode/settings.json

@@ -1,13 +0,0 @@
-{
-	"cSpell.words": ["cukura"],
-	"files.autoSave": "afterDelay",
-	"editor.wordWrap": "on",
-	"editor.autoClosingBrackets": "always",
-	"editor.autoClosingComments": "always",
-	"editor.autoClosingQuotes": "always",
-	"editor.defaultFormatter": "esbenp.prettier-vscode",
-	"editor.formatOnPaste": true,
-	"editor.formatOnSave": true,
-	"notebook.defaultFormatter": "esbenp.prettier-vscode",
-	"javascript.format.semicolons": "insert"
-}

package/src/@daf/core/components/Dashboard/Widget/ScrollWidget/ScrollWidget.stories.jsx

@@ -1,39 +0,0 @@
-import ScrollWidget from "./index";
-import ThemeLayout from "../../../ThemeLayout";
-import DashboardLayout from "../../DashboardLayout";
-import ProjectWidget from "../ProjectWidget";
-
-export default {
-	title: "Dashboard/Widgets/ScrollWidget",
-	component: ScrollWidget,
-	tags: ["autodocs"],
-	decorators: [
-		(Story) => (
-			<div style={{ margin: "3em" }}>
-				<ThemeLayout>
-					<Story />
-				</ThemeLayout>
-			</div>
-		),
-	],
-};
-
-export const Primary = {
-	name: "Scroll Widget",
-	args: {
-		title: "Scroll Widget Title",
-	},
-	render: (args) => (
-		<DashboardLayout>
-			<ScrollWidget {...args}>
-				<section className="nowrap">
-					<ProjectWidget hideSDGList />
-					<ProjectWidget hideSDGList />
-					<ProjectWidget hideSDGList />
-					<ProjectWidget hideSDGList />
-					<ProjectWidget hideSDGList />
-				</section>
-			</ScrollWidget>
-		</DashboardLayout>
-	),
-};

package/src/@daf/core/components/Dashboard/Widget/ScrollWidget/index.jsx

@@ -1,22 +0,0 @@
-import Widget from "../index.jsx";
-
-export default function ScrollWidget({ classname, widgetClassname, children, ...props }) {
-	return (
-		<Widget className={widgetClassname} {...props}>
-			<div
-				style={{
-					overflowX: "auto",
-					overflowY: "hidden",
-					width: "100%",
-					display: "flex",
-					gap: "10px",
-					alignItems: "stretch",
-					scrollbarWidth: "thin",
-					scrollbarColor: "#ccc transparent",
-				}}
-			>
-				{children}
-			</div>
-		</Widget>
-	);
-}