@wix/patterns-fields 1.0.0

package/src/stylable-esm-runtime.ts

@@ -0,0 +1,90 @@
+// @ts-nocheck
+function createStateClass(namespace, stateName, stateValue) {
+    if (stateValue === false ||
+        stateValue === undefined ||
+        stateValue === null ||
+        stateValue !== stateValue // check NaN
+    ) {
+        return '';
+    }
+    if (stateValue === true) {
+        // boolean state
+        return namespace + '--' + stateName;
+    }
+    var param = stateValue.toString();
+    return namespace + '---' + stateName + '-' + param.length + '-' + param.replace(/\s/gm, '_');
+}
+export function classesRuntime(namespace) {
+    var classNames = [];
+    for (var i = 1; i < arguments.length; i++) {
+        // eslint-disable-next-line prefer-rest-params
+        var item = arguments[i];
+        if (item) {
+            if (typeof item === 'string') {
+                classNames[classNames.length] = item;
+            }
+            else if (i === 2) {
+                for (var stateName in item) {
+                    var stateValue = item[stateName];
+                    var stateClass = createStateClass(namespace, stateName, stateValue);
+                    if (stateClass) {
+                        classNames[classNames.length] = stateClass;
+                    }
+                }
+            }
+        }
+    }
+    return classNames.join(' ');
+}
+export function statesRuntime(namespace, stateMapping) {
+    var classNames = [];
+    for (var stateName in stateMapping) {
+        var stateValue = stateMapping[stateName];
+        var stateClass = createStateClass(namespace, stateName, stateValue);
+        if (stateClass) {
+            classNames.push(stateClass);
+        }
+    }
+    return classNames.join(' ');
+}
+export function injectCSS(id, css, depth, runtimeId) {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    var d = document;
+    var head = d.head;
+    var style = d.createElement('style');
+    style.setAttribute('st_id', id);
+    style.setAttribute('st_depth', depth);
+    style.setAttribute('st_runtime', runtimeId);
+    style.textContent = css;
+    var loadedStyleElements = head.querySelectorAll('style[st_runtime="' + runtimeId + '"]');
+    var inserted = false;
+    var insertAfter;
+    for (var i = 0; i < loadedStyleElements.length; i++) {
+        var styleElement = loadedStyleElements[i];
+        var existingStId = styleElement.getAttribute('st_id');
+        var existingStDepth = Number(styleElement.getAttribute('st_depth'));
+        if (existingStId === id) {
+            if (existingStDepth === depth) {
+                head.replaceChild(style, styleElement);
+                return;
+            }
+            else {
+                styleElement.parentElement.removeChild(styleElement);
+                continue;
+            }
+        }
+        if (!inserted && depth < existingStDepth) {
+            head.insertBefore(style, styleElement);
+            inserted = true;
+        }
+        insertAfter = styleElement;
+    }
+    if (!inserted) {
+        insertAfter
+            ? head.insertBefore(style, insertAfter.nextElementSibling)
+            : head.appendChild(style);
+    }
+}
+//# sourceMappingURL=pure.js.map

package/src/styles.global.css

@@ -0,0 +1 @@
+.addressinput118148591__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput118148591__tableAddressInput>div{padding:0!important;width:100%}.addressinput118148591__tableAddressInput:focus-within{margin-left:2px}.actionsmenu3598247207__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield3380924506__addItem{height:120px!important;box-sizing:border-box}.formaudiofield3380924506__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield3380924506__addItem.formaudiofield3380924506--disabled{pointer-events:auto!important}.formaudiofield3380924506__addItem.formaudiofield3380924506--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield3380924506__mediaTitle{line-height:18px!important}.audioplayer4081132107__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.colorview982264768__view{width:100%}.colorview982264768__fillPreview{flex-shrink:0}.colorview982264768__view .colorview982264768__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog2078994546__layout{max-width:510px!important}.formdocumentfield1269230364__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield1269230364__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield1269230364__textWidth{max-width:calc(100% - 196px)}.formdocumentfield1269230364__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield1269230364__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield1269230364__addDocument.formdocumentfield1269230364--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield1269230364__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation1076305043__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation1076305043__exclamation.exclamation1076305043---type-7-warning:not(.exclamation1076305043--customSize),.exclamation1076305043__exclamation.exclamation1076305043---type-5-error:not(.exclamation1076305043--customSize){width:24px;height:24px}.exclamation1076305043__exclamation.exclamation1076305043---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation1076305043__exclamation.exclamation1076305043---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation1076305043__actions{display:flex;flex-direction:column}.exclamation1076305043__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation1076305043__action+.exclamation1076305043__action{margin-top:6px}.exclamation1076305043__action.exclamation1076305043--accented{color:var(--wds-color-blue-100)}.exclamation1076305043__action.exclamation1076305043--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext2964394036__root.highlightedtext2964394036--highlightedBackground{animation:highlightedtext2964394036__highlighted 150ms ease-out 1 forwards}.highlightedtext2964394036__substring.highlightedtext2964394036--isHighlighted{animation:highlightedtext2964394036__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext2964394036__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext2964394036__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.pasteurlbutton4171484403__root{margin-top:6px}.pasteurlbutton4171484403__iconButtonTooltip{height:max-content}.pasteurlbutton4171484403__iconButton{width:24px;height:24px}.formmediagalleryfield2735002816__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield2735002816__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield2735002816__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield2735002816__addItem{box-sizing:border-box}.formmediagalleryfield2735002816__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield2735002816__image.formmediagalleryfield2735002816--withMarginRight{margin-right:3px}.formmediagalleryfield2735002816__image.formmediagalleryfield2735002816--withMarginTop{margin-top:3px}.formmediagalleryfield2735002816__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield2735002816__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage1096824462__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage1096824462__root.mediaimage1096824462--error{--mediaimage1096824462-from:calc(50% - 0.5px);--mediaimage1096824462-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage1096824462-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage1096824462-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage1096824462-to),transparent var(--mediaimage1096824462-to))}.mediaimage1096824462__root.mediaimage1096824462--error>*{opacity:0}.overlay1012308888__iconOverlay{position:absolute;color:var(--wds-color-white, var(--overlay1012308888-wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay1012308888__iconOverlay.overlay1012308888---size-5-small{width:20px;height:20px}.overlay1012308888__iconOverlay.overlay1012308888---size-6-medium{width:24px;height:24px}.overlay1012308888__iconOverlay.overlay1012308888---size-5-large{width:28px;height:28px}.overlay1012308888__iconOverlay.overlay1012308888---placement-7-topLeft{top:2px;left:2px}.overlay1012308888__iconOverlay.overlay1012308888---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader3802590149__loader{border-radius:6px}.medialoader3802590149__loader.medialoader3802590149--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader3802590149__loader.medialoader3802590149--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag1642571975__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.formmultidocument2604366581__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument2604366581__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument2604366581__viewRoot>div:first-child .formmultidocument2604366581__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument2604366581__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument2604366581__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument2604366581__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument2604366581__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.richcontentdefaultvalueinput265201860__richContentEditorContainer .richcontentdefaultvalueinput265201860__editor{max-height:calc(40vh - var(--richcontentdefaultvalueinput265201860-topToolbarHeight) - var(--richcontentdefaultvalueinput265201860-bottomToolbarHeight))}.richcontentforminput2510854035__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput2510854035__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput2510854035__root .richcontentforminput2510854035__editor{overflow-y:auto;max-height:calc(80vh - var(--richcontentforminput2510854035-topToolbarHeight) - var(--richcontentforminput2510854035-bottomToolbarHeight))}.richcontentformreadonlyinput246065000__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput246065000__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal4000891092__modalContent{display:flex;position:relative;height:100%;width:782px;background-color:var(--wds-color-white);border-radius:var(--wds-border-radius-300);margin-top:24px}.publishloader4217991925__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton2161142756__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton2161142756__root button{border-radius:6px!important}.richcontenteditor3583492159__root{position:relative}.richcontenteditor3583492159__root,.richcontenteditor3583492159__toolbarContainer,.richcontenteditor3583492159__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor3583492159__toolbarContainer div{box-sizing:border-box}.richcontenteditor3583492159__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor3583492159__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor3583492159__modalEditor .richcontenteditor3583492159__editor{overflow-y:auto;min-height:calc(100% - var(--richcontenteditor3583492159-topToolbarHeight) - var(--richcontenteditor3583492159-bottomToolbarHeight));max-height:calc(100% - var(--richcontenteditor3583492159-topToolbarHeight) - var(--richcontenteditor3583492159-bottomToolbarHeight));min-width:592px;box-sizing:border-box}.richcontenteditor3583492159__modalEditor .richcontenteditor3583492159__footerToolbarContainer{margin-top:9px}.richcontenteditor3583492159__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor3583492159__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar1324961648__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar1324961648__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar1324961648__toolbarButton:disabled{color:graytext}.richcontenttoolbar1324961648__toolbar label{padding:0 8px}.richcontentviewer2210917348__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer2210917348__root.richcontentviewer2210917348--isFullScreen{padding:12px 24px}.richcontentviewer2210917348__root:not(.richcontentviewer2210917348--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer2210917348__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer2210917348__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer2210917348__modalViewer{min-width:592px;overflow:auto}.richtexteditor635921938__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor635921938__root.richtexteditor635921938---border-4-none{border:0}.richtexteditor635921938__root.richtexteditor635921938---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor635921938__root.richtexteditor635921938---border-8-standard:focus,.richtexteditor635921938__root.richtexteditor635921938---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor635921938__root.richtexteditor635921938---border-8-standard.richtexteditor635921938---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor635921938__root.richtexteditor635921938---border-8-standard.richtexteditor635921938---status-5-error:focus,.richtexteditor635921938__root.richtexteditor635921938---border-8-standard.richtexteditor635921938---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor635921938__root.richtexteditor635921938---border-8-standard.richtexteditor635921938---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor635921938__root.richtexteditor635921938---border-8-standard.richtexteditor635921938---status-7-warning:focus,.richtexteditor635921938__root.richtexteditor635921938---border-8-standard.richtexteditor635921938---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor635921938__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor635921938__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor635921938__editor.richtexteditor635921938--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor635921938__editor:not(.richtexteditor635921938--isFullScreen){max-height:80vh}.richtexteditor635921938__editor>div{flex:1;max-width:100%}.toolbar3709507281__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400);background:var(--wds-color-white);align-items:center}.toolbar3709507281__item{display:flex;margin-right:12px}.toolbar3709507281__item svg,.toolbar3709507281__item svg path,.toolbar3709507281__item svg text{color:inherit;fill:currentColor}.toolbar3709507281__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;height:100%}.toolbar3709507281__clearFormatting{margin-left:auto}.toolbar3709507281__fullScreen{margin-right:0}.toolbar3709507281__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar3709507281__dropdownItemContent.toolbar3709507281--selected .toolbar3709507281__dropdownItemTitle,.toolbar3709507281__dropdownItemContent.toolbar3709507281--selected .toolbar3709507281__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar3709507281__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar3709507281__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default)!important}.toolbar3709507281__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default)!important}.textview2908615661__textView::after{content:"";display:block}.richeditor3961393949__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default)}.richeditor3961393949__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100);background:var(--wds-color-black-700)}.richeditor3961393949__editor .DraftEditor-root{width:100%;height:100%}.richeditor3961393949__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3961393949__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3961393949__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3961393949__editor .public-DraftEditor-content ol,.richeditor3961393949__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3961393949__editor .public-DraftEditor-content a,.richeditor3961393949__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3961393949__header-one:not(li),.richeditor3961393949__header-two:not(li),.richeditor3961393949__header-three:not(li),.richeditor3961393949__header-four:not(li),.richeditor3961393949__header-five:not(li),.richeditor3961393949__header-six:not(li){margin-block:0;margin:0}.richeditor3961393949__header-one,.richeditor3961393949__editor li.richeditor3961393949__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__header-two,.richeditor3961393949__editor li.richeditor3961393949__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__header-three,.richeditor3961393949__editor li.richeditor3961393949__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__header-four,.richeditor3961393949__editor li.richeditor3961393949__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__header-five,.richeditor3961393949__editor li.richeditor3961393949__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__header-six,.richeditor3961393949__editor li.richeditor3961393949__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__paragraph-one,.richeditor3961393949__editor li.richeditor3961393949__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__unstyled,.richeditor3961393949__editor li.richeditor3961393949__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__paragraph-three,.richeditor3961393949__editor li.richeditor3961393949__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3961393949__editor li.richeditor3961393949__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3961393949__editor li.richeditor3961393949__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3961393949__editor li.richeditor3961393949__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3961393949__editor li.richeditor3961393949__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3961393949__editor li.richeditor3961393949__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3961393949__editor li.richeditor3961393949__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3961393949__editor li.richeditor3961393949__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3961393949__align-left{text-align:left;align-self:flex-start}.richeditor3961393949__align-right{text-align:right;align-self:flex-end}.richeditor3961393949__align-center{text-align:center;align-self:center}.richeditor3961393949__align-justify{text-align:justify;align-self:stretch}.richeditor3961393949__withMargin{display:inline-block}.richeditor3961393949__dir-rtl,.richeditor3961393949__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3961393949__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}

package/src/test-types.d.ts

@@ -0,0 +1 @@
+/// <reference types="@wix/jest-yoshi-preset/types" />

package/src/testkit/base-driver.ts

@@ -0,0 +1,15 @@
+// Equivalent of baseUniDriverFactory from @wix/auto-patterns AutoPatternsApp.uni.driver.
+// That module is internal to auto-patterns, so we replicate the minimal driver here.
+
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory as testUtilsBaseUniDriverFactory } from '@wix/wix-ui-test-utils/base-driver';
+
+export function baseUniDriverFactory(base: UniDriver) {
+  const driver = testUtilsBaseUniDriverFactory(base);
+  return {
+    exists: () => driver.exists(),
+    click: () => driver.click(),
+    element: () => driver.element(),
+    base: driver.base,
+  };
+}

package/src/testkit/patterns-fields-test-provider.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PatternsFieldsContainerProvider } from '../providers/PatternsFieldsContainerProvider';
+import type { PatternsFieldsAppContainer } from '../providers/PatternsFieldsAppContainer';
+
+const passthrough = (key: string) => key;
+
+const mockContainer = {
+  translate: passthrough,
+  i18n: { t: passthrough, init: () => Promise.resolve() },
+} as unknown as PatternsFieldsAppContainer;
+
+export const PatternsFieldsTestProvider: React.FC = ({ children }) => (
+  <PatternsFieldsContainerProvider value={mockContainer}>
+    {children}
+  </PatternsFieldsContainerProvider>
+);

package/src/testkit/test-polyfills.ts

@@ -0,0 +1,12 @@
+// Equivalent of AutoPatternsAppTestPolyfills from @wix/auto-patterns.
+
+import { TextEncoder, TextDecoder } from 'util';
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder as any;
+
+global.ResizeObserver = class ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+} as any;

package/src/types/address.ts

@@ -0,0 +1,44 @@
+export type Location = {
+  latitude: number;
+  longitude: number;
+};
+
+export type StreetAddress = {
+  number?: string;
+  name?: string;
+};
+
+export type Address = {
+  formatted: string;
+  country?: string;
+  subdivision?: string;
+  city?: string;
+  postalCode?: string;
+  streetAddress?: StreetAddress;
+  addressLine?: string;
+  location?: Location;
+};
+
+export const isValid = (data: any): data is Address => {
+  return (
+    typeof data === 'object' &&
+    data !== null &&
+    typeof data.formatted === 'string'
+  );
+};
+
+export const hardConvert = (data: any): Address => {
+  if (typeof data !== 'string') {
+    throw new Error(`Can not convert "${data}" into address`);
+  }
+
+  try {
+    const parsed = JSON.parse(data);
+
+    if (isValid(parsed)) {
+      return parsed;
+    }
+  } catch {}
+
+  throw new Error(`Can not convert "${data}" into address`);
+};

package/src/types/form-input.ts

@@ -0,0 +1,17 @@
+import type { DataValidationRules } from './validation';
+import React from 'react';
+
+export interface FormInputProps<T = any> {
+  inputRef?: React.Ref<any>;
+  field?: string;
+  data?: T;
+  onChange: (data?: T) => void;
+  onClear?: () => void;
+  onInput?: () => void;
+  readOnly?: boolean;
+  autoFocus?: boolean;
+  invalid?: boolean;
+  validationRules?: DataValidationRules;
+  onCustomEvent?: (event: string, data: any) => void;
+  dataHook?: string;
+}

package/src/types/index.ts

@@ -0,0 +1,4 @@
+export * from './address';
+export * from './form-input';
+export * from './validation';
+export type { Translate } from '../services/translations';

package/src/types/validation.ts

@@ -0,0 +1,17 @@
+export type RequiredValidationRule = {
+  required: boolean;
+};
+
+export type CharactersLimitValidationRule = {
+  charactersLimit: { min?: number; max?: number };
+};
+
+export type SpecificValuesValidationRule = {
+  specificValues: any[];
+};
+
+export type DataValidationRules = Partial<
+  RequiredValidationRule &
+    CharactersLimitValidationRule &
+    SpecificValuesValidationRule
+>;

package/src/utils/active-element.ts

@@ -0,0 +1,9 @@
+export const getActiveElement = () =>
+  document.activeElement as HTMLElement | null;
+
+export const isActiveElement = <E extends HTMLElement>(element?: E | null) =>
+  element === getActiveElement();
+
+export const containsActiveElement = <E extends HTMLElement>(
+  element?: E | null,
+) => !!element?.contains(getActiveElement());

package/src/utils/event.ts

@@ -0,0 +1,39 @@
+import type { SyntheticEvent } from 'react';
+
+export const preventEvent = <E extends SyntheticEvent | Event>(e: E) => {
+  e.preventDefault();
+};
+
+export const stopEvent = <E extends SyntheticEvent | Event>(e: E) => {
+  e.stopPropagation();
+};
+
+export const preventAndStopEvent = <E extends SyntheticEvent | Event>(e: E) => {
+  preventEvent(e);
+  stopEvent(e);
+};
+
+export const stopEventWithHandler = <
+  E extends SyntheticEvent | Event,
+  F extends () => void,
+>(
+  fn: F,
+) => {
+  return (e: E) => {
+    e.stopPropagation();
+    fn();
+  };
+};
+
+export const preventAndStopEventWithHandler = <
+  E extends SyntheticEvent | Event,
+  F extends () => void,
+>(
+  fn: F,
+) => {
+  return (e: E) => {
+    e.stopPropagation();
+    e.preventDefault();
+    fn();
+  };
+};

package/src/utils/fuzzy-search.ts

@@ -0,0 +1,4 @@
+export type HighlightDescriptor = {
+  substring: string;
+  isHighlighted: boolean;
+}[];

package/src/utils/get-app-bounding-rect.ts

@@ -0,0 +1,7 @@
+export function getAppRootElement(): HTMLElement {
+  return document.querySelector('[data-auto-cms-app]') || document.body;
+}
+
+export function getAppBoundingRect() {
+  return getAppRootElement().getBoundingClientRect();
+}

package/src/utils/get-app-popover-max-height.ts

@@ -0,0 +1,34 @@
+import { getAppBoundingRect } from './get-app-bounding-rect';
+
+const PADDING = 18;
+const MIN_HEIGHT = 36;
+
+export const getAppPopoverMaxHeight = <E extends HTMLElement>(
+  anchorElement?: E | null,
+  flip?: boolean,
+  offsets?: {
+    up?: number;
+    down?: number;
+  },
+) => {
+  const anchorRect = anchorElement?.getBoundingClientRect();
+  const appRect = getAppBoundingRect();
+
+  const offsetUp = offsets?.up ?? 0;
+  const offsetDown = offsets?.down ?? 0;
+
+  if (!anchorRect) {
+    return flip
+      ? appRect.bottom - appRect.top - PADDING - offsetUp
+      : appRect.bottom - PADDING - offsetDown;
+  }
+
+  const availableHeightUp =
+    anchorRect.bottom - appRect.top - PADDING - offsetUp;
+  const availableHeightDown =
+    appRect.bottom - anchorRect.top - PADDING - offsetDown;
+
+  return flip
+    ? Math.max(availableHeightUp, availableHeightDown, MIN_HEIGHT)
+    : Math.max(availableHeightDown, MIN_HEIGHT);
+};

package/src/utils/get-schema-type.ts

@@ -0,0 +1,8 @@
+interface Schema {
+  type?: string | string[];
+  isUnsupportedType?: boolean;
+  wixDataType?: string;
+}
+
+export const getSchemaType = (schema: Schema) =>
+  schema.isUnsupportedType ? 'unsupported' : schema.wixDataType || schema.type;

package/src/utils/index.ts

@@ -0,0 +1,12 @@
+export * from './noop';
+export * from './object-utils';
+export * from './active-element';
+export * from './event';
+export * from './get-app-bounding-rect';
+export * from './is-truthy';
+export * from './request-idle-callback';
+export * from './safe-json';
+export * from './get-app-popover-max-height';
+export * from './get-schema-type';
+export * from './fuzzy-search';
+export * from './media-utils';

package/src/utils/is-truthy.ts

@@ -0,0 +1,17 @@
+/**
+ * Type guard to filter out falsy values
+ */
+export function isTruthy<T>(
+  value: T | null | undefined | false | 0 | '',
+): value is T {
+  return Boolean(value);
+}
+
+/**
+ * Type guard to check if value is falsy
+ */
+export function isFalsy<T>(
+  value: T | null | undefined | false | 0 | '',
+): value is null | undefined | false | 0 | '' {
+  return !isTruthy(value);
+}