@wordpress/dataviews 0.2.0

package/build-module/view-table.js

@@ -0,0 +1,277 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useAsyncList } from '@wordpress/compose';
+import { chevronDown, chevronUp, unseen, check, arrowUp, arrowDown, chevronRightSmall, funnel } from '@wordpress/icons';
+import { Button, Icon, privateApis as componentsPrivateApis } from '@wordpress/components';
+import { Children, Fragment } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from './lock-unlock';
+import ItemActions from './item-actions';
+import { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';
+const {
+  DropdownMenuV2: DropdownMenu,
+  DropdownMenuGroupV2: DropdownMenuGroup,
+  DropdownMenuItemV2: DropdownMenuItem,
+  DropdownMenuSeparatorV2: DropdownMenuSeparator,
+  DropdownSubMenuV2: DropdownSubMenu,
+  DropdownSubMenuTriggerV2: DropdownSubMenuTrigger
+} = unlock(componentsPrivateApis);
+const sortingItemsInfo = {
+  asc: {
+    icon: arrowUp,
+    label: __('Sort ascending')
+  },
+  desc: {
+    icon: arrowDown,
+    label: __('Sort descending')
+  }
+};
+const sortIcons = {
+  asc: chevronUp,
+  desc: chevronDown
+};
+function HeaderMenu({
+  field,
+  view,
+  onChangeView
+}) {
+  const isSortable = field.enableSorting !== false;
+  const isHidable = field.enableHiding !== false;
+  if (!isSortable && !isHidable) {
+    return field.header;
+  }
+  const isSorted = view.sort?.field === field.id;
+  let filter, filterInView;
+  const otherFilters = [];
+  if (field.type === ENUMERATION_TYPE) {
+    let columnOperators = field.filterBy?.operators;
+    if (!columnOperators || !Array.isArray(columnOperators)) {
+      columnOperators = [OPERATOR_IN, OPERATOR_NOT_IN];
+    }
+    const operators = columnOperators.filter(operator => [OPERATOR_IN, OPERATOR_NOT_IN].includes(operator));
+    if (operators.length >= 0) {
+      filter = {
+        field: field.id,
+        operators,
+        elements: field.elements || []
+      };
+      filterInView = {
+        field: filter.field,
+        operator: filter.operators[0],
+        value: undefined
+      };
+    }
+  }
+  const isFilterable = !!filter;
+  if (isFilterable) {
+    const columnFilters = view.filters;
+    columnFilters.forEach(columnFilter => {
+      if (columnFilter.field === filter.field) {
+        filterInView = {
+          ...columnFilter
+        };
+      } else {
+        otherFilters.push(columnFilter);
+      }
+    });
+  }
+  return createElement(DropdownMenu, {
+    align: "start",
+    trigger: createElement(Button, {
+      icon: isSorted && sortIcons[view.sort.direction],
+      iconPosition: "right",
+      text: field.header,
+      style: {
+        padding: 0
+      },
+      size: "compact"
+    })
+  }, createElement(WithSeparators, null, isSortable && createElement(DropdownMenuGroup, null, Object.entries(sortingItemsInfo).map(([direction, info]) => {
+    const isActive = isSorted && view.sort.direction === direction;
+    return createElement(DropdownMenuItem, {
+      key: direction,
+      role: "menuitemradio",
+      "aria-checked": isActive,
+      prefix: createElement(Icon, {
+        icon: info.icon
+      }),
+      suffix: isActive && createElement(Icon, {
+        icon: check
+      }),
+      onSelect: event => {
+        event.preventDefault();
+        onChangeView({
+          ...view,
+          sort: {
+            field: field.id,
+            direction
+          }
+        });
+      }
+    }, info.label);
+  })), isHidable && createElement(DropdownMenuItem, {
+    role: "menuitemradio",
+    "aria-checked": false,
+    prefix: createElement(Icon, {
+      icon: unseen
+    }),
+    onSelect: event => {
+      event.preventDefault();
+      onChangeView({
+        ...view,
+        hiddenFields: view.hiddenFields.concat(field.id)
+      });
+    }
+  }, __('Hide')), isFilterable && createElement(DropdownMenuGroup, null, createElement(DropdownSubMenu, {
+    key: filter.field,
+    trigger: createElement(DropdownSubMenuTrigger, {
+      prefix: createElement(Icon, {
+        icon: funnel
+      }),
+      suffix: createElement(Icon, {
+        icon: chevronRightSmall
+      })
+    }, __('Filter by'))
+  }, createElement(WithSeparators, null, createElement(DropdownMenuGroup, null, filter.elements.map(element => {
+    let isActive = false;
+    if (filterInView) {
+      // Intentionally use loose comparison, so it does type conversion.
+      // This covers the case where a top-level filter for the same field converts a number into a string.
+      /* eslint-disable eqeqeq */
+      isActive = element.value == filterInView.value;
+      /* eslint-enable eqeqeq */
+    }
+
+    return createElement(DropdownMenuItem, {
+      key: element.value,
+      role: "menuitemradio",
+      "aria-checked": isActive,
+      prefix: isActive && createElement(Icon, {
+        icon: check
+      }),
+      onSelect: () => {
+        onChangeView({
+          ...view,
+          filters: [...otherFilters, {
+            field: filter.field,
+            operator: filterInView?.operator,
+            value: isActive ? undefined : element.value
+          }]
+        });
+      }
+    }, element.label);
+  })), filter.operators.length > 1 && createElement(DropdownSubMenu, {
+    trigger: createElement(DropdownSubMenuTrigger, {
+      suffix: createElement(Fragment, null, filterInView.operator === OPERATOR_IN ? __('Is') : __('Is not'), createElement(Icon, {
+        icon: chevronRightSmall
+      }), ' ')
+    }, __('Conditions'))
+  }, createElement(DropdownMenuItem, {
+    key: "in-filter",
+    role: "menuitemradio",
+    "aria-checked": filterInView?.operator === OPERATOR_IN,
+    prefix: filterInView?.operator === OPERATOR_IN && createElement(Icon, {
+      icon: check
+    }),
+    onSelect: () => onChangeView({
+      ...view,
+      filters: [...otherFilters, {
+        field: filter.field,
+        operator: OPERATOR_IN,
+        value: filterInView?.value
+      }]
+    })
+  }, __('Is')), createElement(DropdownMenuItem, {
+    key: "not-in-filter",
+    role: "menuitemradio",
+    "aria-checked": filterInView?.operator === OPERATOR_NOT_IN,
+    prefix: filterInView?.operator === OPERATOR_NOT_IN && createElement(Icon, {
+      icon: check
+    }),
+    onSelect: () => onChangeView({
+      ...view,
+      filters: [...otherFilters, {
+        field: filter.field,
+        operator: OPERATOR_NOT_IN,
+        value: filterInView?.value
+      }]
+    })
+  }, __('Is not'))))))));
+}
+function WithSeparators({
+  children
+}) {
+  return Children.toArray(children).filter(Boolean).map((child, i) => createElement(Fragment, {
+    key: i
+  }, i > 0 && createElement(DropdownMenuSeparator, null), child));
+}
+function ViewTable({
+  view,
+  onChangeView,
+  fields,
+  actions,
+  data,
+  getItemId,
+  isLoading = false,
+  deferredRendering
+}) {
+  const visibleFields = fields.filter(field => !view.hiddenFields.includes(field.id) && ![view.layout.mediaField, view.layout.primaryField].includes(field.id));
+  const shownData = useAsyncList(data);
+  const usedData = deferredRendering ? shownData : data;
+  const hasData = !!usedData?.length;
+  if (isLoading) {
+    // TODO:Add spinner or progress bar..
+    return createElement("div", {
+      className: "dataviews-loading"
+    }, createElement("h3", null, __('Loading')));
+  }
+  const sortValues = {
+    asc: 'ascending',
+    desc: 'descending'
+  };
+  return createElement("div", {
+    className: "dataviews-table-view-wrapper"
+  }, hasData && createElement("table", {
+    className: "dataviews-table-view"
+  }, createElement("thead", null, createElement("tr", null, visibleFields.map(field => createElement("th", {
+    key: field.id,
+    style: {
+      width: field.width || undefined,
+      minWidth: field.minWidth || undefined,
+      maxWidth: field.maxWidth || undefined
+    },
+    "data-field-id": field.id,
+    "aria-sort": view.sort?.field === field.id && sortValues[view.sort.direction],
+    scope: "col"
+  }, createElement(HeaderMenu, {
+    field: field,
+    view: view,
+    onChangeView: onChangeView
+  }))), !!actions?.length && createElement("th", {
+    "data-field-id": "actions"
+  }, __('Actions')))), createElement("tbody", null, usedData.map((item, index) => createElement("tr", {
+    key: getItemId?.(item) || index
+  }, visibleFields.map(field => createElement("td", {
+    key: field.id,
+    style: {
+      width: field.width || undefined,
+      minWidth: field.minWidth || undefined,
+      maxWidth: field.maxWidth || undefined
+    }
+  }, field.render({
+    item
+  }))), !!actions?.length && createElement("td", null, createElement(ItemActions, {
+    item: item,
+    actions: actions
+  })))))), !hasData && createElement("div", {
+    className: "dataviews-no-results"
+  }, createElement("p", null, __('No results'))));
+}
+export default ViewTable;
+//# sourceMappingURL=view-table.js.map

package/build-module/view-table.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","useAsyncList","chevronDown","chevronUp","unseen","check","arrowUp","arrowDown","chevronRightSmall","funnel","Button","Icon","privateApis","componentsPrivateApis","Children","Fragment","unlock","ItemActions","ENUMERATION_TYPE","OPERATOR_IN","OPERATOR_NOT_IN","DropdownMenuV2","DropdownMenu","DropdownMenuGroupV2","DropdownMenuGroup","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuSeparatorV2","DropdownMenuSeparator","DropdownSubMenuV2","DropdownSubMenu","DropdownSubMenuTriggerV2","DropdownSubMenuTrigger","sortingItemsInfo","asc","icon","label","desc","sortIcons","HeaderMenu","field","view","onChangeView","isSortable","enableSorting","isHidable","enableHiding","header","isSorted","sort","id","filter","filterInView","otherFilters","type","columnOperators","filterBy","operators","Array","isArray","operator","includes","length","elements","value","undefined","isFilterable","columnFilters","filters","forEach","columnFilter","push","createElement","align","trigger","direction","iconPosition","text","style","padding","size","WithSeparators","Object","entries","map","info","isActive","key","role","prefix","suffix","onSelect","event","preventDefault","hiddenFields","concat","element","children","toArray","Boolean","child","i","ViewTable","fields","actions","data","getItemId","isLoading","deferredRendering","visibleFields","layout","mediaField","primaryField","shownData","usedData","hasData","className","sortValues","width","minWidth","maxWidth","scope","item","index","render"],"sources":["@wordpress/dataviews/src/view-table.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport {\n\tchevronDown,\n\tchevronUp,\n\tunseen,\n\tcheck,\n\tarrowUp,\n\tarrowDown,\n\tchevronRightSmall,\n\tfunnel,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tIcon,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { Children, Fragment } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from './lock-unlock';\nimport ItemActions from './item-actions';\nimport { ENUMERATION_TYPE, OPERATOR_IN, OPERATOR_NOT_IN } from './constants';\n\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuGroupV2: DropdownMenuGroup,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuSeparatorV2: DropdownMenuSeparator,\n\tDropdownSubMenuV2: DropdownSubMenu,\n\tDropdownSubMenuTriggerV2: DropdownSubMenuTrigger,\n} = unlock( componentsPrivateApis );\n\nconst sortingItemsInfo = {\n\tasc: { icon: arrowUp, label: __( 'Sort ascending' ) },\n\tdesc: { icon: arrowDown, label: __( 'Sort descending' ) },\n};\nconst sortIcons = { asc: chevronUp, desc: chevronDown };\n\nfunction HeaderMenu( { field, view, onChangeView } ) {\n\tconst isSortable = field.enableSorting !== false;\n\tconst isHidable = field.enableHiding !== false;\n\tif ( ! isSortable && ! isHidable ) {\n\t\treturn field.header;\n\t}\n\tconst isSorted = view.sort?.field === field.id;\n\tlet filter, filterInView;\n\tconst otherFilters = [];\n\tif ( field.type === ENUMERATION_TYPE ) {\n\t\tlet columnOperators = field.filterBy?.operators;\n\t\tif ( ! columnOperators || ! Array.isArray( columnOperators ) ) {\n\t\t\tcolumnOperators = [ OPERATOR_IN, OPERATOR_NOT_IN ];\n\t\t}\n\t\tconst operators = columnOperators.filter( ( operator ) =>\n\t\t\t[ OPERATOR_IN, OPERATOR_NOT_IN ].includes( operator )\n\t\t);\n\t\tif ( operators.length >= 0 ) {\n\t\t\tfilter = {\n\t\t\t\tfield: field.id,\n\t\t\t\toperators,\n\t\t\t\telements: field.elements || [],\n\t\t\t};\n\t\t\tfilterInView = {\n\t\t\t\tfield: filter.field,\n\t\t\t\toperator: filter.operators[ 0 ],\n\t\t\t\tvalue: undefined,\n\t\t\t};\n\t\t}\n\t}\n\tconst isFilterable = !! filter;\n\n\tif ( isFilterable ) {\n\t\tconst columnFilters = view.filters;\n\t\tcolumnFilters.forEach( ( columnFilter ) => {\n\t\t\tif ( columnFilter.field === filter.field ) {\n\t\t\t\tfilterInView = {\n\t\t\t\t\t...columnFilter,\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\totherFilters.push( columnFilter );\n\t\t\t}\n\t\t} );\n\t}\n\treturn (\n\t\t<DropdownMenu\n\t\t\talign=\"start\"\n\t\t\ttrigger={\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isSorted && sortIcons[ view.sort.direction ] }\n\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\ttext={ field.header }\n\t\t\t\t\tstyle={ { padding: 0 } }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<WithSeparators>\n\t\t\t\t{ isSortable && (\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t{ Object.entries( sortingItemsInfo ).map(\n\t\t\t\t\t\t\t( [ direction, info ] ) => {\n\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\tisSorted &&\n\t\t\t\t\t\t\t\t\tview.sort.direction === direction;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ direction }\n\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\taria-checked={ isActive }\n\t\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ info.icon } /> }\n\t\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t\tisActive && <Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield: field.id,\n\t\t\t\t\t\t\t\t\t\t\t\t\tdirection,\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ info.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t) }\n\t\t\t\t{ isHidable && (\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\taria-checked={ false }\n\t\t\t\t\t\tprefix={ <Icon icon={ unseen } /> }\n\t\t\t\t\t\tonSelect={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\thiddenFields: view.hiddenFields.concat(\n\t\t\t\t\t\t\t\t\tfield.id\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Hide' ) }\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t) }\n\t\t\t\t{ isFilterable && (\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\t\tkey={ filter.field }\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\t\tprefix={ <Icon icon={ funnel } /> }\n\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ chevronRightSmall } />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Filter by' ) }\n\t\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<WithSeparators>\n\t\t\t\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t\t\t\t{ filter.elements.map( ( element ) => {\n\t\t\t\t\t\t\t\t\t\tlet isActive = false;\n\t\t\t\t\t\t\t\t\t\tif ( filterInView ) {\n\t\t\t\t\t\t\t\t\t\t\t// Intentionally use loose comparison, so it does type conversion.\n\t\t\t\t\t\t\t\t\t\t\t// This covers the case where a top-level filter for the same field converts a number into a string.\n\t\t\t\t\t\t\t\t\t\t\t/* eslint-disable eqeqeq */\n\t\t\t\t\t\t\t\t\t\t\tisActive =\n\t\t\t\t\t\t\t\t\t\t\t\telement.value ==\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView.value;\n\t\t\t\t\t\t\t\t\t\t\t/* eslint-enable eqeqeq */\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-checked={ isActive }\n\t\t\t\t\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\t\t\t\t\tisActive && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tonSelect={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...otherFilters,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: isActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: element.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ element.label }\n\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t\t\t\t\t{ filter.operators.length > 1 && (\n\t\t\t\t\t\t\t\t\t<DropdownSubMenu\n\t\t\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t\t\t<DropdownSubMenuTrigger\n\t\t\t\t\t\t\t\t\t\t\t\tsuffix={\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ filterInView.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_IN\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Is' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Is not' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchevronRightSmall\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>{ ' ' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Conditions' ) }\n\t\t\t\t\t\t\t\t\t\t\t</DropdownSubMenuTrigger>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey=\"in-filter\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_IN\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_IN && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...otherFilters,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_IN,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Is' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey=\"not-in-filter\"\n\t\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t\t\taria-checked={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_NOT_IN\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t\t\t\t\t\tfilterInView?.operator ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_NOT_IN && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilters: [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...otherFilters,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tOPERATOR_NOT_IN,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: filterInView?.value,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Is not' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t\t\t</DropdownSubMenu>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</WithSeparators>\n\t\t\t\t\t\t</DropdownSubMenu>\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t) }\n\t\t\t</WithSeparators>\n\t\t</DropdownMenu>\n\t);\n}\n\nfunction WithSeparators( { children } ) {\n\treturn Children.toArray( children )\n\t\t.filter( Boolean )\n\t\t.map( ( child, i ) => (\n\t\t\t<Fragment key={ i }>\n\t\t\t\t{ i > 0 && <DropdownMenuSeparator /> }\n\t\t\t\t{ child }\n\t\t\t</Fragment>\n\t\t) );\n}\n\nfunction ViewTable( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tgetItemId,\n\tisLoading = false,\n\tdeferredRendering,\n} ) {\n\tconst visibleFields = fields.filter(\n\t\t( field ) =>\n\t\t\t! view.hiddenFields.includes( field.id ) &&\n\t\t\t! [ view.layout.mediaField, view.layout.primaryField ].includes(\n\t\t\t\tfield.id\n\t\t\t)\n\t);\n\tconst shownData = useAsyncList( data );\n\tconst usedData = deferredRendering ? shownData : data;\n\tconst hasData = !! usedData?.length;\n\tif ( isLoading ) {\n\t\t// TODO:Add spinner or progress bar..\n\t\treturn (\n\t\t\t<div className=\"dataviews-loading\">\n\t\t\t\t<h3>{ __( 'Loading' ) }</h3>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst sortValues = { asc: 'ascending', desc: 'descending' };\n\treturn (\n\t\t<div className=\"dataviews-table-view-wrapper\">\n\t\t\t{ hasData && (\n\t\t\t\t<table className=\"dataviews-table-view\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\t\tminWidth: field.minWidth || undefined,\n\t\t\t\t\t\t\t\t\t\tmaxWidth: field.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tdata-field-id={ field.id }\n\t\t\t\t\t\t\t\t\taria-sort={\n\t\t\t\t\t\t\t\t\t\tview.sort?.field === field.id &&\n\t\t\t\t\t\t\t\t\t\tsortValues[ view.sort.direction ]\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<HeaderMenu\n\t\t\t\t\t\t\t\t\t\tfield={ field }\n\t\t\t\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t\t<th data-field-id=\"actions\">\n\t\t\t\t\t\t\t\t\t{ __( 'Actions' ) }\n\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t{ usedData.map( ( item, index ) => (\n\t\t\t\t\t\t\t<tr key={ getItemId?.( item ) || index }>\n\t\t\t\t\t\t\t\t{ visibleFields.map( ( field ) => (\n\t\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\t\tkey={ field.id }\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\twidth: field.width || undefined,\n\t\t\t\t\t\t\t\t\t\t\tminWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tfield.minWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t\tmaxWidth:\n\t\t\t\t\t\t\t\t\t\t\t\tfield.maxWidth || undefined,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ field.render( {\n\t\t\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t{ !! actions?.length && (\n\t\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t\t<ItemActions\n\t\t\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\t\t\tactions={ actions }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t) }\n\t\t\t{ ! hasData && (\n\t\t\t\t<div className=\"dataviews-no-results\">\n\t\t\t\t\t<p>{ __( 'No results' ) }</p>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default ViewTable;\n"],"mappings":"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"}

package/build-style/style-rtl.css

@@ -0,0 +1,325 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+:root {
+  --wp-admin-theme-color: #007cba;
+  --wp-admin-theme-color--rgb: 0, 124, 186;
+  --wp-admin-theme-color-darker-10: #006ba1;
+  --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
+  --wp-admin-theme-color-darker-20: #005a87;
+  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
+  --wp-admin-border-width-focus: 2px;
+  --wp-block-synced-color: #7a00df;
+  --wp-block-synced-color--rgb: 122, 0, 223;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  :root {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+.dataviews-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  box-sizing: border-box;
+  scroll-padding-bottom: 64px;
+}
+.dataviews-wrapper > div {
+  min-height: 100%;
+}
+
+.dataviews__filters-view-actions {
+  padding: 12px 32px;
+}
+
+.dataviews-pagination {
+  margin-top: auto;
+  position: sticky;
+  bottom: 0;
+  background-color: #fff;
+  padding: 12px 32px;
+  border-top: 1px solid #f0f0f0;
+  color: #757575;
+}
+
+.dataviews-filters-options {
+  margin: 32px 0 16px;
+}
+
+.dataviews-table-view {
+  width: 100%;
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+  position: relative;
+  color: #757575;
+}
+.dataviews-table-view a {
+  text-decoration: none;
+  color: #1e1e1e;
+  font-weight: 500;
+}
+.dataviews-table-view th {
+  text-align: right;
+  color: var(--wp-components-color-foreground, #1e1e1e);
+  font-weight: normal;
+  font-size: 13px;
+}
+.dataviews-table-view td,
+.dataviews-table-view th {
+  padding: 12px;
+  min-width: 160px;
+}
+.dataviews-table-view td[data-field-id=actions],
+.dataviews-table-view th[data-field-id=actions] {
+  text-align: left;
+}
+.dataviews-table-view tr {
+  border-bottom: 1px solid #f0f0f0;
+}
+.dataviews-table-view tr td:first-child,
+.dataviews-table-view tr th:first-child {
+  padding-right: 32px;
+}
+.dataviews-table-view tr td:last-child,
+.dataviews-table-view tr th:last-child {
+  padding-left: 32px;
+}
+.dataviews-table-view tr:last-child {
+  border-bottom: 0;
+}
+.dataviews-table-view thead tr {
+  border: 0;
+}
+.dataviews-table-view thead th {
+  position: sticky;
+  top: -1px;
+  background-color: #fafafa;
+  box-shadow: inset 0 -1px 0 #f0f0f0;
+  border-top: 1px solid #f0f0f0;
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.dataviews-grid-view {
+  margin-bottom: 24px;
+  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  padding: 0 32px;
+}
+@media (min-width: 1080px) {
+  .dataviews-grid-view {
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+}
+@media (min-width: 1440px) {
+  .dataviews-grid-view {
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+}
+.dataviews-grid-view .dataviews-view-grid__card h3 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.dataviews-grid-view .dataviews-view-grid__media {
+  width: 100%;
+  min-height: 200px;
+  aspect-ratio: 1/1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.dataviews-grid-view .dataviews-view-grid__media > * {
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.dataviews-grid-view .dataviews-view-grid__primary-field {
+  min-height: 24px;
+}
+.dataviews-grid-view .dataviews-view-grid__primary-field a {
+  color: #1e1e1e;
+  text-decoration: none;
+  font-weight: 500;
+}
+.dataviews-grid-view .dataviews-view-grid__fields {
+  position: relative;
+  font-size: 12px;
+  line-height: 16px;
+}
+.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-header {
+  color: #757575;
+}
+.dataviews-grid-view .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+  color: #1e1e1e;
+}
+
+.dataviews-list-view {
+  margin: 0;
+}
+.dataviews-list-view li {
+  border-bottom: 1px solid #f0f0f0;
+  margin: 0;
+}
+.dataviews-list-view li:first-child {
+  border-top: 1px solid #f0f0f0;
+}
+.dataviews-list-view li:last-child {
+  border-bottom: 0;
+}
+.dataviews-list-view .dataviews-list-view__item {
+  padding: 12px 32px;
+  cursor: default;
+}
+.dataviews-list-view .dataviews-list-view__item:focus, .dataviews-list-view .dataviews-list-view__item:hover {
+  background-color: #f8f8f8;
+}
+.dataviews-list-view .dataviews-list-view__item:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.dataviews-list-view .dataviews-list-view__item h3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dataviews-list-view .dataviews-list-view__item-selected,
+.dataviews-list-view .dataviews-list-view__item-selected:hover {
+  background-color: #f0f0f0;
+}
+.dataviews-list-view .dataviews-list-view__item-selected:focus,
+.dataviews-list-view .dataviews-list-view__item-selected:hover:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.dataviews-list-view .dataviews-list-view__media-wrapper {
+  min-width: 32px;
+  height: 32px;
+  border-radius: 4px;
+  overflow: hidden;
+  position: relative;
+}
+.dataviews-list-view .dataviews-list-view__media-wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+.dataviews-list-view .edit-site-page-pages__featured-image,
+.dataviews-list-view .dataviews-list-view__media-placeholder {
+  min-width: 32px;
+  height: 32px;
+}
+.dataviews-list-view .dataviews-list-view__media-placeholder {
+  background-color: #e0e0e0;
+}
+.dataviews-list-view .dataviews-list-view__fields {
+  color: #757575;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dataviews-list-view .dataviews-list-view__fields .dataviews-list-view__field {
+  margin-left: 12px;
+}
+.dataviews-list-view .dataviews-list-view__fields .dataviews-list-view__field:last-child {
+  margin-left: 0;
+}
+
+.dataviews-action-modal {
+  z-index: 1000001;
+}
+
+.dataviews-no-results,
+.dataviews-loading {
+  padding: 0 32px;
+}