@wix/patterns 1.494.0 → 1.496.0

package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js

@@ -8,9 +8,11 @@ var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
 var _mobx = require("mobx");
 var _react = require("react");
+var _FiltersPanelState = require("../FiltersPanel/FiltersPanelState");
 class CollectionToolbarFiltersState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "panel", void 0);
     (0, _defineProperty2.default)(this, "panelTitle", new _bexCore.ValueBox(undefined));
     (0, _defineProperty2.default)(this, "totalInlineFilters", new _bexCore.ValueBox(null));
     (0, _defineProperty2.default)(this, "filterElements", new _bexCore.ValueBox([]));
@@ -18,16 +20,24 @@ class CollectionToolbarFiltersState {
     (0, _defineProperty2.default)(this, "onClearButtonClicked", void 0);
     (0, _defineProperty2.default)(this, "onFiltersButtonClick", (0, _mobx.action)(() => {
       const actionStartTime = performance.now();
+      this.panel.cancelReveal();
       const isOpened = this.toolbar.panels.toggleSidePanel('filters');
       this._reportPanelUsed(isOpened, 'Filter Button', actionStartTime);
     }));
-    /** Opens the panel from a column header's Filter action. */
-    (0, _defineProperty2.default)(this, "openFromColumnHeader", (0, _mobx.action)(() => {
+    (0, _defineProperty2.default)(this, "openFromColumnHeader", (0, _mobx.action)((filterName, event) => {
       const actionStartTime = performance.now();
+      if (filterName) {
+        this.panel.revealFilter(filterName, this.panelFilterElements, event);
+      } else {
+        this.panel.cancelReveal();
+      }
       this.toolbar.panels.openSidePanel('filters');
       this._reportPanelUsed(true, 'Column Header', actionStartTime);
     }));
     this.toolbar = params.toolbar;
+    this.panel = new _FiltersPanelState.FiltersPanelState({
+      toolbar: this.toolbar
+    });
     (0, _mobx.makeObservable)(this, {
       panelFilterElements: _mobx.computed,
       panelFilters: _mobx.computed

package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","_react","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","createRef","action","actionStartTime","performance","now","isOpened","toolbar","panels","toggleSidePanel","_reportPanelUsed","openSidePanel","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","origin","window","setTimeout","reportBi","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","feature","timeFromAction","Math","round","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode, RefObject, createRef } from 'react';\nimport { FilterElement } from './filterElement';\nimport { Button } from '@wix/design-system';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n  readonly moreFiltersButtonRef: RefObject<Button> = createRef<Button>();\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    this._reportPanelUsed(isOpened, 'Filter Button', actionStartTime);\n  });\n\n  /** Opens the panel from a column header's Filter action. */\n  openFromColumnHeader = action(() => {\n    const actionStartTime = performance.now();\n    this.toolbar.panels.openSidePanel('filters');\n    this._reportPanelUsed(true, 'Column Header', actionStartTime);\n  });\n\n  private _reportPanelUsed(\n    isOpened: boolean,\n    origin: 'Filter Button' | 'Column Header',\n    actionStartTime: number,\n  ) {\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      this.toolbar.reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin,\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAQO,MAAMI,6BAA6B,CAA0B;EAUlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBAPzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,6CACR,IAAAG,gBAAS,EAAS,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2B/C,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAMC,QAAQ,GAAG,IAAI,CAACC,OAAO,CAACC,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D,IAAI,CAACC,gBAAgB,CAACJ,QAAQ,EAAE,eAAe,EAAEH,eAAe,CAAC;IACnE,CAAC,CAAC;IAEF;IAAA,IAAAN,gBAAA,CAAAC,OAAA,gCACuB,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,IAAI,CAACE,OAAO,CAACC,MAAM,CAACG,aAAa,CAAC,SAAS,CAAC;MAC5C,IAAI,CAACD,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAEP,eAAe,CAAC;IAC/D,CAAC,CAAC;IAjCA,IAAI,CAACI,OAAO,GAAGX,MAAM,CAACW,OAAO;IAE7B,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;EAeQb,gBAAgBA,CACtBJ,QAAiB,EACjBkB,MAAyC,EACzCrB,eAAuB,EACvB;IACA;IACAsB,MAAM,CAACC,UAAU,CAAC,MAAM;MACtB,IAAI,CAACnB,OAAO,CAACoB,QAAQ,CACnB,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrC,GAAG,IAAI,CAACtB,OAAO,CAACuB,sBAAsB,CAAC,CAAC;QACxCxB,QAAQ;QACRkB,MAAM;QACNO,OAAO,EAAE,QAAQ;QACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAAC9B,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;MAChE,CAAC,CACH,CAAC;IACH,CAAC,CAAC;EACJ;AACF;AAACgC,OAAA,CAAAzC,6BAAA,GAAAA,6BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_react","_FiltersPanelState","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","createRef","action","actionStartTime","performance","now","panel","cancelReveal","isOpened","toolbar","panels","toggleSidePanel","_reportPanelUsed","filterName","event","revealFilter","panelFilterElements","openSidePanel","FiltersPanelState","makeObservable","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","origin","window","setTimeout","reportBi","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","feature","timeFromAction","Math","round","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { MouseEvent, ReactNode, RefObject, createRef } from 'react';\nimport { FilterElement } from './filterElement';\nimport { FiltersPanelState } from '../FiltersPanel/FiltersPanelState';\nimport { Button } from '@wix/design-system';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panel;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n  readonly moreFiltersButtonRef: RefObject<Button> = createRef<Button>();\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n    this.panel = new FiltersPanelState({ toolbar: this.toolbar });\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    this.panel.cancelReveal();\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    this._reportPanelUsed(isOpened, 'Filter Button', actionStartTime);\n  });\n\n  openFromColumnHeader = action(\n    (filterName?: string, event?: MouseEvent<HTMLElement>) => {\n      const actionStartTime = performance.now();\n      if (filterName) {\n        this.panel.revealFilter(filterName, this.panelFilterElements, event);\n      } else {\n        this.panel.cancelReveal();\n      }\n      this.toolbar.panels.openSidePanel('filters');\n      this._reportPanelUsed(true, 'Column Header', actionStartTime);\n    },\n  );\n\n  private _reportPanelUsed(\n    isOpened: boolean,\n    origin: 'Filter Button' | 'Column Header',\n    actionStartTime: number,\n  ) {\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      this.toolbar.reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin,\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbarFilters/useFiltersSyncProps.js

@@ -23,8 +23,23 @@ function flattenChildren(children) {
   }
   return currentChildren;
 }
+function keyUnkeyedFilters(children) {
+  const occurrences = new Map();
+  return children.map(child => {
+    const needsGeneratedKey = /*#__PURE__*/(0, _react.isValidElement)(child) && child.key == null && !!child.props.filter;
+    if (!needsGeneratedKey) {
+      return child;
+    }
+    const name = child.props.filter.name;
+    const occurrence = occurrences.get(name) ?? 0;
+    occurrences.set(name, occurrence + 1);
+    return /*#__PURE__*/(0, _react.cloneElement)(child, {
+      key: JSON.stringify([name, occurrence])
+    });
+  });
+}
 function filterValidChildren(children) {
-  return _react.Children.toArray(children).filter(hasFilter);
+  return _react.Children.toArray(keyUnkeyedFilters(children)).filter(hasFilter);
 }
 function addTagsFilter(children, state) {
   var _state$tagsCollection;

package/dist/cjs/components/CollectionToolbarFilters/useFiltersSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ToolbarCollectionContext","hasFilter","e","index","_e$props","filter","props","process","env","NODE_ENV","console","warn","flattenChildren","children","currentChildren","Array","isArray","push","filterValidChildren","Children","toArray","addTagsFilter","state","_state$tagsCollection","tagsFilter","tagsCollectionState","buildTagsFilterWrapper","some","child","name","addCustomFieldFilters","_state$collectionFiel","builtFilters","collectionFieldsSource","buildFilters","newFilters","built","useFiltersSyncProps","useToolbarCollectionContext","allChildren","filteredChildren","childrenWithTagsFilter","finalChildren","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/useFiltersSyncProps.ts"],"sourcesContent":["import { Children } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterElement } from './filterElement';\nimport type { renderPresetToolbarTag } from '../DateRangeFilter/renderPresetToolbarTag';\n\ntype FilterChild = FilterElement | undefined | boolean;\ntype FilterChildren = FilterChild | FilterChild[];\ntype FilterChildComponent = FilterElement & {\n  type: {\n    displayName?: string;\n    renderPresetToolbarTag?: typeof renderPresetToolbarTag;\n  };\n};\ntype FilterChildrenComponent = FilterChildComponent[];\n\nfunction hasFilter(e: FilterChildComponent, index: number) {\n  const filter = e?.props?.filter;\n  if (process.env.NODE_ENV !== 'production') {\n    if (filter == null) {\n      console.warn(\n        `filter component must pass \\`filter\\` prop directly, missing from CollectionToolbarFilters.children[${index}].props`,\n      );\n    }\n  }\n  return filter != null;\n}\n\nfunction flattenChildren(children: FilterChildren) {\n  const currentChildren = [];\n\n  if (Array.isArray(children)) {\n    currentChildren.push(...children);\n  } else {\n    currentChildren.push(children);\n  }\n\n  return currentChildren;\n}\n\nfunction filterValidChildren(children: FilterChildren) {\n  return (Children.toArray(children) as FilterChildrenComponent).filter(\n    hasFilter,\n  );\n}\n\nfunction addTagsFilter(\n  children: FilterChildrenComponent,\n  state: ReturnType<typeof useToolbarCollectionContext>,\n) {\n  const tagsFilter = state.tagsCollectionState?.buildTagsFilterWrapper();\n  if (\n    tagsFilter &&\n    !children.some(\n      (child) => child.props.filter.name === tagsFilter.props.filter.name,\n    )\n  ) {\n    return [...children, tagsFilter as FilterChildComponent];\n  }\n\n  return children;\n}\n\nfunction addCustomFieldFilters(\n  children: FilterChildrenComponent,\n  state: ReturnType<typeof useToolbarCollectionContext>,\n) {\n  const builtFilters = state.collectionFieldsSource?.buildFilters() as\n    | FilterChildComponent[]\n    | undefined;\n\n  if (!builtFilters) {\n    return children;\n  }\n\n  const newFilters = builtFilters.filter(\n    (built) =>\n      !children.some(\n        (child) => child.props.filter.name === built.props.filter.name,\n      ),\n  );\n\n  return [...children, ...newFilters];\n}\n\nexport const useFiltersSyncProps = (children: FilterChildren) => {\n  const state = useToolbarCollectionContext();\n  const allChildren = flattenChildren(children);\n  const filteredChildren = filterValidChildren(allChildren);\n  const childrenWithTagsFilter = addTagsFilter(filteredChildren, state);\n  const finalChildren = addCustomFieldFilters(childrenWithTagsFilter, state);\n  return finalChildren;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AAcA,SAASE,SAASA,CAACC,CAAuB,EAAEC,KAAa,EAAE;EAAA,IAAAC,QAAA;EACzD,MAAMC,MAAM,GAAGH,CAAC,aAAAE,QAAA,GAADF,CAAC,CAAEI,KAAK,qBAARF,QAAA,CAAUC,MAAM;EAC/B,IAAIE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIJ,MAAM,IAAI,IAAI,EAAE;MAClBK,OAAO,CAACC,IAAI,CACV,uGAAuGR,KAAK,SAC9G,CAAC;IACH;EACF;EACA,OAAOE,MAAM,IAAI,IAAI;AACvB;AAEA,SAASO,eAAeA,CAACC,QAAwB,EAAE;EACjD,MAAMC,eAAe,GAAG,EAAE;EAE1B,IAAIC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,EAAE;IAC3BC,eAAe,CAACG,IAAI,CAAC,GAAGJ,QAAQ,CAAC;EACnC,CAAC,MAAM;IACLC,eAAe,CAACG,IAAI,CAACJ,QAAQ,CAAC;EAChC;EAEA,OAAOC,eAAe;AACxB;AAEA,SAASI,mBAAmBA,CAACL,QAAwB,EAAE;EACrD,OAAQM,eAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAA6BR,MAAM,CACnEJ,SACF,CAAC;AACH;AAEA,SAASoB,aAAaA,CACpBR,QAAiC,EACjCS,KAAqD,EACrD;EAAA,IAAAC,qBAAA;EACA,MAAMC,UAAU,IAAAD,qBAAA,GAAGD,KAAK,CAACG,mBAAmB,qBAAzBF,qBAAA,CAA2BG,sBAAsB,CAAC,CAAC;EACtE,IACEF,UAAU,IACV,CAACX,QAAQ,CAACc,IAAI,CACXC,KAAK,IAAKA,KAAK,CAACtB,KAAK,CAACD,MAAM,CAACwB,IAAI,KAAKL,UAAU,CAAClB,KAAK,CAACD,MAAM,CAACwB,IACjE,CAAC,EACD;IACA,OAAO,CAAC,GAAGhB,QAAQ,EAAEW,UAAU,CAAyB;EAC1D;EAEA,OAAOX,QAAQ;AACjB;AAEA,SAASiB,qBAAqBA,CAC5BjB,QAAiC,EACjCS,KAAqD,EACrD;EAAA,IAAAS,qBAAA;EACA,MAAMC,YAAY,IAAAD,qBAAA,GAAGT,KAAK,CAACW,sBAAsB,qBAA5BF,qBAAA,CAA8BG,YAAY,CAAC,CAEnD;EAEb,IAAI,CAACF,YAAY,EAAE;IACjB,OAAOnB,QAAQ;EACjB;EAEA,MAAMsB,UAAU,GAAGH,YAAY,CAAC3B,MAAM,CACnC+B,KAAK,IACJ,CAACvB,QAAQ,CAACc,IAAI,CACXC,KAAK,IAAKA,KAAK,CAACtB,KAAK,CAACD,MAAM,CAACwB,IAAI,KAAKO,KAAK,CAAC9B,KAAK,CAACD,MAAM,CAACwB,IAC5D,CACJ,CAAC;EAED,OAAO,CAAC,GAAGhB,QAAQ,EAAE,GAAGsB,UAAU,CAAC;AACrC;AAEO,MAAME,mBAAmB,GAAIxB,QAAwB,IAAK;EAC/D,MAAMS,KAAK,GAAG,IAAAgB,qDAA2B,EAAC,CAAC;EAC3C,MAAMC,WAAW,GAAG3B,eAAe,CAACC,QAAQ,CAAC;EAC7C,MAAM2B,gBAAgB,GAAGtB,mBAAmB,CAACqB,WAAW,CAAC;EACzD,MAAME,sBAAsB,GAAGpB,aAAa,CAACmB,gBAAgB,EAAElB,KAAK,CAAC;EACrE,MAAMoB,aAAa,GAAGZ,qBAAqB,CAACW,sBAAsB,EAAEnB,KAAK,CAAC;EAC1E,OAAOoB,aAAa;AACtB,CAAC;AAACC,OAAA,CAAAN,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_ToolbarCollectionContext","hasFilter","e","index","_e$props","filter","props","process","env","NODE_ENV","console","warn","flattenChildren","children","currentChildren","Array","isArray","push","keyUnkeyedFilters","occurrences","Map","map","child","needsGeneratedKey","isValidElement","key","name","occurrence","get","set","cloneElement","JSON","stringify","filterValidChildren","Children","toArray","addTagsFilter","state","_state$tagsCollection","tagsFilter","tagsCollectionState","buildTagsFilterWrapper","some","addCustomFieldFilters","_state$collectionFiel","builtFilters","collectionFieldsSource","buildFilters","newFilters","built","useFiltersSyncProps","useToolbarCollectionContext","allChildren","filteredChildren","childrenWithTagsFilter","finalChildren","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/useFiltersSyncProps.ts"],"sourcesContent":["import { Children, cloneElement, isValidElement } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterElement } from './filterElement';\nimport type { renderPresetToolbarTag } from '../DateRangeFilter/renderPresetToolbarTag';\n\ntype FilterChild = FilterElement | undefined | boolean;\ntype FilterChildren = FilterChild | FilterChild[];\ntype FilterChildComponent = FilterElement & {\n  type: {\n    displayName?: string;\n    renderPresetToolbarTag?: typeof renderPresetToolbarTag;\n  };\n};\ntype FilterChildrenComponent = FilterChildComponent[];\n\nfunction hasFilter(e: FilterChildComponent, index: number) {\n  const filter = e?.props?.filter;\n  if (process.env.NODE_ENV !== 'production') {\n    if (filter == null) {\n      console.warn(\n        `filter component must pass \\`filter\\` prop directly, missing from CollectionToolbarFilters.children[${index}].props`,\n      );\n    }\n  }\n\n  return filter != null;\n}\n\nfunction flattenChildren(children: FilterChildren) {\n  const currentChildren = [];\n\n  if (Array.isArray(children)) {\n    currentChildren.push(...children);\n  } else {\n    currentChildren.push(children);\n  }\n\n  return currentChildren;\n}\n\nfunction keyUnkeyedFilters(children: FilterChild[]) {\n  const occurrences = new Map<string, number>();\n\n  return children.map((child) => {\n    const needsGeneratedKey =\n      isValidElement<FilterElement['props']>(child) &&\n      child.key == null &&\n      !!child.props.filter;\n\n    if (!needsGeneratedKey) {\n      return child;\n    }\n\n    const name = child.props.filter.name;\n    const occurrence = occurrences.get(name) ?? 0;\n    occurrences.set(name, occurrence + 1);\n\n    return cloneElement(child, { key: JSON.stringify([name, occurrence]) });\n  });\n}\n\nfunction filterValidChildren(children: FilterChild[]) {\n  return (\n    Children.toArray(keyUnkeyedFilters(children)) as FilterChildrenComponent\n  ).filter(hasFilter);\n}\n\nfunction addTagsFilter(\n  children: FilterChildrenComponent,\n  state: ReturnType<typeof useToolbarCollectionContext>,\n) {\n  const tagsFilter = state.tagsCollectionState?.buildTagsFilterWrapper();\n  if (\n    tagsFilter &&\n    !children.some(\n      (child) => child.props.filter.name === tagsFilter.props.filter.name,\n    )\n  ) {\n    return [...children, tagsFilter as FilterChildComponent];\n  }\n\n  return children;\n}\n\nfunction addCustomFieldFilters(\n  children: FilterChildrenComponent,\n  state: ReturnType<typeof useToolbarCollectionContext>,\n) {\n  const builtFilters = state.collectionFieldsSource?.buildFilters() as\n    | FilterChildComponent[]\n    | undefined;\n\n  if (!builtFilters) {\n    return children;\n  }\n\n  const newFilters = builtFilters.filter(\n    (built) =>\n      !children.some(\n        (child) => child.props.filter.name === built.props.filter.name,\n      ),\n  );\n\n  return [...children, ...newFilters];\n}\n\nexport const useFiltersSyncProps = (children: FilterChildren) => {\n  const state = useToolbarCollectionContext();\n  const allChildren = flattenChildren(children);\n  const filteredChildren = filterValidChildren(allChildren);\n  const childrenWithTagsFilter = addTagsFilter(filteredChildren, state);\n  const finalChildren = addCustomFieldFilters(childrenWithTagsFilter, state);\n\n  return finalChildren;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly2763731381";
+var _namespace_ = "AutoCompleteReadonly4072199148";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "AutoCompleteReadonly2763731381__root"
+  "root": "AutoCompleteReadonly4072199148__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2763731381\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly2763731381__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly4072199148\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly4072199148__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown3782819683";
+var _namespace_ = "ViewsDropdown495413070";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ViewsDropdown3782819683__root"
+  "root": "ViewsDropdown495413070__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3782819683\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown3782819683__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown495413070\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown495413070__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CustomFieldFormPiiFields3055796595";
+var _namespace_ = "CustomFieldFormPiiFields417630693";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CustomFieldFormPiiFields3055796595__root",
-  "tooltipText": "CustomFieldFormPiiFields3055796595__tooltipText"
+  "root": "CustomFieldFormPiiFields417630693__root",
+  "tooltipText": "CustomFieldFormPiiFields417630693__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields3055796595\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields3055796595__root\",\"tooltipText\":\"CustomFieldFormPiiFields3055796595__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields417630693\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields417630693__root\",\"tooltipText\":\"CustomFieldFormPiiFields417630693__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yCAAyC;EAAC,aAAa,EAAC;AAAgD,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle1141429880";
+var _namespace_ = "DragHandle2716116085";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle1141429880__root"
+  "root": "DragHandle2716116085__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1141429880\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle1141429880__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2716116085\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle2716116085__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -159,7 +159,10 @@ function _EditableCell({
     validation: column.validation,
     columnId: columnId,
     rowKey: rowKey,
-    isEditable: canEdit,
+    isEditable: canEdit
+    // Keep the focused view from expanding over other cells in a range selection.
+    ,
+    isFocused: isFocused && !isRangeSelection,
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -207,7 +210,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 203,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -217,10 +220,45 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 238,
       columnNumber: 11
     }
-  }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
+  }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+    className: _EditableCellStCss.classes.errorPopover,
+    shown: true,
+    skin: "light",
+    placement: "bottom-start",
+    showArrow: false,
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 250,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 258,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 259,
+      columnNumber: 13
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 261,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: _EditableCellStCss.classes.errorMessage,
     "data-hook": "cell-error-message",
     "data-row-key": rowKey,
@@ -228,8 +266,8 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 248,
-      columnNumber: 9
+      lineNumber: 262,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
@@ -237,10 +275,10 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 254,
-      columnNumber: 11
+      lineNumber: 268,
+      columnNumber: 15
     }
-  }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));
+  }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))))));
 }
 const EditableCell = exports.EditableCell = (0, _mobxReactLite.observer)(_EditableCell);
 //# sourceMappingURL=EditableCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","canEdit","canEditCell","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","isEditable","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const canEdit = state.canEditCell(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        canEdit &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={canEdit}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !canEdit,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!canEdit}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","canEdit","canEditCell","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","isEditable","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","Popover","errorPopover","shown","skin","placement","showArrow","appendTo","Element","Content","errorMessage","Text","size","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Popover, Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const canEdit = state.canEditCell(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        canEdit &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={canEdit}\n      // Keep the focused view from expanding over other cells in a range selection.\n      isFocused={isFocused && !isRangeSelection}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !canEdit,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!canEdit}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <Popover\n          className={classes.errorPopover}\n          shown\n          skin=\"light\"\n          placement=\"bottom-start\"\n          showArrow={false}\n          appendTo=\"window\"\n        >\n          <Popover.Element>\n            <span aria-hidden />\n          </Popover.Element>\n          <Popover.Content>\n            <div\n              className={classes.errorMessage}\n              data-hook=\"cell-error-message\"\n              data-row-key={rowKey}\n              data-column-id={columnId}\n            >\n              <Text size=\"small\" skin=\"error\">\n                {cellValidation.errors?.join(', ')}\n              </Text>\n            </div>\n          </Popover.Content>\n        </Popover>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,14 +6,9 @@
 @property st-global(--wds-color-border-dark-secondary);
 @property st-global(--wds-color-black-750);
 @property st-global(--wds-color-red-100);
-@property st-global(--wds-color-fill-surface-overlay);
 @property st-global(--wds-input-border-color-hover);
 @property st-global(--wds-input-border-color-focus);
 @property st-global(--wds-border-width-default);
-@property st-global(--wds-border-radius-400);
-@property st-global(--wds-popover-fill);
-@property st-global(--wds-popover-border-radius);
-@property st-global(--wds-shadow-surface-overlay);
 @property st-global(--wsr-color-B10);
 @property st-global(--wsr-color-B40);
 @property st-global(--wsr-color-D60);
@@ -69,13 +64,18 @@
   z-index: 4;
 }
 
+/* A pinned editor must also escape its row's lower stacking context. */
+:global(tr):has(> :global(td[data-sticky='true']) > .root:harmony:focused) {
+  z-index: 6;
+}
+
 /* Pinned cells must cover focused cells and their inline editors. */
 :global(tr):has(> :global(td) > .root)
   > :global(td[data-sticky='true']) {
   z-index: 5;
 }
 
-/* Keep the focus border above neighbouring pinned cells. */
+/* Keep editors and validation messages above later rows' pinned cells. */
 :global(td[data-sticky='true']):has(> .root:focused) {
   z-index: 6;
 }
@@ -258,11 +258,20 @@
   border-color: var(--wds-color-black-700, var(--wsr-color-D70, #eceff3));
 }
 
-.root:focused:not(:rangeSelected) {
-  border-color: var(
+.root:focused:not(:rangeSelected),
+.root:has([data-inner-focused]),
+.root:invalid:not(:rangeSelected):not(:copiedTop):not(:copiedBottom):not(:copiedLeft):not(:copiedRight) {
+  /* Grid borders overlap neighbouring cells by 1px. Keep the whole focus ring
+     inside this cell instead of competing with their stacking contexts. */
+  border-color: transparent;
+  outline: var(--wds-border-width-default, 1px) solid var(
     --wds-input-border-color-focus,
     var(--wsr-color-B10, #116dff)
   );
+  outline-offset: calc(-2 * var(--wds-border-width-default, 1px));
+}
+
+.root:focused:not(:rangeSelected) {
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
   z-index: 2;
 }
@@ -312,10 +321,6 @@
 .root:has([data-inner-focused]) {
   overflow: visible;
   z-index: 3;
-  border-color: var(
-    --wds-input-border-color-focus,
-    var(--wsr-color-B10, #116dff)
-  );
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
@@ -346,6 +351,12 @@
 .root:invalid:focused:not(:rangeSelected),
 .root:invalid:has([data-inner-focused]) {
   border-color: var(--wds-color-red-100, var(--wsr-color-R10, #e62214));
+  outline-color: var(--wds-color-red-100, var(--wsr-color-R10, #e62214));
+}
+
+.root:invalid:not(:rangeSelected):not(:copiedTop):not(:copiedBottom):not(:copiedLeft):not(:copiedRight) {
+  border-color: transparent;
+  outline-color: var(--wds-color-red-100, var(--wsr-color-R10, #e62214));
 }
 
 .root:copiedTop:not(:selectionTop) {
@@ -369,35 +380,16 @@
   z-index: 3;
 }
 
-.errorMessage {
+/* Keep the anchor inside the cell without intercepting cell interactions.
+   WDS also copies this class to the portal, keeping the hint click-through. */
+.errorPopover {
   position: absolute;
-  top: calc(100% + 4px);
-  left: -1px;
-  z-index: 4;
-  box-sizing: border-box;
-  width: max-content;
-  max-width: 240px;
-  padding: 6px 8px;
-  /* Passive message — never swallow a click meant for the row below. */
+  inset: 0;
+  display: flex;
   pointer-events: none;
-  border-radius: var(
-    --wds-popover-border-radius,
-    var(--wds-border-radius-400, 8px)
-  );
-  background: var(
-    --wds-popover-fill,
-    var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff))
-  );
-  box-shadow: var(
-    --wds-shadow-surface-overlay,
-    0 0 18px rgba(0, 6, 36, 0.1),
-    0 6px 6px rgba(0, 6, 36, 0.05)
-  );
 }
 
-/* The bottom row has no space below it — the message would be clipped
-   at the table's edge, so it flips above the cell. */
-:global(tr:last-child) .errorMessage {
-  top: auto;
-  bottom: calc(100% + 4px);
+.errorMessage {
+  max-width: 240px;
+  padding: 6px 8px;
 }