@blaze-cms/plugin-data-ui 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.2

package/lib-es/utils/get-default-query-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-default-query-params.js","names":["getDefaultQueryParams","schema","updated","properties","adminDefaultListingFilter","where","adminListings","defaultSort","displayProperties","sort","property","direction","limit","offset"],"sources":["../../src/utils/get-default-query-params.js"],"sourcesContent":["const getDefaultQueryParams = schema => {\n  const updated = schema.properties && schema.properties.updated;\n  const { adminDefaultListingFilter: where, adminListings: { defaultSort } = {} } =\n    schema.displayProperties || {};\n\n  let sort = [];\n\n  if (defaultSort?.property) {\n    sort = [\n      {\n        property: defaultSort.property,\n        direction: defaultSort.direction || 'asc'\n      }\n    ];\n  } else if (updated) {\n    sort = [\n      {\n        property: 'updated',\n        direction: 'desc'\n      }\n    ];\n  }\n\n  return {\n    where,\n    limit: 10,\n    offset: 0,\n    sort\n  };\n};\n\nexport { getDefaultQueryParams };\n"],"mappings":"AAAA,MAAMA,qBAAqB,GAAGC,MAAM,IAAI;EACtC,MAAMC,OAAO,GAAGD,MAAM,CAACE,UAAU,IAAIF,MAAM,CAACE,UAAU,CAACD,OAAO;EAC9D,MAAM;IAAEE,yBAAyB,EAAEC,KAAK;IAAEC,aAAa,EAAE;MAAEC;IAAY,CAAC,GAAG,CAAC;EAAE,CAAC,GAC7EN,MAAM,CAACO,iBAAiB,IAAI,CAAC,CAAC;EAEhC,IAAIC,IAAI,GAAG,EAAE;EAEb,IAAIF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,QAAQ,EAAE;IACzBD,IAAI,GAAG,CACL;MACEC,QAAQ,EAAEH,WAAW,CAACG,QAAQ;MAC9BC,SAAS,EAAEJ,WAAW,CAACI,SAAS,IAAI;IACtC,CAAC,CACF;EACH,CAAC,MAAM,IAAIT,OAAO,EAAE;IAClBO,IAAI,GAAG,CACL;MACEC,QAAQ,EAAE,SAAS;MACnBC,SAAS,EAAE;IACb,CAAC,CACF;EACH;EAEA,OAAO;IACLN,KAAK;IACLO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTJ;EACF,CAAC;AACH,CAAC;AAED,SAAST,qBAAqB","ignoreList":[]}

package/lib-es/utils/hoc/withContext.js

@@ -0,0 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useMainContext, MainContext } from '@blaze-cms/admin-ui-utils';
+export const withContext = Component => function (props) {
+  const contexts = useMainContext(MainContext);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, props, contexts));
+};
+//# sourceMappingURL=withContext.js.map

package/lib-es/utils/hoc/withContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withContext.js","names":["React","useMainContext","MainContext","withContext","Component","props","contexts","createElement","_extends"],"sources":["../../../src/utils/hoc/withContext.js"],"sourcesContent":["import React from 'react';\nimport { useMainContext, MainContext } from '@blaze-cms/admin-ui-utils';\n\nexport const withContext = Component =>\n  function (props) {\n    const contexts = useMainContext(MainContext);\n    return <Component {...props} {...contexts} />;\n  };\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,WAAW,QAAQ,2BAA2B;AAEvE,OAAO,MAAMC,WAAW,GAAGC,SAAS,IAClC,UAAUC,KAAK,EAAE;EACf,MAAMC,QAAQ,GAAGL,cAAc,CAACC,WAAW,CAAC;EAC5C,oBAAOF,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAAI,QAAA,KAAKH,KAAK,EAAMC,QAAQ,CAAG,CAAC;AAC/C,CAAC","ignoreList":[]}

package/lib-es/utils/hooks/useToggle.js

@@ -0,0 +1,8 @@
+import { useState, useCallback } from 'react';
+function useToggle(initialValue) {
+  const [toggleValue, setToggleValue] = useState(initialValue);
+  const toggler = useCallback(() => setToggleValue(!toggleValue), [toggleValue]);
+  return [toggleValue, toggler];
+}
+export default useToggle;
+//# sourceMappingURL=useToggle.js.map

package/lib-es/utils/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","names":["useState","useCallback","useToggle","initialValue","toggleValue","setToggleValue","toggler"],"sources":["../../../src/utils/hooks/useToggle.js"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nfunction useToggle(initialValue) {\n  const [toggleValue, setToggleValue] = useState(initialValue);\n  const toggler = useCallback(() => setToggleValue(!toggleValue), [toggleValue]);\n\n  return [toggleValue, toggler];\n}\n\nexport default useToggle;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAE7C,SAASC,SAASA,CAACC,YAAY,EAAE;EAC/B,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,QAAQ,CAACG,YAAY,CAAC;EAC5D,MAAMG,OAAO,GAAGL,WAAW,CAAC,MAAMI,cAAc,CAAC,CAACD,WAAW,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAE9E,OAAO,CAACA,WAAW,EAAEE,OAAO,CAAC;AAC/B;AAEA,eAAeJ,SAAS","ignoreList":[]}

package/lib-es/utils/index.js

@@ -0,0 +1,3 @@
+import buildUpdatePublishUnpublishMutation from './build-update-publish-unpublish-mutation';
+export { buildUpdatePublishUnpublishMutation };
+//# sourceMappingURL=index.js.map

package/lib-es/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["buildUpdatePublishUnpublishMutation"],"sources":["../../src/utils/index.js"],"sourcesContent":["import buildUpdatePublishUnpublishMutation from './build-update-publish-unpublish-mutation';\n\nexport { buildUpdatePublishUnpublishMutation };\n"],"mappings":"AAAA,OAAOA,mCAAmC,MAAM,2CAA2C;AAE3F,SAASA,mCAAmC","ignoreList":[]}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@blaze-cms/plugin-data-ui",
-  "version": "0.146.0-rc-eagle.0",
+  "version": "0.146.0-rc-eagle-3.2",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
+  "files": [
+    "lib",
+    "lib-es",
+    "src"
+  ],
   "source": "src/index.js",
   "directories": {
     "src": "src/"
@@ -27,16 +32,16 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.146.0-rc-eagle.0",
-    "@blaze-cms/core-errors": "0.146.0-rc-eagle.0",
-    "@blaze-cms/plugin-render-hooks-ui": "0.146.0-rc-eagle.0",
-    "@blaze-cms/react-form-builder": "0.146.0-rc-eagle.0",
-    "@blaze-cms/react-page-builder": "0.146.0-rc-eagle.0",
-    "@blaze-cms/setup-ui": "0.146.0-rc-eagle.0",
-    "@blaze-cms/versioning-ui": "0.146.0-rc-eagle.0",
+    "@blaze-cms/admin-ui-utils": "0.146.0-rc-eagle-3.2",
+    "@blaze-cms/core-errors": "0.146.0-rc-eagle-3.0",
+    "@blaze-cms/plugin-render-hooks-ui": "0.146.0-rc-eagle-3.0",
+    "@blaze-cms/react-form-builder": "0.146.0-rc-eagle-3.2",
+    "@blaze-cms/react-page-builder": "0.146.0-rc-eagle-3.2",
+    "@blaze-cms/setup-ui": "0.146.0-rc-eagle-3.0",
+    "@blaze-cms/versioning-ui": "0.146.0-rc-eagle-3.0",
     "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/more": "0.5.19",
-    "@blaze-react/multiselect": "0.8.0-alpha.103",
+    "@blaze-react/multiselect": "0.8.0-alpha.108",
     "@blaze-react/pagination": "0.8.0-alpha.76",
     "@blaze-react/select": "0.8.0-alpha.100",
     "@blaze-react/tab": "^0.7.0",
@@ -52,11 +57,10 @@
     "lodash.unionby": "^4.8.0",
     "lodash.upperfirst": "^4.3.1",
     "react-helmet": "^6.1.0",
-    "regenerator-runtime": "^0.13.3",
     "uuid": "^3.3.3"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "0.146.0-rc-eagle.0"
+    "@blaze-cms/core-ui": "0.146.0-rc-eagle-3.2"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
@@ -68,5 +72,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "ddfab9ac3d59438939268c106917b092e4071071"
+  "gitHead": "3219f29b6e4e8c40f34fe79804b2cd315c84467a"
 }

package/src/components/EntityManager/Entity/Entity.js

@@ -407,7 +407,7 @@ const Entity = ({
 
   const showModal = checkFulfilConditions(formData, modalStatus);
 
-  const onViewUrlHandler = canViewPage(formData, entity, schema, entityIsPublished)
+  const onViewUrlHandler = canViewPage(entity, schema, entityIsPublished)
     ? () => onViewUrlClick(getFullUrl)
     : onViewUrl;
 

package/src/components/EntityManager/Entity/actions-handlers/create/submit.js

@@ -1,4 +1,4 @@
-import buildCreateEntityMutation from '../../../../../utils/build-create-entity-mutation';
+import { createEntityRecord } from '@blaze-cms/admin-ui-utils';
 import { SAVE_BUTTON_TEXTS } from '../../../../../constants';
 
 const submit = async (
@@ -14,24 +14,17 @@ const submit = async (
   },
   addToast
 ) => {
-  const mutation = buildCreateEntityMutation(entitySchema);
-
   try {
     setIsSaveButtonAvailable(false);
     setSaveButtonText(SAVE_BUTTON_TEXTS.saving);
-    const {
-      data: { createdEntity: createdEntityResult }
-    } = await client.mutate({
-      mutation,
-      variables: { input: parsedFormValues }
-    });
+    const createdRecord = await createEntityRecord(client, entitySchema, parsedFormValues);
 
     setSaveButtonText(SAVE_BUTTON_TEXTS.saved);
-    setEntityData(createdEntityResult.result);
+    setEntityData(createdRecord);
     setIsNewEntity(false);
 
     const updatePathname = history.location.pathname.replace('create', 'update');
-    history.push(`${updatePathname}/${createdEntityResult.result.id}`);
+    history.push(`${updatePathname}/${createdRecord.id}`);
     addToast(`Created`, {
       appearance: 'success',
       autoDismiss: true

package/src/components/EntityManager/utils/entity.js

@@ -1,19 +1,13 @@
-import has from 'lodash.has';
-import {
-  DEBUG_PARAM,
-  ENTITY_PUBLISHED,
-  KEY_TO_CHECK,
-  SELECT_DEFAULT_VALUE
-} from '../../../constants';
+import { DEBUG_PARAM, ENTITY_PUBLISHED, SELECT_DEFAULT_VALUE } from '../../../constants';
 
-function canViewPage(formData, entity, schema, entityIsPublished) {
+function canViewPage(entity, schema, entityIsPublished) {
   return (
-    has(formData, KEY_TO_CHECK) &&
     entity &&
     entity.id &&
     schema &&
     schema.id &&
-    entityIsPublished === ENTITY_PUBLISHED
+    entityIsPublished === ENTITY_PUBLISHED &&
+    schema.properties.slug
   );
 }
 

package/src/components/ListingTable/SearchFilter/RelationMultiSelectFilter.js

@@ -0,0 +1,160 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import MultiSelect from '@blaze-react/multiselect';
+import debounce from 'lodash.debounce';
+import unionBy from 'lodash.unionby';
+import { useApolloClient } from '@apollo/client';
+import {
+  getQuery,
+  getDynamicQuery,
+  getAdminRecordSearch,
+  buildLabel
+} from '@blaze-cms/admin-ui-utils';
+
+const DEBOUNCE_TIME = 500;
+const SEARCH_LOAD_OFFSET = 10;
+const SELECTION_LIMIT = 10;
+
+const shouldLoadMore = (searchTerm, stopIndex, currentDataLength) =>
+  searchTerm &&
+  stopIndex > SEARCH_LOAD_OFFSET &&
+  stopIndex >= currentDataLength - SEARCH_LOAD_OFFSET;
+
+const RelationMultiSelectFilter = ({ id, label, entityIdentifier, selectedIds, onChange }) => {
+  const client = useApolloClient();
+  const [schema, setSchema] = useState(null);
+  const [data, setData] = useState([]);
+  const [searchTerm, setSearchTerm] = useState('');
+
+  const { displayProperties } = schema || {};
+
+  useEffect(() => {
+    let active = true;
+    (async () => {
+      try {
+        const { data: { getEntitySchemas = [] } = {} } = await client.query({
+          query: getQuery('GET_ENTITY_SCHEMA'),
+          variables: { identifier: entityIdentifier }
+        });
+        const [relationSchema] = getEntitySchemas;
+        if (active && relationSchema) setSchema(relationSchema);
+      } catch {
+        if (active) setSchema(null);
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, [client, entityIdentifier]);
+
+  useEffect(() => {
+    if (!schema || !selectedIds.length) return undefined;
+    let active = true;
+    (async () => {
+      try {
+        const { data: { result = [] } = {} } = await client.query({
+          query: getDynamicQuery('GET_ALL_ENTITIES')(schema),
+          variables: {
+            where: { id: { _in: selectedIds } },
+            sort: [{ property: 'name', direction: 'asc' }]
+          }
+        });
+        if (active && result.length) setData(prev => unionBy([...prev, ...result], 'id'));
+      } catch {
+        // ignore - selected chips will fall back to id-only display
+      }
+    })();
+    return () => {
+      active = false;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [schema]);
+
+  const onSearch = useMemo(
+    () => (schema ? getAdminRecordSearch(schema, client) : null),
+    [schema, client]
+  );
+
+  const currentData = useMemo(
+    () =>
+      data.map(option => {
+        const checked = selectedIds.includes(option.id);
+        return {
+          ...option,
+          checked,
+          show: true,
+          name: buildLabel(displayProperties, option)
+        };
+      }),
+    [data, selectedIds, displayProperties]
+  );
+
+  const interceptOnSearchChange = debounce(async ({ value }) => {
+    setSearchTerm(value);
+    if (!onSearch) return;
+    const result = await onSearch({ event: { value }, currentValue: selectedIds });
+    if (!result) return;
+    setData(prev => {
+      const selected = prev.filter(item => selectedIds.includes(item.id));
+      const newOnes = result.filter(item => !selectedIds.includes(item.id));
+      return unionBy([...selected, ...newOnes], 'id');
+    });
+  }, DEBOUNCE_TIME);
+
+  const scrollHook = debounce(async ({ stopIndex }) => {
+    if (!onSearch) return;
+    const currentDataLength = data.length - selectedIds.length;
+    if (!shouldLoadMore(searchTerm, stopIndex, currentDataLength)) return;
+    const result = await onSearch({
+      event: { value: searchTerm },
+      currentValue: selectedIds,
+      currentOffset: currentDataLength
+    });
+    if (!result || !result.length) return;
+    setData(prev => unionBy([...prev, ...result], 'id'));
+  }, DEBOUNCE_TIME);
+
+  const onItemsRenderedIntercept = async event => {
+    if (!onSearch) return;
+    scrollHook(event);
+  };
+
+  const getSelected = ({
+    event: {
+      target: { value }
+    }
+  }) => {
+    onChange(id, value);
+  };
+
+  return (
+    <MultiSelect
+      label={label}
+      name={id}
+      data={{ data: currentData, filterBy: ['name'], identification: 'id', keyValue: 'name' }}
+      limit={SELECTION_LIMIT}
+      onChange={interceptOnSearchChange}
+      getSelected={getSelected}
+      onItemsRendered={onItemsRenderedIntercept}
+      required={false}
+      checkedPreviewCount={1}
+      formatMoreLabel={count => `${count} more`}
+      isDynamic
+    />
+  );
+};
+
+RelationMultiSelectFilter.propTypes = {
+  id: PropTypes.string.isRequired,
+  label: PropTypes.string,
+  entityIdentifier: PropTypes.string.isRequired,
+  selectedIds: PropTypes.array,
+  onChange: PropTypes.func.isRequired
+};
+
+RelationMultiSelectFilter.defaultProps = {
+  label: '',
+  selectedIds: []
+};
+
+export default RelationMultiSelectFilter;