From 2af595bed62b30f26bf9b0e3ccc300e2d19813fc Mon Sep 17 00:00:00 2001 From: Maxime Rainville Date: Mon, 11 Sep 2023 09:30:54 +1200 Subject: [PATCH] Add abaility to sort --- client/dist/js/bundle.js | 2 +- client/dist/styles/bundle.css | 2 +- .../AbstractAnyField/anyFieldHOC.js | 11 ++- .../components/AnyFieldBox/AnyFieldBox.scss | 2 +- .../src/components/AnyPicker/AnyPicker.scss | 42 ++++++++-- .../components/AnyPicker/AnyPickerTitle.js | 14 +++- .../AnyPicker/AnyPickerTitleHandle.js | 20 +++++ .../AnyPicker/tests/AnyPicker-story.js | 55 ++++++++++--- .../components/ManyAnyField/ManyAnyField.js | 8 +- .../components/ManyAnyPicker/ManyAnyList.js | 45 +++++++++++ .../components/ManyAnyPicker/ManyAnyPicker.js | 29 ++++--- .../ManyAnyPicker/ManyAnyPicker.scss | 11 ++- .../tests/ManyAnyPicker-story.js | 55 ++++++++++--- package.json | 2 + src/Extensions/ModalController.php | 1 - src/Extensions/Sortable.php | 27 +++++++ src/Form/AllowedClassesTrait.php | 8 ++ src/Form/ManyAnyField.php | 80 ++++++++++++++++++- yarn.lock | 44 +++++++--- 19 files changed, 388 insertions(+), 70 deletions(-) create mode 100644 client/src/components/AnyPicker/AnyPickerTitleHandle.js create mode 100644 client/src/components/ManyAnyPicker/ManyAnyList.js create mode 100644 src/Extensions/Sortable.php diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js index fb5d00a..2ab4177 100644 --- a/client/dist/js/bundle.js +++ b/client/dist/js/bundle.js @@ -1 +1 @@ -!function(){"use strict";var e={274:function(e,t,a){var r=l(a(180)),n=l(a(521)),o=l(a(154));function l(e){return e&&e.__esModule?e:{default:e}}document.addEventListener("DOMContentLoaded",(()=>{(0,n.default)(),(0,o.default)(),(0,r.default)()}))},521:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=f(a(648)),n=f(a(542)),o=f(a(32)),l=f(a(597)),u=f(a(683)),i=f(a(426)),d=f(a(862));function f(e){return e&&e.__esModule?e:{default:e}}var c=()=>{r.default.component.registerMany({AnyPicker:n.default,AnyField:l.default,ManyAnyPicker:o.default,ManyAnyField:u.default,"AnyModal.FormBuilderModal":i.default,"AnyModal.InsertMediaModal":d.default})};t.default=c},154:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(a(648)),n=o(a(402));function o(e){return e&&e.__esModule?e:{default:e}}var l=()=>{r.default.query.register("readAnyFieldDescription",n.default)};t.default=l},180:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=()=>{};t.default=a},84:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.anyFieldPropTypes=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=n?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}r.default=e,a&&a.set(e,r);return r}(a(363)),n=a(648),o=d(a(86)),l=d(a(241)),u=d(a(484)),i=d(a(646));function d(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}const c=e=>{let{id:t,loading:a,Loading:o,Picker:l,onChange:u,allowedDataObjectClasses:d,clearData:f,buildProps:c,updateData:s,selectData:p,baseDataObjectName:y,baseDataObjectIcon:v}=e;if(a)return r.default.createElement(i.default,null,r.default.createElement(o,null));const[b,O]=(0,r.useState)(!1),[g,m]=(0,r.useState)(""),j=p(b),_=d[j&&j.dataObjectClassKey||g],D={...c(),id:t,onEdit:e=>{O(e)},onClear:(e,a)=>{"function"==typeof u&&u(e,{id:t,value:JSON.stringify(f(a))})},onSelect:e=>{m(e),O(!0)},allowedDataObjectClasses:Object.values(d),baseDataObjectName:y,baseDataObjectIcon:v},h={dataObjectClass:_,editing:!1!==b,onSubmit:e=>{const{SecurityID:a,action_insert:r,...n}=e;return"function"==typeof u&&u(void 0,{id:t,value:JSON.stringify(s(n))}),O(!1),m(""),Promise.resolve()},onClosed:()=>(O(!1),Promise.resolve()),data:j},M=_&&_.modalHandler?_.modalHandler:"FormBuilderModal",P=(0,n.loadComponent)(`AnyModal.${M}`);return r.default.createElement(r.Fragment,null,r.default.createElement(l,D),r.default.createElement(P,h))},s={id:o.default.string.isRequired,loading:o.default.bool,Loading:o.default.elementType,data:o.default.any,Picker:o.default.elementType,onChange:o.default.func,allowedDataObjectClasses:o.default.objectOf(l.default),dataobjectDescriptions:o.default.arrayOf(u.default),baseDataObjectName:o.default.string,baseDataObjectIcon:o.default.string};t.anyFieldPropTypes=s,c.propTypes={...s,clearData:o.default.func.isRequired,buildProps:o.default.func.isRequired,updateData:o.default.func.isRequired,selectData:o.default.func.isRequired};var p=c;t.default=p},269:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.stringifyData=t.default=void 0;var r=i(a(363)),n=a(827),o=a(732),l=a(648),u=i(a(42));function i(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;tt=>{let{data:a,value:n,...o}=t,l=n||a;return"string"==typeof l&&(l=JSON.parse(l)),r.default.createElement(e,d({dataStr:JSON.stringify(l)},o,{data:l}))};t.stringifyData=f;var c=(0,n.compose)(f,(0,l.injectGraphql)("readAnyFieldDescription"),o.withApollo,u.default);t.default=c},597:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=c(a(363)),n=a(827),o=a(648),l=c(a(86)),u=c(a(890)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=n?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}r.default=e,a&&a.set(e,r);return r}(a(84)),d=c(a(269));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const t={buildProps:()=>{const{data:t,anyFieldDescriptions:a,allowedDataObjectClasses:r}=e,{dataObjectClassKey:n}=t,o=r[n],l=a.length>0?a[0]:{},{title:u,description:i}=l;return{title:u,description:i,dataObjectClass:o||void 0}},clearData:()=>({}),updateData:e=>e,selectData:()=>e.data};return e.data===[]&&(e.data={}),r.default.createElement(i.default,s({},e,t))};t.Component=p,p.propTypes={...i.anyFieldPropTypes,data:l.default.oneOfType([u.default,l.default.array])};var y=(0,n.compose)((0,o.inject)(["AnyPicker","Loading"],((e,t)=>({Picker:e,Loading:t}))),d.default)(p);t.default=y},646:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(a(363)),n=l(a(86)),o=l(a(820));function l(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{className:t,children:a,...n}=e;return r.default.createElement("div",u({className:(0,o.default)("any-field-box","form-control",t)},n),a)};i.propTypes={className:n.default.string};var d=i;t.default=d},426:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(a(363)),n=i(a(912)),o=i(a(872)),l=i(a(902)),u=i(a(510));function i(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{schemaUrl:a}=u.default.getSection("SilverStripe\\Admin\\LeftAndMain").form.AnyField,r=o.default.parse(a),n=l.default.parse(r.query);return n.key=e,t&&(n.data=JSON.stringify(t)),o.default.format({...r,search:l.default.stringify(n)})};var c=e=>{let{dataObjectClass:t,editing:a,data:o,...l}=e;return!!t&&r.default.createElement(n.default,d({title:t.title,isOpen:a,schemaUrl:f(t.key,o),identifier:"AnyModal.EditingDataObjectInfo"},l))};t.default=c},862:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,n=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=l(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(r,o,u):r[o]=e[o]}r.default=e,a&&a.set(e,r);return r}(a(363)),o=(r=a(475))&&r.__esModule?r:{default:r};function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(l=function(e){return e?a:t})(e)}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;te({type:"INIT_FORM_SCHEMA_STACK",payload:{formSchema:{type:"insert-link",nextType:"admin"}}}),reset:()=>e({type:"RESET"})}}}))((e=>{let{dataObjectClass:t,editing:a,data:r,actions:l,onSubmit:i,...d}=e;if(!t)return!1;(0,n.useEffect)((()=>{a?l.initModal():l.reset()}),[a]);const f=r?{ID:r.FileID,Description:r.Title,TargetBlank:!!r.OpenInNew}:{};return n.default.createElement(o.default,u({isOpen:a,type:"insert-link",title:!1,bodyClassName:"modal__dialog",className:"insert-any-field__dialog-wrapper--internal",fileAttributes:f,onInsert:e=>{let{ID:a,Description:n,TargetBlank:o}=e;return i({FileID:a,ID:r?r.ID:void 0,Title:n,OpenInNew:o,dataObjectClassKey:t.key},"",(()=>{}))}},d))}));t.default=i},542:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=f(a(363)),n=f(a(86)),o=f(a(820)),l=f(a(193)),u=f(a(39)),i=f(a(646)),d=f(a(241));function f(e){return e&&e.__esModule?e:{default:e}}const c=e=>{let{id:t,allowedDataObjectClasses:a,onSelect:n,title:d,description:f,dataObjectClass:c,onEdit:s,onClear:p,baseDataObjectName:y,baseDataObjectIcon:v}=e;return r.default.createElement(i.default,{className:(0,o.default)("any-picker",{"any-picker--selected":c}),"data-anyfield-id":t},c?r.default.createElement(u.default,{description:f,title:d,dataObjectClass:c,onClear:p,onClick:()=>s&&s()}):r.default.createElement(l.default,{allowedDataObjectClasses:a,onSelect:n,baseDataObjectName:y,baseDataObjectIcon:v}))};t.Component=c,c.propTypes={...l.default.propTypes,onEdit:n.default.func,onClear:n.default.func,title:n.default.string,description:n.default.string,dataObjectClass:d.default,id:n.default.string.isRequired};var s=c;t.default=s},193:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(a(754)),n=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=i(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=n?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}r.default=e,a&&a.set(e,r);return r}(a(363)),o=d(a(86)),l=a(127),u=d(a(241));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(i=function(e){return e?a:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}const f=e=>{let{allowedDataObjectClasses:t,onSelect:a,baseDataObjectName:o,baseDataObjectIcon:u}=e;const[i,d]=(0,n.useState)(!1);return n.default.createElement(l.Dropdown,{isOpen:i,toggle:()=>d((e=>!e)),className:"any-picker-menu"},n.default.createElement(l.DropdownToggle,{className:`any-picker-menu__toggle font-icon-${u||"plus-1"}`,caret:!0},r.default.sprintf(r.default._t("AnyField.ADD_DATAOBJECT","Add %s"),o)),n.default.createElement(l.DropdownMenu,null,t.map((e=>{let{key:t,title:r,icon:o}=e;return n.default.createElement(l.DropdownItem,{className:`font-icon-${o||"link"}`,key:t,onClick:()=>a(t)},r)}))))};f.propTypes={allowedDataObjectClasses:o.default.arrayOf(u.default).isRequired,onSelect:o.default.func.isRequired};var c=f;t.default=c},39:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(a(754)),n=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=i(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=n?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}r.default=e,a&&a.set(e,r);return r}(a(363)),o=d(a(86)),l=d(a(241)),u=a(127);function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(i=function(e){return e?a:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}const f=e=>t=>{t.nativeEvent.stopImmediatePropagation(),t.preventDefault(),t.nativeEvent.preventDefault(),t.stopPropagation(),e&&e()},c=e=>{let{title:t,dataObjectClass:a,description:o,onClear:l,onClick:i,className:d,id:c}=e;return n.default.createElement(u.Button,{className:classnames("any-picker-title",`font-icon-${a.icon||"link"}`,d),color:"secondary",onClick:f(i),id:c},n.default.createElement("div",{className:"any-picker-title__detail"},n.default.createElement("div",{className:"any-picker-title__title"},t),n.default.createElement("small",{className:"any-picker-title__type"},a.title,o&&n.default.createElement(n.Fragment,null,": ",n.default.createElement("span",{className:"any-picker-title__url"},o)))),n.default.createElement(u.Button,{tag:"a",className:"any-picker-title__clear",color:"link",onClick:f(l)},r.default._t("AnyField.CLEAR","Clear")))};c.propTypes={title:o.default.string.isRequired,dataObjectClass:l.default.isRequired,description:o.default.string,onClear:o.default.func,onClick:o.default.func},c.defaultProps={dataObjectClass:{}};var s=c;t.default=s},683:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=s(a(363)),n=a(827),o=a(648),l=s(a(86)),u=a(614),i=s(a(890)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=n?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}r.default=e,a&&a.set(e,r);return r}(a(84)),f=s(a(269));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}function s(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const t={buildProps:()=>{return{dataobjects:(t=e.data,a=e.anyFieldDescriptions,r=e.allowedDataObjectClasses,t.map((e=>{const t=a.find((t=>{let{id:a}=t;return a.toString()===e.ID.toString()}));return{...e,...t,dataObjectClass:r[e.dataObjectClassKey]}})))};var t,a,r},clearData:t=>e.data.filter((e=>{let{ID:a}=e;return a!==t})),updateData:t=>{const{data:a}=e;return t.ID?a.map((e=>e.ID===t.ID?t:e)):[...a,{...t,ID:(0,u.v4)(),isNew:!0}]},selectData:t=>{if(e.data)return e.data.find((e=>{let{ID:a}=e;return a===t}))}};return r.default.createElement(d.default,p({},e,t))};t.Component=y,y.propTypes={...d.anyFieldPropTypes,data:l.default.arrayOf(i.default)};var v=(0,n.compose)((0,o.inject)(["ManyAnyPicker","Loading"],((e,t)=>({Picker:e,Loading:t}))),f.default)(y);t.default=v},32:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=i(a(363)),n=i(a(86)),o=i(a(193)),l=i(a(39)),u=i(a(646));function i(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{onSelect:t,allowedDataObjectClasses:a,dataobjects:n,onEdit:i,onClear:f,baseDataObjectName:c,baseDataObjectIcon:s,id:p}=e;return r.default.createElement("div",{className:"multi-any-picker","data-manyanyfield-id":p},r.default.createElement(u.default,{className:"multi-any-picker__picker"},r.default.createElement(o.default,{allowedDataObjectClasses:a,onSelect:t,baseDataObjectName:c,baseDataObjectIcon:s})),n.length>0&&r.default.createElement(u.default,{className:"multi-any-picker__list"},n.map((e=>{let{ID:t,...a}=e;return r.default.createElement(l.default,d({},a,{className:"multi-any-picker__dataobject",key:`${t} ${a.description}`,onClear:e=>f(e,t),onClick:()=>i(t)}))}))))};t.Component=f,f.propTypes={...o.default.propTypes,dataobjects:n.default.arrayOf(n.default.shape(l.default.propTypes)),onEdit:n.default.func,onClear:n.default.func,id:n.default.string.isRequired};var c=f;t.default=c},402:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(648);const n={props(e){const{data:{error:t,readAnyFieldDescription:a,loading:r}}=e;return{loading:r,anyFieldDescriptions:a||[],graphQLErrors:t&&t.graphQLErrors&&t.graphQLErrors.map((e=>e.message))}}},{READ:o}=r.graphqlTemplates;var l={apolloConfig:n,templateName:o,pluralName:"AnyFieldDescription",pagination:!1,params:{dataStr:"String!"},args:{root:{dataStr:"dataStr"}},fields:["id","description","title"]};t.default=l},241:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,n=(r=a(86))&&r.__esModule?r:{default:r};var o=n.default.shape({key:n.default.string.isRequired,icon:n.default.string,title:n.default.string.isRequired,modalHandler:n.default.string});t.default=o},890:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,n=(r=a(86))&&r.__esModule?r:{default:r};var o=n.default.shape({dataObjectClassKey:n.default.string,Title:n.default.string,ID:n.default.oneOfType([n.default.number,n.default.string])});t.default=o},484:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,n=(r=a(86))&&r.__esModule?r:{default:r};var o=n.default.shape({title:n.default.string,description:n.default.string});t.default=o},614:function(e,t,a){var r;a.r(t),a.d(t,{NIL:function(){return T},parse:function(){return b},stringify:function(){return s},v1:function(){return v},v3:function(){return k},v4:function(){return E},v5:function(){return S},validate:function(){return u},version:function(){return R}});var n=new Uint8Array(16);function o(){if(!r&&!(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(n)}var l=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;for(var u=function(e){return"string"==typeof e&&l.test(e)},i=[],d=0;d<256;++d)i.push((d+256).toString(16).substr(1));var f,c,s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=(i[e[t+0]]+i[e[t+1]]+i[e[t+2]]+i[e[t+3]]+"-"+i[e[t+4]]+i[e[t+5]]+"-"+i[e[t+6]]+i[e[t+7]]+"-"+i[e[t+8]]+i[e[t+9]]+"-"+i[e[t+10]]+i[e[t+11]]+i[e[t+12]]+i[e[t+13]]+i[e[t+14]]+i[e[t+15]]).toLowerCase();if(!u(a))throw TypeError("Stringified UUID is invalid");return a},p=0,y=0;var v=function(e,t,a){var r=t&&a||0,n=t||new Array(16),l=(e=e||{}).node||f,u=void 0!==e.clockseq?e.clockseq:c;if(null==l||null==u){var i=e.random||(e.rng||o)();null==l&&(l=f=[1|i[0],i[1],i[2],i[3],i[4],i[5]]),null==u&&(u=c=16383&(i[6]<<8|i[7]))}var d=void 0!==e.msecs?e.msecs:Date.now(),v=void 0!==e.nsecs?e.nsecs:y+1,b=d-p+(v-y)/1e4;if(b<0&&void 0===e.clockseq&&(u=u+1&16383),(b<0||d>p)&&void 0===e.nsecs&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");p=d,y=v,c=u;var O=(1e4*(268435455&(d+=122192928e5))+v)%4294967296;n[r++]=O>>>24&255,n[r++]=O>>>16&255,n[r++]=O>>>8&255,n[r++]=255&O;var g=d/4294967296*1e4&268435455;n[r++]=g>>>8&255,n[r++]=255&g,n[r++]=g>>>24&15|16,n[r++]=g>>>16&255,n[r++]=u>>>8|128,n[r++]=255&u;for(var m=0;m<6;++m)n[r+m]=l[m];return t||s(n)};var b=function(e){if(!u(e))throw TypeError("Invalid UUID");var t,a=new Uint8Array(16);return a[0]=(t=parseInt(e.slice(0,8),16))>>>24,a[1]=t>>>16&255,a[2]=t>>>8&255,a[3]=255&t,a[4]=(t=parseInt(e.slice(9,13),16))>>>8,a[5]=255&t,a[6]=(t=parseInt(e.slice(14,18),16))>>>8,a[7]=255&t,a[8]=(t=parseInt(e.slice(19,23),16))>>>8,a[9]=255&t,a[10]=(t=parseInt(e.slice(24,36),16))/1099511627776&255,a[11]=t/4294967296&255,a[12]=t>>>24&255,a[13]=t>>>16&255,a[14]=t>>>8&255,a[15]=255&t,a};var O="6ba7b810-9dad-11d1-80b4-00c04fd430c8",g="6ba7b811-9dad-11d1-80b4-00c04fd430c8";function m(e,t,a){function r(e,r,n,o){if("string"==typeof e&&(e=function(e){e=unescape(encodeURIComponent(e));for(var t=[],a=0;a>>9<<4)+1}function _(e,t){var a=(65535&e)+(65535&t);return(e>>16)+(t>>16)+(a>>16)<<16|65535&a}function D(e,t,a,r,n,o){return _((l=_(_(t,e),_(r,o)))<<(u=n)|l>>>32-u,a);var l,u}function h(e,t,a,r,n,o,l){return D(t&a|~t&r,e,t,n,o,l)}function M(e,t,a,r,n,o,l){return D(t&r|a&~r,e,t,n,o,l)}function P(e,t,a,r,n,o,l){return D(t^a^r,e,t,n,o,l)}function w(e,t,a,r,n,o,l){return D(a^(t|~r),e,t,n,o,l)}var C=function(e){if("string"==typeof e){var t=unescape(encodeURIComponent(e));e=new Uint8Array(t.length);for(var a=0;a>5]>>>n%32&255,l=parseInt(r.charAt(o>>>4&15)+r.charAt(15&o),16);t.push(l)}return t}(function(e,t){e[t>>5]|=128<>5]|=(255&e[r/8])<>>32-t}var N=function(e){var t=[1518500249,1859775393,2400959708,3395469782],a=[1732584193,4023233417,2562383102,271733878,3285377520];if("string"==typeof e){var r=unescape(encodeURIComponent(e));e=[];for(var n=0;n>>0;m=g,g=O,O=A(b,30)>>>0,b=v,v=D}a[0]=a[0]+v>>>0,a[1]=a[1]+b>>>0,a[2]=a[2]+O>>>0,a[3]=a[3]+g>>>0,a[4]=a[4]+m>>>0}return[a[0]>>24&255,a[0]>>16&255,a[0]>>8&255,255&a[0],a[1]>>24&255,a[1]>>16&255,a[1]>>8&255,255&a[1],a[2]>>24&255,a[2]>>16&255,a[2]>>8&255,255&a[2],a[3]>>24&255,a[3]>>16&255,a[3]>>8&255,255&a[3],a[4]>>24&255,a[4]>>16&255,a[4]>>8&255,255&a[4]]},S=m("v5",80,N),T="00000000-0000-0000-0000-000000000000";var R=function(e){if(!u(e))throw TypeError("Invalid UUID");return parseInt(e.substr(14,1),16)}},732:function(e){e.exports=ApolloClientReactHoc},510:function(e){e.exports=Config},42:function(e){e.exports=FieldHolder},912:function(e){e.exports=FormBuilderModal},648:function(e){e.exports=Injector},475:function(e){e.exports=InsertMediaModal},872:function(e){e.exports=NodeUrl},86:function(e){e.exports=PropTypes},363:function(e){e.exports=React},624:function(e){e.exports=ReactRedux},127:function(e){e.exports=Reactstrap},827:function(e){e.exports=Redux},820:function(e){e.exports=classnames},754:function(e){e.exports=i18n},902:function(e){e.exports=qs}},t={};function a(r){var n=t[r];if(void 0!==n)return n.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,a),o.exports}a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(274)}(); \ No newline at end of file +!function(){"use strict";var e={274:function(e,t,n){var r=i(n(180)),a=i(n(521)),o=i(n(154));function i(e){return e&&e.__esModule?e:{default:e}}document.addEventListener("DOMContentLoaded",(()=>{(0,a.default)(),(0,o.default)(),(0,r.default)()}))},521:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(648)),a=c(n(542)),o=c(n(32)),i=c(n(597)),l=c(n(683)),s=c(n(426)),u=c(n(862));function c(e){return e&&e.__esModule?e:{default:e}}var d=()=>{r.default.component.registerMany({AnyPicker:a.default,AnyField:i.default,ManyAnyPicker:o.default,ManyAnyField:l.default,"AnyModal.FormBuilderModal":s.default,"AnyModal.InsertMediaModal":u.default})};t.default=d},154:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(648)),a=o(n(402));function o(e){return e&&e.__esModule?e:{default:e}}var i=()=>{r.default.query.register("readAnyFieldDescription",a.default)};t.default=i},180:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=()=>{};t.default=n},84:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.anyFieldPropTypes=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(363)),a=n(648),o=u(n(86)),i=u(n(241)),l=u(n(484)),s=u(n(646));function u(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}const d=e=>{let{id:t,loading:n,Loading:o,Picker:i,onChange:l,allowedDataObjectClasses:u,clearData:c,buildProps:d,updateData:f,selectData:p,baseDataObjectName:h,baseDataObjectIcon:y}=e;if(n)return r.default.createElement(s.default,null,r.default.createElement(o,null));const[v,g]=(0,r.useState)(!1),[b,m]=(0,r.useState)(""),O=p(v),w=u[O&&O.dataObjectClassKey||b],x={...d(),id:t,onEdit:e=>{g(e)},onClear:(e,n)=>{"function"==typeof l&&l(e,{id:t,value:JSON.stringify(c(n))})},onSelect:e=>{m(e),g(!0)},allowedDataObjectClasses:Object.values(u),baseDataObjectName:h,baseDataObjectIcon:y},j={dataObjectClass:w,editing:!1!==v,onSubmit:e=>{const{SecurityID:n,action_insert:r,...a}=e;return"function"==typeof l&&l(void 0,{id:t,value:JSON.stringify(f(a))}),g(!1),m(""),Promise.resolve()},onClosed:()=>(g(!1),Promise.resolve()),data:O},C=w&&w.modalHandler?w.modalHandler:"FormBuilderModal",S=(0,a.loadComponent)(`AnyModal.${C}`);return r.default.createElement(r.Fragment,null,r.default.createElement(i,x),r.default.createElement(S,j))},f={id:o.default.string.isRequired,loading:o.default.bool,Loading:o.default.elementType,data:o.default.any,Picker:o.default.elementType,onChange:o.default.func,allowedDataObjectClasses:o.default.objectOf(i.default),dataobjectDescriptions:o.default.arrayOf(l.default),baseDataObjectName:o.default.string,baseDataObjectIcon:o.default.string};t.anyFieldPropTypes=f,d.propTypes={...f,clearData:o.default.func.isRequired,buildProps:o.default.func.isRequired,updateData:o.default.func.isRequired,selectData:o.default.func.isRequired};var p=d;t.default=p},269:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.stringifyData=t.default=void 0;var r=s(n(363)),a=n(827),o=n(732),i=n(648),l=s(n(42));function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;tt=>{let{data:n,value:a,...o}=t,i=a||n;"string"==typeof i&&(i=JSON.parse(i));const l=JSON.stringify(Array.isArray(i)?[...i].sort():i);return r.default.createElement(e,u({dataStr:l},o,{data:i}))};t.stringifyData=c;var d=(0,a.compose)(c,(0,i.injectGraphql)("readAnyFieldDescription"),o.withApollo,l.default);t.default=d},597:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=d(n(363)),a=n(827),o=n(648),i=d(n(86)),l=d(n(890)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(84)),u=d(n(269));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const t={buildProps:()=>{const{data:t,anyFieldDescriptions:n,allowedDataObjectClasses:r}=e,{dataObjectClassKey:a}=t,o=r[a],i=n.length>0?n[0]:{},{title:l,description:s}=i;return{title:l,description:s,dataObjectClass:o||void 0}},clearData:()=>({}),updateData:e=>e,selectData:()=>e.data};return e.data===[]&&(e.data={}),r.default.createElement(s.default,f({},e,t))};t.Component=p,p.propTypes={...s.anyFieldPropTypes,data:i.default.oneOfType([l.default,i.default.array])};var h=(0,a.compose)((0,o.inject)(["AnyPicker","Loading"],((e,t)=>({Picker:e,Loading:t}))),u.default)(p);t.default=h},646:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(363)),a=i(n(86)),o=i(n(820));function i(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{className:t,children:n,...a}=e;return r.default.createElement("div",l({className:(0,o.default)("any-field-box","form-control",t)},a),n)};s.propTypes={className:a.default.string};var u=s;t.default=u},426:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(363)),a=s(n(912)),o=s(n(872)),i=s(n(902)),l=s(n(510));function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{schemaUrl:n}=l.default.getSection("SilverStripe\\Admin\\LeftAndMain").form.AnyField,r=o.default.parse(n),a=i.default.parse(r.query);return a.key=e,t&&(a.data=JSON.stringify(t)),o.default.format({...r,search:i.default.stringify(a)})};var d=e=>{let{dataObjectClass:t,editing:n,data:o,...i}=e;return!!t&&r.default.createElement(a.default,u({title:t.title,isOpen:n,schemaUrl:c(t.key,o),identifier:"AnyModal.EditingDataObjectInfo"},i))};t.default=d},862:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var l=a?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(363)),o=(r=n(475))&&r.__esModule?r:{default:r};function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;te({type:"INIT_FORM_SCHEMA_STACK",payload:{formSchema:{type:"insert-link",nextType:"admin"}}}),reset:()=>e({type:"RESET"})}}}))((e=>{let{dataObjectClass:t,editing:n,data:r,actions:i,onSubmit:s,...u}=e;if(!t)return!1;(0,a.useEffect)((()=>{n?i.initModal():i.reset()}),[n]);const c=r?{ID:r.FileID,Description:r.Title,TargetBlank:!!r.OpenInNew}:{};return a.default.createElement(o.default,l({isOpen:n,type:"insert-link",title:!1,bodyClassName:"modal__dialog",className:"insert-any-field__dialog-wrapper--internal",fileAttributes:c,onInsert:e=>{let{ID:n,Description:a,TargetBlank:o}=e;return s({FileID:n,ID:r?r.ID:void 0,Title:a,OpenInNew:o,dataObjectClassKey:t.key},"",(()=>{}))}},u))}));t.default=s},542:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=c(n(363)),a=c(n(86)),o=c(n(820)),i=c(n(193)),l=c(n(39)),s=c(n(646)),u=c(n(241));function c(e){return e&&e.__esModule?e:{default:e}}const d=e=>{let{id:t,allowedDataObjectClasses:n,onSelect:a,title:u,description:c,dataObjectClass:d,onEdit:f,onClear:p,baseDataObjectName:h,baseDataObjectIcon:y}=e;return r.default.createElement(s.default,{className:(0,o.default)("any-picker",{"any-picker--selected":d}),"data-anyfield-id":t},d?r.default.createElement(l.default,{description:c,title:u,dataObjectClass:d,onClear:p,onClick:()=>f&&f()}):r.default.createElement(i.default,{allowedDataObjectClasses:n,onSelect:a,baseDataObjectName:h,baseDataObjectIcon:y}))};t.Component=d,d.propTypes={...i.default.propTypes,onEdit:a.default.func,onClear:a.default.func,title:a.default.string,description:a.default.string,dataObjectClass:u.default,id:a.default.string.isRequired};var f=d;t.default=f},193:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(754)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(363)),o=u(n(86)),i=n(127),l=u(n(241));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function u(e){return e&&e.__esModule?e:{default:e}}const c=e=>{let{allowedDataObjectClasses:t,onSelect:n,baseDataObjectName:o,baseDataObjectIcon:l}=e;const[s,u]=(0,a.useState)(!1);return a.default.createElement(i.Dropdown,{isOpen:s,toggle:()=>u((e=>!e)),className:"any-picker-menu"},a.default.createElement(i.DropdownToggle,{className:`any-picker-menu__toggle font-icon-${l||"plus-1"}`,caret:!0},r.default.sprintf(r.default._t("AnyField.ADD_DATAOBJECT","Add %s"),o)),a.default.createElement(i.DropdownMenu,null,t.map((e=>{let{key:t,title:r,icon:o}=e;return a.default.createElement(i.DropdownItem,{className:`font-icon-${o||"link"}`,key:t,onClick:()=>n(t)},r)}))))};c.propTypes={allowedDataObjectClasses:o.default.arrayOf(l.default).isRequired,onSelect:o.default.func.isRequired};var d=c;t.default=d},39:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(754)),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(363)),o=d(n(86)),i=d(n(241)),l=n(127),s=d(n(859)),u=d(n(820));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function d(e){return e&&e.__esModule?e:{default:e}}const f=e=>t=>{t.nativeEvent.stopImmediatePropagation(),t.preventDefault(),t.nativeEvent.preventDefault(),t.stopPropagation(),e&&e()},p=e=>{let{title:t,dataObjectClass:n,description:o,onClear:i,onClick:c,className:d,id:p,sortable:h}=e;return a.default.createElement(l.Button,{className:(0,u.default)("any-picker-title",d),color:"secondary",onClick:f(c),id:p},h&&a.default.createElement(s.default,null),a.default.createElement("span",{className:`font-icon-${n.icon||"link"} any-picker-title__icon`}),a.default.createElement("div",{className:"any-picker-title__detail"},a.default.createElement("div",{className:"any-picker-title__title"},t),a.default.createElement("small",{className:"any-picker-title__type"},n.title,o&&a.default.createElement(a.Fragment,null,": ",a.default.createElement("span",{className:"any-picker-title__url"},o)))),a.default.createElement(l.Button,{tag:"a",className:"any-picker-title__clear",color:"link",onClick:f(i)},r.default._t("AnyField.CLEAR","Clear")))};p.propTypes={title:o.default.string.isRequired,dataObjectClass:i.default.isRequired,description:o.default.string,onClear:o.default.func,onClick:o.default.func,sortable:o.default.bool},p.defaultProps={dataObjectClass:{},sortable:!1};var h=p;t.default=h},859:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;s(n(754));var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(363)),a=s(n(86)),o=n(249),i=s(n(820));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function s(e){return e&&e.__esModule?e:{default:e}}const u=(0,o.SortableHandle)((e=>{let{className:t}=e;return r.default.createElement("span",{className:(0,i.default)("any-picker-title__handle font-icon-drag-handle",t),"aria-label":"Reorder element"})}));u.propTypes={className:a.default.string},u.defaultProps={};var c=u;t.default=c},683:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=p(n(363)),a=n(827),o=n(648),i=p(n(86)),l=n(614),s=p(n(890)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(84)),c=p(n(269)),d=n(748);function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function p(e){return e&&e.__esModule?e:{default:e}}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{sortable:t,...n}=e;const a={buildProps:()=>{return{dataobjects:(e=n.data,r=n.anyFieldDescriptions,a=n.allowedDataObjectClasses,e.map((e=>{const t=r.find((t=>{let{id:n}=t;return n.toString()===e.ID.toString()}));return{...e,...t,dataObjectClass:a[e.dataObjectClassKey]}}))),onSort:(e,t)=>{let{oldIndex:r,newIndex:a}=e;n.onChange(t,{id:n.id,value:JSON.stringify((0,d.arrayMoveImmutable)(n.data,r,a))})},sortable:t};var e,r,a},clearData:e=>n.data.filter((t=>{let{ID:n}=t;return n!==e})),updateData:e=>{const{data:t}=n;return e.ID?t.map((t=>t.ID===e.ID?e:t)):[...t,{...e,ID:(0,l.v4)(),isNew:!0}]},selectData:e=>{if(n.data)return n.data.find((t=>{let{ID:n}=t;return n===e}))}};return r.default.createElement(u.default,h({},n,a))};t.Component=y,y.propTypes={...u.anyFieldPropTypes,data:i.default.arrayOf(s.default),sortable:i.default.bool};var v=(0,a.compose)((0,o.inject)(["ManyAnyPicker","Loading"],((e,t)=>({Picker:e,Loading:t}))),c.default)(y);t.default=v},873:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=u(n(363)),a=u(n(86)),o=u(n(193)),i=u(n(39)),l=u(n(646)),s=n(249);function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;tr.default.createElement(i.default,c({},e,{sortable:!0})))),f=(0,s.SortableContainer)((e=>{let{dataobjects:t,onEdit:n,onClear:a,sortable:o}=e;const s=o?d:i.default;return r.default.createElement(l.default,{className:"multi-any-picker__list"},t.map(((e,t)=>{let{ID:o,...i}=e;return r.default.createElement(s,c({},i,{className:"multi-any-picker__dataobject",key:`${o} ${i.description}`,index:t,onClear:e=>a(e,o),onClick:()=>n(o)}))})))}));t.Component=f,f.propTypes={...o.default.propTypes,dataobjects:a.default.arrayOf(a.default.shape(i.default.propTypes)),onEdit:a.default.func,onClear:a.default.func,sortable:a.default.func};var p=f;t.default=p},32:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Component=void 0;var r=u(n(363)),a=u(n(86)),o=u(n(193)),i=u(n(39)),l=u(n(646)),s=u(n(873));n(249);function u(e){return e&&e.__esModule?e:{default:e}}const c=e=>{let{onSelect:t,allowedDataObjectClasses:n,dataobjects:a,onEdit:i,onClear:u,baseDataObjectName:c,baseDataObjectIcon:d,id:f,onSort:p,sortable:h}=e;return r.default.createElement("div",{className:"multi-any-picker","data-manyanyfield-id":f},r.default.createElement(l.default,{className:"multi-any-picker__picker"},r.default.createElement(o.default,{allowedDataObjectClasses:n,onSelect:t,baseDataObjectName:c,baseDataObjectIcon:d})),a.length>0&&r.default.createElement(s.default,{dataobjects:a,onClear:u,onEdit:i,useDragHandle:!0,helperClass:"sortableHelper",onSortEnd:p,sortable:h}))};t.Component=c,c.propTypes={...o.default.propTypes,dataobjects:a.default.arrayOf(a.default.shape(i.default.propTypes)),onEdit:a.default.func,onClear:a.default.func,onSort:a.default.func,id:a.default.string.isRequired,sortable:a.default.bool};var d=c;t.default=d},402:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(648);const a={props(e){const{data:{error:t,readAnyFieldDescription:n,loading:r}}=e;return{loading:r,anyFieldDescriptions:n||[],graphQLErrors:t&&t.graphQLErrors&&t.graphQLErrors.map((e=>e.message))}}},{READ:o}=r.graphqlTemplates;var i={apolloConfig:a,templateName:o,pluralName:"AnyFieldDescription",pagination:!1,params:{dataStr:"String!"},args:{root:{dataStr:"dataStr"}},fields:["id","description","title"]};t.default=i},241:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(86))&&r.__esModule?r:{default:r};var o=a.default.shape({key:a.default.string.isRequired,icon:a.default.string,title:a.default.string.isRequired,modalHandler:a.default.string});t.default=o},890:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(86))&&r.__esModule?r:{default:r};var o=a.default.shape({dataObjectClassKey:a.default.string,Title:a.default.string,ID:a.default.oneOfType([a.default.number,a.default.string])});t.default=o},484:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(86))&&r.__esModule?r:{default:r};var o=a.default.shape({title:a.default.string,description:a.default.string});t.default=o},143:function(e){e.exports=function(e,t,n,r,a,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,a,o,i,l],c=0;(s=new Error(t.replace(/%s/g,(function(){return u[c++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},249:function(e,t,n){function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n0&&void 0!==arguments[0]?arguments[0]:this.active.collection;return this.refs[e].sort(D)}}]),e}();function D(e,t){return e.node.sortableInfo.index-t.node.sortableInfo.index}function _(e,t,n){return(e=e.slice()).splice(n<0?e.length+n:n,0,e.splice(t,1)[0]),e}function E(e,t){return Object.keys(e).reduce((function(n,r){return-1===t.indexOf(r)&&(n[r]=e[r]),n}),{})}var I={end:["touchend","touchcancel","mouseup"],move:["touchmove","mousemove"],start:["touchstart","mousedown"]},M=function(){if("undefined"==typeof window||"undefined"==typeof document)return"";var e=window.getComputedStyle(document.documentElement,"")||["-moz-hidden-iframe"],t=(Array.prototype.slice.call(e).join("").match(/-(moz|webkit|ms)-/)||""===e.OLink&&["","o"])[1];return"ms"===t?"ms":t&&t.length?t[0].toUpperCase()+t.substr(1):""}();function T(e,t){Object.keys(t).forEach((function(n){e.style[n]=t[n]}))}function P(e,t){e.style["".concat(M,"Transform")]=null==t?"":"translate3d(".concat(t.x,"px,").concat(t.y,"px,0)")}function A(e,t){e.style["".concat(M,"TransitionDuration")]=null==t?"":"".concat(t,"ms")}function N(e,t){for(;e;){if(t(e))return e;e=e.parentNode}return null}function R(e,t,n){return Math.max(e,Math.min(n,t))}function W(e){return"px"===e.substr(-2)?parseFloat(e):0}function L(e,t){var n=t.displayName||t.name;return n?"".concat(e,"(").concat(n,")"):e}function F(e,t){var n=e.getBoundingClientRect();return{top:n.top+t.top,left:n.left+t.left}}function H(e){return e.touches&&e.touches.length?{x:e.touches[0].pageX,y:e.touches[0].pageY}:e.changedTouches&&e.changedTouches.length?{x:e.changedTouches[0].pageX,y:e.changedTouches[0].pageY}:{x:e.pageX,y:e.pageY}}function U(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{left:0,top:0};if(e){var r={left:n.left+e.offsetLeft,top:n.top+e.offsetTop};return e.parentNode===t?r:U(e.parentNode,t,r)}}function K(e){var t=e.lockOffset,n=e.width,r=e.height,a=t,o=t,i="px";if("string"==typeof t){var l=/^[+-]?\d*(?:\.\d*)?(px|%)$/.exec(t);x()(null!==l,'lockOffset value should be a number or a string of a number followed by "px" or "%". Given %s',t),a=parseFloat(t),o=parseFloat(t),i=l[1]}return x()(isFinite(a)&&isFinite(o),"lockOffset value should be a finite. Given %s",t),"%"===i&&(a=a*n/100,o=o*r/100),{x:a,y:o}}function q(e){return e instanceof HTMLElement?function(e){var t=window.getComputedStyle(e),n=/(auto|scroll)/;return["overflow","overflowX","overflowY"].find((function(e){return n.test(t[e])}))}(e)?e:q(e.parentNode):null}var B=27,G=32,V=37,X=38,Y=39,$=40,J={Anchor:"A",Button:"BUTTON",Canvas:"CANVAS",Input:"INPUT",Option:"OPTION",Textarea:"TEXTAREA",Select:"SELECT"};function z(e){var t,n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{withRef:!1};return n=t=function(t){function n(){var e,t;d(this,n);for(var r=arguments.length,a=new Array(r),o=0;o=a.y-i/2&&!g?(l.y=1,s.y=c*Math.abs((a.y-i/2-n.y)/i)):n.x>=a.x-o/2&&!m?(l.x=1,s.x=u*Math.abs((a.x-o/2-n.x)/o)):n.y<=r.y+i/2&&!v?(l.y=-1,s.y=c*Math.abs((n.y-i/2-r.y)/i)):n.x<=r.x+o/2&&!b&&(l.x=-1,s.x=u*Math.abs((n.x-o/2-r.x)/o)),this.interval&&(this.clear(),this.isAutoScrolling=!1),0===l.x&&0===l.y||(this.interval=setInterval((function(){t.isAutoScrolling=!0;var e={left:s.x*l.x,top:s.y*l.y};t.container.scrollTop+=e.top,t.container.scrollLeft+=e.left,t.onScrollCallback(e)}),5))}}]),e}();var ee={axis:S().oneOf(["x","y","xy"]),contentWindow:S().any,disableAutoscroll:S().bool,distance:S().number,getContainer:S().func,getHelperDimensions:S().func,helperClass:S().string,helperContainer:S().oneOfType([S().func,"undefined"==typeof HTMLElement?S().any:S().instanceOf(HTMLElement)]),hideSortableGhost:S().bool,keyboardSortingTransitionDuration:S().number,lockAxis:S().string,lockOffset:S().oneOfType([S().number,S().string,S().arrayOf(S().oneOfType([S().number,S().string]))]),lockToContainerEdges:S().bool,onSortEnd:S().func,onSortMove:S().func,onSortOver:S().func,onSortStart:S().func,pressDelay:S().number,pressThreshold:S().number,keyCodes:S().shape({lift:S().arrayOf(S().number),drop:S().arrayOf(S().number),cancel:S().arrayOf(S().number),up:S().arrayOf(S().number),down:S().arrayOf(S().number)}),shouldCancelStart:S().func,transitionDuration:S().number,updateBeforeSortStart:S().func,useDragHandle:S().bool,useWindowAsScrollContainer:S().bool},te={lift:[G],drop:[G],cancel:[B],up:[X,V],down:[$,Y]},ne={axis:"y",disableAutoscroll:!1,distance:0,getHelperDimensions:function(e){var t=e.node;return{height:t.offsetHeight,width:t.offsetWidth}},hideSortableGhost:!0,lockOffset:"50%",lockToContainerEdges:!1,pressDelay:0,pressThreshold:5,keyCodes:te,shouldCancelStart:function(e){return-1!==[J.Input,J.Textarea,J.Select,J.Option,J.Button].indexOf(e.target.tagName)||!!N(e.target,(function(e){return"true"===e.contentEditable}))},transitionDuration:300,useWindowAsScrollContainer:!1},re=Object.keys(ee);var ae=(0,m.createContext)({manager:{}});function oe(e){var t,n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{withRef:!1};return n=t=function(t){function n(e){var t;d(this,n),u(h(h(t=y(this,v(n).call(this,e)))),"state",{}),u(h(h(t)),"handleStart",(function(e){var n=t.props,r=n.distance,a=n.shouldCancelStart;if(2!==e.button&&!a(e)){t.touched=!0,t.position=H(e);var o=N(e.target,(function(e){return null!=e.sortableInfo}));if(o&&o.sortableInfo&&t.nodeIsChild(o)&&!t.state.sorting){var i=t.props.useDragHandle,l=o.sortableInfo,s=l.index,u=l.collection;if(l.disabled)return;if(i&&!N(e.target,Q))return;t.manager.active={collection:u,index:s},function(e){return e.touches&&e.touches.length||e.changedTouches&&e.changedTouches.length}(e)||e.target.tagName!==J.Anchor||e.preventDefault(),r||(0===t.props.pressDelay?t.handlePress(e):t.pressTimer=setTimeout((function(){return t.handlePress(e)}),t.props.pressDelay))}}})),u(h(h(t)),"nodeIsChild",(function(e){return e.sortableInfo.manager===t.manager})),u(h(h(t)),"handleMove",(function(e){var n=t.props,r=n.distance,a=n.pressThreshold;if(!t.state.sorting&&t.touched&&!t._awaitingUpdateBeforeSortStart){var o=H(e),i={x:t.position.x-o.x,y:t.position.y-o.y},l=Math.abs(i.x)+Math.abs(i.y);t.delta=i,r||a&&!(l>=a)?r&&l>=r&&t.manager.isActive()&&t.handlePress(e):(clearTimeout(t.cancelTimer),t.cancelTimer=setTimeout(t.cancel,0))}})),u(h(h(t)),"handleEnd",(function(){t.touched=!1,t.cancel()})),u(h(h(t)),"cancel",(function(){var e=t.props.distance;t.state.sorting||(e||clearTimeout(t.pressTimer),t.manager.active=null)})),u(h(h(t)),"handlePress",(function(e){try{var n=t.manager.getActive(),r=function(){if(n){var r=function(){var n,r,a,u,v,g,b=p.sortableInfo.index,m=(n=p,{bottom:W((r=window.getComputedStyle(n)).marginBottom),left:W(r.marginLeft),right:W(r.marginRight),top:W(r.marginTop)}),O=function(e){var t=window.getComputedStyle(e);return"grid"===t.display?{x:W(t.gridColumnGap),y:W(t.gridRowGap)}:{x:0,y:0}}(t.container),w=t.scrollContainer.getBoundingClientRect(),x=i({index:b,node:p,collection:h});if(t.node=p,t.margin=m,t.gridGap=O,t.width=x.width,t.height=x.height,t.marginOffset={x:t.margin.left+t.margin.right+t.gridGap.x,y:Math.max(t.margin.top,t.margin.bottom,t.gridGap.y)},t.boundingClientRect=p.getBoundingClientRect(),t.containerBoundingRect=w,t.index=b,t.newIndex=b,t.axis={x:o.indexOf("x")>=0,y:o.indexOf("y")>=0},t.offsetEdge=U(p,t.container),t.initialOffset=H(y?c({},e,{pageX:t.boundingClientRect.left,pageY:t.boundingClientRect.top}):e),t.initialScroll={left:t.scrollContainer.scrollLeft,top:t.scrollContainer.scrollTop},t.initialWindowScroll={left:window.pageXOffset,top:window.pageYOffset},t.helper=t.helperContainer.appendChild((u="input, textarea, select, canvas, [contenteditable]",v=(a=p).querySelectorAll(u),j((g=a.cloneNode(!0)).querySelectorAll(u)).forEach((function(e,t){"file"!==e.type&&(e.value=v[t].value),"radio"===e.type&&e.name&&(e.name="__sortableClone__".concat(e.name)),e.tagName===J.Canvas&&v[t].width>0&&v[t].height>0&&e.getContext("2d").drawImage(v[t],0,0)})),g)),T(t.helper,{boxSizing:"border-box",height:"".concat(t.height,"px"),left:"".concat(t.boundingClientRect.left-m.left,"px"),pointerEvents:"none",position:"fixed",top:"".concat(t.boundingClientRect.top-m.top,"px"),width:"".concat(t.width,"px")}),y&&t.helper.focus(),s&&(t.sortableGhost=p,T(p,{opacity:0,visibility:"hidden"})),t.minTranslate={},t.maxTranslate={},y){var C=f?{top:0,left:0,width:t.contentWindow.innerWidth,height:t.contentWindow.innerHeight}:t.containerBoundingRect,S=C.top,k=C.left,D=C.width,_=S+C.height,E=k+D;t.axis.x&&(t.minTranslate.x=k-t.boundingClientRect.left,t.maxTranslate.x=E-(t.boundingClientRect.left+t.width)),t.axis.y&&(t.minTranslate.y=S-t.boundingClientRect.top,t.maxTranslate.y=_-(t.boundingClientRect.top+t.height))}else t.axis.x&&(t.minTranslate.x=(f?0:w.left)-t.boundingClientRect.left-t.width/2,t.maxTranslate.x=(f?t.contentWindow.innerWidth:w.left+w.width)-t.boundingClientRect.left-t.width/2),t.axis.y&&(t.minTranslate.y=(f?0:w.top)-t.boundingClientRect.top-t.height/2,t.maxTranslate.y=(f?t.contentWindow.innerHeight:w.top+w.height)-t.boundingClientRect.top-t.height/2);l&&l.split(" ").forEach((function(e){return t.helper.classList.add(e)})),t.listenerNode=e.touches?e.target:t.contentWindow,y?(t.listenerNode.addEventListener("wheel",t.handleKeyEnd,!0),t.listenerNode.addEventListener("mousedown",t.handleKeyEnd,!0),t.listenerNode.addEventListener("keydown",t.handleKeyDown)):(I.move.forEach((function(e){return t.listenerNode.addEventListener(e,t.handleSortMove,!1)})),I.end.forEach((function(e){return t.listenerNode.addEventListener(e,t.handleSortEnd,!1)}))),t.setState({sorting:!0,sortingIndex:b}),d&&d({node:p,index:b,collection:h,isKeySorting:y,nodes:t.manager.getOrderedRefs(),helper:t.helper},e),y&&t.keyMove(0)},a=t.props,o=a.axis,i=a.getHelperDimensions,l=a.helperClass,s=a.hideSortableGhost,u=a.updateBeforeSortStart,d=a.onSortStart,f=a.useWindowAsScrollContainer,p=n.node,h=n.collection,y=t.manager.isKeySorting,v=function(){if("function"==typeof u){t._awaitingUpdateBeforeSortStart=!0;var n=function(e,t){try{var n=e()}catch(e){return t(!0,e)}return n&&n.then?n.then(t.bind(null,!1),t.bind(null,!0)):t(!1,value)}((function(){var t=p.sortableInfo.index;return Promise.resolve(u({collection:h,index:t,node:p,isKeySorting:y},e)).then((function(){}))}),(function(e,n){if(t._awaitingUpdateBeforeSortStart=!1,e)throw n;return n}));if(n&&n.then)return n.then((function(){}))}}();return v&&v.then?v.then(r):r()}}();return Promise.resolve(r&&r.then?r.then((function(){})):void 0)}catch(e){return Promise.reject(e)}})),u(h(h(t)),"handleSortMove",(function(e){var n=t.props.onSortMove;"function"==typeof e.preventDefault&&e.cancelable&&e.preventDefault(),t.updateHelperPosition(e),t.animateNodes(),t.autoscroll(),n&&n(e)})),u(h(h(t)),"handleSortEnd",(function(e){var n=t.props,r=n.hideSortableGhost,a=n.onSortEnd,o=t.manager,i=o.active.collection,l=o.isKeySorting,s=t.manager.getOrderedRefs();t.listenerNode&&(l?(t.listenerNode.removeEventListener("wheel",t.handleKeyEnd,!0),t.listenerNode.removeEventListener("mousedown",t.handleKeyEnd,!0),t.listenerNode.removeEventListener("keydown",t.handleKeyDown)):(I.move.forEach((function(e){return t.listenerNode.removeEventListener(e,t.handleSortMove)})),I.end.forEach((function(e){return t.listenerNode.removeEventListener(e,t.handleSortEnd)})))),t.helper.parentNode.removeChild(t.helper),r&&t.sortableGhost&&T(t.sortableGhost,{opacity:"",visibility:""});for(var u=0,c=s.length;ur)){t.prevIndex=o,t.newIndex=a;var i=function(e,t,n){return et?e-1:e>n&&ev?v/2:this.height/2,width:this.width>y?y/2:this.width/2},b=u&&h>this.index&&h<=c,m=u&&h=c,O={x:0,y:0},w=i[d].edgeOffset;w||(w=U(p,this.container),i[d].edgeOffset=w,u&&(i[d].boundingClientRect=F(p,a)));var x=d0&&i[d-1];x&&!x.edgeOffset&&(x.edgeOffset=U(x.node,this.container),u&&(x.boundingClientRect=F(x.node,a))),h!==this.index?(t&&A(p,t),this.axis.x?this.axis.y?m||hthis.containerBoundingRect.width-g.width&&x&&(O.x=x.edgeOffset.left-w.left,O.y=x.edgeOffset.top-w.top),null===this.newIndex&&(this.newIndex=h)):(b||h>this.index&&(l+o.left+g.width>=w.left&&s+o.top+g.height>=w.top||s+o.top+g.height>=w.top+v))&&(O.x=-(this.width+this.marginOffset.x),w.left+O.xthis.index&&l+o.left+g.width>=w.left?(O.x=-(this.width+this.marginOffset.x),this.newIndex=h):(m||hthis.index&&s+o.top+g.height>=w.top?(O.y=-(this.height+this.marginOffset.y),this.newIndex=h):(m||h1&&void 0!==arguments[1]?arguments[1]:{withRef:!1};return n=t=function(t){function n(){var e,t;d(this,n);for(var r=arguments.length,a=new Array(r),o=0;o0&&void 0!==arguments[0]?arguments[0]:this.props.collection;this.context.manager.remove(e,this.ref)}},{key:"getWrappedInstance",value:function(){return x()(a.withRef,"To access the wrapped instance, you need to pass in {withRef: true} as the second argument of the SortableElement() call"),this.wrappedInstance.current}},{key:"render",value:function(){var t=a.withRef?this.wrappedInstance:null;return(0,m.createElement)(e,r({ref:t},E(this.props,le)))}}]),n}(m.Component),u(t,"displayName",L("sortableElement",e)),u(t,"contextType",ae),u(t,"propTypes",ie),u(t,"defaultProps",{collection:0}),n}},614:function(e,t,n){var r;n.r(t),n.d(t,{NIL:function(){return A},parse:function(){return v},stringify:function(){return f},v1:function(){return y},v3:function(){return _},v4:function(){return E},v5:function(){return P},validate:function(){return l},version:function(){return N}});var a=new Uint8Array(16);function o(){if(!r&&!(r="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return r(a)}var i=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;for(var l=function(e){return"string"==typeof e&&i.test(e)},s=[],u=0;u<256;++u)s.push((u+256).toString(16).substr(1));var c,d,f=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(s[e[t+0]]+s[e[t+1]]+s[e[t+2]]+s[e[t+3]]+"-"+s[e[t+4]]+s[e[t+5]]+"-"+s[e[t+6]]+s[e[t+7]]+"-"+s[e[t+8]]+s[e[t+9]]+"-"+s[e[t+10]]+s[e[t+11]]+s[e[t+12]]+s[e[t+13]]+s[e[t+14]]+s[e[t+15]]).toLowerCase();if(!l(n))throw TypeError("Stringified UUID is invalid");return n},p=0,h=0;var y=function(e,t,n){var r=t&&n||0,a=t||new Array(16),i=(e=e||{}).node||c,l=void 0!==e.clockseq?e.clockseq:d;if(null==i||null==l){var s=e.random||(e.rng||o)();null==i&&(i=c=[1|s[0],s[1],s[2],s[3],s[4],s[5]]),null==l&&(l=d=16383&(s[6]<<8|s[7]))}var u=void 0!==e.msecs?e.msecs:Date.now(),y=void 0!==e.nsecs?e.nsecs:h+1,v=u-p+(y-h)/1e4;if(v<0&&void 0===e.clockseq&&(l=l+1&16383),(v<0||u>p)&&void 0===e.nsecs&&(y=0),y>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");p=u,h=y,d=l;var g=(1e4*(268435455&(u+=122192928e5))+y)%4294967296;a[r++]=g>>>24&255,a[r++]=g>>>16&255,a[r++]=g>>>8&255,a[r++]=255&g;var b=u/4294967296*1e4&268435455;a[r++]=b>>>8&255,a[r++]=255&b,a[r++]=b>>>24&15|16,a[r++]=b>>>16&255,a[r++]=l>>>8|128,a[r++]=255&l;for(var m=0;m<6;++m)a[r+m]=i[m];return t||f(a)};var v=function(e){if(!l(e))throw TypeError("Invalid UUID");var t,n=new Uint8Array(16);return n[0]=(t=parseInt(e.slice(0,8),16))>>>24,n[1]=t>>>16&255,n[2]=t>>>8&255,n[3]=255&t,n[4]=(t=parseInt(e.slice(9,13),16))>>>8,n[5]=255&t,n[6]=(t=parseInt(e.slice(14,18),16))>>>8,n[7]=255&t,n[8]=(t=parseInt(e.slice(19,23),16))>>>8,n[9]=255&t,n[10]=(t=parseInt(e.slice(24,36),16))/1099511627776&255,n[11]=t/4294967296&255,n[12]=t>>>24&255,n[13]=t>>>16&255,n[14]=t>>>8&255,n[15]=255&t,n};var g="6ba7b810-9dad-11d1-80b4-00c04fd430c8",b="6ba7b811-9dad-11d1-80b4-00c04fd430c8";function m(e,t,n){function r(e,r,a,o){if("string"==typeof e&&(e=function(e){e=unescape(encodeURIComponent(e));for(var t=[],n=0;n>>9<<4)+1}function w(e,t){var n=(65535&e)+(65535&t);return(e>>16)+(t>>16)+(n>>16)<<16|65535&n}function x(e,t,n,r,a,o){return w((i=w(w(t,e),w(r,o)))<<(l=a)|i>>>32-l,n);var i,l}function j(e,t,n,r,a,o,i){return x(t&n|~t&r,e,t,a,o,i)}function C(e,t,n,r,a,o,i){return x(t&r|n&~r,e,t,a,o,i)}function S(e,t,n,r,a,o,i){return x(t^n^r,e,t,a,o,i)}function k(e,t,n,r,a,o,i){return x(n^(t|~r),e,t,a,o,i)}var D=function(e){if("string"==typeof e){var t=unescape(encodeURIComponent(e));e=new Uint8Array(t.length);for(var n=0;n>5]>>>a%32&255,i=parseInt(r.charAt(o>>>4&15)+r.charAt(15&o),16);t.push(i)}return t}(function(e,t){e[t>>5]|=128<>5]|=(255&e[r/8])<>>32-t}var T=function(e){var t=[1518500249,1859775393,2400959708,3395469782],n=[1732584193,4023233417,2562383102,271733878,3285377520];if("string"==typeof e){var r=unescape(encodeURIComponent(e));e=[];for(var a=0;a>>0;m=b,b=g,g=M(v,30)>>>0,v=y,y=x}n[0]=n[0]+y>>>0,n[1]=n[1]+v>>>0,n[2]=n[2]+g>>>0,n[3]=n[3]+b>>>0,n[4]=n[4]+m>>>0}return[n[0]>>24&255,n[0]>>16&255,n[0]>>8&255,255&n[0],n[1]>>24&255,n[1]>>16&255,n[1]>>8&255,255&n[1],n[2]>>24&255,n[2]>>16&255,n[2]>>8&255,255&n[2],n[3]>>24&255,n[3]>>16&255,n[3]>>8&255,255&n[3],n[4]>>24&255,n[4]>>16&255,n[4]>>8&255,255&n[4]]},P=m("v5",80,T),A="00000000-0000-0000-0000-000000000000";var N=function(e){if(!l(e))throw TypeError("Invalid UUID");return parseInt(e.substr(14,1),16)}},732:function(e){e.exports=ApolloClientReactHoc},510:function(e){e.exports=Config},42:function(e){e.exports=FieldHolder},912:function(e){e.exports=FormBuilderModal},648:function(e){e.exports=Injector},475:function(e){e.exports=InsertMediaModal},872:function(e){e.exports=NodeUrl},86:function(e){e.exports=PropTypes},363:function(e){e.exports=React},624:function(e){e.exports=ReactRedux},127:function(e){e.exports=Reactstrap},827:function(e){e.exports=Redux},820:function(e){e.exports=classnames},754:function(e){e.exports=i18n},902:function(e){e.exports=qs},748:function(e,t,n){function r(e,t,n){const r=t<0?e.length+t:t;if(r>=0&&r (({ data, value, ...props }) => { if (typeof dataValue === 'string') { dataValue = JSON.parse(dataValue); } - return ; + + // Rebuild the data string and sort the entries to avoid doing a pointless + // GraphQL request when the sorting changes. Only the ManyAnyField needs this + const dataStr = JSON.stringify( + Array.isArray(dataValue) ? + [...dataValue].sort() : + dataValue + ); + + return ; }); diff --git a/client/src/components/AnyFieldBox/AnyFieldBox.scss b/client/src/components/AnyFieldBox/AnyFieldBox.scss index cb61a90..2232516 100644 --- a/client/src/components/AnyFieldBox/AnyFieldBox.scss +++ b/client/src/components/AnyFieldBox/AnyFieldBox.scss @@ -1,4 +1,4 @@ -.any-field-box { +.form-control.any-field-box { display: flex; height: 54px; background: white; diff --git a/client/src/components/AnyPicker/AnyPicker.scss b/client/src/components/AnyPicker/AnyPicker.scss index 6432c44..24d93de 100644 --- a/client/src/components/AnyPicker/AnyPicker.scss +++ b/client/src/components/AnyPicker/AnyPicker.scss @@ -1,6 +1,13 @@ -.any-picker-menu { +.dropdown.any-picker-menu { width: 100%; - height: 100%; +} + +.any-picker-menu { + + &.btn { + width: 100%; + height: 100%; + } &.font-icon-any::before { margin: $spacer-xs; @@ -23,12 +30,14 @@ .any-picker-title { - display: flex; - align-items: center; - width: 100%; - text-align: left; - border: none; - margin-right: 0; + &.btn { + display: flex; + align-items: center; + width: 100%; + text-align: left; + border: none; + margin-right: 0; + } &:hover, &:focus { background: $gray-100; @@ -80,4 +89,21 @@ &__url { color: $link-color; } + + &__icon { + position: relative; + margin-right: 6px; + line-height: 0; + vertical-align: middle; + font-size: 1.231rem; + } + + &__handle { + position: relative; + margin-right: 6px; + padding-right: 6px; + line-height: 0; + vertical-align: middle; + font-size: 1.231rem; + } } diff --git a/client/src/components/AnyPicker/AnyPickerTitle.js b/client/src/components/AnyPicker/AnyPickerTitle.js index ae03abc..5f5e29f 100644 --- a/client/src/components/AnyPicker/AnyPickerTitle.js +++ b/client/src/components/AnyPicker/AnyPickerTitle.js @@ -4,6 +4,8 @@ import React, { Fragment } from 'react'; import PropTypes from 'prop-types'; import AllowedDataObjectClass from 'types/AllowedDataObjectClass'; import { Button } from 'reactstrap'; +import AnyPickerTitleHandle from './AnyPickerTitleHandle'; +import classnames from 'classnames'; const stopPropagation = (fn) => (e) => { e.nativeEvent.stopImmediatePropagation(); @@ -15,13 +17,15 @@ const stopPropagation = (fn) => (e) => { } }; -const AnyPickerTitle = ({ title, dataObjectClass, description, onClear, onClick, className, id }) => ( +const AnyPickerTitle = ({ title, dataObjectClass, description, onClear, onClick, className, id, sortable }) => (