@wix/patterns 1.81.0 → 1.83.0

package/dist/cjs/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","emptyState","noResultsState","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport { Section } from '../GridSections/GridSectionsState';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  /**\n   * Creates [grid sections](./?path=/story/features-sort-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    renderSection?: (item: T) => Section;\n  };\n\n  layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    emptyState,\n    noResultsState,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          renderError={renderError}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","errorState","emptyState","noResultsState","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport { Section } from '../GridSections/GridSectionsState';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  /**\n   * Creates [grid sections](./?path=/story/features-sort-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    renderSection?: (item: T) => Section;\n  };\n\n  layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    errorState = renderError,\n    emptyState,\n    noResultsState,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Grid/GridCardItem.js

@@ -87,7 +87,7 @@ function _GridCardItem(props) {
         lineNumber: 104,
         columnNumber: 13
       }
-    }) : /*#__PURE__*/(0, _react.isValidElement)(backgroundImageNode) ? ( /*#__PURE__*/(0, _react.cloneElement)(backgroundImageNode, {
+    }) : /*#__PURE__*/(0, _react.isValidElement)(backgroundImageNode) ? (/*#__PURE__*/(0, _react.cloneElement)(backgroundImageNode, {
       borderRadius: 0
     })) : backgroundImageNode
   }, textProps, {

package/dist/cjs/components/Grid/GridCardItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_mobxReactLite","_useGridItemActions","_CollectionActionModal","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridCardItem","props","state","keyedItem","index","actionCell","preset","renderItem","draggable","droppable","dragging","dragHandleProps","itemActionsState","React","useState","ItemActionsState","collection","fade","item","calcGridProps","cardFooterSize","itemName","renderProps","backgroundImageNode","imagePlacement","primaryAction","settingsMenu","useGridItemActions","gridState","textProps","title","undefined","subtitle","createElement","Fragment","CardGalleryItem","_extends2","tabIndex","dataHook","size","Image","borderRadius","height","__self","__source","fileName","lineNumber","columnNumber","isValidElement","cloneElement","primaryActionProps","CollectionActionModal","confirmModal","value","GridCardItem","exports","observer"],"sources":["../../../../src/components/Grid/GridCardItem.tsx"],"sourcesContent":["import {\n  CardGalleryItem,\n  CardGalleryItemProps,\n  Image,\n  ImageProps,\n} from '@wix/design-system';\nimport React, { cloneElement, isValidElement, ReactNode } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { GridBaseState, ItemActionsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useGridItemActions } from './useGridItemActions';\nimport { CollectionActionModal } from '../CollectionActionModal';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridCardItemProps<T, F extends FiltersMap> {\n  children?: ReactNode;\n  state: GridBaseState<T, F>;\n  keyedItem: KeyedItem<T>;\n  index: number;\n  rowIndex?: number;\n  columnIndex?: number;\n  actionCell?: ActionCell<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  renderItem?: (item: T, index: number) => Partial<CardGalleryItemProps>;\n  draggable?: boolean;\n  droppable?: boolean;\n  dragging?: boolean;\n  dragHandleProps?: CardGalleryItemProps['dragHandleProps'];\n  domRef?: (node: HTMLElement | null) => void;\n}\n\nfunction _GridCardItem<T, F extends FiltersMap>(\n  props: GridCardItemProps<T, F>,\n) {\n  const {\n    state,\n    keyedItem,\n    index,\n    actionCell,\n    preset,\n    renderItem,\n    draggable,\n    droppable,\n    dragging,\n    dragHandleProps,\n  } = props;\n  const [itemActionsState] = React.useState(\n    () =>\n      new ItemActionsState({\n        collection: state.collection,\n        keyedItem,\n        fade: 'idle',\n      }),\n  );\n\n  const { item } = keyedItem;\n\n  const {\n    collection,\n    calcGridProps: { cardFooterSize },\n  } = state;\n  const { itemName } = collection;\n\n  const renderProps = renderItem?.(item, index) ?? {};\n\n  const { backgroundImageNode } = renderProps;\n  const imagePlacement = renderProps.imagePlacement ?? state.imagePlacement;\n\n  const { primaryAction, settingsMenu } = useGridItemActions({\n    actionCell,\n    item,\n    index,\n    gridState: state,\n    keyedItem,\n    itemActionsState,\n    imagePlacement,\n  });\n\n  const textProps = (() => {\n    if (preset === 'empty') {\n      return {\n        title: undefined,\n        subtitle: undefined,\n      };\n    }\n\n    return {\n      title: renderProps?.title || itemName(item) || <>&#8203;</>,\n      subtitle:\n        preset === 'full' ? renderProps?.subtitle || <>&#8203;</> : undefined,\n    };\n  })();\n\n  return (\n    <>\n      <CardGalleryItem\n        tabIndex={0}\n        dataHook=\"grid-card-item\"\n        {...renderProps}\n        size={cardFooterSize}\n        imagePlacement={imagePlacement}\n        backgroundImageNode={\n          backgroundImageNode == null ? (\n            <Image borderRadius={0} height=\"100%\" />\n          ) : isValidElement<ImageProps>(backgroundImageNode) ? (\n            cloneElement(backgroundImageNode, {\n              borderRadius: 0,\n            })\n          ) : (\n            backgroundImageNode\n          )\n        }\n        {...textProps}\n        primaryActionProps={{\n          ...(primaryAction ?? renderProps?.primaryActionProps),\n        }}\n        settingsMenu={settingsMenu ?? renderProps.settingsMenu}\n        draggable={draggable}\n        dragging={dragging}\n        droppable={droppable}\n        dragHandleProps={dragHandleProps}\n      />\n      <CollectionActionModal\n        state={itemActionsState.confirmModal}\n        {...itemActionsState.confirmModal.value}\n      />\n    </>\n  );\n}\n\nexport const GridCardItem = observer(_GridCardItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_mobxReactLite","_useGridItemActions","_CollectionActionModal","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridCardItem","props","state","keyedItem","index","actionCell","preset","renderItem","draggable","droppable","dragging","dragHandleProps","itemActionsState","React","useState","ItemActionsState","collection","fade","item","calcGridProps","cardFooterSize","itemName","renderProps","backgroundImageNode","imagePlacement","primaryAction","settingsMenu","useGridItemActions","gridState","textProps","title","undefined","subtitle","createElement","Fragment","CardGalleryItem","_extends2","tabIndex","dataHook","size","Image","borderRadius","height","__self","__source","fileName","lineNumber","columnNumber","isValidElement","cloneElement","primaryActionProps","CollectionActionModal","confirmModal","value","GridCardItem","exports","observer"],"sources":["../../../../src/components/Grid/GridCardItem.tsx"],"sourcesContent":["import {\n  CardGalleryItem,\n  CardGalleryItemProps,\n  Image,\n  ImageProps,\n} from '@wix/design-system';\nimport React, { cloneElement, isValidElement, ReactNode } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { GridBaseState, ItemActionsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useGridItemActions } from './useGridItemActions';\nimport { CollectionActionModal } from '../CollectionActionModal';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridCardItemProps<T, F extends FiltersMap> {\n  children?: ReactNode;\n  state: GridBaseState<T, F>;\n  keyedItem: KeyedItem<T>;\n  index: number;\n  rowIndex?: number;\n  columnIndex?: number;\n  actionCell?: ActionCell<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  renderItem?: (item: T, index: number) => Partial<CardGalleryItemProps>;\n  draggable?: boolean;\n  droppable?: boolean;\n  dragging?: boolean;\n  dragHandleProps?: CardGalleryItemProps['dragHandleProps'];\n  domRef?: (node: HTMLElement | null) => void;\n}\n\nfunction _GridCardItem<T, F extends FiltersMap>(\n  props: GridCardItemProps<T, F>,\n) {\n  const {\n    state,\n    keyedItem,\n    index,\n    actionCell,\n    preset,\n    renderItem,\n    draggable,\n    droppable,\n    dragging,\n    dragHandleProps,\n  } = props;\n  const [itemActionsState] = React.useState(\n    () =>\n      new ItemActionsState({\n        collection: state.collection,\n        keyedItem,\n        fade: 'idle',\n      }),\n  );\n\n  const { item } = keyedItem;\n\n  const {\n    collection,\n    calcGridProps: { cardFooterSize },\n  } = state;\n  const { itemName } = collection;\n\n  const renderProps = renderItem?.(item, index) ?? {};\n\n  const { backgroundImageNode } = renderProps;\n  const imagePlacement = renderProps.imagePlacement ?? state.imagePlacement;\n\n  const { primaryAction, settingsMenu } = useGridItemActions({\n    actionCell,\n    item,\n    index,\n    gridState: state,\n    keyedItem,\n    itemActionsState,\n    imagePlacement,\n  });\n\n  const textProps = (() => {\n    if (preset === 'empty') {\n      return {\n        title: undefined,\n        subtitle: undefined,\n      };\n    }\n\n    return {\n      title: renderProps?.title || itemName(item) || <>&#8203;</>,\n      subtitle:\n        preset === 'full' ? renderProps?.subtitle || <>&#8203;</> : undefined,\n    };\n  })();\n\n  return (\n    <>\n      <CardGalleryItem\n        tabIndex={0}\n        dataHook=\"grid-card-item\"\n        {...renderProps}\n        size={cardFooterSize}\n        imagePlacement={imagePlacement}\n        backgroundImageNode={\n          backgroundImageNode == null ? (\n            <Image borderRadius={0} height=\"100%\" />\n          ) : isValidElement<ImageProps>(backgroundImageNode) ? (\n            cloneElement(backgroundImageNode, {\n              borderRadius: 0,\n            })\n          ) : (\n            backgroundImageNode\n          )\n        }\n        {...textProps}\n        primaryActionProps={{\n          ...(primaryAction ?? renderProps?.primaryActionProps),\n        }}\n        settingsMenu={settingsMenu ?? renderProps.settingsMenu}\n        draggable={draggable}\n        dragging={dragging}\n        droppable={droppable}\n        dragHandleProps={dragHandleProps}\n      />\n      <CollectionActionModal\n        state={itemActionsState.confirmModal}\n        {...itemActionsState.confirmModal.value}\n      />\n    </>\n  );\n}\n\nexport const GridCardItem = observer(_GridCardItem);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AAAiE,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAoBjE,SAASW,aAAaA,CACpBC,KAA8B,EAC9B;EACA,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,KAAK;IACLC,UAAU;IACVC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACRC;EACF,CAAC,GAAGV,KAAK;EACT,MAAM,CAACW,gBAAgB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CACvC,MACE,IAAIC,uBAAgB,CAAC;IACnBC,UAAU,EAAEd,KAAK,CAACc,UAAU;IAC5Bb,SAAS;IACTc,IAAI,EAAE;EACR,CAAC,CACL,CAAC;EAED,MAAM;IAAEC;EAAK,CAAC,GAAGf,SAAS;EAE1B,MAAM;IACJa,UAAU;IACVG,aAAa,EAAE;MAAEC;IAAe;EAClC,CAAC,GAAGlB,KAAK;EACT,MAAM;IAAEmB;EAAS,CAAC,GAAGL,UAAU;EAE/B,MAAMM,WAAW,GAAG,CAAAf,UAAU,oBAAVA,UAAU,CAAGW,IAAI,EAAEd,KAAK,CAAC,KAAI,CAAC,CAAC;EAEnD,MAAM;IAAEmB;EAAoB,CAAC,GAAGD,WAAW;EAC3C,MAAME,cAAc,GAAGF,WAAW,CAACE,cAAc,IAAItB,KAAK,CAACsB,cAAc;EAEzE,MAAM;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAAG,IAAAC,sCAAkB,EAAC;IACzDtB,UAAU;IACVa,IAAI;IACJd,KAAK;IACLwB,SAAS,EAAE1B,KAAK;IAChBC,SAAS;IACTS,gBAAgB;IAChBY;EACF,CAAC,CAAC;EAEF,MAAMK,SAAS,GAAG,CAAC,MAAM;IACvB,IAAIvB,MAAM,KAAK,OAAO,EAAE;MACtB,OAAO;QACLwB,KAAK,EAAEC,SAAS;QAChBC,QAAQ,EAAED;MACZ,CAAC;IACH;IAEA,OAAO;MACLD,KAAK,EAAE,CAAAR,WAAW,oBAAXA,WAAW,CAAEQ,KAAK,KAAIT,QAAQ,CAACH,IAAI,CAAC,iBAAI7C,MAAA,CAAAa,OAAA,CAAA+C,aAAA,CAAA5D,MAAA,CAAAa,OAAA,CAAAgD,QAAA,QAAE,QAAS,CAAC;MAC3DF,QAAQ,EACN1B,MAAM,KAAK,MAAM,GAAG,CAAAgB,WAAW,oBAAXA,WAAW,CAAEU,QAAQ,kBAAI3D,MAAA,CAAAa,OAAA,CAAA+C,aAAA,CAAA5D,MAAA,CAAAa,OAAA,CAAAgD,QAAA,QAAE,QAAS,CAAC,GAAGH;IAChE,CAAC;EACH,CAAC,EAAE,CAAC;EAEJ,oBACE1D,MAAA,CAAAa,OAAA,CAAA+C,aAAA,CAAA5D,MAAA,CAAAa,OAAA,CAAAgD,QAAA,qBACE7D,MAAA,CAAAa,OAAA,CAAA+C,aAAA,CAAC9D,aAAA,CAAAgE,eAAe,MAAAC,SAAA,CAAAlD,OAAA;IACdmD,QAAQ,EAAE,CAAE;IACZC,QAAQ,EAAC;EAAgB,GACrBhB,WAAW;IACfiB,IAAI,EAAEnB,cAAe;IACrBI,cAAc,EAAEA,cAAe;IAC/BD,mBAAmB,EACjBA,mBAAmB,IAAI,IAAI,gBACzBlD,MAAA,CAAAa,OAAA,CAAA+C,aAAA,CAAC9D,aAAA,CAAAqE,KAAK;MAACC,YAAY,EAAE,CAAE;MAACC,MAAM,EAAC,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACtC,iBAAAC,qBAAc,EAAazB,mBAAmB,CAAC,iBACjD,IAAA0B,mBAAY,EAAC1B,mBAAmB,EAAE;MAChCkB,YAAY,EAAE;IAChB,CAAC,CAAC,IAEFlB;EAEH,GACGM,SAAS;IACbqB,kBAAkB,EAAE;MAClB,IAAIzB,aAAa,KAAIH,WAAW,oBAAXA,WAAW,CAAE4B,kBAAkB;IACtD,CAAE;IACFxB,YAAY,EAAEA,YAAY,IAAIJ,WAAW,CAACI,YAAa;IACvDlB,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA,QAAS;IACnBD,SAAS,EAAEA,SAAU;IACrBE,eAAe,EAAEA,eAAgB;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClC,CAAC,eACF1E,MAAA,CAAAa,OAAA,CAAA+C,aAAA,CAACvD,sBAAA,CAAAyE,qBAAqB,MAAAf,SAAA,CAAAlD,OAAA;IACpBgB,KAAK,EAAEU,gBAAgB,CAACwC;EAAa,GACjCxC,gBAAgB,CAACwC,YAAY,CAACC,KAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CACD,CAAC;AAEP;AAEO,MAAMO,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACxD,aAAa,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/GridFolders.js

@@ -26,7 +26,8 @@ function _GridFolders(props) {
     cardProps,
     emptyState,
     noResultsState,
-    renderError
+    renderError,
+    errorState = renderError
   } = props;
   const {
     toolbar
@@ -60,14 +61,14 @@ function _GridFolders(props) {
     featuresInitializers: (0, _getToolbarCollectionFeaturesInitializers.getToolbarCollectionFeaturesInitializers)(props)
   }), []);
   return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, (0, _extends2.default)({
-    renderError: false,
+    errorState: false,
     state: toolbar,
     dataHook: dataHook
   }, cardProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 125,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -75,32 +76,32 @@ function _GridFolders(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 131,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridFoldersPlaceholderStates.GridFoldersPlaceholderStates, {
     state: state,
     emptyState: emptyState,
     noResultsState: noResultsState,
-    renderError: renderError,
+    errorState: errorState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 132,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 138,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_GridFoldersSectionsGroup.GridFoldersSectionsGroup, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 139,
       columnNumber: 13
     }
   }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);

package/dist/cjs/components/Grid/GridFolders.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridBaseSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridFolders","props","state","exportModal","dataHook","cardProps","emptyState","noResultsState","renderError","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useGridBaseSyncProps","items","renderAddItem","renderFolderAddItem","folders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/base-components-collections-gridfolders-usegridfolders--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    emptyState,\n    noResultsState,\n    renderError,\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'WixPatterns/GridFolders',\n    });\n  }\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: true,\n    isUsingTableVirtualization: false,\n  });\n\n  useGridBaseSyncProps({ ...props, state: state.items });\n  useGridBaseSyncProps({\n    ...props,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          renderError={renderError}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,kCAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,yCAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAGA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAIA,IAAAQ,6BAAA,GAAAR,OAAA;AAEA,IAAAS,+BAAA,GAAAT,OAAA;AACA,IAAAU,8BAAA,GAAAV,OAAA;AAAmG,IAAAW,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAqDnG,SAASW,YAAYA,CACnBC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,cAAc;IACdC;EACF,CAAC,GAAGP,KAAK;EAET,MAAM;IAAEQ;EAAQ,CAAC,GAAGP,KAAK;EAEzB,IAAIQ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC;IACA,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,IAAAC,4DAA6B,EAAC;IAC5B,GAAGf,KAAK;IACRC,KAAK,EAAEA,KAAK,CAACO,OAAO;IACpBQ,kBAAkB,EAAE,KAAK;IACzBC,yBAAyB,EAAE,KAAK;IAChCC,uBAAuB,EAAE,KAAK;IAC9BC,cAAc,EAAE,IAAI;IACpBC,0BAA0B,EAAE;EAC9B,CAAC,CAAC;EAEF,IAAAC,0CAAoB,EAAC;IAAE,GAAGrB,KAAK;IAAEC,KAAK,EAAEA,KAAK,CAACqB;EAAM,CAAC,CAAC;EACtD,IAAAD,0CAAoB,EAAC;IACnB,GAAGrB,KAAK;IACRuB,aAAa,EAAEvB,KAAK,CAACwB,mBAAmB;IACxCvB,KAAK,EAAEA,KAAK,CAACwB;EACf,CAAC,CAAC;EAEF,IAAAC,gBAAS,EACP,MACEzB,KAAK,CAAC0B,IAAI,CAAC;IACTC,oBAAoB,EAAE,IAAAC,kFAAwC,EAAC7B,KAAK;EACtE,CAAC,CAAC,EACJ,EACF,CAAC;EAED,oBACEnC,MAAA,CAAAoB,OAAA,CAAA6C,aAAA,CAACzD,eAAA,CAAA0D,cAAc,MAAAC,SAAA,CAAA/C,OAAA;IACbsB,WAAW,EAAE,KAAM;IACnBN,KAAK,EAAEO,OAAQ;IACfL,QAAQ,EAAEA;EAAS,GACfC,SAAS;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEbxE,MAAA,CAAAoB,OAAA,CAAA6C,aAAA,CAACxD,kBAAA,CAAAgE,iBAAiB,MAAAN,SAAA,CAAA/C,OAAA,MAAKe,KAAK;IAAEC,KAAK,EAAEO,OAAQ;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAC3CxE,MAAA,CAAAoB,OAAA,CAAA6C,aAAA,CAACvD,6BAAA,CAAAgE,4BAA4B;IAC3BtC,KAAK,EAAEA,KAAM;IACbI,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IAAA0B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzBxE,MAAA,CAAAoB,OAAA,CAAA6C,aAAA,CAAC9D,kCAAA,CAAAwE,iCAAiC;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCxE,MAAA,CAAAoB,OAAA,CAAA6C,aAAA,CAAC1D,yBAAA,CAAAqE,wBAAwB,MAAAT,SAAA,CAAA/C,OAAA,MAAKe,KAAK;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACL,CACP,CACb,CAAC,EACnBnC,WAAW,IAAIM,OAAO,CAACkC,kBAAkB,CAACxC,WAAW,CAACyC,KACzC,CAAC;AAErB;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC/C,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridBaseSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridFolders","props","state","exportModal","dataHook","cardProps","emptyState","noResultsState","renderError","errorState","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useGridBaseSyncProps","items","renderAddItem","renderFolderAddItem","folders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/base-components-collections-gridfolders-usegridfolders--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    emptyState,\n    noResultsState,\n    renderError,\n    errorState = renderError,\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'WixPatterns/GridFolders',\n    });\n  }\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: true,\n    isUsingTableVirtualization: false,\n  });\n\n  useGridBaseSyncProps({ ...props, state: state.items });\n  useGridBaseSyncProps({\n    ...props,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          errorState={errorState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,kCAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,yCAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAGA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAIA,IAAAQ,6BAAA,GAAAR,OAAA;AAEA,IAAAS,+BAAA,GAAAT,OAAA;AACA,IAAAU,8BAAA,GAAAV,OAAA;AAAmG,IAAAW,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAqDnG,SAASW,YAAYA,CACnBC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,UAAU,GAAGD;EACf,CAAC,GAAGP,KAAK;EAET,MAAM;IAAES;EAAQ,CAAC,GAAGR,KAAK;EAEzB,IAAIS,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC;IACA,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,IAAAC,4DAA6B,EAAC;IAC5B,GAAGhB,KAAK;IACRC,KAAK,EAAEA,KAAK,CAACQ,OAAO;IACpBQ,kBAAkB,EAAE,KAAK;IACzBC,yBAAyB,EAAE,KAAK;IAChCC,uBAAuB,EAAE,KAAK;IAC9BC,cAAc,EAAE,IAAI;IACpBC,0BAA0B,EAAE;EAC9B,CAAC,CAAC;EAEF,IAAAC,0CAAoB,EAAC;IAAE,GAAGtB,KAAK;IAAEC,KAAK,EAAEA,KAAK,CAACsB;EAAM,CAAC,CAAC;EACtD,IAAAD,0CAAoB,EAAC;IACnB,GAAGtB,KAAK;IACRwB,aAAa,EAAExB,KAAK,CAACyB,mBAAmB;IACxCxB,KAAK,EAAEA,KAAK,CAACyB;EACf,CAAC,CAAC;EAEF,IAAAC,gBAAS,EACP,MACE1B,KAAK,CAAC2B,IAAI,CAAC;IACTC,oBAAoB,EAAE,IAAAC,kFAAwC,EAAC9B,KAAK;EACtE,CAAC,CAAC,EACJ,EACF,CAAC;EAED,oBACEnC,MAAA,CAAAoB,OAAA,CAAA8C,aAAA,CAAC1D,eAAA,CAAA2D,cAAc,MAAAC,SAAA,CAAAhD,OAAA;IACbuB,UAAU,EAAE,KAAM;IAClBP,KAAK,EAAEQ,OAAQ;IACfN,QAAQ,EAAEA;EAAS,GACfC,SAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEbzE,MAAA,CAAAoB,OAAA,CAAA8C,aAAA,CAACzD,kBAAA,CAAAiE,iBAAiB,MAAAN,SAAA,CAAAhD,OAAA,MAAKe,KAAK;IAAEC,KAAK,EAAEQ,OAAQ;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAC3CzE,MAAA,CAAAoB,OAAA,CAAA8C,aAAA,CAACxD,6BAAA,CAAAiE,4BAA4B;IAC3BvC,KAAK,EAAEA,KAAM;IACbI,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BE,UAAU,EAAEA,UAAW;IAAA0B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvBzE,MAAA,CAAAoB,OAAA,CAAA8C,aAAA,CAAC/D,kCAAA,CAAAyE,iCAAiC;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCzE,MAAA,CAAAoB,OAAA,CAAA8C,aAAA,CAAC3D,yBAAA,CAAAsE,wBAAwB,MAAAT,SAAA,CAAAhD,OAAA,MAAKe,KAAK;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACL,CACP,CACb,CAAC,EACnBpC,WAAW,IAAIO,OAAO,CAACkC,kBAAkB,CAACzC,WAAW,CAAC0C,KACzC,CAAC;AAErB;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAChD,YAAY,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/GridFoldersPlaceholderStates.js

@@ -12,14 +12,14 @@ function _GridFoldersPlaceholderStates(props) {
     state,
     emptyState,
     noResultsState,
-    renderError,
+    errorState,
     children
   } = props;
   return /*#__PURE__*/_react.default.createElement(_PlaceholderStatesBase.PlaceholderStatesBase, {
     state: state,
     emptyState: emptyState,
     noResultsState: noResultsState,
-    renderError: renderError,
+    errorState: errorState,
     loadingState: null,
     __self: this,
     __source: {

package/dist/cjs/components/Grid/GridFoldersPlaceholderStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridFoldersPlaceholderStates","props","state","emptyState","noResultsState","renderError","children","default","createElement","PlaceholderStatesBase","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridFoldersPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  PlaceholderStatesBase,\n  PlaceholderStatesBaseProps,\n} from '../PlaceholderStates/PlaceholderStatesBase';\nimport { GridFoldersState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridFoldersPlaceholderStatesProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<PlaceholderStatesBaseProps, 'state'> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n}\n\nfunction _GridFoldersPlaceholderStates<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: GridFoldersPlaceholderStatesProps<T1, F1, T2, F2>) {\n  const { state, emptyState, noResultsState, renderError, children } = props;\n  return (\n    <PlaceholderStatesBase\n      state={state}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridFoldersPlaceholderStates = observer(\n  _GridFoldersPlaceholderStates,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAGoD,IAAAG,YAAA;AAapD,SAASC,6BAA6BA,CAKpCC,KAAwD,EAAE;EAC1D,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAC1E,oBACEP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAW,qBAAqB;IACpBP,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBK,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBT,QACoB,CAAC;AAE5B;AAEO,MAAMU,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDlB,6BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridFoldersPlaceholderStates","props","state","emptyState","noResultsState","errorState","children","default","createElement","PlaceholderStatesBase","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridFoldersPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  PlaceholderStatesBase,\n  PlaceholderStatesBaseProps,\n} from '../PlaceholderStates/PlaceholderStatesBase';\nimport { GridFoldersState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridFoldersPlaceholderStatesProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<PlaceholderStatesBaseProps, 'state'> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n}\n\nfunction _GridFoldersPlaceholderStates<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: GridFoldersPlaceholderStatesProps<T1, F1, T2, F2>) {\n  const { state, emptyState, noResultsState, errorState, children } = props;\n  return (\n    <PlaceholderStatesBase\n      state={state}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      errorState={errorState}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridFoldersPlaceholderStates = observer(\n  _GridFoldersPlaceholderStates,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAGoD,IAAAG,YAAA;AAapD,SAASC,6BAA6BA,CAKpCC,KAAwD,EAAE;EAC1D,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGL,KAAK;EACzE,oBACEP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAW,qBAAqB;IACpBP,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,UAAU,EAAEA,UAAW;IACvBK,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBT,QACoB,CAAC;AAE5B;AAEO,MAAMU,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDlB,6BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/GridPlaceholderStates.js

@@ -13,6 +13,7 @@ function _GridPlaceholderStates(props) {
     emptyState,
     noResultsState,
     renderError,
+    errorState = renderError,
     children
   } = props;
   const {
@@ -33,12 +34,12 @@ function _GridPlaceholderStates(props) {
         query: originQuery
       });
     } : noResultsState,
-    renderError: renderError,
+    errorState: errorState,
     loadingState: null,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 26,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/components/Grid/GridPlaceholderStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","emptyState","noResultsState","renderError","children","collection","default","createElement","PlaceholderStatesBase","multi","result","originQuery","hasAvailableItems","query","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const { state, emptyState, noResultsState, renderError, children } = props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.multi}\n      emptyState={emptyState}\n      noResultsState={\n        typeof noResultsState === 'function'\n          ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return noResultsState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n          : noResultsState\n      }\n      renderError={renderError}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,UAAU;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAC1E,MAAM;IAAEM;EAAW,CAAC,GAAGL,KAAK;EAC5B,oBACER,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,sBAAA,CAAAY,qBAAqB;IACpBR,KAAK,EAAEA,KAAK,CAACS,KAAM;IACnBR,UAAU,EAAEA,UAAW;IACvBC,cAAc,EACZ,OAAOA,cAAc,KAAK,UAAU,GAChC,MAAM;MACJ,MAAM;QACJQ,MAAM,EAAE;UAAEC,WAAW;UAAEC;QAAkB;MAC3C,CAAC,GAAGP,UAAU;MACd,OAAOH,cAAc,CAAC;QACpBU,iBAAiB;QACjBC,KAAK,EAAEF;MACT,CAAC,CAAC;IACJ,CAAC,GACDT,cACL;IACDC,WAAW,EAAEA,WAAY;IACzBW,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBf,QACoB,CAAC;AAE5B;AAEO,MAAMgB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACxB,sBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PlaceholderStatesBase","_jsxFileName","_GridPlaceholderStates","props","state","emptyState","noResultsState","renderError","errorState","children","collection","default","createElement","PlaceholderStatesBase","multi","result","originQuery","hasAvailableItems","query","loadingState","__self","__source","fileName","lineNumber","columnNumber","GridPlaceholderStates","exports","observer"],"sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';\nimport { ToolbarCollectionState } from '../../state';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface GridPlaceholderStatesProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridPlaceholderStates<T, F extends FiltersMap>(\n  props: GridPlaceholderStatesProps<T, F>,\n) {\n  const {\n    state,\n    emptyState,\n    noResultsState,\n    renderError,\n    errorState = renderError,\n    children,\n  } = props;\n  const { collection } = state;\n  return (\n    <PlaceholderStatesBase\n      state={state.multi}\n      emptyState={emptyState}\n      noResultsState={\n        typeof noResultsState === 'function'\n          ? () => {\n              const {\n                result: { originQuery, hasAvailableItems },\n              } = collection;\n              return noResultsState({\n                hasAvailableItems,\n                query: originQuery,\n              });\n            }\n          : noResultsState\n      }\n      errorState={errorState}\n      loadingState={null}\n    >\n      {children}\n    </PlaceholderStatesBase>\n  );\n}\n\nexport const GridPlaceholderStates = observer(_GridPlaceholderStates);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAmF,IAAAG,YAAA;AAUnF,SAASC,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,UAAU,GAAGD,WAAW;IACxBE;EACF,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAW,CAAC,GAAGN,KAAK;EAC5B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,sBAAA,CAAAa,qBAAqB;IACpBT,KAAK,EAAEA,KAAK,CAACU,KAAM;IACnBT,UAAU,EAAEA,UAAW;IACvBC,cAAc,EACZ,OAAOA,cAAc,KAAK,UAAU,GAChC,MAAM;MACJ,MAAM;QACJS,MAAM,EAAE;UAAEC,WAAW;UAAEC;QAAkB;MAC3C,CAAC,GAAGP,UAAU;MACd,OAAOJ,cAAc,CAAC;QACpBW,iBAAiB;QACjBC,KAAK,EAAEF;MACT,CAAC,CAAC;IACJ,CAAC,GACDV,cACL;IACDE,UAAU,EAAEA,UAAW;IACvBW,YAAY,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBf,QACoB,CAAC;AAE5B;AAEO,MAAMgB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACzB,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/DraggableCardOverlay.js

@@ -36,7 +36,7 @@ function _DraggableCardOverlay(props) {
   const {
     modalsContainerRef
   } = (0, _react2.usePageContext)();
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
     dropAnimation: _dnd == null ? void 0 : _dnd.dropAnimation,
     modifiers: [_modifiers.restrictToWindowEdges],
     wrapperElement: DraggableCardOverlayWrapper,

package/dist/cjs/components/GridDragAndDropDndKit/DraggableCardOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_reactDom","_modifiers","_GridDragOverlayCardItem","_mobxReactLite","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DraggableCardOverlayWrapper","forwardRef","props","ref","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","_DraggableCardOverlay","state","renderItem","_dnd","modalsContainerRef","usePageContext","createPortal","DragOverlay","dropAnimation","modifiers","restrictToWindowEdges","wrapperElement","GridDragOverlayCardItem","current","document","body","DraggableCardOverlay","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/DraggableCardOverlay.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { ComponentType, HTMLAttributes, forwardRef } from 'react';\nimport {\n  DragOverlay,\n  DragOverlayProps,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { createPortal } from 'react-dom';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { DraggableCardOverlayProps } from '../DragAndDrop';\nimport { GridDragOverlayCardItem } from './GridDragOverlayCardItem';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\n\nconst DraggableCardOverlayWrapper = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>((props, ref) => (\n  <div data-hook=\"draggable-card-overlay\" ref={ref} {...props} />\n));\n\nfunction _DraggableCardOverlay<T, F extends FiltersMap>(\n  props: DraggableCardOverlayProps<T, F>,\n) {\n  const { state, renderItem } = props;\n\n  const { _dnd } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  return createPortal(\n    <DragOverlay\n      dropAnimation={_dnd?.dropAnimation}\n      modifiers={[restrictToWindowEdges]}\n      wrapperElement={\n        DraggableCardOverlayWrapper as\n          | DragOverlayProps['wrapperElement']\n          | ComponentType as DragOverlayProps['wrapperElement']\n      }\n    >\n      <GridDragOverlayCardItem renderItem={renderItem} state={state} />\n    </DragOverlay>,\n    modalsContainerRef?.current ?? document.body,\n  );\n}\n\nexport const DraggableCardOverlay = observer(_DraggableCardOverlay);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_reactDom","_modifiers","_GridDragOverlayCardItem","_mobxReactLite","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DraggableCardOverlayWrapper","forwardRef","props","ref","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","_DraggableCardOverlay","state","renderItem","_dnd","modalsContainerRef","usePageContext","createPortal","DragOverlay","dropAnimation","modifiers","restrictToWindowEdges","wrapperElement","GridDragOverlayCardItem","current","document","body","DraggableCardOverlay","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/DraggableCardOverlay.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { ComponentType, HTMLAttributes, forwardRef } from 'react';\nimport {\n  DragOverlay,\n  DragOverlayProps,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { createPortal } from 'react-dom';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { DraggableCardOverlayProps } from '../DragAndDrop';\nimport { GridDragOverlayCardItem } from './GridDragOverlayCardItem';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\n\nconst DraggableCardOverlayWrapper = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>((props, ref) => (\n  <div data-hook=\"draggable-card-overlay\" ref={ref} {...props} />\n));\n\nfunction _DraggableCardOverlay<T, F extends FiltersMap>(\n  props: DraggableCardOverlayProps<T, F>,\n) {\n  const { state, renderItem } = props;\n\n  const { _dnd } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  return createPortal(\n    <DragOverlay\n      dropAnimation={_dnd?.dropAnimation}\n      modifiers={[restrictToWindowEdges]}\n      wrapperElement={\n        DraggableCardOverlayWrapper as\n          | DragOverlayProps['wrapperElement']\n          | ComponentType as DragOverlayProps['wrapperElement']\n      }\n    >\n      <GridDragOverlayCardItem renderItem={renderItem} state={state} />\n    </DragOverlay>,\n    modalsContainerRef?.current ?? document.body,\n  );\n}\n\nexport const DraggableCardOverlay = observer(_DraggableCardOverlay);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.js

@@ -10,6 +10,7 @@ var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _sortableGridKeyboardCoordinates = require("./sortableGridKeyboardCoordinates");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,6 +22,9 @@ function _GridSortableContext(props) {
     onCancel
   } = props;
   const collection = (0, _CollectionContext.useCollectionContext)();
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   const {
     result: {
       keyedItems
@@ -55,7 +59,7 @@ function _GridSortableContext(props) {
       }
     },
     accessibility: {
-      container: state.dnd.a11yContainerRef.current,
+      container: modalsContainerRef.current,
       announcements: state.dnd.nullAnnouncements,
       screenReaderInstructions: {
         draggable: ''
@@ -83,7 +87,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -92,7 +96,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 115,
       columnNumber: 7
     }
   }, children, /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -101,7 +105,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 117,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","onCancel","collection","useCollectionContext","result","keyedItems","collectionDragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","useState","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","container","a11yContainerRef","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  CollectionDragAndDropState,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { GridBaseState } from '../../state';\n\nexport interface GridSortableContextProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: GridSortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit, onCancel } = props;\n\n  const collection = useCollectionContext();\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const state = grid.collectionDragAndDropState as CollectionDragAndDropState<\n    T,\n    F\n  >;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  state.dnd.onSubmit = onSubmit;\n  state.dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: state.dnd.a11yContainerRef.current as\n          | HTMLElement\n          | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","onCancel","collection","useCollectionContext","modalsContainerRef","usePageContext","result","keyedItems","collectionDragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","useState","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","container","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  CollectionDragAndDropState,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { GridBaseState } from '../../state';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface GridSortableContextProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: GridSortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit, onCancel } = props;\n\n  const collection = useCollectionContext();\n  const { modalsContainerRef } = usePageContext();\n\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const state = grid.collectionDragAndDropState as CollectionDragAndDropState<\n    T,\n    F\n  >;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  state.dnd.onSubmit = onSubmit;\n  state.dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/dndTestEventHandlers.js

@@ -19,11 +19,11 @@ const sortableItemTestEvents = ({
         }
       });
     },
-    onPointerUp: () => {
+    onPointerUp: async () => {
       if (disabled != null && disabled.droppable || state.activeId == null) {
         return;
       }
-      const isCancelled = state.beforeDrop({
+      const isCancelled = await state.beforeDrop({
         active: {
           id: state.activeId
         },

package/dist/cjs/components/GridDragAndDropDndKit/dndTestEventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onMouseMove","event","onDragMove","delta","x","nativeEvent","clientX","onDragOver","onKeyDown","e","keyboardCodes","status","move","includes","code","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","overId","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onMouseMove: (event) => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n\n      state.onDragMove({\n        active: { id: state.activeId },\n        delta: {\n          x: event.nativeEvent.clientX,\n        },\n      });\n\n      state.onDragOver({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' ||\n        (state.status === 'over' &&\n          keyboardCodes.move.includes(e.nativeEvent.code))\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id: state.overId as string },\n          });\n          state.onDragEnd({ over: { id: state.overId as string } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onMouseMove","event","onDragMove","delta","x","nativeEvent","clientX","onDragOver","onKeyDown","e","keyboardCodes","status","move","includes","code","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","overId","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: async () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = await state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onMouseMove: (event) => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n\n      state.onDragMove({\n        active: { id: state.activeId },\n        delta: {\n          x: event.nativeEvent.clientX,\n        },\n      });\n\n      state.onDragOver({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' ||\n        (state.status === 'over' &&\n          keyboardCodes.move.includes(e.nativeEvent.code))\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id: state.overId as string },\n          });\n          state.onDragEnd({ over: { id: state.overId as string } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading3323846522";
+var _namespace_ = "Heading719012780";
 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": "Heading3323846522__root"
+  "root": "Heading719012780__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3323846522\";\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\":\"Heading3323846522__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading719012780\";\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\":\"Heading719012780__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,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;AAAwB,CAAC;AAC/C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.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_ = "InputOverflow203843554";
+var _namespace_ = "InputOverflow3837939676";
 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": "InputOverflow203843554__root"
+  "root": "InputOverflow3837939676__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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