@wix/patterns 1.18.0 → 1.20.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/AutoCompleteFilter/AutoCompleteFilter.js.map +1 -1
- package/dist/cjs/components/BulkAction/BulkActionModalRenderProp.js.map +1 -1
- 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/CollectionItemActions/CollectionItemActions.js +13 -4
- package/dist/cjs/components/CollectionItemActions/CollectionItemActions.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTable.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTableBaseCommonProps.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.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/CollectionToolbarFilters/CollectionToolbarFilters.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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js +3 -3
- package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/Grid/GridFolders.js +5 -5
- package/dist/cjs/components/Grid/GridFolders.js.map +1 -1
- package/dist/cjs/components/Grid/GridFolders.uni.driver.js +2 -2
- package/dist/cjs/components/Grid/GridFolders.uni.driver.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/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/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map +1 -1
- package/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTable.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/NestedTable/NestedTableWSRTable.js +6 -6
- package/dist/cjs/components/NestedTable/NestedTableWSRTable.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContentItemsSelection.js.map +1 -1
- package/dist/cjs/components/PickerModal/PickerModal.js.map +1 -1
- package/dist/cjs/components/PickerStandalone/PickerStandalone.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/SingleSelectFilter/SingleSelectFilter.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/TabTotal/useFilterValueTotalState.js.map +1 -1
- package/dist/cjs/components/Table/Table.js +2 -2
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/TableVirtual.js +1 -0
- package/dist/cjs/components/Table/TableVirtual.js.map +1 -1
- package/dist/cjs/components/Table/TableVirtual.st.css.js +3 -3
- package/dist/cjs/components/Table/TableVirtual.st.css.js.map +1 -1
- package/dist/cjs/components/TableFolders/TableFoldersContent.js +9 -9
- package/dist/cjs/components/TableFolders/TableFoldersContent.js.map +1 -1
- package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js.map +1 -1
- package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.js.map +1 -1
- package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.js +2 -2
- package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.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/ToolbarCollection/ToolbarCollection.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/components/deleteSecondaryAction/deleteSecondaryAction.js +1 -1
- package/dist/cjs/components/deleteSecondaryAction/deleteSecondaryAction.js.map +1 -1
- package/dist/cjs/hooks/useExtensionMenuItems.js +12 -3
- package/dist/cjs/hooks/useExtensionMenuItems.js.map +1 -1
- package/dist/cjs/hooks/usePickerModal/UsePickerModalParamsBase.js.map +1 -1
- package/dist/cjs/model/filterProps.js.map +1 -1
- package/dist/cjs/state/NestedTableState/NestedTableState.js.map +1 -1
- package/dist/cjs/state/ToolbarCollectionState.js +1 -0
- package/dist/cjs/state/ToolbarCollectionState.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/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/esm/components/CollectionItemActions/CollectionItemActions.js +10 -1
- package/dist/esm/components/CollectionItemActions/CollectionItemActions.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- 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/CustomFieldsWidget/CustomFieldsViewWidgetSection.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/Grid/GridFolders.js.map +1 -1
- package/dist/esm/components/Grid/GridFolders.uni.driver.js +2 -2
- package/dist/esm/components/Grid/GridFolders.uni.driver.js.map +1 -1
- 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/InputOverflow/InputOverflow.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/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTableWSRTable.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/PickerContent/PickerContentAdditionalStep.st.css.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/Table.js.map +1 -1
- package/dist/esm/components/Table/TableVirtual.js +1 -1
- package/dist/esm/components/Table/TableVirtual.js.map +1 -1
- package/dist/esm/components/Table/TableVirtual.st.css.js +2 -2
- package/dist/esm/components/TableFolders/TableFoldersContent.js.map +1 -1
- package/dist/esm/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.js +2 -2
- package/dist/esm/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.js.map +1 -1
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/components/deleteSecondaryAction/deleteSecondaryAction.js.map +1 -1
- package/dist/esm/hooks/useExtensionMenuItems.js +9 -2
- package/dist/esm/hooks/useExtensionMenuItems.js.map +1 -1
- package/dist/esm/state/ToolbarCollectionState.js +1 -0
- package/dist/esm/state/ToolbarCollectionState.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/AutoCompleteFilter/AutoCompleteFilter.d.ts +2 -2
- package/dist/types/components/BulkAction/BulkActionModalRenderProp.d.ts +1 -1
- package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionItemActions/CollectionItemActions.d.ts.map +1 -1
- package/dist/types/components/CollectionPageNew/CollectionPage.d.ts +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.d.ts +7 -7
- package/dist/types/components/CollectionTable/CollectionTableBaseCommonProps.d.ts +2 -2
- package/dist/types/components/CollectionTable/CollectionTableWSRTable.d.ts +1 -1
- package/dist/types/components/CollectionToolbarFilters/CollectionToolbarFilters.d.ts +3 -3
- package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/Grid/Grid.d.ts +1 -1
- package/dist/types/components/Grid/GridFolders.d.ts +3 -14
- package/dist/types/components/Grid/GridFolders.d.ts.map +1 -1
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts +20 -23
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.d.ts +1 -1
- package/dist/types/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.d.ts +1 -1
- package/dist/types/components/NestedTable/NestedTable.d.ts +5 -5
- package/dist/types/components/NestedTable/NestedTableRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTableWSRTable.d.ts +3 -5
- package/dist/types/components/NestedTable/NestedTableWSRTable.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.d.ts +1 -1
- package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContentItemsSelection.d.ts +1 -1
- package/dist/types/components/PickerModal/PickerModal.d.ts +1 -1
- package/dist/types/components/PickerModal/PickerModal.d.ts.map +1 -1
- package/dist/types/components/PickerStandalone/PickerStandalone.d.ts +2 -2
- package/dist/types/components/SingleSelectFilter/SingleSelectFilter.d.ts +1 -1
- package/dist/types/components/TabTotal/useFilterValueTotalState.d.ts +1 -1
- package/dist/types/components/Table/Table.d.ts.map +1 -1
- package/dist/types/components/Table/TableVirtual.d.ts.map +1 -1
- package/dist/types/components/TableFolders/TableFoldersContent.d.ts +6 -17
- package/dist/types/components/TableFolders/TableFoldersContent.d.ts.map +1 -1
- package/dist/types/components/TableGridSwitch/TableGridSwitch.d.ts +2 -2
- package/dist/types/components/TableGridSwitchFolders/TableGridSwitchFolders.d.ts +1 -1
- package/dist/types/components/TableGridSwitchFolders/TableGridSwitchFolders.d.ts.map +1 -1
- package/dist/types/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.d.ts +47 -55
- package/dist/types/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.d.ts +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map +1 -1
- package/dist/types/components/ToolbarCollection/ToolbarCollection.d.ts +17 -17
- package/dist/types/components/deleteSecondaryAction/deleteSecondaryAction.d.ts +11 -0
- package/dist/types/components/deleteSecondaryAction/deleteSecondaryAction.d.ts.map +1 -1
- package/dist/types/hooks/useExtensionMenuItems.d.ts +3 -1
- package/dist/types/hooks/useExtensionMenuItems.d.ts.map +1 -1
- package/dist/types/hooks/usePickerModal/UsePickerModalParamsBase.d.ts +1 -1
- package/dist/types/model/filterProps.d.ts +1 -1
- package/dist/types/state/NestedTableState/NestedTableState.d.ts +1 -1
- package/dist/types/state/ToolbarCollectionState.d.ts +2 -0
- package/dist/types/state/ToolbarCollectionState.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_PickerModalSplash","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PickerModal","props","dataHook","state","modalProps","renderError","width","multiple","rest","_isModalOpen","_customContent","_isCustomContentVisible","fetchPickerComponent","fetchFirstPage","fetchInitialProps","isModalOpen","useReactive","fetchPickerComponentStatus","status","fetchFirstPageStatus","fetchInitialPropsStatus","customContent","isCustomContentVisible","useState","multipleRef","current","useEffect","onIsOpenChanged","init","child","type","data","PickerContentComponent","createElement","_extends2","modalState","__self","__source","fileName","lineNumber","columnNumber","PickerModalSplash","primaryButtonText","undefined","secondaryButtonText","primaryButtonOnClick","secondaryButtonOnClick","Fragment","Modal","onRequestClose","closeModal","isOpen","style","maxHeight","display","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import { CustomModalLayoutProps, Modal, ModalProps } from '@wix/design-system';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { PickerModalState } from '../../hooks';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useReactive } from '@wix/bex-utils/react';\nimport { PickerModalSplash } from '../PickerModalSplash';\nimport { MultipleSelection } from '../MaxSelection';\n\nexport interface PickerModalProps<T, F extends FiltersMap = FiltersMap>\n extends Partial<CustomModalLayoutProps> {\n /**\n * Optional props to forward to `Modal` component\n */\n modalProps?: Partial<ModalProps>;\n /** State object created with [`usePickerModal`](./?path=/story/picker-
|
|
1
|
+
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_PickerModalSplash","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PickerModal","props","dataHook","state","modalProps","renderError","width","multiple","rest","_isModalOpen","_customContent","_isCustomContentVisible","fetchPickerComponent","fetchFirstPage","fetchInitialProps","isModalOpen","useReactive","fetchPickerComponentStatus","status","fetchFirstPageStatus","fetchInitialPropsStatus","customContent","isCustomContentVisible","useState","multipleRef","current","useEffect","onIsOpenChanged","init","child","type","data","PickerContentComponent","createElement","_extends2","modalState","__self","__source","fileName","lineNumber","columnNumber","PickerModalSplash","primaryButtonText","undefined","secondaryButtonText","primaryButtonOnClick","secondaryButtonOnClick","Fragment","Modal","onRequestClose","closeModal","isOpen","style","maxHeight","display","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import { CustomModalLayoutProps, Modal, ModalProps } from '@wix/design-system';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { PickerModalState } from '../../hooks';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useReactive } from '@wix/bex-utils/react';\nimport { PickerModalSplash } from '../PickerModalSplash';\nimport { MultipleSelection } from '../MaxSelection';\n\nexport interface PickerModalProps<T, F extends FiltersMap = FiltersMap>\n extends Partial<CustomModalLayoutProps> {\n /**\n * Optional props to forward to `Modal` component\n */\n modalProps?: Partial<ModalProps>;\n /** State object created with [`usePickerModal`](./?path=/story/base-components-collections-picker-hooks--usepickermodal) */\n state: PickerModalState<T, F>;\n /**\n * A component to be rendered in the modal content when there's a failure fetching the data\n * @param params\n * @param params.err - The original failure error object\n * @param params.isOnline - Indicates whether internet connection is available or not\n */\n renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n /**\n * Limits the number of items that can be selected.<br>\n * Either a boolean or a number. A number indicates the maximum number of selections, `true` indicates no limit, `false` indicates only 1 item (radio button will be shown instead of checkboxes)\n */\n multiple?: MultipleSelection;\n}\n\nexport function PickerModal<T, F extends FiltersMap = FiltersMap>(\n props: PickerModalProps<T, F>,\n) {\n const {\n dataHook,\n state,\n modalProps,\n renderError,\n width = '618px',\n multiple,\n ...rest\n } = props;\n const {\n _isModalOpen,\n _customContent,\n _isCustomContentVisible,\n fetchPickerComponent,\n fetchFirstPage,\n fetchInitialProps,\n } = state;\n\n const isModalOpen = useReactive(_isModalOpen);\n const fetchPickerComponentStatus = useReactive(fetchPickerComponent.status);\n const fetchFirstPageStatus = useReactive(fetchFirstPage.status);\n const fetchInitialPropsStatus = useReactive(fetchInitialProps.status);\n const customContent = useReactive(_customContent);\n const isCustomContentVisible = useReactive(_isCustomContentVisible);\n\n useState(() => {\n state.multipleRef.current = multiple;\n });\n\n useEffect(() => {\n state.multipleRef.current = multiple;\n }, [multiple]);\n\n useEffect(() => {\n state.onIsOpenChanged();\n }, [isModalOpen]);\n\n useEffect(() => state.init(), []);\n\n let child: ReactNode;\n\n if (\n fetchPickerComponentStatus.type === 'success' &&\n fetchFirstPageStatus.type === 'success' &&\n fetchInitialPropsStatus.type === 'success'\n ) {\n const { data: PickerContentComponent } = fetchPickerComponentStatus;\n\n child = (\n <PickerContentComponent\n dataHook={dataHook}\n width=\"100%\"\n modalState={state}\n renderError={renderError}\n multiple={multiple}\n {...rest}\n />\n );\n } else {\n child = (\n <PickerModalSplash\n dataHook={dataHook}\n state={state}\n width=\"100%\"\n renderError={renderError}\n {...rest}\n primaryButtonText={undefined}\n secondaryButtonText={undefined}\n primaryButtonOnClick={undefined}\n secondaryButtonOnClick={undefined}\n />\n );\n }\n\n return (\n <>\n <Modal\n dataHook={\n dataHook ? `${dataHook}-picker-modal` : 'picker-modal-lazy-modal'\n }\n onRequestClose={() => state.closeModal()}\n {...modalProps}\n isOpen={isModalOpen}\n >\n <div\n data-wix-patterns\n style={{ width, maxHeight: '100%', display: 'flex' }}\n >\n {child}\n </div>\n </Modal>\n\n {customContent?.({\n isOpen: isCustomContentVisible,\n width,\n close: state.onCreateNew,\n })}\n </>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","hiddenItemsWarningText","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n PickerStandaloneLayout,\n PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n extends Partial<PickerStandaloneLayoutProps<T, F>> {\n dataHook?: string;\n\n /**\n * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/components-pickerstandalone-hooks--usepickerstandalone)\n */\n state: PickerStandaloneState<T, F>;\n\n /**\n * A function that renders an item row in the `SelectorList`\n */\n renderItem?: (\n item: T,\n index: number,\n options: { isMobileView?: boolean },\n ) => Partial<PickerListItemProps>;\n\n /**\n * A render function to be rendered when there're no items to show in the table.<br>\n * You can use the built in [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state).<br>\n * The function accepts the following parameters\n * * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n * * `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) that represents the query that resulted with an empty state\n */\n renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n renderError: PickerProps<T, F>['renderError'];\n\n /** Show a warning at the top of the list when not all available items are currently showed */\n hiddenItemsWarningText?: ReactNode;\n\n /** Picker title if not provided via URL query parameter */\n defaultTitle?: string;\n\n /** Picker subtitle if not provided via URL query parameter */\n defaultSubtitle?: string;\n\n /** The text for the item primary button, if not provided via URL query parameter */\n defaultPrimaryButtonText?: string;\n\n /** Limits the number of lines for the title */\n titleMaxLines?: number;\n\n /** Hides the search input of the picker */\n hideSearch?: boolean;\n\n /**\n * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n */\n selectorListProps?: Partial<SelectorListContentProps>;\n\n /**\n * The width of the primary action item.\n * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n */\n primaryActionWidth?: string;\n\n /**\n * Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n */\n createNewAction?: ReactElement<TextButtonProps>;\n\n minContentHeight?: number | string;\n /**\n * Height for mobile layout container\n * @default 100vh\n */\n mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n props: PickerStandaloneProps<T, F>,\n) {\n const {\n state,\n renderItem,\n renderEmptyState,\n renderError,\n hiddenItemsWarningText,\n selectorListProps,\n dataHook,\n height,\n mobileHeight,\n minContentHeight,\n primaryActionWidth,\n defaultPrimaryButtonText,\n ...rest\n } = props;\n\n const { picker, initTask, isMobileView } = state;\n\n const { collection } = picker;\n\n state._hasCreateNewAction = props.createNewAction != null;\n\n useState(() => {\n if (minContentHeight != null) {\n picker.minContentHeight = minContentHeight;\n }\n });\n\n useEffect(() => {\n return state.init();\n }, []);\n\n const { splashProps } = isMobileView\n ? {\n splashProps: {\n height: mobileHeight,\n },\n }\n : {\n splashProps: {\n paddingTop: 'SP8',\n paddingBottom: 'SP8',\n height,\n },\n };\n\n return (\n <CollectionProvider value={collection}>\n <MultiCollectionSupportProvider value={state.picker.multi}>\n <div data-patterns>\n <Splash\n renderError={renderError}\n dataHook={dataHook}\n state={initTask}\n {...splashProps}\n >\n <PickerStandaloneLayout\n renderError={renderError}\n state={state}\n {...rest}\n >\n <Picker\n dataHook=\"picker\"\n state={picker}\n renderEmptyState={renderEmptyState}\n renderError={renderError}\n >\n <PickerListContent\n {...selectorListProps}\n state={picker}\n hiddenItemsWarningText={hiddenItemsWarningText}\n spacing={94}\n renderItem={(keyedItem, index) => (\n <PickerStandaloneTableListItem\n {...renderItem?.(keyedItem.item, index, { isMobileView })}\n defaultPrimaryButtonText={defaultPrimaryButtonText}\n state={state}\n primaryActionWidth={primaryActionWidth}\n keyedItem={keyedItem}\n />\n )}\n />\n </Picker>\n </PickerStandaloneLayout>\n </Splash>\n </div>\n </MultiCollectionSupportProvider>\n </CollectionProvider>\n );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","hiddenItemsWarningText","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n PickerStandaloneLayout,\n PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n extends Partial<PickerStandaloneLayoutProps<T, F>> {\n dataHook?: string;\n\n /**\n * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/base-components-collections-picker-hooks--usepickerstandalone)\n */\n state: PickerStandaloneState<T, F>;\n\n /**\n * A function that renders an item row in the `SelectorList`\n */\n renderItem?: (\n item: T,\n index: number,\n options: { isMobileView?: boolean },\n ) => Partial<PickerListItemProps>;\n\n /**\n * A render function to be rendered when there're no items to show in the table.<br>\n * You can use the built in [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate).<br>\n * The function accepts the following parameters\n * * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n * * `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) that represents the query that resulted with an empty state\n */\n renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n renderError: PickerProps<T, F>['renderError'];\n\n /** Show a warning at the top of the list when not all available items are currently showed */\n hiddenItemsWarningText?: ReactNode;\n\n /** Picker title if not provided via URL query parameter */\n defaultTitle?: string;\n\n /** Picker subtitle if not provided via URL query parameter */\n defaultSubtitle?: string;\n\n /** The text for the item primary button, if not provided via URL query parameter */\n defaultPrimaryButtonText?: string;\n\n /** Limits the number of lines for the title */\n titleMaxLines?: number;\n\n /** Hides the search input of the picker */\n hideSearch?: boolean;\n\n /**\n * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n */\n selectorListProps?: Partial<SelectorListContentProps>;\n\n /**\n * The width of the primary action item.\n * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n */\n primaryActionWidth?: string;\n\n /**\n * Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n */\n createNewAction?: ReactElement<TextButtonProps>;\n\n minContentHeight?: number | string;\n /**\n * Height for mobile layout container\n * @default 100vh\n */\n mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n props: PickerStandaloneProps<T, F>,\n) {\n const {\n state,\n renderItem,\n renderEmptyState,\n renderError,\n hiddenItemsWarningText,\n selectorListProps,\n dataHook,\n height,\n mobileHeight,\n minContentHeight,\n primaryActionWidth,\n defaultPrimaryButtonText,\n ...rest\n } = props;\n\n const { picker, initTask, isMobileView } = state;\n\n const { collection } = picker;\n\n state._hasCreateNewAction = props.createNewAction != null;\n\n useState(() => {\n if (minContentHeight != null) {\n picker.minContentHeight = minContentHeight;\n }\n });\n\n useEffect(() => {\n return state.init();\n }, []);\n\n const { splashProps } = isMobileView\n ? {\n splashProps: {\n height: mobileHeight,\n },\n }\n : {\n splashProps: {\n paddingTop: 'SP8',\n paddingBottom: 'SP8',\n height,\n },\n };\n\n return (\n <CollectionProvider value={collection}>\n <MultiCollectionSupportProvider value={state.picker.multi}>\n <div data-patterns>\n <Splash\n renderError={renderError}\n dataHook={dataHook}\n state={initTask}\n {...splashProps}\n >\n <PickerStandaloneLayout\n renderError={renderError}\n state={state}\n {...rest}\n >\n <Picker\n dataHook=\"picker\"\n state={picker}\n renderEmptyState={renderEmptyState}\n renderError={renderError}\n >\n <PickerListContent\n {...selectorListProps}\n state={picker}\n hiddenItemsWarningText={hiddenItemsWarningText}\n spacing={94}\n renderItem={(keyedItem, index) => (\n <PickerStandaloneTableListItem\n {...renderItem?.(keyedItem.item, index, { isMobileView })}\n defaultPrimaryButtonText={defaultPrimaryButtonText}\n state={state}\n primaryActionWidth={primaryActionWidth}\n keyedItem={keyedItem}\n />\n )}\n />\n </Picker>\n </PickerStandaloneLayout>\n </Splash>\n </div>\n </MultiCollectionSupportProvider>\n </CollectionProvider>\n );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\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_ = "PickerTableListItem938177250";
|
|
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": "PickerTableListItem938177250__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_ = \"PickerTableListItem938177250\";\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\":\"PickerTableListItem938177250__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":[]}
|
|
@@ -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_ = "ScrollableContent3641761828";
|
|
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": "ScrollableContent3641761828__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_ = \"ScrollableContent3641761828\";\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\":\"ScrollableContent3641761828__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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_SingleSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_SingleSelectFilter","props","filter","collection","renderItem","renderSection","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","useBuildGroupedOptions","items","map","useBuildOption","createElement","SingleSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilter","exports","observer"],"sources":["../../../../src/components/SingleSelectFilter/SingleSelectFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n SingleSelectFilterBase,\n SingleSelectFilterBaseProps,\n} from '../SingleSelectFilterBase';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n CollectionFilterInitialFetchTimingProps,\n useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface SingleSelectFilterProps<V, F extends FiltersMap>\n extends Omit<\n SingleSelectFilterBaseProps<V>,\n 'keyedItems' | 'options' | 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /**\n * Collection state object to fetch the items for the dropdown list.<br>\n * Create using [useFilterCollection](./?path
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_SingleSelectFilterBase","_hooks","_react2","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_SingleSelectFilter","props","filter","collection","renderItem","renderSection","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","useBuildGroupedOptions","items","map","useBuildOption","createElement","SingleSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilter","exports","observer"],"sources":["../../../../src/components/SingleSelectFilter/SingleSelectFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n SingleSelectFilterBase,\n SingleSelectFilterBaseProps,\n} from '../SingleSelectFilterBase';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n CollectionFilterInitialFetchTimingProps,\n useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface SingleSelectFilterProps<V, F extends FiltersMap>\n extends Omit<\n SingleSelectFilterBaseProps<V>,\n 'keyedItems' | 'options' | 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /**\n * Collection state object to fetch the items for the dropdown list.<br>\n * Create using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection).\n * @external\n */\n collection: CollectionState<V, F>;\n\n /**\n * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{sectionId?: string}`<br/>\n * (Optional)\n * @external\n */\n renderItem?: (item: V, index: number) => ListItem;\n /**\n * A function that returns [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected (see sections example). <br/>\n * (Optional)\n * @external\n */\n renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n}\n\nfunction _SingleSelectFilter<V, F extends FiltersMap>(\n props: SingleSelectFilterProps<V, F>,\n) {\n const { filter, collection, renderItem, renderSection, ...rest } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [{ dropdownSelect, init }] = useState(\n () =>\n new DropdownCollectionFilterState({\n collectionFilter,\n resetOnClose: false,\n container,\n toolbar,\n }),\n );\n\n const {\n query: { search },\n } = collection;\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const {\n result: { keyedItems },\n fetchedLastPage,\n } = collection;\n\n const { options, fixedFooter, showInitialLoader } =\n usePlaceholderStateOptions(\n useBuildGroupedOptions({\n items: keyedItems.map(\n useBuildOption({\n filter,\n renderItem,\n }),\n ),\n renderSection,\n }),\n {\n collection,\n },\n );\n\n return (\n <SingleSelectFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n value={search.value}\n onChange={(e) => {\n collection.search(e.target.value);\n }}\n onFocus={onFocus}\n filter={filter}\n options={options}\n renderItem={renderItem}\n dropdownSelect={dropdownSelect}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n />\n );\n}\n\nexport const SingleSelectFilter = observer(_SingleSelectFilter);\n"],"mappings":"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","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_ = "SkeletonCard2883726709";
|
|
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": "SkeletonCard2883726709__root",
|
|
16
|
+
"headerLoading": "SkeletonCard2883726709__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_ = \"SkeletonCard2883726709\";\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\":\"SkeletonCard2883726709__root\",\"headerLoading\":\"SkeletonCard2883726709__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_ = "SlidingModal2273925421";
|
|
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": "SlidingModal2273925421__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_ = \"SlidingModal2273925421\";\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\":\"SlidingModal2273925421__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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_FilterContext","require","_CollectionContext","_react","_state","useFilterValueTotalState","value","params","filter","useFilterContext","collection","useCollectionContext","state","useState","FilterValueTotalState","useEffect","init","refresh"],"sources":["../../../../src/components/TabTotal/useFilterValueTotalState.ts"],"sourcesContent":["import { useFilterContext } from '../FilterContext';\nimport { useCollectionContext } from '../CollectionContext';\nimport { useEffect, useState } from 'react';\nimport { FilterValueTotalState } from '../../state';\nimport { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\n\nexport interface UseFilterValueTotalStateParams<V, T, F extends FiltersMap> {\n /**\n * The filter value (passed at first argument to `counterBadge(value)`)\n */\n readonly value: V | null | undefined;\n /**\n * [`OptimisticActions`](./?path=/story/
|
|
1
|
+
{"version":3,"names":["_FilterContext","require","_CollectionContext","_react","_state","useFilterValueTotalState","value","params","filter","useFilterContext","collection","useCollectionContext","state","useState","FilterValueTotalState","useEffect","init","refresh"],"sources":["../../../../src/components/TabTotal/useFilterValueTotalState.ts"],"sourcesContent":["import { useFilterContext } from '../FilterContext';\nimport { useCollectionContext } from '../CollectionContext';\nimport { useEffect, useState } from 'react';\nimport { FilterValueTotalState } from '../../state';\nimport { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';\n\nexport interface UseFilterValueTotalStateParams<V, T, F extends FiltersMap> {\n /**\n * The filter value (passed at first argument to `counterBadge(value)`)\n */\n readonly value: V | null | undefined;\n /**\n * [`OptimisticActions`](./?path=/story/features-actions-updates--collectionoptimisticactions) instance to wire the total to\n */\n readonly optimisticActions?: CollectionOptimisticActions<T, F>;\n /**\n * When set to `true` the total value will not change after table search\n */\n readonly ignoreSearch?: boolean;\n}\n\nexport function useFilterValueTotalState<V, T, F extends FiltersMap>({\n value,\n ...params\n}: UseFilterValueTotalStateParams<V, T, F>) {\n const filter = useFilterContext<V[]>();\n const collection = useCollectionContext();\n\n const [state] = useState(\n () =>\n new FilterValueTotalState({\n filter,\n value,\n collection,\n ...params,\n }),\n );\n\n useEffect(() => state.init(), []);\n useEffect(() => {\n if (value !== state.value) {\n state.refresh(value);\n }\n }, [value]);\n\n return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAkBO,SAASI,wBAAwBA,CAA6B;EACnEC,KAAK;EACL,GAAGC;AACoC,CAAC,EAAE;EAC1C,MAAMC,MAAM,GAAG,IAAAC,+BAAgB,EAAM,CAAC;EACtC,MAAMC,UAAU,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EAEzC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,4BAAqB,CAAC;IACxBN,MAAM;IACNF,KAAK;IACLI,UAAU;IACV,GAAGH;EACL,CAAC,CACL,CAAC;EAED,IAAAQ,gBAAS,EAAC,MAAMH,KAAK,CAACI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EACjC,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAIT,KAAK,KAAKM,KAAK,CAACN,KAAK,EAAE;MACzBM,KAAK,CAACK,OAAO,CAACX,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAOM,KAAK;AACd","ignoreList":[]}
|
|
@@ -27,14 +27,14 @@ function Table(props) {
|
|
|
27
27
|
__self: this,
|
|
28
28
|
__source: {
|
|
29
29
|
fileName: _jsxFileName,
|
|
30
|
-
lineNumber:
|
|
30
|
+
lineNumber: 35,
|
|
31
31
|
columnNumber: 5
|
|
32
32
|
}
|
|
33
33
|
})) : /*#__PURE__*/_react.default.createElement(_TableCompat.TableCompat, (0, _extends2.default)({}, tableProps, {
|
|
34
34
|
__self: this,
|
|
35
35
|
__source: {
|
|
36
36
|
fileName: _jsxFileName,
|
|
37
|
-
lineNumber:
|
|
37
|
+
lineNumber: 41,
|
|
38
38
|
columnNumber: 5
|
|
39
39
|
}
|
|
40
40
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_TableVirtual","_react2","_TableCompat","_jsxFileName","Table","props","rowHeight","estimatedRowHeight","isVirtual","tableProps","container","useWixPatternsContainer","internalExperiments","isVirtualExperiment","enabled","rowDetails","default","createElement","TableVirtual","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableVirtual } from './TableVirtual';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { TableCompat } from './TableCompat';\n\nexport interface TableProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n rowHeight?: number | ((item: T, index: number) => number);\n estimatedRowHeight?: number;\n /**\n * A collection state instance created using the [useCollection](./?path=/story/common-hooks--usecollection) hook, responsible for managing the data displayed in the table.\n * @external\n */\n state: CollectionState<T, F> | TableState<T, F>;\n\n // a flag to opt out from virtualization\n isVirtual?: boolean;\n}\n\nexport function Table<T, F extends FiltersMap = FiltersMap>(\n props: TableProps<T, F>,\n) {\n const { rowHeight, estimatedRowHeight, isVirtual, ...tableProps } = props;\n const container = useWixPatternsContainer();\n\n const { internalExperiments } = container;\n\n const isVirtualExperiment = internalExperiments?.enabled(\n 'specs.Cairo.TableVirtualizationAsDefault',\n );\n
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_TableVirtual","_react2","_TableCompat","_jsxFileName","Table","props","rowHeight","estimatedRowHeight","isVirtual","tableProps","container","useWixPatternsContainer","internalExperiments","isVirtualExperiment","enabled","rowDetails","default","createElement","TableVirtual","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableCompat"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { TableVirtual } from './TableVirtual';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { TableState } from '../../state';\nimport { TableCompat } from './TableCompat';\n\nexport interface TableProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n rowHeight?: number | ((item: T, index: number) => number);\n estimatedRowHeight?: number;\n /**\n * A collection state instance created using the [useCollection](./?path=/story/common-hooks--usecollection) hook, responsible for managing the data displayed in the table.\n * @external\n */\n state: CollectionState<T, F> | TableState<T, F>;\n\n // a flag to opt out from virtualization\n isVirtual?: boolean;\n}\n\nexport function Table<T, F extends FiltersMap = FiltersMap>(\n props: TableProps<T, F>,\n) {\n const { rowHeight, estimatedRowHeight, isVirtual, ...tableProps } = props;\n const container = useWixPatternsContainer();\n\n const { internalExperiments } = container;\n\n const isVirtualExperiment = internalExperiments?.enabled(\n 'specs.Cairo.TableVirtualizationAsDefault',\n );\n return isVirtualExperiment && isVirtual !== false && !props.rowDetails ? (\n <TableVirtual\n {...tableProps}\n rowHeight={rowHeight}\n estimatedRowHeight={estimatedRowHeight}\n />\n ) : (\n <TableCompat {...tableProps} />\n );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAA4C,IAAAI,YAAA;AAgBrC,SAASC,KAAKA,CACnBC,KAAuB,EACvB;EACA,MAAM;IAAEC,SAAS;IAAEC,kBAAkB;IAAEC,SAAS;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EACzE,MAAMK,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM;IAAEC;EAAoB,CAAC,GAAGF,SAAS;EAEzC,MAAMG,mBAAmB,GAAGD,mBAAmB,oBAAnBA,mBAAmB,CAAEE,OAAO,CACtD,0CACF,CAAC;EACD,OAAOD,mBAAmB,IAAIL,SAAS,KAAK,KAAK,IAAI,CAACH,KAAK,CAACU,UAAU,gBACpElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MACPP,UAAU;IACdH,SAAS,EAAEA,SAAU;IACrBC,kBAAkB,EAAEA,kBAAmB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC,gBAEF3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,WAAW,MAAAN,SAAA,CAAAH,OAAA,MAAKP,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAC/B;AACH","ignoreList":[]}
|
|
@@ -71,6 +71,7 @@ function _TableVirtual(props) {
|
|
|
71
71
|
}
|
|
72
72
|
}, children)));
|
|
73
73
|
return /*#__PURE__*/_react.default.createElement(_TableBase.TableBase, (0, _extends2.default)({}, props, {
|
|
74
|
+
useNewInfiniteScrollLoader: true,
|
|
74
75
|
state: state,
|
|
75
76
|
rowClass: st(classes.root, {
|
|
76
77
|
horizontalScroll
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_VirtualTableRepeater","_designSystem","_TableBase","_VirtualGridStateContext","_state","_react2","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableVirtual","props","rowHeight","estimatedRowHeight","horizontalScroll","container","useWixPatternsContainer","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","st","classes","Table","dataTableRowVirtualStyle","state","useState","TableState","collection","useEffect","runInAction","virtual","BodyElementType","children","createElement","VirtualGridStateProvider","value","__self","__source","fileName","lineNumber","columnNumber","VirtualTableRepeater","TableBase","_extends2","rowClass","root","headerClass","thead","headerRowClass","isApplyColumnWidthStyle","TableVirtual","exports","observer"],"sources":["../../../../src/components/Table/TableVirtual.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { runInAction } from 'mobx';\nimport {\n VirtualTableRepeater,\n VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { Table } from '@wix/design-system';\nimport { TableBase } from './TableBase';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport interface TableVirtualProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n rowHeight?: number | ((item: T, index: number) => number);\n estimatedRowHeight?: number;\n state: CollectionState<T, F> | TableState<T, F>;\n}\n\nfunction _TableVirtual<T, F extends FiltersMap = FiltersMap>(\n props: TableVirtualProps<T, F>,\n) {\n const { rowHeight, estimatedRowHeight, horizontalScroll = true } = props;\n const container = useWixPatternsContainer();\n\n if (process.env.NODE_ENV !== 'production') {\n // need this version because of style fixes on the WSR side\n minimalRequiredWdsRuntimeCheck({\n required: '^1.64.1',\n requiredBy: 'Cairo/TableVirtual',\n });\n }\n\n const { st, classes } =\n Table.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\n\n const [state] = useState(() =>\n props.state instanceof TableState\n ? props.state\n : new TableState<T, F>({\n collection: props.state,\n container,\n }),\n );\n\n useEffect(() => {\n runInAction(() => {\n state.virtual.rowHeight = rowHeight;\n });\n }, [rowHeight]);\n\n useEffect(() => {\n if (estimatedRowHeight == null) {\n return;\n }\n runInAction(() => {\n state.virtual.estimatedRowHeight = estimatedRowHeight;\n });\n }, [estimatedRowHeight]);\n\n const [BodyElementType] = useState(\n () =>\n ({ children }: VirtualTableRepeaterProps) =>\n (\n <VirtualGridStateProvider value={state.virtual}>\n <VirtualTableRepeater>{children}</VirtualTableRepeater>\n </VirtualGridStateProvider>\n ),\n );\n\n return (\n <TableBase\n {...props}\n state={state}\n rowClass={st(classes.root, { horizontalScroll })}\n headerClass={st(classes.thead)}\n headerRowClass={st(classes.root, { horizontalScroll })}\n horizontalScroll={horizontalScroll}\n isApplyColumnWidthStyle={true}\n BodyElementType={BodyElementType}\n />\n );\n}\nexport const TableVirtual = observer(_TableVirtual);\n"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_VirtualTableRepeater","_designSystem","_TableBase","_VirtualGridStateContext","_state","_react2","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableVirtual","props","rowHeight","estimatedRowHeight","horizontalScroll","container","useWixPatternsContainer","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","st","classes","Table","dataTableRowVirtualStyle","state","useState","TableState","collection","useEffect","runInAction","virtual","BodyElementType","children","createElement","VirtualGridStateProvider","value","__self","__source","fileName","lineNumber","columnNumber","VirtualTableRepeater","TableBase","_extends2","useNewInfiniteScrollLoader","rowClass","root","headerClass","thead","headerRowClass","isApplyColumnWidthStyle","TableVirtual","exports","observer"],"sources":["../../../../src/components/Table/TableVirtual.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { CollectionTableBaseProps } from '../CollectionTable';\nimport { runInAction } from 'mobx';\nimport {\n VirtualTableRepeater,\n VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { Table } from '@wix/design-system';\nimport { TableBase } from './TableBase';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport interface TableVirtualProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n rowHeight?: number | ((item: T, index: number) => number);\n estimatedRowHeight?: number;\n state: CollectionState<T, F> | TableState<T, F>;\n}\n\nfunction _TableVirtual<T, F extends FiltersMap = FiltersMap>(\n props: TableVirtualProps<T, F>,\n) {\n const { rowHeight, estimatedRowHeight, horizontalScroll = true } = props;\n const container = useWixPatternsContainer();\n\n if (process.env.NODE_ENV !== 'production') {\n // need this version because of style fixes on the WSR side\n minimalRequiredWdsRuntimeCheck({\n required: '^1.64.1',\n requiredBy: 'Cairo/TableVirtual',\n });\n }\n\n const { st, classes } =\n Table.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\n\n const [state] = useState(() =>\n props.state instanceof TableState\n ? props.state\n : new TableState<T, F>({\n collection: props.state,\n container,\n }),\n );\n\n useEffect(() => {\n runInAction(() => {\n state.virtual.rowHeight = rowHeight;\n });\n }, [rowHeight]);\n\n useEffect(() => {\n if (estimatedRowHeight == null) {\n return;\n }\n runInAction(() => {\n state.virtual.estimatedRowHeight = estimatedRowHeight;\n });\n }, [estimatedRowHeight]);\n\n const [BodyElementType] = useState(\n () =>\n ({ children }: VirtualTableRepeaterProps) =>\n (\n <VirtualGridStateProvider value={state.virtual}>\n <VirtualTableRepeater>{children}</VirtualTableRepeater>\n </VirtualGridStateProvider>\n ),\n );\n\n return (\n <TableBase\n {...props}\n useNewInfiniteScrollLoader\n state={state}\n rowClass={st(classes.root, { horizontalScroll })}\n headerClass={st(classes.thead)}\n headerRowClass={st(classes.root, { horizontalScroll })}\n horizontalScroll={horizontalScroll}\n isApplyColumnWidthStyle={true}\n BodyElementType={BodyElementType}\n />\n );\n}\nexport const TableVirtual = observer(_TableVirtual);\n"],"mappings":"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","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_ = "TableVirtual1774318802";
|
|
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
|
-
"thead": "
|
|
15
|
+
"root": "TableVirtual1774318802__root",
|
|
16
|
+
"thead": "TableVirtual1774318802__thead"
|
|
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/Table/TableVirtual.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/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual1774318802\";\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\":\"TableVirtual1774318802__root\",\"thead\":\"TableVirtual1774318802__thead\"};\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,OAAO,EAAC;AAA+B,CAAC;AAC7F,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":[]}
|
|
@@ -82,7 +82,7 @@ function _TableFoldersContent(props) {
|
|
|
82
82
|
__self: this,
|
|
83
83
|
__source: {
|
|
84
84
|
fileName: _jsxFileName,
|
|
85
|
-
lineNumber:
|
|
85
|
+
lineNumber: 176,
|
|
86
86
|
columnNumber: 15
|
|
87
87
|
}
|
|
88
88
|
});
|
|
@@ -93,7 +93,7 @@ function _TableFoldersContent(props) {
|
|
|
93
93
|
__self: this,
|
|
94
94
|
__source: {
|
|
95
95
|
fileName: _jsxFileName,
|
|
96
|
-
lineNumber:
|
|
96
|
+
lineNumber: 183,
|
|
97
97
|
columnNumber: 13
|
|
98
98
|
}
|
|
99
99
|
});
|
|
@@ -131,14 +131,14 @@ function _TableFoldersContent(props) {
|
|
|
131
131
|
__self: this,
|
|
132
132
|
__source: {
|
|
133
133
|
fileName: _jsxFileName,
|
|
134
|
-
lineNumber:
|
|
134
|
+
lineNumber: 231,
|
|
135
135
|
columnNumber: 11
|
|
136
136
|
}
|
|
137
137
|
}, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
|
|
138
138
|
__self: this,
|
|
139
139
|
__source: {
|
|
140
140
|
fileName: _jsxFileName,
|
|
141
|
-
lineNumber:
|
|
141
|
+
lineNumber: 232,
|
|
142
142
|
columnNumber: 13
|
|
143
143
|
}
|
|
144
144
|
}, children)));
|
|
@@ -169,7 +169,7 @@ function _TableFoldersContent(props) {
|
|
|
169
169
|
__self: this,
|
|
170
170
|
__source: {
|
|
171
171
|
fileName: _jsxFileName,
|
|
172
|
-
lineNumber:
|
|
172
|
+
lineNumber: 269,
|
|
173
173
|
columnNumber: 11
|
|
174
174
|
}
|
|
175
175
|
}),
|
|
@@ -211,7 +211,7 @@ function _TableFoldersContent(props) {
|
|
|
211
211
|
__self: this,
|
|
212
212
|
__source: {
|
|
213
213
|
fileName: _jsxFileName,
|
|
214
|
-
lineNumber:
|
|
214
|
+
lineNumber: 257,
|
|
215
215
|
columnNumber: 5
|
|
216
216
|
}
|
|
217
217
|
}), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
|
|
@@ -224,7 +224,7 @@ function _TableFoldersContent(props) {
|
|
|
224
224
|
__self: this,
|
|
225
225
|
__source: {
|
|
226
226
|
fileName: _jsxFileName,
|
|
227
|
-
lineNumber:
|
|
227
|
+
lineNumber: 313,
|
|
228
228
|
columnNumber: 7
|
|
229
229
|
}
|
|
230
230
|
}), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
|
|
@@ -232,7 +232,7 @@ function _TableFoldersContent(props) {
|
|
|
232
232
|
__self: this,
|
|
233
233
|
__source: {
|
|
234
234
|
fileName: _jsxFileName,
|
|
235
|
-
lineNumber:
|
|
235
|
+
lineNumber: 322,
|
|
236
236
|
columnNumber: 7
|
|
237
237
|
}
|
|
238
238
|
}, /*#__PURE__*/_react.default.createElement(_TableFoldersInfiniteScroll.TableFoldersInfiniteScroll, {
|
|
@@ -240,7 +240,7 @@ function _TableFoldersContent(props) {
|
|
|
240
240
|
__self: this,
|
|
241
241
|
__source: {
|
|
242
242
|
fileName: _jsxFileName,
|
|
243
|
-
lineNumber:
|
|
243
|
+
lineNumber: 323,
|
|
244
244
|
columnNumber: 9
|
|
245
245
|
}
|
|
246
246
|
})));
|