Test Component
);
-TestComponent.propTypes = { title: PropTypes.string.isRequired };
-
-describe('
- {title}
-
-);
-
-DataTableDensity.defaultProps = {
- items: [
- { icon:
- {items.map((item) => {
- let srClass = screenReaderClass;
- if (!item.icon) {
- srClass = '';
- }
- return (
-
- );
- })}
-
-
-
- );
-};
-
-DataTablePageResults.defaultProps = {
- className: 'data-table-results',
-};
-
-DataTablePageResults.propTypes = {
- className: PropTypes.string,
- total: PropTypes.number.isRequired,
- pageSize: PropTypes.number.isRequired,
- currentPage: PropTypes.number.isRequired,
-};
-
-export default DataTablePageResults;
diff --git a/src/components/DataTable/DataTablePageResults/index.test.jsx b/src/components/DataTable/DataTablePageResults/index.test.jsx
deleted file mode 100644
index 83c11940..00000000
--- a/src/components/DataTable/DataTablePageResults/index.test.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import DataTablePageResults from '.';
-
-describe('- {viewing && ( - 'Viewing ' - )} - {currentLowestResult} - {' '} - - - {' '} - {currentHighestResult} - {' '} - of - {' '} - {displayTotal} - {' '} - rows -
-
-
-
-
- );
-};
-
-DataTablePageSizer.defaultProps = {
- label: 'Rows per page',
- className: 'dc-page-size-options',
- initSize: 20,
- options: [
- { label: '20', value: '20' },
- { label: '50', value: '50' },
- { label: '100', value: '100' },
- ],
- selectClassName: 'page-size-select',
-};
-
-DataTablePageSizer.propTypes = {
- label: PropTypes.string,
- className: PropTypes.string,
- selectClassName: PropTypes.string,
- pageSizeChange: PropTypes.func.isRequired,
- options: PropTypes.arrayOf(PropTypes.shape({
- defaultChecked: PropTypes.bool,
- label: PropTypes.string,
- value: PropTypes.string,
- })),
- id: PropTypes.string.isRequired,
- initSize: PropTypes.number,
-};
-
-export default DataTablePageSizer;
diff --git a/src/components/DataTable/DataTablePageSizer/index.test.jsx b/src/components/DataTable/DataTablePageSizer/index.test.jsx
deleted file mode 100644
index b99ad985..00000000
--- a/src/components/DataTable/DataTablePageSizer/index.test.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import DataTablePageSizer from './index';
-
-describe('
- {children}
-
- );
-};
-
-Card.propTypes = {
- id: PropTypes.string.isRequired,
- index: PropTypes.number.isRequired,
- children: PropTypes.node.isRequired,
- moveCard: PropTypes.func.isRequired,
-};
-
-export default Card;
diff --git a/src/components/DataTable/ManageColumns/card.scss b/src/components/DataTable/ManageColumns/card.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/DataTable/ManageColumns/doc.mdx b/src/components/DataTable/ManageColumns/doc.mdx
deleted file mode 100644
index c10fedea..00000000
--- a/src/components/DataTable/ManageColumns/doc.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
----
-name: Manage Columns
-menu: Components
-route: /components/manage-columns
----
\ No newline at end of file
diff --git a/src/components/DataTable/ManageColumns/index.jsx b/src/components/DataTable/ManageColumns/index.jsx
deleted file mode 100644
index 9250a298..00000000
--- a/src/components/DataTable/ManageColumns/index.jsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React, { useContext, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { DndProvider } from 'react-dnd';
-import Backend from 'react-dnd-html5-backend';
-import update from 'immutability-helper';
-import Card from './Card';
-
-import { ResourceDispatch } from '../../../services/resource/resource_defaults';
-import Modal from '../../Modal';
-
-const defaultCard = (card, index, moveCard) => (
-
-
-
- {reactTable.allColumns
- && reactTable.allColumns.map((column, i) => renderCard(column, i, moveCard))}
-
-
-
- );
-};
-
-ManageColumns.defaultProps = {
- renderCard: defaultCard,
-};
-
-ManageColumns.propTypes = {
- renderCard: PropTypes.func,
-};
-
-export default ManageColumns;
-
-// Manage Columns - holds code
-// -- Modal is launched from Manage Columns with cards
-// -- -- Cards take children and Cards only adds the dnd feature
diff --git a/src/components/DataTable/datatable.test.jsx b/src/components/DataTable/datatable.test.jsx
new file mode 100644
index 00000000..af047aef
--- /dev/null
+++ b/src/components/DataTable/datatable.test.jsx
@@ -0,0 +1,57 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom/extend-expect";
+import DataTable from "./index";
+
+const columns1 = [
+ { Header: "Header 1", accessor: "header_1" },
+ { Header: "Header 2", accessor: "header_2" },
+ { Header: "Header 3", accessor: "header_3" },
+];
+
+const data1 = [
+ { header_1: "foo", header_2: "bar", header_3: "fizz" },
+ { header_1: "dkan", header_2: "react", header_3: "drupal" },
+];
+
+describe("Loading
; + } + + const filterTypes = React.useMemo( + () => ({ + // Add a new fuzzyTextFilterFn filter type. + // fuzzyText: fuzzyTextFilterFn, + // Or, override the default text filter to use + // "startWith" + text: (rows, id, filterValue) => + rows.filter((row) => { + const rowValue = row.values[id]; + return rowValue !== undefined + ? String(rowValue) + .toLowerCase() + .startsWith(String(filterValue).toLowerCase()) + : true; + }), + }), + [] + ); + + function DefaultColumnFilter({ + column: { Header, accessor, setFilter, filterValue }, + }) { + return ( +
+
+ {
+ setFilter(e.target.value) || undefined;
+ }}
+ id={`filter_${accessor}`}
+ name={`filter_${accessor}`}
+ type="text"
+ value={filterValue || ""}
+ />
+
+ );
+ }
+
+ const defaultColumn = React.useMemo(
+ () => ({
+ // Let's set up our default Filter UI
+ Filter: customColumnFilter ? customColumnFilter : DefaultColumnFilter,
+ // When using the useFlexLayout:
+ minWidth: minWidth, // minWidth is only used as a limit for resizing
+ width: width, // width is used for both the flex-basis and flex-grow
+ maxWidth: maxWidth, // maxWidth is only used as a limit for resizing
+ }),
+ []
+ );
+
+ const {
+ getTableProps,
+ prepareRow,
+ rows,
+ headerGroups,
+ state: { filters, sortBy },
+ } = useTable(
+ {
+ columns,
+ data,
+ filterTypes,
+ initialState: {},
+ manualPagination: true,
+ manualFilters: true,
+ manualSortBy: true,
+ pageCount: Math.ceil(totalRows / limit),
+ filterTypes,
+ defaultColumn,
+ },
+ useResizeColumns,
+ useFilters,
+ useSortBy,
+ usePagination,
+ layout === "block" ? useBlockLayout : useFlexLayout
+ );
+
+ useEffect(() => {
+ if (columnSort) {
+ const normalizedSort = sortTransform ? sortTransform(sortBy) : filters;
+ setSort(normalizedSort);
+ }
+ }, [sortBy]);
+
+ useEffect(() => {
+ let timerFunc = setTimeout(() => {
+ if (columnFilter) {
+ const normalizedFilters = conditionsTransform
+ ? conditionsTransform(filters)
+ : filters;
+ setConditions(normalizedFilters);
+ }
+ }, 1000);
+ return () => clearTimeout(timerFunc);
+ }, [filters]);
+
+ return (
+
+
+ );
+};
+
+DataTable.defaultProps = {
+ filterTitle: "",
+ className: "",
+ tableClasses: {
+ tableContainerClassName: "",
+ tableColumnResizer:
+ "width-1 bg-primary margin-right-neg-05 position-absolute top-0 bottom-0 right-0 z-100",
+ tableColumnIsResizing: "",
+ headerCellClassName:
+ "bg-base-lighter border-top-1px text-right text-bold padding-x-1 overflow-hidden",
+ headerGroupClassName: "",
+ headerCellTextClassName:
+ "overflow-hidden text-no-wrap display-inline-block",
+ defaultColumnFilterClassName: "usa-label usa-sr-only",
+ cellTextClassName: "overflow-hidden text-no-wrap display-inline-block",
+ cellFirstRowClassName: "",
+ cellClassName:
+ "border-right-1px font-mono-sm text-tabular text-right padding-x-105 padding-y-05",
+ cellEvenRowClassName: "bg-base-lightest",
+ cellOddRowClassName: "",
+ filterTitleClassName: "",
+ headerFilterCellClassName:
+ "bg-base-lighter border-bottom-1px border-right-1px padding-x-1",
+ headerFilterClassName: "",
+ columnIsSortedClassName: "",
+ columnIsSortedAscClassName: "",
+ columnIsSortedDecClassName: "",
+ },
+ options: {
+ layout: "flex",
+ columnFilter: true,
+ columnSort: true,
+ columnResize: true,
+ },
+ columnDefaults: {
+ minWidth: 30,
+ maxWidth: 300,
+ width: 150,
+ },
+ customColumnFilter: undefined,
+};
+
+DataTable.propTypes = {
+ options: PropTypes.shape({
+ layout: PropTypes.oneOf(["flex", "block"]),
+ columnFilter: PropTypes.bool,
+ columnSort: PropTypes.bool,
+ columnResize: PropTypes.bool,
+ }),
+ columns: PropTypes.arrayOf(
+ PropTypes.shape({
+ Header: PropTypes.string.isRequired,
+ accessor: PropTypes.string.isRequired,
+ })
+ ).isRequired,
+ setSort: PropTypes.func.isRequired,
+ setConditions: PropTypes.func.isRequired,
+ conditionsTransform: PropTypes.func.isRequired,
+ sortTransform: PropTypes.func.isRequired,
+ data: PropTypes.arrayOf(PropTypes.object),
+ className: PropTypes.string,
+ filterTitle: PropTypes.string,
+ totalRows: PropTypes.number.isRequired,
+ limit: PropTypes.number.isRequired,
+ loading: PropTypes.bool,
+ columnDefaults: PropTypes.arrayOf(
+ PropTypes.shape({
+ minWidth: PropTypes.number,
+ maxWidth: PropTypes.number,
+ width: PropTypes.number,
+ })
+ ),
+ customColumnFilter: PropTypes.func,
+ // tableClasses,
+ // cellTextClassName
+};
+
+export default DataTable;
diff --git a/src/components/FileDownload/doc.mdx b/src/components/FileDownload/doc.mdx
deleted file mode 100644
index dfde7b69..00000000
--- a/src/components/FileDownload/doc.mdx
+++ /dev/null
@@ -1,25 +0,0 @@
----
-name: File Download
-menu: Components
-route: /components/filedownload
----
-
-import { Playground, Props } from 'docz'
-import FileDownload from './index'
-
-# File Download
-
-## Properties
-
-
+ {headerGroups.map((headerGroup) => (
+
+
+ {headerGroup.headers.map((column) => (
+ <>
+
+ ))}
+ {columnFilter && (
+
+
+ {column.render("Header")}
+
+ {columnSort && (
+
+ )}
+
+ {columnResize && (
+
+ )}
+
+ ))}
+
+ {filterTitle && (
+ {filterTitle}
+ )}
+ {headerGroups.map((headerGroup) => (
+
+ )}
+
+ {headerGroup.headers.map((column) => (
+
+ ))}
+
+
+ ))}
+
+
+
+ {column.canFilter ? column.render("Filter") : null}
+
+
+ {loading ? (
+ CustomLoadingComponent ? (
+ CustomLoadingComponent
+ ) : (
+
+ Loading...
+ ) + ) : rows.length ? ( + rows.map((row, index) => { + const even = (index + 1) % 2 === 0; + prepareRow(row); + let classList = cellClassName; + if (index === 0 && cellFirstRowClassName) { + classList = cellFirstRowClassName; + } + if (even) { + classList += ` ${cellEvenRowClassName}`; + } + if (!even) { + classList += ` ${cellOddRowClassName}`; + } + return ( +
+ {row.cells.map((cell) => {
+ return (
+
+ );
+ })
+ ) : CustomNoResults ? (
+ CustomNoResults
+ ) : (
+
+
+ {cell.render("Cell")}
+
+
+ );
+ })}
+ No results found.
+ )} +
- {item}
-
- );
-};
-
-FileDownload.defaultProps = {
- description: '',
- title: '',
-};
-
-FileDownload.propTypes = {
- title: PropTypes.string,
- format: PropTypes.string.isRequired,
- downloadURL: PropTypes.string.isRequired,
- description: PropTypes.string,
-};
-
-export default FileDownload;
diff --git a/src/components/FileDownload/index.test.jsx b/src/components/FileDownload/index.test.jsx
deleted file mode 100644
index ddd87f87..00000000
--- a/src/components/FileDownload/index.test.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import FileDownload from './index';
-
-const TestComponent = ({ title }) => (Test Component
);
-TestComponent.propTypes = { title: PropTypes.string.isRequired };
-
-describe('
-
- );
- }
- return (
- {paneTitle}
--
- {content}
-
-
- );
-}
-
-IconList.defaultProps = {
- listClass: 'dc-list',
- containerClass: 'container',
- paneTitle: '',
- titleAlign: '',
-};
-
-IconList.propTypes = {
- component: PropTypes.func.isRequired,
- items: PropTypes.arrayOf(PropTypes.shape({
- title: PropTypes.string,
- link: PropTypes.string,
- image: PropTypes.string,
- size: PropTypes.string,
- color: PropTypes.string,
- identifier: PropTypes.string,
- })).isRequired,
- listClass: PropTypes.string,
- containerClass: PropTypes.string,
- paneTitle: PropTypes.string,
- titleAlign: PropTypes.string,
-};
-
-export default IconList;
diff --git a/src/components/IconList/index.test.jsx b/src/components/IconList/index.test.jsx
deleted file mode 100644
index 563387b7..00000000
--- a/src/components/IconList/index.test.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import IconList from './index';
-
-describe('-
- {content}
-
text here
)} paneTitle="Icon List" />); - expect(screen.getByRole('heading', 'Icon List')).toBeInTheDocument(); - }); -}); diff --git a/src/components/IconListItem/doc.mdx b/src/components/IconListItem/doc.mdx deleted file mode 100644 index eadde6f1..00000000 --- a/src/components/IconListItem/doc.mdx +++ /dev/null @@ -1,33 +0,0 @@ ---- -name: Icon List Item -menu: Components -route: /components/icon-list-item ---- - -import { Playground, Props } from 'docz' -import IconListItem from './index' - -# Icon List Item -This component imports another component called [TopicIcon](/templates/topic-icon). -TopicIcon will match the **title** value against the TopicIcon options and return an svg icon. -To use a custom set of icons you can create a copy of this component that imports a different -set of icons. Then call your custom component from the IconList component ``{title}
-
- );
- } else {
- // Image provided by custom component.
- content = (
-
- {title}
-
- );
- }
-
- return (
- I am a child of the modal
-
-
-
-
- - {title} -
- -
- {children}
-
-
-
-
- {popup}
-
- );
-};
-
-Modal.defaultProps = {
- closeIcon: My Modal
-
-
- {image}
-
- );
-}
-
-export const countDatasetsByName = (publisher, datasets) => {
- const publishers = datasets.map((data, index, arr) => {return data.publisher; });
- const result = publishers.filter((p) => {return p.name === publisher;});
- if (typeof result !== 'undefined' && result.length) {
- return result.length;
-
- }
- return null;
-};
-
-Organization.defaultProps = {
- alignment: "center",
- name: "",
- description: "",
- imageUrl: "https://s3.amazonaws.com/dkan-default-content-files/files/group.png",
-};
-
-Organization.propTypes = {
- alignment: PropTypes.string,
- name: PropTypes.string,
- description: PropTypes.string,
- imageUrl: PropTypes.string,
- searchUrl: PropTypes.string,
- organizationEndpoint: PropTypes.string,
-};
-
-export default Organization;
diff --git a/src/components/Organization/index.test.jsx b/src/components/Organization/index.test.jsx
deleted file mode 100644
index fc0d5ce5..00000000
--- a/src/components/Organization/index.test.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Organization, {countDatasetsByName} from './index';
-import PublisherDatasetCountByName from '../PublisherDatasetCountByName';
-
-const data =
- [{"publisher": {
- "@type": "org:Organization",
- "name": "State Economic Council"
- }},
- {"publisher": {
- "@type": "org:Organization",
- "name": "State Economic Council"
- }}];
-
-
-describe('- {name} -
- - {description && ( -
- {description}
-
- )}
-
- {dataObj && dataObj.dataset !== 'undefined' ?
-
-
-);
-
-PageHeader.propTypes = {
- title: PropTypes.string.isRequired,
-};
-
-export default PageHeader;
diff --git a/src/components/PageHeader/index.test.jsx b/src/components/PageHeader/index.test.jsx
deleted file mode 100644
index 47e5e96e..00000000
--- a/src/components/PageHeader/index.test.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import PageHeader from './index';
-
-describe('{title}
--
- {content}
-
-
- search
-
-
- search
-
-
-
-
- );
- });
-
- return (
-
- {(resetActive && !isEmpty(selected)) ? (
-
- ) : null}
-
- {myLabel}
-
- )}
- headingClasses={`facet-block-${facetType}-inner${toggleClasses ? ` ${toggleClasses}` : ''}`}
- innerClasses={`inner-${facetType}-facets`}
- >
-
-
- );
-};
-
-SearchFacet.defaultProps = {
- label: '',
- selected: [],
- toggleClasses: null,
- InputComponent: null,
- selectedFacets: [],
- reset: { active: false },
- inputType: 'checkbox',
-};
-
-SearchFacet.propTypes = {
- facetType: PropTypes.string.isRequired,
- facets: PropTypes.arrayOf(PropTypes.arrayOf).isRequired,
- dispatch: PropTypes.func.isRequired,
- label: PropTypes.string,
- selected: PropTypes.arrayOf(PropTypes.arrayOf),
- toggleClasses: PropTypes.string,
- InputComponent: PropTypes.func,
- selectedFacets: PropTypes.arrayOf(PropTypes.array),
- reset: PropTypes.shape({
- active: PropTypes.bool,
- icon: PropTypes.func,
- }),
- inputType: PropTypes.string,
- onMore: PropTypes.func,
- onLess: PropTypes.func
-};
-
-export default SearchFacet;
diff --git a/src/components/SearchFacets/SearchFacet/index.test.jsx b/src/components/SearchFacets/SearchFacet/index.test.jsx
deleted file mode 100644
index 72f61fc6..00000000
--- a/src/components/SearchFacets/SearchFacet/index.test.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event'
-import '@testing-library/jest-dom/extend-expect';
-import SearchFacet from './index';
-
-describe('
- {
- const facet = updateSelectedFacetsState({selectedFacets}, e)
- setSelectedFacets(facet.selectedFacets)
- }}
- facetsResults={[{"type":"theme","name":"Transportation","total":"1"},{"type":"theme","name":"City Planning","total":"3"},{"type":"theme","name":"Finance and Budgeting","total":"4"},{"type":"theme","name":"Public Safety","total":"1"},{"type":"theme","name":"Health Care","total":"2"},{"type":"keyword","name":"No keyword provided","total":"1"},{"type":"keyword","name":"demographics","total":"3"},{"type":"keyword","name":"economy","total":"3"},{"type":"keyword","name":"spatial data","total":"1"},{"type":"keyword","name":"United Kingdom","total":"1"},{"type":"keyword","name":"crime","total":"1"},{"type":"keyword","name":"public safety","total":"1"},{"type":"keyword","name":"socioeconomic","total":"1"},{"type":"keyword","name":"workforce","total":"1"},{"type":"keyword","name":"health","total":"2"},{"type":"keyword","name":"election","total":"2"},{"type":"keyword","name":"politics","total":"2"},{"type":"keyword","name":"transparency","total":"2"},{"type":"keyword","name":"price","total":"1"},{"type":"keyword","name":"time-series","total":"1"},{"type":"keyword","name":"country-afghanistan","total":"1"},{"type":"publisher__name","name":"State Economic Council","total":"5"},{"type":"publisher__name","name":"Committee on International Affairs","total":"3"},{"type":"publisher__name","name":"Advisory Council for Infectious Disease","total":"2"}]}
- facetsConfig={{
- "theme": {
- "label": "Topics",
- "field": "theme.0.title",
- "showAll": false,
- "limit": 10,
- "reset": {
- "active": false,
- "icon":
- },
- },
- "keyword": {
- "label": "Tags",
- "field": "keyword.*.title",
- "showAll": false,
- "limit": 10,
- "reset": {
- "active": false,
- "icon":
- },
- },
- "publisher__name": {
- "label": "Publishers",
- "field": "publisher__name",
- "showAll": false,
- "limit": 10,
- "reset": {
- "active": false,
- "icon":
- },
- },
- "empty": {
- "label": "Empty",
- "field": "empty",
- "showAll": false,
- "limit": 10,
- "reset": {
- "active": false,
- "icon":
- },
- }
- }}
- />
-
- )
- }}
-
- {facetComponents}
-
- );
-};
-
-SearchFacets.defaultProps = {
- className: 'dc-search-facets',
- selectedFacets: [],
- toggleClasses: null,
- InputComponent: null,
-};
-
-SearchFacets.propTypes = {
- facetsConfig: PropTypes.objectOf(PropTypes.object).isRequired,
- facetsResults: PropTypes.arrayOf(PropTypes.object).isRequired,
- dispatch: PropTypes.func.isRequired,
- selectedFacets: PropTypes.arrayOf(PropTypes.array),
- className: PropTypes.string,
- toggleClasses: PropTypes.string,
- InputComponent: PropTypes.func,
- onMore: PropTypes.func,
- onLess: PropTypes.func
-};
-
-export default SearchFacets;
diff --git a/src/components/SearchFacets/index.test.jsx b/src/components/SearchFacets/index.test.jsx
deleted file mode 100644
index 69a1c350..00000000
--- a/src/components/SearchFacets/index.test.jsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import SearchFacets from './index';
-
-describe('children
-
- {message && (
-
-);
-
-SearchList.defaultProps = {
- message: '',
- listClassName: 'search-list',
- className: '',
- resultsClassName: 'results-message',
-};
-
-SearchList.propTypes = {
- children: PropTypes.node.isRequired,
- message: PropTypes.string,
- listClassName: PropTypes.string,
- className: PropTypes.string,
- resultsClassName: PropTypes.string,
-};
-
-export default SearchList;
diff --git a/src/components/SearchList/index.test.jsx b/src/components/SearchList/index.test.jsx
deleted file mode 100644
index fa130f1d..00000000
--- a/src/components/SearchList/index.test.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import SearchList from './index';
-
-describe('
- {message}
-
- )}
- -
- {children}
-
{counted[format]}x {format}
-
- );
- });
- }
- return null;
- };
-
- function themes(theme) {
- if (!theme) {
- return null;
- } else {
- return theme.map((topic, idx) => {
- return(
-
-
- );
- })
- }
- }
-
- function publishers(publisher) {
- if (!publisher) {
- return null;
- } else {
- return (
-
-
-
- );
-}
-
-export const getUniqueFormats = (formats) => {
- let unique = [];
- return formats.reduce(
- (a, b) => {
- if (unique.indexOf(b[1].format) === -1) {
- unique.push(b[1].format);
- a.push(b[1]);
- }
- return a;
- }, []);
-};
-
-SearchListItem.defaultProps = {
- className: 'dc-search-list-item',
-};
-
-SearchListItem.propTypes = {
- className: PropTypes.string,
- item: PropTypes.objectOf(PropTypes.any).isRequired,
-};
-
-export default SearchListItem;
diff --git a/src/components/SearchListItem/index.test.jsx b/src/components/SearchListItem/index.test.jsx
deleted file mode 100644
index 8373ea42..00000000
--- a/src/components/SearchListItem/index.test.jsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import SearchListItem, {getUniqueFormats} from './index';
-
-describe('{title}
- - {publisher !== 'undefined' && -
- {publishers(publisher)}
-
- }
-
- {theme &&
-
- {themes(theme)}
-
- }
-
- { description &&
-
-
- {excerpts(description, {words: 35})}
-
-
- }
-
- {format &&
-
- {formats(format)}
-
- }
-
-
- {showLabel
- && }
-
-
-);
-
-SearchPageSizer.defaultProps = {
- className: 'search-page-sizer',
- inputClasses: 'search-page-sizer-input',
- label: 'Page Size',
- options: [5, 10, 25, 50],
- showLabel: true,
-};
-
-SearchPageSizer.propTypes = {
- className: PropTypes.string,
- currentValue: PropTypes.number.isRequired,
- inputClasses: PropTypes.string,
- label: PropTypes.string,
- options: PropTypes.arrayOf(PropTypes.number),
- resizeFunc: PropTypes.func.isRequired,
- showLabel: PropTypes.bool,
-};
-
-export default SearchPageSizer;
diff --git a/src/components/SearchPageSizer/index.test.jsx b/src/components/SearchPageSizer/index.test.jsx
deleted file mode 100644
index 29170fd1..00000000
--- a/src/components/SearchPageSizer/index.test.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import SearchPageSizer from './index';
-
-describe('
- {currentLowestResult}
- -
- {currentHighestResult}
- {' '}
- of
- {' '}
- {total}
- {' '}
- datasets
-
- );
-};
-
-SearchPaginationResults.defaultProps = {
- className: 'dataset-results-count',
-};
-
-SearchPaginationResults.propTypes = {
- className: PropTypes.string,
- currentPage: PropTypes.number.isRequired,
- pageSize: PropTypes.number.isRequired,
- total: PropTypes.number.isRequired,
-};
-
-export default SearchPaginationResults;
diff --git a/src/components/SearchPaginationResults/index.test.jsx b/src/components/SearchPaginationResults/index.test.jsx
deleted file mode 100644
index ca63aff7..00000000
--- a/src/components/SearchPaginationResults/index.test.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import SearchPaginationResults from './index';
-
-describe('
-
- );
-
- function getTotalInfo(total) {
- let text = []
- text.push(total.toLocaleString('en'));
- text.push(total !== 1 ? 'datasets' : 'dataset');
- text.push('found');
- return text.join(" ");
- }
-
- function getSearchInfo(searchTerm, searchQueryClass) {
- if (!searchTerm) {
- return "";
- }
-
- return (<>{' '}for "{searchTerm}");
- }
-
- function getFacetsInfo(facets, facetTitleClass, facetListClass, facetDelimiter, facetTypeDelimiter, facetLimit) {
- if (facets.length == 0) {
- return "";
- }
-
- const facetTypes = getFacetTypes(facets);
-
- let facetsText = []
- let counter = 0;
- facetsText.push(' in ');
-
- facetTypes.forEach(facetType => {
-
- // Add '&' between facet types.
- if (counter > 0) {
- facetsText.push(facetTypeDelimiter);
- }
-
- facetsText.push(getFragmentForFacetType(facetType, facets, facetTitleClass, facetDelimiter, facetLimit));
-
- counter++
- });
-
- return {facetsText};
- }
-
-};
-
-function getFacetTypes(selectedFacets) {
- return selectedFacets
- .map((facet) => facet[0])
- .filter((value, index, self) => self.indexOf(value) === index);
-}
-
-function getFacetsOfType(facetType, selectedFacets) {
- let facets = []
- selectedFacets.forEach(facet => {
- if (facet[0] === facetType) {
- facets.push(facet[1]);
- }
- });
- return facets;
-}
-
-function getFragmentForFacetType(facetType, selectedFacets, facetTitleClass, facetDelimiter, facetLimit) {
- let facetTitle = ({facetType});
-
- const facets = getFacetsOfType(facetType, selectedFacets);
-
- const facetsText = getFacetsText(facets, facetType, facetDelimiter, facetLimit)
-
- return (
- - {totalInfo} - {searchInfo} - {facetsInfo} -
-
-
-
-
-);
-
-
-SearchSort.defaultProps = {
- className: 'search-sort',
- inputClasses: 'search-sort-input',
- label: 'Sort by',
- options: [
- { value: 'relevance', label: 'Relevance' },
- { value: 'date', label: 'Date' },
- { value: 'alpha', label: 'Alphabetical' },
- ],
-};
-
-SearchSort.propTypes = {
- className: PropTypes.string,
- currentValue: PropTypes.string.isRequired,
- inputClasses: PropTypes.string,
- label: PropTypes.string,
- options: PropTypes.arrayOf(PropTypes.shape({
- value: PropTypes.string,
- label: PropTypes.string,
- })),
- sortFunc: PropTypes.func.isRequired,
-};
-
-export default SearchSort;
diff --git a/src/components/SearchSort/index.test.jsx b/src/components/SearchSort/index.test.jsx
deleted file mode 100644
index 7d0f3e9c..00000000
--- a/src/components/SearchSort/index.test.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import SearchSort from './index';
-
-describe('Item 2
,Item 3
,Item 4
,Item 5
,Item 6
,Item 7
,Item 8
,Item 9
,Item 10
,Item 11
,Item 12
]} - /> -
-
- );
- case 'ul':
- return (
- -
- {visibleItems}
-
-
- );
- case 'div':
- default:
- return (
- -
- {visibleItems}
-
-
- );
- }
-}
-
-ShowMoreContainer.defaultProps = {
- btnOpenText: '',
- btnClosedText: '',
- limit: 10,
- container: 'div',
- containerClasses: 'show-more-container',
- wrapperClasses: 'show-more-wrapper',
-};
-
-ShowMoreContainer.propTypes = {
- container: PropTypes.oneOf(['div', 'ol', 'ul']),
- items: PropTypes.arrayOf(PropTypes.node).isRequired,
- limit: PropTypes.number,
- btnOpenText: PropTypes.string,
- btnClosedText: PropTypes.string,
- containerClasses: PropTypes.string,
- wrapperClasses: PropTypes.string,
-};
diff --git a/src/components/ShowMoreContainer/index.test.jsx b/src/components/ShowMoreContainer/index.test.jsx
deleted file mode 100644
index 06fdada0..00000000
--- a/src/components/ShowMoreContainer/index.test.jsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ShowMoreContainer from '.';
-
-describe('
- {visibleItems}
-
- {showMoreButton}
- 1
),
- (2
),
- (3
),
- (4
),
- ];
-
- it('renders 4 divs and no showmore button', () => {
- const wrapper = shallow(
-
- {label} {props.value}
-
- );
-}
-
-export default String;
diff --git a/src/components/Table/doc.mdx b/src/components/Table/doc.mdx
deleted file mode 100644
index 7fb6e802..00000000
--- a/src/components/Table/doc.mdx
+++ /dev/null
@@ -1,28 +0,0 @@
----
-name: Table
-menu: Components
-route: /components/table
----
-
-import { Playground, Props } from 'docz'
-import Table from './index'
-
-# Table
-
-## Properties
-
-| {row.label} |
| {th1} | -{th2} | -
|---|
{label}
: ''; - const tagsList = tags.map((tag) => { - const ref = `${path}${encodeURIComponent(tag.data)}`; - return ( -
-
- {tag.data}
-
-
- );
- }, '');
-
- return (
-
- {heading}
- {' '}
- {tagsList}
-
- );
-};
-
-Tags.defaultProps = {
- label: null,
-};
-
-Tags.propTypes = {
- label: PropTypes.string,
- tags: PropTypes.arrayOf(PropTypes.object).isRequired,
- path: PropTypes.string.isRequired,
-};
-
-export default Tags;
diff --git a/src/components/Tags/index.test.jsx b/src/components/Tags/index.test.jsx
deleted file mode 100644
index ee7b74f5..00000000
--- a/src/components/Tags/index.test.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Tags from './index';
-
-const TestComponent = ({ title }) => (Test Component
);
-TestComponent.propTypes = { title: PropTypes.string.isRequired };
-
-describe('my custom html
-{title}
; - if (allowToggle) { - toggleBlockHeading = ( -- -
- ); - } - return ( -
- {toggleBlockHeading}
- {show
- && (
-
- );
-}
-
-ToggleBlock.defaultProps = {
- customId: undefined,
- allowToggle: true,
- headingClasses: 'toggle-block-title',
- innerClasses: 'toggle-block-inner',
- className: 'toggle-block',
- defaultClosed: false,
-};
-
-ToggleBlock.propTypes = {
- customId: PropTypes.string,
- title: PropTypes.node.isRequired,
- children: PropTypes.node.isRequired,
- headingClasses: PropTypes.string,
- innerClasses: PropTypes.string,
- allowToggle: PropTypes.bool,
- className: PropTypes.string,
- defaultClosed: PropTypes.bool,
-};
diff --git a/src/components/ToggleBlock/index.test.jsx b/src/components/ToggleBlock/index.test.jsx
deleted file mode 100644
index 3532eb10..00000000
--- a/src/components/ToggleBlock/index.test.jsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import ToggleBlock from './index';
-
-describe('
- {children}
-
- )}
- Child Element
-Child Element
-Child Element
-Test Component
);
-TestComponent.propTypes = { title: PropTypes.string.isRequired };
-
-describe('Test Component
dkan');
- expect(screen.getByText('dkan'));
- expect(screen.getByRole('link')).toHaveAttribute('href', '/search?theme=dkan');
- });
-});
diff --git a/src/doc.mdx b/src/doc.mdx
deleted file mode 100644
index 61ba1de1..00000000
--- a/src/doc.mdx
+++ /dev/null
@@ -1,16 +0,0 @@
----
-name: Home
-route: /
----
-
-# Data Catalog Components
-A set of React components to facilitate the creation of Open Data Catalogs with React.
-
-## Components
-Components are the building blocks of the library. Most components should be able to be used independently on your site.
-
-## Services
-Services are mainly functions, classes, and config that components may use. The Search and Resource components are built using React's useContext and useReducer hooks. Services holds the reducer and actions for each of these components.
-
-## Templates
-Templates are components that have basic styling and layout. Usually these components will consist of multiple components in the library that are setup and ready to use. You can either pull these components into your own project using an `import` statement or copy and paste the component rewriting the `imports` and customizing it to match the style of your site.
\ No newline at end of file
diff --git a/src/examples/blocks.json b/src/examples/blocks.json
deleted file mode 100644
index 757b05f2..00000000
--- a/src/examples/blocks.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
- "stats": [
- {
- "content": "Dataset Downloads",
- "title": "582k",
- "icon": "download",
- "ref": "1"
- },
- {
- "content": "API Queries Run",
- "title": "317k",
- "icon": "sync",
- "ref": "2"
- },
- {
- "content": "Total Datasets",
- "title": "2.63k",
- "icon": "database",
- "ref": "3"
- }
- ],
- "api": [
- {
- "title": "Step One",
- "content": "Lorem ipsum dolor sit amet, laudem persius duo ut. Scripta eruditi est eu, vel iudico putent nonumes ex.",
- "step": "1",
- "ref": "11"
- },
- {
- "title": "Step Two",
- "content": "Quo illud ridens ea, has voluptatum dissentiet no. Et alii periculis per, eam lorem feugait honestatis et.",
- "step": "2",
- "ref": "12"
- },
- {
- "title": "Step Three",
- "content": "Qui eu patrioque dissentiunt. Id consul fabulas assentior qui. His ex eripuit mentitum sensibus, at quo.",
- "step": "3",
- "ref": "13"
- }
- ],
- "basic": [
- {
- "title": "Block Title One",
- "content": "Lorem ipsum dolor sit amet, laudem persius duo ut. Scripta eruditi est eu, vel iudico putent nonumes ex, vel at graeci labitur. Libris deterruisset mel ut. Est id minim conceptam assueverit.",
- "ref": "011"
- },
- {
- "title": "Block Title Two",
- "content": "Quo illud ridens ea, has voluptatum dissentiet no. Et alii periculis per, eam lorem feugait honestatis ea, at vim nulla ubique iracundia. Nec ne etiam ubique. Novum persius oporteat id pri.",
- "ref": "012"
- },
- {
- "title": "Block Title Three",
- "content": "Qui eu patrioque dissentiunt. Id consul fabulas assentior qui. His ex eripuit mentitum sensibus, at quo essent conclud aturque vitu peratoribus. In vim debet equidem theophrastus.",
- "ref": "013"
- }
- ]
-}
diff --git a/src/examples/menu.json b/src/examples/menu.json
deleted file mode 100644
index 54e33dee..00000000
--- a/src/examples/menu.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
- {
- "label": "Home",
- "url": "/",
- "target": "_top"
- },
- {
- "label": "Datasets",
- "url": "/search",
- "target": "_top"
- },
- {
- "label": "About",
- "url": "/about",
- "target": "_top"
- }
-]
diff --git a/src/examples/publishers.json b/src/examples/publishers.json
deleted file mode 100644
index d3e46a38..00000000
--- a/src/examples/publishers.json
+++ /dev/null
@@ -1,14 +0,0 @@
-[
- {
- "name": "CDC",
- "key": "1"
- },
- {
- "name": "EPA",
- "key": "2"
- },
- {
- "name": "USDA",
- "key": "3"
- }
-]
diff --git a/src/examples/themes.json b/src/examples/themes.json
deleted file mode 100644
index 9b6378a5..00000000
--- a/src/examples/themes.json
+++ /dev/null
@@ -1,17 +0,0 @@
-[
- {
- "title": "Education",
- "link": "search?theme=education",
- "size": "100"
- },
- {
- "title": "Health",
- "link": "search?theme=health",
- "size": "100"
- },
- {
- "title": "Transportation",
- "link": "search?theme=transportation",
- "size": "100"
- }
-]
diff --git a/src/index.js b/src/index.js
index ce66253e..b04b2f40 100755
--- a/src/index.js
+++ b/src/index.js
@@ -1,78 +1,10 @@
-export { default as ApiDocs } from './components/ApiDocs';
-export { default as DataIcon } from './components/DataIcon';
-export { default as DataTableDensity } from './components/DataTable/DataTableDensity';
-export { default as DataTablePageResults } from './components/DataTable/DataTablePageResults';
-export { default as DataTablePageSizer } from './components/DataTable/DataTablePageSizer';
-export { default as IconList } from './components/IconList';
-export { default as IconListItem } from './components/IconListItem';
-export { default as FileDownload } from './components/FileDownload';
-export { default as FormatIcon } from './components/FormatIcon';
-export { default as ManageColumns } from './components/DataTable/ManageColumns';
-export { default as Menu } from './components/Menu';
-export { default as Modal } from './components/Modal';
-export { default as NavBar } from './templates/NavBar';
-export { default as Organization } from './components/Organization';
-export { default as PageHeader } from './components/PageHeader';
-export { default as PublisherList } from './components/PublisherList';
-export { default as Resource } from './components/Resource';
-export { default as SearchFacets } from './components/SearchFacets';
-export { default as SearchFacet } from './components/SearchFacets/SearchFacet'
-export { default as SearchInput } from './components/SearchInput';
-export { default as SearchList } from './components/SearchList';
-export { default as SearchListItem } from './components/SearchListItem';
-export { default as SearchPageSizer } from './components/SearchPageSizer';
-export { default as SearchPaginationResults } from './components/SearchPaginationResults';
-export { default as SearchResultsMessage } from './components/SearchResultsMessage';
-export { default as SearchSort } from './components/SearchSort';
-export { default as ShowMoreContainer } from './components/ShowMoreContainer';
-export { default as String } from './components/String';
-export { default as Table } from './components/Table';
-export { default as Tags } from './components/Tags';
-export { default as Text } from './components/Text';
-export { default as ToggleBlock } from './components/ToggleBlock';
-export { default as TopicWrapper } from './components/TopicWrapper';
-export { default as Search } from './components/Search';
+// Components
+export { default as DataTable } from "./components/DataTable";
-// SERVICES > DEFAULTS
-export {
- SearchDispatch,
- defaultSearchState,
-} from './services/search/search_defaults';
-export {
- ResourceDispatch,
- defaultResourceState,
-} from './services/resource/resource_defaults';
+// Templates
+export { default as DataTablePageResults } from "./templates/DataTablePageResults";
-// SERVICES > REDUCERS
-export { default as searchReducer } from './services/search/search_reducer';
-export { default as resourceReducer } from './services/resource/resource_reducer';
+// Hooks
-// SERVICES > FUNCTIONS
-export {
- resetSelectedFacets,
- buildInitialFacets,
- updateSort,
-} from './services/search/search_functions';
-
-export {
- prepareColumns,
- queryResourceData,
- queryAllResourceData,
- getDKANDatastore,
- advancedColumns,
-} from './services/resource/resource_functions';
-
-// TEMPLATES
-export { default as Announcement } from './templates/Announcement';
-export { default as Blocks } from './templates/Blocks';
-export { default as BasicBlock } from './templates/Blocks/BasicBlock';
-export { default as DataTable } from './templates/DataTable';
-export { default as Header } from './templates/Header';
-export { default as Hero } from './templates/Hero';
-export { default as Footer } from './templates/Footer';
-export { default as StatBlock } from './templates/Blocks/StatBlock';
-export { default as StepsBlock } from './templates/Blocks/StepsBlock';
-export { default as SearchSidebar } from './templates/SearchSidebar';
-export { default as SearchContent } from './templates/SearchContent';
-export { default as TopicIcon } from './templates/TopicIcon';
-export { default as DataTableHeader } from './templates/DataTableHeader';
+// Utility Functions
+export { default as calcDatatablePageResults } from "./utils/calcDatatablePageResults";
diff --git a/src/services/resource/api.js b/src/services/resource/api.js
deleted file mode 100644
index addff27c..00000000
--- a/src/services/resource/api.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import axios from 'axios';
-
-export const getDatastoreInfo = async (rootUrl, id) => {
- const { data } = await axios({
- method: 'GET',
- operationId: 'getDatastoreInfo',
- baseURL: rootUrl,
- url: `/datastore/imports/${id}`
- })
-
- return data
-}
-
-export const runSqlQuery = async (rootUrl, query) => {
- const { data } = await axios({
- method: 'GET',
- operationId: 'runSqlQuery',
- baseURL: rootUrl,
- url: `/datastore/sql/?query=${query}`
- })
-
- return data
-}
diff --git a/src/services/resource/datastore.js b/src/services/resource/datastore.js
deleted file mode 100644
index 7f138118..00000000
--- a/src/services/resource/datastore.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import { getDatastoreInfo, runSqlQuery } from "./api";
-
-class Datastore {
- async query(query = null, fields = null, facets = null, range = null, page = null, sort = null) {
- }
-}
-
-export class dkan extends Datastore {
- id = null
- columns = null
- rootUrl = null
- labelToColumns = null
-
- constructor(id, columns, rootUrl) {
- super();
- this.id = id;
- this.columns = columns;
- this.rootUrl = rootUrl;
- this.labelToColumns = [];
- }
-
- async query(q = null, fields = null, facets = null, range = null, page = null, sort = null, count = false, showDBColumnNames) {
- // Get information about column labels.
- const { columns } = await getDatastoreInfo(this.rootUrl, this.id);
- this.labelToColumns = columns
-
- if (sort === null) {
- sort = [];
- }
-
- let sort_object = sort[0]
-
- if (typeof (sort_object) === 'object') {
- sort_object = JSON.parse(JSON.stringify(sort_object));
- const id = this.getRealColumnName(sort_object.id)
- sort_object.id = id
- }
-
- let new_q = [];
- if (q !== null) {
- new_q = JSON.parse(JSON.stringify(q));
- }
-
- new_q.map((v) => {
- v.id = this.getRealColumnName(v.id);
- v.value = `%25${v.value}%25`;
- return v;
- });
-
- const query = this.generateQuery(range, page * range, new_q, sort_object, count, showDBColumnNames);
-
- const results = await runSqlQuery(this.rootUrl, query)
-
- return { data: results, count: results.length }
- }
-
- generateQuery(limit, offset, where, sort, count, showDBColumnNames) {
- let where_string = ''
-
- if (where.length !== 0) {
- const where_clauses = []
-
- where.forEach((v, i) => {
- // Switch delimiter to, and strip any double-quote for Dkan2's sql query.
- where_clauses[i] = `${v.id} = "${v.value.replace('"', '')}"`
- });
-
- where_string = `[WHERE ${where_clauses.join(' AND ')}]`
- }
-
- let sort_string = ''
-
- if (typeof (sort) === 'object') {
- const id = this.getRealColumnName(sort.id)
- sort_string = `[ORDER BY ${id}`
- if (sort.desc === false) {
- sort_string += ' ASC]'
- } else {
- sort_string += ' DESC]'
- }
- }
-
- let fields = ''
- let limit_string = ''
-
- if (count) {
- fields = 'COUNT(*)'
- } else {
- fields = '*'
- limit_string = `[LIMIT ${limit} OFFSET ${offset}]`
- }
- const dbColumns = showDBColumnNames ? '&show-db-columns' : ''
-
- return `[SELECT ${fields} FROM ${this.id}]${where_string}${sort_string}${limit_string};${dbColumns}`
- }
-
- /**
- * Translate a column to the 'real' column name.
- *
- * The frontend could be displaying the real column name or a label.
- * This function returns the correct value needed for querying.
- *
- * If we can't determine what the real column name is, we return an empty
- * string.
- */
- getRealColumnName(column) {
-
- const machineNames = Object.keys(this.labelToColumns);
-
- if (machineNames.includes(column)) {
- return column;
- }
-
- const realColumn = machineNames.reduce((accumulator, currentValue) => {
- const info = this.labelToColumns[currentValue]
-
- if (info.hasOwnProperty('description') &&
- info.description === column) {
- accumulator += currentValue;
- }
- return accumulator;
- }, "");
-
- if (realColumn.length > 0) {
- return realColumn;
- }
-
- return ""
- }
-}
-
-const datastore = {
- dkan,
-};
-
-export default datastore;
diff --git a/src/services/resource/resource_defaults.js b/src/services/resource/resource_defaults.js
deleted file mode 100644
index d3c86eed..00000000
--- a/src/services/resource/resource_defaults.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { createContext } from 'react';
-
-export const ResourceDispatch = createContext(null);
-
-export const defaultResourceState = {
- columnOrder: [],
- columns: [],
- count: 0,
- currentPage: 0,
- density: 'density-3',
- excludedColumns: {},
- filters: [],
- loading: false,
- pageSize: 20,
- queryAll: false,
- rowsTotal: 0,
- sort: [],
- store: null,
- values: [],
-};
diff --git a/src/services/resource/resource_functions.js b/src/services/resource/resource_functions.js
deleted file mode 100644
index 1a2688b8..00000000
--- a/src/services/resource/resource_functions.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import axios from 'axios';
-import datastore from './datastore';
-
-// Build columns in correct structure for Datatable component.
-export function prepareColumns(columns) {
- return columns.map((column) => ({
- Header: column,
- accessor: column,
- }));
-}
-
-// Filter and reorder columns based on the toggled and reordered state.
-// Use this to keep base columns in order so changes can be reset without
-// extra queries to rebuild the data.
-export function advancedColumns(columns = [], updatedColumns = [], excludedColumns = {}) {
- const excludedArray = [];
- let newItems = columns;
- if (updatedColumns.length) {
- newItems = updatedColumns;
- }
- Object.keys(excludedColumns)
- .forEach((key) => {
- if (!excludedColumns[key]) {
- excludedArray.push(key);
- }
- });
- const columnOrder = newItems.reduce((reordered, item) => {
- if (!excludedArray.includes(item.accessor)) {
- reordered.push(item);
- }
- return reordered;
- }, []);
- return columnOrder;
-}
-
-// Create a new datastore using the DKAN datastore.
-export async function getDKANDatastore(rootURL, resource, initLimit = 20, showDBCols = false) {
- const { identifier } = resource;
- const checkForDatastore = await axios.get(`${rootURL}datastore/sql/?query=[SELECT COUNT(*) FROM ${identifier}]${showDBCols ? '&show-db-columns' : ''}`)
- .then((res) => res.data)
- .catch((e) => {
- // eslint-disable-next-line no-console
- console.warn(e.message);
- });
- if (checkForDatastore) {
- // eslint-disable-next-line
- const sqlColumns = await axios.get(`${rootURL}datastore/sql/?query=[SELECT * FROM ${identifier}][LIMIT ${initLimit} OFFSET 0]${showDBCols ? '&show-db-columns' : ''}`);
- const store = await new datastore.dkan(identifier, Object.keys(sqlColumns.data[0]), rootURL);
- return {
- type: 'USE_STORE',
- data: {
- store,
- rowsTotal: Number(checkForDatastore[0].expression),
- columns: prepareColumns(Object.keys(sqlColumns.data[0])),
- storeType: 'DKAN',
- queryAll: true,
- values: sqlColumns.data,
- count: Number(checkForDatastore[0].expression),
- },
- };
- }
- return {
- type: 'NO_DATASTORE',
- };
-}
-
-// Get new rows of data from the datastore.
-export async function queryResourceData(resourceData, showDBCols = false, includeCount = false) {
- // const {
- // filters, pageSize, currentPage, sort, store,
- // } = resourceData;
- const items = await resourceData.store.query(
- resourceData.filters,
- null,
- null,
- resourceData.pageSize,
- resourceData.currentPage,
- resourceData.sort,
- includeCount,
- showDBCols,
- ).then((data) => data);
-
- // Make a second call to get the correct count.
- const count = await resourceData.store.query(
- resourceData.filters,
- null,
- null,
- resourceData.pageSize,
- resourceData.currentPage,
- resourceData.sort,
- true,
- showDBCols,
- ).then((data) => data);
-
- let mycount = 0
-
- if('data' in count && Array.isArray(count.data) && count.data.length > 0 &&
- 'expression' in count.data[0]) {
- mycount = Number(count.data[0].expression)
- }
-
- return {
- type: 'QUERY_STORE',
- data: {
- values: items.data,
- count: mycount,
- },
- };
-}
-
-// Return all rows from the datastore.
-export async function queryAllResourceData(store) {
- const items = await store.query(null, null, null, 0, null, null)
- .then((data) => data);
- return {
- type: 'QUERY_STORE',
- data: {
- values: items.data,
- count: items.count,
- },
- };
-}
diff --git a/src/services/resource/resource_functions.test.js b/src/services/resource/resource_functions.test.js
deleted file mode 100644
index 086fea42..00000000
--- a/src/services/resource/resource_functions.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { prepareColumns } from './resource_functions';
-
-const columns = ['foo', 'bar', 'react', 'dkan'];
-
-test('prepareColumns returns an array of objects', () => {
- expect(prepareColumns(columns)).toEqual([
- { Header: 'foo', accessor: 'foo' },
- { Header: 'bar', accessor: 'bar' },
- { Header: 'react', accessor: 'react' },
- { Header: 'dkan', accessor: 'dkan' },
- ]);
-});
diff --git a/src/services/resource/resource_reducer.js b/src/services/resource/resource_reducer.js
deleted file mode 100644
index 7fa8423c..00000000
--- a/src/services/resource/resource_reducer.js
+++ /dev/null
@@ -1,81 +0,0 @@
-export default function resourceReducer(state, action) {
- switch (action.type) {
- case 'GET_STORE':
- return {
- ...state,
- loading: true,
- };
- case 'NO_DATASTORE':
- return {
- ...state,
- storeType: null,
- };
- case 'USE_STORE':
- return {
- ...state,
- loading: false,
- values: action.data.values,
- store: action.data.store,
- storeType: action.data.storeType,
- columns: action.data.columns,
- rowsTotal: action.data.rowsTotal,
- queryAll: true,
- count: action.data.count,
- };
- case 'QUERY_STORE':
- return {
- ...state,
- loading: false,
- values: action.data.values,
- count: action.data.count,
- queryAll: false,
- updateQuery: false,
- };
- case 'UPDATE_PAGE':
- return {
- ...state,
- currentPage: action.data.page,
- updateQuery: true,
- };
- case 'UPDATE_FILTERS':
- return {
- ...state,
- filters: action.data.filters,
- currentPage: 0,
- updateQuery: true,
- };
- case 'UPDATE_PAGE_SIZE':
- return {
- ...state,
- pageSize: Number(action.data.pageSize),
- currentPage: 0,
- updateQuery: true,
- };
- case 'UPDATE_COLUMN_SORT':
- return {
- ...state,
- sort: action.data.sort,
- updateQuery: true,
- };
- case 'REORDER_COLUMNS':
- return {
- ...state,
- columnOrder: action.data.columnOrder,
- updateQuery: true,
- };
- case 'TOGGLE_COLUMNS':
- return {
- ...state,
- excludedColumns: action.data.excludedColumns,
- updateQuery: true,
- };
- case 'UPDATE_DENSITY':
- return {
- ...state,
- density: action.data.density,
- updateQuery: true,
- };
- default:
- return 'Not a valid action type.';
- }
-}
diff --git a/src/services/search/doc.mdx b/src/services/search/doc.mdx
deleted file mode 100644
index 2e532a87..00000000
--- a/src/services/search/doc.mdx
+++ /dev/null
@@ -1,22 +0,0 @@
----
-name: Search Services
-menu: Services
-route: /services/search
----
-
-# Search Services
-
-## Reducers
-Below is the list of possible reducers available in the Search component.
-1. **FETCH_DATA:** Sets **loading** state to `true`.
-1. **GET_SEARCH_ENGINE:** Sets **loading** to `false`, **searchEngine** to the value passed through `action.data.searchEngine`, **searchType** to the value passed through `action.data.searchType`, and **facets** to the value passed through `action.data.facets`.
-1. **GET_SEARCH_DATA:** Sets **loading** to `false`, **totalItems** to the value passed through `action.data.totalItems`, **items** to the value passed through `action.data.items`, and **facetsResults** to the value passed through `action.data.facetsResults`.
-1. **SET_SEARCH_PARAMETERS:** Sets **searchURL** to the value passed through `action.data.searchURL`.
-1. **UPDATE_SORT:** Sets **sort** to the value passed through `action.data.sort` and sets **sort-order** to the value passed through `action.data['sort-order']`.
-1. **UPDATE_FULLTEXT:** Sets **fulltext** to the value passed through `action.data.fulltext`.
-1. **UPDATE_PAGE_SIZE:** Sets **page-size** to the value passed through `action.data['page-size']` and resets **page** to `1`.
-1. **UPDATE_CURRENT_PAGE:** Sets **page** to the value passed through `action.data.page`.
-1. **UPDATE_FACETS:** Sets **selectedFacets** to the facets passed in through `action.data.selectedFacets` and sets **page* to `1`.
-1. **RESET_FULLTEXT:** Sets **fulltext** to `''`.
-1. **RESET_FACETS:** Sets **selectedFacets** to the facets passed in through `action.data.selectedFacets` and sets **page* to `1`.
-1. **RESET_ALL:** Sets **fulltext** to `''` and **selectedFacets** to `[]`.
\ No newline at end of file
diff --git a/src/services/search/search_defaults.js b/src/services/search/search_defaults.js
deleted file mode 100644
index a55a0612..00000000
--- a/src/services/search/search_defaults.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { createContext } from 'react';
-
-export const SearchDispatch = createContext(null);
-
-export const defaultSearchState = {
- items: [],
- facetsResults: {},
- loading: false,
- page: 1,
- 'page-size': 10,
- fulltext: '',
- selectedFacets: [],
- sort: 'modified',
- 'sort-order': 'desc',
- totalItems: 0,
-};
diff --git a/src/services/search/search_functions.js b/src/services/search/search_functions.js
deleted file mode 100644
index b490dfb6..00000000
--- a/src/services/search/search_functions.js
+++ /dev/null
@@ -1,46 +0,0 @@
-// Since all facets are kept in one array, this function serves two purposes:
-// Without a facetKey it will just return an empty array for all facets.
-// With a facetKey it will just return all facets not matching the facetKey.
-export function resetSelectedFacets(selectedFacets, facetKey = null) {
- let updatedFacets = [];
- if (selectedFacets !== undefined && selectedFacets.length > 0) {
- updatedFacets = selectedFacets;
- }
- if (facetKey) {
- updatedFacets = updatedFacets.filter((facet) => {
- if (facet[0].toLowerCase() !== facetKey.toLowerCase()) {
- return facet;
- }
- return false;
- });
- } else {
- updatedFacets = [];
- }
- return {
- type: 'RESET_FACETS',
- data: {
- selectedFacets: updatedFacets,
- },
- };
-}
-
-// Parse intitial facets based on query parameters from a url.
-// Requires the facets be in an object of {facetKey: facetValue}.
-export function buildInitialFacets(queryParams, defaultFacets) {
- const facetKeys = Object.keys(defaultFacets);
- const paramFacetArray = Object.entries(queryParams).filter((obj) => {
- for (let i = 0; i < facetKeys.length; i += 1) {
- if (facetKeys[i].toLowerCase() === obj[0].toLowerCase()) {
- const newFacetArray = obj[1].split(',').map((param) => [obj[0].toLowerCase(), param]);
- return newFacetArray;
- }
- }
- return false;
- });
- return paramFacetArray;
-}
-
-export function updateSort(value, options) {
- const newSort = options.filter((opt) => opt.field === value);
- return { type: 'UPDATE_SORT', data: { sort: newSort[0].field, 'sort-order': newSort[0].order } };
-}
diff --git a/src/services/search/search_reducer.js b/src/services/search/search_reducer.js
deleted file mode 100644
index 71580f1e..00000000
--- a/src/services/search/search_reducer.js
+++ /dev/null
@@ -1,135 +0,0 @@
-export function updateSelectedFacetsState(state, action) {
- const { selectedFacets } = state;
- const { newFacet } = action.data;
- const newSelectedFacets = [...selectedFacets];
-
- const found = newSelectedFacets.findIndex((e) => newFacet[0] === e[0] && newFacet[1] === e[1]);
-
- if (found > -1) {
- newSelectedFacets.splice(found, 1);
- } else {
- newSelectedFacets.push(newFacet);
- }
-
- return {
- ...state,
- selectedFacets: newSelectedFacets,
- page: action.data.page || 1,
- };
-}
-
-function mergedFacets(state, action) {
- if (typeof action.data !== 'object' || !Array.isArray(action.data.facetsResults)) {
- return { ...state }
- }
-
- const original = state.facetsResults
- const facets = action.data.facetsResults
-
- let final = []
- if (!Array.isArray(original)) {
- final = facets
- }
- else {
- final = [...original]
- facets.forEach((facet) => {
- const index = original.findIndex( (element) => {
- return (element.type === facet.type && element.name === facet.name)
- })
-
- if (index === -1) {
- final.push(facet)
- }
- else {
- final[index] = facet
- }
- });
- }
- return { ...state, facetsResults: final };
-}
-
-export default function searchReducer(state, action) {
- switch (action.type) {
- case 'FETCH_DATA':
- return {
- ...state,
- loading: true,
- };
- case 'GET_SEARCH_ENGINE':
- return {
- ...state,
- loading: false,
- searchEngine: action.data.searchEngine,
- searchType: action.data.searchType,
- facets: action.data.facets,
- };
- case 'SET_SEARCH_DATA':
- return {
- ...state,
- loading: false,
- totalItems: action.data.totalItems,
- items: action.data.items,
- };
- case 'SET_FACETS_DATA':
- return mergedFacets(state, action)
- case 'SET_SEARCH_PARAMETERS':
- return {
- ...state,
- searchURL: action.data.searchURL,
- };
- case 'UPDATE_SORT':
- return {
- ...state,
- sort: action.data.sort,
- 'sort-order': action.data['sort-order'],
- };
- case 'UPDATE_SORT_ONLY':
- return {
- ...state,
- sort: action.data.sort,
- };
- case 'UPDATE_SORT_ORDER':
- return {
- ...state,
- 'sort-order': action.data['sort-order'],
- };
- case 'UPDATE_FULLTEXT':
- return {
- ...state,
- fulltext: action.data.fulltext,
- page: action.data.page || 1,
- };
- case 'UPDATE_PAGE_SIZE':
- return {
- ...state,
- 'page-size': action.data['page-size'],
- page: action.data.page || 1,
- };
- case 'UPDATE_CURRENT_PAGE':
- return {
- ...state,
- page: action.data.page,
- };
- case 'UPDATE_FACETS':
- return updateSelectedFacetsState(state, action);
- case 'RESET_FULLTEXT':
- return {
- ...state,
- fulltext: '',
- };
- case 'RESET_FACETS':
- return {
- ...state,
- selectedFacets: action.data.selectedFacets,
- page: action.data.page || 1,
- };
- case 'RESET_ALL':
- return {
- ...state,
- fulltext: '',
- selectedFacets: [],
- };
- default:
- return 'Not a valid action type.';
- }
-}
diff --git a/src/services/search/search_reducer.test.js b/src/services/search/search_reducer.test.js
deleted file mode 100644
index 3d90f9b5..00000000
--- a/src/services/search/search_reducer.test.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import searchReducer from './search_reducer';
-
-describe('search_reducer', () => {
- test('SET_FACETS_DATA - Empty action', () => {
- const state = {}
- const action = {
- type: 'SET_FACETS_DATA'
- }
-
- const newState = searchReducer(state, action);
- expect(newState).toStrictEqual({})
- })
-
- test('SET_FACETS_DATA - action.data.facetResults must be an array', () => {
- const state = {}
- const action = {
- type: 'SET_FACETS_DATA',
- data: {}
- }
-
- expect(
- searchReducer(state, action)
- ).toStrictEqual({})
-
- const action2 = {
- type: 'SET_FACETS_DATA',
- data: {
- facetsResults: {}
- }
- }
-
- expect(
- searchReducer(state, action2)
- ).toStrictEqual({})
-
- const action3 = {
- type: 'SET_FACETS_DATA',
- data: {
- facetsResults: []
- }
- }
-
- expect(
- searchReducer(state, action3)
- ).toStrictEqual({ facetsResults: [] })
-
- })
-
- test('SET_FACETS_DATA - Update existing facets and add new facets', () => {
- const state = {
- facetsResults: [
- {
- type: 'keyword',
- name: 'goodbye',
- total: 0
- },
- {
- type: 'keyword',
- name: 'hello',
- total: 0
- }
- ]
- }
-
- const action = {
- type: 'SET_FACETS_DATA',
- data: {
- facetsResults: [
- {
- type: 'keyword',
- name: 'hello',
- total: 1
- },
- {
- type: 'keyword',
- name: 'hola',
- total: 2
- }
- ]
- }
- }
-
- expect(
- searchReducer(state, action)
- ).toStrictEqual({ facetsResults: [
- {
- type: 'keyword',
- name: 'goodbye',
- total: 0
- },
- {
- type: 'keyword',
- name: 'hello',
- total: 1
- },
- {
- type: 'keyword',
- name: 'hola',
- total: 2
- }
- ] })
- })
-})
-
-
diff --git a/src/stories/Introduction.stories.mdx b/src/stories/Introduction.stories.mdx
new file mode 100644
index 00000000..f16a3ab5
--- /dev/null
+++ b/src/stories/Introduction.stories.mdx
@@ -0,0 +1,212 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+import Code from './assets/code-brackets.svg';
+import Colors from './assets/colors.svg';
+import Comments from './assets/comments.svg';
+import Direction from './assets/direction.svg';
+import Flow from './assets/flow.svg';
+import Plugin from './assets/plugin.svg';
+import Repo from './assets/repo.svg';
+import StackAlt from './assets/stackalt.svg';
+import './styles.scss'
+
+
+
+
+
+# Welcome to Storybook
+
+Storybook helps you build UI components in isolation from your app's business logic, data, and context.
+That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
+
+Browse example stories now by navigating to them in the sidebar.
+View their code in the `src/stories` directory to learn how they work.
+We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
+
+Configure
+
+
+
+ 
+
+ Presets for popular tools
+ Easy setup for TypeScript, SCSS and more.
+
+
+
+ 
+
+ Build configuration
+ How to customize webpack and Babel
+
+
+
+ 
+
+ Styling
+ How to load and configure CSS libraries
+
+
+
+ 
+
+ Data
+ Providers and mocking for data libraries
+
+
+
+
+Learn
+
+
+
+ 
+
+ Storybook documentation
+ Configure, customize, and extend
+
+
+
+ 
+
+ In-depth guides
+ Best practices from leading teams
+
+
+
+ 
+
+ GitHub project
+ View the source and add issues
+
+
+
+ 
+
+ Discord chat
+ Chat with maintainers and the community
+
+
+
+
+
+ TipEdit the Markdown in{' '}
+
diff --git a/src/stories/assets/code-brackets.svg b/src/stories/assets/code-brackets.svg
new file mode 100644
index 00000000..73de9477
--- /dev/null
+++ b/src/stories/assets/code-brackets.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/colors.svg b/src/stories/assets/colors.svg
new file mode 100644
index 00000000..17d58d51
--- /dev/null
+++ b/src/stories/assets/colors.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/comments.svg b/src/stories/assets/comments.svg
new file mode 100644
index 00000000..6493a139
--- /dev/null
+++ b/src/stories/assets/comments.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/direction.svg b/src/stories/assets/direction.svg
new file mode 100644
index 00000000..65676ac2
--- /dev/null
+++ b/src/stories/assets/direction.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/flow.svg b/src/stories/assets/flow.svg
new file mode 100644
index 00000000..8ac27db4
--- /dev/null
+++ b/src/stories/assets/flow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/plugin.svg b/src/stories/assets/plugin.svg
new file mode 100644
index 00000000..29e5c690
--- /dev/null
+++ b/src/stories/assets/plugin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/repo.svg b/src/stories/assets/repo.svg
new file mode 100644
index 00000000..f386ee90
--- /dev/null
+++ b/src/stories/assets/repo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/assets/stackalt.svg b/src/stories/assets/stackalt.svg
new file mode 100644
index 00000000..9b7ad274
--- /dev/null
+++ b/src/stories/assets/stackalt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/stories/styles.scss b/src/stories/styles.scss
new file mode 100644
index 00000000..fc526618
--- /dev/null
+++ b/src/stories/styles.scss
@@ -0,0 +1,3 @@
+$theme-font-path: "~uswds/dist/fonts";
+$theme-image-path: "~uswds/dist/img";
+@import '~uswds/dist/scss/uswds.scss'
\ No newline at end of file
diff --git a/src/styles/scss/_variables.scss b/src/styles/scss/_variables.scss
deleted file mode 100644
index be3547a2..00000000
--- a/src/styles/scss/_variables.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-// Colors.
-$backgroundColor: #f9fafb;
-$borderColor: #e8ebf0;
-$borderRadius: 4px;
-$primaryDark: #162e51; // blueDark.
-$primary: #0978bc; // blue.
-$primaryLight: #27AAE1; // blueLight.
-$primaryDust: #dce4ef; // blueDust.
-$secondaryDark: #EAC200; // yellowDark.
-$secondary: #FFD666; // yellow.
-$secondaryLight: #FFFAEE; // yellowLight.
-$grayDark: #323A45;
-$grayMedium: #A7AAAC;
-$grayLight: #dddddd;
-$grayDust: #eeeeee;
-$headingColor: #162e51;
-$textColor: #3B3B3B;
-$linkColor: #0978bc;
-$linkHoverColor: #162e51;
-$navBarBackgroundColor: #0978bc;
-$navBarLink: #FFFFFF;
-$navBarLinkActive: #FFFFFF;
-$navBarLinkHoverBack: #023756;
-$navBarLinkActiveBack: #305e92;
-$navBarLinkActiveHoverBack: #f2d13c;
-$navBarLinkActiveHover: #FFFFFF;
-$heroBackgroundColor: #0978bc;;
-$heroTextColor: #FFFFFF;
-$heroHeadingColor: #FFFFFF;
-$footerBackgroundColor: #162e51 !default;
-$footerText: #FFFFFF;
-$footerLink: #FFFFFF;
-$footerLinkHover: #FFFFFF;
-
-// Fonts.
-$fontText: 'Rubik','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-$fontHeading:'Rubik Bold','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-
-// Alerts/Messaging.
-$info: #039fce;
-$warning: #fc9905;
-$danger: #d9534f;
-$success: #46a546;
-
-// File Formats.
-$apiIcon: #317daa;
-$binIcon: #7a7a00;
-$csvIcon: #0b4498;
-$docIcon: #6f5191;
-$rdfIcon: #e36504;
-$jsonIcon: #005051;
-$kmlIcon: #3F6EA5;
-$pdfIcon: #e0051e;
-$pptIcon: #CF452C;
-$xmlIcon: #d14900;
-$xlsIcon: #015924;
-$zipIcon: #3B0053;
-$htmlIcon: #317daa;
-$dataIcon: #666666;
diff --git a/src/styles/scss/index.scss b/src/styles/scss/index.scss
deleted file mode 100644
index e275fc56..00000000
--- a/src/styles/scss/index.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@import "../../../../bootstrap/scss/bootstrap.scss";
-@import "./layout/footer.scss";
-@import "./layout/general.scss";
-@import "./layout/header.scss";
-@import "./layout/menu.scss";
-@import "./layout/navbar.scss";
-@import "./layout/hero.scss";
-@import "./layout/iconlist.scss";
\ No newline at end of file
diff --git a/src/styles/scss/layout/footer.scss b/src/styles/scss/layout/footer.scss
deleted file mode 100644
index 48604302..00000000
--- a/src/styles/scss/layout/footer.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-@import "../variables";
-
-.dc-footer {
- background-color: $footerBackgroundColor;
- color: $footerText;
- ul {
- margin: 20px 40px 0 0;
- }
-
- .page-footer {
- display: flex;
- align-items: flex-start;
- align-content: flex-start;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: space-between;
- padding-top: 40px;
- padding-bottom: 40px;
-
- h2,h3,h4 {
- color: $footerText;
- }
- a {
- color: $footerLink;
- text-decoration: none;
- &:hover,
- &:focus {
- color: $footerLinkHover;
- text-decoration: underline;
- }
- }
- }
-
- .branding {
- flex-grow: 2;
- max-width: 50%;
- h3 {
- font-weight: 500;
- font-size: 30px;
- margin: 20px 0 5px;
- }
- p {
- margin: 0 2em 1em 0;
- }
- .social {
- margin: 1em 0 0 0;
- svg {
- font-size: 25px;
- fill: #FFFFFF;
- opacity: 0.5;
- margin: 0 1em 1em 0;
- &:hover {
- opacity: 1;
- }
- }
- }
- }
-
- @media screen and (max-width: 768px) {
- .page-footer {
- flex-wrap: wrap;
- }
- .branding {
- width: 100%;
- max-width: 100%;
- }
- .copyright {
- margin-top: 30px;
- }
- }
-}
diff --git a/src/styles/scss/layout/general.scss b/src/styles/scss/layout/general.scss
deleted file mode 100644
index 04000447..00000000
--- a/src/styles/scss/layout/general.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@import "../variables";
-
-html {
- /*Convert font size to base 10 for easier calculations (1rem = 10px)*/
- font-size: 62.5%;
-}
-
-body {
- background-color: $backgroundColor;
- color: $textColor;
- font-weight: 300;
- font-size: 1.6rem;
- font-style: normal;
- font-family: $fontText;
-
- a, input, button, textarea {
- transition: all 0.2s linear;
- }
- a {
- color: $linkColor;
- word-break: break-word;
- &:hover,
- &:focus {
- color: $linkHoverColor;
- }
- }
- h1,h2,h3,h4,h5 {
- color: $headingColor;
- font-family: $fontHeading;
- font-weight: 700;
- }
- h1 { font-size: 3.0rem } // 30px
- h2 { font-size: 2.4rem; } // 24px
- h3 { font-size: 2.0rem; } // 20px
-
- table {
- background-color: white;
- }
- .table-bordered td,
- .table-bordered th {
- border-color: $borderColor;
- }
- .form-control {
- font-size: 1.6rem;
- margin-bottom: 15px;
- }
-}
-.dc-page {
- h1 {
- margin: 25px 0;
- }
- .swagger-ui .wrapper {
- padding: 0;
- .col-12 {
- padding: 0;
- }
- }
-}
\ No newline at end of file
diff --git a/src/styles/scss/layout/header.scss b/src/styles/scss/layout/header.scss
deleted file mode 100644
index f8f140f7..00000000
--- a/src/styles/scss/layout/header.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-@import "../variables";
-
-.dc-header {
- .dc-logo {
- margin: 10px 10px 10px 0;
- display: inline-block;
- }
- .dc-site-name {
- display: inline-block;
- vertical-align: bottom;
- line-height: 1em;
- margin-bottom: 10px;
- a {
- color: $headingColor;
- font-size: 1.8rem;
- }
- }
- .dc-slogan {
- margin-top: 10px;
- }
-
- @media screen and (max-width: 768px) {
- flex-wrap: wrap;
- .dc-logo,
- .site-name {
- display: block;
- }
- }
-}
diff --git a/src/styles/scss/layout/hero.scss b/src/styles/scss/layout/hero.scss
deleted file mode 100644
index fbcb5619..00000000
--- a/src/styles/scss/layout/hero.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-@import "../variables";
-
-.dc-hero {
- position: relative;
- background-size: cover;
- background-position: 50% 50%;
- padding: 40px 0;
- display: flex;
- align-items: flex-start;
- align-content: stretch;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: space-evenly;
- background-image: linear-gradient(rgb(22, 46, 81), rgb(9, 120, 188));
- .dc-hero-title {
- color: white;
- }
- .dc-hero-block {
- position: relative;
- margin: auto;
- color: white;
- padding: 20px;
- min-width: 30%;
- max-width: 50%;
- text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
- letter-spacing: 0.5px;
- &.center {
- text-align: center;
- }
- }
- h1,
- h2 {
- margin-top: 0;
- }
-
- .dc-hero-search {
- display: flex;
- flex-wrap: nowrap;
- input {
- margin-right: 1em;
- }
- button {
- border: none;
- background-color: $secondary;
- color: $primaryDark;
- height: 34px;
- padding: 0 30px;
- font-weight: bold;
- font-size: 1.6rem;
- &[type="reset"] {
- margin-left: 1em;
- }
- &:hover,
- &:focus {
- background-color: $secondaryDark;
- color: $primaryDark;
- text-decoration: none;
- }
- }
- }
-
- @media screen and (max-width: 768px) {
- flex-wrap: wrap;
- .dc-hero-block {
- max-width: 90%;
- }
- }
-}
diff --git a/src/styles/scss/layout/iconlist.scss b/src/styles/scss/layout/iconlist.scss
deleted file mode 100644
index 4e8e38f7..00000000
--- a/src/styles/scss/layout/iconlist.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@import "../variables";
-
-.dc-icon-list {
- padding: 24px 0;
- h2 {
- display: block;
- text-align: center;
- margin: 2rem 15px;
- }
- ul {
- list-style: none;
- display: flex;
- align-items: stretch;
- align-content: flex-start;
- flex-wrap: wrap;
- flex-direction: row;
- justify-content: center;
- padding: 0;
- }
- li {
- text-align: center;
- padding-left: 15px;
- padding-right: 15px;
- }
-
- @media screen and (min-width: 1200px) {
- li {
- max-width: 33%;
- }
- }
-}
diff --git a/src/styles/scss/layout/menu.scss b/src/styles/scss/layout/menu.scss
deleted file mode 100644
index 1338880d..00000000
--- a/src/styles/scss/layout/menu.scss
+++ /dev/null
@@ -1,38 +0,0 @@
-.dc-menu {
- ul {
- list-style-type: none;
- list-style: none;
- padding: 0;
- li {
- list-style-type: none;
- }
- a {
- display: block;
- font-weight: 500;
- padding: 4px;
- text-decoration: none;
- &:hover,
- &:focus {
- text-decoration: underline;
- }
- }
- }
-
- .dc-menu-item {
- text-decoration: none;
- -webkit-font-smoothing: antialiased;
- -webkit-touch-callout: none;
- user-select: none;
- cursor: pointer;
- }
-}
-
-@media screen and (max-width: 768px) {
- nav {
- display: block;
- width: 100%;
- ul {
- margin-right: 0;
- }
- }
-}
diff --git a/src/styles/scss/layout/navbar.scss b/src/styles/scss/layout/navbar.scss
deleted file mode 100644
index f2550ad3..00000000
--- a/src/styles/scss/layout/navbar.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@import "../variables";
-
-.dc-main-navigation {
- background-color: $navBarBackgroundColor;
- position: relative;
- display: block;
- clear: both;
- z-index: 1;
- &:after {
- content: "";
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- position: absolute;
- z-index: -1;
- background: rgba(0, 0, 0, 0.2);
- }
- .navbar-expand-md {
- padding-top: 0;
- padding-bottom: 0;
- }
- .navbar-toggler {
- height: 34px;
- width: 34px;
- svg {
- color: white;
- }
- }
- .nav-item a {
- display: inline-flex;
- padding: 0.9em 1.2em;
- text-decoration: none;
- -webkit-font-smoothing: antialiased;
- -webkit-touch-callout: none;
- user-select: none;
- cursor: pointer;
- font-weight: 500;
- color: $navBarLink;
- transition: all 0.2s linear;
- &:hover {
- color: $navBarLink;
- text-decoration: none;
- background-color: $navBarLinkHoverBack;
- }
- &.active {
- background-color: none;
- box-shadow: inset 0 -4px 0 $navBarLinkActiveHoverBack;
- text-decoration: none;
- color: $navBarLink;
- }
- &:hover.active {
- background-color: none;
- box-shadow: inset 0 -4px 0 $navBarLinkActiveHoverBack;
- color: $navBarLink;
- }
- }
- @media screen and (max-width: 767px) {
- .navbar-expand-md {
- padding: .5rem 1rem;
- }
- .nav-item {
- width: 100%;
- a {
- display: block;
- }
- }
- }
-}
diff --git a/src/templates/Announcement/doc.mdx b/src/templates/Announcement/doc.mdx
deleted file mode 100644
index 3e9be18b..00000000
--- a/src/templates/Announcement/doc.mdx
+++ /dev/null
@@ -1,22 +0,0 @@
----
-name: Announcement
-menu: Templates
-route: /templates/announcement
----
-
-import { Playground, Props } from 'docz'
-import Announcement from './index'
-
-# Announcement
-
-## Properties
-
-src/stories/Introduction.stories.mdx
+This is my announcement
-
- {heading
- && (
-
- );
-};
-
-Announcement.defaultProps = {
- heading: 'Announcement',
- role: 'alert',
- variation: null,
-};
-
-Announcement.propTypes = {
- heading: PropTypes.string,
- children: PropTypes.node.isRequired,
- role: PropTypes.oneOf(['alert', 'alertdialog']),
- variation: PropTypes.oneOf(['error', 'warn', 'success', 'info']),
-};
-
-export default Announcement;
diff --git a/src/templates/Announcement/index.test.jsx b/src/templates/Announcement/index.test.jsx
deleted file mode 100644
index 334d7609..00000000
--- a/src/templates/Announcement/index.test.jsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Announcement from './index';
-
-describe('- - {heading} -
- )} - {children} -500 Error
-
-
- );
- } else {
- block = (
- - - {img} - {content.title} - -
-
-
- );
- }
-
- return (
- <>
- {block}
-
- );
- }
-}
-
-BasicBlock.defaultProps = {
- content: [
- {
- title: '',
- content: '',
- image: '',
- teaser: '',
- ref: '',
- },
- ],
-};
-
-BasicBlock.propTypes = {
- content: PropTypes.arrayOf(PropTypes.shape({
- title: PropTypes.string,
- teaser: PropTypes.string,
- image: PropTypes.string,
- ref: PropTypes.string,
- })),
-};
-
-export default BasicBlock;
diff --git a/src/templates/Blocks/StatBlock.jsx b/src/templates/Blocks/StatBlock.jsx
deleted file mode 100644
index bd415278..00000000
--- a/src/templates/Blocks/StatBlock.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-
-class StatBlock extends React.PureComponent {
- render() {
- const { content } = this.props;
- return (
- - {img} - {content.title} -
-
-
-
- );
- }
-}
-
-StatBlock.defaultProps = {
- icon: '',
- title: '',
- content: '',
-};
-
-StatBlock.propTypes = {
- icon: PropTypes.string,
- title: PropTypes.string,
- content: PropTypes.string,
-};
-
-export default StatBlock;
diff --git a/src/templates/Blocks/StepsBlock.jsx b/src/templates/Blocks/StepsBlock.jsx
deleted file mode 100644
index 4d017d37..00000000
--- a/src/templates/Blocks/StepsBlock.jsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-class StepsBlock extends React.PureComponent {
- render() {
- const { content } = this.props;
- return (
- {content.title}
-{content.content}
-
-
- );
- }
-}
-
-StepsBlock.defaultProps = {
- step: '',
- title: '',
- content: '',
-};
-
-StepsBlock.propTypes = {
- step: PropTypes.string,
- title: PropTypes.string,
- content: PropTypes.string,
-};
-
-export default StepsBlock;
diff --git a/src/templates/Blocks/doc.mdx b/src/templates/Blocks/doc.mdx
deleted file mode 100644
index a39455e5..00000000
--- a/src/templates/Blocks/doc.mdx
+++ /dev/null
@@ -1,29 +0,0 @@
----
-name: Blocks
-menu: Templates
-route: /templates/blocks
----
-
-import { Playground, Props } from 'docz'
-import Blocks from './index'
-import BasicBlock from './BasicBlock'
-import StatBlock from './StatBlock'
-import StepsBlock from './StepsBlock'
-import '../../theme/styles/index.scss'
-import items from '../../examples/blocks.json'
-
-# Blocks
-
-## Properties
-
-{content.step}
- {content.title}
-{content.content}
-
-
- );
- }
- return (
- {paneTitle}
-
- {
- items.map((item) => {
- return
-
-
- );
-}
-
-Blocks.defaultProps = {
- component: 'BasicBlock',
- containerClass: 'container',
- blockClass: 'BasicBlock',
- paneTitle: '',
-};
-
-Blocks.propTypes = {
- items: PropTypes.isRequired,
- component: PropTypes.string,
- containerClass: PropTypes.string,
- blockClass: PropTypes.string,
- paneTitle: PropTypes.string,
-};
-
-export default Blocks;
diff --git a/src/templates/Blocks/index.test.jsx b/src/templates/Blocks/index.test.jsx
deleted file mode 100644
index a8860e25..00000000
--- a/src/templates/Blocks/index.test.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Blocks from './index';
-import BasicBlock from './BasicBlock';
-import StatBlock from './StatBlock';
-import StepsBlock from './StepsBlock';
-
-describe('
- { items
- && items.map((item) =>
-
-
- );
-};
-
-export default DataTable;
diff --git a/src/templates/DataTableHeader/datatableheader.scss b/src/templates/DataTableHeader/datatableheader.scss
deleted file mode 100644
index 0b46d8cd..00000000
--- a/src/templates/DataTableHeader/datatableheader.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.dc-datatable-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
\ No newline at end of file
diff --git a/src/templates/DataTableHeader/doc.mdx b/src/templates/DataTableHeader/doc.mdx
deleted file mode 100644
index ed18541e..00000000
--- a/src/templates/DataTableHeader/doc.mdx
+++ /dev/null
@@ -1,64 +0,0 @@
----
-name: Datatable Header
-menu: Templates
-route: /templates/datatable-header
----
-
-import { Playground, Props } from 'docz'
-import { ResourceDispatch } from '../../services/resource/resource_defaults';
-import DataTableHeader from './index'
-import '../../theme/styles/index.scss'
-
-# Datatable Header
-
-## Properties
-
-
-
-
- {headerGroups.map((headerGroup) => (
-
-
- {headerGroup.headers.map(column => (
-
- ))}
-
-
- {column.isSorted
- ? column.isSortedDesc
- ? ' -🔽'
- : ' 🔼'
- : ''}
-
- {column.render('Header')}
-
-
-
- ))}
-
- {headerGroups.map((headerGroup) => (
-
-
- {headerGroup.headers.map((column) => (
-
- ))}
-
-
- ))}
- {column.canFilter ? column.render('Filter') : null}
-
- {page.length <= 0
- &&(
-
-
- No results found.
-
)
- }
- {page.map((row) => {
- prepareRow(row);
- return (
-
- {row.cells.map((cell) =>
- );
- })}
- {cell.render('Cell')}
)}
-
-
-
-
-
-
-
-
-
- Page
- {' '}
-
- {pageIndex + 1}
- {' '}
- of
- {' '}
- {pageOptions.length}
-
-
-
-
-
-
-
- {resourceState.store
- && (
- <>
- dispatch({
- type: 'UPDATE_PAGE_SIZE',
- data: { pageSize: value },
- })}
- id={resourceState.store.id}
- initSize={resourceState.pageSize}
- />
- dispatch({ type: 'UPDATE_DENSITY', data: { density } })}
- items={[
- {
- icon: (
-
- );
-};
-
-export default DataTableHeader;
diff --git a/src/templates/DataTablePageResults/DataTablePageResults.stories.mdx b/src/templates/DataTablePageResults/DataTablePageResults.stories.mdx
new file mode 100644
index 00000000..308ac780
--- /dev/null
+++ b/src/templates/DataTablePageResults/DataTablePageResults.stories.mdx
@@ -0,0 +1,12 @@
+import { Meta, Story, Canvas } from "@storybook/addon-docs/blocks";
+import DataTablePageResults from "./index";
+
+
+
+# Datatable Page Results
+
+
diff --git a/src/templates/DataTablePageResults/index.jsx b/src/templates/DataTablePageResults/index.jsx
new file mode 100644
index 00000000..6f70a68e
--- /dev/null
+++ b/src/templates/DataTablePageResults/index.jsx
@@ -0,0 +1,35 @@
+import React from "react";
+import PropTypes from "prop-types";
+import calcDatatablePageResults from "../../utils/calcDatatablePageResults";
+
+const DataTablePageResults = ({ totalRows, limit, offset, className }) => {
+ // If there are no totalRows, just show 0s and skip the function overhead.
+ if (totalRows === 0) {
+ return {`0 - 0 of 0 rows`}
; + } + + const { startTotal, ofTotal, numTotalRows } = calcDatatablePageResults( + totalRows, + limit, + offset, + true + ); + return ( ++ {`${startTotal} - ${ofTotal} of ${numTotalRows} rows`} +
+ ); +}; + +DataTablePageResults.defaultProps = { + className: "data-table-results", +}; + +DataTablePageResults.propTypes = { + className: PropTypes.string, + totalRows: PropTypes.number.isRequired, + limit: PropTypes.number.isRequired, + offset: PropTypes.number.isRequired, +}; + +export default DataTablePageResults; diff --git a/src/templates/DataTablePageResults/index.test.jsx b/src/templates/DataTablePageResults/index.test.jsx new file mode 100644 index 00000000..8737c5ca --- /dev/null +++ b/src/templates/DataTablePageResults/index.test.jsx @@ -0,0 +1,36 @@ +import React from "react"; +import { render, screen } from "@testing-library/react"; +import "@testing-library/jest-dom/extend-expect"; +import DataTablePageResults from "."; + +const { axe, toHaveNoViolations } = require("jest-axe"); +expect.extend(toHaveNoViolations); + +describe("
-
- );
-}
-
-Footer.defaultProps = {
- customClasses: '',
- links: null,
-};
-
-Footer.propTypes = {
- customClasses: PropTypes.string,
- links: PropTypes.arrayOf(PropTypes.shape({
- label: PropTypes.string,
- url: PropTypes.string,
- })),
-};
-
-export default Footer;
diff --git a/src/templates/Footer/index.test.jsx b/src/templates/Footer/index.test.jsx
deleted file mode 100644
index 6fe8a11e..00000000
--- a/src/templates/Footer/index.test.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Footer from './index';
-
-describe('', () => {
- test('renders a heading', () => {
- render();
- expect(screen.getByRole('heading', 'Open Source Open Data')).toBeInTheDocument();
- });
-});
diff --git a/src/templates/Header/doc.mdx b/src/templates/Header/doc.mdx
deleted file mode 100644
index f3ab0d9f..00000000
--- a/src/templates/Header/doc.mdx
+++ /dev/null
@@ -1,24 +0,0 @@
----
-name: Header
-menu: Templates
-route: /templates/header
----
-
-import { Playground, Props } from 'docz'
-import Header from './index'
-import menu from '../../examples/menu.json'
-
-# Header
-
-## Properties
-
-
-
-
-
- {menu1}
- {menu2}
- Open Source Open Data
-- We can only realize the full power of open data when the tools used for its collection, - publishing and analysis are also open and transparent. -
-- Powered by DKAN -
- -
-
-);
-
-Header.defaultProps = {
- customClasses: null,
- link: '/',
- logo: 'https://dkan-default-content-files.s3.amazonaws.com/files/logo.svg',
- site: '',
- slogan: '',
-};
-
-Header.propTypes = {
- customClasses: PropTypes.string,
- link: PropTypes.string,
- logo: PropTypes.string,
- site: PropTypes.string,
- slogan: PropTypes.string,
- navItems: PropTypes.arrayOf(PropTypes.shape({
- label: PropTypes.string,
- url: PropTypes.string,
- })).isRequired,
-};
-
-export default Header;
diff --git a/src/templates/Header/index.test.jsx b/src/templates/Header/index.test.jsx
deleted file mode 100644
index 6f825d6f..00000000
--- a/src/templates/Header/index.test.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Header from './index';
-
-describe('
-
- {navItems
- &&
-
- 
-
-
-
- {site
- && {site}}
- {slogan
- && (
-
-
- {slogan}
-
- )}
-
-
- );
-};
-
-Hero.defaultProps = {
- alignment: 'center',
- title: 'Welcome to DKAN',
- intro: 'DKAN is an open-source data management platform. It treats data as content so that you can easily publish, manage, and maintain your open data no matter the size of your team or the level of technical expertise.',
- image: '',
- includeReset: true,
- resetContent: 'Clear',
- submitContent: 'Go',
- gradient: '#cccccc,#eeeeee',
-};
-
-Hero.propTypes = {
- title: PropTypes.string,
- intro: PropTypes.string,
- alignment: PropTypes.string,
- image: PropTypes.string,
- resetContent: PropTypes.node,
- includeReset: PropTypes.bool,
- submitContent: PropTypes.node,
- gradient: PropTypes.string,
-};
-
-export default Hero;
diff --git a/src/templates/Hero/index.test.jsx b/src/templates/Hero/index.test.jsx
deleted file mode 100644
index e041718f..00000000
--- a/src/templates/Hero/index.test.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import Hero from './index';
-
-describe('
-
- {title}
-{intro}
- -
- {expand && (
-
-
-
-
-
- )}
- {!expand && (
-
-
- )}
-
- );
-};
-
-NavBar.defaultProps = {
- defaultStyling: true,
- expand: true,
- customClasses: ""
-};
-
-NavBar.propTypes = {
- customClasses: PropTypes.string,
- defaultStyling: PropTypes.bool,
- expand: PropTypes.bool,
- navItems: PropTypes.arrayOf(PropTypes.shape({
- label: PropTypes.string,
- url: PropTypes.string,
- })).isRequired,
-};
-
-export default NavBar;
diff --git a/src/templates/NavBar/index.test.jsx b/src/templates/NavBar/index.test.jsx
deleted file mode 100644
index c47d3792..00000000
--- a/src/templates/NavBar/index.test.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import NavBar from './index';
-
-describe('
- toggleOpen(!isOpen)}>
-
- Menu
-
-
-
- -
- {navItems.map((item, index) => (
-
- {items
- && (
-
- );
-};
-
-export default SearchContent;
diff --git a/src/templates/SearchSidebar/doc.mdx b/src/templates/SearchSidebar/doc.mdx
deleted file mode 100644
index edca1f90..00000000
--- a/src/templates/SearchSidebar/doc.mdx
+++ /dev/null
@@ -1,17 +0,0 @@
----
-name: Search Sidebar
-menu: Templates
-route: /templates/search-sidebar
----
-
-import { Playground, Props } from 'docz'
-import SearchSidebar from './index'
-import '../../theme/styles/index.scss'
-
-# Search Sidebar
-
-## Properties
-
-
- dispatch({ type: 'RESET_FULLTEXT' })}
- resetContent="Clear text"
- />
-
- )}
-
-
:
- -
- {items.map((item) => (
-
-
-
-
- ))}
-
- dispatch({
- type: 'UPDATE_PAGE_SIZE',
- data: { 'page-size': e.target.value },
- })}
- />
- dispatch({
- type: 'UPDATE_CURRENT_PAGE',
- data: { page: e },
- })}
- />
-
-
-
- );
-};
-
-SearchSidebar.defaultProps = {
- sortOptions: [
- {
- field: 'modified',
- order: 'desc',
- label: 'Date',
- },
- {
- field: 'title',
- order: 'asc',
- label: 'Alphabetical',
- },
- ],
-};
-
-SearchSidebar.propTypes = {
- sortOptions: PropTypes.arrayOf(PropTypes.object),
-};
-
-export default SearchSidebar;
diff --git a/src/templates/TopicIcon/doc.mdx b/src/templates/TopicIcon/doc.mdx
deleted file mode 100644
index 2b6027b0..00000000
--- a/src/templates/TopicIcon/doc.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
----
-name: Topic Icon
-menu: Templates
-route: /templates/topic-icon
----
-
-import { Playground, Props } from 'docz'
-import TopicIcon from './index'
-import '../../theme/styles/index.scss'
-
-# Topic Icon
-This component provides general theme icons (Health, Education, Economy, Public Safety,
-Transportation, Environment, Agriculture, Government, City Planning).
-
-## Properties
-
-
-
- {
- dispatch({ type: 'UPDATE_SORT', data: { sort: e.target.value } });
- }}
- >
- {sortOptions.map((sortOpt) => (
-
- ))}
-
-
-
- {loading ? :
- facetsResults && facetsResults.length
- && (
-
- Inner content.
-
@@ -47,17 +74,35 @@ storiesOf('General', module)