npm - datajunction-ui - Versions diffs - 0.0.1-rc.19 → 0.0.1-rc.20 - Mend

datajunction-ui 0.0.1-rc.19 → 0.0.1-rc.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/src/setupTests.ts CHANGED Viewed

@@ -4,3 +4,33 @@ import '@testing-library/jest-dom';
 import 'react-app-polyfill/ie11';
 import 'react-app-polyfill/stable';
+import { JSDOM } from 'jsdom';
+import { render as originalRender } from '@testing-library/react';
+global.ResizeObserver = require('resize-observer-polyfill');
+global.fetch = require('jest-fetch-mock');
+const setDom = () => {
+  const dom = new JSDOM('<!doctype html><html><body></body></html>', {});
+  global.window = dom.window;
+  global.document = dom.window.document;
+  document.createRange = () => {
+    const range = new Range();
+    range.getBoundingClientRect = jest.fn();
+    range.getClientRects = () => {
+      return {
+        item: () => null,
+        length: 0,
+        [Symbol.iterator]: jest.fn(),
+      };
+    };
+    return range;
+  };
+};
+export const render = ui => {
+  setDom();
+  return originalRender(ui);
+};

package/src/styles/index.css CHANGED Viewed

@@ -398,6 +398,7 @@ tbody th {
   border-radius: 0.375rem;
   word-wrap: break-word;
   white-space: break-spaces;
+  margin-right: 0.5rem;
 }
 /* Nodes */
@@ -881,6 +882,19 @@ pre {
   z-index: 1;
 }
+.popover {
+  padding: 1rem 1rem 0.6rem 1rem !important;
+  margin-top: 1rem;
+  background-color: #ffffff;
+  border: 1px solid #c5c5c5;
+  border-radius: 10px;
+  text-align: left;
+  position: absolute;
+  min-width: 200px;
+  max-width: 100%;
+  z-index: 1;
+}
 .select-name {
   margin-top: 5px;
   padding: 7px 7px;
@@ -950,3 +964,32 @@ pre {
   word-wrap: break-word;
   white-space: break-spaces;
 }
+.add_button {
+  background-color: #f0f8ff !important;
+  color: #24518f;
+  text-transform: uppercase;
+  vertical-align: middle;
+  padding: 0.2rem 0.5rem 0.1rem 0.5rem;
+  border: 1px solid #819bc0;
+  font-size: 1.2rem;
+  border-radius: 0.5rem;
+  word-wrap: break-word;
+  white-space: break-spaces;
+  margin-left: 1rem;
+}
+.edit_button {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  outline: inherit;
+  margin-left: 1rem;
+}
+.deleteNode {
+  display: inline-block;
+}

package/src/styles/node-creation.scss CHANGED Viewed

@@ -188,3 +188,10 @@ form {
       brightness(96%) contrast(100%);
   }
 }
+.SourceCreationInput {
+  margin: 0.5rem 0;
+  display: inline-grid;
+  width: 20%;
+  padding: 0 20px;
+}

package/src/utils/form.jsx ADDED Viewed

@@ -0,0 +1,23 @@
+import ValidIcon from '../app/icons/ValidIcon';
+import AlertIcon from '../app/icons/AlertIcon';
+import * as React from 'react';
+export const displayMessageAfterSubmit = status => {
+  return status?.success !== undefined ? (
+    <div className="message success">
+      <ValidIcon />
+      {status?.success}
+    </div>
+  ) : status?.failure !== undefined ? (
+    <div className="message alert">
+      <AlertIcon />
+      {status?.failure}
+    </div>
+  ) : (
+    ''
+  );
+};
+export const labelize = name => {
+  return name.replace(/_/g, ' ').replace(/\b(\w)/g, char => char.toUpperCase());
+};

package/.github/pull_request_template.md DELETED Viewed

@@ -1,11 +0,0 @@
-### Summary
-<!-- What's this change about? -->
-### Test Plan
-<!-- How did you test your change? -->
-### Deployment Plan
-<!-- Any special instructions around deployment? -->

package/.github/workflows/ci.yml DELETED Viewed

@@ -1,33 +0,0 @@
-name: CI/CD
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [19.x]
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-      - name: Set up Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node-version }}
-      - name: Install Dependencies
-        run: yarn install
-      - name: Run Unit Tests
-        run: yarn test
-      - name: Build Project
-        run: yarn build

package/src/app/pages/NamespacePage/__tests__/__snapshots__/index.test.tsx.snap DELETED Viewed

@@ -1,118 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<NamespacePage /> should render and match the snapshot 1`] = `
-<div
-  className="mid"
->
-  <div
-    className="card"
-  >
-    <div
-      className="card-header"
-    >
-      <h2>
-        Explore
-      </h2>
-      <span
-        className="menu-link"
-      >
-        <span
-          className="menu-title"
-        >
-          <div
-            className="dropdown"
-          >
-            <span
-              className="add_node"
-            >
-              + Add Node
-            </span>
-            <div
-              className="dropdown-content"
-            >
-              <a
-                href="/create/transform/undefined"
-              >
-                <div
-                  className="node_type__transform node_type_creation_heading"
-                >
-                  Transform
-                </div>
-              </a>
-              <a
-                href="/create/metric/undefined"
-              >
-                <div
-                  className="node_type__metric node_type_creation_heading"
-                >
-                  Metric
-                </div>
-              </a>
-              <a
-                href="/create/dimension/undefined"
-              >
-                <div
-                  className="node_type__dimension node_type_creation_heading"
-                >
-                  Dimension
-                </div>
-              </a>
-            </div>
-          </div>
-        </span>
-      </span>
-      <div
-        className="table-responsive"
-      >
-        <div
-          className="sidebar"
-        >
-          <span
-            style={
-              Object {
-                "color": "#95aac9",
-                "fontSize": "0.8125rem",
-                "fontWeight": "600",
-                "padding": "1rem 1rem 1rem 0",
-                "textTransform": "uppercase",
-              }
-            }
-          >
-            Namespaces
-          </span>
-        </div>
-        <table
-          className="card-table table"
-        >
-          <thead>
-            <tr>
-              <th>
-                Name
-              </th>
-              <th>
-                Display Name
-              </th>
-              <th>
-                Type
-              </th>
-              <th>
-                Status
-              </th>
-              <th>
-                Mode
-              </th>
-              <th>
-                Last Updated
-              </th>
-              <th>
-                Actions
-              </th>
-            </tr>
-          </thead>
-          <tbody />
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/src/app/pages/NamespacePage/__tests__/index.test.tsx DELETED Viewed

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { createRenderer } from 'react-test-renderer/shallow';
-import { NamespacePage } from '../index';
-const renderer = createRenderer();
-describe('<NamespacePage />', () => {
-  it('should render and match the snapshot', () => {
-    renderer.render(<NamespacePage />);
-    const renderedOutput = renderer.getRenderOutput();
-    expect(renderedOutput).toMatchSnapshot();
-  });
-});