npm - @wix/patterns - Versions diffs - 1.494.0 → 1.496.0 - Mend

@wix/patterns 1.494.0 → 1.496.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (578) hide show

package/dist/cjs/styles.global.css CHANGED Viewed

@@ -1,3 +1,3 @@
-.CardContainer1327558068__root.CardContainer1327558068--mobile{border-radius:0}.CmsFieldForm726988788__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3564030490__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2152051447__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse252484027__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse252484027__exit{height:0}.CollectionPage16506850__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage16506850__root.CollectionPage16506850--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage16506850__root.CollectionPage16506850--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage16506850__root.CollectionPage16506850--panel{overflow:hidden;position:relative}.CollectionSectionHeader3532397176__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2545300557__root td{vertical-align:middle}.CollectionTable2545300557__root.CollectionTable2545300557--mobile td:first-child{padding-left:18px}.CollectionTable2545300557__root.CollectionTable2545300557--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3593490978__root.CollectionTableWSRTable3593490978--resizable table{min-width:100%}.CollectionTableWSRTable3593490978__root.CollectionTableWSRTable3593490978--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionTableWSRTable3593490978__root.CollectionTableWSRTable3593490978--draggable tr:hover>td.wds-data-table__cell--sticky-action-cell{background-color:var(--wds-table-list-item-fill-hover-draggable, #e7f0ff)!important}.CollectionToolbar1588114061__root.CollectionToolbar1588114061--harmony .CollectionToolbar1588114061__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1588114061__left{min-width:0}.CollectionToolbar1588114061__left.CollectionToolbar1588114061--expandable{flex:auto}.CollectionToolbar1588114061__left.CollectionToolbar1588114061--title>*{width:100%}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-5-title .CollectionToolbar1588114061__left{flex:1 100;min-width:50px}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__left,.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__left.CollectionToolbar1588114061--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1588114061__root .CollectionToolbar1588114061__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1588114061__root.CollectionToolbar1588114061--views .CollectionToolbar1588114061__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__right,.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-5-title .CollectionToolbar1588114061__right{flex:0 1 auto;min-width:0}.CollectionToolbar1588114061__root .CollectionToolbar1588114061__right.CollectionToolbar1588114061__fullWidth{margin-inline-start:0!important}.CollectionToolbar1588114061__root.CollectionToolbar1588114061--mobile:not(.CollectionToolbar1588114061--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2418752071__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2418752071__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2418752071__searchMobile:not(.SearchOrCustomFilter2418752071--expandable){left:18px}.SearchOrCustomFilter2418752071__searchMobile.SearchOrCustomFilter2418752071--expandable.SearchOrCustomFilter2418752071--expanded{left:18px}.AutoCompleteReadonly2763731381__root.AutoCompleteReadonly2763731381--disableEditing{cursor:pointer}.AutoCompleteReadonly2763731381__root.AutoCompleteReadonly2763731381--disableEditing input{cursor:pointer}.ViewsDropdown3782819683__root{width:200px}.CustomFieldFormPiiFields3055796595__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle1141429880__root{display:flex;align-items:center}.DragHandle1141429880__root:not(.DragHandle1141429880--disabled){cursor:grab;color:#a8caff}.DragHandle1141429880__root.DragHandle1141429880--disabled{color:#acafc4}.DragHandle1141429880__root:focus-visible:not(.DragHandle1141429880--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1141429880__root.DragHandle1141429880--disabled{pointer-events:none}.DragHandle1141429880__root.DragHandle1141429880--dragging:not(.DragHandle1141429880--disabled){cursor:grabbing}.HeaderActionsPopover2203177148__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2203177148__root,.HeaderActionsPopover2203177148__root[data-menu-open=true],.HeaderActionsPopover2203177148__root:focus-within{opacity:1}.CellViewLayout3052213942__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3052213942__root>*{flex:1;min-width:0}.JsonInputEdit3904331697__jsonInput{width:100%;height:100%;--wds-input-area-padding-left-small:8px;--wds-input-area-padding-right-small:8px;--wds-input-area-border-radius-default-medium:var(--wds-border-radius-0, 0px);--wds-input-border-color:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-shadow-fill-input:transparent;--wds-color-border-standard-secondary-active:transparent}.Edit4010411396__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.Edit4010411396__addressInput>div,.Edit4010411396__addressInput>div>div,.Edit4010411396__addressInput>div>div>div{width:100%;min-width:0}.Edit3166583434__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1657982704__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3427717467__root{width:100%;height:100%;display:flex;align-items:center}.Edit514332001__dateInput{margin-left:-1px}.Edit770565810__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit770565810__dateHalf{flex:60 1 0}.Edit770565810__timeHalf{flex:40 1 0}.Edit770565810__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit770565810__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit770565810__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2164594497__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View2164594497__datePart{flex:60 1 0}.View2164594497__timePart{flex:40 1 0}.View2164594497__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2164594497__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2379122669__emailInput{width:100%;margin-left:-1px}.Edit3007089961__numberInput{width:100%;margin-right:2px}.Edit3007089961__numberInput input{text-align:right;direction:ltr}.View1871936684__textView{width:100%;text-align:right}.Edit1135665701__selectInput{width:100%}.Edit19302658__editWrapper{width:100%}.Edit19302658__inputArea{background-color:transparent;width:100%}.Edit19302658__inputArea input,.Edit19302658__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit19302658__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit19302658__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit19302658__inputArea>div::after{box-shadow:none!important}.Edit19302658__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit19302658__inputArea:not(.Edit19302658--isFocused) textarea{resize:none;overflow:hidden}.Edit19302658__inputArea:not(.Edit19302658--isFocused) textarea::-webkit-scrollbar{display:none}.Edit288431653__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer901805979__root.CardContainer901805979--mobile{border-radius:0}.CmsFieldForm684677622__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal4189001001__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1200031786__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse856034035__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse856034035__exit{height:0}.CollectionPage2737019290__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2737019290__root.CollectionPage2737019290--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2737019290__root.CollectionPage2737019290--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage2737019290__root.CollectionPage2737019290--panel{overflow:hidden;position:relative}.CollectionSectionHeader3445502593__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1440557074__root td{vertical-align:middle}.CollectionTable1440557074__root.CollectionTable1440557074--mobile td:first-child{padding-left:18px}.CollectionTable1440557074__root.CollectionTable1440557074--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3169571863__root.CollectionTableWSRTable3169571863--resizable table{min-width:100%}.CollectionTableWSRTable3169571863__root.CollectionTableWSRTable3169571863--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionTableWSRTable3169571863__root.CollectionTableWSRTable3169571863--draggable tr:hover>td.wds-data-table__cell--sticky-action-cell{background-color:var(--wds-table-list-item-fill-hover-draggable, #e7f0ff)!important}.CollectionToolbar1049043030__root.CollectionToolbar1049043030--harmony .CollectionToolbar1049043030__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1049043030__left{min-width:0}.CollectionToolbar1049043030__left.CollectionToolbar1049043030--expandable{flex:auto}.CollectionToolbar1049043030__left.CollectionToolbar1049043030--title>*{width:100%}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-5-title .CollectionToolbar1049043030__left{flex:1 100;min-width:50px}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__left,.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__left.CollectionToolbar1049043030--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1049043030__root .CollectionToolbar1049043030__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1049043030__root.CollectionToolbar1049043030--views .CollectionToolbar1049043030__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__right,.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-5-title .CollectionToolbar1049043030__right{flex:0 1 auto;min-width:0}.CollectionToolbar1049043030__root .CollectionToolbar1049043030__right.CollectionToolbar1049043030__fullWidth{margin-inline-start:0!important}.CollectionToolbar1049043030__root.CollectionToolbar1049043030--mobile:not(.CollectionToolbar1049043030--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3369147491__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3369147491__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3369147491__searchMobile:not(.SearchOrCustomFilter3369147491--expandable){left:18px}.SearchOrCustomFilter3369147491__searchMobile.SearchOrCustomFilter3369147491--expandable.SearchOrCustomFilter3369147491--expanded{left:18px}.AutoCompleteReadonly4072199148__root.AutoCompleteReadonly4072199148--disableEditing{cursor:pointer}.AutoCompleteReadonly4072199148__root.AutoCompleteReadonly4072199148--disableEditing input{cursor:pointer}.ViewsDropdown495413070__root{width:200px}.CustomFieldFormPiiFields417630693__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle2716116085__root{display:flex;align-items:center}.DragHandle2716116085__root:not(.DragHandle2716116085--disabled){cursor:grab;color:#a8caff}.DragHandle2716116085__root.DragHandle2716116085--disabled{color:#acafc4}.DragHandle2716116085__root:focus-visible:not(.DragHandle2716116085--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2716116085__root.DragHandle2716116085--disabled{pointer-events:none}.DragHandle2716116085__root.DragHandle2716116085--dragging:not(.DragHandle2716116085--disabled){cursor:grabbing}.HeaderActionsPopover96769383__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover96769383__root,.HeaderActionsPopover96769383__root[data-menu-open=true],.HeaderActionsPopover96769383__root:focus-within{opacity:1}.CellViewLayout2614759840__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2614759840__root>*{flex:1;min-width:0}.JsonInputEdit1717190880__jsonInput{width:100%;height:100%;--wds-input-area-padding-left-small:8px;--wds-input-area-padding-right-small:8px;--wds-input-area-border-radius-default-medium:var(--wds-border-radius-0, 0px);--wds-input-border-color:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-shadow-fill-input:transparent;--wds-color-border-standard-secondary-active:transparent}.Edit82479914__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.Edit82479914__addressInput>div,.Edit82479914__addressInput>div>div,.Edit82479914__addressInput>div>div>div{width:100%;min-width:0}.Edit832820748__booleanEdit{display:flex;align-items:center;margin-left:8px}.View329175887__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1493720931__root{width:100%;height:100%;display:flex;align-items:center}.Edit1691346528__dateInput{margin-left:-1px}.Edit593812387__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit593812387__dateHalf{flex:60 1 0}.Edit593812387__timeHalf{flex:40 1 0}.Edit593812387__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit593812387__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit593812387__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3414503761__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3414503761__datePart{flex:60 1 0}.View3414503761__timePart{flex:40 1 0}.View3414503761__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3414503761__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1380986158__emailInput{width:100%;margin-left:-1px}.Edit4137898944__numberInput{width:100%;margin-right:2px}.Edit4137898944__numberInput input{text-align:right;direction:ltr}.View1050885943__textView{width:100%;text-align:right}.Edit3100283366__selectInput{width:100%}.Edit2648970855__editWrapper{width:100%}.Edit2648970855__inputArea{background-color:transparent;width:100%}.Edit2648970855__inputArea input,.Edit2648970855__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit2648970855__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2648970855__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2648970855__inputArea>div::after{box-shadow:none!important}.Edit2648970855__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2648970855__inputArea:not(.Edit2648970855--isFocused) textarea{resize:none;overflow:hidden}.Edit2648970855__inputArea:not(.Edit2648970855--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2431693639__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit288431653__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3350619743__urlInput{width:100%;margin-left:-1px}.View583628029__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View583628029__urlText{flex:1;min-width:0}.View583628029__suffix{flex-shrink:0;margin-left:10px}.View583628029__textView.View583628029--suffixOnHover:not(:hover) .View583628029__suffix{display:none}.EmptyStateBase3215187829__root{min-height:230px;align-items:center}.EntityPagePlain4002700384__root.EntityPagePlain4002700384--mobile{--wds-page-header-padding-horizontal:0}.EntityPageField3028477652__row{width:100%;max-width:100%}.EntityPageField3028477652__row.EntityPageField3028477652--fitContent{width:min-content;min-width:min(300px,100%)}.Fade3067912005__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3067912005__root.Fade3067912005--exit{opacity:0}.Heading1852531165__root{visibility:visible}.Heading1852531165__root.Heading1852531165--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3301226243__fileUpload{width:100%}.InputOverflow3066287078__root.InputOverflow3066287078--selected:not(.InputOverflow3066287078--focused) input::placeholder{color:#000624}@keyframes LoadingRow2699509791__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2699509791__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2699509791__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText207215574__root{opacity:1}.MaxHeightText207215574__root.MaxHeightText207215574--height24{line-height:24px}.MaxLines1710741739__root{overflow:hidden}.MaxLines1710741739__root.MaxLines1710741739--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2752066931__root.MultiBulkActionToolbar2752066931__root.MultiBulkActionToolbar2752066931__root{flex-shrink:1;min-width:0}.MultiBulkActionToolbar2752066931__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2752066931__root .MultiBulkActionToolbar2752066931__leftGroupWrapper .MultiBulkActionToolbar2752066931__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2752066931__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2112835615__root td{padding:0!important;width:100%}.NestedTableRow876112627__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow876112627__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow876112627__root.NestedTableRow876112627--expandable{cursor:pointer}.NestedTableRow876112627__placeholder td{padding:0!important;width:100%}.NestedTableRow876112627__root:hover td:first-of-type::before,.NestedTableRow876112627__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect2795974299__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow2247427962__root.NestedTableDragAndDropRow2247427962--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent3558192044__root{display:flex}.PickerContentAdditionalStep2308500653__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2308500653__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4043198262__root{box-sizing:border-box}.ScrollableContent2046306564__root.ScrollableContent2046306564--overflowY{overflow-y:auto}.ScrollableContent2046306564__root.ScrollableContent2046306564--overflowX{overflow-x:auto}.ScrollableContent2046306564__root.ScrollableContent2046306564--smooth{scroll-behavior:smooth}.SetupWidget1799065169__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget1799065169__row.SetupWidget1799065169--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1799065169__row.SetupWidget1799065169--focused.SetupWidget1799065169--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1799065169__completedCta,.SetupWidget1799065169__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget1799065169__row:hover .SetupWidget1799065169__completedCta,.SetupWidget1799065169__row:hover .SetupWidget1799065169__secondaryCta{opacity:1}}.SetupWidget1799065169__row:focus-within .SetupWidget1799065169__completedCta,.SetupWidget1799065169__row:focus-within .SetupWidget1799065169__secondaryCta,.SetupWidget1799065169__secondaryCta:focus-within{opacity:1}.SetupWidget1799065169__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget1799065169__card.SetupWidget1799065169--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1799065169__card.SetupWidget1799065169--clickable{cursor:pointer}.SetupWidget1799065169__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1799065169__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1799065169__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1799065169__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard118188005__headerLoading{display:block!important}.SlidingModal3449581154__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3449581154__root.SlidingModal3449581154--overlay{transition:transform 0s ease 0s}.SlidingModal3449581154__root.SlidingModal3449581154---appendTo-6-parent{position:absolute}.SlidingModal3449581154__root.SlidingModal3449581154--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3449581154__root:not(.SlidingModal3449581154--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader1121021053__anchorLayer){position:relative}.AddFieldColumnHeader1121021053__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1121021053__anchorLayer>.AddFieldColumnHeader1121021053__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1121021053__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader1121021053__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader1121021053__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1121021053__hoverBridge.AddFieldColumnHeader1121021053---side-4-left{transform:translate(-50%,-50%)}.NumberCell748939733__root{flex:1 1 auto;min-width:0;text-align:end}.TabsFilter734832378__root .TabsFilter734832378__titleBox *{color:inherit!important}.ManageTagsModal3568114130__root{display:flex}.ManageTagsModal3568114130__root.ManageTagsModal3568114130--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3568114130__root.ManageTagsModal3568114130--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem497625553__root{min-width:0}.ToolbarItemBox129482920__root{min-width:0}.ToolbarItemBox129482920__root.ToolbarItemBox129482920--removeStartPadding{margin-left:-24px}.ToolbarItemBox129482920__root.ToolbarItemBox129482920--expandable{flex:1 0}.common4053375054__column{display:flex;flex-direction:column}.common4053375054__fullHeight{height:100%;min-height:0}.CollectionPageHeader170929993__root:not(.CollectionPageHeader170929993--mobile){gap:12px}.CollectionPageHeader170929993__root.CollectionPageHeader170929993--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader170929993__root.CollectionPageHeader170929993--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader170929993__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar2307826966__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges4226250695__tooltip.TitleBadges4226250695__tooltip,.TitleBadges4226250695__tooltipTrigger{display:flex}.FormPageHeader288307697__root.FormPageHeader288307697--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader288307697__root.FormPageHeader288307697--mobile>*{margin-left:0;margin-top:6px!important;height:auto}td:has(>.EditableCell222919926__root){position:relative;overflow:visible}td:has(>.EditableCell222919926__root.EditableCell222919926--harmony){overflow:hidden;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--rangeSelected),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony:hover),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--invalid),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony [data-inner-focused]){overflow:visible}td:not([data-sticky=true]):has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused),td:not([data-sticky=true]):has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing),td:not([data-sticky=true]):has(>.EditableCell222919926__root.EditableCell222919926--harmony [data-inner-focused]){z-index:4}tr:has(.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused),tr:has(.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing),tr:has(.EditableCell222919926__root.EditableCell222919926--harmony [data-inner-focused]){position:relative;z-index:4}tr:has(>td>.EditableCell222919926__root)>td[data-sticky=true]{z-index:5}td[data-sticky=true]:has(>.EditableCell222919926__root.EditableCell222919926--focused){z-index:6}tr:has(.EditableCell222919926__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}tr[data-index]:has(.EditableCell222919926__root){--wds-table-action-cell-backdrop-opacity:0}tr[data-index]:has(.EditableCell222919926__root.EditableCell222919926--rowActive){background:var(--wds-color-black-750, #f6f7f9)}tr[data-index]:has(.EditableCell222919926__root):hover>td:has(>[data-hook=collection-action-cell]){background:0 0}.EditableCell222919926__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}.EditableCell222919926__root.EditableCell222919926--harmony{left:0;--wds-input-value-font-size-small:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px));--wds-input-value-font-line-height-small:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px));--wds-input-padding-horizontal-small:8px}.EditableCell222919926__root.EditableCell222919926--harmony .Edit19302658__inputArea{--wds-outline-focus-outer:none;--wds-outline-focus-inner:none}td:has(>.EditableCell222919926__root.EditableCell222919926--harmony)~td:has(>.EditableCell222919926__root.EditableCell222919926--harmony)>.EditableCell222919926__root.EditableCell222919926--harmony{left:-1px}tr.EditableCell222919926__selectorRow>td.wds-data-table__selector-cell{z-index:4}tr.EditableCell222919926__selectorRow>td.wds-data-table__selector-cell::before{content:"";position:absolute;inset:-1px 0 0;width:auto;background:0 0;pointer-events:none;border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));border-right:0}.EditableCell222919926__selectorRow>td.wds-data-table__selector-cell+td>.EditableCell222919926__root{left:0}.EditableCell222919926__selectorRow.EditableCell222919926--first>td>.EditableCell222919926__root,.EditableCell222919926__selectorRow.EditableCell222919926--first>td.wds-data-table__selector-cell::before{top:0}.EditableCell222919926__selectorRow.EditableCell222919926--first:has(.EditableCell222919926__root.EditableCell222919926--harmony)>td.wds-data-table__selector-cell::before{border-top-color:transparent}tr[data-index=index-0]>td>.EditableCell222919926__root.EditableCell222919926--harmony{top:0}tr:first-child>td>.EditableCell222919926__root.EditableCell222919926--harmony:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing):not(.EditableCell222919926--invalid):not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--selectionTop):not(.EditableCell222919926--copiedTop):not(:has([data-inner-focused])),tr[data-index=index-0]>td>.EditableCell222919926__root.EditableCell222919926--harmony:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing):not(.EditableCell222919926--invalid):not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--selectionTop):not(.EditableCell222919926--copiedTop):not(:has([data-inner-focused])){border-top-color:transparent}.EditableCell222919926__selectorRow:hover>td.wds-data-table__selector-cell,.EditableCell222919926__root:hover:not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell222919926__selectorRow.EditableCell222919926--active>td.wds-data-table__selector-cell,.EditableCell222919926__root.EditableCell222919926--rowActive:not(.EditableCell222919926--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell222919926__root.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--readOnly){z-index:2}.EditableCell222919926__root.EditableCell222919926--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));--wds-color-text-placeholder:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell222919926__root.EditableCell222919926--readOnly:hover:not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected),.EditableCell222919926__root.EditableCell222919926--readOnly.EditableCell222919926--rowActive:not(.EditableCell222919926--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell222919926__root.EditableCell222919926--readOnly.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell222919926__root.EditableCell222919926--focused:not(.EditableCell222919926--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused:not(.EditableCell222919926--rangeSelected){z-index:4}.EditableCell222919926__root.EditableCell222919926--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing{z-index:4}.EditableCell222919926__root.EditableCell222919926--editing:not(.EditableCell222919926--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell222919926__root.EditableCell222919926--focused.EditableCell222919926--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused.EditableCell222919926--growable{z-index:4}.EditableCell222919926__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell222919926__root.EditableCell222919926--harmony:has([data-inner-focused]){z-index:4}.EditableCell222919926__root.EditableCell222919926--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell222919926__root.EditableCell222919926--selectionTop:not(.EditableCell222919926--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--selectionBottom:not(.EditableCell222919926--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--selectionLeft:not(.EditableCell222919926--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--selectionRight:not(.EditableCell222919926--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--invalid,.EditableCell222919926__root.EditableCell222919926--invalid.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected),.EditableCell222919926__root.EditableCell222919926--invalid.EditableCell222919926--focused:not(.EditableCell222919926--rangeSelected),.EditableCell222919926__root.EditableCell222919926--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell222919926__root.EditableCell222919926--copiedTop:not(.EditableCell222919926--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--copiedBottom:not(.EditableCell222919926--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--copiedLeft:not(.EditableCell222919926--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--copiedRight:not(.EditableCell222919926--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--invalid:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing){z-index:1}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--invalid:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing){z-index:3}.EditableCell222919926__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell222919926__errorMessage{top:auto;bottom:calc(100% + 4px)}.EmptyReferenceView3244837461__placeholder{flex:1 1 0;min-width:0;display:none;align-items:center;gap:4px;margin-inline-end:8px;font-size:14px;line-height:18px;color:var(--wds-color-text-placeholder, var(--wsr-color-D40, #868aa5))}.EmptyReferenceView3244837461__placeholderIcon{display:flex;flex:none}.EmptyReferenceView3244837461__placeholderText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.EditableCell222919926__root.EditableCell222919926--focused .EmptyReferenceView3244837461__placeholder{display:flex}.EmptyReferenceView3244837461__arrow{flex:0 0 auto;margin-inline-start:auto;display:flex;align-items:center;color:var(--wds-dropdown-icon-fill, var(--wsr-color-B10, #116dff))}
+  )}.Edit2431693639__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2091273722__urlInput{width:100%;margin-left:-1px}.View799396297__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View799396297__urlText{flex:1;min-width:0}.View799396297__suffix{flex-shrink:0;margin-left:10px}.View799396297__textView.View799396297--suffixOnHover:not(:hover) .View799396297__suffix{display:none}.EmptyStateBase1882287640__root{min-height:230px;align-items:center}.EntityPagePlain3871088042__root.EntityPagePlain3871088042--mobile{--wds-page-header-padding-horizontal:0}.EntityPageField2403163101__row{width:100%;max-width:100%}.EntityPageField2403163101__row.EntityPageField2403163101--fitContent{width:min-content;min-width:min(300px,100%)}.Fade1228129809__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1228129809__root.Fade1228129809--exit{opacity:0}.Heading3344847339__root{visibility:visible}.Heading3344847339__root.Heading3344847339--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3203797294__fileUpload{width:100%}.InputOverflow58387247__root.InputOverflow58387247--selected:not(.InputOverflow58387247--focused) input::placeholder{color:#000624}@keyframes LoadingRow1478888175__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1478888175__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1478888175__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText919211054__root{opacity:1}.MaxHeightText919211054__root.MaxHeightText919211054--height24{line-height:24px}.MaxLines1912520055__root{overflow:hidden}.MaxLines1912520055__root.MaxLines1912520055--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2917075844__root.MultiBulkActionToolbar2917075844__root.MultiBulkActionToolbar2917075844__root{flex-shrink:1;min-width:0}.MultiBulkActionToolbar2917075844__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2917075844__root .MultiBulkActionToolbar2917075844__leftGroupWrapper .MultiBulkActionToolbar2917075844__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2917075844__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3602099314__root td{padding:0!important;width:100%}.NestedTableRow3992930584__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3992930584__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3992930584__root.NestedTableRow3992930584--expandable{cursor:pointer}.NestedTableRow3992930584__placeholder td{padding:0!important;width:100%}.NestedTableRow3992930584__root:hover td:first-of-type::before,.NestedTableRow3992930584__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect3065559938__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow3277640739__root.NestedTableDragAndDropRow3277640739--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1046466529__root{display:flex}.PickerContentAdditionalStep1198997690__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1198997690__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2666300085__root{box-sizing:border-box}.ScrollableContent968422134__root.ScrollableContent968422134--overflowY{overflow-y:auto}.ScrollableContent968422134__root.ScrollableContent968422134--overflowX{overflow-x:auto}.ScrollableContent968422134__root.ScrollableContent968422134--smooth{scroll-behavior:smooth}.SetupWidget3823691260__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget3823691260__row.SetupWidget3823691260--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3823691260__row.SetupWidget3823691260--focused.SetupWidget3823691260--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3823691260__completedCta,.SetupWidget3823691260__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3823691260__row:hover .SetupWidget3823691260__completedCta,.SetupWidget3823691260__row:hover .SetupWidget3823691260__secondaryCta{opacity:1}}.SetupWidget3823691260__row:focus-within .SetupWidget3823691260__completedCta,.SetupWidget3823691260__row:focus-within .SetupWidget3823691260__secondaryCta,.SetupWidget3823691260__secondaryCta:focus-within{opacity:1}.SetupWidget3823691260__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget3823691260__card.SetupWidget3823691260--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3823691260__card.SetupWidget3823691260--clickable{cursor:pointer}.SetupWidget3823691260__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3823691260__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3823691260__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3823691260__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1495382215__headerLoading{display:block!important}.SlidingModal605283471__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal605283471__root.SlidingModal605283471--overlay{transition:transform 0s ease 0s}.SlidingModal605283471__root.SlidingModal605283471---appendTo-6-parent{position:absolute}.SlidingModal605283471__root.SlidingModal605283471--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal605283471__root:not(.SlidingModal605283471--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader284683266__anchorLayer){position:relative}.AddFieldColumnHeader284683266__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader284683266__anchorLayer>.AddFieldColumnHeader284683266__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader284683266__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader284683266__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader284683266__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader284683266__hoverBridge.AddFieldColumnHeader284683266---side-4-left{transform:translate(-50%,-50%)}.NumberCell1670673624__root{flex:1 1 auto;min-width:0;text-align:end}.TabsFilter1692014240__root .TabsFilter1692014240__titleBox *{color:inherit!important}.ManageTagsModal1828960394__root{display:flex}.ManageTagsModal1828960394__root.ManageTagsModal1828960394--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1828960394__root.ManageTagsModal1828960394--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem746094005__root{min-width:0}.ToolbarItemBox2484931942__root{min-width:0}.ToolbarItemBox2484931942__root.ToolbarItemBox2484931942--removeStartPadding{margin-left:-24px}.ToolbarItemBox2484931942__root.ToolbarItemBox2484931942--expandable{flex:1 0}.common463512055__column{display:flex;flex-direction:column}.common463512055__fullHeight{height:100%;min-height:0}.CollectionPageHeader1806512227__root:not(.CollectionPageHeader1806512227--mobile){gap:12px}.CollectionPageHeader1806512227__root.CollectionPageHeader1806512227--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader1806512227__root.CollectionPageHeader1806512227--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader1806512227__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar921216690__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges1040141928__tooltip.TitleBadges1040141928__tooltip,.TitleBadges1040141928__tooltipTrigger{display:flex}.FormPageHeader1861452675__root.FormPageHeader1861452675--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1861452675__root.FormPageHeader1861452675--mobile>*{margin-left:0;margin-top:6px!important;height:auto}td:has(>.EditableCell3613531573__root){position:relative;overflow:visible}td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony){overflow:hidden;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--rangeSelected),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony:hover),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--invalid),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony [data-inner-focused]){overflow:visible}td:not([data-sticky=true]):has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused),td:not([data-sticky=true]):has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing),td:not([data-sticky=true]):has(>.EditableCell3613531573__root.EditableCell3613531573--harmony [data-inner-focused]){z-index:4}tr:has(.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused),tr:has(.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing),tr:has(.EditableCell3613531573__root.EditableCell3613531573--harmony [data-inner-focused]){position:relative;z-index:4}tr:has(>td[data-sticky=true]>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused){z-index:6}tr:has(>td>.EditableCell3613531573__root)>td[data-sticky=true]{z-index:5}td[data-sticky=true]:has(>.EditableCell3613531573__root.EditableCell3613531573--focused){z-index:6}tr:has(.EditableCell3613531573__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}tr[data-index]:has(.EditableCell3613531573__root){--wds-table-action-cell-backdrop-opacity:0}tr[data-index]:has(.EditableCell3613531573__root.EditableCell3613531573--rowActive){background:var(--wds-color-black-750, #f6f7f9)}tr[data-index]:has(.EditableCell3613531573__root):hover>td:has(>[data-hook=collection-action-cell]){background:0 0}.EditableCell3613531573__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}.EditableCell3613531573__root.EditableCell3613531573--harmony{left:0;--wds-input-value-font-size-small:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px));--wds-input-value-font-line-height-small:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px));--wds-input-padding-horizontal-small:8px}.EditableCell3613531573__root.EditableCell3613531573--harmony .Edit2648970855__inputArea{--wds-outline-focus-outer:none;--wds-outline-focus-inner:none}td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony)~td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony)>.EditableCell3613531573__root.EditableCell3613531573--harmony{left:-1px}tr.EditableCell3613531573__selectorRow>td.wds-data-table__selector-cell{z-index:4}tr.EditableCell3613531573__selectorRow>td.wds-data-table__selector-cell::before{content:"";position:absolute;inset:-1px 0 0;width:auto;background:0 0;pointer-events:none;border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));border-right:0}.EditableCell3613531573__selectorRow>td.wds-data-table__selector-cell+td>.EditableCell3613531573__root{left:0}.EditableCell3613531573__selectorRow.EditableCell3613531573--first>td>.EditableCell3613531573__root,.EditableCell3613531573__selectorRow.EditableCell3613531573--first>td.wds-data-table__selector-cell::before{top:0}.EditableCell3613531573__selectorRow.EditableCell3613531573--first:has(.EditableCell3613531573__root.EditableCell3613531573--harmony)>td.wds-data-table__selector-cell::before{border-top-color:transparent}tr[data-index=index-0]>td>.EditableCell3613531573__root.EditableCell3613531573--harmony{top:0}tr:first-child>td>.EditableCell3613531573__root.EditableCell3613531573--harmony:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing):not(.EditableCell3613531573--invalid):not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--selectionTop):not(.EditableCell3613531573--copiedTop):not(:has([data-inner-focused])),tr[data-index=index-0]>td>.EditableCell3613531573__root.EditableCell3613531573--harmony:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing):not(.EditableCell3613531573--invalid):not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--selectionTop):not(.EditableCell3613531573--copiedTop):not(:has([data-inner-focused])){border-top-color:transparent}.EditableCell3613531573__selectorRow:hover>td.wds-data-table__selector-cell,.EditableCell3613531573__root:hover:not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3613531573__selectorRow.EditableCell3613531573--active>td.wds-data-table__selector-cell,.EditableCell3613531573__root.EditableCell3613531573--rowActive:not(.EditableCell3613531573--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3613531573__root.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--readOnly){z-index:2}.EditableCell3613531573__root.EditableCell3613531573--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));--wds-color-text-placeholder:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell3613531573__root.EditableCell3613531573--readOnly:hover:not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root.EditableCell3613531573--readOnly.EditableCell3613531573--rowActive:not(.EditableCell3613531573--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3613531573__root.EditableCell3613531573--readOnly.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell3613531573__root.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root:has([data-inner-focused]),.EditableCell3613531573__root.EditableCell3613531573--invalid:not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--copiedTop):not(.EditableCell3613531573--copiedBottom):not(.EditableCell3613531573--copiedLeft):not(.EditableCell3613531573--copiedRight){border-color:transparent;outline:var(--wds-border-width-default, 1px) solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));outline-offset:calc(-2*var(--wds-border-width-default, 1px))}.EditableCell3613531573__root.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected){box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected){z-index:4}.EditableCell3613531573__root.EditableCell3613531573--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing{z-index:4}.EditableCell3613531573__root.EditableCell3613531573--editing:not(.EditableCell3613531573--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3613531573__root.EditableCell3613531573--focused.EditableCell3613531573--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused.EditableCell3613531573--growable{z-index:4}.EditableCell3613531573__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3613531573__root.EditableCell3613531573--harmony:has([data-inner-focused]){z-index:4}.EditableCell3613531573__root.EditableCell3613531573--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3613531573__root.EditableCell3613531573--selectionTop:not(.EditableCell3613531573--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--selectionBottom:not(.EditableCell3613531573--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--selectionLeft:not(.EditableCell3613531573--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--selectionRight:not(.EditableCell3613531573--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--invalid,.EditableCell3613531573__root.EditableCell3613531573--invalid.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root.EditableCell3613531573--invalid.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root.EditableCell3613531573--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214));outline-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3613531573__root.EditableCell3613531573--invalid:not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--copiedTop):not(.EditableCell3613531573--copiedBottom):not(.EditableCell3613531573--copiedLeft):not(.EditableCell3613531573--copiedRight){border-color:transparent;outline-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3613531573__root.EditableCell3613531573--copiedTop:not(.EditableCell3613531573--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--copiedBottom:not(.EditableCell3613531573--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--copiedLeft:not(.EditableCell3613531573--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--copiedRight:not(.EditableCell3613531573--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--invalid:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing){z-index:1}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--invalid:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing){z-index:3}.EditableCell3613531573__errorPopover{position:absolute;inset:0;display:flex;pointer-events:none}.EditableCell3613531573__errorMessage{max-width:240px;padding:6px 8px}.EmptyReferenceView1590175613__placeholder{flex:1 1 0;min-width:0;display:none;align-items:center;gap:4px;margin-inline-end:8px;font-size:14px;line-height:18px;color:var(--wds-color-text-placeholder, var(--wsr-color-D40, #868aa5))}.EmptyReferenceView1590175613__placeholderIcon{display:flex;flex:none}.EmptyReferenceView1590175613__placeholderText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.EditableCell3613531573__root.EditableCell3613531573--focused .EmptyReferenceView1590175613__placeholder{display:flex}.EmptyReferenceView1590175613__arrow{flex:0 0 auto;margin-inline-start:auto;display:flex;align-items:center;color:var(--wds-dropdown-icon-fill, var(--wsr-color-B10, #116dff))}

package/dist/cjs/{components/CollectionTable → utils}/buildMobileColumns.js RENAMED Viewed

@@ -5,12 +5,28 @@ exports.__esModule = true;
 exports.buildMobileColumns = buildMobileColumns;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _mobileColumnsUtils = require("./mobileColumnsUtils");
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/buildMobileColumns.tsx";
-function buildMobileColumns(columns) {
-  const hasMobileConfig = columns.some(col => {
-    var _col$mobile;
-    return (_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column;
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/utils/buildMobileColumns.tsx";
+const IMAGE_COLUMN_SIZES = {
+  small: 24,
+  medium: 36,
+  large: 48
+};
+const IMAGE_COLUMN_GAP = 8;
+function isFirstColumnMobileConfig(column) {
+  var _column$mobile;
+  return ((_column$mobile = column.mobile) == null ? void 0 : _column$mobile.column) === 'first';
+}
+function isImageColumnMobileConfig(column) {
+  var _column$mobile2;
+  return ((_column$mobile2 = column.mobile) == null ? void 0 : _column$mobile2.column) === 'image';
+}
+function buildMobileColumns(columns, {
+  firstColumnStyle,
+  imageColumnStyle
+} = {}) {
+  const hasMobileConfig = columns.some(column => {
+    var _column$mobile3;
+    return (_column$mobile3 = column.mobile) == null ? void 0 : _column$mobile3.column;
   });
   if (!hasMobileConfig) {
     return [{
@@ -24,62 +40,63 @@ function buildMobileColumns(columns) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 23,
+            lineNumber: 48,
             columnNumber: 11
           }
         }, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 24,
+            lineNumber: 49,
             columnNumber: 28
           }
         }, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 25,
+            lineNumber: 50,
             columnNumber: 28
           }
         }, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
       }
     }];
   }
-  const firstColumns = columns.filter(_mobileColumnsUtils.isFirstColumnMobileConfig).sort((a, b) => {
+  const firstColumns = columns.filter(isFirstColumnMobileConfig).sort((a, b) => {
     var _a$mobile, _b$mobile;
     const orderA = ((_a$mobile = a.mobile) == null ? void 0 : _a$mobile.order) ?? Infinity;
     const orderB = ((_b$mobile = b.mobile) == null ? void 0 : _b$mobile.order) ?? Infinity;
     return orderA - orderB;
   });
-  const secondColumn = columns.find(col => {
-    var _col$mobile2;
-    return ((_col$mobile2 = col.mobile) == null ? void 0 : _col$mobile2.column) === 'second';
+  const secondColumn = columns.find(column => {
+    var _column$mobile4;
+    return ((_column$mobile4 = column.mobile) == null ? void 0 : _column$mobile4.column) === 'second';
   });
-  const imageColumn = columns.find(_mobileColumnsUtils.isImageColumnMobileConfig);
+  const imageColumn = columns.find(isImageColumnMobileConfig);
   const result = [];
   if (firstColumns.length > 0) {
     result.push({
       id: 'mobile-first-column',
       dataHook: 'mobile-first-column',
       title: '',
+      style: firstColumnStyle,
       render: (params, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         direction: "vertical",
         gap: "SP1",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 52,
+          lineNumber: 78,
           columnNumber: 9
         }
-      }, firstColumns.map((col, colIndex) => /*#__PURE__*/_react.default.createElement("div", {
-        key: `first-col-${colIndex}`,
+      }, firstColumns.map((column, columnIndex) => /*#__PURE__*/_react.default.createElement("div", {
+        key: `first-col-${columnIndex}`,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 54,
+          lineNumber: 80,
           columnNumber: 13
         }
-      }, col.render == null ? void 0 : col.render(params, index))))
+      }, column.render == null ? void 0 : column.render(params, index))))
     });
   }
   if (secondColumn) {
@@ -91,9 +108,10 @@ function buildMobileColumns(columns) {
     });
   }
   if (imageColumn) {
-    const size = (0, _mobileColumnsUtils.getMobileImageSize)(imageColumn.mobile.size);
+    const size = IMAGE_COLUMN_SIZES[imageColumn.mobile.size ?? 'medium'];
     if (result[0]) {
       result[0].style = {
+        ...result[0].style,
         paddingInlineStart: 0
       };
     }
@@ -103,7 +121,8 @@ function buildMobileColumns(columns) {
       title: '',
       width: `${size}px`,
       style: {
-        paddingInlineEnd: `${_mobileColumnsUtils.IMAGE_COLUMN_GAP}px`
+        ...imageColumnStyle,
+        paddingInlineEnd: `${IMAGE_COLUMN_GAP}px`
       },
       render: (params, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         dataHook: "mobile-image-slot",
@@ -115,7 +134,7 @@ function buildMobileColumns(columns) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 87,
+          lineNumber: 116,
           columnNumber: 9
         }
       }, imageColumn.render == null ? void 0 : imageColumn.render(params, index))

package/dist/cjs/utils/buildMobileColumns.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","IMAGE_COLUMN_SIZES","small","medium","large","IMAGE_COLUMN_GAP","isFirstColumnMobileConfig","column","_column$mobile","mobile","isImageColumnMobileConfig","_column$mobile2","buildMobileColumns","columns","firstColumnStyle","imageColumnStyle","hasMobileConfig","some","_column$mobile3","id","title","render","params","index","_columns$0$render","_columns$","_columns$1$render","_columns$2","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","call","firstColumns","filter","sort","a","b","_a$mobile","_b$mobile","orderA","order","Infinity","orderB","secondColumn","find","_column$mobile4","imageColumn","result","length","push","dataHook","style","map","columnIndex","key","size","paddingInlineStart","unshift","width","paddingInlineEnd","height","flexShrink","align","verticalAlign"],"sources":["../../../src/utils/buildMobileColumns.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSProperties } from 'react';\nimport { Box } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { MobileImageSize, TableColumn } from '../model';\n\nconst IMAGE_COLUMN_SIZES: Record<MobileImageSize, number> = {\n small: 24,\n medium: 36,\n large: 48,\n};\n\nconst IMAGE_COLUMN_GAP = 8;\n\ninterface BuildMobileColumnsOptions {\n firstColumnStyle?: CSSProperties;\n imageColumnStyle?: CSSProperties;\n}\n\nfunction isFirstColumnMobileConfig<T>(\n column: TableColumn<KeyedItem<T>>,\n): column is TableColumn<KeyedItem<T>> & {\n mobile: { column: 'first'; order?: number };\n} {\n return column.mobile?.column === 'first';\n}\n\nfunction isImageColumnMobileConfig<T>(\n column: TableColumn<KeyedItem<T>>,\n): column is TableColumn<KeyedItem<T>> & {\n mobile: { column: 'image'; size?: MobileImageSize };\n} {\n return column.mobile?.column === 'image';\n}\n\nexport function buildMobileColumns<T>(\n columns: TableColumn<KeyedItem<T>>[],\n { firstColumnStyle, imageColumnStyle }: BuildMobileColumnsOptions = {},\n): TableColumn<KeyedItem<T>>[] {\n const hasMobileConfig = columns.some((column) => column.mobile?.column);\n\n if (!hasMobileConfig) {\n return [\n {\n id: 'tableColumn',\n title: '',\n render: (params: KeyedItem<T>, index: number) => (\n <Box direction=\"vertical\" gap=\"SP1\">\n {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n </Box>\n ),\n },\n ];\n }\n\n const firstColumns = columns\n .filter(isFirstColumnMobileConfig)\n .sort((a, b) => {\n const orderA = a.mobile?.order ?? Infinity;\n const orderB = b.mobile?.order ?? Infinity;\n return orderA - orderB;\n });\n\n const secondColumn = columns.find(\n (column) => column.mobile?.column === 'second',\n );\n const imageColumn = columns.find(isImageColumnMobileConfig);\n const result: TableColumn<KeyedItem<T>>[] = [];\n\n if (firstColumns.length > 0) {\n result.push({\n id: 'mobile-first-column',\n dataHook: 'mobile-first-column',\n title: '',\n style: firstColumnStyle,\n render: (params: KeyedItem<T>, index: number) => (\n <Box direction=\"vertical\" gap=\"SP1\">\n {firstColumns.map((column, columnIndex) => (\n <div key={`first-col-${columnIndex}`}>\n {column.render?.(params, index)}\n </div>\n ))}\n </Box>\n ),\n });\n }\n\n if (secondColumn) {\n result.push({\n id: 'mobile-second-column',\n dataHook: 'mobile-second-column',\n title: '',\n render: (params: KeyedItem<T>, index: number) =>\n secondColumn.render?.(params, index),\n });\n }\n\n if (imageColumn) {\n const size = IMAGE_COLUMN_SIZES[imageColumn.mobile.size ?? 'medium'];\n\n if (result[0]) {\n result[0].style = { ...result[0].style, paddingInlineStart: 0 };\n }\n\n result.unshift({\n id: 'mobile-image-column',\n dataHook: 'mobile-image-column',\n title: '',\n width: `${size}px`,\n style: {\n ...imageColumnStyle,\n paddingInlineEnd: `${IMAGE_COLUMN_GAP}px`,\n },\n render: (params: KeyedItem<T>, index: number) => (\n <Box\n dataHook=\"mobile-image-slot\"\n width={`${size}px`}\n height={`${size}px`}\n flexShrink={0}\n align=\"center\"\n verticalAlign=\"middle\"\n >\n {imageColumn.render?.(params, index)}\n </Box>\n ),\n });\n }\n\n return result;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/utils/fieldValidation.js ADDED Viewed

@@ -0,0 +1,136 @@
+"use strict";
+exports.__esModule = true;
+exports.buildFieldValidationRules = buildFieldValidationRules;
+exports.validResult = void 0;
+exports.validateFieldValue = validateFieldValue;
+var _patternsFields = require("@wix/patterns-fields");
+function buildFieldValidationRules(field, translate) {
+  var _v$numberRange, _v$numberRange2, _v$stringLengthRange, _v$stringLengthRange2, _v$specificValues;
+  const v = field.validation;
+  if (!v) {
+    return [];
+  }
+  const rules = [];
+  if (v.required) {
+    rules.push({
+      type: 'required',
+      message: translate('cairo.editableTable.field.validation.required', {
+        fieldName: field.displayName
+      })
+    });
+  }
+  if (((_v$numberRange = v.numberRange) == null ? void 0 : _v$numberRange.min) != null) {
+    const min = v.numberRange.min;
+    rules.push({
+      type: 'min',
+      value: min,
+      message: translate('cairo.editableTable.field.validation.min', {
+        min
+      })
+    });
+  }
+  if (((_v$numberRange2 = v.numberRange) == null ? void 0 : _v$numberRange2.max) != null) {
+    const max = v.numberRange.max;
+    rules.push({
+      type: 'max',
+      value: max,
+      message: translate('cairo.editableTable.field.validation.max', {
+        max
+      })
+    });
+  }
+  if (((_v$stringLengthRange = v.stringLengthRange) == null ? void 0 : _v$stringLengthRange.minLength) != null) {
+    const minLength = v.stringLengthRange.minLength;
+    rules.push({
+      type: 'minLength',
+      value: minLength,
+      message: translate('cairo.editableTable.field.validation.minLength', {
+        minLength
+      })
+    });
+  }
+  if (((_v$stringLengthRange2 = v.stringLengthRange) == null ? void 0 : _v$stringLengthRange2.maxLength) != null) {
+    const maxLength = v.stringLengthRange.maxLength;
+    rules.push({
+      type: 'maxLength',
+      value: maxLength,
+      message: translate('cairo.editableTable.field.validation.maxLength', {
+        maxLength
+      })
+    });
+  }
+  // A pattern the platform refuses to run (uncompilable, over-long, or able to
+  // backtrack catastrophically) yields no rule, matching what the form inputs do.
+  const patternRegex = (0, _patternsFields.compilePattern)(v.pattern);
+  if (patternRegex) {
+    rules.push({
+      type: 'pattern',
+      value: patternRegex,
+      message: translate('cairo.editableTable.field.validation.pattern', {
+        fieldName: field.displayName
+      })
+    });
+  }
+  if ((_v$specificValues = v.specificValues) != null && _v$specificValues.length) {
+    rules.push({
+      type: 'specificValues',
+      values: v.specificValues,
+      message: translate('cairo.editableTable.field.validation.specificValues', {
+        fieldName: field.displayName
+      })
+    });
+  }
+  return rules;
+}
+const validResult = exports.validResult = {
+  valid: true
+};
+function checkValidationRule(rule, value) {
+  if (value == null && rule.type !== 'required' && rule.type !== 'custom') {
+    return true;
+  }
+  switch (rule.type) {
+    case 'required':
+      return value != null && value !== '';
+    case 'min':
+      return typeof value === 'number' && value >= rule.value;
+    case 'max':
+      return typeof value === 'number' && value <= rule.value;
+    case 'minLength':
+      return typeof value === 'string' && value.length >= rule.value;
+    case 'maxLength':
+      return typeof value === 'string' && value.length <= rule.value;
+    case 'pattern':
+      // An empty value is `required`'s business, not the pattern's — otherwise
+      // clearing an optional cell reports a format error and refuses to save.
+      return typeof value === 'string' && (value === '' || rule.value.test(value));
+    case 'custom':
+      return rule.validate(value);
+    case 'specificValues':
+      return value == null || value === '' || typeof value === 'string' && rule.values.some(option => option.id === value);
+    default:
+      return true;
+  }
+}
+function validateFieldValue(value, rules, typeValidate, translate) {
+  const errors = [];
+  if (rules) {
+    for (const rule of rules) {
+      if (!checkValidationRule(rule, value)) {
+        errors.push(rule.message);
+      }
+    }
+  }
+  if (typeValidate) {
+    const typeError = typeValidate(value, rules, translate);
+    if (typeError) {
+      errors.push(typeError);
+    }
+  }
+  return errors.length === 0 ? validResult : {
+    valid: false,
+    errors
+  };
+}
+//# sourceMappingURL=fieldValidation.js.map

package/dist/cjs/utils/fieldValidation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_patternsFields","require","buildFieldValidationRules","field","translate","_v$numberRange","_v$numberRange2","_v$stringLengthRange","_v$stringLengthRange2","_v$specificValues","v","validation","rules","required","push","type","message","fieldName","displayName","numberRange","min","value","max","stringLengthRange","minLength","maxLength","patternRegex","compilePattern","pattern","specificValues","length","values","validResult","exports","valid","checkValidationRule","rule","test","validate","some","option","id","validateFieldValue","typeValidate","errors","typeError"],"sources":["../../../src/utils/fieldValidation.ts"],"sourcesContent":["import type { Field, Translate, ValidationRule } from '@wix/bex-core';\nimport { compilePattern } from '@wix/patterns-fields';\n\nexport interface ValidationResult {\n valid: boolean;\n errors?: string[];\n}\n\nexport function buildFieldValidationRules(\n field: Field,\n translate: Translate,\n): ValidationRule[] {\n const v = field.validation;\n if (!v) {\n return [];\n }\n const rules: ValidationRule[] = [];\n if (v.required) {\n rules.push({\n type: 'required',\n message: translate('cairo.editableTable.field.validation.required', {\n fieldName: field.displayName,\n }),\n });\n }\n if (v.numberRange?.min != null) {\n const min = v.numberRange.min;\n rules.push({\n type: 'min',\n value: min,\n message: translate('cairo.editableTable.field.validation.min', { min }),\n });\n }\n if (v.numberRange?.max != null) {\n const max = v.numberRange.max;\n rules.push({\n type: 'max',\n value: max,\n message: translate('cairo.editableTable.field.validation.max', { max }),\n });\n }\n if (v.stringLengthRange?.minLength != null) {\n const minLength = v.stringLengthRange.minLength;\n rules.push({\n type: 'minLength',\n value: minLength,\n message: translate('cairo.editableTable.field.validation.minLength', {\n minLength,\n }),\n });\n }\n if (v.stringLengthRange?.maxLength != null) {\n const maxLength = v.stringLengthRange.maxLength;\n rules.push({\n type: 'maxLength',\n value: maxLength,\n message: translate('cairo.editableTable.field.validation.maxLength', {\n maxLength,\n }),\n });\n }\n // A pattern the platform refuses to run (uncompilable, over-long, or able to\n // backtrack catastrophically) yields no rule, matching what the form inputs do.\n const patternRegex = compilePattern(v.pattern);\n if (patternRegex) {\n rules.push({\n type: 'pattern',\n value: patternRegex,\n message: translate('cairo.editableTable.field.validation.pattern', {\n fieldName: field.displayName,\n }),\n });\n }\n if (v.specificValues?.length) {\n rules.push({\n type: 'specificValues',\n values: v.specificValues,\n message: translate(\n 'cairo.editableTable.field.validation.specificValues',\n { fieldName: field.displayName },\n ),\n });\n }\n return rules;\n}\n\nexport const validResult: ValidationResult = { valid: true };\n\nfunction checkValidationRule(rule: ValidationRule, value: unknown): boolean {\n if (value == null && rule.type !== 'required' && rule.type !== 'custom') {\n return true;\n }\n\n switch (rule.type) {\n case 'required':\n return value != null && value !== '';\n case 'min':\n return typeof value === 'number' && value >= rule.value;\n case 'max':\n return typeof value === 'number' && value <= rule.value;\n case 'minLength':\n return typeof value === 'string' && value.length >= rule.value;\n case 'maxLength':\n return typeof value === 'string' && value.length <= rule.value;\n case 'pattern':\n // An empty value is `required`'s business, not the pattern's — otherwise\n // clearing an optional cell reports a format error and refuses to save.\n return (\n typeof value === 'string' && (value === '' || rule.value.test(value))\n );\n case 'custom':\n return rule.validate(value);\n case 'specificValues':\n return (\n value == null ||\n value === '' ||\n (typeof value === 'string' &&\n rule.values.some((option) => option.id === value))\n );\n default:\n return true;\n }\n}\n\nexport function validateFieldValue(\n value: unknown,\n rules?: ValidationRule[],\n typeValidate?: (\n value: unknown,\n rules?: ValidationRule[],\n translate?: Translate,\n ) => string | null,\n translate?: Translate,\n): ValidationResult {\n const errors: string[] = [];\n\n if (rules) {\n for (const rule of rules) {\n if (!checkValidationRule(rule, value)) {\n errors.push(rule.message);\n }\n }\n }\n\n if (typeValidate) {\n const typeError = typeValidate(value, rules, translate);\n if (typeError) {\n errors.push(typeError);\n }\n }\n\n return errors.length === 0 ? validResult : { valid: false, errors };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/version.js CHANGED Viewed

@@ -2,5 +2,5 @@
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.494.0';
+const version = exports.version = 'patterns@1.496.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.~~494~~.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.496.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/CustomFieldType.md CHANGED Viewed

@@ -146,7 +146,7 @@ The backend owns the translation: `find({ filters })` receives the raw filter va
 #### `editableTable` — the editable cell: view, inline editor, clipboard
-- `ViewComponent(props: CellViewProps<V>)` — view mode. Props: `value`, `typeConfig`, `validation`, `columnId`, `rowKey`. The editable table renders it with no padding; wrap it in `CellViewLayout` (from `@wix/patterns`) to line up with the built-in cells.
+- `ViewComponent(props: CellViewProps<V>)` — view mode. Props: `value`, `typeConfig`, `validation`, `columnId`, `rowKey`, optional `isEditable`, and optional `isFocused` (false during multi-cell selection). The editable table renders it with no padding; wrap it in `CellViewLayout` (from `@wix/patterns`) to line up with the built-in cells.
 - `EditComponent?(props: CellEditProps<V>)` — edit mode; omit for view-only cells. Props: `value`, `onChange(value)` (call on **every** change — Tab-commit reads the editing value synchronously before blur), `onCommit()`, `onCancel()` (wire Escape to it), `onStartEdit?()` (call before opening external UI like a modal so the table keeps cell focus), `inputRef` (expose `{ focus }` via `useImperativeHandle` for type-to-edit), `editTrigger`, `validation`, `typeConfig`, `columnId`, `rowKey`.
 - `serialize?(value: V): string` / `deserialize?(raw: string): V` — clipboard copy/paste. Serialized values must be single-line (TSV).
 - `editable?: boolean` — default `true`.
@@ -154,12 +154,14 @@ The backend owns the translation: `find({ filters })` receives the raw filter va
 - `toggleValue?(value: V): V` — toggle on single click (e.g. boolean checkbox), skipping the focus→edit flow.
 - `editOnClick?(value: V): boolean` — enter edit mode on single click (e.g. an empty image cell).
 - `showEditWhenFocused?: boolean` — render the EditComponent while merely focused, keyboard navigation stays active.
-- `growable?: boolean` — cell content may grow past row height when focused (only with `showEditWhenFocused`).
+- `growable?: boolean` — cell content may grow past row height when focused (including read-only views).
 - `onTypeToEdit?({ key, validation })` — handle type-to-edit: return `{ value }` to seed and enter edit, `{}` to enter edit unchanged, `undefined` to block the key. Without it, typing on a focused cell does nothing.
 - `nativeTypeToEdit?: boolean` — flush edit mode synchronously on keydown and let the browser deliver the keystroke to the focused input (for controlled inputs that can't be seeded via props).
 - `normalizeOnCommit?(value: V): V` — normalize just before the edit commits (e.g. clamp a number, prepend `https://`).
 - `EditWrapper?: ComponentType<CellEditWrapperProps>` — optional wrapper kept mounted across the edit↔view transition, for behavior that must outlive the inline editor.
+To expand a custom read-only view on focus, render its expanded content when `isEditable === false && isFocused` in `ViewComponent`, and set `growable: true` to let it extend past the row height.
 ```tsx
 editableTable: {

package/dist/docs/ImportButton.md CHANGED Viewed

@@ -46,7 +46,9 @@ Like `ExportTo`, the feature has two parts:
       <ImportButton
         config={{
           destination: { storesCatalogProducts: {} },
-          fields: [{ id: 'name', header: 'Name', required: true }],
+          fields: [
+            { id: 'name', header: 'Name', type: 'SHORT_TEXT', required: true },
+          ],
         }}
       />
     }
@@ -55,6 +57,12 @@ Like `ExportTo`, the feature has two parts:
 `ImportConfig`: `destination` (the platformized target; omit for CMS), `fields` (list to map onto; unneeded for CMS, where the source supplies them), plus optional `backup`, `idFieldKey`, and `jobApplicationErrorMap` — see the examples below. **Create-new-field is a CMS (Wix Data) capability**; platformized imports map onto existing fields only.
+Each field can include an optional `type` (`PatternsFieldType`). The mapping dropdown checks each field type against up to 50 nonempty values in its CSV column, using a two-thirds majority. A column can fit several field types. Schema-backed imports supply the types automatically; fields without a type, custom fields without a built-in format check, and empty columns remain unfiltered. Fields typed `UNKNOWN` are excluded from the options and automatic matching. A known current mapping stays visible even if its values do not fit. These checks suggest mappings; the server still validates the imported rows.
+Repeated CSV column names receive a unique suffix, such as `Number (2)`, so each column has its own mapping and compatibility checks. Automatic matching uses the original names and matches each destination field at most once.
+For string-only array fields, supply `arrayMetadata: { itemType: 'string' }` alongside `type: 'ARRAY'`. The CMS adapter supplies this for Tags fields.
 #### data-hub infrastructure
 The import runs **entirely server-side** in [Wix Data Hub](https://github.com/wix-private/wix-data-hub) — a generic data-movement job executor. The client drives it through the `@wix/ambassador-hub-v1-job` API ([job submission & monitoring](https://github.com/wix-private/cloud/blob/master/hub/wix-data-hub-fs2)); the actual reading/writing is done by the [Data Hub executor](https://github.com/wix-private/wix-data-hub/blob/master/packages/wix-data-hub-executor-c/README.md), whose model is: a **source** reads batches, **transformations** alter them, and a **destination** writes them. The client only:
@@ -68,6 +76,8 @@ The **`destination`** you pass identifies which executor [destination](https://g
 Because a failed import comes back on a `200` (the failure is in the job status, not an HTTP error), the optional `jobApplicationErrorMap` (in the `config`) lets you map the job's application-error codes to messages. You supply only the code → message map; the import resolves it through the error handler internally.
+Rows are checked against the mapped fields' validation rules before upload, regardless of whether the collection uses Table, Grid, or EditableTable. Valid rows use the bulk server import. Invalid rows are not saved and appear in the existing failed count and failed-items CSV, with a reason for each row. Correct the CSV and import those rows again. Server rejections are included in the same report. For manually configured imports, fields marked `required` also reject empty values.
 ```tsx
 import { ImportButton } from '@wix/patterns';

package/dist/dts-bundle/components/EditableTable.d.ts CHANGED Viewed

@@ -28,6 +28,10 @@ interface BaseField {
     id: string;
     displayName: string;
     isPii?: boolean;
+    /** Constrains array items. Omitted when the field accepts any item type. */
+    arrayMetadata?: {
+        itemType: 'string';
+    };
     helpText?: string;
     /** Whether this is a system-managed field (not user-created). */
     isSystem?: boolean;

package/dist/dts-bundle/components/LayoutSwitch.d.ts CHANGED Viewed

@@ -33,6 +33,10 @@ interface BaseField {
     id: string;
     displayName: string;
     isPii?: boolean;
+    /** Constrains array items. Omitted when the field accepts any item type. */
+    arrayMetadata?: {
+        itemType: 'string';
+    };
     helpText?: string;
     /** Whether this is a system-managed field (not user-created). */
     isSystem?: boolean;