@truedat/dd 6.8.2 → 6.8.4

package/src/components/__tests__/__snapshots__/PendingStructureNotesPagination.spec.js.snap

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PendingStructureNotesPagination /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    aria-label="Pagination Navigation"
+    class="ui pagination menu"
+    role="navigation"
+  >
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      aria-label="First item"
+      class="item"
+      tabindex="0"
+      type="firstItem"
+      value="1"
+    >
+      «
+    </a>
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      aria-label="Previous item"
+      class="item"
+      tabindex="0"
+      type="prevItem"
+      value="1"
+    >
+      ⟨
+    </a>
+    <a
+      aria-current="true"
+      aria-disabled="false"
+      class="active item"
+      tabindex="0"
+      type="pageItem"
+      value="1"
+    >
+      1
+    </a>
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      class="item"
+      tabindex="0"
+      type="pageItem"
+      value="2"
+    >
+      2
+    </a>
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      class="item"
+      tabindex="0"
+      type="pageItem"
+      value="3"
+    >
+      3
+    </a>
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      class="item"
+      tabindex="0"
+      type="pageItem"
+      value="4"
+    >
+      4
+    </a>
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      aria-label="Next item"
+      class="item"
+      tabindex="0"
+      type="nextItem"
+      value="2"
+    >
+      ⟩
+    </a>
+    <a
+      aria-current="false"
+      aria-disabled="false"
+      aria-label="Last item"
+      class="item"
+      tabindex="0"
+      type="lastItem"
+      value="4"
+    >
+      »
+    </a>
+  </div>
+</div>
+`;

package/src/components/__tests__/__snapshots__/PendingStructureNotesTable.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`<PendingStructureNotesTable /> matches the latest snapshot 1`] = `
 <div>
   <table
-    class="ui selectable table"
+    class="ui selectable sortable table"
   >
     <thead
       class=""
@@ -12,27 +12,27 @@ exports[`<PendingStructureNotesTable /> matches the latest snapshot 1`] = `
         class=""
       >
         <th
-          class=""
+          class="two wide"
         >
-          Structure
+          Name
         </th>
         <th
-          class=""
+          class="one wide"
         >
           Status
         </th>
         <th
-          class=""
+          class="one wide"
         >
           System
         </th>
         <th
-          class=""
+          class="one wide disabled"
         >
-          Domains
+          Domain
         </th>
         <th
-          class=""
+          class="one wide disabled"
         >
           Path
         </th>
@@ -45,8 +45,11 @@ exports[`<PendingStructureNotesTable /> matches the latest snapshot 1`] = `
         class=""
       >
         <td
-          class=""
-        />
+          class="structure-cell-overflow"
+          title="bar"
+        >
+          bar
+        </td>
         <td
           class=""
         >
@@ -54,24 +57,33 @@ exports[`<PendingStructureNotesTable /> matches the latest snapshot 1`] = `
         </td>
         <td
           class=""
-        />
+        >
+          bar system
+        </td>
         <td
           class=""
         >
-          
+          bar domain
         </td>
         <td
           class=""
         >
-          
+          <span
+            title="bar rute"
+          >
+            bar rute
+          </span>
         </td>
       </tr>
       <tr
         class=""
       >
         <td
-          class=""
-        />
+          class="structure-cell-overflow"
+          title="foo"
+        >
+          foo
+        </td>
         <td
           class=""
         >
@@ -79,16 +91,22 @@ exports[`<PendingStructureNotesTable /> matches the latest snapshot 1`] = `
         </td>
         <td
           class=""
-        />
+        >
+          foo system
+        </td>
         <td
           class=""
         >
-          
+          foo domain 1, foo domain 2
         </td>
         <td
           class=""
         >
-          
+          <span
+            title="foo rute › other route"
+          >
+            foo rute › other route
+          </span>
         </td>
       </tr>
     </tbody>

package/src/selectors/index.js

@@ -40,6 +40,10 @@ export {
   defaultStructureFieldColumns,
 } from "./getStructureFieldColumns";
 export { getStructureParent } from "./getStructureParent";
+export {
+  getStructureNotesColumnsSelector,
+  defaultStructureNoteColumns,
+} from "./structureNotesColumnsSelector";
 export { getStructuresFields } from "./getStructuresFields";
 export { getStructureSortingCriteria } from "./getStructureSortingCriteria";
 export { getStructureUpdatedAt } from "./getStructureUpdatedAt";

package/src/selectors/structureNotesColumnsSelector.js

@@ -0,0 +1,65 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { createSelector } from "reselect";
+import { FormattedMessage } from "react-intl";
+
+const translateDecorator = (id) =>
+  id ? <FormattedMessage id={id} defaultMessage={id} /> : null;
+
+const DomainDecorator = (domains) =>
+  _.flow(_.map("name"), _.join(", "))(domains);
+
+DomainDecorator.propTypes = {
+  domains: PropTypes.array,
+};
+
+const PathDecorator = (path) => (
+  <span title={_.join(" › ")(path)}>
+    {_.flow(_.join(" › "), _.truncate({ length: 90 }))(path)}
+  </span>
+);
+PathDecorator.propTypes = {
+  path: PropTypes.string,
+};
+
+export const defaultStructureNoteColumns = [
+  {
+    name: "name",
+    sort: { name: "name.sort" },
+    width: 2,
+  },
+  {
+    name: "status",
+    fieldSelector: ({ non_published_note: { status: status } }) =>
+      translateDecorator(`pendingStructureNotes.status.${status}`),
+    sort: { name: "non_published_note.status.sort" },
+    width: 1,
+  },
+
+  {
+    name: "system",
+    fieldSelector: _.path("system.name"),
+    sort: { name: "system.name.sort" },
+    width: 1,
+  },
+  {
+    name: "domain",
+    fieldSelector: _.pathOr([], "domains"),
+    fieldDecorator: DomainDecorator,
+    width: 1,
+  },
+  {
+    name: "path",
+    fieldSelector: _.path("path"),
+    fieldDecorator: PathDecorator,
+    width: 1,
+  },
+];
+
+const getColumns = (state) => state.structuresNotesColumns;
+
+export const getStructureNotesColumnsSelector = createSelector(
+  getColumns,
+  _.defaultTo(defaultStructureNoteColumns)
+);