foreman_webhooks 5.0.3 → 5.1.0

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/WebhooksTable.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useSelector } from 'react-redux';
-import { isEmpty } from 'lodash';
-
-import { Table } from 'foremanReact/components/common/table';
-import Pagination from 'foremanReact/components/Pagination';
-import Loading from 'foremanReact/components/Loading';
-
-import WebhookDeleteModal from '../WebhookDeleteModal';
-import WebhookEditModal from '../WebhookEditModal';
-import WebhookTestModal from '../WebhookTestModal';
-import EmptyWebhooksTable from './Components/EmptyWebhooksTable';
-
-import createWebhooksTableSchema from './WebhooksTableSchema';
-
-import {
-  selectWebhooks,
-  selectPage,
-  selectPerPage,
-  selectSearch,
-  selectSort,
-  selectHasData,
-  selectHasError,
-  selectIsLoading,
-  selectSubtotal,
-  selectMessage,
-} from '../../../WebhooksPageSelectors';
-
-const WebhooksTable = ({
-  fetchAndPush,
-  toDelete,
-  toTest,
-  toEdit,
-  onEditClick,
-  reloadWithSearch,
-  webhookActions,
-  modalsStates,
-}) => {
-  const webhooks = useSelector(selectWebhooks);
-  const page = useSelector(selectPage);
-  const perPage = useSelector(selectPerPage);
-  const search = useSelector(selectSearch);
-  const sort = useSelector(selectSort);
-  const isLoading = useSelector(selectIsLoading);
-  const hasData = useSelector(selectHasData);
-  const hasError = useSelector(selectHasError);
-  const itemCount = useSelector(selectSubtotal);
-  const message = useSelector(selectMessage);
-
-  const onDeleteSuccess = () => {
-    modalsStates.deleteModal.closeModal();
-    const currentPage = page;
-    const maxPage = Math.ceil((itemCount - 1) / perPage);
-    fetchAndPush({ page: maxPage < currentPage ? maxPage : currentPage });
-  };
-
-  if (isLoading && !hasError) return <Loading />;
-
-  if (!isLoading && !hasData && isEmpty(search)) {
-    return <EmptyWebhooksTable message={message} />;
-  }
-
-  return (
-    <React.Fragment>
-      <WebhookDeleteModal
-        toDelete={toDelete}
-        onSuccess={onDeleteSuccess}
-        modalState={modalsStates.deleteModal}
-      />
-      <WebhookEditModal
-        toEdit={toEdit}
-        onSuccess={() => {
-          modalsStates.editModal.closeModal();
-          reloadWithSearch(search);
-        }}
-        modalState={modalsStates.editModal}
-      />
-      <WebhookTestModal toTest={toTest} modalState={modalsStates.testModal} />
-      <Table
-        key="webhooks-table"
-        columns={createWebhooksTableSchema(
-          fetchAndPush,
-          sort.by,
-          sort.order,
-          webhookActions,
-          onEditClick
-        )}
-        rows={webhooks}
-        id="webhooks-table"
-      />
-      <Pagination itemCount={itemCount} onChange={fetchAndPush} />
-    </React.Fragment>
-  );
-};
-
-WebhooksTable.propTypes = {
-  fetchAndPush: PropTypes.func.isRequired,
-  onEditClick: PropTypes.func.isRequired,
-  toDelete: PropTypes.object.isRequired,
-  toTest: PropTypes.object.isRequired,
-  toEdit: PropTypes.number.isRequired,
-  reloadWithSearch: PropTypes.func.isRequired,
-  webhookActions: PropTypes.object.isRequired,
-  modalsStates: PropTypes.shape({
-    deleteModal: PropTypes.shape({
-      isOpen: PropTypes.bool.isRequired,
-      closeModal: PropTypes.func.isRequired,
-    }).isRequired,
-    editModal: PropTypes.shape({
-      isOpen: PropTypes.bool.isRequired,
-      closeModal: PropTypes.func.isRequired,
-    }).isRequired,
-    testModal: PropTypes.shape({
-      isOpen: PropTypes.bool.isRequired,
-      closeModal: PropTypes.func.isRequired,
-    }).isRequired,
-  }).isRequired,
-};
-
-export default WebhooksTable;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/WebhooksTableSchema.js

@@ -1,48 +0,0 @@
-import { translate as __ } from 'foremanReact/common/I18n';
-import {
-  column,
-  sortableColumn,
-  headerFormatterWithProps,
-} from 'foremanReact/components/common/table';
-
-import {
-  enabledCellFormatter,
-  nameToEditFormatter,
-  actionCellFormatter,
-} from './Components/Formatters';
-
-const sortControllerFactory = (apiCall, sortBy, sortOrder) => ({
-  apply: (by, order) => {
-    apiCall({ sort: { by, order } });
-  },
-  property: sortBy,
-  order: sortOrder,
-});
-
-const createWebhooksTableSchema = (
-  apiCall,
-  by,
-  order,
-  webhookActions,
-  onEditClick
-) => {
-  const sortController = sortControllerFactory(apiCall, by, order);
-
-  return [
-    sortableColumn('name', __('Name'), 4, sortController, [
-      nameToEditFormatter('webhooks', onEditClick),
-    ]),
-    sortableColumn('targetUrl', __('Target URL'), 4, sortController),
-    sortableColumn('enabled', __('Enabled'), 2, sortController, [
-      enabledCellFormatter(),
-    ]),
-    column(
-      'actions',
-      __('Actions'),
-      [headerFormatterWithProps],
-      [actionCellFormatter(webhookActions)]
-    ),
-  ];
-};
-
-export default createWebhooksTableSchema;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/__tests__/WebhooksTable.test.js

@@ -1,64 +0,0 @@
-import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
-
-import {
-  propsFactory,
-  webhooks,
-} from '../../../__tests__/WebhooksIndexPage.fixtures';
-import WrappedWebhooksTable from '../index';
-
-const props = {
-  fetchAndPush: jest.fn(),
-  onDeleteClick: jest.fn(),
-  setToDelete: jest.fn(),
-  setToEdit: jest.fn(),
-  setToTest: jest.fn(),
-  reloadWithSearch: jest.fn(),
-  itemCount: 0,
-  canCreate: true,
-  results: [],
-  pagination: {
-    page: 1,
-    perPage: 20,
-  },
-  toDelete: {},
-  toTest: {},
-  toEdit: 0,
-};
-
-const fixtures = {
-  'should render when loading': propsFactory({
-    ...props,
-    isLoading: true,
-    hasData: false,
-    hasError: false,
-  }),
-  'should render with no data': propsFactory({
-    ...props,
-    isLoading: false,
-    hasData: false,
-    hasError: false,
-  }),
-  'should render with error': propsFactory({
-    isLoading: false,
-    hasData: false,
-    hasError: true,
-    message: {
-      type: 'error',
-      text: 'this is error',
-    },
-    ...props,
-  }),
-  'should render with webhooks': propsFactory({
-    ...props,
-    isLoading: false,
-    hasError: false,
-    hasData: true,
-    results: webhooks,
-    itemCount: webhooks.length,
-  }),
-};
-
-describe('WebhooksTable', () => {
-  describe('rendering', () =>
-    testComponentSnapshotsWithFixtures(WrappedWebhooksTable, fixtures));
-});

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/__tests__/__snapshots__/WebhooksTable.test.js.snap

@@ -1,250 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`WebhooksTable rendering should render when loading 1`] = `
-<WebhooksTable
-  canCreate={true}
-  fetchAndPush={[MockFunction]}
-  hasData={false}
-  hasError={false}
-  isLoading={true}
-  itemCount={0}
-  modalsStates={
-    Object {
-      "deleteModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "editModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "testModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-    }
-  }
-  onDeleteClick={[MockFunction]}
-  onEditClick={[Function]}
-  onTestClick={[Function]}
-  page={5}
-  pagination={
-    Object {
-      "page": 1,
-      "perPage": 20,
-    }
-  }
-  per_page={42}
-  reloadWithSearch={[MockFunction]}
-  results={Array []}
-  search="name=foo"
-  sort={
-    Object {
-      "by": "defaultName",
-      "order": "ASC",
-    }
-  }
-  toDelete={Object {}}
-  toEdit={0}
-  toTest={Object {}}
-  webhookActions={
-    Object {
-      "deleteWebhook": [Function],
-      "testWebhook": [Function],
-    }
-  }
-/>
-`;
-
-exports[`WebhooksTable rendering should render with error 1`] = `
-<WebhooksTable
-  canCreate={true}
-  fetchAndPush={[MockFunction]}
-  hasData={false}
-  hasError={true}
-  isLoading={false}
-  itemCount={0}
-  message={
-    Object {
-      "text": "this is error",
-      "type": "error",
-    }
-  }
-  modalsStates={
-    Object {
-      "deleteModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "editModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "testModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-    }
-  }
-  onDeleteClick={[MockFunction]}
-  onEditClick={[Function]}
-  onTestClick={[Function]}
-  page={5}
-  pagination={
-    Object {
-      "page": 1,
-      "perPage": 20,
-    }
-  }
-  per_page={42}
-  reloadWithSearch={[MockFunction]}
-  results={Array []}
-  search="name=foo"
-  sort={
-    Object {
-      "by": "defaultName",
-      "order": "ASC",
-    }
-  }
-  toDelete={Object {}}
-  toEdit={0}
-  toTest={Object {}}
-  webhookActions={
-    Object {
-      "deleteWebhook": [Function],
-      "testWebhook": [Function],
-    }
-  }
-/>
-`;
-
-exports[`WebhooksTable rendering should render with no data 1`] = `
-<WebhooksTable
-  canCreate={true}
-  fetchAndPush={[MockFunction]}
-  hasData={false}
-  hasError={false}
-  isLoading={false}
-  itemCount={0}
-  modalsStates={
-    Object {
-      "deleteModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "editModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "testModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-    }
-  }
-  onDeleteClick={[MockFunction]}
-  onEditClick={[Function]}
-  onTestClick={[Function]}
-  page={5}
-  pagination={
-    Object {
-      "page": 1,
-      "perPage": 20,
-    }
-  }
-  per_page={42}
-  reloadWithSearch={[MockFunction]}
-  results={Array []}
-  search="name=foo"
-  sort={
-    Object {
-      "by": "defaultName",
-      "order": "ASC",
-    }
-  }
-  toDelete={Object {}}
-  toEdit={0}
-  toTest={Object {}}
-  webhookActions={
-    Object {
-      "deleteWebhook": [Function],
-      "testWebhook": [Function],
-    }
-  }
-/>
-`;
-
-exports[`WebhooksTable rendering should render with webhooks 1`] = `
-<WebhooksTable
-  canCreate={true}
-  fetchAndPush={[MockFunction]}
-  hasData={true}
-  hasError={false}
-  isLoading={false}
-  itemCount={2}
-  modalsStates={
-    Object {
-      "deleteModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "editModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-      "testModal": Object {
-        "closeModal": [Function],
-        "isOpen": false,
-      },
-    }
-  }
-  onDeleteClick={[MockFunction]}
-  onEditClick={[Function]}
-  onTestClick={[Function]}
-  page={5}
-  pagination={
-    Object {
-      "page": 1,
-      "perPage": 20,
-    }
-  }
-  per_page={42}
-  reloadWithSearch={[MockFunction]}
-  results={
-    Array [
-      Object {
-        "canDelete": true,
-        "canEdit": true,
-        "enabled": true,
-        "id": 1,
-        "name": "my-webhook",
-        "targetUrl": "https://my-machine.example.com",
-      },
-      Object {
-        "canDelete": false,
-        "canEdit": false,
-        "enabled": false,
-        "id": 2,
-        "name": "your-webhook",
-        "targetUrl": "https://your-machine.example.com",
-      },
-    ]
-  }
-  search="name=foo"
-  sort={
-    Object {
-      "by": "defaultName",
-      "order": "ASC",
-    }
-  }
-  toDelete={Object {}}
-  toEdit={0}
-  toTest={Object {}}
-  webhookActions={
-    Object {
-      "deleteWebhook": [Function],
-      "testWebhook": [Function],
-    }
-  }
-/>
-`;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/Components/WebhooksTable/index.js

@@ -1,76 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-
-import WebhooksTable from './WebhooksTable';
-
-const WrappedWebhooksTable = props => {
-  const [isTestModalOpen, setIsTestModalOpen] = useState(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
-  const [isEditModalOpen, setIsEditModalOpen] = useState(false);
-
-  const { setToDelete, setToEdit, setToTest, ...rest } = props;
-
-  const onDeleteClick = rowData => {
-    setToDelete(rowData);
-    setIsDeleteModalOpen(true);
-  };
-
-  const onEditClick = rowData => {
-    setToEdit(rowData);
-    setIsEditModalOpen(true);
-  };
-
-  const onTestClick = rowData => {
-    setToTest(rowData);
-    setIsTestModalOpen(true);
-  };
-
-  const webhookActions = {
-    deleteWebhook: (id, name) => {
-      onDeleteClick({ id, name });
-    },
-    testWebhook: (id, name) => {
-      onTestClick({ id, name });
-    },
-  };
-
-  return (
-    <WebhooksTable
-      onEditClick={onEditClick}
-      onTestClick={onTestClick}
-      modalsStates={{
-        testModal: {
-          isOpen: isTestModalOpen,
-          closeModal: () => {
-            setToTest({});
-            setIsTestModalOpen(false);
-          },
-        },
-        deleteModal: {
-          isOpen: isDeleteModalOpen,
-          closeModal: () => {
-            setToDelete({});
-            setIsDeleteModalOpen(false);
-          },
-        },
-        editModal: {
-          isOpen: isEditModalOpen,
-          closeModal: () => {
-            setToEdit(0);
-            setIsEditModalOpen(false);
-          },
-        },
-      }}
-      webhookActions={webhookActions}
-      {...rest}
-    />
-  );
-};
-
-WrappedWebhooksTable.propTypes = {
-  setToDelete: PropTypes.func.isRequired,
-  setToEdit: PropTypes.func.isRequired,
-  setToTest: PropTypes.func.isRequired,
-};
-
-export default WrappedWebhooksTable;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/__tests__/__snapshots__/WebhooksIndexPage.test.js.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`WebhooksIndexPage redering render with minimal props 1`] = `
-<Provider
-  store={
-    Object {
-      "dispatch": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-      Symbol(Symbol.observable): [Function],
-    }
-  }
->
-  <WebhooksIndexPage />
-</Provider>
-`;

data/webpack/ForemanWebhooks/Routes/Webhooks/WebhooksIndexPage/index.js

@@ -1,3 +0,0 @@
-import WebhooksIndexPage from './WebhooksIndexPage';
-
-export default WebhooksIndexPage;

data/webpack/__mocks__/foremanReact/Root/Context/ForemanContext.js

@@ -1 +0,0 @@
-export const useForemanContext = jest.fn(() => {});

data/webpack/__mocks__/foremanReact/common/HOC.js

@@ -1,30 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-
-export const withRenderHandler = ({ Component }) => componentProps => (
-  <Component {...componentProps} />
-);
-
-export const callOnMount = callback => WrappedComponent => componentProps => {
-  callback(componentProps);
-
-  return <WrappedComponent {...componentProps} />;
-};
-
-export const callOnPopState = callback => WrappedComponent => componentProps => {
-  const didMount = useRef(false);
-  const {
-    history: {
-      action,
-      location: { search },
-    },
-  } = componentProps;
-  useEffect(() => {
-    if (action === 'POP' && didMount.current) {
-      callback(componentProps);
-    } else {
-      didMount.current = true;
-    }
-  }, [search, action, componentProps]);
-
-  return <WrappedComponent {...componentProps} />;
-};

data/webpack/__mocks__/foremanReact/common/I18n.js

@@ -1,7 +0,0 @@
-export { sprintf } from 'jed';
-
-export const translate = s => s;
-
-export const ngettext = s => s;
-
-export const documentLocale = () => 'en';

data/webpack/__mocks__/foremanReact/common/helpers.js

@@ -1,7 +0,0 @@
-export const getURIQuery = jest.fn(() => ({}));
-
-export const deepPropsToCamelCase = jest.fn(props => props);
-
-export const foremanUrl = jest.fn(() => '');
-
-export const noop = Function.prototype;

data/webpack/__mocks__/foremanReact/common/urlHelpers.js

@@ -1,8 +0,0 @@
-export const getURIsearch = () => 'a=b';
-
-export const getParams = () => ({
-  page: 1,
-  perPage: 20,
-  searchQuery: '',
-  sort: {},
-});

data/webpack/__mocks__/foremanReact/components/ForemanModal/ForemanModalActions.js

@@ -1,2 +0,0 @@
-const ForemanModalActions = () => jest.fn();
-export default ForemanModalActions;

data/webpack/__mocks__/foremanReact/components/ForemanModal/ForemanModalHooks.js

@@ -1,10 +0,0 @@
-const modalOpen = true;
-const setModalOpen = jest.fn();
-const setModalClosed = jest.fn();
-
-export const useForemanModal = jest.fn(() => ({
-  modalOpen,
-  setModalOpen,
-  setModalClosed,
-}));
-export default useForemanModal;

data/webpack/__mocks__/foremanReact/components/ForemanModal/index.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const ForemanModal = ({ children }) => <div className="modal">{children}</div>;
-ForemanModal.Header = ({ children }) => (
-  <div className="modal-header">{children}</div>
-);
-ForemanModal.Footer = ({ children }) => (
-  <div className="modal-footer">{children}</div>
-);
-
-ForemanModal.propTypes = {
-  children: PropTypes.node,
-};
-
-ForemanModal.defaultProps = {
-  children: [],
-};
-
-ForemanModal.Header.propTypes = ForemanModal.propTypes;
-ForemanModal.Footer.propTypes = ForemanModal.propTypes;
-
-export default ForemanModal;

data/webpack/__mocks__/foremanReact/components/Layout/LayoutActions.js

@@ -1,2 +0,0 @@
-export const showLoading = () => null;
-export const hideLoading = () => null;

data/webpack/__mocks__/foremanReact/components/Loading/Loading.js

@@ -1,2 +0,0 @@
-const Loading = () => jest.fn();
-export default Loading;

data/webpack/__mocks__/foremanReact/components/Loading/index.js

@@ -1,3 +0,0 @@
-import Loading from './Loading';
-
-export default Loading;