@wix/patterns 1.114.0 → 1.115.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +3 -3
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
- package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
- package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js +7 -5
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/createUseIsDropDisabled.js +23 -8
- package/dist/cjs/components/NestedTableDragAndDrop/createUseIsDropDisabled.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/cjs/components/PickerSelectorListContent/PickerSelectorListContent.js +1 -1
- package/dist/cjs/components/PickerSelectorListContent/PickerSelectorListContent.js.map +1 -1
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/cjs/components/Table/TableVirtualHeader.st.css.js +2 -2
- package/dist/cjs/components/Table/TableVirtualHeader.st.css.js.map +1 -1
- package/dist/cjs/components/TableDragAndDropContext/TableDragAndDropContext.js +7 -5
- package/dist/cjs/components/TableDragAndDropContext/TableDragAndDropContext.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- package/dist/cjs/components/common.st.css.js +4 -4
- package/dist/cjs/components/common.st.css.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js +2 -1
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/createUseIsDropDisabled.js +34 -20
- package/dist/esm/components/NestedTableDragAndDrop/createUseIsDropDisabled.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerSelectorListContent/PickerSelectorListContent.js +1 -1
- package/dist/esm/components/PickerSelectorListContent/PickerSelectorListContent.js.map +1 -1
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/esm/components/Table/TableVirtualHeader.st.css.js +2 -2
- package/dist/esm/components/Table/TableVirtualHeader.st.css.js.map +1 -1
- package/dist/esm/components/TableDragAndDropContext/TableDragAndDropContext.js +2 -1
- package/dist/esm/components/TableDragAndDropContext/TableDragAndDropContext.js.map +1 -1
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/createUseIsDropDisabled.d.ts.map +1 -1
- package/dist/types/components/Table/TableVirtualHeader.st.css.d.ts.map +1 -1
- package/dist/types/components/TableDragAndDropContext/TableDragAndDropContext.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_createUseIsDropDisabled","_react2","_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","useIsDropDisabled","createUseIsDropDisabled","dragAndDropState","dnd","modalsContainerRef","usePageContext","useEffect","init","dragAndDropContext","useState","closestCenterOnViewPort","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","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","DragAndDropContext","Provider","value","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, useEffect, useState } 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} 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';\nimport { createUseIsDropDisabled } from './createUseIsDropDisabled';\nimport { usePageContext } from '@wix/bex-core/react';\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 const useIsDropDisabled = createUseIsDropDisabled(state);\n\n const dragAndDropState = state.dnd;\n\n const { modalsContainerRef } = usePageContext();\n\n useEffect(() => state.init(), []);\n\n dragAndDropState.onSubmit = onSubmit;\n dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n const [dragAndDropContext] = useState(\n (): IDragAndDropContext => ({\n useIsDropDisabled,\n closestCenterOnViewPort: true,\n onDragAndDropDisabledRowPointerDown: (id, e) => {\n dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n },\n cancelDrop: async (ev) => {\n return dragAndDropState.beforeDrop(ev);\n },\n dropAnimation: {\n duration: dragAndDropState.dropAnimation.duration,\n easing: dragAndDropState.dropAnimation.easing,\n },\n announcements: dragAndDropState.nullAnnouncements,\n a11yContainer: modalsContainerRef.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 = modalsContainerRef.current;\n\n return (\n <DragAndDropContext.Provider value={dragAndDropContext}>\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 </DragAndDropContext.Provider>\n );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n _NestedTableDragAndDropContext,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAIA,IAAAK,KAAA,GAAAL,OAAA;AAEA,IAAAM,+BAAA,GAAAN,OAAA;AACA,IAAAO,oCAAA,GAAAP,OAAA;AACA,IAAAQ,yBAAA,GAAAR,OAAA;AAEA,IAAAS,8BAAA,GAAAT,OAAA;AACA,IAAAU,wBAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AAAqD,IAAAY,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,SAAAf,wBAAAe,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;AAgBrD,SAASW,8BAA8BA,CAIrCC,KAAkD,EAAE;EACpD,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGL,KAAK;EACtE,MAAM;IAAEM,IAAI,EAAEC,KAAK;IAAEP,KAAK,EAAEQ;EAAW,CAAC,GAAGH,QAAQ;EAEnD,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE;IACd,CAAC,CAAC;IACF,IAAAC,wEAAmC,EAACb,WAAW,CAAC;EAClD;EAEA,MAAMD,KAAK,GACTC,WAAW,CAACc,sBAAwD;EACtE,MAAMC,iBAAiB,GAAG,IAAAC,gDAAuB,EAACjB,KAAK,CAAC;EAExD,MAAMkB,gBAAgB,GAAGlB,KAAK,CAACmB,GAAG;EAElC,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAAC,gBAAS,EAAC,MAAMtB,KAAK,CAACuB,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjCL,gBAAgB,CAAChB,QAAQ,GAAGA,QAAQ;EACpCgB,gBAAgB,CAACf,YAAY,GAAGA,YAAY;EAE5C,MAAM,CAACqB,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EACnC,OAA4B;IAC1BT,iBAAiB;IACjBU,uBAAuB,EAAE,IAAI;IAC7BC,mCAAmC,EAAEA,CAACC,EAAE,EAAEjD,CAAC,KAAK;MAC9CuC,gBAAgB,CAACW,yBAAyB,CAACD,EAAE,EAAYjD,CAAC,EAAE,GAAG,CAAC;IAClE,CAAC;IACDmD,UAAU,EAAE,MAAOC,EAAE,IAAK;MACxB,OAAOb,gBAAgB,CAACc,UAAU,CAACD,EAAE,CAAC;IACxC,CAAC;IACDE,aAAa,EAAE;MACbC,QAAQ,EAAEhB,gBAAgB,CAACe,aAAa,CAACC,QAAQ;MACjDC,MAAM,EAAEjB,gBAAgB,CAACe,aAAa,CAACE;IACzC,CAAC;IACDC,aAAa,EAAElB,gBAAgB,CAACmB,iBAAiB;IACjDC,aAAa,EAAElB,kBAAkB,CAACmB,OAAO;IACzCC,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,KAAKvB,gBAAgB,CAACsB,UAAU,CAAC;MAAEC;IAAK,CAAC,CAAC;IAC/DC,UAAU,EAAGC,KAAK,IAAKzB,gBAAgB,CAACwB,UAAU,CAACC,KAAK,CAAC;IACzDC,YAAY,EAAE,KAAK;IACnBC,kBAAkB,EAAEA,CAACjB,EAAE,EAAEkB,aAAa,KAAK;MACzC,OAAO,IAAAC,sBAAgB,EACrB7B,gBAAgB,CAAC8B,MAAM,EACvB,kBAAkB,EAClB,MAAM;QACJ9B,gBAAgB,CAAC+B,wBAAwB,CACvCrB,EAAE,EACFkB,aAAa,CAACP,OAChB,CAAC;MACH,CACF,CAAC;IACH,CAAC;IACDW,qBAAqB,eAAE,IAAAC,iBAAU,EAG/B,CAACpD,KAAK,EAAEqD,GAAG,kBACXzF,MAAA,CAAAqB,OAAA,CAAAqE,aAAA,CAAC/E,8BAAA,CAAAgF,6BAA6B,MAAAC,SAAA,CAAAvE,OAAA;MAC5BwE,QAAQ,EAAEJ,GAAI;MACdpD,KAAK,EAAEA;IAAM,GACTD,KAAK;MAAA0D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlF,YAAA;QAAAmF,UAAA;QAAAC,YAAA;MAAA;IAAA,EACV,CACF,CAAC;IACF,IAAIrD,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;MACrCoD,wBAAwB,EAAG/D,KAAuB,iBAChDpC,MAAA,CAAAqB,OAAA,CAAAqE,aAAA,CAAChF,yBAAA,CAAA0F,wBAAwB,MAAAR,SAAA,CAAAvE,OAAA,MAAKe,KAAK;QAAEC,KAAK,EAAEkB,gBAAiB;QAAAuC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlF,YAAA;UAAAmF,UAAA;UAAAC,YAAA;QAAA;MAAA,EAAE;IAEnE,CAAC,CAAC;IACFG,aAAa,EAAE9C,gBAAgB,CAAC8C,aAAa;IAC7CC,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IAChB,CAAC;IACDC,uBAAuB,EAAE,IAAI;IAC7BC,aAAa,EAAE;MACbC,GAAG,EAAEA,CAAC;QAAEzC;MAAG,CAAC,KAAK;QACf,MAAM0C,UAAU,GACd9D,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,IAAA6D,4CAAsB,EAAC;UACrBvE,KAAK,EAAEkB,gBAAgB;UACvBU;QACF,CAAC,CAAC,GACF4C,SAAS;QAEf,OAAO;UACL,GAAGF,UAAU;UACbG,aAAa,EAAG9F,CAAC,IAAK;YACpBuC,gBAAgB,CAACwD,eAAe,CAACD,aAAa,YAA9CvD,gBAAgB,CAACwD,eAAe,CAACD,aAAa,CAAG9F,CAAC,CAAC;YACnD2F,UAAU,YAAVA,UAAU,CAAEG,aAAa,YAAzBH,UAAU,CAAEG,aAAa,CAAG9F,CAAC,CAAC;UAChC;QACF,CAAC;MACH,CAAC;MACDgG,MAAM,EAAEA,CAAC;QAAE/C;MAAG,CAAC,MAAM;QACnB6C,aAAa,EAAG9F,CAAC,IAAK;UACpBuC,gBAAgB,CAAC0D,YAAY,CAACH,aAAa,YAA3CvD,gBAAgB,CAAC0D,YAAY,CAACH,aAAa,CAAG9F,CAAC,CAAC;QAClD,CAAC;QACDkG,SAAS,EAAGlG,CAAC,IAAK;UAChBuC,gBAAgB,CAAC0D,YAAY,CAACC,SAAS,YAAvC3D,gBAAgB,CAAC0D,YAAY,CAACC,SAAS,CAAGlG,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI6B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IACjC,IAAAoE,0CAAoB,EAAC;UACnB9E,KAAK,EAAEkB,gBAAgB;UACvBU;QACF,CAAC,CAAC;MACN,CAAC;IACH;EACF,CAAC,CACH,CAAC;EAEDJ,kBAAkB,CAACc,aAAa,GAAGlB,kBAAkB,CAACmB,OAAO;EAE7D,oBACE5E,MAAA,CAAAqB,OAAA,CAAAqE,aAAA,CAACtF,YAAA,CAAAgH,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEzD,kBAAmB;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlF,YAAA;MAAAmF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrDlG,MAAA,CAAAqB,OAAA,CAAAqE,aAAA,CAAC/C,KAAK,MAAAiD,SAAA,CAAAvE,OAAA,MACAuB,UAAU;IACd2E,qBAAqB,EAAEhE,gBAAgB,CAACiE,UAAW;IACnDC,WAAW,EAAGzC,KAAK,IAAKzB,gBAAgB,CAACkE,WAAW,CAACzC,KAAK,CAAE;IAC5D0C,SAAS,EAAG1C,KAAK,IAAKzB,gBAAgB,CAACmE,SAAS,CAAC1C,KAAK,CAAE;IACxD2C,YAAY,EAAEA,CAAA,KAAMpE,gBAAgB,CAACoE,YAAY,CAAC,CAAE;IAAA7B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlF,YAAA;MAAAmF,UAAA;MAAAC,YAAA;IAAA;EAAA,EACrD,CAAC,eAEFlG,MAAA,CAAAqB,OAAA,CAAAqE,aAAA,CAACrF,yBAAA,CAAAuH,wBAAwB;IACvBvF,KAAK,EAAEkB,gBAAiB;IACxBsE,QAAQ,EAAC,kCAAkC;IAAA/B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlF,YAAA;MAAAmF,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAC0B,CAAC;AAElC;AAEO,MAAM4B,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,uBAAQ,EACnD7F,8BACF,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_DragOverlayTestComponent","_NestedTableDragAndDropOverlay","_createUseIsDropDisabled","_react2","_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","useIsDropDisabled","createUseIsDropDisabled","dragAndDropState","dnd","modalsContainerRef","usePageContext","useEffect","init","dragAndDropContext","useState","closestCenterOnViewPort","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","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","disabled","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","DragAndDropContext","Provider","value","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, useEffect, useState } 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} 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';\nimport { createUseIsDropDisabled } from './createUseIsDropDisabled';\nimport { usePageContext } from '@wix/bex-core/react';\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 const useIsDropDisabled = createUseIsDropDisabled(state);\n\n const dragAndDropState = state.dnd;\n\n const { modalsContainerRef } = usePageContext();\n\n useEffect(() => state.init(), []);\n\n dragAndDropState.onSubmit = onSubmit;\n dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n const [dragAndDropContext] = useState(\n (): IDragAndDropContext => ({\n useIsDropDisabled,\n closestCenterOnViewPort: true,\n onDragAndDropDisabledRowPointerDown: (id, e) => {\n dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n },\n cancelDrop: async (ev) => {\n return dragAndDropState.beforeDrop(ev);\n },\n dropAnimation: {\n duration: dragAndDropState.dropAnimation.duration,\n easing: dragAndDropState.dropAnimation.easing,\n },\n announcements: dragAndDropState.nullAnnouncements,\n a11yContainer: modalsContainerRef.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, disabled }) => {\n const testEvents =\n process.env.NODE_ENV === 'test'\n ? sortableItemTestEvents({\n state: dragAndDropState,\n id,\n disabled,\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 = modalsContainerRef.current;\n\n return (\n <DragAndDropContext.Provider value={dragAndDropContext}>\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 </DragAndDropContext.Provider>\n );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "NestedTableDragAndDropRow878497393";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "NestedTableDragAndDropRow878497393__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow878497393\";\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\":\"NestedTableDragAndDropRow878497393__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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":[]}
|
|
@@ -9,7 +9,7 @@ var _useSelector = require("../../useSelector");
|
|
|
9
9
|
*/
|
|
10
10
|
const createUseIsDropDisabled = state => {
|
|
11
11
|
return targetNodeId => {
|
|
12
|
-
var _state$nestedState$ge, _state$nestedState$ge2, _state$nestedState$ge3, _state$nestedState$ge4, _nextItem$item$state
|
|
12
|
+
var _state$nestedState$ge, _state$nestedState$ge2, _state$nestedState$ge3, _state$nestedState$ge4, _nextItem$item$state;
|
|
13
13
|
// Get the ID of the currently active (dragged) item
|
|
14
14
|
const activeItemId = (0, _useSelector.useSelector)(() => state.dnd.activeId);
|
|
15
15
|
|
|
@@ -46,23 +46,38 @@ const createUseIsDropDisabled = state => {
|
|
|
46
46
|
const nextItem = activeItemIndex <= targetItemIndex ? state.nestedState.keyedItems[targetItemIndex + 1] : state.nestedState.keyedItems[targetItemIndex];
|
|
47
47
|
|
|
48
48
|
// Check if the dragged item is moving down to a sublevel
|
|
49
|
-
const isMovingDownToSublevel =
|
|
49
|
+
const isMovingDownToSublevel = targetItemState.childrenDepth === activeItemState.childrenDepth - 1 && nextItem != null && nextItem.item.state.childrenDepth >= activeItemState.childrenDepth && targetItemIndex === (previousItem == null ? void 0 : previousItem.index);
|
|
50
|
+
if (isMovingDownToSublevel) {
|
|
51
|
+
return false;
|
|
52
|
+
}
|
|
50
53
|
|
|
51
54
|
// Check if the dragged item is moving up to a sublevel
|
|
52
|
-
const isMovingUpToSubLevel =
|
|
55
|
+
const isMovingUpToSubLevel = targetItemState.childrenDepth === activeItemState.childrenDepth - 1 && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) === activeItemState.childrenDepth && (nextItem == null || nextItem.item.state.childrenDepth < activeItemState.childrenDepth) && targetItemIndex === (nextItem == null ? void 0 : nextItem.index);
|
|
56
|
+
if (isMovingUpToSubLevel) {
|
|
57
|
+
return false;
|
|
58
|
+
}
|
|
53
59
|
|
|
54
60
|
// Determine if the target item has children
|
|
55
|
-
const targetItemHasChildren =
|
|
61
|
+
const targetItemHasChildren = targetItemState.childrenDepth + 1 === (nextItem == null || (_nextItem$item$state = nextItem.item.state) == null ? void 0 : _nextItem$item$state.childrenDepth);
|
|
56
62
|
|
|
57
63
|
// Check if the dragged item is on the same level without children
|
|
58
|
-
const isSameLevelWithoutChildren = !targetItemHasChildren &&
|
|
64
|
+
const isSameLevelWithoutChildren = !targetItemHasChildren && targetItemState.childrenDepth === activeItemState.childrenDepth;
|
|
65
|
+
if (isSameLevelWithoutChildren) {
|
|
66
|
+
return false;
|
|
67
|
+
}
|
|
59
68
|
|
|
60
69
|
// Check if the dragged item is moving to the next level after a node without children
|
|
61
|
-
const isNextLevelWithoutChildren = !targetItemHasChildren && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) ===
|
|
70
|
+
const isNextLevelWithoutChildren = !targetItemHasChildren && (previousItem == null ? void 0 : previousItem.item.state.childrenDepth) === activeItemState.childrenDepth - 1;
|
|
71
|
+
if (isNextLevelWithoutChildren) {
|
|
72
|
+
return false;
|
|
73
|
+
}
|
|
62
74
|
|
|
63
75
|
// Check if the dragged item is stepping out to the same level (not entering a sublevel)
|
|
64
|
-
const isStepOutToSameLevel = !targetItemHasChildren &&
|
|
65
|
-
|
|
76
|
+
const isStepOutToSameLevel = !targetItemHasChildren && previousItem != null && previousItem.item.state.childrenDepth >= activeItemState.childrenDepth + 1 && (nextItem == null || nextItem.item.state.childrenDepth <= activeItemState.childrenDepth);
|
|
77
|
+
if (isStepOutToSameLevel) {
|
|
78
|
+
return false;
|
|
79
|
+
}
|
|
80
|
+
return true;
|
|
66
81
|
};
|
|
67
82
|
};
|
|
68
83
|
exports.createUseIsDropDisabled = createUseIsDropDisabled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useSelector","require","createUseIsDropDisabled","state","targetNodeId","_state$nestedState$ge","_state$nestedState$ge2","_state$nestedState$ge3","_state$nestedState$ge4","_nextItem$item$state","
|
|
1
|
+
{"version":3,"names":["_useSelector","require","createUseIsDropDisabled","state","targetNodeId","_state$nestedState$ge","_state$nestedState$ge2","_state$nestedState$ge3","_state$nestedState$ge4","_nextItem$item$state","activeItemId","useSelector","dnd","activeId","activeItemState","nestedState","getKeyedItem","item","targetItemState","toString","activeKeyedItem","collection","targetKeyedItem","isSameEntityAsOtherLevels","activeItemIndex","index","targetItemIndex","previousItem","keyedItems","nextItem","isMovingDownToSublevel","childrenDepth","isMovingUpToSubLevel","targetItemHasChildren","isSameLevelWithoutChildren","isNextLevelWithoutChildren","isStepOutToSameLevel","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/createUseIsDropDisabled.ts"],"sourcesContent":["import { useSelector } from '../../useSelector';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { NestedTableKeyedItem } from '../../state';\n\n/**\n * Factory function to create a custom hook `useIsDropDisabled` that determines\n * whether the drop is disabled for a given node based on drag-and-drop state.\n */\nexport const createUseIsDropDisabled = <C extends string>(\n state: NestedTableDragAndDropState<C>,\n) => {\n return (targetNodeId: string | number): boolean => {\n // Get the ID of the currently active (dragged) item\n const activeItemId = useSelector(() => state.dnd.activeId);\n\n // If there's no active (dragged) item, disable dropping\n if (!activeItemId) {\n return true;\n }\n\n // Retrieve the state of the active (dragged) item and the target (hovered) item\n const activeItemState =\n state.nestedState.getKeyedItem(activeItemId)?.item.state;\n const targetItemState = state.nestedState.getKeyedItem(\n targetNodeId.toString(),\n )?.item.state;\n\n // If either the active or target node is missing, disable dropping\n if (!activeItemState || !targetItemState) {\n return true;\n }\n\n const activeKeyedItem = state.dnd.collection.getKeyedItem(activeItemId);\n const targetKeyedItem = state.dnd.collection.getKeyedItem(\n targetNodeId.toString(),\n );\n\n if (!activeKeyedItem || !targetKeyedItem) {\n return true;\n }\n\n // If levels contain the same entity, dropping is always allowed\n if (state.isSameEntityAsOtherLevels) {\n return false;\n }\n\n // Get the index of the active (dragged) item and the target (hovered) item in the nested state\n const activeItemIndex =\n state.nestedState.getKeyedItem(activeItemId)?.index || 0;\n const targetItemIndex =\n state.nestedState.getKeyedItem(targetNodeId.toString())?.index || 0;\n\n // Get the previous and next items relative to the target item\n const previousItem = (\n activeItemIndex >= targetItemIndex\n ? state.nestedState.keyedItems[targetItemIndex - 1]\n : state.nestedState.keyedItems[targetItemIndex]\n ) as NestedTableKeyedItem<C, any, any> | null;\n\n const nextItem = (\n activeItemIndex <= targetItemIndex\n ? state.nestedState.keyedItems[targetItemIndex + 1]\n : state.nestedState.keyedItems[targetItemIndex]\n ) as NestedTableKeyedItem<C, any, any> | null;\n\n // Check if the dragged item is moving down to a sublevel\n const isMovingDownToSublevel =\n targetItemState.childrenDepth === activeItemState.childrenDepth - 1 &&\n nextItem != null &&\n nextItem.item.state.childrenDepth >= activeItemState.childrenDepth &&\n targetItemIndex === previousItem?.index;\n\n if (isMovingDownToSublevel) {\n return false;\n }\n\n // Check if the dragged item is moving up to a sublevel\n const isMovingUpToSubLevel =\n targetItemState.childrenDepth === activeItemState.childrenDepth - 1 &&\n previousItem?.item.state.childrenDepth ===\n activeItemState.childrenDepth &&\n (nextItem == null ||\n nextItem.item.state.childrenDepth < activeItemState.childrenDepth) &&\n targetItemIndex === nextItem?.index;\n\n if (isMovingUpToSubLevel) {\n return false;\n }\n\n // Determine if the target item has children\n const targetItemHasChildren =\n targetItemState.childrenDepth + 1 === nextItem?.item.state?.childrenDepth;\n\n // Check if the dragged item is on the same level without children\n const isSameLevelWithoutChildren =\n !targetItemHasChildren &&\n targetItemState.childrenDepth === activeItemState.childrenDepth;\n\n if (isSameLevelWithoutChildren) {\n return false;\n }\n\n // Check if the dragged item is moving to the next level after a node without children\n const isNextLevelWithoutChildren =\n !targetItemHasChildren &&\n previousItem?.item.state.childrenDepth ===\n activeItemState.childrenDepth - 1;\n\n if (isNextLevelWithoutChildren) {\n return false;\n }\n\n // Check if the dragged item is stepping out to the same level (not entering a sublevel)\n const isStepOutToSameLevel =\n !targetItemHasChildren &&\n previousItem != null &&\n previousItem.item.state.childrenDepth >=\n activeItemState.childrenDepth + 1 &&\n (nextItem == null ||\n nextItem.item.state.childrenDepth <= activeItemState.childrenDepth);\n\n if (isStepOutToSameLevel) {\n return false;\n }\n\n return true;\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "PickerContent3501574971";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "PickerContent3501574971__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"PickerContent3501574971\";\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\":\"PickerContent3501574971__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":[]}
|
|
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "PickerContentAdditionalStep3852291612";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"titles": "
|
|
17
|
-
"suffix": "
|
|
15
|
+
"root": "PickerContentAdditionalStep3852291612__root",
|
|
16
|
+
"titles": "PickerContentAdditionalStep3852291612__titles",
|
|
17
|
+
"suffix": "PickerContentAdditionalStep3852291612__suffix"
|
|
18
18
|
};
|
|
19
19
|
var keyframes = exports.keyframes = {};
|
|
20
20
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"PickerContentAdditionalStep3852291612\";\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\":\"PickerContentAdditionalStep3852291612__root\",\"titles\":\"PickerContentAdditionalStep3852291612__titles\",\"suffix\":\"PickerContentAdditionalStep3852291612__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":[]}
|
|
@@ -65,7 +65,7 @@ function _PickerSelectorListContent(props) {
|
|
|
65
65
|
title: collection.itemName(keyedItem.item),
|
|
66
66
|
...(renderItem == null ? void 0 : renderItem(keyedItem.item, index)),
|
|
67
67
|
keyedItem
|
|
68
|
-
})), [keyedItems]);
|
|
68
|
+
})), [keyedItems, renderItem]);
|
|
69
69
|
const notification = someHidden && hiddenItemsWarningText && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
70
70
|
padding: `0 ${spacing}px 18px ${spacing}px`,
|
|
71
71
|
__self: this,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerSelectorListContent","props","state","renderItem","multiple","spacing","hiddenItemsWarningText","hasAdditionalStep","rest","picker","collection","someHidden","bulkSelect","result","keyedItems","fetchedLastPage","checkedSet","indeterminateSet","useEffect","setFloatingNotificationHeight","disposers","addEventListener","select","_map","events","selectionEntry","collectionItem","getCollectionItem","value","key","item","index","disabled","forEach","d","items","useMemo","map","keyedItem","id","title","itemName","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","SelectorListContent","_extends2","infiniteScrollRef","infiniteScroll","_infiniteScroll$scrol","scrollableContent","scrollComponent","parentElement","searchValue","loadMore","fetchNextPageIfNeeded","topScrollableContent","checkIsSelected","checkIndeterminate","onToggle","toggle","clear","hasMore","PickerSelectorListContent","exports","observer"],"sources":["../../../../src/components/PickerSelectorListContent/PickerSelectorListContent.tsx"],"sourcesContent":["import {\n Box,\n FloatingNotification,\n SelectorListContent,\n SelectorListContentProps,\n SelectorListItem,\n} from '@wix/design-system';\nimport React, { ReactNode, useEffect, useMemo } from 'react';\nimport { FiltersMap, KeyedItem, addEventListener } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport type KeyedItemSelectorListItem<T> = SelectorListItem & {\n keyedItem: KeyedItem<T>;\n};\n\nexport interface PickerSelectorListContentProps<T, F extends FiltersMap>\n extends Partial<SelectorListContentProps> {\n state: PickerContentState<T, F>;\n renderItem?: (item: T, index: number) => Partial<SelectorListItem>;\n hasAdditionalStep?: (props: { item: T }) => boolean;\n hiddenItemsWarningText?: ReactNode;\n spacing?: 30 | 94;\n}\n\nfunction _PickerSelectorListContent<T, F extends FiltersMap>(\n props: PickerSelectorListContentProps<T, F>,\n) {\n const {\n state,\n renderItem,\n multiple,\n spacing = 30,\n hiddenItemsWarningText,\n hasAdditionalStep,\n ...rest\n } = props;\n\n const { picker } = state;\n const { collection, someHidden } = picker;\n const {\n bulkSelect,\n result: { keyedItems },\n fetchedLastPage,\n } = collection;\n\n const { checkedSet, indeterminateSet } = bulkSelect;\n\n useEffect(() => {\n if (hiddenItemsWarningText) {\n picker.setFloatingNotificationHeight();\n }\n }, [hiddenItemsWarningText]);\n\n useEffect(() => {\n const disposers = [\n addEventListener(\n bulkSelect.select._map.events,\n 'isDisabled',\n (selectionEntry) => {\n const collectionItem = bulkSelect.getCollectionItem(\n selectionEntry.value.key,\n );\n\n if (!collectionItem) {\n return false;\n }\n\n const { item, index } = collectionItem;\n return renderItem?.(item, index).disabled || false;\n },\n ),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\n }, [renderItem]);\n\n const items: KeyedItemSelectorListItem<T>[] = useMemo(\n () =>\n keyedItems.map((keyedItem, index) => ({\n id: keyedItem.key,\n title: collection.itemName(keyedItem.item),\n ...renderItem?.(keyedItem.item, index),\n keyedItem,\n })),\n [keyedItems],\n );\n\n const notification = someHidden && hiddenItemsWarningText && (\n <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n <FloatingNotification\n dataHook=\"floating-notification\"\n width=\"100%\"\n showCloseButton={false}\n type=\"warning\"\n text={hiddenItemsWarningText}\n />\n </Box>\n );\n\n return (\n <SelectorListContent\n items={items}\n infiniteScrollRef={(infiniteScroll) => {\n collection.scrollableContent =\n infiniteScroll?.scrollComponent?.parentElement;\n }}\n searchValue=\"\"\n loadMore={collection.fetchNextPageIfNeeded}\n topScrollableContent={notification}\n checkIsSelected={(item) => {\n const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n return checkedSet.has(keyedItem.key);\n }}\n checkIndeterminate={(item) => {\n const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n return indeterminateSet.has(keyedItem.key);\n }}\n onToggle={(item) => {\n const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n picker.toggle(keyedItem, {\n clear: !multiple,\n hasAdditionalStep:\n !multiple && hasAdditionalStep?.({ item: keyedItem.item }),\n });\n }}\n hasMore={!fetchedLastPage}\n multiple={multiple}\n {...rest}\n />\n );\n}\n\nexport const PickerSelectorListContent = observer(_PickerSelectorListContent);\n"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerSelectorListContent","props","state","renderItem","multiple","spacing","hiddenItemsWarningText","hasAdditionalStep","rest","picker","collection","someHidden","bulkSelect","result","keyedItems","fetchedLastPage","checkedSet","indeterminateSet","useEffect","setFloatingNotificationHeight","disposers","addEventListener","select","_map","events","selectionEntry","collectionItem","getCollectionItem","value","key","item","index","disabled","forEach","d","items","useMemo","map","keyedItem","id","title","itemName","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","SelectorListContent","_extends2","infiniteScrollRef","infiniteScroll","_infiniteScroll$scrol","scrollableContent","scrollComponent","parentElement","searchValue","loadMore","fetchNextPageIfNeeded","topScrollableContent","checkIsSelected","checkIndeterminate","onToggle","toggle","clear","hasMore","PickerSelectorListContent","exports","observer"],"sources":["../../../../src/components/PickerSelectorListContent/PickerSelectorListContent.tsx"],"sourcesContent":["import {\n Box,\n FloatingNotification,\n SelectorListContent,\n SelectorListContentProps,\n SelectorListItem,\n} from '@wix/design-system';\nimport React, { ReactNode, useEffect, useMemo } from 'react';\nimport { FiltersMap, KeyedItem, addEventListener } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport type KeyedItemSelectorListItem<T> = SelectorListItem & {\n keyedItem: KeyedItem<T>;\n};\n\nexport interface PickerSelectorListContentProps<T, F extends FiltersMap>\n extends Partial<SelectorListContentProps> {\n state: PickerContentState<T, F>;\n renderItem?: (item: T, index: number) => Partial<SelectorListItem>;\n hasAdditionalStep?: (props: { item: T }) => boolean;\n hiddenItemsWarningText?: ReactNode;\n spacing?: 30 | 94;\n}\n\nfunction _PickerSelectorListContent<T, F extends FiltersMap>(\n props: PickerSelectorListContentProps<T, F>,\n) {\n const {\n state,\n renderItem,\n multiple,\n spacing = 30,\n hiddenItemsWarningText,\n hasAdditionalStep,\n ...rest\n } = props;\n\n const { picker } = state;\n const { collection, someHidden } = picker;\n const {\n bulkSelect,\n result: { keyedItems },\n fetchedLastPage,\n } = collection;\n\n const { checkedSet, indeterminateSet } = bulkSelect;\n\n useEffect(() => {\n if (hiddenItemsWarningText) {\n picker.setFloatingNotificationHeight();\n }\n }, [hiddenItemsWarningText]);\n\n useEffect(() => {\n const disposers = [\n addEventListener(\n bulkSelect.select._map.events,\n 'isDisabled',\n (selectionEntry) => {\n const collectionItem = bulkSelect.getCollectionItem(\n selectionEntry.value.key,\n );\n\n if (!collectionItem) {\n return false;\n }\n\n const { item, index } = collectionItem;\n return renderItem?.(item, index).disabled || false;\n },\n ),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\n }, [renderItem]);\n\n const items: KeyedItemSelectorListItem<T>[] = useMemo(\n () =>\n keyedItems.map((keyedItem, index) => ({\n id: keyedItem.key,\n title: collection.itemName(keyedItem.item),\n ...renderItem?.(keyedItem.item, index),\n keyedItem,\n })),\n [keyedItems, renderItem],\n );\n\n const notification = someHidden && hiddenItemsWarningText && (\n <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n <FloatingNotification\n dataHook=\"floating-notification\"\n width=\"100%\"\n showCloseButton={false}\n type=\"warning\"\n text={hiddenItemsWarningText}\n />\n </Box>\n );\n\n return (\n <SelectorListContent\n items={items}\n infiniteScrollRef={(infiniteScroll) => {\n collection.scrollableContent =\n infiniteScroll?.scrollComponent?.parentElement;\n }}\n searchValue=\"\"\n loadMore={collection.fetchNextPageIfNeeded}\n topScrollableContent={notification}\n checkIsSelected={(item) => {\n const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n return checkedSet.has(keyedItem.key);\n }}\n checkIndeterminate={(item) => {\n const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n return indeterminateSet.has(keyedItem.key);\n }}\n onToggle={(item) => {\n const { keyedItem } = item as KeyedItemSelectorListItem<T>;\n picker.toggle(keyedItem, {\n clear: !multiple,\n hasAdditionalStep:\n !multiple && hasAdditionalStep?.({ item: keyedItem.item }),\n });\n }}\n hasMore={!fetchedLastPage}\n multiple={multiple}\n {...rest}\n />\n );\n}\n\nexport const PickerSelectorListContent = observer(_PickerSelectorListContent);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "PickerTableListItem3077013140";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "PickerTableListItem3077013140__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"PickerTableListItem3077013140\";\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\":\"PickerTableListItem3077013140__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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "ScrollableContent683405014";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "ScrollableContent683405014__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"ScrollableContent683405014\";\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\":\"ScrollableContent683405014__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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":[]}
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "SkeletonCard2425337910";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"headerLoading": "
|
|
15
|
+
"root": "SkeletonCard2425337910__root",
|
|
16
|
+
"headerLoading": "SkeletonCard2425337910__headerLoading"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"SkeletonCard2425337910\";\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\":\"SkeletonCard2425337910__root\",\"headerLoading\":\"SkeletonCard2425337910__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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "SlidingModal3939557948";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "SlidingModal3939557948__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"SlidingModal3939557948\";\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\":\"SlidingModal3939557948__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":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "TableVirtualHeader3644759844";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "TableVirtualHeader3644759844__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +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_ = \"
|
|
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_ = \"TableVirtualHeader3644759844\";\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\":\"TableVirtualHeader3644759844__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":[]}
|
|
@@ -62,11 +62,13 @@ function _TableDragAndDropContext(props) {
|
|
|
62
62
|
},
|
|
63
63
|
eventHandlers: {
|
|
64
64
|
row: ({
|
|
65
|
-
id
|
|
65
|
+
id,
|
|
66
|
+
disabled
|
|
66
67
|
}) => {
|
|
67
68
|
const testEvents = process.env.NODE_ENV === 'test' ? (0, _dndTestEventHandlers.sortableItemTestEvents)({
|
|
68
69
|
state: dragAndDropState,
|
|
69
|
-
id
|
|
70
|
+
id,
|
|
71
|
+
disabled
|
|
70
72
|
}) : undefined;
|
|
71
73
|
return {
|
|
72
74
|
...testEvents,
|
|
@@ -99,7 +101,7 @@ function _TableDragAndDropContext(props) {
|
|
|
99
101
|
__self: this,
|
|
100
102
|
__source: {
|
|
101
103
|
fileName: _jsxFileName,
|
|
102
|
-
lineNumber:
|
|
104
|
+
lineNumber: 115,
|
|
103
105
|
columnNumber: 5
|
|
104
106
|
}
|
|
105
107
|
}, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
|
|
@@ -110,7 +112,7 @@ function _TableDragAndDropContext(props) {
|
|
|
110
112
|
__self: this,
|
|
111
113
|
__source: {
|
|
112
114
|
fileName: _jsxFileName,
|
|
113
|
-
lineNumber:
|
|
115
|
+
lineNumber: 116,
|
|
114
116
|
columnNumber: 7
|
|
115
117
|
}
|
|
116
118
|
})), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
|
|
@@ -119,7 +121,7 @@ function _TableDragAndDropContext(props) {
|
|
|
119
121
|
__self: this,
|
|
120
122
|
__source: {
|
|
121
123
|
fileName: _jsxFileName,
|
|
122
|
-
lineNumber:
|
|
124
|
+
lineNumber: 124,
|
|
123
125
|
columnNumber: 7
|
|
124
126
|
}
|
|
125
127
|
}));
|