@wix/patterns 1.176.0 → 1.178.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_providers","_mobxReactLite","_CardContainer","_bexUtils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_FormPageCard","props","status","statusProp","id","registerScrollableItem","rest","pageState","useFormPageContext","isFetching","highlight","setHighlight","useState","createElement","ref","itemName","containerName","afterScroll","setTimeout","undefined","__self","__source","fileName","lineNumber","columnNumber","CardContainer","_extends2","displayName","FormPageCard","exports","withFocusable","observer"],"sources":["../../../../src/components/FormPageCard/FormPageCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { FocusableProps, withFocusable } from '@wix/bex-utils';\n\nexport interface FormPageCardProps extends CardContainerProps {}\n\nexport function _FormPageCard(props: FormPageCardProps & FocusableProps) {\n  const { status: statusProp, id, registerScrollableItem, ...rest } = props;\n  const pageState = useFormPageContext();\n  const status = !pageState || pageState.isFetching ? 'loading' : statusProp;\n  const [highlight, setHighlight] = useState<'focus' | undefined>();\n\n  return (\n    <div\n      id={id}\n      ref={(ref) => {\n        if (id && ref) {\n          registerScrollableItem({\n            ref,\n            itemName: id,\n            containerName: id,\n            afterScroll: () => {\n              setHighlight('focus');\n\n              setTimeout(() => {\n                setHighlight(undefined);\n              }, 3000);\n            },\n          });\n        }\n      }}\n    >\n      <CardContainer status={status} {...rest} highlight={highlight} />\n    </div>\n  );\n}\n\n_FormPageCard.displayName = 'FormPageCard';\n\nexport const FormPageCard = withFocusable(observer(_FormPageCard));\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_providers","_mobxReactLite","_CardContainer","_bexUtils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_FormPageCard","props","status","statusProp","id","registerScrollableItem","rest","pageState","useFormPageContext","isFetching","highlight","setHighlight","useState","timeoutRef","useRef","useEffect","window","clearTimeout","current","createElement","ref","itemName","containerName","afterScroll","setTimeout","undefined","__self","__source","fileName","lineNumber","columnNumber","CardContainer","_extends2","displayName","FormPageCard","exports","withFocusable","observer"],"sources":["../../../../src/components/FormPageCard/FormPageCard.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\nimport { FocusableProps, withFocusable } from '@wix/bex-utils';\n\nexport interface FormPageCardProps extends CardContainerProps {}\n\nexport function _FormPageCard(props: FormPageCardProps & FocusableProps) {\n  const { status: statusProp, id, registerScrollableItem, ...rest } = props;\n  const pageState = useFormPageContext();\n  const status = !pageState || pageState.isFetching ? 'loading' : statusProp;\n  const [highlight, setHighlight] = useState<'focus'>();\n  const timeoutRef = useRef<number>();\n\n  useEffect(() => {\n    return () => {\n      window.clearTimeout(timeoutRef.current);\n    };\n  });\n\n  return (\n    <div\n      id={id}\n      ref={(ref) => {\n        if (id && ref) {\n          registerScrollableItem({\n            ref,\n            itemName: id,\n            containerName: id,\n            afterScroll: () => {\n              setHighlight('focus');\n\n              timeoutRef.current = window.setTimeout(() => {\n                setHighlight(undefined);\n              }, 3000);\n            },\n          });\n        }\n      }}\n    >\n      <CardContainer status={status} {...rest} highlight={highlight} />\n    </div>\n  );\n}\n\n_FormPageCard.displayName = 'FormPageCard';\n\nexport const FormPageCard = withFocusable(observer(_FormPageCard));\n"],"mappings":"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","ignoreList":[]}

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

@@ -88,7 +88,9 @@ function _GridCardItem(props) {
         columnNumber: 13
       }
     }) : /*#__PURE__*/(0, _react.isValidElement)(backgroundImageNode) ? (/*#__PURE__*/(0, _react.cloneElement)(backgroundImageNode, {
-      borderRadius: 0
+      style: {
+        borderRadius: 0
+      }
     })) : backgroundImageNode
   }, textProps, {
     primaryActionProps: {
@@ -111,7 +113,7 @@ function _GridCardItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 125,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_mobxReactLite","_useGridItemActions","_ActionModal","_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","MessageActionModal","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 { MessageActionModal } from '../ActionModal';\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      <MessageActionModal\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","_ActionModal","_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","style","primaryActionProps","MessageActionModal","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 { MessageActionModal } from '../ActionModal';\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              style: {\n                borderRadius: 0,\n              },\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      <MessageActionModal\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":[]}

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

@@ -33,7 +33,7 @@ function useRenderFolderItem(params) {
       rowIndex: index2d == null ? void 0 : index2d.rowIndex,
       columnIndex: index2d == null ? void 0 : index2d.columnIndex,
       keyedItem: renderType,
-      renderItem: (item, index) => ({
+      renderItem: (item, i) => ({
         backgroundImageNode: /*#__PURE__*/_react.default.createElement(_FolderIcon.FolderIcon, {
           __self: this,
           __source: {
@@ -43,7 +43,7 @@ function useRenderFolderItem(params) {
           }
         }),
         imagePlacement: 'side',
-        ...(renderFolderItem == null ? void 0 : renderFolderItem(item, index))
+        ...(renderFolderItem == null ? void 0 : renderFolderItem(item, i))
       }),
       preset: folderPreset,
       actionCell: folderActionCell,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_GridCardItem","_FolderIcon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderFolderItem","params","state","folderPreset","renderFolderItem","dragAndDrop","folderActionCell","useCallback","index","itemKey","_itemKey","index2d","renderType","getItemRenderTypeAt","child","createElement","GridCardItem","rowIndex","columnIndex","keyedItem","renderItem","item","backgroundImageNode","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","imagePlacement","preset","actionCell","DraggableCard","id","key"],"sources":["../../../../src/components/Grid/renderFolderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { GridCardItem } from './GridCardItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { FolderIcon } from '../FolderIcon';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\nexport interface UseRenderFolderItemParams<T, F extends FiltersMap> {\n  folderPreset?: 'full' | 'title';\n\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n\n  folderActionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderFolderItem<T, F extends FiltersMap>(\n  params: UseRenderFolderItemParams<T, F>,\n) {\n  const {\n    state,\n    folderPreset = 'title',\n    renderFolderItem,\n    dragAndDrop,\n    folderActionCell,\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => {\n      const renderType = state.getItemRenderTypeAt(index);\n\n      if (renderType === null) {\n        return null;\n      }\n\n      if (renderType === 'trailing') {\n        return null;\n      }\n\n      let child = (\n        <GridCardItem\n          state={state}\n          index={index}\n          rowIndex={index2d?.rowIndex}\n          columnIndex={index2d?.columnIndex}\n          keyedItem={renderType}\n          renderItem={(item, index) => ({\n            backgroundImageNode: <FolderIcon />,\n            imagePlacement: 'side',\n            ...renderFolderItem?.(item, index),\n          })}\n          preset={folderPreset}\n          actionCell={folderActionCell}\n        />\n      );\n\n      if (dragAndDrop) {\n        const { DraggableCard } = dragAndDrop;\n        child = (\n          <DraggableCard\n            id={renderType.key}\n            index={renderType.index}\n            state={state}\n          >\n            {child}\n          </DraggableCard>\n        );\n      }\n\n      return child;\n    },\n    [dragAndDrop?.DraggableCard],\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_GridCardItem","_FolderIcon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderFolderItem","params","state","folderPreset","renderFolderItem","dragAndDrop","folderActionCell","useCallback","index","itemKey","_itemKey","index2d","renderType","getItemRenderTypeAt","child","createElement","GridCardItem","rowIndex","columnIndex","keyedItem","renderItem","item","backgroundImageNode","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","imagePlacement","preset","actionCell","DraggableCard","id","key"],"sources":["../../../../src/components/Grid/renderFolderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { GridCardItem } from './GridCardItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { FolderIcon } from '../FolderIcon';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\nexport interface UseRenderFolderItemParams<T, F extends FiltersMap> {\n  folderPreset?: 'full' | 'title';\n\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n\n  folderActionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderFolderItem<T, F extends FiltersMap>(\n  params: UseRenderFolderItemParams<T, F>,\n) {\n  const {\n    state,\n    folderPreset = 'title',\n    renderFolderItem,\n    dragAndDrop,\n    folderActionCell,\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => {\n      const renderType = state.getItemRenderTypeAt(index);\n\n      if (renderType === null) {\n        return null;\n      }\n\n      if (renderType === 'trailing') {\n        return null;\n      }\n\n      let child = (\n        <GridCardItem\n          state={state}\n          index={index}\n          rowIndex={index2d?.rowIndex}\n          columnIndex={index2d?.columnIndex}\n          keyedItem={renderType}\n          renderItem={(item, i) => ({\n            backgroundImageNode: <FolderIcon />,\n            imagePlacement: 'side',\n            ...renderFolderItem?.(item, i),\n          })}\n          preset={folderPreset}\n          actionCell={folderActionCell}\n        />\n      );\n\n      if (dragAndDrop) {\n        const { DraggableCard } = dragAndDrop;\n        child = (\n          <DraggableCard\n            id={renderType.key}\n            index={renderType.index}\n            state={state}\n          >\n            {child}\n          </DraggableCard>\n        );\n      }\n\n      return child;\n    },\n    [dragAndDrop?.DraggableCard],\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -30,7 +30,7 @@ function _GridDraggableCardItem(props) {
     _dnd
   } = state;
   const isDropping = (_dnd == null ? void 0 : _dnd.droppingId) === id;
-  const dragHandleRef = (0, _react.useRef)();
+  const dragHandleRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (_dnd) {
       return (0, _util.addEventListener)(_dnd.events, 'dropAnimationEnd', () => {

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

@@ -1 +1 @@
-{"version":3,"names":["_sortable","require","_react","_interopRequireWildcard","_utilities","_designSystem","_mobxReactLite","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridDraggableCardItem","props","_dnd$nullAnnouncement","_state$_dnd2","children","id","isOverlay","state","type","CardItem","forwardCardItemProps","_dnd","isDropping","droppingId","dragHandleRef","useRef","useEffect","addEventListener","events","focusDragHandleIfDropped","current","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","useSortable","sortableAnimation","disabled","draggable","droppable","isActiveRectOutsideContainer","showMask","ariaDescribedBy","dragHandleProps","tabIndex","domRef","role","nullAnnouncements","dragHandleLabel","onClick","stopPropagation","handleEvents","process","env","NODE_ENV","dragHandleTestEvents","cardItemProps","isDisabled","isActive","dragging","style","position","height","width","CSS","Transform","toString","undefined","testEvents","sortableItemTestEvents","dndAttrs","onPointerDown","attachDisabledDragAttempt","nativeEvent","_state$_dnd","containerEvents","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","display","itemDescription","Box","borderRadius","backgroundColor","GridDraggableCardItem","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDraggableCardItem.tsx"],"sourcesContent":["import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport React, { HTMLAttributes, useEffect, useRef } from 'react';\nimport { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { Box } from '@wix/design-system';\nimport { DraggableCardProps, GridCardItemProps } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from './dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _GridDraggableCardItem<T, F extends FiltersMap>(\n  props: DraggableCardProps<T, F>,\n) {\n  const { children, id, isOverlay, state } = props;\n  const { type: CardItem, props: forwardCardItemProps } = children;\n  const { _dnd } = state;\n\n  const isDropping = _dnd?.droppingId === id;\n\n  const dragHandleRef = useRef<HTMLElement | null>();\n\n  useEffect(() => {\n    if (_dnd) {\n      return addEventListener(_dnd.events, 'dropAnimationEnd', () => {\n        _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);\n      });\n    }\n\n    return;\n  }, [id, _dnd]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n    setActivatorNodeRef,\n  } = useSortable({\n    id,\n    transition: _dnd?.sortableAnimation,\n    disabled: {\n      draggable: false,\n      droppable: _dnd?.isActiveRectOutsideContainer,\n    },\n  });\n\n  const showMask = (isDragging || isDropping) && !isOverlay;\n\n  const ariaDescribedBy = `draggable-card-item-description-${id}`;\n\n  const dragHandleProps: GridCardItemProps['dragHandleProps'] = isOverlay\n    ? {}\n    : {\n        tabIndex: 0,\n        domRef: (e) => {\n          setActivatorNodeRef(e);\n          dragHandleRef.current = e;\n          _dnd?.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n        role: 'button',\n        'aria-label': _dnd?.nullAnnouncements?.dragHandleLabel?.(id),\n        'aria-describedby': ariaDescribedBy,\n        onClick: (e) => e.stopPropagation(),\n        ..._dnd?.handleEvents,\n        ...(process.env.NODE_ENV === 'test' &&\n          state._dnd &&\n          dragHandleTestEvents({ id, state: state._dnd })),\n      };\n\n  const cardItemProps: GridCardItemProps = {\n    ...forwardCardItemProps,\n    ...(_dnd?.isDisabled\n      ? {}\n      : {\n          draggable: true,\n          droppable: _dnd?.isActive,\n          dragging: isOverlay,\n          dragHandleProps,\n        }),\n  };\n\n  const style = {\n    position: 'relative' as const,\n    height: '100%',\n    width: '100%',\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...(_dnd?.isDropping && { transition: undefined }),\n  };\n\n  const testEvents =\n    process.env.NODE_ENV === 'test' && state._dnd\n      ? sortableItemTestEvents({ id, state: state._dnd })\n      : undefined;\n\n  const dndAttrs: Partial<HTMLAttributes<HTMLDivElement>> = _dnd?.isDisabled\n    ? {\n        onPointerDown: (e) => {\n          _dnd?.attachDisabledDragAttempt(id, e.nativeEvent, 'all');\n        },\n      }\n    : {\n        ...attributes,\n        ...listeners,\n        ...testEvents,\n        onPointerDown: (e) => {\n          state._dnd?.containerEvents.onPointerDown?.(e);\n          listeners?.onPointerDown?.(e);\n          testEvents?.onPointerDown?.(e);\n        },\n      };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      {...dndAttrs}\n      tabIndex={undefined}\n      data-hook=\"grid-card-item-events\"\n    >\n      <div id={ariaDescribedBy} style={{ display: 'none' }}>\n        {state._dnd?.nullAnnouncements?.itemDescription?.(id)}\n      </div>\n      {!showMask && <CardItem {...cardItemProps} />}\n      {showMask && (\n        <Box\n          borderRadius={8}\n          height=\"100%\"\n          width=\"100%\"\n          backgroundColor=\"D60\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport const GridDraggableCardItem = observer(_GridDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_sortable","require","_react","_interopRequireWildcard","_utilities","_designSystem","_mobxReactLite","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridDraggableCardItem","props","_dnd$nullAnnouncement","_state$_dnd2","children","id","isOverlay","state","type","CardItem","forwardCardItemProps","_dnd","isDropping","droppingId","dragHandleRef","useRef","useEffect","addEventListener","events","focusDragHandleIfDropped","current","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","useSortable","sortableAnimation","disabled","draggable","droppable","isActiveRectOutsideContainer","showMask","ariaDescribedBy","dragHandleProps","tabIndex","domRef","role","nullAnnouncements","dragHandleLabel","onClick","stopPropagation","handleEvents","process","env","NODE_ENV","dragHandleTestEvents","cardItemProps","isDisabled","isActive","dragging","style","position","height","width","CSS","Transform","toString","undefined","testEvents","sortableItemTestEvents","dndAttrs","onPointerDown","attachDisabledDragAttempt","nativeEvent","_state$_dnd","containerEvents","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","display","itemDescription","Box","borderRadius","backgroundColor","GridDraggableCardItem","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDraggableCardItem.tsx"],"sourcesContent":["import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport React, { HTMLAttributes, useEffect, useRef } from 'react';\nimport { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { Box } from '@wix/design-system';\nimport { DraggableCardProps, GridCardItemProps } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from './dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _GridDraggableCardItem<T, F extends FiltersMap>(\n  props: DraggableCardProps<T, F>,\n) {\n  const { children, id, isOverlay, state } = props;\n  const { type: CardItem, props: forwardCardItemProps } = children;\n  const { _dnd } = state;\n\n  const isDropping = _dnd?.droppingId === id;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (_dnd) {\n      return addEventListener(_dnd.events, 'dropAnimationEnd', () => {\n        _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);\n      });\n    }\n\n    return;\n  }, [id, _dnd]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n    setActivatorNodeRef,\n  } = useSortable({\n    id,\n    transition: _dnd?.sortableAnimation,\n    disabled: {\n      draggable: false,\n      droppable: _dnd?.isActiveRectOutsideContainer,\n    },\n  });\n\n  const showMask = (isDragging || isDropping) && !isOverlay;\n\n  const ariaDescribedBy = `draggable-card-item-description-${id}`;\n\n  const dragHandleProps: GridCardItemProps['dragHandleProps'] = isOverlay\n    ? {}\n    : {\n        tabIndex: 0,\n        domRef: (e) => {\n          setActivatorNodeRef(e);\n          dragHandleRef.current = e;\n          _dnd?.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n        role: 'button',\n        'aria-label': _dnd?.nullAnnouncements?.dragHandleLabel?.(id),\n        'aria-describedby': ariaDescribedBy,\n        onClick: (e) => e.stopPropagation(),\n        ..._dnd?.handleEvents,\n        ...(process.env.NODE_ENV === 'test' &&\n          state._dnd &&\n          dragHandleTestEvents({ id, state: state._dnd })),\n      };\n\n  const cardItemProps: GridCardItemProps = {\n    ...forwardCardItemProps,\n    ...(_dnd?.isDisabled\n      ? {}\n      : {\n          draggable: true,\n          droppable: _dnd?.isActive,\n          dragging: isOverlay,\n          dragHandleProps,\n        }),\n  };\n\n  const style = {\n    position: 'relative' as const,\n    height: '100%',\n    width: '100%',\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...(_dnd?.isDropping && { transition: undefined }),\n  };\n\n  const testEvents =\n    process.env.NODE_ENV === 'test' && state._dnd\n      ? sortableItemTestEvents({ id, state: state._dnd })\n      : undefined;\n\n  const dndAttrs: Partial<HTMLAttributes<HTMLDivElement>> = _dnd?.isDisabled\n    ? {\n        onPointerDown: (e) => {\n          _dnd?.attachDisabledDragAttempt(id, e.nativeEvent, 'all');\n        },\n      }\n    : {\n        ...attributes,\n        ...listeners,\n        ...testEvents,\n        onPointerDown: (e) => {\n          state._dnd?.containerEvents.onPointerDown?.(e);\n          listeners?.onPointerDown?.(e);\n          testEvents?.onPointerDown?.(e);\n        },\n      };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      {...dndAttrs}\n      tabIndex={undefined}\n      data-hook=\"grid-card-item-events\"\n    >\n      <div id={ariaDescribedBy} style={{ display: 'none' }}>\n        {state._dnd?.nullAnnouncements?.itemDescription?.(id)}\n      </div>\n      {!showMask && <CardItem {...cardItemProps} />}\n      {showMask && (\n        <Box\n          borderRadius={8}\n          height=\"100%\"\n          width=\"100%\"\n          backgroundColor=\"D60\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport const GridDraggableCardItem = observer(_GridDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.js

@@ -10,14 +10,14 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Heading/Heading.tsx";
 function Heading(props) {
   const {
-    appearance,
+    size,
     className,
     ...rest
   } = props;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Heading, (0, _extends2.default)({}, rest, {
-    appearance: appearance,
+    size: size,
     className: (0, _HeadingStCss.st)(_HeadingStCss.classes.root, {
-      appearanceH2: appearance === 'H2'
+      appearanceH2: size === 'large'
     }),
     __self: this,
     __source: {

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_HeadingStCss","_react","_interopRequireDefault","_jsxFileName","Heading","props","appearance","className","rest","default","createElement","_extends2","st","classes","root","appearanceH2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import { Heading as HeadingBase, HeadingProps } from '@wix/design-system';\nimport { st, classes } from './Heading.st.css.js';\nimport React from 'react';\n\nexport function Heading(props: HeadingProps) {\n  const { appearance, className, ...rest } = props;\n\n  return (\n    <HeadingBase\n      {...rest}\n      appearance={appearance}\n      className={st(classes.root, {\n        appearanceH2: appearance === 'H2',\n      })}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAEnB,SAASC,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEhD,oBACEJ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAM,OAAW,MAAAO,SAAA,CAAAF,OAAA,MACND,IAAI;IACRF,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAE,IAAAK,gBAAE,EAACC,qBAAO,CAACC,IAAI,EAAE;MAC1BC,YAAY,EAAET,UAAU,KAAK;IAC/B,CAAC,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACJ,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_HeadingStCss","_react","_interopRequireDefault","_jsxFileName","Heading","props","size","className","rest","default","createElement","_extends2","st","classes","root","appearanceH2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import { Heading as HeadingBase, HeadingProps } from '@wix/design-system';\nimport { st, classes } from './Heading.st.css.js';\nimport React from 'react';\n\nexport function Heading(props: HeadingProps) {\n  const { size, className, ...rest } = props;\n\n  return (\n    <HeadingBase\n      {...rest}\n      size={size}\n      className={st(classes.root, {\n        appearanceH2: size === 'large',\n      })}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAEnB,SAASC,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEC,IAAI;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE1C,oBACEJ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAM,OAAW,MAAAO,SAAA,CAAAF,OAAA,MACND,IAAI;IACRF,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAE,IAAAK,gBAAE,EAACC,qBAAO,CAACC,IAAI,EAAE;MAC1BC,YAAY,EAAET,IAAI,KAAK;IACzB,CAAC,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACJ,CAAC;AAEN","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_ = "Heading2760795831";
+var _namespace_ = "Heading4226645623";
 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": "Heading2760795831__root"
+  "root": "Heading4226645623__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_ = \"Heading2760795831\";\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\":\"Heading2760795831__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_ = \"Heading4226645623\";\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\":\"Heading4226645623__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":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.js

@@ -11,7 +11,7 @@ var _InputOverflowStCss = require("./InputOverflow.st.css.js");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/InputOverflow/InputOverflow.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; }
-const _InputOverflow = props => {
+const InputOverflow = exports.InputOverflow = (0, _mobxReactLite.observer)(/*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     state,
     selected,
@@ -20,10 +20,6 @@ const _InputOverflow = props => {
     ...inputProps
   } = props;
   const helperNodeRef = (0, _react.useRef)();
-  const hiddenStyles = (0, _react.useMemo)(() => ({
-    height: 0,
-    visibility: 'hidden'
-  }), []);
   (0, _react.useEffect)(() => {
     if (!helperNodeRef.current) {
       return;
@@ -36,35 +32,38 @@ const _InputOverflow = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
-      columnNumber: 5
+      lineNumber: 28,
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    style: hiddenStyles,
+    style: {
+      height: 0,
+      visibility: 'hidden'
+    },
     "aria-hidden": true,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 7
+      lineNumber: 29,
+      columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, (0, _extends2.default)({}, inputProps, {
+    ref: ref,
     textOverflow: undefined,
     clearButton: false,
     onClear: undefined,
     value: text,
     inputRef: node => {
-      if (node) {
-        helperNodeRef.current = node;
-      }
+      helperNodeRef.current = node;
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
-      columnNumber: 9
+      lineNumber: 36,
+      columnNumber: 11
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Input, (0, _extends2.default)({}, inputProps, {
+    ref: ref,
     onKeyDown: e => {
       if (e.nativeEvent.code === 'Space' && document.querySelectorAll('[data-option-hovered]').length === 0) {
         e.stopPropagation();
@@ -79,10 +78,9 @@ const _InputOverflow = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
-      columnNumber: 7
+      lineNumber: 48,
+      columnNumber: 9
     }
   })));
-};
-const InputOverflow = exports.InputOverflow = (0, _mobxReactLite.observer)(_InputOverflow);
+}));
 //# sourceMappingURL=InputOverflow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InputOverflowStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_InputOverflow","props","state","selected","focused","text","inputProps","helperNodeRef","useRef","hiddenStyles","useMemo","height","visibility","useEffect","current","init","createElement","Box","position","direction","__self","__source","fileName","lineNumber","columnNumber","style","Input","_extends2","textOverflow","undefined","clearButton","onClear","value","inputRef","node","onKeyDown","nativeEvent","code","document","querySelectorAll","length","stopPropagation","className","st","classes","root","InputOverflow","exports","observer"],"sources":["../../../../src/components/InputOverflow/InputOverflow.tsx"],"sourcesContent":["import React, { useRef, useMemo, useEffect, CSSProperties } from 'react';\nimport { Box, Input, InputProps } from '@wix/design-system';\nimport { TextOverflowState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { st, classes } from './InputOverflow.st.css.js';\n\nexport interface InputOverflowProps extends InputProps {\n  state: TextOverflowState;\n  text: string;\n  selected: boolean;\n  focused: boolean;\n}\n\nconst _InputOverflow = (props: InputOverflowProps) => {\n  const { state, selected, focused, text, ...inputProps } = props;\n  const helperNodeRef = useRef<HTMLInputElement>();\n\n  const hiddenStyles: CSSProperties = useMemo(\n    () => ({\n      height: 0,\n      visibility: 'hidden',\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    if (!helperNodeRef.current) {\n      return;\n    }\n\n    return state.init(helperNodeRef.current);\n  }, []);\n\n  return (\n    <Box position=\"relative\" direction=\"vertical\">\n      <div style={hiddenStyles} aria-hidden>\n        <Input\n          {...inputProps}\n          textOverflow={undefined}\n          clearButton={false}\n          onClear={undefined}\n          value={text}\n          inputRef={(node: HTMLInputElement) => {\n            if (node) {\n              helperNodeRef.current = node;\n            }\n          }}\n        />\n      </div>\n      <Input\n        {...inputProps}\n        onKeyDown={(e) => {\n          if (\n            e.nativeEvent.code === 'Space' &&\n            document.querySelectorAll('[data-option-hovered]').length === 0\n          ) {\n            e.stopPropagation();\n          }\n\n          inputProps.onKeyDown?.(e);\n        }}\n        textOverflow={undefined}\n        className={st(classes.root, {\n          selected,\n          focused,\n        })}\n      />\n    </Box>\n  );\n};\n\nexport const InputOverflow = observer(_InputOverflow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_InputOverflowStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputOverflow","exports","observer","forwardRef","props","ref","state","selected","focused","text","inputProps","helperNodeRef","useRef","useEffect","current","init","createElement","Box","position","direction","__self","__source","fileName","lineNumber","columnNumber","style","height","visibility","Input","_extends2","textOverflow","undefined","clearButton","onClear","value","inputRef","node","onKeyDown","nativeEvent","code","document","querySelectorAll","length","stopPropagation","className","st","classes","root"],"sources":["../../../../src/components/InputOverflow/InputOverflow.tsx"],"sourcesContent":["import React, { useRef, useEffect, forwardRef } from 'react';\nimport { Box, Input, InputProps } from '@wix/design-system';\nimport { TextOverflowState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { st, classes } from './InputOverflow.st.css.js';\n\nexport interface InputOverflowProps extends InputProps {\n  state: TextOverflowState;\n  text: string;\n  selected: boolean;\n  focused: boolean;\n}\n\nexport const InputOverflow = observer(\n  forwardRef((props: InputOverflowProps, ref) => {\n    const { state, selected, focused, text, ...inputProps } = props;\n    const helperNodeRef = useRef<HTMLInputElement>();\n\n    useEffect(() => {\n      if (!helperNodeRef.current) {\n        return;\n      }\n\n      return state.init(helperNodeRef.current);\n    }, []);\n\n    return (\n      <Box position=\"relative\" direction=\"vertical\">\n        <div\n          style={{\n            height: 0,\n            visibility: 'hidden',\n          }}\n          aria-hidden\n        >\n          <Input\n            {...inputProps}\n            ref={ref}\n            textOverflow={undefined}\n            clearButton={false}\n            onClear={undefined}\n            value={text}\n            inputRef={(node) => {\n              helperNodeRef.current = node;\n            }}\n          />\n        </div>\n        <Input\n          {...inputProps}\n          ref={ref}\n          onKeyDown={(e) => {\n            if (\n              e.nativeEvent.code === 'Space' &&\n              document.querySelectorAll('[data-option-hovered]').length === 0\n            ) {\n              e.stopPropagation();\n            }\n\n            inputProps.onKeyDown?.(e);\n          }}\n          textOverflow={undefined}\n          className={st(classes.root, {\n            selected,\n            focused,\n          })}\n        />\n      </Box>\n    );\n  }),\n);\n"],"mappings":"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","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_ = "InputOverflow1402884183";
+var _namespace_ = "InputOverflow2708795014";
 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": "InputOverflow1402884183__root"
+  "root": "InputOverflow2708795014__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_ = \"InputOverflow1402884183\";\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\":\"InputOverflow1402884183__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2708795014\";\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\":\"InputOverflow2708795014__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":[]}

package/dist/cjs/components/ListDragAndDrop/DraggableListItem.js

@@ -34,7 +34,7 @@ function _DraggableListItem(props) {
     draggable: dndDisabled,
     droppable: dndDisabled || ((_state$_dnd = state._dnd) == null ? void 0 : _state$_dnd.isActiveRectOutsideContainer)
   };
-  const dragHandleRef = (0, _react.useRef)();
+  const dragHandleRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (_dnd) {
       return (0, _util.addEventListener)(_dnd.events, 'dropAnimationEnd', () => {

package/dist/cjs/components/ListDragAndDrop/DraggableListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_sortable","require","_react","_interopRequireWildcard","_utilities","_mobxReactLite","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DraggableListItem","props","_state$_dnd","_dnd$nullAnnouncement","_state$_dnd3","children","id","isOverlay","dndDisabled","state","type","CardItem","cardItemProps","_dnd","isDropping","droppingId","disabled","draggable","droppable","isActiveRectOutsideContainer","dragHandleRef","useRef","useEffect","addEventListener","events","focusDragHandleIfDropped","current","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","useSortable","sortableAnimation","style","position","width","CSS","Transform","toString","visibility","undefined","testEvents","process","env","NODE_ENV","sortableItemTestEvents","dndAttrs","onPointerDown","_state$_dnd2","containerEvents","ariaDescribedBy","dragHandleProps","tabIndex","domRef","role","nullAnnouncements","dragHandleLabel","onClick","stopPropagation","handleEvents","dragHandleTestEvents","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","display","itemDescription","isActive","dragging","DraggableListItem","exports","observer"],"sources":["../../../../src/components/ListDragAndDrop/DraggableListItem.tsx"],"sourcesContent":["import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport React, { HTMLAttributes, useEffect, useRef } from 'react';\nimport { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { DraggableCardProps, GridCardItemProps } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _DraggableListItem<T, F extends FiltersMap>(\n  props: DraggableCardProps<T, F>,\n) {\n  const { children, id, isOverlay, dndDisabled, state } = props;\n  const { type: CardItem, props: cardItemProps } = children;\n  const { _dnd } = state;\n\n  const isDropping = _dnd?.droppingId === id;\n\n  const disabled = {\n    draggable: dndDisabled,\n    droppable: dndDisabled || state._dnd?.isActiveRectOutsideContainer,\n  };\n\n  const dragHandleRef = useRef<HTMLElement | null>();\n\n  useEffect(() => {\n    if (_dnd) {\n      return addEventListener(_dnd.events, 'dropAnimationEnd', () => {\n        _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);\n      });\n    }\n\n    return;\n  }, [id, _dnd]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n    setActivatorNodeRef,\n  } = useSortable({\n    id,\n    transition: _dnd?.sortableAnimation,\n    disabled,\n  });\n\n  const style = {\n    position: 'relative' as const,\n    width: '100%',\n    transform: CSS.Transform.toString(transform),\n    transition,\n    visibility:\n      (isDragging || isDropping) && !isOverlay\n        ? ('hidden' as const)\n        : undefined,\n  };\n\n  const testEvents =\n    process.env.NODE_ENV === 'test' && state._dnd\n      ? sortableItemTestEvents({ id, disabled, state: state._dnd })\n      : undefined;\n\n  const dndAttrs: Partial<HTMLAttributes<HTMLDivElement>> = {\n    ...attributes,\n    ...listeners,\n    ...testEvents,\n    onPointerDown: (e) => {\n      state._dnd?.containerEvents.onPointerDown?.(e);\n      listeners?.onPointerDown?.(e);\n      testEvents?.onPointerDown?.(e);\n    },\n  };\n\n  const ariaDescribedBy = `draggable-list-item-description-${id}`;\n\n  const dragHandleProps: GridCardItemProps['dragHandleProps'] = isOverlay\n    ? {}\n    : {\n        tabIndex: 0,\n        domRef: (e) => {\n          setActivatorNodeRef(e);\n        },\n        role: 'button',\n        'aria-label': _dnd?.nullAnnouncements?.dragHandleLabel?.(id),\n        'aria-describedby': ariaDescribedBy,\n        onClick: (e) => e.stopPropagation(),\n        ..._dnd?.handleEvents,\n        ...(process.env.NODE_ENV === 'test' &&\n          state._dnd &&\n          dragHandleTestEvents({ id, state: state._dnd })),\n      };\n\n  return (\n    <div ref={setNodeRef} {...dndAttrs} tabIndex={undefined} style={style}>\n      <div id={ariaDescribedBy} style={{ display: 'none' }}>\n        {state._dnd?.nullAnnouncements?.itemDescription?.(id)}\n      </div>\n      <CardItem\n        {...cardItemProps}\n        draggable\n        droppable={_dnd?.isActive}\n        dragging={isOverlay}\n        dragHandleProps={dragHandleProps}\n      />\n    </div>\n  );\n}\n\nexport const DraggableListItem = observer(_DraggableListItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_sortable","require","_react","_interopRequireWildcard","_utilities","_mobxReactLite","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DraggableListItem","props","_state$_dnd","_dnd$nullAnnouncement","_state$_dnd3","children","id","isOverlay","dndDisabled","state","type","CardItem","cardItemProps","_dnd","isDropping","droppingId","disabled","draggable","droppable","isActiveRectOutsideContainer","dragHandleRef","useRef","useEffect","addEventListener","events","focusDragHandleIfDropped","current","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","useSortable","sortableAnimation","style","position","width","CSS","Transform","toString","visibility","undefined","testEvents","process","env","NODE_ENV","sortableItemTestEvents","dndAttrs","onPointerDown","_state$_dnd2","containerEvents","ariaDescribedBy","dragHandleProps","tabIndex","domRef","role","nullAnnouncements","dragHandleLabel","onClick","stopPropagation","handleEvents","dragHandleTestEvents","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","display","itemDescription","isActive","dragging","DraggableListItem","exports","observer"],"sources":["../../../../src/components/ListDragAndDrop/DraggableListItem.tsx"],"sourcesContent":["import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport React, { HTMLAttributes, useEffect, useRef } from 'react';\nimport { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { DraggableCardProps, GridCardItemProps } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _DraggableListItem<T, F extends FiltersMap>(\n  props: DraggableCardProps<T, F>,\n) {\n  const { children, id, isOverlay, dndDisabled, state } = props;\n  const { type: CardItem, props: cardItemProps } = children;\n  const { _dnd } = state;\n\n  const isDropping = _dnd?.droppingId === id;\n\n  const disabled = {\n    draggable: dndDisabled,\n    droppable: dndDisabled || state._dnd?.isActiveRectOutsideContainer,\n  };\n\n  const dragHandleRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    if (_dnd) {\n      return addEventListener(_dnd.events, 'dropAnimationEnd', () => {\n        _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);\n      });\n    }\n\n    return;\n  }, [id, _dnd]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n    setActivatorNodeRef,\n  } = useSortable({\n    id,\n    transition: _dnd?.sortableAnimation,\n    disabled,\n  });\n\n  const style = {\n    position: 'relative' as const,\n    width: '100%',\n    transform: CSS.Transform.toString(transform),\n    transition,\n    visibility:\n      (isDragging || isDropping) && !isOverlay\n        ? ('hidden' as const)\n        : undefined,\n  };\n\n  const testEvents =\n    process.env.NODE_ENV === 'test' && state._dnd\n      ? sortableItemTestEvents({ id, disabled, state: state._dnd })\n      : undefined;\n\n  const dndAttrs: Partial<HTMLAttributes<HTMLDivElement>> = {\n    ...attributes,\n    ...listeners,\n    ...testEvents,\n    onPointerDown: (e) => {\n      state._dnd?.containerEvents.onPointerDown?.(e);\n      listeners?.onPointerDown?.(e);\n      testEvents?.onPointerDown?.(e);\n    },\n  };\n\n  const ariaDescribedBy = `draggable-list-item-description-${id}`;\n\n  const dragHandleProps: GridCardItemProps['dragHandleProps'] = isOverlay\n    ? {}\n    : {\n        tabIndex: 0,\n        domRef: (e) => {\n          setActivatorNodeRef(e);\n        },\n        role: 'button',\n        'aria-label': _dnd?.nullAnnouncements?.dragHandleLabel?.(id),\n        'aria-describedby': ariaDescribedBy,\n        onClick: (e) => e.stopPropagation(),\n        ..._dnd?.handleEvents,\n        ...(process.env.NODE_ENV === 'test' &&\n          state._dnd &&\n          dragHandleTestEvents({ id, state: state._dnd })),\n      };\n\n  return (\n    <div ref={setNodeRef} {...dndAttrs} tabIndex={undefined} style={style}>\n      <div id={ariaDescribedBy} style={{ display: 'none' }}>\n        {state._dnd?.nullAnnouncements?.itemDescription?.(id)}\n      </div>\n      <CardItem\n        {...cardItemProps}\n        draggable\n        droppable={_dnd?.isActive}\n        dragging={isOverlay}\n        dragHandleProps={dragHandleProps}\n      />\n    </div>\n  );\n}\n\nexport const DraggableListItem = observer(_DraggableListItem);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LoadingRow/AILoadingLottiePoster.js

@@ -20,7 +20,7 @@ const AILoadingLottiePoster = exports.AILoadingLottiePoster = /*#__PURE__*/(0, _
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("g", {
-    "clip-path": "url(#clip0_1_9)",
+    clipPath: "url(#clip0_1_9)",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/LoadingRow/AILoadingLottiePoster.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AILoadingLottiePoster","exports","memo","createElement","width","height","viewBox","fill","xmlns","__self","__source","fileName","lineNumber","columnNumber","d","id"],"sources":["../../../../src/components/LoadingRow/AILoadingLottiePoster.tsx"],"sourcesContent":["import React, { memo } from 'react';\n\nexport const AILoadingLottiePoster = memo(() => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clip-path=\"url(#clip0_1_9)\">\n        <path\n          d=\"M9.02599 1.7555C9.4051 1.7555 9.73557 2.01352 9.82751 2.3813L10.0372 3.21994C10.8512 6.47605 13.3936 9.01844 16.6496 9.83248L17.4883 10.0422C17.8562 10.1341 18.1141 10.4646 18.1141 10.8437C18.1141 11.2228 17.856 11.5533 17.4883 11.6452L16.6498 11.8549C13.3936 12.6688 10.8512 15.2112 10.0371 18.4674L9.82751 19.306C9.73557 19.6738 9.4051 19.9317 9.02599 19.9317C8.64688 19.9317 8.31641 19.6738 8.22447 19.306L8.01483 18.4674C7.2008 15.2112 4.65834 12.6688 1.40217 11.8549L0.563698 11.6452C0.195894 11.5533 -0.0621262 11.2228 -0.0621262 10.8437C-0.0621262 10.4646 0.195877 10.1341 0.563681 10.0422L1.40232 9.83248C4.65842 9.01844 7.20078 6.47605 8.01481 3.21994L8.22447 2.3813C8.31641 2.01352 8.64688 1.7555 9.02599 1.7555Z\"\n          fill=\"#116DFF\"\n        />\n        <path\n          d=\"M15.7477 -0.0621262C15.9017 -0.0621262 16.036 0.0427019 16.0733 0.192126L16.1585 0.532846C16.4892 1.85573 17.5221 2.88865 18.845 3.21938L19.1857 3.30457C19.3352 3.34193 19.44 3.47619 19.44 3.63022C19.44 3.78424 19.3351 3.9185 19.1857 3.95585L18.845 4.04104C17.5221 4.37173 16.4892 5.40464 16.1585 6.72756L16.0733 7.06826C16.036 7.2177 15.9017 7.32249 15.7477 7.32249C15.5936 7.32249 15.4594 7.2177 15.422 7.06826L15.3369 6.72756C15.0061 5.40464 13.9732 4.37173 12.6503 4.04104L12.3096 3.95585C12.1602 3.9185 12.0554 3.78424 12.0554 3.63022C12.0554 3.47619 12.1602 3.34193 12.3096 3.30457L12.6503 3.21938C13.9732 2.88865 15.0061 1.85573 15.3368 0.532846L15.422 0.192126C15.4594 0.0427019 15.5936 -0.0621262 15.7477 -0.0621262Z\"\n          fill=\"#116DFF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_9\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AILoadingLottiePoster","exports","memo","createElement","width","height","viewBox","fill","xmlns","__self","__source","fileName","lineNumber","columnNumber","clipPath","d","id"],"sources":["../../../../src/components/LoadingRow/AILoadingLottiePoster.tsx"],"sourcesContent":["import React, { memo } from 'react';\n\nexport const AILoadingLottiePoster = memo(() => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath=\"url(#clip0_1_9)\">\n        <path\n          d=\"M9.02599 1.7555C9.4051 1.7555 9.73557 2.01352 9.82751 2.3813L10.0372 3.21994C10.8512 6.47605 13.3936 9.01844 16.6496 9.83248L17.4883 10.0422C17.8562 10.1341 18.1141 10.4646 18.1141 10.8437C18.1141 11.2228 17.856 11.5533 17.4883 11.6452L16.6498 11.8549C13.3936 12.6688 10.8512 15.2112 10.0371 18.4674L9.82751 19.306C9.73557 19.6738 9.4051 19.9317 9.02599 19.9317C8.64688 19.9317 8.31641 19.6738 8.22447 19.306L8.01483 18.4674C7.2008 15.2112 4.65834 12.6688 1.40217 11.8549L0.563698 11.6452C0.195894 11.5533 -0.0621262 11.2228 -0.0621262 10.8437C-0.0621262 10.4646 0.195877 10.1341 0.563681 10.0422L1.40232 9.83248C4.65842 9.01844 7.20078 6.47605 8.01481 3.21994L8.22447 2.3813C8.31641 2.01352 8.64688 1.7555 9.02599 1.7555Z\"\n          fill=\"#116DFF\"\n        />\n        <path\n          d=\"M15.7477 -0.0621262C15.9017 -0.0621262 16.036 0.0427019 16.0733 0.192126L16.1585 0.532846C16.4892 1.85573 17.5221 2.88865 18.845 3.21938L19.1857 3.30457C19.3352 3.34193 19.44 3.47619 19.44 3.63022C19.44 3.78424 19.3351 3.9185 19.1857 3.95585L18.845 4.04104C17.5221 4.37173 16.4892 5.40464 16.1585 6.72756L16.0733 7.06826C16.036 7.2177 15.9017 7.32249 15.7477 7.32249C15.5936 7.32249 15.4594 7.2177 15.422 7.06826L15.3369 6.72756C15.0061 5.40464 13.9732 4.37173 12.6503 4.04104L12.3096 3.95585C12.1602 3.9185 12.0554 3.78424 12.0554 3.63022C12.0554 3.47619 12.1602 3.34193 12.3096 3.30457L12.6503 3.21938C13.9732 2.88865 15.0061 1.85573 15.3368 0.532846L15.422 0.192126C15.4594 0.0427019 15.5936 -0.0621262 15.7477 -0.0621262Z\"\n          fill=\"#116DFF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_9\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow1039801584";
+var _namespace_ = "LoadingRow2196017848";
 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": "LoadingRow1039801584__root"
+  "root": "LoadingRow2196017848__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1039801584__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2196017848__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1039801584\";\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\":\"LoadingRow1039801584__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1039801584__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2196017848\";\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\":\"LoadingRow2196017848__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2196017848__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRowState.js

@@ -30,7 +30,7 @@ class LoadingRowState {
       id,
       startTime: Date.now()
     });
-    setTimeout(() => {
+    window.setTimeout(() => {
       this.removeLoadingItem(id);
     }, this.animationDuration);
   }