@wix/patterns 1.413.0 → 1.415.0

package/dist/esm/components/EditableTable/cellTypes/datetime/formatters.js

@@ -0,0 +1,46 @@
+import { isValidDate } from './helpers';
+const dateFormatter = new Intl.DateTimeFormat(undefined, {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+});
+const timeFormatter = new Intl.DateTimeFormat(undefined, {
+    hour: 'numeric',
+    minute: '2-digit',
+});
+export const formatDatePart = (value) => isValidDate(value) ? dateFormatter.format(value) : '';
+export const formatTimePart = (value) => isValidDate(value) ? timeFormatter.format(value) : '';
+const DATE_PLACEHOLDER_SAMPLE = new Date(2026, 0, 31);
+const TIME_PLACEHOLDER_SAMPLE = new Date(2026, 0, 1, 13, 30);
+/**
+ * Derives an input placeholder from the current locale's date format by
+ * replacing each part with its translated stand-in (DD, MM, YYYY). E.g.
+ * `MM/DD/YYYY` in en-US, `DD.MM.YYYY` in de-DE, `YYYY/MM/DD` in ja-JP.
+ */
+export const datePlaceholder = (tokens) => dateFormatter
+    .formatToParts(DATE_PLACEHOLDER_SAMPLE)
+    .map((part) => {
+    if (part.type === 'day')
+        return tokens.day;
+    if (part.type === 'month')
+        return tokens.month;
+    if (part.type === 'year')
+        return tokens.year;
+    return part.value;
+})
+    .join('');
+/**
+ * Derives a time input placeholder from the current locale's time format.
+ * E.g. `HH:MM AM` in en-US (12-hour) or `HH:MM` in de-DE (24-hour).
+ */
+export const timePlaceholder = (tokens) => timeFormatter
+    .formatToParts(TIME_PLACEHOLDER_SAMPLE)
+    .map((part) => {
+    if (part.type === 'hour')
+        return tokens.hour;
+    if (part.type === 'minute')
+        return tokens.minute;
+    return part.value;
+})
+    .join('');
+//# sourceMappingURL=formatters.js.map

package/dist/esm/components/EditableTable/cellTypes/datetime/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;IACvD,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;IACvD,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAU,EAAE,CAC3D,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAExD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAkB,EAAU,EAAE,CAC3D,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAExD,MAAM,uBAAuB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AACtD,MAAM,uBAAuB,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAW7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAyB,EAAU,EAAE,CACnE,aAAa;KACV,aAAa,CAAC,uBAAuB,CAAC;KACtC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACZ,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;QAAE,OAAO,MAAM,CAAC,GAAG,CAAC;IAC3C,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC;IAC/C,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC,IAAI,CAAC;IAC7C,OAAO,IAAI,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC;KACD,IAAI,CAAC,EAAE,CAAC,CAAC;AAEd;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAyB,EAAU,EAAE,CACnE,aAAa;KACV,aAAa,CAAC,uBAAuB,CAAC;KACtC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACZ,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC,IAAI,CAAC;IAC7C,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC;KACD,IAAI,CAAC,EAAE,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/datetime/helpers.js

@@ -0,0 +1,23 @@
+export const isValidDate = (d) => d instanceof Date && !isNaN(d.getTime());
+export const toValidDate = (value) => {
+    if (value == null) {
+        return null;
+    }
+    const date = value instanceof Date ? value : new Date(value);
+    return isValidDate(date) ? date : null;
+};
+/**
+ * Bypass React's synthetic event system to set a controlled <input>'s value
+ * AND fire an `input` event that React's listener picks up. Used for the
+ * type-to-edit gesture: forward the keystroke that triggered edit into the
+ * underlying WDS input without re-implementing its parsing.
+ */
+export const setNativeInputValue = (el, value) => {
+    const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;
+    if (!setter) {
+        return;
+    }
+    setter.call(el, value);
+    el.dispatchEvent(new Event('input', { bubbles: true }));
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/components/EditableTable/cellTypes/datetime/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAU,EAAa,EAAE,CACnD,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAuC,EAC1B,EAAE;IACf,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,IAAI,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7D,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,EAAoB,EACpB,KAAa,EACP,EAAE;IACR,MAAM,MAAM,GAAG,MAAM,CAAC,wBAAwB,CAC5C,gBAAgB,CAAC,SAAS,EAC1B,OAAO,CACR,EAAE,GAAG,CAAC;IACP,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;KACR;IACD,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACvB,EAAE,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/datetime/index.js

@@ -0,0 +1,48 @@
+import { defineCellType } from '../../types';
+import { DateTimeView } from './View';
+import { DateTimeEdit } from './Edit';
+import { DateTimeEditWrapper } from './DateTimeEditWrapper';
+import { toValidDate } from './helpers';
+export { DateTimeView, DateTimeEdit };
+/**
+ * DateTime — 2-in-1 cell type. Single `Date | null` rendered as two halves
+ * (date | time) with a vertical divider. Each half has its own focus + edit
+ * lifecycle, but only one sub-cell is in edit mode at a time.
+ *
+ * Serialized via ISO 8601 (`toISOString`) — round-trips both date and time
+ * components without timezone surprises in storage. The cell is never in a
+ * "date set, time null" state; an empty time-of-day after a date pick
+ * defaults to 00:00:00.
+ */
+export const dateTimeCellType = defineCellType({
+    type: 'datetime',
+    ViewComponent: DateTimeView,
+    EditComponent: DateTimeEdit,
+    EditWrapper: DateTimeEditWrapper,
+    serialize: (value) => {
+        const date = toValidDate(value);
+        return date ? date.toISOString() : '';
+    },
+    deserialize: (raw) => {
+        if (!raw) {
+            return null;
+        }
+        const date = toValidDate(raw);
+        if (!date) {
+            throw new Error(`Invalid datetime value: "${raw}"`);
+        }
+        return date;
+    },
+    validate: (value) => {
+        if (value == null) {
+            return null;
+        }
+        return toValidDate(value) ? null : 'Invalid date/time';
+    },
+    editable: true,
+    clearable: true,
+    // Forward typed character into the date half (entry default is 'date').
+    // The Edit component opens the calendar and forwards the key.
+    onTypeToEdit: () => ({}),
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/datetime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAEtC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAc;IAC1D,IAAI,EAAE,UAAU;IAChB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,mBAAmB;IAChC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QACnB,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,CAAC;IACD,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;QACnB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,IAAI,CAAC;SACb;QACD,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE;YACT,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,GAAG,CAAC,CAAC;SACrD;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACzD,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,wEAAwE;IACxE,8DAA8D;IAC9D,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/datetime/mergeDateTime.js

@@ -0,0 +1,25 @@
+import { isValidDate } from './helpers';
+/**
+ * Take the date-part from `newDate` and the time-of-day from `prev`. When
+ * `prev` is null/invalid the merged time-of-day defaults to midnight.
+ */
+export function mergeDate(prev, newDate) {
+    const next = new Date(newDate);
+    if (isValidDate(prev)) {
+        next.setHours(prev.getHours(), prev.getMinutes(), prev.getSeconds(), prev.getMilliseconds());
+    }
+    else {
+        next.setHours(0, 0, 0, 0);
+    }
+    return next;
+}
+/**
+ * Take the time-of-day from `newTime` and the date-part from `prev`. When
+ * `prev` is null/invalid the merged date-part defaults to today.
+ */
+export function mergeTime(prev, newTime) {
+    const base = isValidDate(prev) ? new Date(prev) : new Date();
+    base.setHours(newTime.getHours(), newTime.getMinutes(), newTime.getSeconds(), newTime.getMilliseconds());
+    return base;
+}
+//# sourceMappingURL=mergeDateTime.js.map

package/dist/esm/components/EditableTable/cellTypes/datetime/mergeDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeDateTime.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/mergeDateTime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,IAAiB,EAAE,OAAa;IACxD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QACrB,IAAI,CAAC,QAAQ,CACX,IAAI,CAAC,QAAQ,EAAE,EACf,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,eAAe,EAAE,CACvB,CAAC;KACH;SAAM;QACL,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;KAC3B;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,IAAiB,EAAE,OAAa;IACxD,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;IAC7D,IAAI,CAAC,QAAQ,CACX,OAAO,CAAC,QAAQ,EAAE,EAClB,OAAO,CAAC,UAAU,EAAE,EACpB,OAAO,CAAC,UAAU,EAAE,EACpB,OAAO,CAAC,eAAe,EAAE,CAC1B,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/datetime/subCellContext.js

@@ -0,0 +1,8 @@
+import React from 'react';
+const NOOP_TRACKER = {
+    consume: () => null,
+    record: () => { },
+};
+export const SubCellClickContext = React.createContext(NOOP_TRACKER);
+export const useSubCellClickTracker = () => React.useContext(SubCellClickContext);
+//# sourceMappingURL=subCellContext.js.map

package/dist/esm/components/EditableTable/cellTypes/datetime/subCellContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subCellContext.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/subCellContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,YAAY,GAAwB;IACxC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;IACnB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAC9B,KAAK,CAAC,aAAa,CAAsB,YAAY,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAwB,EAAE,CAC9D,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2995109127";
+var _namespace_ = "Edit551041898";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2995109127__root", "emailInput": "Edit2995109127__emailInput" };
+export var classes = { "root": "Edit551041898__root", "emailInput": "Edit551041898__emailInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,YAAY,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,YAAY,EAAC,2BAA2B,EAAC,CAAC;AAC7F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View1765699111";
+var _namespace_ = "View1120631057";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View1765699111__root" };
+export var classes = { "root": "View1120631057__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/index.js

@@ -3,6 +3,7 @@ import { numberCellType } from './number';
 import { booleanCellType } from './boolean';
 import { dateCellType } from './date';
 import { timeCellType } from './time';
+import { dateTimeCellType } from './datetime';
 import { urlCellType } from './url';
 import { emailCellType } from './email';
 import { colorCellType } from './color';
@@ -17,7 +18,7 @@ import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
 import { referenceCellType } from './reference';
 import { addressCellType } from './address';
-export { textCellType, numberCellType, booleanCellType, dateCellType, timeCellType, urlCellType, emailCellType, colorCellType, objectCellType, imageCellType, documentCellType, multiDocumentCellType, richContentCellType, videoCellType, audioCellType, richTextCellType, mediaGalleryCellType, referenceCellType, addressCellType, };
+export { textCellType, numberCellType, booleanCellType, dateCellType, timeCellType, dateTimeCellType, urlCellType, emailCellType, colorCellType, objectCellType, imageCellType, documentCellType, multiDocumentCellType, richContentCellType, videoCellType, audioCellType, richTextCellType, mediaGalleryCellType, referenceCellType, addressCellType, };
 /** All built-in cell types */
 export const builtInCellTypes = [
     textCellType,
@@ -25,6 +26,7 @@ export const builtInCellTypes = [
     booleanCellType,
     dateCellType,
     timeCellType,
+    dateTimeCellType,
     urlCellType,
     emailCellType,
     colorCellType,

package/dist/esm/components/EditableTable/cellTypes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,GAChB,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,aAAa;IACb,aAAa;IACb,cAAc;IACd,aAAa;IACb,gBAAgB;IAChB,qBAAqB;IACrB,mBAAmB;IACnB,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IACjB,eAAe;CAChB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,GAChB,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,WAAW;IACX,aAAa;IACb,aAAa;IACb,cAAc;IACd,aAAa;IACb,gBAAgB;IAChB,qBAAqB;IACrB,mBAAmB;IACnB,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IACjB,eAAe;CAChB,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit82474354";
+var _namespace_ = "Edit3997170827";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit82474354__root", "numberInput": "Edit82474354__numberInput" };
+export var classes = { "root": "Edit3997170827__root", "numberInput": "Edit3997170827__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,cAAc,CAAC;AACjC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oBAAoB,EAAC,aAAa,EAAC,2BAA2B,EAAC,CAAC;AAC7F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2867133405";
+var _namespace_ = "View3717091114";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View2867133405__root", "textView": "View2867133405__textView" };
+export var classes = { "root": "View3717091114__root", "textView": "View3717091114__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit418534881";
+var _namespace_ = "Edit1884076868";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit418534881__root", "jsonInput": "Edit418534881__jsonInput" };
+export var classes = { "root": "Edit1884076868__root", "jsonInput": "Edit1884076868__jsonInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,WAAW,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,WAAW,EAAC,2BAA2B,EAAC,CAAC;AAC7F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2561215068";
+var _namespace_ = "View4108766999";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View2561215068__root" };
+export var classes = { "root": "View4108766999__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3098003061";
+var _namespace_ = "Edit1063584883";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit3098003061__root", "selectInput": "Edit3098003061__selectInput" };
+export var classes = { "root": "Edit1063584883__root", "selectInput": "Edit1063584883__selectInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1280511382";
+var _namespace_ = "Edit2539786971";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit1280511382__root", "editWrapper": "Edit1280511382__editWrapper", "inputArea": "Edit1280511382__inputArea" };
+export var classes = { "root": "Edit2539786971__root", "editWrapper": "Edit2539786971__editWrapper", "inputArea": "Edit2539786971__inputArea" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2005723083";
+var _namespace_ = "View109019798";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View2005723083__root" };
+export var classes = { "root": "View109019798__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/time/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/time/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,aAAa,EACb,QAAQ,IAAI,cAAc,GAE3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAyC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;IACxE,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,wBAAwB,CAAC,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;IAEnE,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6BACE,GAAG,EAAE,UAAU,EACf,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EAAE,OAAO,CAAC,OAAO;QAE1B,oBAAC,aAAa,IACZ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,WAAW,GACpB;QACD,gBAAgB,IAAI,KAAK,IAAI,IAAI,IAAI,CACpC,kDAAiB,SAAS,EAAE,OAAO,CAAC,OAAO;YACzC,oBAAC,cAAc;gBACb,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAChB,CACb,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/time/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EACL,aAAa,EACb,QAAQ,IAAI,cAAc,GAE3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAyC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;IACxE,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,wBAAwB,CAAC,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;IAEnE,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6BACE,GAAG,EAAE,UAAU,EACf,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EAAE,OAAO,CAAC,OAAO;QAE1B,oBAAC,aAAa,IACZ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EACN,QAEC,EAEH,QAAQ,EAAC,WAAW,GACpB;QACD,gBAAgB,IAAI,KAAK,IAAI,IAAI,IAAI,CACpC,kDAAiB,SAAS,EAAE,OAAO,CAAC,OAAO;YACzC,oBAAC,cAAc;gBACb,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,GAAI,CAChB,CACb,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit260042110";
+var _namespace_ = "Edit3891897524";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit260042110__root", "wrapper": "Edit260042110__wrapper", "overlay": "Edit260042110__overlay" };
+export var classes = { "root": "Edit3891897524__root", "wrapper": "Edit3891897524__wrapper", "overlay": "Edit3891897524__overlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/time/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,SAAS,EAAC,wBAAwB,EAAC,SAAS,EAAC,wBAAwB,EAAC,CAAC;AAC1H,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,uCAAuC,EAAC,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/time/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,SAAS,EAAC,yBAAyB,EAAC,SAAS,EAAC,yBAAyB,EAAC,CAAC;AAC7H,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,uCAAuC,EAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1268113439";
+var _namespace_ = "Edit3618082279";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit1268113439__root", "urlInput": "Edit1268113439__urlInput" };
+export var classes = { "root": "Edit3618082279__root", "urlInput": "Edit3618082279__urlInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3467375880";
+var _namespace_ = "View1464552216";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View3467375880__root", "textView": "View3467375880__textView", "urlText": "View3467375880__urlText", "suffix": "View3467375880__suffix" };
+export var classes = { "root": "View1464552216__root", "textView": "View1464552216__textView", "urlText": "View1464552216__urlText", "suffix": "View1464552216__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain45724782";
+var _namespace_ = "EntityPagePlain583315663";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EntityPagePlain45724782__root" };
+export var classes = { "root": "EntityPagePlain583315663__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}
+{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade3247150327";
+var _namespace_ = "Fade68256681";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade3247150327__root" };
+export var classes = { "root": "Fade68256681__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,cAAc,CAAC;AACjC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oBAAoB,EAAC,CAAC;AACnD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/FiltersPanel/FiltersPanel.js

@@ -1,22 +1,28 @@
-import { Accordion, SidePanel, WixStyleReactDefaultsOverrideProvider } from '@wix/design-system';
+import { Accordion, Box, SidePanel, WixStyleReactDefaultsOverrideProvider, } from '@wix/design-system';
 import React, { useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';
 import { FiltersPanelFooter } from './FiltersPanelFooter';
 import { FilterRenderingContextProvider } from '../FilterRenderingContext';
 import { FiltersPanelState } from './FiltersPanelState';
+import { FiltersPanelSearch } from './FiltersPanelSearch';
+import { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useRafRender } from '../../hooks/useRafRender';
 import { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';
+const FILTER_SEARCH_THRESHOLD = 7;
 function _FiltersPanel(props) {
     const { state, children, ...rest } = props;
     const { toolbar, totalInlineFilters: { value: totalInlineFilters }, } = state;
-    const accordionItems = useBuildAccordionItems(state);
     const entered = useRafRender();
     const { translate: t } = useWixPatternsContainer();
     const [filtersPanelState] = useState(() => new FiltersPanelState({
         toolbar,
     }));
+    const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;
+    const accordionItems = useBuildAccordionItems(state, showSearch ? filtersPanelState.searchValue : '');
+    const hasActiveSearch = showSearch && filtersPanelState.searchValue.trim().length > 0;
+    const noResults = hasActiveSearch && accordionItems.length === 0;
     const [filterRenderingContext] = useState(() => ({
         location: 'panel',
     }));
@@ -39,9 +45,9 @@ function _FiltersPanel(props) {
                     ? t('cairo.filtersPanel.header', {
                         num: totalInlineFilters,
                     })
-                    : undefined) }),
-        React.createElement("div", { "data-hook": "filters-panel-scroll-container", style: { overflowY: 'auto' } },
-            React.createElement(Accordion, { dataHook: "filters-panel-accordion", skin: "light", hideShadow: true, multiple: true, items: accordionItems })),
+                    : undefined) }, showSearch && (React.createElement(Box, { padding: "0 SP2 SP2 SP2" },
+            React.createElement(FiltersPanelSearch, { state: filtersPanelState })))),
+        React.createElement("div", { "data-hook": "filters-panel-scroll-container", style: { overflowY: 'auto' } }, noResults ? (React.createElement(FiltersPanelSearchNoResults, { state: filtersPanelState })) : (React.createElement(Accordion, { dataHook: "filters-panel-accordion", skin: "light", hideShadow: true, multiple: true, items: accordionItems }))),
         React.createElement(SidePanel.Footer, { noPadding: true },
             React.createElement(FiltersPanelFooter, { state: toolbar, onClearButtonClicked: state.onClearButtonClicked })),
         children));

package/dist/esm/components/FiltersPanel/FiltersPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersPanel.js","sourceRoot":"","sources":["../../../../src/components/FiltersPanel/FiltersPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FiltersPanel.js","sourceRoot":"","sources":["../../../../src/components/FiltersPanel/FiltersPanel.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/FiltersPanel/FiltersPanel.uni.driver.js

@@ -1,5 +1,5 @@
 import { SlidingModalUniDriver } from '../SlidingModal/SlidingModal.uni.driver';
-import { AccordionUniDriver, ButtonUniDriver, DropdownBaseUniDriver, FieldSetUniDriver, FormFieldUniDriver, InputUniDriver, InputWithOptionsUniDriver, MessageModalLayoutUniDriver, MultiSelectUniDriver, SidePanelUniDriver, TextButtonUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { AccordionUniDriver, ButtonUniDriver, DropdownBaseUniDriver, FieldSetUniDriver, FormFieldUniDriver, InputUniDriver, InputWithOptionsUniDriver, MessageModalLayoutUniDriver, MultiSelectUniDriver, SearchUniDriver, SidePanelUniDriver, TextButtonUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 import { CollectionDropdownFilterUniDriver } from '../DropdownFilter/CollectionDropdownFilter.uni.driver';
 import { MultiInlineCheckboxUniDriver } from '../MultiInlineCheckbox/MultiInlineCheckbox.uni.driver';
 import { DateRangePickerUniDriver } from '../DateRangePicker/DateRangeFilter.uni.driver';
@@ -120,6 +120,11 @@ export const FiltersPanelUniDriver = (base, body) => {
     const getItemsCount = () => {
         return accordionBase.$$(':scope > div').count();
     };
+    const filterSearchBase = base.$('[data-hook="filters-panel-search"]');
+    const filterSearch = () => SearchUniDriver(filterSearchBase, body);
+    const noResultsBase = base.$('[data-hook="filters-panel-search-no-results"]');
+    const noResultsTitle = base.$('[data-hook="filters-panel-search-no-results-title"]');
+    const clearSearchButton = () => TextButtonUniDriver(base.$('[data-hook="filters-panel-search-clear-button"]'), body);
     return {
         isOpen: slidingModal.isOpen,
         clickCloseButton: async () => {
@@ -208,6 +213,13 @@ export const FiltersPanelUniDriver = (base, body) => {
             .$$(`[data-hook="accordion-item-title-${filterName}"]`)
             .get(index),
         _getInlineCheckboxFilter: getInlineCheckboxFilter,
+        isFilterSearchVisible: () => filterSearchBase.exists(),
+        enterFilterSearch: (term) => filterSearch().inputDriver.enterText(term),
+        clearFilterSearchInput: () => filterSearch().inputDriver.clearText(),
+        getFilterSearchValue: () => filterSearch().inputDriver.getText(),
+        isNoFiltersMatchVisible: () => noResultsBase.exists(),
+        getNoFiltersMatchText: () => TextUniDriver(noResultsTitle, body).getText(),
+        clickClearSearchButton: () => clearSearchButton().click(),
     };
 };
 //# sourceMappingURL=FiltersPanel.uni.driver.js.map