datastake-daf 0.6.195 → 0.6.196

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/src/constants/locales/en/translation.js

@@ -1,4 +1,5 @@
 const en = {
+  "Currently unavailable": "Currently unavailable",
   Description: "Description",
   "missing-inputs": "Missing Inputs",
   "all-inputs-fullfilled": "All inputs in this section are fullfilled",

package/src/constants/locales/fr/translation.js

@@ -1,4 +1,5 @@
 const fr = {
+	"Currently unavailable": "Actuellement indisponible",
 	"Description": "Description",
 	"missing-inputs": "Données Manquantes",
 	"all-inputs-fullfilled": "Toutes les données de cette section ont été saisies.",

package/src/constants/locales/sp/translation.js

@@ -1,4 +1,5 @@
 const sp = {
+  "Currently unavailable": "Actualmente no disponible",
   "Description": "Descripción",
   "missing-inputs": "Datos que Faltan",
   "all-inputs-fullfilled": "Todas las entradas de esta sección están completas.",

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>
-	);
-}