@wix/patterns 1.40.0 → 1.42.0

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropContext","props","state","nestedState","onSubmit","onBulkSubmit","children","type","Table","tableProps","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","validateNestedTableDragAndDropProps","nestedTableDragAndDrop","dragAndDropState","dnd","useEffect","init","dragAndDropContext","useState","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","a11yContainerRef","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","overlayWrapperElement","forwardRef","ref","createElement","NestedTableDragAndDropOverlay","_extends2","innerRef","__self","__source","fileName","lineNumber","columnNumber","DragOverlayComponentType","DragOverlayTestComponent","keyboardCodes","autoScrollOptions","acceleration","eventHandlers","row","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","DragAndDropContext","Provider","value","SortableReactiveContext","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { DragAndDropBulkSubmit, DragAndDropSubmit } from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\n  ISortableReactiveContext,\n  SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { validateNestedTableDragAndDropProps } from './validateNestedTableDragAndDropProps';\nimport { DragOverlayTestComponent } from '../DragAndDrop/DragOverlayTestComponent';\nimport { DragOverlayProps } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { NestedTableDragAndDropOverlay } from './NestedTableDragAndDropOverlay';\n\nexport interface NestedTableDragAndDropContextProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  state: NestedTableNestedModeState<C>;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n  children: React.ReactElement<\n    TableProps<T>,\n    React.ComponentType<TableProps<T>>\n  >;\n}\n\nfunction _NestedTableDragAndDropContext<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragAndDropContextProps<C, T, F>) {\n  const { state: nestedState, onSubmit, onBulkSubmit, children } = props;\n  const { type: Table, props: tableProps } = children;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.109.2',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n    validateNestedTableDragAndDropProps(nestedState);\n  }\n\n  const state =\n    nestedState.nestedTableDragAndDrop as NestedTableDragAndDropState<C>;\n\n  const dragAndDropState = state.dnd;\n\n  useEffect(() => state.init(), []);\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState(\n    (): IDragAndDropContext => ({\n      onDragAndDropDisabledRowPointerDown: (id, e) => {\n        dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n      },\n      cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n      dropAnimation: {\n        duration: dragAndDropState.dropAnimation.duration,\n        easing: dragAndDropState.dropAnimation.easing,\n      },\n      announcements: dragAndDropState.nullAnnouncements,\n      a11yContainer: dragAndDropState.a11yContainerRef.current,\n      onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n      onDragMove: (event) => dragAndDropState.onDragMove(event),\n      restoreFocus: false,\n      onDropAnimationEnd: (id, dragHandleRef) => {\n        return addEventListener(\n          dragAndDropState.events,\n          'dropAnimationEnd',\n          () => {\n            dragAndDropState.focusDragHandleIfDropped(\n              id,\n              dragHandleRef.current,\n            );\n          },\n        );\n      },\n      overlayWrapperElement: forwardRef<\n        HTMLDivElement,\n        HTMLAttributes<HTMLDivElement>\n      >((props, ref) => (\n        <NestedTableDragAndDropOverlay\n          innerRef={ref}\n          state={state}\n          {...props}\n        />\n      )),\n      ...(process.env.NODE_ENV === 'test' && {\n        DragOverlayComponentType: (props: DragOverlayProps) => (\n          <DragOverlayTestComponent {...props} state={dragAndDropState} />\n        ),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n      autoScrollOptions: {\n        acceleration: 6,\n      },\n      eventHandlers: {\n        row: ({ id }) => {\n          const testEvents =\n            process.env.NODE_ENV === 'test'\n              ? sortableItemTestEvents({\n                  state: dragAndDropState,\n                  id,\n                })\n              : undefined;\n\n          return {\n            ...testEvents,\n            onPointerDown: (e) => {\n              dragAndDropState.containerEvents.onPointerDown?.(e);\n              testEvents?.onPointerDown?.(e);\n            },\n          };\n        },\n        handle: ({ id }) => ({\n          onPointerDown: (e) => {\n            dragAndDropState.handleEvents.onPointerDown?.(e);\n          },\n          onKeyDown: (e) => {\n            dragAndDropState.handleEvents.onKeyDown?.(e);\n          },\n          ...(process.env.NODE_ENV === 'test' &&\n            dragHandleTestEvents({\n              state: dragAndDropState,\n              id,\n            })),\n        }),\n      },\n    }),\n  );\n\n  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;\n\n  const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n    () => ({\n      dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n    }),\n    [dragAndDropState.isActiveRectOutsideContainer],\n  );\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      <SortableReactiveContext.Provider value={sortableReactiveContext}>\n        <Table\n          {...tableProps}\n          isDragAndDropDisabled={dragAndDropState.isDisabled}\n          onDragStart={(event) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event) => dragAndDropState.onDragEnd(event)}\n          onDragCancel={() => dragAndDropState.onDragCancel()}\n        />\n\n        <DragAndDropAnnouncements\n          state={dragAndDropState}\n          dataHook=\"collection-table-dnd-live-region\"\n        />\n      </SortableReactiveContext.Provider>\n    </DragAndDropContext.Provider>\n  );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n  _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropContext","props","state","nestedState","onSubmit","onBulkSubmit","children","type","Table","tableProps","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","validateNestedTableDragAndDropProps","nestedTableDragAndDrop","dragAndDropState","dnd","useEffect","init","dragAndDropContext","useState","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","a11yContainerRef","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","overlayWrapperElement","forwardRef","ref","createElement","NestedTableDragAndDropOverlay","_extends2","innerRef","__self","__source","fileName","lineNumber","columnNumber","DragOverlayComponentType","DragOverlayTestComponent","keyboardCodes","autoScrollOptions","acceleration","hideOverlayBottomShadow","eventHandlers","row","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","DragAndDropContext","Provider","value","SortableReactiveContext","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { DragAndDropBulkSubmit, DragAndDropSubmit } from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { TableProps } from '@wix/design-system';\nimport {\n  DragAndDropContext,\n  IDragAndDropContext,\n  ISortableReactiveContext,\n  SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { validateNestedTableDragAndDropProps } from './validateNestedTableDragAndDropProps';\nimport { DragOverlayTestComponent } from '../DragAndDrop/DragOverlayTestComponent';\nimport { DragOverlayProps } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { NestedTableDragAndDropOverlay } from './NestedTableDragAndDropOverlay';\n\nexport interface NestedTableDragAndDropContextProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  state: NestedTableNestedModeState<C>;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n  children: React.ReactElement<\n    TableProps<T>,\n    React.ComponentType<TableProps<T>>\n  >;\n}\n\nfunction _NestedTableDragAndDropContext<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragAndDropContextProps<C, T, F>) {\n  const { state: nestedState, onSubmit, onBulkSubmit, children } = props;\n  const { type: Table, props: tableProps } = children;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.109.2',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n    validateNestedTableDragAndDropProps(nestedState);\n  }\n\n  const state =\n    nestedState.nestedTableDragAndDrop as NestedTableDragAndDropState<C>;\n\n  const dragAndDropState = state.dnd;\n\n  useEffect(() => state.init(), []);\n\n  dragAndDropState.onSubmit = onSubmit;\n  dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n  const [dragAndDropContext] = useState(\n    (): IDragAndDropContext => ({\n      onDragAndDropDisabledRowPointerDown: (id, e) => {\n        dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n      },\n      cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n      dropAnimation: {\n        duration: dragAndDropState.dropAnimation.duration,\n        easing: dragAndDropState.dropAnimation.easing,\n      },\n      announcements: dragAndDropState.nullAnnouncements,\n      a11yContainer: dragAndDropState.a11yContainerRef.current,\n      onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n      onDragMove: (event) => dragAndDropState.onDragMove(event),\n      restoreFocus: false,\n      onDropAnimationEnd: (id, dragHandleRef) => {\n        return addEventListener(\n          dragAndDropState.events,\n          'dropAnimationEnd',\n          () => {\n            dragAndDropState.focusDragHandleIfDropped(\n              id,\n              dragHandleRef.current,\n            );\n          },\n        );\n      },\n      overlayWrapperElement: forwardRef<\n        HTMLDivElement,\n        HTMLAttributes<HTMLDivElement>\n      >((props, ref) => (\n        <NestedTableDragAndDropOverlay\n          innerRef={ref}\n          state={state}\n          {...props}\n        />\n      )),\n      ...(process.env.NODE_ENV === 'test' && {\n        DragOverlayComponentType: (props: DragOverlayProps) => (\n          <DragOverlayTestComponent {...props} state={dragAndDropState} />\n        ),\n      }),\n      keyboardCodes: dragAndDropState.keyboardCodes,\n      autoScrollOptions: {\n        acceleration: 6,\n      },\n      hideOverlayBottomShadow: true,\n      eventHandlers: {\n        row: ({ id }) => {\n          const testEvents =\n            process.env.NODE_ENV === 'test'\n              ? sortableItemTestEvents({\n                  state: dragAndDropState,\n                  id,\n                })\n              : undefined;\n\n          return {\n            ...testEvents,\n            onPointerDown: (e) => {\n              dragAndDropState.containerEvents.onPointerDown?.(e);\n              testEvents?.onPointerDown?.(e);\n            },\n          };\n        },\n        handle: ({ id }) => ({\n          onPointerDown: (e) => {\n            dragAndDropState.handleEvents.onPointerDown?.(e);\n          },\n          onKeyDown: (e) => {\n            dragAndDropState.handleEvents.onKeyDown?.(e);\n          },\n          ...(process.env.NODE_ENV === 'test' &&\n            dragHandleTestEvents({\n              state: dragAndDropState,\n              id,\n            })),\n        }),\n      },\n    }),\n  );\n\n  dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;\n\n  const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n    () => ({\n      dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n    }),\n    [dragAndDropState.isActiveRectOutsideContainer],\n  );\n\n  return (\n    <DragAndDropContext.Provider value={dragAndDropContext}>\n      <SortableReactiveContext.Provider value={sortableReactiveContext}>\n        <Table\n          {...tableProps}\n          isDragAndDropDisabled={dragAndDropState.isDisabled}\n          onDragStart={(event) => dragAndDropState.onDragStart(event)}\n          onDragEnd={(event) => dragAndDropState.onDragEnd(event)}\n          onDragCancel={() => dragAndDropState.onDragCancel()}\n        />\n\n        <DragAndDropAnnouncements\n          state={dragAndDropState}\n          dataHook=\"collection-table-dnd-live-region\"\n        />\n      </SortableReactiveContext.Provider>\n    </DragAndDropContext.Provider>\n  );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n  _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.js

@@ -6,43 +6,57 @@ exports.NestedTableDragAndDropOverlay = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _NestedTableDragAndDropOverlayPopover = require("./NestedTableDragAndDropOverlayPopover");
+var _MultipleDragOverlayEffect = require("./MultipleDragOverlayEffect");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.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; }
 function _NestedTableDragAndDropOverlay(props) {
-  var _props$style;
   const {
     state,
     children,
-    innerRef
+    innerRef,
+    style,
+    ...rest
   } = props;
+  const {
+    activeNode
+  } = state;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     "data-hook": "nested-table-dnd-overlay-wrapper",
     ref: innerRef
-  }, props, {
+  }, rest, {
     style: {
-      ...props.style,
+      ...style,
       opacity: undefined
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 30,
       columnNumber: 5
     }
-  }), /*#__PURE__*/_react.default.createElement(_NestedTableDragAndDropOverlayPopover.NestedTableDragAndDropOverlayPopover, {
+  }), activeNode && !activeNode.collection.result.isEmpty && /*#__PURE__*/_react.default.createElement(_MultipleDragOverlayEffect.MultipleDragOverlayEffect, (0, _extends2.default)({
+    style: style
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_NestedTableDragAndDropOverlayPopover.NestedTableDragAndDropOverlayPopover, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 42,
       columnNumber: 7
     }
   }, /*#__PURE__*/(0, _react.isValidElement)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, {
     style: {
       ...children.props.style,
-      opacity: (_props$style = props.style) == null ? void 0 : _props$style.opacity
+      opacity: style == null ? void 0 : style.opacity
     }
   }) : children));
 }

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_NestedTableDragAndDropOverlayPopover","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropOverlay","props","_props$style","state","children","innerRef","createElement","_extends2","ref","style","opacity","undefined","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropOverlayPopover","isValidElement","cloneElement","NestedTableDragAndDropOverlay","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.tsx"],"sourcesContent":["import React, {\n  MutableRefObject,\n  ReactNode,\n  HTMLAttributes,\n  isValidElement,\n  cloneElement,\n  ReactElement,\n} from 'react';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { NestedTableDragAndDropOverlayPopover } from './NestedTableDragAndDropOverlayPopover';\nimport { observer } from 'mobx-react-lite';\n\nexport interface NestedTableDragAndDropOverlayProps<C extends string>\n  extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  state: NestedTableDragAndDropState<C>;\n  innerRef?:\n    | ((instance: HTMLDivElement | null) => void)\n    | MutableRefObject<HTMLDivElement | null>\n    | null;\n}\n\nfunction _NestedTableDragAndDropOverlay<C extends string>(\n  props: NestedTableDragAndDropOverlayProps<C>,\n) {\n  const { state, children, innerRef } = props;\n  return (\n    <div\n      data-hook=\"nested-table-dnd-overlay-wrapper\"\n      ref={innerRef}\n      {...props}\n      style={{\n        ...props.style,\n        opacity: undefined,\n      }}\n    >\n      <NestedTableDragAndDropOverlayPopover state={state}>\n        {isValidElement(children)\n          ? cloneElement(\n              children as ReactElement<HTMLAttributes<HTMLElement>>,\n              {\n                style: {\n                  ...children.props.style,\n                  opacity: props.style?.opacity,\n                },\n              },\n            )\n          : children}\n      </NestedTableDragAndDropOverlayPopover>\n    </div>\n  );\n}\n\nexport const NestedTableDragAndDropOverlay = observer(\n  _NestedTableDragAndDropOverlay,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,qCAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,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,SAAAN,wBAAAM,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;AAY3C,SAASW,8BAA8BA,CACrCC,KAA4C,EAC5C;EAAA,IAAAC,YAAA;EACA,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAC3C,oBACE3B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,YAAAC,SAAA,CAAArB,OAAA;IACE,aAAU,kCAAkC;IAC5CsB,GAAG,EAAEH;EAAS,GACVJ,KAAK;IACTQ,KAAK,EAAE;MACL,GAAGR,KAAK,CAACQ,KAAK;MACdC,OAAO,EAAEC;IACX,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEF1C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC7B,qCAAA,CAAAwC,oCAAoC;IAACd,KAAK,EAAEA,KAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChD,iBAAAE,qBAAc,EAACd,QAAQ,CAAC,gBACrB,IAAAe,mBAAY,EACVf,QAAQ,EACR;IACEK,KAAK,EAAE;MACL,GAAGL,QAAQ,CAACH,KAAK,CAACQ,KAAK;MACvBC,OAAO,GAAAR,YAAA,GAAED,KAAK,CAACQ,KAAK,qBAAXP,YAAA,CAAaQ;IACxB;EACF,CACF,CAAC,GACDN,QACgC,CACnC,CAAC;AAEV;AAEO,MAAMgB,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnDtB,8BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_NestedTableDragAndDropOverlayPopover","_MultipleDragOverlayEffect","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropOverlay","props","state","children","innerRef","style","rest","activeNode","createElement","_extends2","ref","opacity","undefined","__self","__source","fileName","lineNumber","columnNumber","collection","result","isEmpty","MultipleDragOverlayEffect","NestedTableDragAndDropOverlayPopover","isValidElement","cloneElement","NestedTableDragAndDropOverlay","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropOverlay.tsx"],"sourcesContent":["import React, {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  MutableRefObject,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { NestedTableDragAndDropOverlayPopover } from './NestedTableDragAndDropOverlayPopover';\nimport { MultipleDragOverlayEffect } from './MultipleDragOverlayEffect';\nimport { observer } from 'mobx-react-lite';\n\nexport interface NestedTableDragAndDropOverlayProps<C extends string>\n  extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  state: NestedTableDragAndDropState<C>;\n  innerRef?:\n    | ((instance: HTMLDivElement | null) => void)\n    | MutableRefObject<HTMLDivElement | null>\n    | null;\n}\n\nfunction _NestedTableDragAndDropOverlay<C extends string>(\n  props: NestedTableDragAndDropOverlayProps<C>,\n) {\n  const { state, children, innerRef, style, ...rest } = props;\n  const { activeNode } = state;\n  return (\n    <div\n      data-hook=\"nested-table-dnd-overlay-wrapper\"\n      ref={innerRef}\n      {...rest}\n      style={{\n        ...style,\n        opacity: undefined,\n      }}\n    >\n      {activeNode && !activeNode.collection.result.isEmpty && (\n        <MultipleDragOverlayEffect style={style} {...rest} />\n      )}\n      <NestedTableDragAndDropOverlayPopover state={state}>\n        {isValidElement(children)\n          ? cloneElement(\n              children as ReactElement<HTMLAttributes<HTMLElement>>,\n              {\n                style: {\n                  ...children.props.style,\n                  opacity: style?.opacity,\n                },\n              },\n            )\n          : children}\n      </NestedTableDragAndDropOverlayPopover>\n    </div>\n  );\n}\n\nexport const NestedTableDragAndDropOverlay = observer(\n  _NestedTableDragAndDropOverlay,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent1988227300";
+var _namespace_ = "PickerContent2453371669";
 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": "PickerContent1988227300__root"
+  "root": "PickerContent2453371669__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1988227300\";\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\":\"PickerContent1988227300__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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2453371669\";\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\":\"PickerContent2453371669__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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1369216133";
+var _namespace_ = "PickerContentAdditionalStep3875988088";
 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": "PickerContentAdditionalStep1369216133__root",
-  "titles": "PickerContentAdditionalStep1369216133__titles",
-  "suffix": "PickerContentAdditionalStep1369216133__suffix"
+  "root": "PickerContentAdditionalStep3875988088__root",
+  "titles": "PickerContentAdditionalStep3875988088__titles",
+  "suffix": "PickerContentAdditionalStep3875988088__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1369216133\";\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\":\"PickerContentAdditionalStep1369216133__root\",\"titles\":\"PickerContentAdditionalStep1369216133__titles\",\"suffix\":\"PickerContentAdditionalStep1369216133__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3875988088\";\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\":\"PickerContentAdditionalStep3875988088__root\",\"titles\":\"PickerContentAdditionalStep3875988088__titles\",\"suffix\":\"PickerContentAdditionalStep3875988088__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem3371716328";
+var _namespace_ = "PickerTableListItem4202776115";
 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": "PickerTableListItem3371716328__root"
+  "root": "PickerTableListItem4202776115__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3371716328\";\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\":\"PickerTableListItem3371716328__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem4202776115\";\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\":\"PickerTableListItem4202776115__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/Router/PatternsReactRouter.js

@@ -23,7 +23,7 @@ const Routers = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 18,
+          lineNumber: 19,
           columnNumber: 14
         }
       }));
@@ -41,7 +41,7 @@ const Routers = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 34,
       columnNumber: 5
     }
   }, _react.default.Children.map(children, convertToRoute));
@@ -63,7 +63,7 @@ const PatternsReactRouter = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Router, {
@@ -74,14 +74,14 @@ const PatternsReactRouter = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 55,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(Routers, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 61,
       columnNumber: 9
     }
   }, children)));

package/dist/cjs/components/Router/PatternsReactRouter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_history","_reactRouterDom","_react2","_WixPatternsRouterProvider","_PatternsReactRoute","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Routers","children","convertToRoute","child","React","isValidElement","type","PatternsReactRoute","routeProps","props","createElement","Route","_extends2","__self","__source","fileName","lineNumber","columnNumber","container","useWixPatternsContainer","navigate","useNavigate","useState","to","options","Routes","Children","map","PatternsReactRouter","basename","value","history","createBrowserHistory","state","setState","action","location","useLayoutEffect","listen","WixPatternsRouterProvider","Router","navigator","navigationType","exports"],"sources":["../../../../src/components/Router/PatternsReactRouter.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport { createBrowserHistory } from 'history';\nimport {\n  Route,\n  RouteProps,\n  Router,\n  Routes as ReactRouters,\n  useNavigate,\n} from 'react-router-dom';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { WixPatternsRouterProvider } from '../../providers/WixPatternsRouterProvider';\nimport { PatternsReactRoute } from './PatternsReactRoute';\n\nconst Routers = ({ children }: { children: React.ReactNode }) => {\n  const convertToRoute = (child: React.ReactNode) => {\n    if (React.isValidElement(child) && child.type === PatternsReactRoute) {\n      const routeProps = child.props as RouteProps;\n      return <Route {...routeProps} />;\n    }\n    return child;\n  };\n\n  const container = useWixPatternsContainer();\n  const navigate = useNavigate();\n\n  useState(() => {\n    container.navigate = (to, options) => {\n      navigate(to, options);\n    };\n  });\n\n  return (\n    <ReactRouters>{React.Children.map(children, convertToRoute)}</ReactRouters>\n  );\n};\n\nexport const PatternsReactRouter = ({\n  children,\n  basename,\n}: {\n  children: React.ReactNode;\n  basename: string;\n}) => {\n  const [value] = useState(() => ({\n    history: createBrowserHistory(),\n  }));\n\n  const [state, setState] = useState({\n    action: value.history.action,\n    location: value.history.location,\n  });\n\n  useLayoutEffect(() => value.history.listen(setState), []);\n\n  return (\n    <WixPatternsRouterProvider history={value.history}>\n      <Router\n        navigator={value.history}\n        navigationType={state.action}\n        basename={basename}\n        location={state.location}\n      >\n        <Routers>{children}</Routers>\n      </Router>\n    </WixPatternsRouterProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0D,IAAAM,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,SAAAT,wBAAAS,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;AAE1D,MAAMW,OAAO,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC/D,MAAMC,cAAc,GAAIC,KAAsB,IAAK;IACjD,IAAI,cAAAC,cAAK,CAACC,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKC,sCAAkB,EAAE;MACpE,MAAMC,UAAU,GAAGL,KAAK,CAACM,KAAmB;MAC5C,oBAAOtC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,eAAA,CAAAoC,KAAK,MAAAC,SAAA,CAAA1B,OAAA,MAAKsB,UAAU;QAAAK,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApC,YAAA;UAAAqC,UAAA;UAAAC,YAAA;QAAA;MAAA,EAAG,CAAC;IAClC;IACA,OAAOd,KAAK;EACd,CAAC;EAED,MAAMe,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,2BAAW,EAAC,CAAC;EAE9B,IAAAC,eAAQ,EAAC,MAAM;IACbJ,SAAS,CAACE,QAAQ,GAAG,CAACG,EAAE,EAAEC,OAAO,KAAK;MACpCJ,QAAQ,CAACG,EAAE,EAAEC,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,oBACErD,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,eAAA,CAAAkD,MAAY;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEb,cAAK,CAACsB,QAAQ,CAACC,GAAG,CAAC1B,QAAQ,EAAEC,cAAc,CAAgB,CAAC;AAE/E,CAAC;AAEM,MAAM0B,mBAAmB,GAAGA,CAAC;EAClC3B,QAAQ;EACR4B;AAIF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAR,eAAQ,EAAC,OAAO;IAC9BS,OAAO,EAAE,IAAAC,6BAAoB,EAAC;EAChC,CAAC,CAAC,CAAC;EAEH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAZ,eAAQ,EAAC;IACjCa,MAAM,EAAEL,KAAK,CAACC,OAAO,CAACI,MAAM;IAC5BC,QAAQ,EAAEN,KAAK,CAACC,OAAO,CAACK;EAC1B,CAAC,CAAC;EAEF,IAAAC,sBAAe,EAAC,MAAMP,KAAK,CAACC,OAAO,CAACO,MAAM,CAACJ,QAAQ,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACE/D,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACjC,0BAAA,CAAA8D,yBAAyB;IAACR,OAAO,EAAED,KAAK,CAACC,OAAQ;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChD9C,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,eAAA,CAAAiE,MAAM;IACLC,SAAS,EAAEX,KAAK,CAACC,OAAQ;IACzBW,cAAc,EAAET,KAAK,CAACE,MAAO;IAC7BN,QAAQ,EAAEA,QAAS;IACnBO,QAAQ,EAAEH,KAAK,CAACG,QAAS;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzB9C,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACV,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEhB,QAAkB,CACtB,CACiB,CAAC;AAEhC,CAAC;AAAC0C,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_history","_reactRouterDom","_react2","_WixPatternsRouterProvider","_PatternsReactRoute","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Routers","children","convertToRoute","child","React","isValidElement","type","PatternsReactRoute","routeProps","props","createElement","Route","_extends2","__self","__source","fileName","lineNumber","columnNumber","container","useWixPatternsContainer","navigate","useNavigate","useState","to","options","Routes","Children","map","PatternsReactRouter","basename","value","history","createBrowserHistory","state","setState","action","location","useLayoutEffect","listen","WixPatternsRouterProvider","Router","navigator","navigationType","exports"],"sources":["../../../../src/components/Router/PatternsReactRouter.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport { createBrowserHistory } from 'history';\nimport {\n  Route,\n  RouteProps,\n  Router,\n  Routes as ReactRouters,\n  useNavigate,\n} from 'react-router-dom';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { WixPatternsRouterProvider } from '../../providers/WixPatternsRouterProvider';\nimport { PatternsReactRoute } from './PatternsReactRoute';\nimport { PatternsReactRouterProps } from './types';\n\nconst Routers = ({ children }: { children: React.ReactNode }) => {\n  const convertToRoute = (child: React.ReactNode) => {\n    if (React.isValidElement(child) && child.type === PatternsReactRoute) {\n      const routeProps = child.props as RouteProps;\n      return <Route {...routeProps} />;\n    }\n    return child;\n  };\n\n  const container = useWixPatternsContainer();\n  const navigate = useNavigate();\n\n  useState(() => {\n    container.navigate = (to, options) => {\n      navigate(to, options);\n    };\n  });\n\n  return (\n    <ReactRouters>{React.Children.map(children, convertToRoute)}</ReactRouters>\n  );\n};\n\nexport const PatternsReactRouter = ({\n  children,\n  basename,\n}: PatternsReactRouterProps) => {\n  const [value] = useState(() => ({\n    history: createBrowserHistory(),\n  }));\n\n  const [state, setState] = useState({\n    action: value.history.action,\n    location: value.history.location,\n  });\n\n  useLayoutEffect(() => value.history.listen(setState), []);\n\n  return (\n    <WixPatternsRouterProvider history={value.history}>\n      <Router\n        navigator={value.history}\n        navigationType={state.action}\n        basename={basename}\n        location={state.location}\n      >\n        <Routers>{children}</Routers>\n      </Router>\n    </WixPatternsRouterProvider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Router/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/Router/types.ts"],"sourcesContent":["export type RouteType = 'collection' | 'createEntity' | 'editEntity' | 'other';\n\nexport interface RouteBaseProps {\n  type: RouteType;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/Router/types.ts"],"sourcesContent":["export type RouteType = 'collection' | 'createEntity' | 'editEntity' | 'other';\n\nexport interface RouteBaseProps {\n  /**\n   * Page type. Supported values: <br />\n   * - `\"collection\"` <br />\n   * - `\"createEntity\"` <br />\n   * - `\"editEntity\"` <br />\n   * - `\"other\"` <br />\n   * @external\n   */\n  type: RouteType;\n}\n\nexport interface PatternsReactRouterProps {\n  /**\n   * Base path for the routes defined inside this component.\n   * @external\n   */\n  basename?: string;\n\n  /**\n   * Each child element must be a [`PatternsReactRoute`](./?path=%2Fstory%2Fbase-components-pages-router--patternsreactroute) component.\n   * @external\n   */\n  children: React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent1616893332";
+var _namespace_ = "ScrollableContent2861066728";
 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": "ScrollableContent1616893332__root"
+  "root": "ScrollableContent2861066728__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1616893332\";\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\":\"ScrollableContent1616893332__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2861066728\";\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\":\"ScrollableContent2861066728__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SkeletonCard/SkeletonCard.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard2823167481";
+var _namespace_ = "SkeletonCard1956886990";
 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": "SkeletonCard2823167481__root",
-  "headerLoading": "SkeletonCard2823167481__headerLoading"
+  "root": "SkeletonCard1956886990__root",
+  "headerLoading": "SkeletonCard1956886990__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2823167481\";\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\":\"SkeletonCard2823167481__root\",\"headerLoading\":\"SkeletonCard2823167481__headerLoading\"};\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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1956886990\";\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\":\"SkeletonCard1956886990__root\",\"headerLoading\":\"SkeletonCard1956886990__headerLoading\"};\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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SlidingModal/SlidingModal.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_ = "SlidingModal4122376693";
+var _namespace_ = "SlidingModal1728857934";
 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": "SlidingModal4122376693__root"
+  "root": "SlidingModal1728857934__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal4122376693\";\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\":\"SlidingModal4122376693__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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1728857934\";\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\":\"SlidingModal1728857934__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Table/TableVirtualHeader.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_ = "TableVirtualHeader1488417977";
+var _namespace_ = "TableVirtualHeader3979539310";
 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": "TableVirtualHeader1488417977__root"
+  "root": "TableVirtualHeader3979539310__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtualHeader.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/Table/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader1488417977\";\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\":\"TableVirtualHeader1488417977__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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/Table/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader3979539310\";\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\":\"TableVirtualHeader3979539310__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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/TableSkeleton/TableSkeleton.js

@@ -45,14 +45,14 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 53,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -62,7 +62,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 54,
         columnNumber: 15
       }
     })))
@@ -79,7 +79,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 72,
         columnNumber: 16
       }
     }));
@@ -96,7 +96,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 81,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table, (0, _extends2.default)({
@@ -109,14 +109,18 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 82,
         columnNumber: 7
       }
-    }), /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      backgroundColor: "D80",
+      borderRadius: "0px 0px 8px 8px",
+      overflow: "hidden",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 90,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.Content, {
@@ -124,7 +128,7 @@ function _TableSkeleton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 96,
         columnNumber: 11
       }
     }))))

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableSkeleton","props","state","dataHook","rowsCount","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","Table","skin","withWrapper","Card","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  Card,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState, ResponsiveColumnsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth) {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Card>\n          <Table.Content titleBarVisible={true} />\n        </Card>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableSkeleton","props","state","dataHook","rowsCount","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","Table","skin","withWrapper","backgroundColor","borderRadius","overflow","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState, ResponsiveColumnsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth) {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Box\n          direction=\"vertical\"\n          backgroundColor=\"D80\"\n          borderRadius=\"0px 0px 8px 8px\"\n          overflow=\"hidden\"\n        >\n          <Table.Content titleBarVisible={true} />\n        </Box>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}