@truedat/dd 4.43.1 → 4.43.4

package/src/selectors/getStructuresUploadEventColumns.js

@@ -0,0 +1,74 @@
+import _ from "lodash/fp";
+import React from "react";
+import { createSelector } from "reselect";
+import { FormattedMessage } from "react-intl";
+import Moment from "react-moment";
+import { AlertExporter } from "@truedat/core/components/AlertExporter";
+
+const bulkUpdateErrors = (response) => {
+  return _.isEmpty(response) ? (
+    ""
+  ) : (
+    <>
+      <p>{response.translatedHeader}</p>
+      <ul className="csv-bulk-upload-error">
+        {_.map.convert({ cap: false })((translatedError, key) => {
+          return <li key={`error_${key}`}>{translatedError}</li>;
+        })(response.translatedErrors)}
+      </ul>
+      {_.isEmpty(response.errors) ? null : (
+        <AlertExporter
+          className="alert-exporter-in-table"
+          onClick={(e) => e.stopPropagation()}
+          {...{
+            list: response.translatedErrors,
+            messages: response.errors,
+          }}
+        />
+      )}
+    </>
+  );
+};
+
+const dateDecorator = (date) =>
+  date && <Moment locale="es" date={date} format="YYYY-MM-DD HH:mm" />;
+
+const statusDecorator = (status) => (
+  <FormattedMessage
+    id={`structures.bulkUploadEvents.status.${_.toLower(status)}`}
+  />
+);
+
+export const defaultStructuresUploadEventColumns = [
+  {
+    name: "csv_hash",
+    width: 2,
+  },
+  {
+    name: "status",
+    fieldDecorator: statusDecorator,
+    width: 2,
+  },
+  {
+    name: "response",
+    fieldDecorator: bulkUpdateErrors,
+    width: 2,
+  },
+  {
+    name: "message",
+    width: 2,
+  },
+  {
+    name: "inserted_at",
+    fieldDecorator: dateDecorator,
+    textAlign: "center",
+    width: 2,
+  },
+];
+
+const getColumns = (state) => state.structuresUploadEventColumns;
+
+export const getStructuresUploadEventColumns = createSelector(
+  [getColumns],
+  (columns) => _.defaultTo(defaultStructuresUploadEventColumns)(columns)
+);

package/src/selectors/index.js

@@ -39,6 +39,10 @@ export { getStructureSelectedFilterValues } from "./getStructureSelectedFilterVa
 export { getStructuresFields } from "./getStructuresFields";
 export { getStructureSortingCriteria } from "./getStructureSortingCriteria";
 export { getStructureUpdatedAt } from "./getStructureUpdatedAt";
+export {
+  getStructuresUploadEventColumns,
+  defaultStructuresUploadEventColumns,
+} from "./getStructuresUploadEventColumns";
 export { getSystem } from "./getSystem";
 export { getSystemTemplate } from "./getSystemTemplate";
 export { getTabVisibility } from "./getTabVisibility";

package/src/styles/structuresUploadEventColumns.less

@@ -0,0 +1,24 @@
+.contracted ul.csv-bulk-upload-error {
+  max-height: 100px;
+  overflow: hidden;
+}
+
+.contracted ul.csv-bulk-upload-error {
+  .fade-up();
+}
+
+.fade-up {
+  background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.alert-exporter-in-table {
+  padding: 3px;
+  margin: 5px;
+  &:hover {
+    padding: 2px;
+    border: 1px solid blue;
+  }
+}