payload 1.15.10 → 1.15.12

package/dist/admin/components/forms/field-types/Point/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Point/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+@import '../../../../scss/styles.scss';
+
+.point {
+  position: relative;
+  margin-bottom: $baseline;
+
+  &__wrap {
+    display: flex;
+    width: calc(100% + #{base(1)});
+    margin-left: base(-.5);
+    margin-right: base(-.5);
+    list-style: none;
+    padding: 0;
+
+    li {
+      padding: 0 base(.5);
+      width: 50%;
+    }
+  }
+
+  input {
+    @include formInput;
+  }
+}
+
+html[data-theme=light] {
+  .point{
+    &.error {
+      input {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .point {
+    &.error {
+      input {
+        @include darkInputError;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import { NumberField } from '../../../../../fields/config/types';
+export type Props = Omit<NumberField, 'type'> & {
+    path?: string;
+};

package/dist/admin/components/forms/field-types/Point/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/forms/field-types/Point/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/Point/types.ts"],"names":[],"mappings":""}

package/dist/admin/components/forms/field-types/RadioGroup/Input.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { RadioField } from '../../../../../fields/config/types';
+import { Description } from '../../FieldDescription/types';
+import { OnChange } from './types';
+import './index.scss';
+export type RadioGroupInputProps = Omit<RadioField, 'type'> & {
+    showError?: boolean;
+    errorMessage?: string;
+    readOnly?: boolean;
+    path?: string;
+    required?: boolean;
+    layout?: 'horizontal' | 'vertical';
+    description?: Description;
+    onChange?: OnChange;
+    value?: string;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    width?: string;
+};
+declare const RadioGroupInput: React.FC<RadioGroupInputProps>;
+export default RadioGroupInput;

package/dist/admin/components/forms/field-types/RadioGroup/Input.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Error_1 = __importDefault(require("../../Error"));
+const Label_1 = __importDefault(require("../../Label"));
+const FieldDescription_1 = __importDefault(require("../../FieldDescription"));
+const RadioInput_1 = __importDefault(require("./RadioInput"));
+const types_1 = require("../../../../../fields/config/types");
+require("./index.scss");
+const baseClass = 'radio-group';
+const RadioGroupInput = (props) => {
+    const { name, path: pathFromProps, required, label, readOnly, layout = 'horizontal', style, className, width, description, onChange, value, showError, errorMessage, options, } = props;
+    const path = pathFromProps || name;
+    const classes = [
+        'field-type',
+        baseClass,
+        className,
+        `${baseClass}--layout-${layout}`,
+        showError && 'error',
+        readOnly && `${baseClass}--read-only`,
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement("div", { className: classes, style: {
+            ...style,
+            width,
+        } },
+        react_1.default.createElement("div", { className: `${baseClass}__error-wrap` },
+            react_1.default.createElement(Error_1.default, { showError: showError, message: errorMessage })),
+        react_1.default.createElement(Label_1.default, { htmlFor: `field-${path}`, label: label, required: required }),
+        react_1.default.createElement("ul", { id: `field-${path.replace(/\./gi, '__')}`, className: `${baseClass}--group` }, options.map((option) => {
+            let optionValue = '';
+            if ((0, types_1.optionIsObject)(option)) {
+                optionValue = option.value;
+            }
+            else {
+                optionValue = option;
+            }
+            const isSelected = String(optionValue) === String(value);
+            return (react_1.default.createElement("li", { key: `${path} - ${optionValue}` },
+                react_1.default.createElement(RadioInput_1.default, { path: path, isSelected: isSelected, option: (0, types_1.optionIsObject)(option) ? option : { label: option, value: option }, onChange: readOnly ? undefined : onChange })));
+        })),
+        react_1.default.createElement(FieldDescription_1.default, { value: value, description: description })));
+};
+exports.default = RadioGroupInput;
+//# sourceMappingURL=Input.js.map

package/dist/admin/components/forms/field-types/RadioGroup/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/RadioGroup/Input.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,wDAAgC;AAChC,wDAAgC;AAChC,8EAAsD;AACtD,8DAAsC;AACtC,8DAAgF;AAIhF,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAkBhC,MAAM,eAAe,GAAmC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,EACJ,IAAI,EACJ,IAAI,EAAE,aAAa,EACnB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,SAAS;QACT,SAAS;QACT,GAAG,SAAS,YAAY,MAAM,EAAE;QAChC,SAAS,IAAI,OAAO;QACpB,QAAQ,IAAI,GAAG,SAAS,aAAa;KACtC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN;QAED,uCAAK,SAAS,EAAE,GAAG,SAAS,cAAc;YACxC,8BAAC,eAAK,IACJ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,GACrB,CACE;QACN,8BAAC,eAAK,IACJ,OAAO,EAAE,SAAS,IAAI,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB;QACF,sCACE,EAAE,EAAE,SAAS,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EACzC,SAAS,EAAE,GAAG,SAAS,SAAS,IAE/B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,IAAI,WAAW,GAAG,EAAE,CAAC;YAErB,IAAI,IAAA,sBAAc,EAAC,MAAM,CAAC,EAAE;gBAC1B,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;aAC5B;iBAAM;gBACL,WAAW,GAAG,MAAM,CAAC;aACtB;YAED,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;YAEzD,OAAO,CACL,sCAAI,GAAG,EAAE,GAAG,IAAI,MAAM,WAAW,EAAE;gBACjC,8BAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,IAAA,sBAAc,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GACzC,CACC,CACN,CAAC;QACJ,CAAC,CAAC,CACC;QACL,8BAAC,0BAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const RadioInput: React.FC<Props>;
+export default RadioInput;

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const getTranslation_1 = require("../../../../../../utilities/getTranslation");
+require("./index.scss");
+const baseClass = 'radio-input';
+const RadioInput = (props) => {
+    const { isSelected, option, onChange, path } = props;
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const classes = [
+        baseClass,
+        isSelected && `${baseClass}--is-selected`,
+    ].filter(Boolean).join(' ');
+    const id = `field-${path}-${option.value}`;
+    return (react_1.default.createElement("label", { htmlFor: id },
+        react_1.default.createElement("div", { className: classes },
+            react_1.default.createElement("input", { id: id, type: "radio", checked: isSelected, onChange: () => (typeof onChange === 'function' ? onChange(option.value) : null) }),
+            react_1.default.createElement("span", { className: `${baseClass}__styled-radio` }),
+            react_1.default.createElement("span", { className: `${baseClass}__label` }, (0, getTranslation_1.getTranslation)(option.label, i18n)))));
+};
+exports.default = RadioInput;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RadioGroup/RadioInput/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,+EAA4E;AAE5E,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAElC,MAAM,OAAO,GAAG;QACd,SAAS;QACT,UAAU,IAAI,GAAG,SAAS,eAAe;KAC1C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,EAAE,GAAG,SAAS,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;IAE3C,OAAO,CACL,yCACE,OAAO,EAAE,EAAE;QAEX,uCAAK,SAAS,EAAE,OAAO;YACrB,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAChF;YACF,wCAAM,SAAS,EAAE,GAAG,SAAS,gBAAgB,GAAI;YACjD,wCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,IAAG,IAAA,+BAAc,EAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAQ,CAC/E,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,96 @@
+@import '../../../../../scss/styles';
+
+.radio-input {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  margin: base(.10) 0;
+
+  input[type=radio] {
+    opacity: 0;
+    width: 0;
+    margin: 0;
+  }
+
+  input[type=radio]:focus+.radio-input__styled-radio {
+    box-shadow: 0 0 3px 3px var(--theme-success-400);
+  }
+
+  &__styled-radio {
+    @include formInput;
+    width: $baseline;
+    height: $baseline;
+    position: relative;
+    padding: 0;
+    display: inline-block;
+    border-radius: 50%;
+
+    &:before {
+      content: " ";
+      display: block;
+      border-radius: 100%;
+      background-color: var(--theme-elevation-800);
+      width: calc(100% - 10px);
+      height: calc(100% - 10px);
+      border: 5px solid var(--theme-elevation-0);
+      opacity: 0;
+    }
+  }
+
+  &__label {
+    margin-left: base(.5);
+  }
+
+  &--is-selected {
+    .radio-input {
+      &__styled-radio {
+        &:before {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &:not(&--is-selected) {
+    &:hover {
+      .radio-input {
+        &__styled-radio {
+          border-color: var(--theme-elevation-250);
+
+          &:before {
+            opacity: .2;
+          }
+        }
+      }
+    }
+  }
+}
+
+.radio-group--read-only {
+  .radio-input {
+    cursor: default;
+
+    &__label {
+      color: var(--theme-elevation-800);
+    }
+
+    &--is-selected {
+      .radio-input__styled-radio {
+        &:before {
+          background-color: var(--theme-elevation-800);
+        }
+      }
+    }
+
+
+    &:not(.radio-input--is-selected) {
+      &:hover {
+        .radio-input__styled-radio {
+          &:before {
+            opacity: 0;
+          }
+        }
+      }
+    }
+  }
+}

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/types.d.ts

@@ -0,0 +1,10 @@
+import { OnChange } from '../types';
+export type Props = {
+    isSelected: boolean;
+    option: {
+        label: Record<string, string> | string;
+        value: string;
+    };
+    onChange: OnChange;
+    path: string;
+};

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/RadioGroup/RadioInput/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from './types';
+declare const _default: React.FC<Props>;
+export default _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const useField_1 = __importDefault(require("../../useField"));
+const withCondition_1 = __importDefault(require("../../withCondition"));
+const validations_1 = require("../../../../../fields/validations");
+const Input_1 = __importDefault(require("./Input"));
+const RadioGroup = (props) => {
+    const { name, path: pathFromProps, required, validate = validations_1.radio, label, admin: { readOnly, layout = 'horizontal', style, className, width, description, condition, } = {}, options, } = props;
+    const path = pathFromProps || name;
+    const memoizedValidate = (0, react_1.useCallback)((value, validationOptions) => {
+        return validate(value, { ...validationOptions, options, required });
+    }, [validate, options, required]);
+    const { value, showError, errorMessage, setValue, } = (0, useField_1.default)({
+        path,
+        validate: memoizedValidate,
+        condition,
+    });
+    return (react_1.default.createElement(Input_1.default, { path: path, name: name, onChange: readOnly ? undefined : setValue, value: value, showError: showError, errorMessage: errorMessage, required: required, label: label, layout: layout, style: style, className: className, width: width, description: description, options: options }));
+};
+exports.default = (0, withCondition_1.default)(RadioGroup);
+//# sourceMappingURL=index.js.map

package/dist/admin/components/forms/field-types/RadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/RadioGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,8DAAsC;AACtC,wEAAgD;AAChD,mEAA0D;AAE1D,oDAAsC;AAEtC,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,MAAM,EACJ,IAAI,EACJ,IAAI,EAAE,aAAa,EACnB,QAAQ,EACR,QAAQ,GAAG,mBAAK,EAChB,KAAK,EACL,KAAK,EAAE,EACL,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,SAAS,GACV,GAAG,EAAE,EACN,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,aAAa,IAAI,IAAI,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE;QAChE,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,iBAAiB,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,YAAY,EACZ,QAAQ,GACT,GAAG,IAAA,kBAAQ,EAAS;QACnB,IAAI;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,SAAS;KACV,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,eAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACzC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,uBAAa,EAAC,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,47 @@
+@import '../../../../scss/styles.scss';
+
+.radio-group {
+  margin-bottom: $baseline;
+
+  &__error-wrap {
+    position: relative;
+  }
+
+  &--layout-horizontal {
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    li {
+      padding-right: $baseline;
+      flex-shrink: 0;
+    }
+  }
+
+  ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+}
+
+html[data-theme=light] {
+  .radio-group {
+   &.error {
+      .radio-input__styled-radio {
+        @include lightInputError;
+      }
+    }
+  }
+}
+
+html[data-theme=dark] {
+  .radio-group {
+   &.error {
+      .radio-input__styled-radio {
+        @include darkInputError;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+import { RadioField } from '../../../../../fields/config/types';
+export type Props = Omit<RadioField, 'type'> & {
+    path?: string;
+};
+export type OnChange<T = string> = (value: T) => void;

package/dist/admin/components/forms/field-types/RadioGroup/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/admin/components/forms/field-types/RadioGroup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/admin/components/forms/field-types/RadioGroup/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+export declare const AddNewRelation: React.FC<Props>;

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

@@ -0,0 +1,143 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddNewRelation = void 0;
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const Button_1 = __importDefault(require("../../../../elements/Button"));
+const Popup_1 = __importDefault(require("../../../../elements/Popup"));
+const useRelatedCollections_1 = require("./useRelatedCollections");
+const Auth_1 = require("../../../../utilities/Auth");
+const Plus_1 = __importDefault(require("../../../../icons/Plus"));
+const getTranslation_1 = require("../../../../../../utilities/getTranslation");
+const Tooltip_1 = __importDefault(require("../../../../elements/Tooltip"));
+const DocumentDrawer_1 = require("../../../../elements/DocumentDrawer");
+const Config_1 = require("../../../../utilities/Config");
+require("./index.scss");
+const baseClass = 'relationship-add-new';
+const AddNewRelation = ({ path, hasMany, relationTo, value, setValue, dispatchOptions, }) => {
+    const relatedCollections = (0, useRelatedCollections_1.useRelatedCollections)(relationTo);
+    const { permissions } = (0, Auth_1.useAuth)();
+    const [show, setShow] = (0, react_1.useState)(false);
+    const [selectedCollection, setSelectedCollection] = (0, react_1.useState)();
+    const relatedToMany = relatedCollections.length > 1;
+    const [collectionConfig, setCollectionConfig] = (0, react_1.useState)(() => (!relatedToMany ? relatedCollections[0] : undefined));
+    const [popupOpen, setPopupOpen] = (0, react_1.useState)(false);
+    const { t, i18n } = (0, react_i18next_1.useTranslation)('fields');
+    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
+    const config = (0, Config_1.useConfig)();
+    const [DocumentDrawer, DocumentDrawerToggler, { toggleDrawer, isDrawerOpen },] = (0, DocumentDrawer_1.useDocumentDrawer)({
+        collectionSlug: collectionConfig === null || collectionConfig === void 0 ? void 0 : collectionConfig.slug,
+    });
+    const onSave = (0, react_1.useCallback)(({ operation, doc, }) => {
+        if (operation === 'create') {
+            const newValue = Array.isArray(relationTo) ? {
+                relationTo: collectionConfig.slug,
+                value: doc.id,
+            } : doc.id;
+            // ensure the value is not already in the array
+            const isNewValue = Array.isArray(relationTo) && Array.isArray(value)
+                ? !value.some((v) => v && typeof v === 'object' && v.value === doc.id)
+                : value !== doc.id;
+            if (isNewValue) {
+                dispatchOptions({
+                    type: 'ADD',
+                    collection: collectionConfig,
+                    docs: [
+                        doc,
+                    ],
+                    sort: true,
+                    i18n,
+                    config,
+                });
+                if (hasMany) {
+                    setValue([...(Array.isArray(value) ? value : []), newValue]);
+                }
+                else {
+                    setValue(newValue);
+                }
+            }
+            setSelectedCollection(undefined);
+        }
+    }, [relationTo, collectionConfig, dispatchOptions, i18n, hasMany, setValue, value, config]);
+    const onPopopToggle = (0, react_1.useCallback)((state) => {
+        setPopupOpen(state);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (permissions) {
+            if (relatedCollections.length === 1) {
+                setShow(permissions.collections[relatedCollections[0].slug].create.permission);
+            }
+            else {
+                setShow(relatedCollections.some((collection) => permissions.collections[collection.slug].create.permission));
+            }
+        }
+    }, [permissions, relatedCollections]);
+    (0, react_1.useEffect)(() => {
+        if (relatedToMany && selectedCollection) {
+            setCollectionConfig(relatedCollections.find((collection) => collection.slug === selectedCollection));
+        }
+    }, [selectedCollection, relatedToMany, relatedCollections]);
+    (0, react_1.useEffect)(() => {
+        if (relatedToMany && collectionConfig) {
+            // the drawer must be rendered on the page before before opening it
+            // this is why 'selectedCollection' is different from 'collectionConfig'
+            toggleDrawer();
+            setSelectedCollection(undefined);
+        }
+    }, [toggleDrawer, relatedToMany, collectionConfig]);
+    (0, react_1.useEffect)(() => {
+        if (relatedToMany && !isDrawerOpen) {
+            setCollectionConfig(undefined);
+        }
+    }, [isDrawerOpen, relatedToMany]);
+    if (show) {
+        return (react_1.default.createElement("div", { className: baseClass, id: `${path}-add-new` },
+            relatedCollections.length === 1 && (react_1.default.createElement(react_1.Fragment, null,
+                react_1.default.createElement(DocumentDrawerToggler, { className: `${baseClass}__add-button`, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: () => setShowTooltip(false) },
+                    react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('addNewLabel', { label: (0, getTranslation_1.getTranslation)(relatedCollections[0].labels.singular, i18n) })),
+                    react_1.default.createElement(Plus_1.default, null)),
+                react_1.default.createElement(DocumentDrawer, { onSave: onSave }))),
+            relatedCollections.length > 1 && (react_1.default.createElement(react_1.Fragment, null,
+                react_1.default.createElement(Popup_1.default, { buttonType: "custom", horizontalAlign: "center", onToggleOpen: onPopopToggle, button: (react_1.default.createElement(Button_1.default, { className: `${baseClass}__add-button`, buttonStyle: "none", tooltip: popupOpen ? undefined : t('addNew') },
+                        react_1.default.createElement(Plus_1.default, null))), render: ({ close: closePopup }) => (react_1.default.createElement("ul", { className: `${baseClass}__relations` }, relatedCollections.map((relatedCollection) => {
+                        if (permissions.collections[relatedCollection.slug].create.permission) {
+                            return (react_1.default.createElement("li", { key: relatedCollection.slug },
+                                react_1.default.createElement("button", { type: "button", className: `${baseClass}__relation-button ${baseClass}__relation-button--${relatedCollection.slug}`, onClick: () => {
+                                        closePopup();
+                                        setSelectedCollection(relatedCollection.slug);
+                                    } }, (0, getTranslation_1.getTranslation)(relatedCollection.labels.singular, i18n))));
+                        }
+                        return null;
+                    }))) }),
+                collectionConfig && permissions.collections[collectionConfig.slug].create.permission && (react_1.default.createElement(DocumentDrawer, { onSave: onSave }))))));
+    }
+    return null;
+};
+exports.AddNewRelation = AddNewRelation;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/admin/components/forms/field-types/Relationship/AddNew/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+@import '../../../../../scss/styles.scss';
+
+.relationship-add-new {
+  display: flex;
+  align-items: stretch;
+
+  .popup__wrapper {
+    display: flex;
+    align-items: stretch;
+    height: 100%;
+  }
+
+  &__add-button,
+  &__add-button.doc-drawer__toggler {
+    @include formInput;
+    position: relative;
+    height: 100%;
+    margin-left: -1px;
+    display: flex;
+    padding: 0 base(0.5);
+    align-items: center;
+    display: flex;
+    cursor: pointer;
+  }
+
+  &__relations {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    li:not(:last-child) {
+      margin-bottom: base(.375);
+    }
+  }
+
+  &__relation-button {
+    @extend %btn-reset;
+    cursor: pointer;
+    display: block;
+    padding: base(.125) 0;
+    text-align: center;
+    width: 100%;
+
+    &:hover {
+      opacity: .7;
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Action, OptionGroup, Value } from '../types';
+export type Props = {
+    hasMany: boolean;
+    relationTo: string | string[];
+    path: string;
+    value: Value | Value[];
+    options: OptionGroup[];
+    setValue: (value: unknown) => void;
+    dispatchOptions: React.Dispatch<Action>;
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map