@wix/patterns 1.363.0 → 1.366.0

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter1207220654";
+var _namespace_ = "SearchOrCustomFilter281901088";
 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": "SearchOrCustomFilter1207220654__root", "search": "SearchOrCustomFilter1207220654__search", "searchMobile": "SearchOrCustomFilter1207220654__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter281901088__root", "search": "SearchOrCustomFilter281901088__search", "searchMobile": "SearchOrCustomFilter281901088__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,cAAc,EAAC,8CAA8C,EAAC,CAAC;AACrL,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":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,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,qCAAqC,EAAC,QAAQ,EAAC,uCAAuC,EAAC,cAAc,EAAC,6CAA6C,EAAC,CAAC;AAClL,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/CollectionToolbarFilters/CollectionToolbarFilters.js

@@ -1,4 +1,5 @@
 import React, { Fragment, useEffect, useMemo, useState, } from 'react';
+import { Box } from '@wix/design-system';
 import { useFiltersLayout } from './useFiltersLayout';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { AppliedFiltersTagList } from '../AppliedFiltersTagList';
@@ -6,6 +7,7 @@ import { observer } from 'mobx-react-lite';
 import { ToolbarItemBox } from '../ToolbarItemBox';
 import { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';
 import { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';
+import { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';
 import { CollectionFilter } from '../CollectionFilter';
 import { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';
 import { MoreFiltersCTA } from '../MoreFiltersCTA';
@@ -120,12 +122,21 @@ function _CollectionToolbarFilters(props) {
             state.featuredComponents.appliedFiltersTagList.set(null);
         };
     }, [hideAppliedFiltersTagList]);
+    const showFieldTypeIcons = state.showFieldTypeIcons;
     return (
     // workaround to support bad enzyme version not detecting this as a valid fragment component
     // https://wix.slack.com/archives/C02K83200PL/p1671962461443749
     React.createElement(Fragment, { key: "toolbar-items" }, childrenArr.slice(0, totalInlineFilters).map((element, index) => {
         const { props: filterProps } = element;
-        return (React.createElement(ToolbarItemBox, { key: index, layout: filterProps.layout, dataHook: `toolbar-item-filter-${index}`, label: showLabels && filterProps.toolbarItemProps?.label }, filterProps.filter ? (React.createElement(CollectionFilter, { filter: filterProps.filter, state: toolbarFiltersState }, element)) : (element)));
+        const toolbarLabel = filterProps.toolbarItemProps?.label;
+        let label = showLabels && toolbarLabel;
+        if (showFieldTypeIcons && showLabels && toolbarLabel) {
+            const toolbarIcon = getFieldTypeIcon({ fieldType: filterProps.fieldType, size: 'medium' });
+            label = React.createElement(Box, { gap: "SP1", verticalAlign: "middle" },
+                toolbarIcon,
+                toolbarLabel);
+        }
+        return (React.createElement(ToolbarItemBox, { key: index, layout: filterProps.layout, dataHook: `toolbar-item-filter-${index}`, label: label }, filterProps.filter ? (React.createElement(CollectionFilter, { filter: filterProps.filter, state: toolbarFiltersState }, element)) : (element)));
     })));
 }
 export const CollectionToolbarFilters = observer(_CollectionToolbarFilters);

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

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

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly1869116685";
+var _namespace_ = "AutoCompleteReadonly3238632147";
 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": "AutoCompleteReadonly1869116685__root" };
+export var classes = { "root": "AutoCompleteReadonly3238632147__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown514972543";
+var _namespace_ = "ViewsDropdown767838626";
 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": "ViewsDropdown514972543__root" };
+export var classes = { "root": "ViewsDropdown767838626__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomColumnsPanel/ColumnListTableListItem.js

@@ -3,12 +3,15 @@ import React, { useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';
 function _ColumnListTableListItem(props) {
     const { column, state, showDivider, domRef, dragging, dragHandleProps, index, rowIndex, columnIndex, droppable, ...rest } = props;
     const { select } = state;
     const { collectionDataExtension } = useToolbarCollectionContext();
     const { translate: t } = useWixPatternsContainer();
+    const showFieldTypeIcons = state.table.showFieldTypeIcons;
     const { infoTooltipProps } = column;
+    const prefixIcon = showFieldTypeIcons ? getFieldTypeIcon({ fieldType: column.fieldType }) : null;
     const checkboxDisabled = !column.hideable;
     const hasSearchValue = state.searchValue.trim().length > 0;
     const dragDisabled = column.reorderDisabled || hasSearchValue;
@@ -58,8 +61,9 @@ function _ColumnListTableListItem(props) {
                     },
                 }), options: [
                 {
-                    value: (React.createElement(Box, null,
+                    value: (React.createElement(Box, { ...(prefixIcon ? { verticalAlign: 'middle' } : {}) },
                         React.createElement("div", { style: {
+                                ...(prefixIcon ? { display: 'flex', alignItems: 'center' } : {}),
                                 padding: '0 6px',
                                 cursor: checkboxDisabled ? undefined : 'pointer',
                                 wordBreak: 'break-word',
@@ -69,6 +73,7 @@ function _ColumnListTableListItem(props) {
                                 }
                                 state.onColumnCheckboxToggle(column);
                             } },
+                            prefixIcon && (React.createElement(Box, { align: "center", verticalAlign: "middle", marginRight: "SP1", flexShrink: 0 }, prefixIcon)),
                             React.createElement(Text, { size: "small", dataHook: "tableListItem-label" }, column.name || column.title || column.id)),
                         React.createElement("div", { style: { cursor: 'default' }, onPointerDown: (e) => e.stopPropagation() }, infoContent && (React.createElement(InfoIcon, { size: "small", ...infoTooltipProps, dataHook: "info-icon", content: infoContent }))))),
                 },

package/dist/esm/components/CustomColumnsPanel/ColumnListTableListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnListTableListItem.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColumnListTableListItem.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AASpE,SAAS,wBAAwB,CAC/B,KAAyC;IAEzC,MAAM,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,EAAE,uBAAuB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAClE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,kBAAkB,GAAG,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC;IAE1D,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC;IACpC,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjG,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC1C,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,IAAI,cAAc,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC5C,MAAM,WAAW,GACf,gBAAgB,EAAE,YAAY,IAAI,gBAAgB,EAAE,OAAO,CAAC;IAE9D,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,UAAU;KACrB,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,iBAAiB,GAAG,uBAAuB,EAAE,aAAa;QAC9D,EAAE,qCAAqC;QACvC,MAAM,CAAC,aAAa;QACpB,MAAM,CAAC,aAAa,CAAC,QAAQ,IAAI,CAC/B,oBAAC,uBAAuB,CAAC,aAAa,CAAC,qCAAqC,IAC1E,KAAK,EAAE,MAAM,CAAC,aAAa,GAC3B,CACH,CAAC;IAEJ,OAAO,CACL,gCACM,IAAI,EACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,eACD,eAAe,MAAM,CAAC,EAAE,EAAE;QAErC,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,MAAM,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,EACpB,gBAAgB;gBACd,CAAC,CAAC,YAAY;oBACZ,CAAC,CAAC,CAAC,CAAC,6CAA6C,CAAC;oBAClD,CAAC,CAAC,CAAC,CAAC,oDAAoD,CAAC;gBAC3D,CAAC,CAAC,SAAS,EAEf,oBAAoB,EAAE;gBACpB,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,CAAC,gBAAgB;aAC5B,EACD,gBAAgB,EAAE,GAAG,EAAE;gBACrB,IAAI,gBAAgB,EAAE;oBACpB,OAAO;iBACR;gBACD,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;gBACrC,KAAK,CAAC,6BAA6B,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC;YACpE,CAAC,KACG,CAAC,cAAc;gBACjB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC;oBACE,SAAS,EAAE,IAAI;oBACf,QAAQ;oBACR,YAAY;oBACZ,eAAe,EAAE;wBACf,GAAG,eAAe;wBAClB,cAAc,EAAE,YAAY;4BAC1B,CAAC,CAAC,gBAAgB;gCAChB,CAAC,CAAC,CAAC,CAAC,6CAA6C,CAAC;gCAClD,CAAC,CAAC,CAAC,CAAC,kDAAkD,CAAC;4BACzD,CAAC,CAAC,SAAS;wBACb,YAAY,EAAE;4BACZ,QAAQ,EAAE,OAAO;4BACjB,QAAQ,EAAE,QAAQ;yBACnB;qBACF;iBACF,CAAC,EACN,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL,oBAAC,GAAG,OAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBACtD,6BACE,KAAK,EAAE;gCACL,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gCAChE,OAAO,EAAE,OAAO;gCAChB,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gCAChD,SAAS,EAAE,YAAY;6BACxB,EACD,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,gBAAgB,EAAE;oCACpB,OAAO;iCACR;gCACD,KAAK,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;4BACvC,CAAC;4BAEA,UAAU,IAAI,CACb,oBAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,IACvE,UAAU,CACP,CACP;4BACD,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,qBAAqB,IAC9C,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,EAAE,CACpC,CACH;wBAEN,6BACE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IAExC,WAAW,IAAI,CACd,oBAAC,QAAQ,IACP,IAAI,EAAC,OAAO,KACR,gBAAgB,EACpB,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACF,CACP;iBACF;gBAED,GAAG,CAAC,iBAAiB;oBACnB,CAAC,CAAC;wBACE;4BACE,KAAK,EAAE,iBAAiB;4BACxB,KAAK,EAAE,OAAgB;yBACxB;qBACF;oBACH,CAAC,CAAC,EAAE,CAAC;aACR,GACD,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/esm/components/CustomFieldFilters/buildCustomFieldFilterElement.js

@@ -4,6 +4,7 @@ import { DateTimeCustomFieldFilter } from './DateTimeCustomFieldFilter';
 import { CheckboxCustomFieldFilter } from './CheckboxCustomFieldFilter';
 import { NumberRangeFilter } from '../NumberRangeFilter';
 import { OperatorFilterCustomFieldFilter } from './OperatorFilterCustomFieldFilter';
+import { toFieldType } from '../../utils/fieldTypePrefixIcons';
 export const buildCustomFieldFilterElement = (state, customField) => {
     const customFieldFilterComponents = {
         date: DateCustomFieldFilter,
@@ -20,7 +21,7 @@ export const buildCustomFieldFilterElement = (state, customField) => {
         return null;
     }
     const label = customField.label || customField.id;
-    return (React.createElement(CustomFieldFilterComponent, { key: customField.id, filter: state.collection.filters[customField.id], accordionItemProps: {
+    return (React.createElement(CustomFieldFilterComponent, { key: customField.id, filter: state.collection.filters[customField.id], fieldType: toFieldType(customField.type), accordionItemProps: {
             label,
         }, toolbarItemProps: {
             label,

package/dist/esm/components/CustomFieldFilters/buildCustomFieldFilterElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildCustomFieldFilterElement.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/buildCustomFieldFilterElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,KAAmC,EACnC,WAAwB,EACxB,EAAE;IACF,MAAM,2BAA2B,GAE7B;QACF,IAAI,EAAE,qBAAqB;QAC3B,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,yBAAyB;QACnC,OAAO,EAAE,iBAAiB;QAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,OAAO,SAAG;QAC5D,SAAS,EAAE,+BAA+B;QAC1C,GAAG,EAAE,+BAA+B;QACpC,QAAQ,EAAE,+BAA+B;KAC1C,CAAC;IAEF,MAAM,0BAA0B,GAC9B,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhD,IAAI,CAAC,0BAA0B,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,EAAE,CAAC;IAElD,OAAO,CACL,oBAAC,0BAA0B,IACzB,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAE,EACjD,kBAAkB,EAAE;YAClB,KAAK;SACN,EACD,gBAAgB,EAAE;YAChB,KAAK;SACN,EACD,eAAe,EAAE;YACf,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"buildCustomFieldFilterElement.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/buildCustomFieldFilterElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,KAAmC,EACnC,WAAwB,EACxB,EAAE;IACF,MAAM,2BAA2B,GAE7B;QACF,IAAI,EAAE,qBAAqB;QAC3B,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,yBAAyB;QACnC,OAAO,EAAE,iBAAiB;QAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,OAAO,SAAG;QAC5D,SAAS,EAAE,+BAA+B;QAC1C,GAAG,EAAE,+BAA+B;QACpC,QAAQ,EAAE,+BAA+B;KAC1C,CAAC;IAEF,MAAM,0BAA0B,GAC9B,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhD,IAAI,CAAC,0BAA0B,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,EAAE,CAAC;IAElD,OAAO,CACL,oBAAC,0BAA0B,IACzB,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAE,EACjD,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,EACxC,kBAAkB,EAAE;YAClB,KAAK;SACN,EACD,gBAAgB,EAAE;YAChB,KAAK;SACN,EACD,eAAe,EAAE;YACf,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';
-import { Checkbox, Date, DateAndTime, Number, Rename, Link, } from '@wix/wix-ui-icons-common';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';
 export const _CustomFieldTypeDropdown = (props) => {
     const { state: { form: { $: { type, name }, }, mode, generateUniqueKey, setKeyFieldIfNotDirty, }, } = props;
     const { translate: t } = useWixPatternsContainer();
@@ -10,64 +10,56 @@ export const _CustomFieldTypeDropdown = (props) => {
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-shortText',
             id: 'shortText',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Rename, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'SHORT_TEXT', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.shortText'),
             label: t('cairo.customFields.fieldType.shortText'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-longText',
             id: 'longText',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Rename, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'LONG_TEXT', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.longText'),
             label: t('cairo.customFields.fieldType.longText'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-date',
             id: 'date',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Date, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'DATE', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.date'),
             label: t('cairo.customFields.fieldType.date'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-dateTime',
             id: 'dateTime',
-            prefix: (React.createElement(Box, null,
-                React.createElement(DateAndTime, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'DATE_TIME', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.dateAndTime'),
             label: t('cairo.customFields.fieldType.dateAndTime'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-integer',
             id: 'integer',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Number, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'INTEGER', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.numberInteger'),
             label: t('cairo.customFields.fieldType.numberInteger'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-decimal',
             id: 'decimal',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Number, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'DECIMAL', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.numberDecimal'),
             label: t('cairo.customFields.fieldType.numberDecimal'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-checkbox',
             id: 'checkbox',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Checkbox, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'CHECKBOX', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.checkbox'),
             label: t('cairo.customFields.fieldType.checkbox'),
         }),
         listItemSelectBuilder({
             dataHook: 'custom-field-modal-type-url',
             id: 'url',
-            prefix: (React.createElement(Box, null,
-                React.createElement(Link, null))),
+            prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'URL', size: 'medium' }))),
             title: t('cairo.customFields.fieldType.url'),
             label: t('cairo.customFields.fieldType.url'),
         }),

package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldTypeDropdown.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomFieldTypeDropdown.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAMpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAClB,EACD,IAAI,EACJ,iBAAiB,EACjB,qBAAqB,GACtB,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC9C,qBAAqB,CAAC;YACpB,QAAQ,EAAE,mCAAmC;YAC7C,EAAE,EAAE,WAAW;YACf,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAC1D,CACP;YACD,KAAK,EAAE,CAAC,CAAC,wCAAwC,CAAC;YAClD,KAAK,EAAE,CAAC,CAAC,wCAAwC,CAAC;SACnD,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,kCAAkC;YAC5C,EAAE,EAAE,UAAU;YACd,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACzD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,uCAAuC,CAAC;YACjD,KAAK,EAAE,CAAC,CAAC,uCAAuC,CAAC;SAClD,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,8BAA8B;YACxC,EAAE,EAAE,MAAM;YACV,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACpD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,mCAAmC,CAAC;YAC7C,KAAK,EAAE,CAAC,CAAC,mCAAmC,CAAC;SAC9C,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,kCAAkC;YAC5C,EAAE,EAAE,UAAU;YACd,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACzD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC;YACpD,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC;SACrD,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,iCAAiC;YAC3C,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACvD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,4CAA4C,CAAC;YACtD,KAAK,EAAE,CAAC,CAAC,4CAA4C,CAAC;SACvD,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,iCAAiC;YAC3C,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACvD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,4CAA4C,CAAC;YACtD,KAAK,EAAE,CAAC,CAAC,4CAA4C,CAAC;SACvD,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,kCAAkC;YAC5C,EAAE,EAAE,UAAU;YACd,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACxD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,uCAAuC,CAAC;YACjD,KAAK,EAAE,CAAC,CAAC,uCAAuC,CAAC;SAClD,CAAC;QACF,qBAAqB,CAAC;YACpB,QAAQ,EAAE,6BAA6B;YACvC,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,CACN,oBAAC,GAAG,QACD,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACnD,CACP;YACD,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC;YAC5C,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC;SAC7C,CAAC;QACF;;;;;;;;;;aAUK;KACN,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAC,yBAAyB,EAClC,QAAQ,EAAE,IAAI,KAAK,MAAM,EACzB,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EACrC,UAAU,EAAE,IAAI,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,EAAqB,CAAC,CAAC;YACrC,qBAAqB,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACvD,CAAC,EACD,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAClD,aAAa,EAAC,OAAO,EACrB,WAAW,EAAE,CAAC,CACZ,+DAA+D,CAChE,EACD,OAAO,EAAE,gBAAgB,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle4263951191";
+var _namespace_ = "DragHandle1649945225";
 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": "DragHandle4263951191__root" };
+export var classes = { "root": "DragHandle1649945225__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/EditableCell.js

@@ -0,0 +1,67 @@
+import React, { useCallback, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Tooltip } from '@wix/design-system';
+import { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';
+import { st, classes } from './EditableCell.st.css.js';
+import { useCellFocusAndEditing } from './useCellFocusAndEditing';
+function _EditableCell({ state, rowKey, columnId, }) {
+    const { cellInteraction, clipboard } = state;
+    const cellRef = useRef(null);
+    const editInputRef = useRef(null);
+    const column = state._columnMap.get(columnId);
+    const keyedItem = state._getKeyedItem(rowKey);
+    const resolved = column ? state.resolveCellType(column.cellType) : null;
+    const value = state.getCellDisplayValue(rowKey, columnId);
+    const cellValidation = state.getCellValidation(rowKey, columnId);
+    const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
+    const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
+    const isSelected = cellInteraction.isCellSelected(rowKey, columnId);
+    const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
+    const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
+    const isEditable = state.isCellEditable(rowKey, columnId);
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        state.handleCellClick(rowKey, columnId, e.shiftKey);
+    }, [state, rowKey, columnId]);
+    const handleDoubleClick = useCallback((e) => {
+        e.stopPropagation();
+        state.handleCellDoubleClick(rowKey, columnId);
+    }, [state, rowKey, columnId]);
+    const handleChange = useCallback((newValue) => cellInteraction.setEditingValue(newValue), [cellInteraction]);
+    const handleCommit = useCallback(() => cellInteraction.commitEdit(), [cellInteraction]);
+    const handleCancel = useCallback(() => cellInteraction.cancelEdit(), [cellInteraction]);
+    const cellKeyboard = useCellFocusAndEditing({
+        state,
+        rowKey,
+        columnId,
+        cellRef,
+        editInputRef,
+    });
+    if (!column || !keyedItem || !resolved) {
+        return null;
+    }
+    const { ViewComponent, EditComponent } = resolved;
+    const editingValue = cellInteraction.editingValue;
+    const showValidationIndicator = !cellValidation.valid && !isEditing;
+    const showEdit = isFocused && isEditable && EditComponent;
+    return (React.createElement("div", { ref: cellRef, className: st(classes.root, {
+            editing: isEditing,
+            focused: isFocused,
+            selected: isSelected,
+            invalid: !cellValidation.valid,
+            selectionTop: selectionBorder.top,
+            selectionBottom: selectionBorder.bottom,
+            selectionLeft: selectionBorder.left,
+            selectionRight: selectionBorder.right,
+            copiedTop: copiedBorder.top,
+            copiedBottom: copiedBorder.bottom,
+            copiedLeft: copiedBorder.left,
+            copiedRight: copiedBorder.right,
+        }), onClick: handleClick, onDoubleClick: handleDoubleClick, onKeyDown: cellKeyboard.onKeyDown, role: "gridcell", "aria-selected": isSelected, "aria-readonly": !isEditable, "aria-invalid": !cellValidation.valid || undefined, tabIndex: isFocused ? 0 : -1, "data-row-key": rowKey, "data-column-id": columnId, "data-editing": isEditing || undefined },
+        showValidationIndicator && (React.createElement(Tooltip, { content: cellValidation.errors?.join(', '), appendTo: "window" },
+            React.createElement("span", { "data-hook": "validation-indicator" },
+                React.createElement(StatusWarningFilledSmall, { className: classes.validationIndicator })))),
+        showEdit ? (React.createElement(EditComponent, { value: editingValue !== undefined ? editingValue : value, onChange: handleChange, onCommit: handleCommit, onCancel: handleCancel, inputRef: editInputRef, typeConfig: column.typeConfig, editTrigger: cellInteraction.editTrigger })) : (React.createElement(ViewComponent, { value: value, typeConfig: column.typeConfig }))));
+}
+export const EditableCell = observer(_EditableCell);
+//# sourceMappingURL=EditableCell.js.map

package/dist/esm/components/EditableTable/EditableCell.js.map

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

package/dist/esm/components/EditableTable/EditableCell.st.css

@@ -0,0 +1,68 @@
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-B40);
+@property st-global(--wsr-color-Y10);
+@property st-global(--wsr-color-D80);
+
+:global(td):has(> .root) {
+  position: relative;
+  min-height: 24px;
+}
+
+.root {
+  -st-states: editing, focused, selected, invalid, selectionTop, selectionBottom,
+    selectionLeft, selectionRight, copiedTop, copiedBottom, copiedLeft,
+    copiedRight;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  box-sizing: border-box;
+  outline: none;
+  cursor: default;
+  user-select: none;
+  background: var(--wsr-color-D80);
+  border: 1px solid var(--wsr-color-B40);
+}
+
+.root:selected {
+  background: rgba(56, 153, 236, 0.08);
+}
+
+.root:focused:not(:selected) {
+  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+  z-index: 2;
+}
+
+.root: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;
+}
+
+.root:selectionTop { border-top: 2px solid var(--wsr-color-B10); }
+.root:selectionBottom { border-bottom: 2px solid var(--wsr-color-B10); }
+.root:selectionLeft { border-left: 2px solid var(--wsr-color-B10); }
+.root:selectionRight { border-right: 2px solid var(--wsr-color-B10); }
+
+.root:invalid:not(:editing) {
+  background: rgba(229, 0, 77, 0.06);
+}
+
+.root:copiedTop:not(:selectionTop) { border-top: 2px dashed var(--wsr-color-B10); }
+.root:copiedBottom:not(:selectionBottom) { border-bottom: 2px dashed var(--wsr-color-B10); }
+.root:copiedLeft:not(:selectionLeft) { border-left: 2px dashed var(--wsr-color-B10); }
+.root:copiedRight:not(:selectionRight) { border-right: 2px dashed var(--wsr-color-B10); }
+
+.validationIndicator {
+  flex-shrink: 0;
+  margin-left: 12px;
+  margin-right: 6px;
+  color: var(--wsr-color-Y10);
+}

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "EditableCell3084944771";
+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": "EditableCell3084944771__root", "validationIndicator": "EditableCell3084944771__validationIndicator" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-Y10": "--wsr-color-Y10", "wsr-color-D80": "--wsr-color-D80" };
+//# sourceMappingURL=EditableCell.st.css.js.map

package/dist/esm/components/EditableTable/EditableCell.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,qBAAqB,EAAC,6CAA6C,EAAC,CAAC;AACjI,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,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/EditableTable/EditableCell.uni.driver.js

@@ -0,0 +1,79 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';
+import { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';
+import { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';
+import { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';
+import { SelectEditUniDriver } from './cellTypes/select/Edit.uni.driver';
+import { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';
+export function EditableCellUniDriver(base, body) {
+    return {
+        ...baseUniDriverFactory(base),
+        /** Click the cell (focuses it) */
+        click: () => base.click(),
+        /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */
+        doubleClick: async () => {
+            const el = await base.getNative();
+            if (el.page?.evaluate) {
+                const elementHandle = await base.unwrap();
+                await elementHandle.click({ clickCount: 2 });
+            }
+            else {
+                el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));
+            }
+        },
+        /** Get the displayed text value of the cell */
+        getDisplayValue: () => base.text(),
+        /** Whether this cell is focused */
+        isFocused: async () => (await base.attr('tabindex')) === '0',
+        /** Whether this cell is in editing mode */
+        isEditing: async () => (await base.attr('data-editing')) === 'true',
+        /** Whether this cell is selected (part of a selection range) */
+        isSelected: async () => (await base.attr('aria-selected')) === 'true',
+        /** Whether this cell is read-only (not editable) */
+        isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',
+        /** Whether this cell has a validation error */
+        isInvalid: async () => (await base.attr('aria-invalid')) === 'true',
+        /** Get the row key from data attribute */
+        getRowKey: () => base.attr('data-row-key'),
+        /** Get the column id from data attribute */
+        getColumnId: () => base.attr('data-column-id'),
+        /** Whether the cell contains a validation indicator icon */
+        hasValidationIndicator: () => base.$('[data-hook="validation-indicator"]').exists(),
+        /** Get the text cell edit driver (for text columns) */
+        getTextEdit: () => TextEditUniDriver(base, body),
+        /** Get the number cell edit driver (for number columns) */
+        getNumberEdit: () => NumberEditUniDriver(base, body),
+        /** Get the url cell edit driver (for url columns) */
+        getUrlEdit: () => UrlEditUniDriver(base, body),
+        /** Get the boolean cell edit driver (for boolean columns) */
+        getBooleanEdit: () => BooleanEditUniDriver(base, body),
+        /** Get the select cell edit driver (for select columns) */
+        getSelectEdit: () => SelectEditUniDriver(base, body),
+        /** Get the date cell edit driver (for date columns) */
+        getDateEdit: () => DateEditUniDriver(base, body),
+        /** Right-click the cell (opens context menu) */
+        rightClick: async () => {
+            const el = await base.getNative();
+            if (el.page?.evaluate) {
+                // Puppeteer — unwrap to get the actual ElementHandle
+                const elementHandle = await base.unwrap();
+                await elementHandle.click({ button: 'right' });
+            }
+            else {
+                // jsdom HTMLElement
+                const rect = el.getBoundingClientRect();
+                el.dispatchEvent(new MouseEvent('contextmenu', {
+                    bubbles: true,
+                    clientX: rect.left + 5,
+                    clientY: rect.top + 5,
+                }));
+            }
+        },
+        /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */
+        pressKey: async (key, opts) => {
+            const el = await base.getNative();
+            el.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true, ...opts }));
+        },
+    };
+}
+//# sourceMappingURL=EditableCell.uni.driver.js.map

package/dist/esm/components/EditableTable/EditableCell.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import React, { useMemo, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { TableVirtual } from '../Table/TableVirtual';
+import { EditableCell } from './EditableCell';
+import { EditableTableContextMenu } from './EditableTableContextMenu';
+import { useEditableTableContextMenu } from './useEditableTableContextMenu';
+import { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';
+import { useKeyboardNavigation } from './useKeyboardNavigation';
+import { useClipboardHandler } from './useClipboardHandler';
+import { useClearFocusOnBlur } from './useClearFocusOnBlur';
+function _EditableTable(props) {
+    const { state, columns: editableColumns, dataHook, children, ...tableBaseProps } = props;
+    useEditableTableCollectionSyncProps(props);
+    const containerRef = useRef(null);
+    const keyboard = useKeyboardNavigation(state);
+    useClipboardHandler(state, containerRef);
+    const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);
+    const tableColumns = useMemo(() => editableColumns.map((col) => ({
+        ...col,
+        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),
+        render: (_item, rowNum) => {
+            const rowKey = state.keyedItems[rowNum]?.key;
+            return rowKey ? (React.createElement(EditableCell, { state: state, rowKey: rowKey, columnId: col.id })) : null;
+        },
+    })), [editableColumns, state]);
+    const contextMenu = useEditableTableContextMenu(state.cellInteraction);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: containerRef, "data-hook": dataHook, tabIndex: 0, onKeyDown: keyboard.onKeyDown, onFocus: onFocus, onBlur: onBlur, onContextMenu: contextMenu.handleContextMenu },
+            React.createElement(TableVirtual, { ...tableBaseProps, state: state.tableState, columns: tableColumns })),
+        React.createElement(EditableTableContextMenu, { state: state, position: contextMenu.position, cell: contextMenu.cell, menuRef: contextMenu.menuRef, onClose: contextMenu.handleClose }),
+        children));
+}
+export const EditableTable = observer(_EditableTable);
+//# sourceMappingURL=EditableTable.js.map