npm - @wix/patterns - Versions diffs - 1.375.0 → 1.378.0 - Mend

@wix/patterns 1.375.0 → 1.378.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 (617) hide show

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

	@@ -1 +1 @@
1	- .CardContainer1969536951__root.CardContainer1969536951--mobile{border-radius:0}.Collapse495485484__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse495485484__exit{height:0}.CollectionPage840018264__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage840018264__root.CollectionPage840018264--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage840018264__root.CollectionPage840018264--panel{overflow:hidden;position:relative}.CollectionSectionHeader1591435620__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4275959506__root td{vertical-align:middle}.CollectionTable4275959506__root.CollectionTable4275959506--mobile td:first-child{padding-left:18px}.CollectionTable4275959506__root.CollectionTable4275959506--mobile td:last-child{padding-right:18px}.CollectionToolbar877256535__left{min-width:0}.CollectionToolbar877256535__left.CollectionToolbar877256535--expandable{flex:auto}.CollectionToolbar877256535__left.CollectionToolbar877256535--title>{width:100%}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-5-title .CollectionToolbar877256535__left{flex:1 100;min-width:50px}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__left,.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__left.CollectionToolbar877256535--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__left>{flex-shrink:1;min-width:0}.CollectionToolbar877256535__root .CollectionToolbar877256535__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar877256535__root.CollectionToolbar877256535--views .CollectionToolbar877256535__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__right,.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-5-title .CollectionToolbar877256535__right{flex:0 1 auto;min-width:0}.CollectionToolbar877256535__root .CollectionToolbar877256535__right.CollectionToolbar877256535__fullWidth{margin-inline-start:0!important}.CollectionToolbar877256535__root.CollectionToolbar877256535--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3794450166__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3794450166__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3794450166__searchMobile:not(.SearchOrCustomFilter3794450166--expandable){left:18px}.SearchOrCustomFilter3794450166__searchMobile.SearchOrCustomFilter3794450166--expandable.SearchOrCustomFilter3794450166--expanded{left:18px}.AutoCompleteReadonly2231257867__root.AutoCompleteReadonly2231257867--disableEditing{cursor:pointer}.AutoCompleteReadonly2231257867__root.AutoCompleteReadonly2231257867--disableEditing input{cursor:pointer}.ViewsDropdown1096655248__root{width:200px}.DragHandle10084432__root{display:flex;align-items:center}.DragHandle10084432__root:not(.DragHandle10084432--disabled){cursor:grab;color:#a8caff}.DragHandle10084432__root.DragHandle10084432--disabled{color:#acafc4}.DragHandle10084432__root:focus-visible:not(.DragHandle10084432--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle10084432__root.DragHandle10084432--disabled{pointer-events:none}.DragHandle10084432__root.DragHandle10084432--dragging:not(.DragHandle10084432--disabled){cursor:grabbing}td:has(>.EditableCell304190034__root){position:relative;min-height:24px}.EditableCell304190034__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell304190034__root.EditableCell304190034--selected{background:rgba(56,153,236,.08)}.EditableCell304190034__root.EditableCell304190034--focused:not(.EditableCell304190034--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell304190034__root.EditableCell304190034--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell304190034__root.EditableCell304190034--selectionTop:not(.EditableCell304190034--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionBottom:not(.EditableCell304190034--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionLeft:not(.EditableCell304190034--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionRight:not(.EditableCell304190034--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionTop.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionBottom.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionLeft.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionRight.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--invalid:not(.EditableCell304190034--editing){background:rgba(229,0,77,.06)}.EditableCell304190034__root.EditableCell304190034--copiedTop:not(.EditableCell304190034--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--copiedBottom:not(.EditableCell304190034--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--copiedLeft:not(.EditableCell304190034--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--copiedRight:not(.EditableCell304190034--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell304190034__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout823649246__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout823649246__root>{flex:1;min-width:0}.Edit1113995296__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2801818457__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2206923902__dateInput{width:100%;margin-left:-1px}.Edit987738361__emailInput{width:100%;margin-left:-1px}.Edit2842916532__numberInput{width:100%;margin-right:2px}.Edit2842916532__numberInput input{text-align:right;direction:ltr}.View993001290__textView{width:100%;text-align:right}.Edit3788203626__jsonInput{width:100%;margin-left:-1px}.Edit1952036742__selectInput{width:100%}.Edit2174982117__editWrapper{width:100%}.Edit2174982117__inputArea{background-color:transparent;width:100%}.Edit2174982117__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2174982117__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit2174982117__inputArea:not(.Edit2174982117--isFocused) textarea{resize:none;overflow:hidden}.Edit2174982117__inputArea:not(.Edit2174982117--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1985072426__urlInput{width:100%;margin-left:-1px}.View1156487360__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1156487360__urlText{flex:1;min-width:0}.View1156487360__suffix{flex-shrink:0;margin-left:10px}.View1156487360__textView.View1156487360--suffixOnHover:not(:hover) .View1156487360__suffix{display:none}.EntityPagePlain3492012727__root.EntityPagePlain3492012727--mobile{--wds-page-header-padding-horizontal:0}.Fade2782678393__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2782678393__root.Fade2782678393--exit{opacity:0}.Heading810863429__root{visibility:visible}.Heading810863429__root.Heading810863429--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2236557936__fileUpload{width:100%}.InputOverflow3231423377__root.InputOverflow3231423377--selected:not(.InputOverflow3231423377--focused) input::placeholder{color:#000624}@keyframes LoadingRow3990858__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%}}.LoadingRow3990858__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:LoadingRow3990858__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2759772886__root{opacity:1}.MaxHeightText2759772886__root.MaxHeightText2759772886--height24{line-height:24px}.MaxLines2972849232__root{overflow:hidden}.MaxLines2972849232__root.MaxLines2972849232--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2420183688__root{min-width:0}.MultiBulkActionToolbar2420183688__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2420183688__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2420183688__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3319895139__root td{padding:0!important;width:100%}.NestedTableRow3299939426__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3299939426__root:hover{background-color:#e7f0ff!important}.NestedTableRow3299939426__root.NestedTableRow3299939426--expandable{cursor:pointer}.NestedTableRow3299939426__placeholder td{padding:0!important;width:100%}.NestedTableRow3299939426__root:hover td:first-of-type::before,.NestedTableRow3299939426__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect312660433__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2206630667__root.NestedTableDragAndDropRow2206630667--draggingInto td{background-color:#e7f0ff!important}.PickerContent2384689736__root{display:flex}.PickerContentAdditionalStep2818293485__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2818293485__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2916633825__root{box-sizing:border-box}.ScrollableContent3827443796__root.ScrollableContent3827443796--overflowY{overflow-y:auto}.ScrollableContent3827443796__root.ScrollableContent3827443796--overflowX{overflow-x:auto}.ScrollableContent3827443796__root.ScrollableContent3827443796--smooth{scroll-behavior:smooth}.SkeletonCard1215955230__headerLoading{display:block!important}.SlidingModal2881455252__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2881455252__root.SlidingModal2881455252--overlay{transition:transform 0s ease 0s}.SlidingModal2881455252__root.SlidingModal2881455252---appendTo-6-parent{position:absolute}.SlidingModal2881455252__root:not(.SlidingModal2881455252--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3422538499__root .TabsFilter3422538499__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3422538499__root.TabsFilter3422538499--selected .TabsFilter3422538499__title,.TabsFilter3422538499__root:hover .TabsFilter3422538499__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal292114332__root{display:flex}.ToolbarItem51720077__root{min-width:0}.ToolbarItemBox3223110149__root{min-width:0}.ToolbarItemBox3223110149__root.ToolbarItemBox3223110149--removeStartPadding{margin-left:-24px}.ToolbarItemBox3223110149__root.ToolbarItemBox3223110149--expandable{flex:1 0}.common2673743911__column{display:flex;flex-direction:column}.common2673743911__fullHeight{height:100%;min-height:0}.CollectionPageHeader3126562873__root:not(.CollectionPageHeader3126562873--mobile){gap:12px}.CollectionPageHeader3126562873__root.CollectionPageHeader3126562873--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3126562873__root.CollectionPageHeader3126562873--mobile>{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2074655427__root.FormPageHeader2074655427--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2074655427__root.FormPageHeader2074655427--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
1	+ .CardContainer114447389__root.CardContainer114447389--mobile{border-radius:0}.Collapse3104481491__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3104481491__exit{height:0}.CollectionPage3278007346__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3278007346__root.CollectionPage3278007346--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3278007346__root.CollectionPage3278007346--panel{overflow:hidden;position:relative}.CollectionSectionHeader2753131021__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable544938562__root td{vertical-align:middle}.CollectionTable544938562__root.CollectionTable544938562--mobile td:first-child{padding-left:18px}.CollectionTable544938562__root.CollectionTable544938562--mobile td:last-child{padding-right:18px}.CollectionToolbar1902004285__left{min-width:0}.CollectionToolbar1902004285__left.CollectionToolbar1902004285--expandable{flex:auto}.CollectionToolbar1902004285__left.CollectionToolbar1902004285--title>{width:100%}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-5-title .CollectionToolbar1902004285__left{flex:1 100;min-width:50px}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left,.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left.CollectionToolbar1902004285--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left>{flex-shrink:1;min-width:0}.CollectionToolbar1902004285__root .CollectionToolbar1902004285__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1902004285__root.CollectionToolbar1902004285--views .CollectionToolbar1902004285__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__right,.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-5-title .CollectionToolbar1902004285__right{flex:0 1 auto;min-width:0}.CollectionToolbar1902004285__root .CollectionToolbar1902004285__right.CollectionToolbar1902004285__fullWidth{margin-inline-start:0!important}.CollectionToolbar1902004285__root.CollectionToolbar1902004285--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3579726546__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3579726546__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3579726546__searchMobile:not(.SearchOrCustomFilter3579726546--expandable){left:18px}.SearchOrCustomFilter3579726546__searchMobile.SearchOrCustomFilter3579726546--expandable.SearchOrCustomFilter3579726546--expanded{left:18px}.AutoCompleteReadonly831250285__root.AutoCompleteReadonly831250285--disableEditing{cursor:pointer}.AutoCompleteReadonly831250285__root.AutoCompleteReadonly831250285--disableEditing input{cursor:pointer}.ViewsDropdown526774541__root{width:200px}.DragHandle791509687__root{display:flex;align-items:center}.DragHandle791509687__root:not(.DragHandle791509687--disabled){cursor:grab;color:#a8caff}.DragHandle791509687__root.DragHandle791509687--disabled{color:#acafc4}.DragHandle791509687__root:focus-visible:not(.DragHandle791509687--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle791509687__root.DragHandle791509687--disabled{pointer-events:none}.DragHandle791509687__root.DragHandle791509687--dragging:not(.DragHandle791509687--disabled){cursor:grabbing}td:has(>.EditableCell2334465064__root){position:relative;overflow:visible;min-height:24px}.EditableCell2334465064__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell2334465064__root.EditableCell2334465064--selected{background:rgba(56,153,236,.08)}.EditableCell2334465064__root.EditableCell2334465064--focused:not(.EditableCell2334465064--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2334465064__root.EditableCell2334465064--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible;bottom:auto;min-height:100%}.EditableCell2334465064__root.EditableCell2334465064--selectionTop:not(.EditableCell2334465064--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionBottom:not(.EditableCell2334465064--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionLeft:not(.EditableCell2334465064--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionRight:not(.EditableCell2334465064--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionTop.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionBottom.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionLeft.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionRight.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--invalid:not(.EditableCell2334465064--editing){background:rgba(229,0,77,.06)}.EditableCell2334465064__root.EditableCell2334465064--copiedTop:not(.EditableCell2334465064--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedBottom:not(.EditableCell2334465064--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedLeft:not(.EditableCell2334465064--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedRight:not(.EditableCell2334465064--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover358753717__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover358753717__root,.HeaderActionsPopover358753717__root.HeaderActionsPopover358753717--menuOpen,.HeaderActionsPopover358753717__root:focus-within{opacity:1}.CellViewLayout3479994484__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3479994484__root>{flex:1;min-width:0}.Edit2056158397__booleanEdit{display:flex;align-items:center;margin-left:12px}.View4236187119__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1762969689__dateInput{width:100%;margin-left:-1px}.Edit3289551781__emailInput{width:100%;margin-left:-1px}.Edit1540636546__numberInput{width:100%;margin-right:2px}.Edit1540636546__numberInput input{text-align:right;direction:ltr}.View1894319470__textView{width:100%;text-align:right}.Edit3961799499__jsonInput{width:100%;margin-left:-1px}.Edit245233832__selectInput{width:100%}.Edit4234533147__editWrapper{width:100%}.Edit4234533147__inputArea{background-color:transparent;width:100%}.Edit4234533147__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4234533147__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4234533147__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4234533147__inputArea:not(.Edit4234533147--isFocused) textarea{resize:none;overflow:hidden}.Edit4234533147__inputArea:not(.Edit4234533147--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2992387440__urlInput{width:100%;margin-left:-1px}.View3921770292__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3921770292__urlText{flex:1;min-width:0}.View3921770292__suffix{flex-shrink:0;margin-left:10px}.View3921770292__textView.View3921770292--suffixOnHover:not(:hover) .View3921770292__suffix{display:none}.EntityPagePlain1641086988__root.EntityPagePlain1641086988--mobile{--wds-page-header-padding-horizontal:0}.Fade329759489__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade329759489__root.Fade329759489--exit{opacity:0}.Heading841018376__root{visibility:visible}.Heading841018376__root.Heading841018376--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload686656776__fileUpload{width:100%}.InputOverflow1271182134__root.InputOverflow1271182134--selected:not(.InputOverflow1271182134--focused) input::placeholder{color:#000624}@keyframes LoadingRow2196858778__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%}}.LoadingRow2196858778__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:LoadingRow2196858778__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2601044677__root{opacity:1}.MaxHeightText2601044677__root.MaxHeightText2601044677--height24{line-height:24px}.MaxLines3678574695__root{overflow:hidden}.MaxLines3678574695__root.MaxLines3678574695--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar407643509__root{min-width:0}.MultiBulkActionToolbar407643509__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar407643509__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar407643509__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow200227903__root td{padding:0!important;width:100%}.NestedTableRow4073148708__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4073148708__root:hover{background-color:#e7f0ff!important}.NestedTableRow4073148708__root.NestedTableRow4073148708--expandable{cursor:pointer}.NestedTableRow4073148708__placeholder td{padding:0!important;width:100%}.NestedTableRow4073148708__root:hover td:first-of-type::before,.NestedTableRow4073148708__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3673484001__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow748604090__root.NestedTableDragAndDropRow748604090--draggingInto td{background-color:#e7f0ff!important}.PickerContent2145700135__root{display:flex}.PickerContentAdditionalStep1252550532__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1252550532__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2660550529__root{box-sizing:border-box}.ScrollableContent824867288__root.ScrollableContent824867288--overflowY{overflow-y:auto}.ScrollableContent824867288__root.ScrollableContent824867288--overflowX{overflow-x:auto}.ScrollableContent824867288__root.ScrollableContent824867288--smooth{scroll-behavior:smooth}.SkeletonCard2455371441__headerLoading{display:block!important}.SlidingModal661696003__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal661696003__root.SlidingModal661696003--overlay{transition:transform 0s ease 0s}.SlidingModal661696003__root.SlidingModal661696003---appendTo-6-parent{position:absolute}.SlidingModal661696003__root:not(.SlidingModal661696003--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2767251165__root .TabsFilter2767251165__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2767251165__root.TabsFilter2767251165--selected .TabsFilter2767251165__title,.TabsFilter2767251165__root:hover .TabsFilter2767251165__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3062371901__root{display:flex}.ToolbarItem1347141476__root{min-width:0}.ToolbarItemBox2351423432__root{min-width:0}.ToolbarItemBox2351423432__root.ToolbarItemBox2351423432--removeStartPadding{margin-left:-24px}.ToolbarItemBox2351423432__root.ToolbarItemBox2351423432--expandable{flex:1 0}.common2887450320__column{display:flex;flex-direction:column}.common2887450320__fullHeight{height:100%;min-height:0}.CollectionPageHeader1589174459__root:not(.CollectionPageHeader1589174459--mobile){gap:12px}.CollectionPageHeader1589174459__root.CollectionPageHeader1589174459--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1589174459__root.CollectionPageHeader1589174459--mobile>{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3242311320__root.FormPageHeader3242311320--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3242311320__root.FormPageHeader3242311320--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/test-utils/CairoTestApp.js CHANGED Viewed

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _components = require("../components");
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
+var _PatternsFieldsProvider = require("../providers/PatternsFieldsProvider");
 var _react3 = require("@wix/fe-essentials/react");
 var _EntityPage = require("../components/EntityPage");
 var _CollectionPageNew = require("../components/CollectionPageNew");
@@ -34,7 +35,7 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 53,
+          lineNumber: 54,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
@@ -42,14 +43,14 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 54,
+          lineNumber: 55,
           columnNumber: 11
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 56,
           columnNumber: 11
         }
       }, children));
@@ -59,14 +60,14 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 61,
+          lineNumber: 62,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 62,
+          lineNumber: 63,
           columnNumber: 11
         }
       }, children));
@@ -82,7 +83,7 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 68,
+          lineNumber: 69,
           columnNumber: 9
         }
       }, child);
@@ -97,7 +98,7 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 82,
+          lineNumber: 83,
           columnNumber: 9
         }
       }, children);
@@ -111,7 +112,7 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 92,
+          lineNumber: 93,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_CollectionPageNew.CollectionPage.Header, (0, _extends2.default)({
@@ -123,14 +124,14 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 93,
+          lineNumber: 94,
           columnNumber: 11
         }
       })), /*#__PURE__*/_react.default.createElement(_CollectionPageNew.CollectionPage.Content, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 100,
+          lineNumber: 101,
           columnNumber: 11
         }
       }, children));
@@ -144,21 +145,21 @@ function CairoTestApp({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 110,
+            lineNumber: 111,
             columnNumber: 29
           }
         }, "Loading router..."),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 110,
+          lineNumber: 111,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(CairoTestAppRouter, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 111,
+          lineNumber: 112,
           columnNumber: 11
         }
       }, children));
@@ -168,21 +169,21 @@ function CairoTestApp({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 117,
+          lineNumber: 118,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 118,
+          lineNumber: 119,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 119,
+          lineNumber: 120,
           columnNumber: 13
         }
       }, children)));
@@ -193,7 +194,7 @@ function CairoTestApp({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 128,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.WixStyleReactEnvironmentProvider, {
@@ -201,14 +202,14 @@ function CairoTestApp({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_components.WixPatternsTestProvider, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 132,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_react2.WixPatternsContainerProvider, {
@@ -216,9 +217,16 @@ function CairoTestApp({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 133,
       columnNumber: 11
     }
-  }, child))));
+  }, /*#__PURE__*/_react.default.createElement(_PatternsFieldsProvider.PatternsFieldsProvider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 13
+    }
+  }, child)))));
 }
 //# sourceMappingURL=CairoTestApp.js.map

package/dist/cjs/test-utils/CairoTestApp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_components","_designSystem","_react2","_react3","_EntityPage","_CollectionPageNew","_PageWrapper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CairoTestAppRouter","React","lazy","Promise","resolve","then","module","CairoTestApp","children","driver","page","scrollElement","entityPageState","collectionPageState","routerParams","collectionPageHeaderProps","child","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","title","Content","ref","style","height","overflow","Error","EntityPage","state","dataHook","CollectionPage","_extends2","text","pageTitle","hideTotal","hideHeaderTotal","Suspense","fallback","PageWrapper","EssentialsProvider","essentials","testContext","WixStyleReactEnvironmentProvider","locale","environment","language","WixPatternsTestProvider","WixPatternsContainerProvider","value","container"],"sources":["../../../src/test-utils/CairoTestApp.tsx"],"sourcesContent":["import React, { ReactNode, RefObject, Suspense } from 'react';\nimport { WixPatternsTestProvider } from '../components';\nimport { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';\nimport { WixPatternsContainerProvider } from '@wix/bex-core/react';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { EssentialsProvider } from '@wix/fe-essentials/react';\nimport { EntityPageState } from '../state';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { EntityPage } from '../components/EntityPage';\nimport { CollectionPage } from '../components/CollectionPageNew';\nimport { PageWrapper } from '../components/PageWrapper/PageWrapper';\nimport { History } from 'history';\n\nconst CairoTestAppRouter = React.lazy(() =>\n import('./CairoTestAppRouter').then((module) => ({\n default: module.CairoTestAppRouter,\n })),\n);\nimport { CollectionPageHeaderProps } from '../components/CollectionPageHeaderNew';\n\nexport interface CairoTestAppProps {\n driver: WixPatternsContainerDriver;\n children?: ReactNode;\n page?:\n \| 'none'\n \| 'wsr'\n \| 'entity'\n \| 'entity-page'\n \| 'collection-page'\n \| 'router';\n scrollElement?: RefObject<HTMLDivElement>;\n entityPageState?: EntityPageState<any>;\n collectionPageState?: CollectionPageState;\n routerParams?: { history: History };\n collectionPageHeaderProps?: Partial<CollectionPageHeaderProps>;\n}\n\nexport function CairoTestApp({\n children,\n driver,\n page,\n scrollElement,\n entityPageState,\n collectionPageState,\n routerParams,\n collectionPageHeaderProps,\n}: CairoTestAppProps) {\n let child = children;\n\n switch (page) {\n case 'wsr':\n child = (\n <Page>\n <Page.Header title=\"Page Title\" />\n <Page.Content>{children}</Page.Content>\n </Page>\n );\n break;\n case 'entity':\n child = (\n <Page>\n <Page.Content>{children}</Page.Content>\n </Page>\n );\n break;\n case 'none':\n child = (\n <div\n ref={scrollElement}\n data-hook=\"custom-scroll-container\"\n style={{ height: '200px', overflow: 'auto' }}\n >\n {child}\n </div>\n );\n break;\n case 'entity-page':\n if (!entityPageState) {\n throw new Error('Page state was not initialized');\n }\n child = (\n <EntityPage state={entityPageState} dataHook={page}>\n {children}\n </EntityPage>\n );\n break;\n case 'collection-page':\n if (!collectionPageState) {\n throw new Error('Page state was not initialized');\n }\n child = (\n <CollectionPage dataHook={page}>\n <CollectionPage.Header\n title={{\n text: collectionPageState.pageTitle \|\| 'Title',\n hideTotal: collectionPageState.hideHeaderTotal,\n }}\n {...collectionPageHeaderProps}\n />\n <CollectionPage.Content>{children}</CollectionPage.Content>\n </CollectionPage>\n );\n break;\n case 'router':\n if (!routerParams) {\n throw new Error('Router params were not initialized');\n }\n\n child = (\n <Suspense fallback={<div>Loading router...</div>}>\n <CairoTestAppRouter>{children}</CairoTestAppRouter>\n </Suspense>\n );\n break;\n default:\n child = (\n <PageWrapper>\n <Page>\n <Page.Content>{children}</Page.Content>\n </Page>\n </PageWrapper>\n );\n break;\n }\n\n return (\n <EssentialsProvider essentials={driver.testContext}>\n <WixStyleReactEnvironmentProvider\n locale={driver.testContext.environment.language}\n >\n <WixPatternsTestProvider>\n <WixPatternsContainerProvider value={driver.container}>\n {child}\n </WixPatternsContainerProvider>\n </WixPatternsTestProvider>\n </WixStyleReactEnvironmentProvider>\n </EssentialsProvider>\n );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_components","_designSystem","_react2","_PatternsFieldsProvider","_react3","_EntityPage","_CollectionPageNew","_PageWrapper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CairoTestAppRouter","React","lazy","Promise","resolve","then","module","CairoTestApp","children","driver","page","scrollElement","entityPageState","collectionPageState","routerParams","collectionPageHeaderProps","child","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","title","Content","ref","style","height","overflow","Error","EntityPage","state","dataHook","CollectionPage","_extends2","text","pageTitle","hideTotal","hideHeaderTotal","Suspense","fallback","PageWrapper","EssentialsProvider","essentials","testContext","WixStyleReactEnvironmentProvider","locale","environment","language","WixPatternsTestProvider","WixPatternsContainerProvider","value","container","PatternsFieldsProvider"],"sources":["../../../src/test-utils/CairoTestApp.tsx"],"sourcesContent":["import React, { ReactNode, RefObject, Suspense } from 'react';\nimport { WixPatternsTestProvider } from '../components';\nimport { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';\nimport { WixPatternsContainerProvider } from '@wix/bex-core/react';\nimport { PatternsFieldsProvider } from '../providers/PatternsFieldsProvider';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { EssentialsProvider } from '@wix/fe-essentials/react';\nimport { EntityPageState } from '../state';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { EntityPage } from '../components/EntityPage';\nimport { CollectionPage } from '../components/CollectionPageNew';\nimport { PageWrapper } from '../components/PageWrapper/PageWrapper';\nimport { History } from 'history';\n\nconst CairoTestAppRouter = React.lazy(() =>\n import('./CairoTestAppRouter').then((module) => ({\n default: module.CairoTestAppRouter,\n })),\n);\nimport { CollectionPageHeaderProps } from '../components/CollectionPageHeaderNew';\n\nexport interface CairoTestAppProps {\n driver: WixPatternsContainerDriver;\n children?: ReactNode;\n page?:\n \| 'none'\n \| 'wsr'\n \| 'entity'\n \| 'entity-page'\n \| 'collection-page'\n \| 'router';\n scrollElement?: RefObject<HTMLDivElement>;\n entityPageState?: EntityPageState<any>;\n collectionPageState?: CollectionPageState;\n routerParams?: { history: History };\n collectionPageHeaderProps?: Partial<CollectionPageHeaderProps>;\n}\n\nexport function CairoTestApp({\n children,\n driver,\n page,\n scrollElement,\n entityPageState,\n collectionPageState,\n routerParams,\n collectionPageHeaderProps,\n}: CairoTestAppProps) {\n let child = children;\n\n switch (page) {\n case 'wsr':\n child = (\n <Page>\n <Page.Header title=\"Page Title\" />\n <Page.Content>{children}</Page.Content>\n </Page>\n );\n break;\n case 'entity':\n child = (\n <Page>\n <Page.Content>{children}</Page.Content>\n </Page>\n );\n break;\n case 'none':\n child = (\n <div\n ref={scrollElement}\n data-hook=\"custom-scroll-container\"\n style={{ height: '200px', overflow: 'auto' }}\n >\n {child}\n </div>\n );\n break;\n case 'entity-page':\n if (!entityPageState) {\n throw new Error('Page state was not initialized');\n }\n child = (\n <EntityPage state={entityPageState} dataHook={page}>\n {children}\n </EntityPage>\n );\n break;\n case 'collection-page':\n if (!collectionPageState) {\n throw new Error('Page state was not initialized');\n }\n child = (\n <CollectionPage dataHook={page}>\n <CollectionPage.Header\n title={{\n text: collectionPageState.pageTitle \|\| 'Title',\n hideTotal: collectionPageState.hideHeaderTotal,\n }}\n {...collectionPageHeaderProps}\n />\n <CollectionPage.Content>{children}</CollectionPage.Content>\n </CollectionPage>\n );\n break;\n case 'router':\n if (!routerParams) {\n throw new Error('Router params were not initialized');\n }\n\n child = (\n <Suspense fallback={<div>Loading router...</div>}>\n <CairoTestAppRouter>{children}</CairoTestAppRouter>\n </Suspense>\n );\n break;\n default:\n child = (\n <PageWrapper>\n <Page>\n <Page.Content>{children}</Page.Content>\n </Page>\n </PageWrapper>\n );\n break;\n }\n\n return (\n <EssentialsProvider essentials={driver.testContext}>\n <WixStyleReactEnvironmentProvider\n locale={driver.testContext.environment.language}\n >\n <WixPatternsTestProvider>\n <WixPatternsContainerProvider value={driver.container}>\n <PatternsFieldsProvider>{child}</PatternsFieldsProvider>\n </WixPatternsContainerProvider>\n </WixPatternsTestProvider>\n </WixStyleReactEnvironmentProvider>\n </EssentialsProvider>\n );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/types/SchemaConfig.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=SchemaConfig.js.map

package/dist/cjs/types/SchemaConfig.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["../../../src/types/SchemaConfig.ts"],"sourcesContent":["export type PatternsFieldType =\n | 'SHORT_TEXT'\n | 'LONG_TEXT'\n | 'NUMBER'\n | 'BOOLEAN'\n | 'DATE'\n | 'DATETIME'\n | 'TIME'\n | 'URL'\n | 'ARRAY'\n | 'REFERENCE'\n | 'MULTI_REFERENCE'\n | 'OBJECT'\n | 'IMAGE'\n | 'VIDEO'\n | 'MEDIA_GALLERY'\n | 'ADDRESS'\n | 'RICH_TEXT'\n | 'DOCUMENT'\n | 'RICH_CONTENT'\n | 'MULTI_DOCUMENT'\n | 'EMAIL'\n | 'AUDIO'\n | 'COLOR'\n | 'UNKNOWN';\n\nexport type QueryOperator =\n | 'CONTAINS'\n | 'ENDS_WITH'\n | 'EQ'\n | 'EXISTS'\n | 'GT'\n | 'GTE'\n | 'HAS_ALL'\n | 'HAS_SOME'\n | 'LT'\n | 'LTE'\n | 'NE'\n | 'STARTS_WITH'\n | 'URLIZED';\n\ninterface BaseField {\n id: string;\n displayName: string;\n validation?: {\n numberRange?: NumberRange;\n stringLengthRange?: StringLengthRange;\n required: boolean;\n };\n capabilities?: {\n supportedQueryOperators: QueryOperator[];\n sortable: boolean;\n };\n}\n\nexport interface BaseReferenceField extends BaseField {\n referenceMetadata: {\n referencedCollectionId: string;\n };\n}\n\nexport interface ReferenceField extends BaseReferenceField {\n type: 'REFERENCE';\n}\n\nexport interface MultiReferenceField extends BaseReferenceField {\n type: 'MULTI_REFERENCE';\n}\n\nexport interface NonReferenceField extends BaseField {\n type: Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE'>;\n}\n\nexport type Field = ReferenceField | MultiReferenceField | NonReferenceField;\n\nexport interface NumberRange {\n min?: number;\n max?: number;\n}\n\nexport interface StringLengthRange {\n minLength?: number;\n maxLength?: number;\n}\n\nexport interface CursorQueryResult {\n items: any[];\n cursor?: string | undefined | null;\n total?: number | null;\n}\n\nexport interface OffsetQueryResult {\n items: any[];\n total?: number | null;\n hasNext?: boolean;\n}\n\nexport interface Query {\n limit: number;\n offset?: number;\n page: number;\n search?: string;\n cursor?: string | null;\n filters: Record<string, any>;\n sort?: { fieldName: string; order: 'asc' | 'desc' }[];\n}\n\nexport interface SchemaConfig {\n id: string;\n fields: Record<string, Field | undefined>;\n displayField: string;\n idField: string;\n extensible?: { filterable?: boolean } | null;\n containsPii?: boolean;\n actions: {\n get: (entityId: string) => Promise<any>;\n create: (newEntity: Record<string, any>) => Promise<any>;\n update: (updatedEntity: Record<string, any>) => Promise<any>;\n delete: (entityId: string) => Promise<any>;\n bulkDelete: (entityIds: string[]) => Promise<any>;\n find: (\n query: Query,\n options?: {\n searchableFieldIds?: string[];\n filterFieldMapping?: Record<string, { fieldId: string }>;\n },\n ) => Promise<CursorQueryResult | OffsetQueryResult>;\n move?: (\n id: string,\n params: { moveAfterId: string | null | undefined },\n ) => Promise<void>;\n readonly backup?: {\n create: () => Promise<{ backupId: string }>;\n waitForCompletion: (\n backupId: string,\n options?: { signal?: AbortSignal },\n ) => Promise<void>;\n cancel?: (backupId: string) => Promise<void>;\n restore?: (backupId: string) => Promise<{ restorationId: string }>;\n waitForRestoration?: (\n restorationId: string,\n options?: { signal?: AbortSignal },\n ) => Promise<void>;\n };\n readonly bulkInsert?: (entities: Record<string, any>[]) => Promise<{\n succeeded?: number;\n failed?: number;\n errors?: { rowIndex: number; message?: string; code?: string }[];\n }>;\n };\n}\n"],"mappings":"","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.375.0';
+const version = exports.version = 'patterns@1.378.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.~~375~~.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.378.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/AutoCompleteFilter.md CHANGED Viewed

@@ -188,12 +188,12 @@ function ItemsSelectionFilterExample() {
 | `maxHeightPixels` | `string \| number` | No | - | Set the max height of the dropdownLayout in pixels |
 | `minWidthPixels` | `string \| number` | No | - | Set the min width of the dropdownLayout in pixels |
 | `withArrow` | `boolean` | No | - | @deprecated Do not use this prop. |
-| `closeOnSelect` | `boolean` | No | - | Closes DropdownLayout on option selection |
+| `closeOnSelect` | `boolean` | No | `true` | Closes DropdownLayout on option selection |
 | `onMouseEnter` | `MouseEventHandler<HTMLElement>` | No | - | Callback function called whenever the user entered with the mouse to the dropdown layout. |
 | `onMouseLeave` | `MouseEventHandler<HTMLElement>` | No | - | Callback function called whenever the user exited with the mouse from the dropdown layout. |
 | `onMouseDown` | `MouseEventHandler<HTMLElement>` | No | - | Callback function called whenever the user clicks the dropdown layout. |
 | `itemHeight` | `"big" \| "small"` | No | - | @deprecated Do not use this prop. |
-| `selectedHighlight` | `boolean` | No | - | Whether the selected option will be highlighted when dropdown reopened. |
+| `selectedHighlight` | `boolean` | No | `true` | Whether the selected option will be highlighted when dropdown reopened. |
 | `inContainer` | `boolean` | No | - | Whether the `<DropdownLayout/>` is in a container component. If `true`, some styles such as shadows, positioning and padding will be added the the component contentContainer. |
 | `infiniteScroll` | `boolean` | No | - | Set this prop for lazy loading of the dropdown layout items. |
 | `loadMore` | `((page: number) => void)` | No | - | A callback called when more items are requested to be rendered. |
@@ -208,7 +208,22 @@ function ItemsSelectionFilterExample() {
 | `listboxId` | `string` | No | - | Defines the id for the listbox |
 | `onDrillIn` | `((option: DropdownLayoutValueOption) => void)` | No | - | Called when the user presses ArrowRight on a hovered option. Use to move focus into an interactive child element (e.g. an actions menu). |
 | `onDrillOut` | `(() => void)` | No | - | Called when the user navigates back from a drilled-in child element (e.g. via ArrowLeft or Escape). Use to restore focus to the trigger input. |
-| `autocomplete` | `string` | No | - | Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values |
+| `predicate` | `((option: DropdownLayoutValueOption) => boolean)` | No | - | Defines a callback predicate for the filtering options function. |
+| `emptyStateMessage` | `ReactNode` | No | - | Defines a message to be displayed instead of options when no options exist or no options pass the predicate filter function. |
+| `onEmptyState` | `(() => void)` | No | - | Defines a callback function which is called when no options exist. |
+| `autocomplete` | `string` | No | `'off'` | Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values |
+| `inputElement` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | Use a customized input component instead of the default @wix/design-system `<Input/>` component |
+| `onManuallyInput` | `ManualInputFnSignature` | No | - | A callback which is called when the user performs a Submit-Action. Submit-Action triggers are: "Enter", "Tab", [typing any defined delimiters], Paste action. `onManuallyInput(values: Array<string>): void - The array of strings is the result of splitting the input value by the given delimiters |
+| `valueParser` | `((option: DropdownLayoutValueOption) => ReactNode \| RenderOptionFn)` | No | - | Function that receives an option, and should return the value to be displayed. |
+| `dropdownWidth` | `string` | No | `null` | Sets the width of the dropdown |
+| `dropdownOffsetLeft` | `string` | No | `'0'` | Sets the offset of the dropdown from the left |
+| `showOptionsIfEmptyInput` | `boolean` | No | `true` | Controls whether to show options if input is empty |
+| `highlight` | `boolean` | No | - | Mark in bold word parts based on search pattern |
+| `native` | `boolean` | No | `false` | Indicates whether to render using the native select element |
+| `popoverProps` | `PopoverCommonProps` | No | - | common popover props |
+| `onOptionsShow` | `(() => void)` | No | - | A callback which is called when options dropdown is shown |
+| `onOptionsHide` | `(() => void)` | No | - | A callback which is called when options dropdown is hidden |
+| `showDrawerOnMobile` | `boolean` | No | `true` | Controls whether to show drawer on mobile devices |
 | `id` | `string` | No | - | Assigns a unique identifier for the root element |
 | `role` | `string` | No | - | Specifies the role of the input element for accessibility |
 | `ariaControls` | `string` | No | - | Associate a control with the regions that it controls |
@@ -247,6 +262,7 @@ function ItemsSelectionFilterExample() {
 | `prefix` | `ReactNode` | No | - | Pass a component you want to show as the prefix of the input, e.g., text, icon |
 | `readOnly` | `boolean` | No | - | Specifies whether input is read only |
 | `disableEditing` | `boolean` | No | - | Restricts input editing |
+| `rtl` | `boolean` | No | - | Specifies text direction. If true, the text will be displayed from right to left |
 | `suffix` | `ReactNode` | No | - | Pass a component you want to show as the suffix of the input, e.g., text, icon |
 | `textOverflow` | `"clip" \| "ellipsis"` | No | - | Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. |
 | `tooltipPlacement` | `"auto" \| "auto-start" \| "auto-end" \| "top-start" \| "top" \| "top-end" \| "right-start" \| "right" \| "right-end" \| "bottom-end" \| "bottom" \| "bottom-start" \| "left-end" \| "left" \| "left-start"` | No | - | Controls placement of a status tooltip @deprecated use tooltipProps instead |

package/dist/docs/CollectionEmptyState.md CHANGED Viewed

@@ -230,11 +230,11 @@ function PassiveEmptyState() {
 | `className` | `string` | No | - | Specifies a CSS class name to be appended to the component’s root element. |
 | `children` | `ReactNode` | No | - | Contains components rendered below the subtitle, e.g., `<Button/>` or `<TextButton/>` |
 | `title` | `string` | No | - | Overrides the default title. |
-| `skin` | `"page" \| "page-no-border" \| "section"` | No | - | Sets the style skin for the empty state |
+| `skin` | `"page" \| "page-no-border" \| "section"` | No | `'section'` | Sets the style skin for the empty state |
 | `theme` | `"page" \| "page-no-border" \| "section"` | No | - | @deprecated use skin prop instead |
 | `subtitle` | `string` | No | - | Overrides the default subtitle. |
 | `image` | `ReactNode` | No | - | Overrides the default image. Accepts a custom `ReactElement` or boolean value. Pass `false` to hide the default image. |
 | `classNames` | `{ imageContainer?: string; }` | No | - | Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. |
-| `align` | `"start" \| "center" \| "end"` | No | - | Sets the alignment of all empty state contents within the component container |
+| `align` | `"start" \| "center" \| "end"` | No | `'center'` | Sets the alignment of all empty state contents within the component container |
 | `customCta` | `ReactNode` | No | - | Adds another custom call to action button. Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component. |

package/dist/docs/CollectionNoResultsState.md CHANGED Viewed

@@ -108,9 +108,9 @@ function FilteredEmptyState() {
 | `className` | `string` | No | - | Specifies a CSS class name to be appended to the component’s root element. |
 | `children` | `ReactNode` | No | - | Contains components rendered below the subtitle, e.g., `<Button/>` or `<TextButton/>` |
 | `title` | `string` | No | - | Overrides the default title. |
-| `skin` | `"page" \| "page-no-border" \| "section"` | No | - | Sets the style skin for the empty state |
+| `skin` | `"page" \| "page-no-border" \| "section"` | No | `'section'` | Sets the style skin for the empty state |
 | `theme` | `"page" \| "page-no-border" \| "section"` | No | - | @deprecated use skin prop instead |
 | `subtitle` | `string` | No | - | Overrides the default subtitle. |
 | `classNames` | `{ imageContainer?: string; }` | No | - | Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. |
-| `align` | `"start" \| "center" \| "end"` | No | - | Sets the alignment of all empty state contents within the component container |
+| `align` | `"start" \| "center" \| "end"` | No | `'center'` | Sets the alignment of all empty state contents within the component container |

package/dist/docs/CollectionPremiumEmptyState.md CHANGED Viewed

@@ -105,11 +105,11 @@ function CollectionPremiumEmptyStateExample() {
 | `className` | `string` | No | - | Specifies a CSS class name to be appended to the component’s root element. |
 | `children` | `ReactNode` | No | - | Contains components rendered below the subtitle, e.g., `<Button/>` or `<TextButton/>` |
 | `title` | `string` | No | - | Overrides the default title. |
-| `skin` | `"page" \| "page-no-border" \| "section"` | No | - | Sets the style skin for the empty state |
+| `skin` | `"page" \| "page-no-border" \| "section"` | No | `'section'` | Sets the style skin for the empty state |
 | `theme` | `"page" \| "page-no-border" \| "section"` | No | - | @deprecated use skin prop instead |
 | `subtitle` | `string` | No | - | Overrides the default subtitle. |
 | `image` | `ReactNode` | No | - | Overrides the default image. Accepts a custom `ReactElement` or boolean value. Pass `false` to hide the default image. |
 | `classNames` | `{ imageContainer?: string; }` | No | - | Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. |
-| `align` | `"start" \| "center" \| "end"` | No | - | Sets the alignment of all empty state contents within the component container |
+| `align` | `"start" \| "center" \| "end"` | No | `'center'` | Sets the alignment of all empty state contents within the component container |
 | `customCta` | `ReactNode` | No | - | Adds another custom call to action button. Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component. |

package/dist/docs/DateRangeFilter.md CHANGED Viewed

@@ -199,4 +199,58 @@ function WithTimeResolution() {
 | `onAppliedFilterTagRemove` | `((item: RangeItem<Date>) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
 | `renderToolbarTag` | `((item: RangeItem<Date>) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
+| `className` | `string` | No | - | Specifies a CSS class name to be appended to the component’s root element. |
+| `customInput` | `ReactNode` | No | - | Override a field with a custom input element. If you only need to pass custom props to the `<Input/>`, then use `inputProps` instead. |
+| `inputProps` | `{}` | No | - | Allows you to pass default Input component properties |
+| `locale` | `"id" \| "en" \| "en-US" \| "en-GB" \| "en-AU" \| "en-CA" \| "ar" \| "bg" \| "ca" \| "zh" \| "zh-TW" \| "zh-HK" \| "zh-MO" \| "cs" \| "da" \| "nl" \| "fi" \| "fr" \| "fr-CA" \| "fr-CH" \| "fr-BE" \| "de" \| "de-CH" \| "de-AT" \| "el" \| "he" \| "hi" \| "hu" \| "it" \| "ja" \| "ko" \| "lt" \| "ms" \| "no" \| "nb" \| "nn" \| "pl" \| "pt-BR" \| "pt" \| "ro" \| "ru" \| "sk" \| "sl" \| "es" \| "es-419" \| "es-AR" \| "es-MX" \| "es-US" \| "sv" \| "tl" \| "th" \| "tr" \| "uk" \| "vi"` | No | - | Specify date picker instance locale |
+| `dateStyle` | `"medium" \| "short" \| "long"` | No | `'short'` | Sets date format of locale |
+| `disabled` | `boolean` | No | `false` | Specify whether a field should be disabled or not |
+| `inputDataHook` | `string` | No | - | Applies a data-hook HTML attribute for date picker input |
+| `calendarDataHook` | `string` | No | - | Applies a data-hook HTML attribute for date picker calendar view |
+| `placeholderText` | `string` | No | - | Defines a placeholder of the field |
+| `rtl` | `boolean` | No | `false` | Specify whether RTL mode is enabled or not. When true, the keyboard navigation will be changed, meaning pressing on the right arrow will navigate to the previous day, and pressing on the left arrow will navigate to the next day. |
+| `value` | `Date` | No | - | Defines the selected date |
+| `initialOpen` | `boolean` | No | - | Specify whether the calendar will be initially visible or not |
+| `status` | `"error" \| "warning" \| "loading"` | No | - | Controls the status of a field |
+| `statusMessage` | `ReactNode` | No | - | Defines the status message to be displayed on status icon hover. If not given or empty, the tooltip won’t be shown. |
+| `width` | `string \| number` | No | `'150px'` | Sets the width of picker input in pixels or percentage |
+| `zIndex` | `number` | No | - | Set a desired z-index for date picker popover |
+| `firstDayOfWeek` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6` | No | - | Specify the starting day of a week, allowing only from 0 to 6 (Sunday to Saturday). The default value is 1 which means Monday. |
+| `size` | `"small" \| "medium" \| "large"` | No | - | Specifies the size of the input |
+| `readOnly` | `boolean` | No | - | Specify whether date picker input is readOnly or not |
+| `clearButton` | `boolean` | No | - | Display a clear button (x) on a non-empty field |
+| `onClear` | `MouseEventHandler<HTMLInputElement>` | No | - | Displays clear button (X) on a non-empty input and calls callback with no arguments |
+| `disableKeyboardType` | `boolean` | No | `false` | Disable typing the in the input. When true, choosing a date is possible only by picking from the calendar. Default: false. |
+| `validate` | `boolean` | No | - | Enables internal input validation |
+| `onValidate` | `(({ validationType, format, value, }: { format?: string; validationType: "outOfBoundsError" \| "formatError" \| "valid"; value: string; }) => void)` | No | - | Defines a callback function which is called on cases when date is validated. - {validationType: 'outOfBoundsError' \| 'formatError' \| 'valid', format: string, value: string } - `validationType` - type 'formatError' is set when validated date is in the wrong date format - type 'outOfBoundsError' is set when 'excludePastDates' is true and date input is before today - type 'valid' is set when entered date is valid - `format` - is set to valid date format - `value` - is set to current input value |
+| `clearButtonTooltipContent` | `ReactNode` | No | - | When provided, hover will display a tooltip |
+| `clearButtonAriaLabel` | `string` | No | - | Aria label for the clear button |
+| `clearButtonTooltipProps` | `TooltipCommonProps` | No | - | Tooltip props |
+| `onOpen` | `(() => void)` | No | - | Defines a callback function which is called when date picker is opened. |
+| `renderFooter` | `(() => ReactNode)` | No | - | Function which renders a provided node at the bottom of the Calendar. |
+| `calendarProps` | `{ size?: "small" \| "medium"; }` | No | - | Defines the size of calendar opened |
+| `dataHook` | `string` | No | - | Applies as data-hook HTML attribute that can be used in the tests |
+| `onClose` | `(() => void)` | No | - | Defines a callback function that is called whenever a user presses escape, clicks outside of the element or a date is selected and `shouldCloseOnSelect` is set. Receives an event as a first argument. |
+| `autoFocus` | `boolean` | No | `true` | Focus selected day automatically when component mounts or updates |
+| `onChange` | `((date: Date) => void)` | No | - | Provides a callback function when day in selected in the calendar |
+| `onKeyDown` | `((event: KeyboardEvent<Element>) => void)` | No | - | Provides a callback function when any key is clicked in the calendar |
+| `numOfMonths` | `1 \| 2` | No | `1` | Allows to display multiple months at once. Currently it shows 1 or 2 months only. |
+| `onMonthChange` | `((monthStart: Date) => void)` | No | - | Defines a callback function that is called with the date of the first day of the month whenever the user selects a month in the calendar |
+| `excludePastDates` | `boolean` | No | `false` | Specify whether past dates should be selectable or not |
+| `filterDate` | `((date: Date) => boolean)` | No | - | ##### Specify selectable dates: * `param` {Date} `date` - a date to check * `return` {boolean} - true if `date` should be selectable, false otherwise |
+| `selectionMode` | `"day" \| "range"` | No | `'day'` | Whether the user should be able to select a date range, or just a single day |
+| `showYearDropdown` | `boolean` | No | `false` | Displays a selectable yearDropdown |
+| `showMonthDropdown` | `boolean` | No | `false` | Displays a selectable monthDropdown |
+| `shouldCloseOnSelect` | `boolean` | No | `true` | Specify whether the calendar closes on day selection |
+| `dateIndication` | `FC<dateIndicationProps>` | No | - | ##### Add an indication under a specific date. Function returns the indication node of a specific date or null if this day doesn't have an indication. - `param` {date: Date, isSelected: boolean } - `date` - a date - `isSelected` - whether this date is the selected date - `return` {React.node} - the indication node of a specific date or null if this day doesn't have an indication. |
+| `today` | `Date` | No | - | Sets today's date. The today indication is added automatically according to the user timezone but in some cases, we need the ability to add the today indication based on the business timezone. |
+| `containFocus` | `boolean` | No | - | Whether focus should be contained within the calendar |
+| `leftArrowAriaLabel` | `string` | No | - | Defines a string value that labels the left arrow in calendar header |
+| `leftArrowAriaLabelledBy` | `string` | No | - | Identifies the element that labels the left arrow in calendar header |
+| `rightArrowAriaLabel` | `string` | No | - | Defines a string value that labels the right arrow in calendar header |
+| `rightArrowAriaLabelledBy` | `string` | No | - | Identifies the element that labels the right arrow in calendar header |
+| `monthDropdownAriaLabel` | `string` | No | - | Defines a string value that labels the months dropdown in calendar header |
+| `monthDropdownAriaLabelledBy` | `string` | No | - | Identifies the element that labels the months dropdown in calendar header |
+| `yearDropdownAriaLabel` | `string` | No | - | Defines a string value that labels the years dropdown in calendar header |
+| `yearDropdownAriaLabelledBy` | `string` | No | - | Identifies the element that labels the years dropdown in calendar header |

package/dist/docs/MultiSelectCheckboxFilter.md CHANGED Viewed

@@ -283,12 +283,12 @@ function ItemsSelectionFilterExample() {
 | `maxHeightPixels` | `string \| number` | No | - | Set the max height of the dropdownLayout in pixels |
 | `minWidthPixels` | `string \| number` | No | - | Set the min width of the dropdownLayout in pixels |
 | `withArrow` | `boolean` | No | - | @deprecated Do not use this prop. |
-| `closeOnSelect` | `boolean` | No | - | Closes DropdownLayout on option selection |
+| `closeOnSelect` | `boolean` | No | `true` | Closes DropdownLayout on option selection |
 | `onMouseEnter` | `MouseEventHandler<HTMLElement>` | No | - | Callback function called whenever the user entered with the mouse to the dropdown layout. |
 | `onMouseLeave` | `MouseEventHandler<HTMLElement>` | No | - | Callback function called whenever the user exited with the mouse from the dropdown layout. |
 | `onMouseDown` | `MouseEventHandler<HTMLElement>` | No | - | Callback function called whenever the user clicks the dropdown layout. |
 | `itemHeight` | `"big" \| "small"` | No | - | @deprecated Do not use this prop. |
-| `selectedHighlight` | `boolean` | No | - | Whether the selected option will be highlighted when dropdown reopened. |
+| `selectedHighlight` | `boolean` | No | `true` | Whether the selected option will be highlighted when dropdown reopened. |
 | `inContainer` | `boolean` | No | - | Whether the `<DropdownLayout/>` is in a container component. If `true`, some styles such as shadows, positioning and padding will be added the the component contentContainer. |
 | `infiniteScroll` | `boolean` | No | - | Set this prop for lazy loading of the dropdown layout items. |
 | `loadMore` | `((page: number) => void)` | No | - | A callback called when more items are requested to be rendered. |
@@ -303,7 +303,21 @@ function ItemsSelectionFilterExample() {
 | `listboxId` | `string` | No | - | Defines the id for the listbox |
 | `onDrillIn` | `((option: DropdownLayoutValueOption) => void)` | No | - | Called when the user presses ArrowRight on a hovered option. Use to move focus into an interactive child element (e.g. an actions menu). |
 | `onDrillOut` | `(() => void)` | No | - | Called when the user navigates back from a drilled-in child element (e.g. via ArrowLeft or Escape). Use to restore focus to the trigger input. |
-| `autocomplete` | `string` | No | - | Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values |
+| `predicate` | `((option: DropdownLayoutValueOption) => boolean)` | No | - | Defines a custom function for options filtering |
+| `emptyStateMessage` | `ReactNode` | No | - | Defines a message to be displayed instead of options when no options exist or no options pass the predicate filter function. |
+| `autocomplete` | `string` | No | `'off'` | Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values |
+| `inputElement` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | Use a customized input component instead of the default @wix/design-system `<Input/>` component |
+| `onManuallyInput` | `ManualInputFnSignature` | No | - | A callback which is called when the user performs a Submit-Action. Submit-Action triggers are: "Enter", "Tab", [typing any defined delimiters], Paste action. `onManuallyInput(values: Array<string>): void - The array of strings is the result of splitting the input value by the given delimiters |
+| `valueParser` | `((option: DropdownLayoutValueOption) => ReactNode \| RenderOptionFn)` | No | - | Function that receives an option, and should return the value to be displayed. |
+| `dropdownWidth` | `string` | No | `null` | Sets the width of the dropdown |
+| `dropdownOffsetLeft` | `string` | No | `'0'` | Sets the offset of the dropdown from the left |
+| `showOptionsIfEmptyInput` | `boolean` | No | `true` | Controls whether to show options if input is empty |
+| `highlight` | `boolean` | No | - | Mark in bold word parts based on search pattern |
+| `native` | `boolean` | No | `false` | Indicates whether to render using the native select element |
+| `popoverProps` | `PopoverCommonProps` | No | - | common popover props |
+| `onOptionsShow` | `(() => void)` | No | - | A callback which is called when options dropdown is shown |
+| `onOptionsHide` | `(() => void)` | No | - | A callback which is called when options dropdown is hidden |
+| `showDrawerOnMobile` | `boolean` | No | `true` | Controls whether to show drawer on mobile devices |
 | `id` | `string` | No | - | Assigns a unique identifier for the root element |
 | `role` | `string` | No | - | Specifies the role of the input element for accessibility |
 | `ariaControls` | `string` | No | - | Associate a control with the regions that it controls |
@@ -342,6 +356,7 @@ function ItemsSelectionFilterExample() {
 | `prefix` | `ReactNode` | No | - | Pass a component you want to show as the prefix of the input, e.g., text, icon |
 | `readOnly` | `boolean` | No | - | Specifies whether input is read only |
 | `disableEditing` | `boolean` | No | - | Restricts input editing |
+| `rtl` | `boolean` | No | - | Specifies text direction. If true, the text will be displayed from right to left |
 | `suffix` | `ReactNode` | No | - | Pass a component you want to show as the suffix of the input, e.g., text, icon |
 | `textOverflow` | `"clip" \| "ellipsis"` | No | - | Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`. |
 | `tooltipPlacement` | `"auto" \| "auto-start" \| "auto-end" \| "top-start" \| "top" \| "top-end" \| "right-start" \| "right" \| "right-end" \| "bottom-end" \| "bottom" \| "bottom-start" \| "left-end" \| "left" \| "left-start"` | No | - | Controls placement of a status tooltip @deprecated use tooltipProps instead |
@@ -367,5 +382,10 @@ function ItemsSelectionFilterExample() {
 | `onAppliedFilterTagRemove` | `((item: V) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
 | `renderToolbarTag` | `((item: V) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
+| `selectedOptions` | `(string \| number)[]` | No | - | Specifies an array of selected options ids |
+| `onDeselect` | `((id: string \| number, option: DropdownLayoutValueOption) => void)` | No | - | Defines a callback function called on option deselect. Function receives the id of the unselected option as the first argument, and the actual option object as the second argument. |
+| `delimiter` | `string` | No | `', '` | Specifies the delimiter symbol to be displayed between the selected options in the input |
+| `enableSearch` | `boolean` | No | `false` | Sets whether to enable search in the dropdown |
+| `getSelectedOptionsText` | `((selectedOptionsCount: number) => string)` | No | - | Defines a callback function to get the text for the selected options |
 | `initialFetchTiming` | `"focus"` | No | `undefined - on component mount` | At which point the initial fetch of the filter collection data takes place. If this prop is omitted, it will take place on component mount.<br> <br> Supported values: <br> - `focus`: On the first visitor interaction with the filter component. |