@wix/patterns 1.482.0 → 1.484.0

package/dist/cjs/hooks/usePickerStandalone/usePickerStandalone.spec.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_testUtils","_testkit","_internal","_usePickerStandalone","_jsxFileName","describe","testkit","beforeAndAfter","driver","beforeEach","WixPatternsContainerDriver","it","searchValue","App","picker","usePickerStandalone","queryName","fetchData","items","fetchErrorMessage","itemKey","item","id","itemName","name","defaultDestinationUrl","collection","filters","search","value","render","default","createElement","CairoTestApp","__self","__source","fileName","lineNumber","columnNumber","expect","toBe","Fragment","container","textContent","name2","id2","e","message","noItemsAvailableDestinationUrl"],"sources":["../../../../src/hooks/usePickerStandalone/usePickerStandalone.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/react';\nimport React from 'react';\nimport { CairoTestApp } from '../../test-utils';\nimport { testkit } from '@wix/fe-essentials-standalone/testkit';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { usePickerStandalone } from './usePickerStandalone';\n\ninterface TestEntity {\n  id: string;\n  name: string;\n}\n\ndescribe('usePickerStandalone', () => {\n  testkit.beforeAndAfter();\n\n  let driver: WixPatternsContainerDriver;\n\n  beforeEach(() => {\n    driver = new WixPatternsContainerDriver();\n  });\n\n  it('makes `filters` config option optional when there are no filters', () => {\n    let searchValue: string | null = null;\n\n    const App = () => {\n      const { picker } = usePickerStandalone({\n        queryName: 'test1',\n        fetchData: async () => ({\n          items: [] as TestEntity[],\n        }),\n        fetchErrorMessage: () => null,\n        itemKey: (item) => item.id,\n        itemName: (item) => item.name,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      searchValue = picker.collection.filters.search.value;\n\n      return null;\n    };\n    render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(searchValue).toBe('');\n  });\n\n  it('makes `itemKey` & `itemName` config options optional when an item has an {id: string, name: string}', () => {\n    const App = () => {\n      const { picker } = usePickerStandalone({\n        queryName: 'test2',\n        fetchData: async () => ({\n          items: [] as { id: string; name: string }[],\n        }),\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      const item = { id: 'foo', name: 'bar' };\n\n      return (\n        <>\n          {picker.collection.itemKey(item)}\n          {picker.collection.itemName(item)}\n        </>\n      );\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe('foobar');\n  });\n\n  it(\"makes `itemKey` config option required when an item doesn't extend {id: string}\", () => {\n    const App = () => {\n      // @ts-expect-error - T does not extend { id: string }\n      const { picker } = usePickerStandalone({\n        queryName: 'test3',\n        fetchData: async () => ({\n          items: [] as { id2: string; name2: string }[],\n        }),\n        itemName: (item) => item.name2,\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      try {\n        return <>{picker.collection.itemKey({ id2: 'foo', name2: 'bar' })}</>;\n      } catch (e) {\n        return <>{(e as Error)?.message}</>;\n      }\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe(\n      'Collection config must specify itemKey, or item must have one of properties: id, _id',\n    );\n  });\n\n  it(\"makes `itemName` config option required when an item doesn't extend {id: string}\", () => {\n    const App = () => {\n      // @ts-expect-error - T does not extend { name: string }\n      const { picker } = usePickerStandalone({\n        queryName: 'test3',\n        fetchData: async () => ({\n          items: [] as { id2: string; name2: string }[],\n        }),\n        itemKey: (item) => item.id2,\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n        noItemsAvailableDestinationUrl: 'https://wix.com',\n      });\n\n      try {\n        return <>{picker.collection.itemName({ id2: 'foo', name2: 'bar' })}</>;\n      } catch (e) {\n        return <>{(e as Error)?.message}</>;\n      }\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe(\n      'Collection config must specify itemName, or item must have property: name',\n    );\n  });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_testUtils","_testkit","_internal","_usePickerStandalone","_jsxFileName","describe","testkit","beforeAndAfter","driver","beforeEach","WixPatternsContainerDriver","it","searchValue","App","picker","usePickerStandalone","queryName","fetchData","items","fetchErrorMessage","itemKey","item","id","itemName","name","defaultDestinationUrl","collection","filters","search","value","render","default","createElement","CairoTestApp","__self","__source","fileName","lineNumber","columnNumber","expect","toBe","Fragment","container","textContent","name2","id2","e","message","noItemsAvailableDestinationUrl"],"sources":["../../../../src/hooks/usePickerStandalone/usePickerStandalone.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/react';\nimport React from 'react';\nimport { CairoTestApp } from '../../test-utils';\nimport { testkit } from '@wix/fe-essentials-standalone/testkit';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { usePickerStandalone } from './usePickerStandalone';\n\ninterface TestEntity {\n  id: string;\n  name: string;\n}\n\ndescribe('usePickerStandalone', () => {\n  testkit.beforeAndAfter();\n\n  let driver: WixPatternsContainerDriver;\n\n  beforeEach(() => {\n    driver = new WixPatternsContainerDriver();\n  });\n\n  it('makes `filters` config option optional when there are no filters', () => {\n    let searchValue: string | null = null;\n\n    const App = () => {\n      const { picker } = usePickerStandalone({\n        queryName: 'test1',\n        fetchData: async () => ({\n          items: [] as TestEntity[],\n        }),\n        fetchErrorMessage: () => null,\n        itemKey: (item) => item.id,\n        itemName: (item) => item.name,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      searchValue = picker.collection.filters.search.value;\n\n      return null;\n    };\n    render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(searchValue).toBe('');\n  });\n\n  it('makes `itemKey` & `itemName` config options optional when an item has an {id: string, name: string}', () => {\n    const App = () => {\n      const { picker } = usePickerStandalone({\n        queryName: 'test2',\n        fetchData: async () => ({\n          items: [] as { id: string; name: string }[],\n        }),\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      const item = { id: 'foo', name: 'bar' };\n\n      return (\n        <>\n          {picker.collection.itemKey(item)}\n          {picker.collection.itemName(item)}\n        </>\n      );\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe('foobar');\n  });\n\n  it(\"makes `itemKey` config option required when an item doesn't extend {id: string}\", () => {\n    const App = () => {\n      // @ts-expect-error - T does not extend { id: string }\n      const { picker } = usePickerStandalone({\n        queryName: 'test3',\n        fetchData: async () => ({\n          items: [] as { id2: string; name2: string }[],\n        }),\n        // Annotated: a call that matches no overload leaves `item` as `unknown`.\n        itemName: (item: { id2: string; name2: string }) => item.name2,\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      try {\n        return <>{picker.collection.itemKey({ id2: 'foo', name2: 'bar' })}</>;\n      } catch (e) {\n        return <>{(e as Error)?.message}</>;\n      }\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe(\n      'Collection config must specify itemKey, or item must have one of properties: id, _id',\n    );\n  });\n\n  it(\"makes `itemName` config option required when an item doesn't extend {id: string}\", () => {\n    const App = () => {\n      // @ts-expect-error - T does not extend { name: string }\n      const { picker } = usePickerStandalone({\n        queryName: 'test3',\n        fetchData: async () => ({\n          items: [] as { id2: string; name2: string }[],\n        }),\n        // Annotated: a call that matches no overload leaves `item` as `unknown`.\n        itemKey: (item: { id2: string; name2: string }) => item.id2,\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n        noItemsAvailableDestinationUrl: 'https://wix.com',\n      });\n\n      try {\n        return <>{picker.collection.itemName({ id2: 'foo', name2: 'bar' })}</>;\n      } catch (e) {\n        return <>{(e as Error)?.message}</>;\n      }\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe(\n      'Collection config must specify itemName, or item must have property: name',\n    );\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useTableCollection.js

@@ -5,6 +5,9 @@ exports.useTableCollection = void 0;
 var _react = require("@wix/bex-core/react");
 var _state = require("../state");
 var _useOptionalCachedState = require("./useOptionalCachedState");
+// One overload per pagination branch, so `fetchData`'s `query` is typed even
+// when `paginationMode` is left out and `strictNullChecks` is off.
+
 const useTableCollection = config => {
   var _config$aiAssistant;
   const container = (0, _react.useWixPatternsContainer)();

package/dist/cjs/hooks/useTableCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useTableCollection","config","_config$aiAssistant","container","useWixPatternsContainer","createCollection","useCreateCollection","state","useOptionalCachedState","TableState","collection","aiAssistant","useAiAssistant","loadingRowState","exports"],"sources":["../../../src/hooks/useTableCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { AiAssistant } from '../aiAssistant';\n\nexport type TableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  aiAssistant?: AiAssistant;\n};\n\ntype TableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: TableCollectionConfig<T, F>,\n) => TableState<T, F>;\n\nexport const useTableCollection: TableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: TableCollectionConfig<T, F>,\n): TableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(() => {\n    return new TableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n    });\n  });\n\n  config.aiAssistant?.useAiAssistant({\n    collection: state.collection,\n    loadingRowState: state.loadingRowState,\n  });\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAcO,MAAMG,kBAAmC,GAI9CC,MAAmC,IACd;EAAA,IAAAC,mBAAA;EACrB,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iBAAU,CAAO;MAC1BC,UAAU,EAAEL,gBAAgB,CAAOJ,MAAM,CAAC;MAC1CE;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,CAAAD,mBAAA,GAAAD,MAAM,CAACU,WAAW,aAAlBT,mBAAA,CAAoBU,cAAc,CAAC;IACjCF,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BG,eAAe,EAAEN,KAAK,CAACM;EACzB,CAAC,CAAC;EACF,OAAON,KAAK;AACd,CAAC;AAACO,OAAA,CAAAd,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_useOptionalCachedState","useTableCollection","config","_config$aiAssistant","container","useWixPatternsContainer","createCollection","useCreateCollection","state","useOptionalCachedState","TableState","collection","aiAssistant","useAiAssistant","loadingRowState","exports"],"sources":["../../../src/hooks/useTableCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  CollectionConfigWithoutPagination,\n  CursorPaginationModeConfig,\n  OffsetPaginationModeConfig,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableState } from '../state';\nimport { useOptionalCachedState } from './useOptionalCachedState';\nimport { AiAssistant } from '../aiAssistant';\n\nexport type TableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  aiAssistant?: AiAssistant;\n};\n\ntype TableCollectionBase<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithoutPagination<T, F> & {\n  aiAssistant?: AiAssistant;\n};\n\n// One overload per pagination branch, so `fetchData`'s `query` is typed even\n// when `paginationMode` is left out and `strictNullChecks` is off.\ntype TableCollection = {\n  <T, F extends FiltersMap = OptionalFiltersMap>(\n    config: TableCollectionBase<T, F> & CursorPaginationModeConfig<T, F>,\n  ): TableState<T, F>;\n  <T, F extends FiltersMap = OptionalFiltersMap>(\n    config: TableCollectionBase<T, F> & OffsetPaginationModeConfig<T, F>,\n  ): TableState<T, F>;\n  <T, F extends FiltersMap = OptionalFiltersMap>(\n    config: TableCollectionConfig<T, F>,\n  ): TableState<T, F>;\n};\n\nexport const useTableCollection: TableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: TableCollectionConfig<T, F>,\n): TableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(() => {\n    return new TableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n    });\n  });\n\n  config.aiAssistant?.useAiAssistant({\n    collection: state.collection,\n    loadingRowState: state.loadingRowState,\n  });\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAiBA;AACA;;AAaO,MAAMG,kBAAmC,GAI9CC,MAAmC,IACd;EAAA,IAAAC,mBAAA;EACrB,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iBAAU,CAAO;MAC1BC,UAAU,EAAEL,gBAAgB,CAAOJ,MAAM,CAAC;MAC1CE;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,CAAAD,mBAAA,GAAAD,MAAM,CAACU,WAAW,aAAlBT,mBAAA,CAAoBU,cAAc,CAAC;IACjCF,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BG,eAAe,EAAEN,KAAK,CAACM;EACzB,CAAC,CAAC;EACF,OAAON,KAAK;AACd,CAAC;AAACO,OAAA,CAAAd,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/hooks/useTableGridSwitchCollection.js

@@ -6,6 +6,8 @@ var _react = require("@wix/bex-core/react");
 var _TableGridSwitchState = require("../state/TableGridSwitchState");
 exports.TableGridSwitchState = _TableGridSwitchState.TableGridSwitchState;
 var _useOptionalCachedState = require("./useOptionalCachedState");
+// One overload per pagination branch: see `PaginationModeConfig`.
+
 const useTableGridSwitchCollection = config => {
   const container = (0, _react.useWixPatternsContainer)();
   const containerOverrides = (0, _react.useWixPatternsContainerOverrides)();

package/dist/cjs/hooks/useTableGridSwitchCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_TableGridSwitchState","exports","TableGridSwitchState","_useOptionalCachedState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useOptionalCachedState","collection"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  useWixPatternsContainerOverrides,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport { TableGridSwitchState } from '../state/TableGridSwitchState';\n\nexport type TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n) => TableGridSwitchState<T, F>;\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n  const container = useWixPatternsContainer();\n  const containerOverrides = useWixPatternsContainerOverrides();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(\n    () =>\n      new TableGridSwitchState<T, F>({\n        collection: createCollection<T, F>(config),\n        container,\n        containerOverrides,\n      }),\n  );\n\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,qBAAA,GAAAD,OAAA;AAAqEE,OAAA,CAAAC,oBAAA,GAAAF,qBAAA,CAAAE,oBAAA;AACrE,IAAAC,uBAAA,GAAAJ,OAAA;AAWO,MAAMK,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIX,0CAAoB,CAAO;IAC7BY,UAAU,EAAEJ,gBAAgB,CAAOL,MAAM,CAAC;IAC1CC,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACX,OAAA,CAAAG,4BAAA,GAAAA,4BAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_TableGridSwitchState","exports","TableGridSwitchState","_useOptionalCachedState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useOptionalCachedState","collection"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  useWixPatternsContainerOverrides,\n  CollectionConfigWithConditionals,\n  CollectionConfigWithoutPagination,\n  CursorPaginationModeConfig,\n  OffsetPaginationModeConfig,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport { TableGridSwitchState } from '../state/TableGridSwitchState';\n\n// One overload per pagination branch: see `PaginationModeConfig`.\nexport type TableGridSwitchType = {\n  <T, F extends FiltersMap = OptionalFiltersMap>(\n    config: CollectionConfigWithoutPagination<T, F> &\n      CursorPaginationModeConfig<T, F>,\n  ): TableGridSwitchState<T, F>;\n  <T, F extends FiltersMap = OptionalFiltersMap>(\n    config: CollectionConfigWithoutPagination<T, F> &\n      OffsetPaginationModeConfig<T, F>,\n  ): TableGridSwitchState<T, F>;\n  <T, F extends FiltersMap = OptionalFiltersMap>(\n    config: CollectionConfigWithConditionals<T, F>,\n  ): TableGridSwitchState<T, F>;\n};\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n  const container = useWixPatternsContainer();\n  const containerOverrides = useWixPatternsContainerOverrides();\n  const createCollection = useCreateCollection();\n\n  const state = useOptionalCachedState(\n    () =>\n      new TableGridSwitchState<T, F>({\n        collection: createCollection<T, F>(config),\n        container,\n        containerOverrides,\n      }),\n  );\n\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,qBAAA,GAAAD,OAAA;AAAqEE,OAAA,CAAAC,oBAAA,GAAAF,qBAAA,CAAAE,oBAAA;AACrE,IAAAC,uBAAA,GAAAJ,OAAA;AAIA;;AAeO,MAAMK,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAE9C,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAClC,MACE,IAAIX,0CAAoB,CAAO;IAC7BY,UAAU,EAAEJ,gBAAgB,CAAOL,MAAM,CAAC;IAC1CC,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACX,OAAA,CAAAG,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader1858429125";
+var _namespace_ = "CollectionPageHeader4043934910";
 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": "CollectionPageHeader1858429125__root",
-  "mobileMoreActions": "CollectionPageHeader1858429125__mobileMoreActions"
+  "root": "CollectionPageHeader4043934910__root",
+  "mobileMoreActions": "CollectionPageHeader4043934910__mobileMoreActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader1858429125\";\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\":\"CollectionPageHeader1858429125__root\",\"mobileMoreActions\":\"CollectionPageHeader1858429125__mobileMoreActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,mBAAmB,EAAC;AAAmD,CAAC;AACrI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader4043934910\";\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\":\"CollectionPageHeader4043934910__root\",\"mobileMoreActions\":\"CollectionPageHeader4043934910__mobileMoreActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-title-actions-gap\":\"--wds-page-header-title-actions-gap\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,mBAAmB,EAAC;AAAmD,CAAC;AACrI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MobilePrimaryActionBar613443559";
+var _namespace_ = "MobilePrimaryActionBar3461783598";
 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": "MobilePrimaryActionBar613443559__root"
+  "root": "MobilePrimaryActionBar3461783598__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.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/state/CollectionPage/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MobilePrimaryActionBar613443559\";\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\":\"MobilePrimaryActionBar613443559__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/state/CollectionPage/MobilePrimaryActionBar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MobilePrimaryActionBar3461783598\";\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\":\"MobilePrimaryActionBar3461783598__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-space-400\":\"--wds-space-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/TitleBadges.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_ = "TitleBadges2068857976";
+var _namespace_ = "TitleBadges2019777006";
 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": "TitleBadges2068857976__root",
-  "tooltip": "TitleBadges2068857976__tooltip",
-  "tooltipTrigger": "TitleBadges2068857976__tooltipTrigger"
+  "root": "TitleBadges2019777006__root",
+  "tooltip": "TitleBadges2019777006__tooltip",
+  "tooltipTrigger": "TitleBadges2019777006__tooltipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/TitleBadges.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/state/CollectionPage/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges2068857976\";\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\":\"TitleBadges2068857976__root\",\"tooltip\":\"TitleBadges2068857976__tooltip\",\"tooltipTrigger\":\"TitleBadges2068857976__tooltipTrigger\"};\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,uBAAuB;AACzC,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,6BAA6B;EAAC,SAAS,EAAC,gCAAgC;EAAC,gBAAgB,EAAC;AAAuC,CAAC;AACxJ,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/state/CollectionPage/TitleBadges.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TitleBadges2019777006\";\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\":\"TitleBadges2019777006__root\",\"tooltip\":\"TitleBadges2019777006__tooltip\",\"tooltipTrigger\":\"TitleBadges2019777006__tooltipTrigger\"};\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,uBAAuB;AACzC,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,6BAA6B;EAAC,SAAS,EAAC,gCAAgC;EAAC,gBAAgB,EAAC;AAAuC,CAAC;AACxJ,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/CustomColumnsDragAndDropState.js

@@ -109,12 +109,7 @@ class CustomColumnsDragAndDropState {
       columnsActions
     } = this;
     const disposers = [columnsActions.init(), (0, _util.addEventListener)(columnsActions.events, 'updated', async () => {
-      const {
-        customColumns: {
-          columnsCollection
-        }
-      } = this;
-      await columnsCollection.refreshAllPages();
+      await this.customColumns.refreshColumns();
     })];
     return () => {
       disposers.forEach(disposer => disposer == null ? void 0 : disposer());

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_sortable","_util","_DragAndDrop","_mobx","_RectState","_indexOfCompareFn","CustomColumnsDragAndDropState","_dnd","_this$collectionDragA","collectionDragAndDropState","dnd","constructor","params","_defineProperty2","default","undefined","customColumns","dataSource","components","container","listRect","RectState","columnsActions","CollectionOptimisticActions","collection","columnsCollection","CollectionDragAndDropState","state","a11yContainer","modalsContainerRef","makeObservable","_onCustomColumnsReorder","action","bound","containerRect","computed","orderedColumns","orderedColumnsByReorderDisabled","columns","reduce","column","reorderDisabled","push","regular","selectedColumns","value","sort","indexOfCompareFn","c","id","rect","left","columnId","overColumnId","columnsArray","reorderedColumnsArray","arrayMove","findIndex","refresh","init","disposers","addEventListener","events","refreshAllPages","forEach","disposer","exports"],"sources":["../../../src/state/CustomColumnsDragAndDropState.ts"],"sourcesContent":["import { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\nimport { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { addEventListener } from '@wix/bex-core/util';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CollectionDragAndDropState } from '../components/DragAndDrop';\nimport { Column } from '../model';\nimport { action, computed, makeObservable } from 'mobx';\nimport { RectState } from './RectState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport interface DragAndDropColumnsDataSource {\n  readonly columns: Column[];\n  readonly selectedColumns: {\n    readonly value: { id: string; isSelected?: boolean }[];\n    refresh(value: { id: string; isSelected?: boolean }[]): void;\n  };\n}\n\nexport interface CustomColumnsDragAndDropStateParams<T, F extends FiltersMap> {\n  readonly customColumns: CustomColumnsPanelStateBase<T, F>;\n  readonly dataSource: DragAndDropColumnsDataSource;\n  readonly components: typeof CustomColumnsDragAndDrop;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport class CustomColumnsDragAndDropState<T, F extends FiltersMap> {\n  readonly container;\n  readonly customColumns;\n  readonly dataSource;\n  readonly columnsActions;\n  readonly components;\n\n  get _dnd() {\n    return this.collectionDragAndDropState?.dnd;\n  }\n\n  collectionDragAndDropState: CollectionDragAndDropState<Column, {}> | null =\n    null;\n\n  forceRenderIndexes: number[] | undefined = undefined;\n\n  reportBi = () => {\n    // report columns re-order BI here\n  };\n\n  readonly listRect;\n\n  constructor(params: CustomColumnsDragAndDropStateParams<T, F>) {\n    const { customColumns, dataSource, components } = params;\n    this.components = components;\n    this.container = customColumns.container;\n    this.listRect = new RectState({\n      container: customColumns.container,\n    });\n    this.customColumns = customColumns;\n    this.dataSource = dataSource;\n    this.columnsActions = new CollectionOptimisticActions({\n      container: this.container,\n      collection: this.customColumns.columnsCollection,\n    });\n\n    this.collectionDragAndDropState = new CollectionDragAndDropState({\n      state: this,\n      a11yContainer: params.modalsContainerRef,\n      container: this.container,\n    });\n\n    makeObservable(this, {\n      _onCustomColumnsReorder: action.bound,\n      containerRect: computed,\n      orderedColumns: computed,\n      orderedColumnsByReorderDisabled: computed,\n    });\n  }\n\n  get orderedColumnsByReorderDisabled() {\n    return this.dataSource.columns.reduce(\n      (state, column) => {\n        column.reorderDisabled\n          ? state.reorderDisabled.push(column)\n          : state.regular.push(column);\n\n        return state;\n      },\n      { regular: [] as Column[], reorderDisabled: [] as Column[] },\n    );\n  }\n\n  get orderedColumns(): Column[] {\n    const { dataSource } = this;\n    const {\n      selectedColumns: { value: selectedColumns },\n    } = dataSource;\n\n    const { reorderDisabled, regular } = this.orderedColumnsByReorderDisabled;\n\n    return [\n      ...reorderDisabled,\n      ...regular.sort(\n        indexOfCompareFn(selectedColumns as { id: string }[], (c) => c.id),\n      ),\n    ];\n  }\n\n  get collection() {\n    return this.customColumns.columnsCollection;\n  }\n\n  get containerRect() {\n    const { listRect } = this;\n    if (listRect.rect.left) {\n      return {\n        ...listRect.rect,\n      };\n    }\n    return undefined;\n  }\n\n  _onCustomColumnsReorder(columnId: string, overColumnId: string) {\n    const {\n      dataSource: { selectedColumns },\n    } = this;\n\n    const columnsArray = selectedColumns.value;\n\n    const reorderedColumnsArray = arrayMove(\n      columnsArray,\n      columnsArray.findIndex((c) => c.id === columnId),\n      columnsArray.findIndex((c) => c.id === overColumnId),\n    );\n\n    selectedColumns.refresh(reorderedColumnsArray);\n  }\n\n  init() {\n    const { columnsActions } = this;\n    const disposers = [\n      columnsActions.init(),\n      addEventListener(columnsActions.events, 'updated', async () => {\n        const {\n          customColumns: { columnsCollection },\n        } = this;\n        await columnsCollection.refreshAllPages();\n      }),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_sortable","_util","_DragAndDrop","_mobx","_RectState","_indexOfCompareFn","CustomColumnsDragAndDropState","_dnd","_this$collectionDragA","collectionDragAndDropState","dnd","constructor","params","_defineProperty2","default","undefined","customColumns","dataSource","components","container","listRect","RectState","columnsActions","CollectionOptimisticActions","collection","columnsCollection","CollectionDragAndDropState","state","a11yContainer","modalsContainerRef","makeObservable","_onCustomColumnsReorder","action","bound","containerRect","computed","orderedColumns","orderedColumnsByReorderDisabled","columns","reduce","column","reorderDisabled","push","regular","selectedColumns","value","sort","indexOfCompareFn","c","id","rect","left","columnId","overColumnId","columnsArray","reorderedColumnsArray","arrayMove","findIndex","refresh","init","disposers","addEventListener","events","refreshColumns","forEach","disposer","exports"],"sources":["../../../src/state/CustomColumnsDragAndDropState.ts"],"sourcesContent":["import { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\nimport { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { addEventListener } from '@wix/bex-core/util';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { CollectionDragAndDropState } from '../components/DragAndDrop';\nimport { Column } from '../model';\nimport { action, computed, makeObservable } from 'mobx';\nimport { RectState } from './RectState';\nimport { indexOfCompareFn } from './indexOfCompareFn';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\n\nexport interface DragAndDropColumnsDataSource {\n  readonly columns: Column[];\n  readonly selectedColumns: {\n    readonly value: { id: string; isSelected?: boolean }[];\n    refresh(value: { id: string; isSelected?: boolean }[]): void;\n  };\n}\n\nexport interface CustomColumnsDragAndDropStateParams<T, F extends FiltersMap> {\n  readonly customColumns: CustomColumnsPanelStateBase<T, F>;\n  readonly dataSource: DragAndDropColumnsDataSource;\n  readonly components: typeof CustomColumnsDragAndDrop;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport class CustomColumnsDragAndDropState<T, F extends FiltersMap> {\n  readonly container;\n  readonly customColumns;\n  readonly dataSource;\n  readonly columnsActions;\n  readonly components;\n\n  get _dnd() {\n    return this.collectionDragAndDropState?.dnd;\n  }\n\n  collectionDragAndDropState: CollectionDragAndDropState<Column, {}> | null =\n    null;\n\n  forceRenderIndexes: number[] | undefined = undefined;\n\n  reportBi = () => {\n    // report columns re-order BI here\n  };\n\n  readonly listRect;\n\n  constructor(params: CustomColumnsDragAndDropStateParams<T, F>) {\n    const { customColumns, dataSource, components } = params;\n    this.components = components;\n    this.container = customColumns.container;\n    this.listRect = new RectState({\n      container: customColumns.container,\n    });\n    this.customColumns = customColumns;\n    this.dataSource = dataSource;\n    this.columnsActions = new CollectionOptimisticActions({\n      container: this.container,\n      collection: this.customColumns.columnsCollection,\n    });\n\n    this.collectionDragAndDropState = new CollectionDragAndDropState({\n      state: this,\n      a11yContainer: params.modalsContainerRef,\n      container: this.container,\n    });\n\n    makeObservable(this, {\n      _onCustomColumnsReorder: action.bound,\n      containerRect: computed,\n      orderedColumns: computed,\n      orderedColumnsByReorderDisabled: computed,\n    });\n  }\n\n  get orderedColumnsByReorderDisabled() {\n    return this.dataSource.columns.reduce(\n      (state, column) => {\n        column.reorderDisabled\n          ? state.reorderDisabled.push(column)\n          : state.regular.push(column);\n\n        return state;\n      },\n      { regular: [] as Column[], reorderDisabled: [] as Column[] },\n    );\n  }\n\n  get orderedColumns(): Column[] {\n    const { dataSource } = this;\n    const {\n      selectedColumns: { value: selectedColumns },\n    } = dataSource;\n\n    const { reorderDisabled, regular } = this.orderedColumnsByReorderDisabled;\n\n    return [\n      ...reorderDisabled,\n      ...regular.sort(\n        indexOfCompareFn(selectedColumns as { id: string }[], (c) => c.id),\n      ),\n    ];\n  }\n\n  get collection() {\n    return this.customColumns.columnsCollection;\n  }\n\n  get containerRect() {\n    const { listRect } = this;\n    if (listRect.rect.left) {\n      return {\n        ...listRect.rect,\n      };\n    }\n    return undefined;\n  }\n\n  _onCustomColumnsReorder(columnId: string, overColumnId: string) {\n    const {\n      dataSource: { selectedColumns },\n    } = this;\n\n    const columnsArray = selectedColumns.value;\n\n    const reorderedColumnsArray = arrayMove(\n      columnsArray,\n      columnsArray.findIndex((c) => c.id === columnId),\n      columnsArray.findIndex((c) => c.id === overColumnId),\n    );\n\n    selectedColumns.refresh(reorderedColumnsArray);\n  }\n\n  init() {\n    const { columnsActions } = this;\n    const disposers = [\n      columnsActions.init(),\n      addEventListener(columnsActions.events, 'updated', async () => {\n        await this.customColumns.refreshColumns();\n      }),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsEntityPageState.js

@@ -139,7 +139,7 @@ class CustomColumnsEntityPageState extends _CustomColumnsPanelStateBase.CustomCo
         },
         status: this.fieldsState.isFieldVisible(field.id) ? this.select.finalStatus : this.select.startStatus
       })));
-      await this.columnsCollection.refreshAllPages();
+      await this.refreshColumns();
     }, {
       fireImmediately: true
     }), (0, _mobx.reaction)(() => this.select.selectedValues, () => {

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_resolveFieldPresentation","_CustomColumnsPanelStateBase","_resolveEntityPageFields","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_this$schema2","_this$_manageFieldsSo","_resolveFieldPresenta","column","isEntityPageFieldHideable","idField","source","fieldsSource","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\nimport { isEntityPageFieldHideable } from './EntityPage/resolveEntityPageFields';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' | 'fields'> &\n  Partial<Pick<SchemaConfig, 'idField'>>;\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n   *  both fit. Pass a function when the schema loads after this state is\n   *  created — it is read reactively. */\n  schema: SchemaFields | (() => SchemaFields | null);\n  /** Whether the panel presents itself as field management rather than column\n   *  selection. Default: `false`. */\n  isFieldsEditable?: boolean;\n  /** Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. */\n  manageFieldsSource?: ManageFieldsSource;\n  /** Namespaces this panel's column collection, the way a table's is namespaced\n   *  by its collection. Default: the schema's id, when the schema is already\n   *  loaded. */\n  collectionId?: string;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    // The panel's per-field menu is keyed off this — without it a row has no\n    // edit / delete action.\n    field,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaFields | (() => SchemaFields | null);\n  readonly _isFieldsEditable: boolean;\n  readonly _manageFieldsSource?: ManageFieldsSource;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.collectionId ??\n          (typeof params.schema === 'function' ? undefined : params.schema.id),\n        'entity-page-custom-columns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n    this._isFieldsEditable = params.isFieldsEditable ?? false;\n    this._manageFieldsSource = params.manageFieldsSource;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get schema(): SchemaFields | null {\n    return typeof this._schema === 'function' ? this._schema() : this._schema;\n  }\n\n  get orderedColumns(): Column[] {\n    const fields = this.schema?.fields;\n    if (!fields) {\n      return [];\n    }\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        const column = fieldToColumn(\n          field,\n          isEntityPageFieldHideable(field, this.schema?.idField),\n        );\n        const source = this._manageFieldsSource?.fieldsSource;\n        return source\n          ? {\n              ...column,\n              fieldTypeIcons: resolveFieldPresentation(source, field)\n                ?.typeDisplay?.icons,\n            }\n          : column;\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get isFieldsEditable() {\n    return this._isFieldsEditable;\n  }\n\n  get manageFieldsSource() {\n    return this._manageFieldsSource;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.columnsCollection.refreshAllPages();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_resolveFieldPresentation","_CustomColumnsPanelStateBase","_resolveEntityPageFields","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_this$schema2","_this$_manageFieldsSo","_resolveFieldPresenta","column","isEntityPageFieldHideable","idField","source","fieldsSource","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","refreshColumns","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","columnsCollection","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\nimport { isEntityPageFieldHideable } from './EntityPage/resolveEntityPageFields';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' | 'fields'> &\n  Partial<Pick<SchemaConfig, 'idField'>>;\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n   *  both fit. Pass a function when the schema loads after this state is\n   *  created — it is read reactively. */\n  schema: SchemaFields | (() => SchemaFields | null);\n  /** Whether the panel presents itself as field management rather than column\n   *  selection. Default: `false`. */\n  isFieldsEditable?: boolean;\n  /** Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. */\n  manageFieldsSource?: ManageFieldsSource;\n  /** Namespaces this panel's column collection, the way a table's is namespaced\n   *  by its collection. Default: the schema's id, when the schema is already\n   *  loaded. */\n  collectionId?: string;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    // The panel's per-field menu is keyed off this — without it a row has no\n    // edit / delete action.\n    field,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaFields | (() => SchemaFields | null);\n  readonly _isFieldsEditable: boolean;\n  readonly _manageFieldsSource?: ManageFieldsSource;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.collectionId ??\n          (typeof params.schema === 'function' ? undefined : params.schema.id),\n        'entity-page-custom-columns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n    this._isFieldsEditable = params.isFieldsEditable ?? false;\n    this._manageFieldsSource = params.manageFieldsSource;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get schema(): SchemaFields | null {\n    return typeof this._schema === 'function' ? this._schema() : this._schema;\n  }\n\n  get orderedColumns(): Column[] {\n    const fields = this.schema?.fields;\n    if (!fields) {\n      return [];\n    }\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        const column = fieldToColumn(\n          field,\n          isEntityPageFieldHideable(field, this.schema?.idField),\n        );\n        const source = this._manageFieldsSource?.fieldsSource;\n        return source\n          ? {\n              ...column,\n              fieldTypeIcons: resolveFieldPresentation(source, field)\n                ?.typeDisplay?.icons,\n            }\n          : column;\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get isFieldsEditable() {\n    return this._isFieldsEditable;\n  }\n\n  get manageFieldsSource() {\n    return this._manageFieldsSource;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.refreshColumns();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsPanelStateBase.js

@@ -14,10 +14,18 @@ class CustomColumnsPanelStateBase {
       keyGetter: column => column.id
     }));
     (0, _defineProperty2.default)(this, "searchValue", '');
+    (0, _defineProperty2.default)(this, "columnsRefresh", Promise.resolve());
     (0, _defineProperty2.default)(this, "onColumnClick", void 0);
+    (0, _defineProperty2.default)(this, "refreshColumns", () => {
+      // Overlapping refreshes share a query promise, which can contain columns
+      // from before the latest schema or layout update.
+      const refresh = this.columnsRefresh.then(() => this.columnsCollection.refreshAllPages());
+      this.columnsRefresh = refresh.catch(() => undefined);
+      return refresh;
+    });
     (0, _defineProperty2.default)(this, "setSearchValue", (0, _mobx.action)(value => {
       this.searchValue = value;
-      this.columnsCollection.refreshAllPages();
+      void this.refreshColumns();
     }));
     (0, _defineProperty2.default)(this, "onColumnCheckboxToggle", (0, _mobx.action)(column => {
       const {

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","action","value","searchValue","columnsCollection","refreshAllPages","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","isFieldsEditable","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SelectState,\n  TransitionState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\n\nexport interface CustomColumnsPanelStateBaseParams {\n  container: WixPatternsContainer;\n  queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container: WixPatternsContainer;\n  readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n  readonly select = new SelectState<{ id: string }>({\n    keyGetter: (column) => column.id,\n  });\n\n  searchValue = '';\n\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n  constructor(params: CustomColumnsPanelStateBaseParams) {\n    this.container = params.container;\n\n    this.columnsCollection = new CollectionState({\n      ...this.container,\n      events: {},\n      queryName: params.queryName,\n      fetchData: async () => {\n        const items = this.filteredColumns.filter(\n          (column) => column.hiddenFromCustomColumnsSelection !== true,\n        );\n        return { items };\n      },\n      filters: {},\n      itemKey: (item) => item.id,\n      itemName: (item) => item.name,\n    });\n  }\n\n  protected initBaseObservables() {\n    makeObservable(this, {\n      searchValue: observable,\n      setSearchValue: action.bound,\n      orderedColumns: computed,\n      filteredColumns: computed,\n    });\n  }\n\n  abstract get orderedColumns(): Column[];\n\n  abstract get showFieldTypeIcons(): boolean;\n\n  /** Whether the panel manages schema fields rather than picking columns —\n   *  drives its title and subtitle. Sources that carry their own field\n   *  management report it through `manageFieldsSource` instead. */\n  get isFieldsEditable(): boolean {\n    return false;\n  }\n\n  /** Add / edit / delete field, when the surface offers it. */\n  abstract get manageFieldsSource(): ManageFieldsSource | null | undefined;\n\n  abstract get sidePanelTransition(): TransitionState<string> | undefined;\n\n  abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> | undefined;\n\n  abstract customizeColumnsInSidePanelBi(params: {\n    actionName: CustomColumnsActionName;\n  }): void;\n\n  abstract onClose(): void;\n\n  abstract init(): () => void;\n\n  get filteredColumns(): Column[] {\n    const { orderedColumns, searchValue } = this;\n\n    if (!searchValue.trim()) {\n      return orderedColumns;\n    }\n\n    const searchLower = searchValue.toLowerCase();\n    return orderedColumns.filter((column) => {\n      const name =\n        column.name ||\n        (typeof column.title === 'string' ? column.title : column.id);\n      return name.toLowerCase().includes(searchLower);\n    });\n  }\n\n  setSearchValue = action((value: string) => {\n    this.searchValue = value;\n    this.columnsCollection.refreshAllPages();\n  });\n\n  onColumnCheckboxToggle = action((column: Column) => {\n    const { select, onColumnClick } = this;\n    select.toggle(column);\n    onColumnClick?.(column, select.isChecked(column.id));\n  });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAWO,MAAeE,2BAA2B,CAG/C;EAYAC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBARrC,IAAIC,oBAAW,CAAiB;MAChDC,SAAS,EAAGC,MAAM,IAAKA,MAAM,CAACC;IAChC,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,uBAEY,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BA0EC,IAAAK,YAAM,EAAEC,KAAa,IAAK;MACzC,IAAI,CAACC,WAAW,GAAGD,KAAK;MACxB,IAAI,CAACE,iBAAiB,CAACC,eAAe,CAAC,CAAC;IAC1C,CAAC,CAAC;IAAA,IAAAV,gBAAA,CAAAC,OAAA,kCAEuB,IAAAK,YAAM,EAAEF,MAAc,IAAK;MAClD,MAAM;QAAEO,MAAM;QAAEC;MAAc,CAAC,GAAG,IAAI;MACtCD,MAAM,CAACE,MAAM,CAACT,MAAM,CAAC;MACrBQ,aAAa,YAAbA,aAAa,CAAGR,MAAM,EAAEO,MAAM,CAACG,SAAS,CAACV,MAAM,CAACC,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IA9EA,IAAI,CAACU,SAAS,GAAGhB,MAAM,CAACgB,SAAS;IAEjC,IAAI,CAACN,iBAAiB,GAAG,IAAIO,wBAAe,CAAC;MAC3C,GAAG,IAAI,CAACD,SAAS;MACjBE,MAAM,EAAE,CAAC,CAAC;MACVC,SAAS,EAAEnB,MAAM,CAACmB,SAAS;MAC3BC,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrB,MAAMC,KAAK,GAAG,IAAI,CAACC,eAAe,CAACC,MAAM,CACtClB,MAAM,IAAKA,MAAM,CAACmB,gCAAgC,KAAK,IAC1D,CAAC;QACD,OAAO;UAAEH;QAAM,CAAC;MAClB,CAAC;MACDI,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACrB,EAAE;MAC1BsB,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACE;IAC3B,CAAC,CAAC;EACJ;EAEUC,mBAAmBA,CAAA,EAAG;IAC9B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,WAAW,EAAEuB,gBAAU;MACvBC,cAAc,EAAE1B,YAAM,CAAC2B,KAAK;MAC5BC,cAAc,EAAEC,cAAQ;MACxBd,eAAe,EAAEc;IACnB,CAAC,CAAC;EACJ;EAMA;AACF;AACA;EACE,IAAIC,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,KAAK;EACd;;EAEA;;EAeA,IAAIf,eAAeA,CAAA,EAAa;IAC9B,MAAM;MAAEa,cAAc;MAAE1B;IAAY,CAAC,GAAG,IAAI;IAE5C,IAAI,CAACA,WAAW,CAAC6B,IAAI,CAAC,CAAC,EAAE;MACvB,OAAOH,cAAc;IACvB;IAEA,MAAMI,WAAW,GAAG9B,WAAW,CAAC+B,WAAW,CAAC,CAAC;IAC7C,OAAOL,cAAc,CAACZ,MAAM,CAAElB,MAAM,IAAK;MACvC,MAAMwB,IAAI,GACRxB,MAAM,CAACwB,IAAI,KACV,OAAOxB,MAAM,CAACoC,KAAK,KAAK,QAAQ,GAAGpC,MAAM,CAACoC,KAAK,GAAGpC,MAAM,CAACC,EAAE,CAAC;MAC/D,OAAOuB,IAAI,CAACW,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,WAAW,CAAC;IACjD,CAAC,CAAC;EACJ;AAYF;AAACI,OAAA,CAAA7C,2BAAA,GAAAA,2BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","Promise","resolve","refresh","columnsRefresh","then","columnsCollection","refreshAllPages","catch","undefined","action","value","searchValue","refreshColumns","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","isFieldsEditable","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SelectState,\n  TransitionState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\n\nexport interface CustomColumnsPanelStateBaseParams {\n  container: WixPatternsContainer;\n  queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container: WixPatternsContainer;\n  readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n  readonly select = new SelectState<{ id: string }>({\n    keyGetter: (column) => column.id,\n  });\n\n  searchValue = '';\n\n  private columnsRefresh: Promise<void> = Promise.resolve();\n\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n  constructor(params: CustomColumnsPanelStateBaseParams) {\n    this.container = params.container;\n\n    this.columnsCollection = new CollectionState({\n      ...this.container,\n      events: {},\n      queryName: params.queryName,\n      fetchData: async () => {\n        const items = this.filteredColumns.filter(\n          (column) => column.hiddenFromCustomColumnsSelection !== true,\n        );\n        return { items };\n      },\n      filters: {},\n      itemKey: (item) => item.id,\n      itemName: (item) => item.name,\n    });\n  }\n\n  protected initBaseObservables() {\n    makeObservable(this, {\n      searchValue: observable,\n      setSearchValue: action.bound,\n      orderedColumns: computed,\n      filteredColumns: computed,\n    });\n  }\n\n  abstract get orderedColumns(): Column[];\n\n  abstract get showFieldTypeIcons(): boolean;\n\n  /** Whether the panel manages schema fields rather than picking columns —\n   *  drives its title and subtitle. Sources that carry their own field\n   *  management report it through `manageFieldsSource` instead. */\n  get isFieldsEditable(): boolean {\n    return false;\n  }\n\n  /** Add / edit / delete field, when the surface offers it. */\n  abstract get manageFieldsSource(): ManageFieldsSource | null | undefined;\n\n  abstract get sidePanelTransition(): TransitionState<string> | undefined;\n\n  abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> | undefined;\n\n  abstract customizeColumnsInSidePanelBi(params: {\n    actionName: CustomColumnsActionName;\n  }): void;\n\n  abstract onClose(): void;\n\n  abstract init(): () => void;\n\n  get filteredColumns(): Column[] {\n    const { orderedColumns, searchValue } = this;\n\n    if (!searchValue.trim()) {\n      return orderedColumns;\n    }\n\n    const searchLower = searchValue.toLowerCase();\n    return orderedColumns.filter((column) => {\n      const name =\n        column.name ||\n        (typeof column.title === 'string' ? column.title : column.id);\n      return name.toLowerCase().includes(searchLower);\n    });\n  }\n\n  refreshColumns = () => {\n    // Overlapping refreshes share a query promise, which can contain columns\n    // from before the latest schema or layout update.\n    const refresh = this.columnsRefresh.then(() =>\n      this.columnsCollection.refreshAllPages(),\n    );\n    this.columnsRefresh = refresh.catch(() => undefined);\n    return refresh;\n  };\n\n  setSearchValue = action((value: string) => {\n    this.searchValue = value;\n    void this.refreshColumns();\n  });\n\n  onColumnCheckboxToggle = action((column: Column) => {\n    const { select, onColumnClick } = this;\n    select.toggle(column);\n    onColumnClick?.(column, select.isChecked(column.id));\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsState.js

@@ -247,8 +247,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
     table.customColumnsStateInitialized = true;
     const disposers = [(0, _mobx.reaction)(() => this.table.selectedColumns.value, async selectedColumns => {
       const {
-        select,
-        columnsCollection
+        select
       } = this;
       select.clear();
       select.forceSetMany(selectedColumns.map(({
@@ -260,7 +259,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
         },
         status: isSelected ? select.finalStatus : select.startStatus
       })));
-      await columnsCollection.refreshAllPages();
+      await this.refreshColumns();
     }, {
       fireImmediately: true
     }), (0, _mobx.reaction)(() => this.select.selectedValues, () => {