payload 1.6.4-beta.0 → 1.6.5

package/dist/admin/components/elements/ReactSelect/Control/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Control = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const Control = (props) => {
+    const { children, innerProps, selectProps: { selectProps: { disableMouseDown, disableKeyDown, }, }, } = props;
+    return (react_1.default.createElement(react_select_1.components.Control, { ...props, innerProps: {
+            ...innerProps,
+            onMouseDown: (e) => {
+                // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
+                if (!disableMouseDown) {
+                    innerProps.onMouseDown(e);
+                }
+            },
+            // react-select has this typed incorrectly so we disable the linting rule
+            // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            onKeyDown: (e) => {
+                if (disableKeyDown) {
+                    e.stopPropagation();
+                }
+            },
+        } }, children));
+};
+exports.Control = Control;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/Control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/Control/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA4E;AAGrE,MAAM,OAAO,GAAwC,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EAAE,EACX,WAAW,EAAE,EACX,gBAAgB,EAChB,cAAc,GACf,GACF,GACF,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,8BAAC,yBAAgB,CAAC,OAAO,OACnB,KAAK,EACT,UAAU,EAAE;YACV,GAAG,UAAU;YACb,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,yIAAyI;gBACzI,IAAI,CAAC,gBAAgB,EAAE;oBACrB,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;iBAC3B;YACH,CAAC;YACD,yEAAyE;YACzE,uIAAuI;YACvI,6DAA6D;YAC7D,aAAa;YACb,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,cAAc,EAAE;oBAClB,CAAC,CAAC,eAAe,EAAE,CAAC;iBACrB;YACH,CAAC;SACF,IAEA,QAAQ,CACgB,CAC5B,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,OAAO,WAqClB"}

package/dist/admin/components/elements/ReactSelect/MultiValue/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MultiValueProps } from 'react-select';
+import { Option as OptionType } from '../types';
+import './index.scss';
+export declare const MultiValue: React.FC<MultiValueProps<OptionType>>;

package/dist/admin/components/elements/ReactSelect/MultiValue/index.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 });
+exports.MultiValue = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+const sortable_1 = require("@dnd-kit/sortable");
+require("./index.scss");
+const baseClass = 'multi-value';
+const MultiValue = (props) => {
+    const { className, isDisabled, innerProps, data: { value, }, selectProps: { selectProps, selectProps: { disableMouseDown, }, }, } = props;
+    const { attributes, listeners, setNodeRef, transform } = (0, sortable_1.useSortable)({
+        id: value,
+    });
+    const classes = [
+        baseClass,
+        className,
+        !isDisabled && 'draggable',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement(react_select_1.components.MultiValue, { ...props, className: classes, innerProps: {
+            ...innerProps,
+            ref: setNodeRef,
+            onMouseDown: (e) => {
+                if (!disableMouseDown) {
+                    // we need to prevent the dropdown from opening when clicking on the drag handle, but not when a modal is open (i.e. the 'Relationship' field component)
+                    e.preventDefault();
+                    e.stopPropagation();
+                }
+            },
+            style: {
+                ...transform ? {
+                    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+                } : {},
+            },
+        }, selectProps: {
+            ...selectProps,
+            // pass the draggable props through to the label so it alone acts as the draggable handle
+            draggableProps: {
+                ...attributes,
+                ...listeners,
+            },
+        } }));
+};
+exports.MultiValue = MultiValue;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/MultiValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAGsB;AACtB,gDAAgD;AAGhD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEzB,MAAM,UAAU,GAA0C,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,IAAI,EAAE,EACJ,KAAK,GACN,EACD,WAAW,EAAE,EACX,WAAW,EACX,WAAW,EAAE,EACX,gBAAgB,GACjB,GACF,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAW,EAAC;QACnE,EAAE,EAAE,KAAe;KACpB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,SAAS;QACT,SAAS;QACT,CAAC,UAAU,IAAI,WAAW;KAC3B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,8BAAC,yBAAgB,CAAC,UAAU,OACtB,KAAK,EACT,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE;YACV,GAAG,UAAU;YACb,GAAG,EAAE,UAAU;YACf,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,IAAI,CAAC,gBAAgB,EAAE;oBACrB,wJAAwJ;oBACxJ,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;iBACrB;YACH,CAAC;YACD,KAAK,EAAE;gBACL,GAAG,SAAS,CAAC,CAAC,CAAC;oBACb,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ;iBAChE,CAAC,CAAC,CAAC,EAAE;aACP;SACF,EACD,WAAW,EAAE;YACX,GAAG,WAAW;YACd,yFAAyF;YACzF,cAAc,EAAE;gBACd,GAAG,UAAU;gBACb,GAAG,SAAS;aACb;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB"}

package/dist/admin/components/elements/ReactSelect/MultiValue/index.scss

@@ -0,0 +1,15 @@
+@import '../../../../scss/styles.scss';
+
+.multi-value {
+  &.rs__multi-value {
+    padding: 0;
+    background: transparent;
+    border: $style-stroke-width-s solid var(--theme-elevation-800);
+    line-height: calc(#{$baseline} - #{$style-stroke-width-s * 2});
+    margin: base(.25) base(.5) base(.25) 0;
+
+    &.draggable {
+      cursor: grab;
+    }
+  }
+}

package/dist/admin/components/elements/ReactSelect/MultiValueLabel/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MultiValueProps } from 'react-select';
+import { Option } from '../../../forms/field-types/Relationship/types';
+import './index.scss';
+export declare const MultiValueLabel: React.FC<MultiValueProps<Option>>;

package/dist/admin/components/elements/ReactSelect/MultiValueLabel/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueLabel = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+require("./index.scss");
+const baseClass = 'multi-value-label';
+const MultiValueLabel = (props) => {
+    const { selectProps: { draggableProps, }, } = props;
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(react_select_1.components.MultiValueLabel, { ...props, innerProps: {
+                className: `${baseClass}__text`,
+                ...draggableProps || {},
+            } })));
+};
+exports.MultiValueLabel = MultiValueLabel;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/MultiValueLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/MultiValueLabel/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAA+E;AAE/E,wBAAsB;AAEtB,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAE/B,MAAM,eAAe,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC1E,MAAM,EACJ,WAAW,EAAE,EACX,cAAc,GACf,GACF,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,8BAAC,yBAAgB,CAAC,eAAe,OAC3B,KAAK,EACT,UAAU,EAAE;gBACV,SAAS,EAAE,GAAG,SAAS,QAAQ;gBAC/B,GAAG,cAAc,IAAI,EAAE;aACxB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,eAAe,mBAkB1B"}

package/dist/admin/components/elements/ReactSelect/MultiValueLabel/index.scss

@@ -0,0 +1,16 @@
+@import '../../../../scss/styles.scss';
+
+.multi-value-label {
+  @extend %small;
+  display: flex;
+  align-items: center;
+  padding: 0 base(.125) 0 base(.25);
+  max-width: 150px;
+  color: currentColor;
+
+  &__text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+}

package/dist/admin/components/elements/ReactSelect/MultiValueRemove/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MultiValueRemoveProps } from 'react-select/src/components/MultiValue';
+import { Option as OptionType } from '../types';
+import './index.scss';
+export declare const MultiValueRemove: React.FC<MultiValueRemoveProps<OptionType>>;

package/dist/admin/components/elements/ReactSelect/MultiValueRemove/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueRemove = void 0;
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const X_1 = __importDefault(require("../../../icons/X"));
+const Tooltip_1 = __importDefault(require("../../Tooltip"));
+require("./index.scss");
+const baseClass = 'multi-value-remove';
+const MultiValueRemove = (props) => {
+    const { innerProps, } = props;
+    const [showTooltip, setShowTooltip] = react_1.default.useState(false);
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    return (react_1.default.createElement("button", { ...innerProps, type: "button", className: baseClass, onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), onClick: (e) => {
+            setShowTooltip(false);
+            innerProps.onClick(e);
+        }, "aria-label": t('remove') },
+        react_1.default.createElement(Tooltip_1.default, { className: `${baseClass}__tooltip`, show: showTooltip }, t('remove')),
+        react_1.default.createElement(X_1.default, { className: `${baseClass}__icon` })));
+};
+exports.MultiValueRemove = MultiValueRemove;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/MultiValueRemove/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/MultiValueRemove/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iDAA+C;AAE/C,yDAAiC;AACjC,4DAAoC;AAEpC,wBAAsB;AAEtB,MAAM,SAAS,GAAG,oBAAoB,CAAC;AAEhC,MAAM,gBAAgB,GAAgD,CAAC,KAAK,EAAE,EAAE;IACrF,MAAM,EACJ,UAAU,GACX,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,6CACM,UAAU,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACxC,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,gBACW,CAAC,CAAC,QAAQ,CAAC;QAEvB,8BAAC,iBAAO,IACN,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,IAAI,EAAE,WAAW,IAEhB,CAAC,CAAC,QAAQ,CAAC,CACJ;QACV,8BAAC,WAAC,IAAC,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CAC/B,CACV,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,gBAAgB,oBA6B3B"}

package/dist/admin/components/elements/ReactSelect/MultiValueRemove/index.scss

@@ -0,0 +1,24 @@
+@import '../../../../scss/styles.scss';
+
+.multi-value-remove {
+  cursor: pointer;
+  width: base(.75);
+  height: base(.75);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  background-color: transparent;
+  border: none;
+  padding: 0;
+
+  &:hover {
+    color: var(--theme-elevation-800);
+    background: var(--theme-error-150);
+  }
+
+  &__icon {
+    width: 100%;
+    height: 100%;
+  }
+}

package/dist/admin/components/elements/ReactSelect/SingleValue/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SingleValueProps } from 'react-select';
+import { Option } from '../types';
+import './index.scss';
+export declare const SingleValue: React.FC<SingleValueProps<Option>>;

package/dist/admin/components/elements/ReactSelect/SingleValue/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleValue = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+require("./index.scss");
+const baseClass = 'react-select--single-value';
+const SingleValue = (props) => {
+    const { children, } = props;
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement(react_select_1.components.SingleValue, { ...props }, children)));
+};
+exports.SingleValue = SingleValue;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/SingleValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/SingleValue/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgF;AAEhF,wBAAsB;AAEtB,MAAM,SAAS,GAAG,4BAA4B,CAAC;AAExC,MAAM,WAAW,GAAuC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EACJ,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,8BAAC,yBAAgB,CAAC,WAAW,OAAK,KAAK,IACpC,QAAQ,CACoB,CAC3B,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB"}

package/dist/admin/components/elements/ReactSelect/SingleValue/index.scss

@@ -0,0 +1,7 @@
+@import '../../../../scss/styles.scss';
+
+.react-select--single-value {
+  .rs__single-value {
+    color: currentColor;
+  }
+}

package/dist/admin/components/elements/ReactSelect/ValueContainer/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ValueContainerProps } from 'react-select';
+import { Option } from '../types';
+import './index.scss';
+export declare const ValueContainer: React.FC<ValueContainerProps<Option, any>>;

package/dist/admin/components/elements/ReactSelect/ValueContainer/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueContainer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_select_1 = require("react-select");
+require("./index.scss");
+const baseClass = 'value-container';
+const ValueContainer = (props) => {
+    const { selectProps, } = props;
+    return (react_1.default.createElement("div", { ref: selectProps.selectProps.droppableRef, className: baseClass },
+        react_1.default.createElement(react_select_1.components.ValueContainer, { ...props })));
+};
+exports.ValueContainer = ValueContainer;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/ValueContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/ValueContainer/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAmF;AAGnF,wBAAsB;AAEtB,MAAM,SAAS,GAAG,iBAAiB,CAAC;AAE7B,MAAM,cAAc,GAA+C,CAAC,KAAK,EAAE,EAAE;IAClF,MAAM,EACJ,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uCACE,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,YAAY,EACzC,SAAS,EAAE,SAAS;QAEpB,8BAAC,yBAAgB,CAAC,cAAc,OAAK,KAAK,GAAI,CAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}

package/dist/admin/components/elements/ReactSelect/ValueContainer/index.scss

@@ -0,0 +1,33 @@
+@import '../../../../scss/styles.scss';
+
+.value-container {
+  flex-grow: 1;
+
+  .rs__value-container {
+    padding: base(.25) 0;
+    min-height: base(1.5);
+    overflow: visible;
+
+    > * {
+      margin: 0;
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    &--is-multi {
+      margin-left: - base(0.25);
+      width: calc(100% + base(0.5));
+      padding-top: base(0.25);
+      padding-bottom: base(0.25);
+      padding-left: base(0.25);
+
+      .rs__multi-value {
+        margin: calc(#{base(.125)} - #{$style-stroke-width-s * 2});
+      }
+
+      &.rs__value-container--has-value {
+        padding-left: 0;
+      }
+    }
+  }
+}

package/dist/admin/components/elements/ReactSelect/index.d.ts

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

package/dist/admin/components/elements/ReactSelect/index.js

@@ -0,0 +1,103 @@
+"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 core_1 = require("@dnd-kit/core");
+const react_select_1 = __importDefault(require("react-select"));
+const react_i18next_1 = require("react-i18next");
+const sortable_1 = require("@dnd-kit/sortable");
+const Chevron_1 = __importDefault(require("../../icons/Chevron"));
+const getTranslation_1 = require("../../../../utilities/getTranslation");
+const SingleValue_1 = require("./SingleValue");
+const MultiValueLabel_1 = require("./MultiValueLabel");
+const MultiValue_1 = require("./MultiValue");
+const ValueContainer_1 = require("./ValueContainer");
+const ClearIndicator_1 = require("./ClearIndicator");
+const MultiValueRemove_1 = require("./MultiValueRemove");
+const Control_1 = require("./Control");
+require("./index.scss");
+const SelectAdapter = (props) => {
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const { className, showError, options, onChange, value, disabled = false, placeholder = t('general:selectValue'), isSearchable = true, isClearable = true, filterOption = undefined, isLoading, onMenuOpen, components, droppableRef, selectProps, } = props;
+    const classes = [
+        className,
+        'react-select',
+        showError && 'react-select--error',
+    ].filter(Boolean).join(' ');
+    return (react_1.default.createElement(react_select_1.default, { isLoading: isLoading, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), captureMenuScroll: true, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, className: classes, classNamePrefix: "rs", options: options, isSearchable: isSearchable, isClearable: isClearable, filterOption: filterOption, onMenuOpen: onMenuOpen, selectProps: {
+            ...selectProps,
+            droppableRef,
+        }, components: {
+            ValueContainer: ValueContainer_1.ValueContainer,
+            SingleValue: SingleValue_1.SingleValue,
+            MultiValue: MultiValue_1.MultiValue,
+            MultiValueLabel: MultiValueLabel_1.MultiValueLabel,
+            MultiValueRemove: MultiValueRemove_1.MultiValueRemove,
+            DropdownIndicator: Chevron_1.default,
+            ClearIndicator: ClearIndicator_1.ClearIndicator,
+            Control: Control_1.Control,
+            ...components,
+        } }));
+};
+const SortableSelect = (props) => {
+    const { onChange, value, } = props;
+    const uuid = (0, react_1.useId)();
+    const { setNodeRef } = (0, core_1.useDroppable)({
+        id: uuid,
+    });
+    const onDragEnd = (0, react_1.useCallback)((event) => {
+        const { active, over } = event;
+        if (!active || !over)
+            return;
+        let sorted = value;
+        if (value && Array.isArray(value)) {
+            const oldIndex = value.findIndex((item) => item.value === active.id);
+            const newIndex = value.findIndex((item) => item.value === over.id);
+            sorted = (0, sortable_1.arrayMove)(value, oldIndex, newIndex);
+        }
+        onChange(sorted);
+    }, [onChange, value]);
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    let ids = [];
+    if (value)
+        ids = Array.isArray(value) ? value.map((item) => item === null || item === void 0 ? void 0 : item.value) : [value === null || value === void 0 ? void 0 : value.value]; // TODO: fix these types
+    return (react_1.default.createElement(core_1.DndContext, { onDragEnd: onDragEnd, sensors: sensors, collisionDetection: core_1.closestCenter },
+        react_1.default.createElement(sortable_1.SortableContext, { items: ids },
+            react_1.default.createElement(SelectAdapter, { ...props, droppableRef: setNodeRef }))));
+};
+const ReactSelect = (props) => {
+    const { isMulti, isSortable, } = props;
+    if (isMulti && isSortable) {
+        return (react_1.default.createElement(SortableSelect, { ...props }));
+    }
+    return (react_1.default.createElement(SelectAdapter, { ...props }));
+};
+exports.default = ReactSelect;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/ReactSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ReactSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,wCASuB;AACvB,gEAAkC;AAClC,iDAA+C;AAC/C,gDAI2B;AAE3B,kEAA0C;AAC1C,yEAAsE;AACtE,+CAA4C;AAC5C,uDAAoD;AACpD,6CAA0C;AAC1C,qDAAkD;AAClD,qDAAkD;AAClD,yDAAsD;AACtD,uCAAoC;AACpC,wBAAsB;AAEtB,MAAM,aAAa,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAErC,MAAM,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,CAAC,CAAC,qBAAqB,CAAC,EACtC,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG;QACd,SAAS;QACT,cAAc;QACd,SAAS,IAAI,qBAAqB;KACnC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,8BAAC,sBAAM,IACL,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAA,+BAAc,EAAC,WAAW,EAAE,IAAI,CAAC,EAC9C,iBAAiB,WACb,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,OAAO,EAClB,eAAe,EAAC,IAAI,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE;YACX,GAAG,WAAW;YACd,YAAY;SACb,EACD,UAAU,EAAE;YACV,cAAc,EAAd,+BAAc;YACd,WAAW,EAAX,yBAAW;YACX,UAAU,EAAV,uBAAU;YACV,eAAe,EAAf,iCAAe;YACf,gBAAgB,EAAhB,mCAAgB;YAChB,iBAAiB,EAAE,iBAAO;YAC1B,cAAc,EAAd,+BAAc;YACd,OAAO,EAAP,iBAAO;YACP,GAAG,UAAU;SACd,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAoB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EACJ,QAAQ,EACR,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,IAAA,aAAK,GAAE,CAAC;IAErB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAY,EAAC;QAClC,EAAE,EAAE,IAAI;KACT,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAmB,EAAE,EAAE;QACpD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QAE/B,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;YAAE,OAAO;QAE7B,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YACrE,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;YACnE,MAAM,GAAG,IAAA,oBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SAC/C;QAED,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,OAAO,GAAG,IAAA,iBAAU,EACxB,IAAA,gBAAS,EAAC,oBAAa,CAAC,EACxB,IAAA,gBAAS,EAAC,qBAAc,EAAE;QACxB,gBAAgB,EAAE,sCAA2B;KAC9C,CAAC,CACH,CAAC;IAEF,IAAI,GAAG,GAAa,EAAE,CAAC;IACvB,IAAI,KAAK;QAAE,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAe,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAe,CAAC,CAAC,CAAC,wBAAwB;IAEvI,OAAO,CACL,8BAAC,iBAAU,IACT,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,oBAAa;QAEjC,8BAAC,0BAAe,IAAC,KAAK,EAAE,GAAG;YACzB,8BAAC,aAAa,OACR,KAAK,EACT,YAAY,EAAE,UAAU,GACxB,CACc,CACP,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EACJ,OAAO,EACP,UAAU,GACX,GAAG,KAAK,CAAC;IAEV,IAAI,OAAO,IAAI,UAAU,EAAE;QACzB,OAAO,CACL,8BAAC,cAAc,OAAK,KAAK,GAAI,CAC9B,CAAC;KACH;IAED,OAAO,CACL,8BAAC,aAAa,OAAK,KAAK,GAAI,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/admin/components/elements/ReactSelect/index.scss

@@ -0,0 +1,67 @@
+@import '../../../scss/styles';
+
+.react-select {
+  .rs__control {
+    @include formInput;
+    height: auto;
+    padding-top: base(.25);
+    padding-bottom: base(.25);
+    flex-wrap: nowrap;
+  }
+
+  .rs__indicator {
+    padding: 0px 4px;
+    cursor: pointer;
+  }
+
+  .rs__indicator-separator {
+    display: none;
+  }
+
+  .rs__input {
+    color: var(--theme-elevation-1000);
+
+    input {
+      font-family: var(--font-body);
+      width: 10px;
+    }
+  }
+
+  .rs__menu {
+    z-index: 2;
+    border-radius: 0;
+    @include shadow-lg;
+    background: var(--theme-input-bg);
+  }
+
+  .rs__group-heading {
+    color: var(--theme-elevation-800);
+    padding-left: base(.5);
+    margin-bottom: base(.25);
+  }
+
+  .rs__option {
+    font-family: var(--font-body);
+    font-size: $baseline-body-size;
+    padding: base(.375) base(.75);
+    color: var(--theme-elevation-800);
+
+    &--is-focused {
+      background-color: var(--theme-elevation-100);
+    }
+
+    &--is-selected {
+      background-color: var(--theme-elevation-300);
+    }
+  }
+
+  &--error {
+    div.rs__control {
+      background-color: var(--theme-error-200);
+    }
+  }
+
+  &.rs--is-disabled .rs__control {
+    background: var(--theme-elevation-200);
+  }
+}

package/dist/admin/components/elements/ReactSelect/types.d.ts

@@ -0,0 +1,43 @@
+import { Ref } from 'react';
+export type Option = {
+    [key: string]: unknown;
+    value: unknown;
+};
+export type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export type Props = {
+    droppableRef?: Ref<HTMLElement>;
+    className?: string;
+    value?: Option | Option[];
+    onChange?: (value: any) => void;
+    onMenuOpen?: () => void;
+    disabled?: boolean;
+    showError?: boolean;
+    options: Option[] | OptionGroup[];
+    isMulti?: boolean;
+    isLoading?: boolean;
+    isOptionSelected?: any;
+    isSortable?: boolean;
+    isDisabled?: boolean;
+    onInputChange?: (val: string) => void;
+    onMenuScrollToBottom?: () => void;
+    placeholder?: string;
+    isSearchable?: boolean;
+    isClearable?: boolean;
+    blurInputOnSelect?: boolean;
+    filterOption?: (({ label, value, data }: {
+        label: string;
+        value: string;
+        data: Option;
+    }, search: string) => boolean) | undefined;
+    components?: {
+        [key: string]: React.FC<any>;
+    };
+    selectProps?: {
+        disableMouseDown?: boolean;
+        disableKeyDown?: boolean;
+        [key: string]: unknown;
+    };
+};

package/dist/admin/components/elements/ReactSelect/types.js

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

package/dist/admin/components/elements/ReactSelect/types.js.map

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

package/dist/admin/components/elements/RenderTitle/index.d.ts

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

package/dist/admin/components/elements/RenderTitle/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 useTitle_1 = __importDefault(require("../../../hooks/useTitle"));
+const IDLabel_1 = __importDefault(require("../IDLabel"));
+const baseClass = 'render-title';
+const RenderTitle = (props) => {
+    const { useAsTitle, collection, title: titleFromProps, data, fallback = '[untitled]', } = props;
+    const titleFromForm = (0, useTitle_1.default)(useAsTitle, collection);
+    let title = titleFromForm;
+    if (!title)
+        title = data === null || data === void 0 ? void 0 : data.id;
+    if (!title)
+        title = fallback;
+    title = titleFromProps || title;
+    const idAsTitle = title === (data === null || data === void 0 ? void 0 : data.id);
+    if (idAsTitle) {
+        return (react_1.default.createElement(IDLabel_1.default, { id: data === null || data === void 0 ? void 0 : data.id }));
+    }
+    return (react_1.default.createElement("span", { className: baseClass }, title));
+};
+exports.default = RenderTitle;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/elements/RenderTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/RenderTitle/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,uEAA+C;AAC/C,yDAAiC;AAEjC,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC7C,MAAM,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EAAE,cAAc,EACrB,IAAI,EACJ,QAAQ,GAAG,YAAY,GACxB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAQ,EAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAEvD,IAAI,KAAK,GAAG,aAAa,CAAC;IAC1B,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC;IAC7B,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAK,GAAG,cAAc,IAAI,KAAK,CAAC;IAEhC,MAAM,SAAS,GAAG,KAAK,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,CAAC;IAErC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,8BAAC,iBAAO,IAAC,EAAE,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,GAAI,CAC1B,CAAC;KACH;IAED,OAAO,CACL,wCAAM,SAAS,EAAE,SAAS,IACvB,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/admin/components/elements/RenderTitle/types.d.ts

@@ -0,0 +1,9 @@
+export type Props = {
+    useAsTitle?: string;
+    data?: {
+        id?: string;
+    };
+    title?: string;
+    fallback?: string;
+    collection?: string;
+};

package/dist/admin/components/elements/RenderTitle/types.js

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

package/dist/admin/components/elements/RenderTitle/types.js.map

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

package/dist/admin/components/elements/SaveDraft/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const SaveDraft: React.FC;
+export default SaveDraft;