payload 1.2.0 → 1.2.2

package/dist/admin/components/forms/field-types/Code/index.scss

@@ -1,9 +1,14 @@
 @import '../../../../scss/styles.scss';
 
-.field-type.code {
+.code-field {
   position: relative;
   margin-bottom: $baseline;
 
+  &__input {
+    @include formInput();
+    height: unset;
+  }
+
   &.error {
     textarea {
       border: 1px solid var(--theme-error-500) !important;
@@ -47,110 +52,204 @@ pre[class*="language-"] {
   border-radius: 0.3em;
 }
 
-:not(pre)>code[class*="language-"],
-pre[class*="language-"] {
-  background: var(--theme-base-100);
-}
-
 /* Inline code */
 :not(pre)>code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
 }
 
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #7c7c7c;
-}
-
-.token.punctuation {
-  color: #c5c8c6;
-}
-
 .namespace {
   opacity: 0.7;
 }
 
-.token.property,
-.token.keyword,
-.token.tag {
-  color: #96cbfe;
+.token.important,
+.token.bold {
+  font-weight: bold;
 }
 
-.token.class-name {
-  color: #ffffb6;
-  text-decoration: underline;
+.token.italic {
+  font-style: italic;
 }
 
-.token.boolean,
-.token.constant {
-  color: #99cc99;
-}
+// DARK
 
-.token.symbol,
-.token.deleted {
-  color: #f92672;
-}
+html[data-theme=dark] {
 
-.token.number {
-  color: #ff73fd;
-}
+  :not(pre)>code[class*="language-"],
+  pre[class*="language-"] {
+    background: var(--theme-base-100);
+  }
 
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #a8ff60;
-}
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #7c7c7c;
+  }
 
-.token.variable {
-  color: #c6c5fe;
-}
+  .token.punctuation {
+    color: #c5c8c6;
+  }
 
-.token.operator {
-  color: #ededed;
-}
+  .token.property,
+  .token.keyword,
+  .token.tag {
+    color: #96cbfe;
+  }
 
-.token.entity {
-  color: #ffffb6;
-  cursor: help;
-}
+  .token.class-name {
+    color: #ffffb6;
+    text-decoration: underline;
+  }
 
-.token.url {
-  color: #96cbfe;
-}
+  .token.boolean,
+  .token.constant {
+    color: #99cc99;
+  }
 
-.language-css .token.string,
-.style .token.string {
-  color: #87c38a;
-}
+  .token.symbol,
+  .token.deleted {
+    color: #f92672;
+  }
 
-.token.atrule,
-.token.attr-value {
-  color: #f9ee98;
-}
+  .token.number {
+    color: #ff73fd;
+  }
 
-.token.function {
-  color: #dad085;
-}
+  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: #a8ff60;
+  }
 
-.token.regex {
-  color: #e9c062;
-}
+  .token.variable {
+    color: #c6c5fe;
+  }
 
-.token.important {
-  color: #fd971f;
-}
+  .token.operator {
+    color: #ededed;
+  }
 
-.token.important,
-.token.bold {
-  font-weight: bold;
+  .token.entity {
+    color: #ffffb6;
+    cursor: help;
+  }
+
+  .token.url {
+    color: #96cbfe;
+  }
+
+  .language-css .token.string,
+  .style .token.string {
+    color: #87c38a;
+  }
+
+  .token.atrule,
+  .token.attr-value {
+    color: #f9ee98;
+  }
+
+  .token.function {
+    color: #dad085;
+  }
+
+  .token.regex {
+    color: #e9c062;
+  }
+
+  .token.important {
+    color: #fd971f;
+  }
 }
 
-.token.italic {
-  font-style: italic;
+// LIGHT
+
+html[data-theme=light] {
+
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #666666;
+  }
+
+  .token.punctuation {
+    color: #797979;
+  }
+
+  .token.property,
+  .token.keyword,
+  .token.tag {
+    color: #0167c5;
+  }
+
+  .token.class-name {
+    color: #b2ac00;
+    text-decoration: underline;
+  }
+
+  .token.boolean,
+  .token.constant {
+    color: #008600;
+  }
+
+  .token.symbol,
+  .token.deleted {
+    color: #ab003f;
+  }
+
+  .token.number {
+    color: #970195;
+  }
+
+  .token.selector,
+  .token.attr-name,
+  .token.string,
+  .token.char,
+  .token.builtin,
+  .token.inserted {
+    color: #418c03;
+  }
+
+  .token.variable {
+    color: #4643e3;
+  }
+
+  .token.operator {
+    color: #3c3c3c;
+  }
+
+  .token.entity {
+    color: #b2ac00;
+    cursor: help;
+  }
+
+  .token.url {
+    color: #0084ff;
+  }
+
+  .language-css .token.string,
+  .style .token.string {
+    color: #386b3a;
+  }
+
+  .token.atrule,
+  .token.attr-value {
+    color: #b5a108;
+  }
+
+  .token.function {
+    color: #8c1aea;
+  }
+
+  .token.regex {
+    color: #e5a205;
+  }
+
+  .token.important {
+    color: #ac0900;
+  }
 }

package/dist/admin/components/forms/field-types/Relationship/AddNew/index.js

@@ -32,7 +32,6 @@ export const AddNewRelation = ({ path, hasMany, relationTo, value, setValue, dis
         } : json.doc.id;
         dispatchOptions({
             type: 'ADD',
-            hasMultipleRelations: Array.isArray(relationTo),
             collection: modalCollection,
             docs: [
                 json.doc,

package/dist/admin/components/forms/field-types/Relationship/GetFilterOptions/index.d.ts

@@ -0,0 +1,11 @@
+import { FilterOptions } from '../../../../../../fields/config/types';
+import { FilterOptionsResult } from '../types';
+declare type Args = {
+    filterOptions: FilterOptions;
+    filterOptionsResult: FilterOptionsResult;
+    setFilterOptionsResult: (optionFilters: FilterOptionsResult) => void;
+    relationTo: string | string[];
+    path: string;
+};
+export declare const GetFilterOptions: ({ filterOptions, filterOptionsResult, setFilterOptionsResult, relationTo, path, }: Args) => null;
+export {};

package/dist/admin/components/forms/field-types/Relationship/GetFilterOptions/index.js

@@ -0,0 +1,37 @@
+import { useEffect } from 'react';
+import equal from 'deep-equal';
+import { useAuth } from '../../../../utilities/Auth';
+import { useDocumentInfo } from '../../../../utilities/DocumentInfo';
+import { useAllFormFields } from '../../../Form/context';
+import { getFilterOptionsQuery } from '../../getFilterOptionsQuery';
+import reduceFieldsToValues from '../../../Form/reduceFieldsToValues';
+import getSiblingData from '../../../Form/getSiblingData';
+export const GetFilterOptions = ({ filterOptions, filterOptionsResult, setFilterOptionsResult, relationTo, path, }) => {
+    const [fields] = useAllFormFields();
+    const { id } = useDocumentInfo();
+    const { user } = useAuth();
+    useEffect(() => {
+        const data = reduceFieldsToValues(fields);
+        const siblingData = getSiblingData(fields, path);
+        const newFilterOptionsResult = getFilterOptionsQuery(filterOptions, {
+            id,
+            data,
+            relationTo,
+            siblingData,
+            user,
+        });
+        if (!equal(newFilterOptionsResult, filterOptionsResult)) {
+            setFilterOptionsResult(newFilterOptionsResult);
+        }
+    }, [
+        fields,
+        filterOptions,
+        id,
+        relationTo,
+        user,
+        path,
+        filterOptionsResult,
+        setFilterOptionsResult,
+    ]);
+    return null;
+};

package/dist/admin/components/forms/field-types/Relationship/findOptionsByValue.d.ts

@@ -0,0 +1,8 @@
+import { Option } from '../../../elements/ReactSelect/types';
+import { OptionGroup, Value } from './types';
+declare type Args = {
+    value: Value | Value[];
+    options: OptionGroup[];
+};
+export declare const findOptionsByValue: ({ value, options }: Args) => Option | Option[];
+export {};

package/dist/admin/components/forms/field-types/Relationship/findOptionsByValue.js

@@ -0,0 +1,29 @@
+export const findOptionsByValue = ({ value, options }) => {
+    if (value) {
+        if (Array.isArray(value)) {
+            return value.map((val) => {
+                let matchedOption;
+                options.forEach((optGroup) => {
+                    matchedOption = optGroup.options.find((option) => {
+                        if (typeof val === 'object') {
+                            return option.value === val.value && option.relationTo === val.relationTo;
+                        }
+                        return val === option.value;
+                    });
+                });
+                return matchedOption;
+            });
+        }
+        let matchedOption;
+        options.forEach((optGroup) => {
+            matchedOption = optGroup.options.find((option) => {
+                if (typeof value === 'object') {
+                    return option.value === value.value && option.relationTo === value.relationTo;
+                }
+                return value === option.value;
+            });
+        });
+        return matchedOption;
+    }
+    return undefined;
+};