@wix/patterns 1.45.0 → 1.47.0

package/dist/cjs/components/VirtualGridRepeater/VirtualTableRowMutated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_VirtualGridStateContext","_VirtualTableRowMutatedState","VirtualTableRowMutated","props","children","index","style","itemKey","rowIndex","gridState","useVirtualGridStateContext","element","rowRef","useRef","state","useState","VirtualTableRowMutatedState","useEffect","_measureRowContentsHeight","init","cloneElement","rowProps","process","env","NODE_ENV","undefined","ref","el","current"],"sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRowMutated.tsx"],"sourcesContent":["import {\n  cloneElement,\n  CSSProperties,\n  ReactElement,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtualGridStateContext } from './VirtualGridStateContext';\nimport { VirtualTableRowMutatedState } from './VirtualTableRowMutatedState';\n\nexport function VirtualTableRowMutated(props: {\n  index: number;\n  style?: CSSProperties;\n  itemKey?: (index: number) => number | string;\n  rowIndex?: number;\n  children: ReactElement[];\n}) {\n  const { children, index, style, itemKey, rowIndex } = props;\n\n  const gridState = useVirtualGridStateContext();\n\n  const element = children[index];\n\n  const rowRef = useRef<HTMLTableRowElement | null | undefined>(null);\n\n  const [state] = useState(\n    () =>\n      new VirtualTableRowMutatedState({\n        rowRef,\n        state: gridState,\n        itemKey,\n        index,\n        rowIndex,\n      }),\n  );\n\n  useEffect(() => {\n    state.index = index;\n  }, [index]);\n\n  useEffect(() => {\n    state.rowIndex = rowIndex;\n  }, [rowIndex]);\n\n  useEffect(() => {\n    state.itemKey = itemKey;\n  }, [itemKey]);\n\n  useEffect(() => {\n    state._measureRowContentsHeight();\n  }, [rowRef, rowIndex]);\n\n  useEffect(() => state.init(), []);\n\n  if (element == null) {\n    return null;\n  }\n\n  return cloneElement(element, {\n    style: { ...(element.props.style ?? {}), ...style },\n    rowProps: {\n      ...(element.props.rowProps ?? {}),\n      'data-key':\n        process.env.NODE_ENV === 'development' ? itemKey?.(index) : undefined,\n      'data-index': `index-${index}`,\n      ref: (el: HTMLTableRowElement | null | undefined) => {\n        rowRef.current = el;\n      },\n    },\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAEO,SAASG,sBAAsBA,CAACC,KAMtC,EAAE;EACD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAE3D,MAAMM,SAAS,GAAG,IAAAC,mDAA0B,EAAC,CAAC;EAE9C,MAAMC,OAAO,GAAGP,QAAQ,CAACC,KAAK,CAAC;EAE/B,MAAMO,MAAM,GAAG,IAAAC,aAAM,EAAyC,IAAI,CAAC;EAEnE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,wDAA2B,CAAC;IAC9BJ,MAAM;IACNE,KAAK,EAAEL,SAAS;IAChBF,OAAO;IACPF,KAAK;IACLG;EACF,CAAC,CACL,CAAC;EAED,IAAAS,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACT,KAAK,GAAGA,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAAY,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACN,QAAQ,GAAGA,QAAQ;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAAS,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACP,OAAO,GAAGA,OAAO;EACzB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAU,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACI,yBAAyB,CAAC,CAAC;EACnC,CAAC,EAAE,CAACN,MAAM,EAAEJ,QAAQ,CAAC,CAAC;EAEtB,IAAAS,gBAAS,EAAC,MAAMH,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAIR,OAAO,IAAI,IAAI,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBAAO,IAAAS,mBAAY,EAACT,OAAO,EAAE;IAC3BL,KAAK,EAAE;MAAE,IAAIK,OAAO,CAACR,KAAK,CAACG,KAAK,IAAI,CAAC,CAAC,CAAC;MAAE,GAAGA;IAAM,CAAC;IACnDe,QAAQ,EAAE;MACR,IAAIV,OAAO,CAACR,KAAK,CAACkB,QAAQ,IAAI,CAAC,CAAC,CAAC;MACjC,UAAU,EACRC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGjB,OAAO,oBAAPA,OAAO,CAAGF,KAAK,CAAC,GAAGoB,SAAS;MACvE,YAAY,EAAE,SAASpB,KAAK,EAAE;MAC9BqB,GAAG,EAAGC,EAA0C,IAAK;QACnDf,MAAM,CAACgB,OAAO,GAAGD,EAAE;MACrB;IACF;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_react","require","_VirtualGridStateContext","_VirtualTableRowMutatedState","VirtualTableRowMutated","props","children","index","style","itemKey","rowIndex","gridState","useVirtualGridStateContext","element","rowRef","useRef","state","useState","VirtualTableRowMutatedState","useEffect","_measureRowContentsHeight","init","ref","useCallback","el","current","cloneElement","rowProps","process","env","NODE_ENV","undefined"],"sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRowMutated.tsx"],"sourcesContent":["import {\n  cloneElement,\n  CSSProperties,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useVirtualGridStateContext } from './VirtualGridStateContext';\nimport { VirtualTableRowMutatedState } from './VirtualTableRowMutatedState';\n\nexport function VirtualTableRowMutated(props: {\n  index: number;\n  style?: CSSProperties;\n  itemKey?: (index: number) => number | string;\n  rowIndex?: number;\n  children: ReactElement[];\n}) {\n  const { children, index, style, itemKey, rowIndex } = props;\n\n  const gridState = useVirtualGridStateContext();\n\n  const element = children[index];\n\n  const rowRef = useRef<HTMLTableRowElement | null | undefined>(null);\n\n  const [state] = useState(\n    () =>\n      new VirtualTableRowMutatedState({\n        rowRef,\n        state: gridState,\n        itemKey,\n        index,\n        rowIndex,\n      }),\n  );\n\n  useEffect(() => {\n    state.index = index;\n  }, [index]);\n\n  useEffect(() => {\n    state.rowIndex = rowIndex;\n  }, [rowIndex]);\n\n  useEffect(() => {\n    state.itemKey = itemKey;\n  }, [itemKey]);\n\n  useEffect(() => {\n    state._measureRowContentsHeight();\n  }, [rowRef, rowIndex]);\n\n  useEffect(() => state.init(), []);\n\n  const ref = useCallback((el: HTMLTableRowElement | null | undefined) => {\n    rowRef.current = el;\n  }, []);\n\n  if (element == null) {\n    return null;\n  }\n\n  return cloneElement(element, {\n    style: { ...(element.props.style ?? {}), ...style },\n    rowProps: {\n      ...(element.props.rowProps ?? {}),\n      'data-key':\n        process.env.NODE_ENV === 'development' ? itemKey?.(index) : undefined,\n      'data-index': `index-${index}`,\n      ref,\n    },\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAEO,SAASG,sBAAsBA,CAACC,KAMtC,EAAE;EACD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAE3D,MAAMM,SAAS,GAAG,IAAAC,mDAA0B,EAAC,CAAC;EAE9C,MAAMC,OAAO,GAAGP,QAAQ,CAACC,KAAK,CAAC;EAE/B,MAAMO,MAAM,GAAG,IAAAC,aAAM,EAAyC,IAAI,CAAC;EAEnE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,wDAA2B,CAAC;IAC9BJ,MAAM;IACNE,KAAK,EAAEL,SAAS;IAChBF,OAAO;IACPF,KAAK;IACLG;EACF,CAAC,CACL,CAAC;EAED,IAAAS,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACT,KAAK,GAAGA,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAAY,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACN,QAAQ,GAAGA,QAAQ;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAAS,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACP,OAAO,GAAGA,OAAO;EACzB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAAU,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACI,yBAAyB,CAAC,CAAC;EACnC,CAAC,EAAE,CAACN,MAAM,EAAEJ,QAAQ,CAAC,CAAC;EAEtB,IAAAS,gBAAS,EAAC,MAAMH,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,GAAG,GAAG,IAAAC,kBAAW,EAAEC,EAA0C,IAAK;IACtEV,MAAM,CAACW,OAAO,GAAGD,EAAE;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIX,OAAO,IAAI,IAAI,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBAAO,IAAAa,mBAAY,EAACb,OAAO,EAAE;IAC3BL,KAAK,EAAE;MAAE,IAAIK,OAAO,CAACR,KAAK,CAACG,KAAK,IAAI,CAAC,CAAC,CAAC;MAAE,GAAGA;IAAM,CAAC;IACnDmB,QAAQ,EAAE;MACR,IAAId,OAAO,CAACR,KAAK,CAACsB,QAAQ,IAAI,CAAC,CAAC,CAAC;MACjC,UAAU,EACRC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGrB,OAAO,oBAAPA,OAAO,CAAGF,KAAK,CAAC,GAAGwB,SAAS;MACvE,YAAY,EAAE,SAASxB,KAAK,EAAE;MAC9Be;IACF;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/components/VirtualGridRepeater/VirtualTableRowMutatedState.js

@@ -56,7 +56,9 @@ class VirtualTableRowMutatedState {
     if (!rowElement) {
       return;
     }
-    const disposers = Array.from(rowElement.childNodes).filter(td => td instanceof HTMLElement).map(td => (0, _bexCore.addResizeObserver)(td, lodash.throttle(() => this._measureRowContentsHeight(), 100)));
+    const disposers = Array.from(rowElement.childNodes).filter(td => td instanceof HTMLElement).map(td => {
+      return (0, _bexCore.addResizeObserver)(td, lodash.throttle(() => this._measureRowContentsHeight(), 100));
+    });
     return () => {
       disposers.forEach(disposer => disposer == null ? void 0 : disposer());
     };
@@ -78,10 +80,12 @@ class VirtualTableRowMutatedState {
     if (!rowElement) {
       return;
     }
-    const disposers = [(0, _bexCore.addMutationObserver)(rowElement, () => {
+    const resetChildrenResizeObservers = () => {
       this._disposeResizeObservers();
-      events.emit('disposeResizeObservers', this.setChildrenResizeObservers());
-    })];
+      events.on('disposeResizeObservers', this.setChildrenResizeObservers());
+    };
+    resetChildrenResizeObservers();
+    const disposers = [(0, _bexCore.addMutationObserver)(rowElement, resetChildrenResizeObservers)];
     return () => {
       this._disposeResizeObservers();
       disposers.forEach(disposer => disposer == null ? void 0 : disposer());

package/dist/cjs/components/VirtualGridRepeater/VirtualTableRowMutatedState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_events","VirtualTableRowMutatedState","constructor","params","_defineProperty2","default","EventEmitter","state","rowRef","itemKey","index","rowIndex","_measureRowContentsHeight","rowElement","current","calcGridProps","rowHeight","setVariableRowHeight","style","height","key","size","offsetHeight","totalHeight","rowHeightIncludingGap","setChildrenResizeObservers","container","lodash","disposers","Array","from","childNodes","filter","td","HTMLElement","map","addResizeObserver","throttle","forEach","disposer","_disposeResizeObservers","events","listeners","removeAllListeners","init","addMutationObserver","emit","exports"],"sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRowMutatedState.ts"],"sourcesContent":["import { addMutationObserver, addResizeObserver } from '@wix/bex-core';\nimport { GridState } from './GridState';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport interface VirtualTableRowMutatedStateProps {\n  readonly state: GridState;\n  readonly rowRef: {\n    current: HTMLTableRowElement | null | undefined;\n  };\n  readonly itemKey?: (index: number) => number | string;\n  readonly index: number;\n  readonly rowIndex?: number;\n}\n\nexport class VirtualTableRowMutatedState {\n  readonly state;\n  rowRef;\n  itemKey;\n  index;\n  rowIndex;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    disposeResizeObservers: (() => void) | undefined;\n  }>;\n\n  constructor(params: VirtualTableRowMutatedStateProps) {\n    this.state = params.state;\n    this.rowRef = params.rowRef;\n    this.itemKey = params.itemKey;\n    this.index = params.index;\n    this.rowIndex = params.rowIndex;\n  }\n\n  _measureRowContentsHeight() {\n    const { state, rowRef, itemKey, index } = this;\n    const rowElement = rowRef.current;\n\n    if (\n      rowElement == null ||\n      state.calcGridProps.rowHeight != null ||\n      itemKey == null ||\n      state.setVariableRowHeight == null\n    ) {\n      return;\n    }\n\n    rowElement.style.height = 'auto';\n\n    state.setVariableRowHeight({\n      key: itemKey(index),\n      size: rowElement.offsetHeight,\n    });\n\n    const totalHeight = state.calcGridProps.rowHeightIncludingGap({\n      index,\n      key: itemKey(index),\n    });\n\n    rowElement.style.height = `${totalHeight}px`;\n  }\n\n  setChildrenResizeObservers() {\n    const { rowRef, state } = this;\n    const {\n      container: { lodash },\n    } = state;\n\n    const rowElement = rowRef.current;\n\n    if (!rowElement) {\n      return;\n    }\n\n    const disposers = Array.from(rowElement.childNodes)\n      .filter((td): td is HTMLElement => td instanceof HTMLElement)\n      .map((td) =>\n        addResizeObserver(\n          td,\n          lodash.throttle(() => this._measureRowContentsHeight(), 100),\n        ),\n      );\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n\n  _disposeResizeObservers() {\n    const { events } = this;\n    const disposers = events.listeners('disposeResizeObservers');\n    events.removeAllListeners('disposeResizeObservers');\n    disposers.forEach((disposer) => disposer?.());\n  }\n\n  init() {\n    const { rowRef, events } = this;\n    const rowElement = rowRef.current;\n\n    if (!rowElement) {\n      return;\n    }\n\n    const disposers = [\n      addMutationObserver(rowElement, () => {\n        this._disposeResizeObservers();\n        events.emit(\n          'disposeResizeObservers',\n          this.setChildrenResizeObservers(),\n        );\n      }),\n    ];\n\n    return () => {\n      this._disposeResizeObservers();\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_events","VirtualTableRowMutatedState","constructor","params","_defineProperty2","default","EventEmitter","state","rowRef","itemKey","index","rowIndex","_measureRowContentsHeight","rowElement","current","calcGridProps","rowHeight","setVariableRowHeight","style","height","key","size","offsetHeight","totalHeight","rowHeightIncludingGap","setChildrenResizeObservers","container","lodash","disposers","Array","from","childNodes","filter","td","HTMLElement","map","addResizeObserver","throttle","forEach","disposer","_disposeResizeObservers","events","listeners","removeAllListeners","init","resetChildrenResizeObservers","on","addMutationObserver","exports"],"sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRowMutatedState.ts"],"sourcesContent":["import { addMutationObserver, addResizeObserver } from '@wix/bex-core';\nimport { GridState } from './GridState';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport interface VirtualTableRowMutatedStateProps {\n  readonly state: GridState;\n  readonly rowRef: {\n    current: HTMLTableRowElement | null | undefined;\n  };\n  readonly itemKey?: (index: number) => number | string;\n  readonly index: number;\n  readonly rowIndex?: number;\n}\n\nexport class VirtualTableRowMutatedState {\n  readonly state;\n  rowRef;\n  itemKey;\n  index;\n  rowIndex;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    disposeResizeObservers: (() => void) | undefined;\n  }>;\n\n  constructor(params: VirtualTableRowMutatedStateProps) {\n    this.state = params.state;\n    this.rowRef = params.rowRef;\n    this.itemKey = params.itemKey;\n    this.index = params.index;\n    this.rowIndex = params.rowIndex;\n  }\n\n  _measureRowContentsHeight() {\n    const { state, rowRef, itemKey, index } = this;\n    const rowElement = rowRef.current;\n\n    if (\n      rowElement == null ||\n      state.calcGridProps.rowHeight != null ||\n      itemKey == null ||\n      state.setVariableRowHeight == null\n    ) {\n      return;\n    }\n\n    rowElement.style.height = 'auto';\n\n    state.setVariableRowHeight({\n      key: itemKey(index),\n      size: rowElement.offsetHeight,\n    });\n\n    const totalHeight = state.calcGridProps.rowHeightIncludingGap({\n      index,\n      key: itemKey(index),\n    });\n\n    rowElement.style.height = `${totalHeight}px`;\n  }\n\n  setChildrenResizeObservers() {\n    const { rowRef, state } = this;\n    const {\n      container: { lodash },\n    } = state;\n\n    const rowElement = rowRef.current;\n\n    if (!rowElement) {\n      return;\n    }\n\n    const disposers = Array.from(rowElement.childNodes)\n      .filter((td): td is HTMLElement => td instanceof HTMLElement)\n      .map((td) => {\n        return addResizeObserver(\n          td,\n          lodash.throttle(() => this._measureRowContentsHeight(), 100),\n        );\n      });\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n\n  _disposeResizeObservers() {\n    const { events } = this;\n    const disposers = events.listeners('disposeResizeObservers');\n    events.removeAllListeners('disposeResizeObservers');\n    disposers.forEach((disposer) => disposer?.());\n  }\n\n  init() {\n    const { rowRef, events } = this;\n    const rowElement = rowRef.current;\n\n    if (!rowElement) {\n      return;\n    }\n\n    const resetChildrenResizeObservers = () => {\n      this._disposeResizeObservers();\n      events.on('disposeResizeObservers', this.setChildrenResizeObservers());\n    };\n\n    resetChildrenResizeObservers();\n\n    const disposers = [\n      addMutationObserver(rowElement, resetChildrenResizeObservers),\n    ];\n\n    return () => {\n      this._disposeResizeObservers();\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAaO,MAAME,2BAA2B,CAAC;EAWvCC,WAAWA,CAACC,MAAwC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAJpC,IAAIC,oBAAY,CAAC,CAAC;IAKlC,IAAI,CAACC,KAAK,GAAGJ,MAAM,CAACI,KAAK;IACzB,IAAI,CAACC,MAAM,GAAGL,MAAM,CAACK,MAAM;IAC3B,IAAI,CAACC,OAAO,GAAGN,MAAM,CAACM,OAAO;IAC7B,IAAI,CAACC,KAAK,GAAGP,MAAM,CAACO,KAAK;IACzB,IAAI,CAACC,QAAQ,GAAGR,MAAM,CAACQ,QAAQ;EACjC;EAEAC,yBAAyBA,CAAA,EAAG;IAC1B,MAAM;MAAEL,KAAK;MAAEC,MAAM;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAG,IAAI;IAC9C,MAAMG,UAAU,GAAGL,MAAM,CAACM,OAAO;IAEjC,IACED,UAAU,IAAI,IAAI,IAClBN,KAAK,CAACQ,aAAa,CAACC,SAAS,IAAI,IAAI,IACrCP,OAAO,IAAI,IAAI,IACfF,KAAK,CAACU,oBAAoB,IAAI,IAAI,EAClC;MACA;IACF;IAEAJ,UAAU,CAACK,KAAK,CAACC,MAAM,GAAG,MAAM;IAEhCZ,KAAK,CAACU,oBAAoB,CAAC;MACzBG,GAAG,EAAEX,OAAO,CAACC,KAAK,CAAC;MACnBW,IAAI,EAAER,UAAU,CAACS;IACnB,CAAC,CAAC;IAEF,MAAMC,WAAW,GAAGhB,KAAK,CAACQ,aAAa,CAACS,qBAAqB,CAAC;MAC5Dd,KAAK;MACLU,GAAG,EAAEX,OAAO,CAACC,KAAK;IACpB,CAAC,CAAC;IAEFG,UAAU,CAACK,KAAK,CAACC,MAAM,GAAG,GAAGI,WAAW,IAAI;EAC9C;EAEAE,0BAA0BA,CAAA,EAAG;IAC3B,MAAM;MAAEjB,MAAM;MAAED;IAAM,CAAC,GAAG,IAAI;IAC9B,MAAM;MACJmB,SAAS,EAAE;QAAEC;MAAO;IACtB,CAAC,GAAGpB,KAAK;IAET,MAAMM,UAAU,GAAGL,MAAM,CAACM,OAAO;IAEjC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,MAAMe,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACjB,UAAU,CAACkB,UAAU,CAAC,CAChDC,MAAM,CAAEC,EAAE,IAAwBA,EAAE,YAAYC,WAAW,CAAC,CAC5DC,GAAG,CAAEF,EAAE,IAAK;MACX,OAAO,IAAAG,0BAAiB,EACtBH,EAAE,EACFN,MAAM,CAACU,QAAQ,CAAC,MAAM,IAAI,CAACzB,yBAAyB,CAAC,CAAC,EAAE,GAAG,CAC7D,CAAC;IACH,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXgB,SAAS,CAACU,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;IAC/C,CAAC;EACH;EAEAC,uBAAuBA,CAAA,EAAG;IACxB,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI;IACvB,MAAMb,SAAS,GAAGa,MAAM,CAACC,SAAS,CAAC,wBAAwB,CAAC;IAC5DD,MAAM,CAACE,kBAAkB,CAAC,wBAAwB,CAAC;IACnDf,SAAS,CAACU,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;EAC/C;EAEAK,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEpC,MAAM;MAAEiC;IAAO,CAAC,GAAG,IAAI;IAC/B,MAAM5B,UAAU,GAAGL,MAAM,CAACM,OAAO;IAEjC,IAAI,CAACD,UAAU,EAAE;MACf;IACF;IAEA,MAAMgC,4BAA4B,GAAGA,CAAA,KAAM;MACzC,IAAI,CAACL,uBAAuB,CAAC,CAAC;MAC9BC,MAAM,CAACK,EAAE,CAAC,wBAAwB,EAAE,IAAI,CAACrB,0BAA0B,CAAC,CAAC,CAAC;IACxE,CAAC;IAEDoB,4BAA4B,CAAC,CAAC;IAE9B,MAAMjB,SAAS,GAAG,CAChB,IAAAmB,4BAAmB,EAAClC,UAAU,EAAEgC,4BAA4B,CAAC,CAC9D;IAED,OAAO,MAAM;MACX,IAAI,CAACL,uBAAuB,CAAC,CAAC;MAC9BZ,SAAS,CAACU,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC;IAC/C,CAAC;EACH;AACF;AAACS,OAAA,CAAA/C,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3547888783";
+var _namespace_ = "common3657327174";
 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": "common3547888783__root",
-  "column": "common3547888783__column",
-  "fullHeight": "common3547888783__fullHeight"
+  "root": "common3657327174__root",
+  "column": "common3657327174__column",
+  "fullHeight": "common3657327174__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3547888783\";\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\":\"common3547888783__root\",\"column\":\"common3547888783__column\",\"fullHeight\":\"common3547888783__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,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,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3657327174\";\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\":\"common3657327174__root\",\"column\":\"common3657327174__column\",\"fullHeight\":\"common3657327174__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/ExtensionMenuItemsState.js

@@ -41,6 +41,9 @@ class ExtensionMenuItemsState {
       };
     });
   }
+  get containerProps() {
+    return this._extensionsState._containerProps;
+  }
   init() {
     return this._extensionsState.init();
   }

package/dist/cjs/state/ExtensionMenuItemsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_ExtensionsState","ExtensionMenuItemsState","constructor","params","_defineProperty2","default","_extensionsState","ExtensionsState","makeObservable","menuItems","computed","items","filter","item","_item$menuItem","_item$menuItem2","Boolean","title","menuItem","IconComponent","structuredAction","map","extension","componentId","appId","biName","dataHook","prefixIcon","createElement","text","onClick","type","init","exports"],"sources":["../../../src/state/ExtensionMenuItemsState.ts"],"sourcesContent":["import { ReactElement, createElement } from 'react';\nimport { WixPatternsContainer, HostContainerExtension } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\nimport { ExtensionsState } from './ExtensionsState';\n\nexport interface ExtensionMenuItemsStateParams {\n  containerId?: string;\n  container: WixPatternsContainer;\n}\n\nexport interface ExtensionMenuItem {\n  biName?: string;\n  dataHook: string;\n  prefixIcon?: ReactElement;\n  text: string;\n  type: 'TPA';\n  appId?: string;\n  componentId: string;\n  onClick: (params?: Record<string, any>) => void;\n}\n\nexport class ExtensionMenuItemsState {\n  readonly _extensionsState: ExtensionsState;\n\n  constructor(params: ExtensionMenuItemsStateParams) {\n    this._extensionsState = new ExtensionsState(params);\n\n    makeObservable(this, {\n      menuItems: computed,\n    });\n  }\n\n  get menuItems(): ExtensionMenuItem[] {\n    return this._extensionsState.items\n      .filter((item): item is Required<HostContainerExtension> => {\n        return Boolean(\n          item.title &&\n            item.menuItem?.IconComponent &&\n            item.menuItem?.structuredAction,\n        );\n      })\n      .map((extension) => {\n        const {\n          componentId,\n          appId,\n          menuItem: { IconComponent, structuredAction },\n        } = extension;\n\n        return {\n          biName: extension.title || `menu-item-extension-${componentId}`, // extension.title was requested explicitly by BI, it's not a mistake\n          dataHook: `menu-item-extension-${componentId}`,\n          prefixIcon: IconComponent && createElement(IconComponent),\n          text: extension.title,\n          onClick: structuredAction,\n          appId,\n          componentId,\n          type: 'TPA',\n        };\n      });\n  }\n\n  init() {\n    return this._extensionsState.init();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAkBO,MAAMG,uBAAuB,CAAC;EAGnCC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,gBAAgB,GAAG,IAAIC,gCAAe,CAACJ,MAAM,CAAC;IAEnD,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,SAAS,EAAEC;IACb,CAAC,CAAC;EACJ;EAEA,IAAID,SAASA,CAAA,EAAwB;IACnC,OAAO,IAAI,CAACH,gBAAgB,CAACK,KAAK,CAC/BC,MAAM,CAAEC,IAAI,IAA+C;MAAA,IAAAC,cAAA,EAAAC,eAAA;MAC1D,OAAOC,OAAO,CACZH,IAAI,CAACI,KAAK,MAAAH,cAAA,GACRD,IAAI,CAACK,QAAQ,qBAAbJ,cAAA,CAAeK,aAAa,OAAAJ,eAAA,GAC5BF,IAAI,CAACK,QAAQ,qBAAbH,eAAA,CAAeK,gBAAgB,CACnC,CAAC;IACH,CAAC,CAAC,CACDC,GAAG,CAAEC,SAAS,IAAK;MAClB,MAAM;QACJC,WAAW;QACXC,KAAK;QACLN,QAAQ,EAAE;UAAEC,aAAa;UAAEC;QAAiB;MAC9C,CAAC,GAAGE,SAAS;MAEb,OAAO;QACLG,MAAM,EAAEH,SAAS,CAACL,KAAK,IAAI,uBAAuBM,WAAW,EAAE;QAAE;QACjEG,QAAQ,EAAE,uBAAuBH,WAAW,EAAE;QAC9CI,UAAU,EAAER,aAAa,iBAAI,IAAAS,oBAAa,EAACT,aAAa,CAAC;QACzDU,IAAI,EAAEP,SAAS,CAACL,KAAK;QACrBa,OAAO,EAAEV,gBAAgB;QACzBI,KAAK;QACLD,WAAW;QACXQ,IAAI,EAAE;MACR,CAAC;IACH,CAAC,CAAC;EACN;EAEAC,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAAC1B,gBAAgB,CAAC0B,IAAI,CAAC,CAAC;EACrC;AACF;AAACC,OAAA,CAAAhC,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_ExtensionsState","ExtensionMenuItemsState","constructor","params","_defineProperty2","default","_extensionsState","ExtensionsState","makeObservable","menuItems","computed","items","filter","item","_item$menuItem","_item$menuItem2","Boolean","title","menuItem","IconComponent","structuredAction","map","extension","componentId","appId","biName","dataHook","prefixIcon","createElement","text","onClick","type","containerProps","_containerProps","init","exports"],"sources":["../../../src/state/ExtensionMenuItemsState.ts"],"sourcesContent":["import { ReactElement, createElement } from 'react';\nimport { WixPatternsContainer, HostContainerExtension } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\nimport { ExtensionsState } from './ExtensionsState';\n\nexport interface ExtensionMenuItemsStateParams {\n  containerId?: string;\n  containerProps?: Record<string, any>;\n  container: WixPatternsContainer;\n}\n\nexport interface ExtensionMenuItem {\n  biName?: string;\n  dataHook: string;\n  prefixIcon?: ReactElement;\n  text: string;\n  type: 'TPA';\n  appId?: string;\n  componentId: string;\n  onClick: (params?: Record<string, any>) => void;\n}\n\nexport class ExtensionMenuItemsState {\n  readonly _extensionsState: ExtensionsState;\n\n  constructor(params: ExtensionMenuItemsStateParams) {\n    this._extensionsState = new ExtensionsState(params);\n\n    makeObservable(this, {\n      menuItems: computed,\n    });\n  }\n\n  get menuItems(): ExtensionMenuItem[] {\n    return this._extensionsState.items\n      .filter((item): item is Required<HostContainerExtension> => {\n        return Boolean(\n          item.title &&\n            item.menuItem?.IconComponent &&\n            item.menuItem?.structuredAction,\n        );\n      })\n      .map((extension) => {\n        const {\n          componentId,\n          appId,\n          menuItem: { IconComponent, structuredAction },\n        } = extension;\n\n        return {\n          biName: extension.title || `menu-item-extension-${componentId}`, // extension.title was requested explicitly by BI, it's not a mistake\n          dataHook: `menu-item-extension-${componentId}`,\n          prefixIcon: IconComponent && createElement(IconComponent),\n          text: extension.title,\n          onClick: structuredAction,\n          appId,\n          componentId,\n          type: 'TPA',\n        };\n      });\n  }\n\n  get containerProps() {\n    return this._extensionsState._containerProps;\n  }\n\n  init() {\n    return this._extensionsState.init();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAmBO,MAAMG,uBAAuB,CAAC;EAGnCC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,gBAAgB,GAAG,IAAIC,gCAAe,CAACJ,MAAM,CAAC;IAEnD,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,SAAS,EAAEC;IACb,CAAC,CAAC;EACJ;EAEA,IAAID,SAASA,CAAA,EAAwB;IACnC,OAAO,IAAI,CAACH,gBAAgB,CAACK,KAAK,CAC/BC,MAAM,CAAEC,IAAI,IAA+C;MAAA,IAAAC,cAAA,EAAAC,eAAA;MAC1D,OAAOC,OAAO,CACZH,IAAI,CAACI,KAAK,MAAAH,cAAA,GACRD,IAAI,CAACK,QAAQ,qBAAbJ,cAAA,CAAeK,aAAa,OAAAJ,eAAA,GAC5BF,IAAI,CAACK,QAAQ,qBAAbH,eAAA,CAAeK,gBAAgB,CACnC,CAAC;IACH,CAAC,CAAC,CACDC,GAAG,CAAEC,SAAS,IAAK;MAClB,MAAM;QACJC,WAAW;QACXC,KAAK;QACLN,QAAQ,EAAE;UAAEC,aAAa;UAAEC;QAAiB;MAC9C,CAAC,GAAGE,SAAS;MAEb,OAAO;QACLG,MAAM,EAAEH,SAAS,CAACL,KAAK,IAAI,uBAAuBM,WAAW,EAAE;QAAE;QACjEG,QAAQ,EAAE,uBAAuBH,WAAW,EAAE;QAC9CI,UAAU,EAAER,aAAa,iBAAI,IAAAS,oBAAa,EAACT,aAAa,CAAC;QACzDU,IAAI,EAAEP,SAAS,CAACL,KAAK;QACrBa,OAAO,EAAEV,gBAAgB;QACzBI,KAAK;QACLD,WAAW;QACXQ,IAAI,EAAE;MACR,CAAC;IACH,CAAC,CAAC;EACN;EAEA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAAC1B,gBAAgB,CAAC2B,eAAe;EAC9C;EAEAC,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAAC5B,gBAAgB,CAAC4B,IAAI,CAAC,CAAC;EACrC;AACF;AAACC,OAAA,CAAAlC,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/state/ExtensionsState.js

@@ -10,9 +10,11 @@ class ExtensionsState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "_container", void 0);
     (0, _defineProperty2.default)(this, "_containerId", void 0);
+    (0, _defineProperty2.default)(this, "_containerProps", void 0);
     (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
     this._container = params.container;
     this._containerId = params.containerId;
+    this._containerProps = params.containerProps;
     (0, _mobx.makeObservable)(this, {
       items: _mobx.computed
     });

package/dist/cjs/state/ExtensionsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","ExtensionsState","constructor","params","_defineProperty2","default","TaskState","_container","container","_containerId","containerId","makeObservable","items","computed","initTask","status","data","init","runOnce","getHostContainer","hostContainer","getExtensions","exports"],"sources":["../../../src/state/ExtensionsState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  HostContainerExtension,\n  TaskState,\n} from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface ExtensionsStateParams {\n  containerId?: string;\n  container: WixPatternsContainer;\n}\n\nexport class ExtensionsState {\n  readonly _container: WixPatternsContainer;\n  readonly _containerId?: string;\n\n  readonly initTask = new TaskState<HostContainerExtension[]>();\n\n  constructor(params: ExtensionsStateParams) {\n    this._container = params.container;\n    this._containerId = params.containerId;\n\n    makeObservable(this, {\n      items: computed,\n    });\n  }\n\n  get items() {\n    return this.initTask.status.data || [];\n  }\n\n  init() {\n    const { initTask } = this;\n\n    initTask.runOnce(async () => {\n      const {\n        _container: { getHostContainer },\n        _containerId,\n      } = this;\n\n      if (!getHostContainer || !_containerId) {\n        return [];\n      }\n\n      const hostContainer = getHostContainer(_containerId);\n      const items = await hostContainer.getExtensions(); // it's not really async, here for backwards compatibility with old biz types and eventually can be replaced with getContainerMenuItems\n\n      return items;\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAOO,MAAME,eAAe,CAAC;EAM3BC,WAAWA,CAACC,MAA6B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAFvB,IAAIC,kBAAS,CAA2B,CAAC;IAG3D,IAAI,CAACC,UAAU,GAAGJ,MAAM,CAACK,SAAS;IAClC,IAAI,CAACC,YAAY,GAAGN,MAAM,CAACO,WAAW;IAEtC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC;IACT,CAAC,CAAC;EACJ;EAEA,IAAID,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACE,QAAQ,CAACC,MAAM,CAACC,IAAI,IAAI,EAAE;EACxC;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEH;IAAS,CAAC,GAAG,IAAI;IAEzBA,QAAQ,CAACI,OAAO,CAAC,YAAY;MAC3B,MAAM;QACJX,UAAU,EAAE;UAAEY;QAAiB,CAAC;QAChCV;MACF,CAAC,GAAG,IAAI;MAER,IAAI,CAACU,gBAAgB,IAAI,CAACV,YAAY,EAAE;QACtC,OAAO,EAAE;MACX;MAEA,MAAMW,aAAa,GAAGD,gBAAgB,CAACV,YAAY,CAAC;MACpD,MAAMG,KAAK,GAAG,MAAMQ,aAAa,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;;MAEnD,OAAOT,KAAK;IACd,CAAC,CAAC;EACJ;AACF;AAACU,OAAA,CAAArB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","ExtensionsState","constructor","params","_defineProperty2","default","TaskState","_container","container","_containerId","containerId","_containerProps","containerProps","makeObservable","items","computed","initTask","status","data","init","runOnce","getHostContainer","hostContainer","getExtensions","exports"],"sources":["../../../src/state/ExtensionsState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  HostContainerExtension,\n  TaskState,\n} from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface ExtensionsStateParams {\n  containerId?: string;\n  containerProps?: Record<string, any>;\n  container: WixPatternsContainer;\n}\n\nexport class ExtensionsState {\n  readonly _container: WixPatternsContainer;\n  readonly _containerId?: string;\n  readonly _containerProps?: Record<string, any>;\n\n  readonly initTask = new TaskState<HostContainerExtension[]>();\n\n  constructor(params: ExtensionsStateParams) {\n    this._container = params.container;\n    this._containerId = params.containerId;\n    this._containerProps = params.containerProps;\n\n    makeObservable(this, {\n      items: computed,\n    });\n  }\n\n  get items() {\n    return this.initTask.status.data || [];\n  }\n\n  init() {\n    const { initTask } = this;\n\n    initTask.runOnce(async () => {\n      const {\n        _container: { getHostContainer },\n        _containerId,\n      } = this;\n\n      if (!getHostContainer || !_containerId) {\n        return [];\n      }\n\n      const hostContainer = getHostContainer(_containerId);\n      const items = await hostContainer.getExtensions(); // it's not really async, here for backwards compatibility with old biz types and eventually can be replaced with getContainerMenuItems\n\n      return items;\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAQO,MAAME,eAAe,CAAC;EAO3BC,WAAWA,CAACC,MAA6B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAFvB,IAAIC,kBAAS,CAA2B,CAAC;IAG3D,IAAI,CAACC,UAAU,GAAGJ,MAAM,CAACK,SAAS;IAClC,IAAI,CAACC,YAAY,GAAGN,MAAM,CAACO,WAAW;IACtC,IAAI,CAACC,eAAe,GAAGR,MAAM,CAACS,cAAc;IAE5C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC;IACT,CAAC,CAAC;EACJ;EAEA,IAAID,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACE,QAAQ,CAACC,MAAM,CAACC,IAAI,IAAI,EAAE;EACxC;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEH;IAAS,CAAC,GAAG,IAAI;IAEzBA,QAAQ,CAACI,OAAO,CAAC,YAAY;MAC3B,MAAM;QACJb,UAAU,EAAE;UAAEc;QAAiB,CAAC;QAChCZ;MACF,CAAC,GAAG,IAAI;MAER,IAAI,CAACY,gBAAgB,IAAI,CAACZ,YAAY,EAAE;QACtC,OAAO,EAAE;MACX;MAEA,MAAMa,aAAa,GAAGD,gBAAgB,CAACZ,YAAY,CAAC;MACpD,MAAMK,KAAK,GAAG,MAAMQ,aAAa,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;;MAEnD,OAAOT,KAAK;IACd,CAAC,CAAC;EACJ;AACF;AAACU,OAAA,CAAAvB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/state/TagsModalState.js

@@ -275,6 +275,7 @@ class TagsModalState {
       origin: actionOrigin,
       tagSubOrigin: this.tagSubOrigin,
       tagsBIReporter: this.tagsBIReporter,
+      visualType: 'notification',
       optimisticActionParams: {
         successToast: {
           biName: 'cairo-save-new-tag-success',

package/dist/cjs/state/TagsModalState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","_bi","_util","actionOrigin","TagsModalState","constructor","tagsManagementState","entityTypeName","_defineProperty2","default","ConditionalModalState","undefined","observable","array","deep","tagsSearchState","TagsSearchState","container","tagsBIReporter","TagsBIReporter","collection","reportBi","createBILogger","componentType","fqdn","location","makeObservable","editedTagId","editedTagErrorMessage","isShowingNewTagListItem","init","action","openManageTagsModal","closeManageTagsModal","handleSearchChange","handleSearchClear","handleCreateCtaClick","handleEditCtaClick","handleCancelEditCtaClick","openConfirmDeleteModal","createTagFromSearch","createTagFromList","updateTag","deleteTag","showNotification","hideNotification","disposers","addEventListener","events","toastConfig","forEach","d","origin","tagSubOrigin","manageTagsModalState","modal","open","_reportBiModalOpened","overrideShowToast","setSearchValue","_reportSearchEventsBi","close","_reportModalClosedBi","props","confirmModalState","theme","primaryButtonText","translate","secondaryButtonText","title","newSearchValue","_reportSearchChangedBi","setTimeout","_scrollContentTo","tag","id","toastConfigs","push","remove","clear","searchValue","shownItems","length","newName","slice","TAG_MAX_LENGTH","_createTag","name","isFromSearch","onSuccess","status","statusMessage","_isValidName","isLastTag","previousName","tagToUpdate","filteredListSize","optimisticActionParams","keepPosition","successToast","biName","message","showUndoToast","errorToast","type","tagToDelete","primaryButtonOnClick","filteredItems","sort","tag1","tag2","Date","createdDate","valueOf","isOpen","createTag","error","config","getCreateTagErrorConfig","visualType","tagName","_getValidationMessage","count","items","find","toLowerCase","_this$tagsManagementS","cairoTagsModalStartLoad","numTags","onModalClose","onSearch","_clearAllEvents","event","emit","direction","_this$ref","_this$ref2","ref","current","scrollTo","top","scrollHeight","behavior","exports"],"sources":["../../../src/state/TagsModalState.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  ConditionalModalState,\n  TAG_MAX_LENGTH,\n  TagsBIReporter,\n  TagsManagementState,\n  TagsSearchState,\n  ToastConfig,\n  getCreateTagErrorConfig,\n} from '@wix/bex-core';\nimport { InputStatus, MessageModalLayoutProps } from '@wix/design-system';\nimport { cairoTagsModalStartLoad } from '@wix/bex-core/bi';\nimport { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { addEventListener } from '@wix/bex-core/util';\n\nexport interface TagsModalStateParams {\n  readonly tagsManagementState: TagsManagementState;\n  readonly entityTypeName: string;\n}\n\nconst actionOrigin = 'Manage Tags Modal';\n\nexport class TagsModalState {\n  readonly tagsManagementState;\n  readonly tagsSearchState;\n  readonly manageTagsModalState = new ConditionalModalState();\n  readonly confirmModalState = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly container;\n  readonly tagsBIReporter: TagsBIReporter;\n  readonly entityTypeName: string;\n  origin?: string = undefined;\n  tagSubOrigin?: string = undefined;\n  editedTagId: string | null = null;\n  editedTagErrorMessage: string | null = null;\n  isShowingNewTagListItem: boolean = false;\n  tagToDelete?: Tag;\n  toastConfigs = observable.array([] as ToastConfig[], {\n    deep: false,\n  });\n  ref: RefObject<HTMLDivElement> | null = null;\n\n  constructor({ tagsManagementState, entityTypeName }: TagsModalStateParams) {\n    this.tagsManagementState = tagsManagementState;\n    this.tagsSearchState = new TagsSearchState({\n      tagsManagementState,\n    });\n    this.entityTypeName = entityTypeName;\n    this.container = tagsManagementState.container;\n    this.tagsBIReporter = new TagsBIReporter({\n      collection: this.tagsManagementState.collection,\n      reportBi: this.tagsManagementState.container.createBILogger({\n        componentType: 'ManageTagsModal',\n        ...tagsManagementState.fqdn,\n      }),\n      location: 'Manage tags modal',\n    });\n\n    makeObservable(this, {\n      editedTagId: observable,\n      editedTagErrorMessage: observable,\n      isShowingNewTagListItem: observable,\n      init: action,\n      openManageTagsModal: action,\n      closeManageTagsModal: action,\n      handleSearchChange: action,\n      handleSearchClear: action,\n      handleCreateCtaClick: action,\n      handleEditCtaClick: action,\n      handleCancelEditCtaClick: action,\n      openConfirmDeleteModal: action,\n      createTagFromSearch: action,\n      createTagFromList: action,\n      updateTag: action,\n      deleteTag: action,\n      showNotification: action,\n      hideNotification: action,\n    });\n  }\n\n  init() {\n    const disposers = [\n      addEventListener(\n        this.tagsManagementState.events,\n        'showToast',\n        (toastConfig: ToastConfig) => {\n          this.showNotification(toastConfig);\n        },\n      ),\n      addEventListener(\n        this.tagsManagementState.events,\n        'hideToast',\n        (toastConfig: ToastConfig) => {\n          this.hideNotification(toastConfig);\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  openManageTagsModal({\n    origin,\n    tagSubOrigin,\n  }: {\n    origin: string;\n    tagSubOrigin?: string;\n  }) {\n    this.origin = origin;\n    this.tagSubOrigin = tagSubOrigin;\n    this.manageTagsModalState.modal.open();\n    this._reportBiModalOpened();\n    this.tagsManagementState.overrideShowToast = true;\n  }\n\n  closeManageTagsModal() {\n    this.editedTagId = null;\n    this.editedTagErrorMessage = null;\n    this.isShowingNewTagListItem = false;\n    this.tagsSearchState.setSearchValue('');\n    this._reportSearchEventsBi('blur');\n    this.manageTagsModalState.modal.close();\n    this._reportModalClosedBi();\n    this.origin = undefined;\n    this.tagsManagementState.overrideShowToast = false;\n    this.hideNotification();\n  }\n\n  openConfirmDeleteModal(props?: Partial<MessageModalLayoutProps>) {\n    this.confirmModalState.open({\n      theme: 'destructive',\n      primaryButtonText: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.delete.CTA',\n      ),\n      secondaryButtonText: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.cancel.CTA',\n      ),\n      title: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.title',\n      ),\n      ...props,\n    });\n  }\n\n  handleSearchChange(newSearchValue: string) {\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = false;\n    this._reportSearchChangedBi(newSearchValue);\n    this.tagsSearchState.setSearchValue(newSearchValue);\n  }\n\n  handleSearchClear() {\n    this._reportSearchEventsBi('clear');\n    this.tagsSearchState.setSearchValue('');\n  }\n\n  handleCreateCtaClick() {\n    this.tagsSearchState.setSearchValue('');\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = true;\n    setTimeout(() => this._scrollContentTo('bottom'), 100);\n  }\n\n  handleEditCtaClick(tag: Tag) {\n    this._reportSearchEventsBi('select');\n    this.editedTagId = tag.id!;\n  }\n\n  handleCancelEditCtaClick() {\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = false;\n  }\n\n  showNotification(toastConfig: ToastConfig) {\n    this.toastConfigs.push(toastConfig);\n    setTimeout(() => {\n      this.hideNotification(toastConfig);\n    }, 6000);\n  }\n\n  hideNotification(toastConfig?: ToastConfig) {\n    if (toastConfig) {\n      this.toastConfigs.remove(toastConfig);\n    } else {\n      this.toastConfigs.clear();\n    }\n  }\n\n  async createTagFromSearch() {\n    if (!this.searchValue || this.shownItems.length) {\n      return;\n    }\n\n    const newName = this.searchValue.slice(0, TAG_MAX_LENGTH);\n    this._reportSearchEventsBi('add');\n    this._createTag({\n      name: newName,\n      isFromSearch: true,\n      onSuccess: () => this._scrollContentTo('bottom'),\n    });\n    this.tagsSearchState.setSearchValue('');\n  }\n\n  async createTagFromList(newName: string) {\n    const { status, statusMessage } = this._isValidName(newName);\n    if (status === 'error') {\n      this.editedTagErrorMessage = statusMessage;\n      setTimeout(() => this._scrollContentTo('bottom'), 100);\n      return;\n    }\n\n    this._createTag({\n      name: newName,\n    });\n    this.isShowingNewTagListItem = false;\n  }\n\n  async updateTag({\n    tag,\n    newName,\n    isLastTag,\n  }: {\n    tag: Tag;\n    newName: string;\n    isLastTag: boolean;\n  }) {\n    if (newName === tag.name) {\n      this.editedTagId = null;\n      return;\n    }\n\n    const { status, statusMessage } = this._isValidName(newName);\n    if (status === 'error') {\n      this.editedTagErrorMessage = statusMessage;\n      if (isLastTag) {\n        setTimeout(() => this._scrollContentTo('bottom'), 100);\n      }\n      return;\n    }\n\n    this.editedTagId = null;\n    const previousName = tag.name!;\n    const isFromSearch = this.tagsSearchState.searchValue !== '';\n\n    this.tagsManagementState.updateTag({\n      tagToUpdate: { ...tag, name: newName },\n      previousName,\n      isFromSearch,\n      filteredListSize: this.shownItems.length,\n      origin: actionOrigin,\n      tagSubOrigin: this.tagSubOrigin,\n      tagsBIReporter: this.tagsBIReporter,\n      optimisticActionParams: {\n        keepPosition: true,\n        successToast: {\n          biName: 'cairo-save-rename-tag-success',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.rename.success',\n          ),\n        },\n        showUndoToast: true,\n        errorToast: () => ({\n          biName: 'cairo-save-rename-tag-error',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.rename.error',\n          ),\n          type: 'ERROR',\n        }),\n      },\n    });\n  }\n\n  async deleteTag(tagToDelete: Tag) {\n    this._reportSearchEventsBi('select');\n    this.tagToDelete = tagToDelete;\n    const isFromSearch = this.tagsSearchState.searchValue !== '';\n    this.openConfirmDeleteModal({\n      primaryButtonOnClick: async () => {\n        this.tagsManagementState.deleteTag({\n          tagToDelete,\n          isFromSearch,\n          filteredListSize: this.shownItems.length,\n          origin: actionOrigin,\n          tagSubOrigin: this.tagSubOrigin,\n          tagsBIReporter: this.tagsBIReporter,\n          optimisticActionParams: {\n            successToast: {\n              biName: 'cairo-delete-tag-success',\n              message: this.container.translate(\n                'cairo.tags.manageTags.modal.toast.delete.success',\n              ),\n            },\n            showUndoToast: true,\n            errorToast: () => ({\n              biName: 'cairo-delete-tag-error',\n              message: this.container.translate(\n                'cairo.tags.manageTags.modal.toast.delete.error',\n              ),\n              type: 'ERROR',\n            }),\n          },\n        });\n      },\n    });\n  }\n\n  get searchValue() {\n    return this.tagsSearchState.searchValue;\n  }\n\n  get shownItems() {\n    return this.tagsSearchState.filteredItems.sort(\n      (tag1, tag2) =>\n        new Date(tag1.createdDate!).valueOf() -\n        new Date(tag2.createdDate!).valueOf(),\n    );\n  }\n\n  get isOpen() {\n    return this.manageTagsModalState.isOpen;\n  }\n\n  get toastConfig() {\n    return this.toastConfigs[this.toastConfigs.length - 1] ?? null;\n  }\n\n  private async _createTag({\n    name,\n    isFromSearch = false,\n    onSuccess,\n  }: {\n    name: string;\n    isFromSearch?: boolean;\n    onSuccess?: (tag: Tag) => void;\n  }) {\n    this.tagsManagementState.createTag({\n      name,\n      isFromSearch,\n      filteredListSize: this.shownItems.length,\n      onSuccess,\n      origin: actionOrigin,\n      tagSubOrigin: this.tagSubOrigin,\n      tagsBIReporter: this.tagsBIReporter,\n      optimisticActionParams: {\n        successToast: {\n          biName: 'cairo-save-new-tag-success',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.create.success',\n          ),\n        },\n        errorToast: (error) => {\n          const config = getCreateTagErrorConfig({\n            container: this.container,\n            error,\n            visualType: 'notification',\n          });\n\n          return {\n            biName: 'cairo-save-new-tag-error',\n            ...config,\n          };\n        },\n      },\n    });\n    this.editedTagErrorMessage = null;\n  }\n\n  private _isValidName(tagName: string) {\n    if (tagName.length === 0) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.emptyName',\n        ),\n      );\n    }\n    if (tagName.length > TAG_MAX_LENGTH) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.maxLength',\n          { count: TAG_MAX_LENGTH },\n        ),\n      );\n    }\n\n    if (\n      this.tagsManagementState.items.find(\n        ({ name }) => name!.toLowerCase() === tagName.toLowerCase(),\n      )\n    ) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.exists',\n        ),\n      );\n    }\n\n    return { status: '' as InputStatus, statusMessage: '' };\n  }\n\n  private _reportBiModalOpened() {\n    this.tagsBIReporter.reportBi(\n      cairoTagsModalStartLoad({\n        numTags: this.tagsManagementState.items?.length,\n        origin: this.origin,\n      }),\n    );\n  }\n\n  private _reportModalClosedBi() {\n    this.tagsBIReporter.onModalClose({ origin: this.origin });\n  }\n\n  private _reportSearchChangedBi(searchValue: string) {\n    if (searchValue !== '') {\n      this.tagsBIReporter.onSearch(searchValue);\n    } else {\n      this.tagsBIReporter._clearAllEvents();\n    }\n  }\n\n  private _reportSearchEventsBi(event: 'add' | 'select' | 'clear' | 'blur') {\n    return this.tagsBIReporter.events.emit(event);\n  }\n\n  private _scrollContentTo(direction: 'top' | 'bottom' = 'top') {\n    this.ref?.current?.scrollTo({\n      top: direction === 'top' ? 0 : this.ref?.current?.scrollHeight,\n      behavior: 'smooth',\n    });\n  }\n\n  private _getValidationMessage(statusMessage: string) {\n    return {\n      status: 'error' as InputStatus,\n      statusMessage,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","_bi","_util","actionOrigin","TagsModalState","constructor","tagsManagementState","entityTypeName","_defineProperty2","default","ConditionalModalState","undefined","observable","array","deep","tagsSearchState","TagsSearchState","container","tagsBIReporter","TagsBIReporter","collection","reportBi","createBILogger","componentType","fqdn","location","makeObservable","editedTagId","editedTagErrorMessage","isShowingNewTagListItem","init","action","openManageTagsModal","closeManageTagsModal","handleSearchChange","handleSearchClear","handleCreateCtaClick","handleEditCtaClick","handleCancelEditCtaClick","openConfirmDeleteModal","createTagFromSearch","createTagFromList","updateTag","deleteTag","showNotification","hideNotification","disposers","addEventListener","events","toastConfig","forEach","d","origin","tagSubOrigin","manageTagsModalState","modal","open","_reportBiModalOpened","overrideShowToast","setSearchValue","_reportSearchEventsBi","close","_reportModalClosedBi","props","confirmModalState","theme","primaryButtonText","translate","secondaryButtonText","title","newSearchValue","_reportSearchChangedBi","setTimeout","_scrollContentTo","tag","id","toastConfigs","push","remove","clear","searchValue","shownItems","length","newName","slice","TAG_MAX_LENGTH","_createTag","name","isFromSearch","onSuccess","status","statusMessage","_isValidName","isLastTag","previousName","tagToUpdate","filteredListSize","optimisticActionParams","keepPosition","successToast","biName","message","showUndoToast","errorToast","type","tagToDelete","primaryButtonOnClick","filteredItems","sort","tag1","tag2","Date","createdDate","valueOf","isOpen","createTag","visualType","error","config","getCreateTagErrorConfig","tagName","_getValidationMessage","count","items","find","toLowerCase","_this$tagsManagementS","cairoTagsModalStartLoad","numTags","onModalClose","onSearch","_clearAllEvents","event","emit","direction","_this$ref","_this$ref2","ref","current","scrollTo","top","scrollHeight","behavior","exports"],"sources":["../../../src/state/TagsModalState.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  ConditionalModalState,\n  TAG_MAX_LENGTH,\n  TagsBIReporter,\n  TagsManagementState,\n  TagsSearchState,\n  ToastConfig,\n  getCreateTagErrorConfig,\n} from '@wix/bex-core';\nimport { InputStatus, MessageModalLayoutProps } from '@wix/design-system';\nimport { cairoTagsModalStartLoad } from '@wix/bex-core/bi';\nimport { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { addEventListener } from '@wix/bex-core/util';\n\nexport interface TagsModalStateParams {\n  readonly tagsManagementState: TagsManagementState;\n  readonly entityTypeName: string;\n}\n\nconst actionOrigin = 'Manage Tags Modal';\n\nexport class TagsModalState {\n  readonly tagsManagementState;\n  readonly tagsSearchState;\n  readonly manageTagsModalState = new ConditionalModalState();\n  readonly confirmModalState = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly container;\n  readonly tagsBIReporter: TagsBIReporter;\n  readonly entityTypeName: string;\n  origin?: string = undefined;\n  tagSubOrigin?: string = undefined;\n  editedTagId: string | null = null;\n  editedTagErrorMessage: string | null = null;\n  isShowingNewTagListItem: boolean = false;\n  tagToDelete?: Tag;\n  toastConfigs = observable.array([] as ToastConfig[], {\n    deep: false,\n  });\n  ref: RefObject<HTMLDivElement> | null = null;\n\n  constructor({ tagsManagementState, entityTypeName }: TagsModalStateParams) {\n    this.tagsManagementState = tagsManagementState;\n    this.tagsSearchState = new TagsSearchState({\n      tagsManagementState,\n    });\n    this.entityTypeName = entityTypeName;\n    this.container = tagsManagementState.container;\n    this.tagsBIReporter = new TagsBIReporter({\n      collection: this.tagsManagementState.collection,\n      reportBi: this.tagsManagementState.container.createBILogger({\n        componentType: 'ManageTagsModal',\n        ...tagsManagementState.fqdn,\n      }),\n      location: 'Manage tags modal',\n    });\n\n    makeObservable(this, {\n      editedTagId: observable,\n      editedTagErrorMessage: observable,\n      isShowingNewTagListItem: observable,\n      init: action,\n      openManageTagsModal: action,\n      closeManageTagsModal: action,\n      handleSearchChange: action,\n      handleSearchClear: action,\n      handleCreateCtaClick: action,\n      handleEditCtaClick: action,\n      handleCancelEditCtaClick: action,\n      openConfirmDeleteModal: action,\n      createTagFromSearch: action,\n      createTagFromList: action,\n      updateTag: action,\n      deleteTag: action,\n      showNotification: action,\n      hideNotification: action,\n    });\n  }\n\n  init() {\n    const disposers = [\n      addEventListener(\n        this.tagsManagementState.events,\n        'showToast',\n        (toastConfig: ToastConfig) => {\n          this.showNotification(toastConfig);\n        },\n      ),\n      addEventListener(\n        this.tagsManagementState.events,\n        'hideToast',\n        (toastConfig: ToastConfig) => {\n          this.hideNotification(toastConfig);\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  openManageTagsModal({\n    origin,\n    tagSubOrigin,\n  }: {\n    origin: string;\n    tagSubOrigin?: string;\n  }) {\n    this.origin = origin;\n    this.tagSubOrigin = tagSubOrigin;\n    this.manageTagsModalState.modal.open();\n    this._reportBiModalOpened();\n    this.tagsManagementState.overrideShowToast = true;\n  }\n\n  closeManageTagsModal() {\n    this.editedTagId = null;\n    this.editedTagErrorMessage = null;\n    this.isShowingNewTagListItem = false;\n    this.tagsSearchState.setSearchValue('');\n    this._reportSearchEventsBi('blur');\n    this.manageTagsModalState.modal.close();\n    this._reportModalClosedBi();\n    this.origin = undefined;\n    this.tagsManagementState.overrideShowToast = false;\n    this.hideNotification();\n  }\n\n  openConfirmDeleteModal(props?: Partial<MessageModalLayoutProps>) {\n    this.confirmModalState.open({\n      theme: 'destructive',\n      primaryButtonText: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.delete.CTA',\n      ),\n      secondaryButtonText: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.cancel.CTA',\n      ),\n      title: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.title',\n      ),\n      ...props,\n    });\n  }\n\n  handleSearchChange(newSearchValue: string) {\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = false;\n    this._reportSearchChangedBi(newSearchValue);\n    this.tagsSearchState.setSearchValue(newSearchValue);\n  }\n\n  handleSearchClear() {\n    this._reportSearchEventsBi('clear');\n    this.tagsSearchState.setSearchValue('');\n  }\n\n  handleCreateCtaClick() {\n    this.tagsSearchState.setSearchValue('');\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = true;\n    setTimeout(() => this._scrollContentTo('bottom'), 100);\n  }\n\n  handleEditCtaClick(tag: Tag) {\n    this._reportSearchEventsBi('select');\n    this.editedTagId = tag.id!;\n  }\n\n  handleCancelEditCtaClick() {\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = false;\n  }\n\n  showNotification(toastConfig: ToastConfig) {\n    this.toastConfigs.push(toastConfig);\n    setTimeout(() => {\n      this.hideNotification(toastConfig);\n    }, 6000);\n  }\n\n  hideNotification(toastConfig?: ToastConfig) {\n    if (toastConfig) {\n      this.toastConfigs.remove(toastConfig);\n    } else {\n      this.toastConfigs.clear();\n    }\n  }\n\n  async createTagFromSearch() {\n    if (!this.searchValue || this.shownItems.length) {\n      return;\n    }\n\n    const newName = this.searchValue.slice(0, TAG_MAX_LENGTH);\n    this._reportSearchEventsBi('add');\n    this._createTag({\n      name: newName,\n      isFromSearch: true,\n      onSuccess: () => this._scrollContentTo('bottom'),\n    });\n    this.tagsSearchState.setSearchValue('');\n  }\n\n  async createTagFromList(newName: string) {\n    const { status, statusMessage } = this._isValidName(newName);\n    if (status === 'error') {\n      this.editedTagErrorMessage = statusMessage;\n      setTimeout(() => this._scrollContentTo('bottom'), 100);\n      return;\n    }\n\n    this._createTag({\n      name: newName,\n    });\n    this.isShowingNewTagListItem = false;\n  }\n\n  async updateTag({\n    tag,\n    newName,\n    isLastTag,\n  }: {\n    tag: Tag;\n    newName: string;\n    isLastTag: boolean;\n  }) {\n    if (newName === tag.name) {\n      this.editedTagId = null;\n      return;\n    }\n\n    const { status, statusMessage } = this._isValidName(newName);\n    if (status === 'error') {\n      this.editedTagErrorMessage = statusMessage;\n      if (isLastTag) {\n        setTimeout(() => this._scrollContentTo('bottom'), 100);\n      }\n      return;\n    }\n\n    this.editedTagId = null;\n    const previousName = tag.name!;\n    const isFromSearch = this.tagsSearchState.searchValue !== '';\n\n    this.tagsManagementState.updateTag({\n      tagToUpdate: { ...tag, name: newName },\n      previousName,\n      isFromSearch,\n      filteredListSize: this.shownItems.length,\n      origin: actionOrigin,\n      tagSubOrigin: this.tagSubOrigin,\n      tagsBIReporter: this.tagsBIReporter,\n      optimisticActionParams: {\n        keepPosition: true,\n        successToast: {\n          biName: 'cairo-save-rename-tag-success',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.rename.success',\n          ),\n        },\n        showUndoToast: true,\n        errorToast: () => ({\n          biName: 'cairo-save-rename-tag-error',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.rename.error',\n          ),\n          type: 'ERROR',\n        }),\n      },\n    });\n  }\n\n  async deleteTag(tagToDelete: Tag) {\n    this._reportSearchEventsBi('select');\n    this.tagToDelete = tagToDelete;\n    const isFromSearch = this.tagsSearchState.searchValue !== '';\n    this.openConfirmDeleteModal({\n      primaryButtonOnClick: async () => {\n        this.tagsManagementState.deleteTag({\n          tagToDelete,\n          isFromSearch,\n          filteredListSize: this.shownItems.length,\n          origin: actionOrigin,\n          tagSubOrigin: this.tagSubOrigin,\n          tagsBIReporter: this.tagsBIReporter,\n          optimisticActionParams: {\n            successToast: {\n              biName: 'cairo-delete-tag-success',\n              message: this.container.translate(\n                'cairo.tags.manageTags.modal.toast.delete.success',\n              ),\n            },\n            showUndoToast: true,\n            errorToast: () => ({\n              biName: 'cairo-delete-tag-error',\n              message: this.container.translate(\n                'cairo.tags.manageTags.modal.toast.delete.error',\n              ),\n              type: 'ERROR',\n            }),\n          },\n        });\n      },\n    });\n  }\n\n  get searchValue() {\n    return this.tagsSearchState.searchValue;\n  }\n\n  get shownItems() {\n    return this.tagsSearchState.filteredItems.sort(\n      (tag1, tag2) =>\n        new Date(tag1.createdDate!).valueOf() -\n        new Date(tag2.createdDate!).valueOf(),\n    );\n  }\n\n  get isOpen() {\n    return this.manageTagsModalState.isOpen;\n  }\n\n  get toastConfig() {\n    return this.toastConfigs[this.toastConfigs.length - 1] ?? null;\n  }\n\n  private async _createTag({\n    name,\n    isFromSearch = false,\n    onSuccess,\n  }: {\n    name: string;\n    isFromSearch?: boolean;\n    onSuccess?: (tag: Tag) => void;\n  }) {\n    this.tagsManagementState.createTag({\n      name,\n      isFromSearch,\n      filteredListSize: this.shownItems.length,\n      onSuccess,\n      origin: actionOrigin,\n      tagSubOrigin: this.tagSubOrigin,\n      tagsBIReporter: this.tagsBIReporter,\n      visualType: 'notification',\n      optimisticActionParams: {\n        successToast: {\n          biName: 'cairo-save-new-tag-success',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.create.success',\n          ),\n        },\n        errorToast: (error) => {\n          const config = getCreateTagErrorConfig({\n            container: this.container,\n            error,\n            visualType: 'notification',\n          });\n\n          return {\n            biName: 'cairo-save-new-tag-error',\n            ...config,\n          };\n        },\n      },\n    });\n    this.editedTagErrorMessage = null;\n  }\n\n  private _isValidName(tagName: string) {\n    if (tagName.length === 0) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.emptyName',\n        ),\n      );\n    }\n    if (tagName.length > TAG_MAX_LENGTH) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.maxLength',\n          { count: TAG_MAX_LENGTH },\n        ),\n      );\n    }\n\n    if (\n      this.tagsManagementState.items.find(\n        ({ name }) => name!.toLowerCase() === tagName.toLowerCase(),\n      )\n    ) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.exists',\n        ),\n      );\n    }\n\n    return { status: '' as InputStatus, statusMessage: '' };\n  }\n\n  private _reportBiModalOpened() {\n    this.tagsBIReporter.reportBi(\n      cairoTagsModalStartLoad({\n        numTags: this.tagsManagementState.items?.length,\n        origin: this.origin,\n      }),\n    );\n  }\n\n  private _reportModalClosedBi() {\n    this.tagsBIReporter.onModalClose({ origin: this.origin });\n  }\n\n  private _reportSearchChangedBi(searchValue: string) {\n    if (searchValue !== '') {\n      this.tagsBIReporter.onSearch(searchValue);\n    } else {\n      this.tagsBIReporter._clearAllEvents();\n    }\n  }\n\n  private _reportSearchEventsBi(event: 'add' | 'select' | 'clear' | 'blur') {\n    return this.tagsBIReporter.events.emit(event);\n  }\n\n  private _scrollContentTo(direction: 'top' | 'bottom' = 'top') {\n    this.ref?.current?.scrollTo({\n      top: direction === 'top' ? 0 : this.ref?.current?.scrollHeight,\n      behavior: 'smooth',\n    });\n  }\n\n  private _getValidationMessage(statusMessage: string) {\n    return {\n      status: 'error' as InputStatus,\n      statusMessage,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse2529409896__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2529409896__exit{height:0}.CollectionToolbar1560956090__left{min-width:0}.CollectionToolbar1560956090__left.CollectionToolbar1560956090--expandable{flex:auto}.CollectionToolbar1560956090__root .CollectionToolbar1560956090__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar1560956090__root .CollectionToolbar1560956090__right.CollectionToolbar1560956090__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter4143256102__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly3597146276__root.AutoCompleteReadonly3597146276--disableEditing{cursor:pointer}.AutoCompleteReadonly3597146276__root.AutoCompleteReadonly3597146276--disableEditing input{cursor:pointer}.ViewsDropdown1845567263__root{width:200px}.CustomFieldsViewWidgetSection1943846219__breakWord{overflow-wrap:break-word}.DragHandle354627129__root{display:flex;align-items:center}.DragHandle354627129__root:not(.DragHandle354627129--disabled){cursor:grab;color:#a8caff}.DragHandle354627129__root.DragHandle354627129--disabled{color:#acafc4}.DragHandle354627129__root:focus-visible:not(.DragHandle354627129--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle354627129__root.DragHandle354627129--disabled{pointer-events:none}.DragHandle354627129__root.DragHandle354627129--dragging:not(.DragHandle354627129--disabled){cursor:grabbing}.Fade2737750107__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2737750107__root.Fade2737750107--exit{opacity:0}.Heading3288424322__root{visibility:visible}.Heading3288424322__root.Heading3288424322--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1384505559__root.InputOverflow1384505559--selected:not(.InputOverflow1384505559--focused) input::placeholder{color:#000624}@keyframes LoadingRow3818777150__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3818777150__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3818777150__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4274206183__root{opacity:1}.MaxHeightText4274206183__root.MaxHeightText4274206183--height24{line-height:24px}.MaxLines2317704835__root{overflow:hidden}.MaxLines2317704835__root.MaxLines2317704835--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2252152341__root{min-width:0}.NestedTableRow1377707747__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1377707747__root:hover{background-color:#e7f0ff}.NestedTableRow1377707747__root.NestedTableRow1377707747--expandable{cursor:pointer}.NestedTableRow1377707747__placeholder td{padding:0!important;width:100%}.NestedTableRow1377707747__root:hover td:first-of-type::before,.NestedTableRow1377707747__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect474887794__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.PickerContent1644545741__root{display:flex}.PickerContentAdditionalStep2049664548__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2049664548__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2983104077__root{box-sizing:border-box}.ScrollableContent2837269302__root.ScrollableContent2837269302--overflowY{overflow-y:auto}.ScrollableContent2837269302__root.ScrollableContent2837269302--overflowX{overflow-x:auto}.ScrollableContent2837269302__root.ScrollableContent2837269302--smooth{scroll-behavior:smooth}.SkeletonCard1834560954__headerLoading{display:block!important}.SlidingModal109697740__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal109697740__root:not(.SlidingModal109697740--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TableVirtualHeader508915541__root{display:flex}.TabsFilter1362238862__root .TabsFilter1362238862__title{color:inherit!important}.ManageTagsModal3091119054__root{display:flex}.ToolbarItemBox2622443472__root{min-width:0}.ToolbarItemBox2622443472__root.ToolbarItemBox2622443472--removeStartPadding{margin-left:-24px}.ToolbarItemBox2622443472__root.ToolbarItemBox2622443472--expandable{flex:1 0}.common3547888783__column{display:flex;flex-direction:column}.common3547888783__fullHeight{height:100%;min-height:0}
+.Collapse1961507760__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1961507760__exit{height:0}.CollectionToolbar4228959842__left{min-width:0}.CollectionToolbar4228959842__left.CollectionToolbar4228959842--expandable{flex:auto}.CollectionToolbar4228959842__root .CollectionToolbar4228959842__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar4228959842__root .CollectionToolbar4228959842__right.CollectionToolbar4228959842__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter3627020704__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2555693776__root.AutoCompleteReadonly2555693776--disableEditing{cursor:pointer}.AutoCompleteReadonly2555693776__root.AutoCompleteReadonly2555693776--disableEditing input{cursor:pointer}.ViewsDropdown1457300576__root{width:200px}.CustomFieldsViewWidgetSection1404147617__breakWord{overflow-wrap:break-word}.DragHandle3377242849__root{display:flex;align-items:center}.DragHandle3377242849__root:not(.DragHandle3377242849--disabled){cursor:grab;color:#a8caff}.DragHandle3377242849__root.DragHandle3377242849--disabled{color:#acafc4}.DragHandle3377242849__root:focus-visible:not(.DragHandle3377242849--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3377242849__root.DragHandle3377242849--disabled{pointer-events:none}.DragHandle3377242849__root.DragHandle3377242849--dragging:not(.DragHandle3377242849--disabled){cursor:grabbing}.Fade396868381__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade396868381__root.Fade396868381--exit{opacity:0}.Heading2471889679__root{visibility:visible}.Heading2471889679__root.Heading2471889679--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2389861580__root.InputOverflow2389861580--selected:not(.InputOverflow2389861580--focused) input::placeholder{color:#000624}@keyframes LoadingRow1088323230__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1088323230__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1088323230__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1831083099__root{opacity:1}.MaxHeightText1831083099__root.MaxHeightText1831083099--height24{line-height:24px}.MaxLines3609590053__root{overflow:hidden}.MaxLines3609590053__root.MaxLines3609590053--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2366439574__root{min-width:0}.NestedTableRow2151654049__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2151654049__root:hover{background-color:#e7f0ff}.NestedTableRow2151654049__root.NestedTableRow2151654049--expandable{cursor:pointer}.NestedTableRow2151654049__placeholder td{padding:0!important;width:100%}.NestedTableRow2151654049__root:hover td:first-of-type::before,.NestedTableRow2151654049__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2442911061__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.PickerContent1513866329__root{display:flex}.PickerContentAdditionalStep3214423943__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3214423943__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1560115466__root{box-sizing:border-box}.ScrollableContent3608540245__root.ScrollableContent3608540245--overflowY{overflow-y:auto}.ScrollableContent3608540245__root.ScrollableContent3608540245--overflowX{overflow-x:auto}.ScrollableContent3608540245__root.ScrollableContent3608540245--smooth{scroll-behavior:smooth}.SkeletonCard3454238648__headerLoading{display:block!important}.SlidingModal3103434779__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3103434779__root:not(.SlidingModal3103434779--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TableVirtualHeader1476973531__root{display:flex}.TabsFilter256938806__root .TabsFilter256938806__title{color:inherit!important}.ManageTagsModal2844925792__root{display:flex}.ToolbarItemBox3369619786__root{min-width:0}.ToolbarItemBox3369619786__root.ToolbarItemBox3369619786--removeStartPadding{margin-left:-24px}.ToolbarItemBox3369619786__root.ToolbarItemBox3369619786--expandable{flex:1 0}.common3657327174__column{display:flex;flex-direction:column}.common3657327174__fullHeight{height:100%;min-height:0}

package/dist/cjs/version.js

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

package/dist/cjs/version.js.map

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse2529409896";
+var _namespace_ = "Collapse1961507760";
 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": "Collapse2529409896__root", "exit": "Collapse2529409896__exit" };
+export var classes = { "root": "Collapse1961507760__root", "exit": "Collapse1961507760__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1560956090";
+var _namespace_ = "CollectionToolbar4228959842";
 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": "CollectionToolbar1560956090__root", "left": "CollectionToolbar1560956090__left", "right": "CollectionToolbar1560956090__right", "fullWidth": "CollectionToolbar1560956090__fullWidth" };
+export var classes = { "root": "CollectionToolbar4228959842__root", "left": "CollectionToolbar4228959842__left", "right": "CollectionToolbar4228959842__right", "fullWidth": "CollectionToolbar4228959842__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "SearchOrCustomFilter4143256102";
+var _namespace_ = "SearchOrCustomFilter3627020704";
 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": "SearchOrCustomFilter4143256102__root", "search": "SearchOrCustomFilter4143256102__search" };
+export var classes = { "root": "SearchOrCustomFilter3627020704__root", "search": "SearchOrCustomFilter3627020704__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "AutoCompleteReadonly3597146276";
+var _namespace_ = "AutoCompleteReadonly2555693776";
 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": "AutoCompleteReadonly3597146276__root" };
+export var classes = { "root": "AutoCompleteReadonly2555693776__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_ = "ViewsDropdown1845567263";
+var _namespace_ = "ViewsDropdown1457300576";
 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": "ViewsDropdown1845567263__root" };
+export var classes = { "root": "ViewsDropdown1457300576__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldsViewWidgetSection1943846219";
+var _namespace_ = "CustomFieldsViewWidgetSection1404147617";
 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": "CustomFieldsViewWidgetSection1943846219__root", "breakWord": "CustomFieldsViewWidgetSection1943846219__breakWord" };
+export var classes = { "root": "CustomFieldsViewWidgetSection1404147617__root", "breakWord": "CustomFieldsViewWidgetSection1404147617__breakWord" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "DragHandle354627129";
+var _namespace_ = "DragHandle3377242849";
 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": "DragHandle354627129__root" };
+export var classes = { "root": "DragHandle3377242849__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,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,2BAA2B,EAAC,CAAC;AAC1D,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":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,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,4BAA4B,EAAC,CAAC;AAC3D,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/Fade/Fade.st.css.js

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

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow3818777150";
+var _namespace_ = "LoadingRow1088323230";
 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": "LoadingRow3818777150__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow3818777150__gradientSwoosh" };
+export var classes = { "root": "LoadingRow1088323230__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow1088323230__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

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

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

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