\r\n
\r\n {enableMultiSelection && (\r\n {\r\n if (e.target.checked) {\r\n checkAllMembers();\r\n } else {\r\n uncheckAllMembers();\r\n }\r\n }}\r\n readOnly\r\n indeterminate={\r\n excludeMembers &&\r\n selectedMembers.length > 0 &&\r\n selectedMembers.length < members.length\r\n }\r\n disabled={disabled}\r\n />\r\n )}\r\n setSearchString(s)}\r\n disabled={disabled}\r\n style={enableMultiSelection ? {} : { paddingLeft: 6 }}\r\n />\r\n
\r\n
\r\n {filteredMembers.map((member) => (\r\n {\r\n if (enableMultiSelection) {\r\n // when excludeMembers is true, unchecking (unticking) a member means selecting it\r\n onSelectMember(member, excludeMembers ? !isChecked : isChecked);\r\n } else {\r\n onSelectMember(member, isChecked);\r\n }\r\n }}\r\n disabled={disabled}\r\n inactive={inactiveMembersMap.has(member.key)}\r\n />\r\n ))}\r\n
\r\n
Loading...
;\r\n * }\r\n * console.log('selectedMembers', selectedMembers);\r\n * ```\r\n *\r\n * @returns Results that contains the status of the filter query execution, the result data, or the error if any occurred\r\n * @shortDescription Hook to fetch members of a filter\r\n * @group Filter Tiles\r\n */\r\nexport const useGetFilterMembers = withTracking('useGetFilterMembers')(useGetFilterMembersInternal);\r\n","import { Attribute, DataSource, Filter, filterFactory, MembersFilter } from '@sisense/sdk-data';\r\nimport { FunctionComponent, useCallback } from 'react';\r\nimport { Member, SelectedMember } from './members-reducer';\r\nimport { asSisenseComponent } from '../../../decorators/component-decorators/as-sisense-component';\r\nimport { FilterTileContainer, FilterTileDesignOptions } from '../filter-tile-container';\r\nimport { useSynchronizedFilter } from '@/filters/hooks/use-synchronized-filter';\r\nimport { PillSection } from './pill-section';\r\nimport { MemberList } from './member-list';\r\nimport merge from 'lodash-es/merge';\r\nimport { cloneFilterAndToggleDisabled } from '@/utils/filters';\r\nimport { useGetFilterMembersInternal } from '@/filters/hooks/use-get-filter-members';\r\n\r\n/**\r\n * Props of the {@link MemberFilterTile} component.\r\n */\r\nexport interface MemberFilterTileProps {\r\n /** Title for the filter tile, which is rendered into the header */\r\n title: string;\r\n /**\r\n * Data source the query is run against - e.g. `Sample ECommerce`\r\n *\r\n * If not specified, the query will use the `defaultDataSource` specified in the parent Sisense Context.\r\n */\r\n dataSource?: DataSource;\r\n /** Attribute to filter on. A query will run to fetch all this attribute's members */\r\n attribute: Attribute;\r\n /** Source filter object. Caller is responsible for keeping track of filter state */\r\n filter: Filter | null;\r\n /** Callback indicating when the source members filter should be updated */\r\n onChange: (filter: Filter | null) => void;\r\n /** Filter delete callback */\r\n onDelete?: () => void;\r\n /** Filter edit callback */\r\n onEdit?: () => void;\r\n /** List of filters this filter is dependent on */\r\n parentFilters?: Filter[];\r\n /** Design options for the tile @internal */\r\n tileDesignOptions?: FilterTileDesignOptions;\r\n}\r\n\r\n/**\r\n * UI component that allows the user to select members to include/exclude in a\r\n * filter. A query is executed against the provided data source to fetch\r\n * all members that are selectable.\r\n *\r\n * @example\r\n * Below is an example for filtering countries in the `Country` dimension of the `Sample ECommerce` data model.\r\n * ```tsx\r\n * const [countryFilter, setCountryFilter] = useState![](\"media://pivot-sorting-example-1.png\")
\r\n * @param props - Pivot Table properties\r\n * @returns Pivot Table component\r\n * @group Data Grids\r\n * @beta\r\n */\r\n\r\nexport const PivotTable = asSisenseComponent({\r\n componentName: 'PivotTable',\r\n})((pivotTableProps: PivotTableProps) => {\r\n const {\r\n dataSet,\r\n dataOptions,\r\n filters,\r\n highlights,\r\n refreshCounter = 0,\r\n onHeightChange,\r\n onDataPointClick,\r\n onDataPointContextMenu,\r\n } = pivotTableProps;\r\n const styleOptions = useMemo(\r\n () => pivotTableProps.styleOptions ?? {},\r\n [pivotTableProps.styleOptions],\r\n );\r\n const [size, setSize] = useState![](\"media://member-filter-tile-example-1.png\")
\r\n * @param props - Member filter tile props\r\n * @returns Member filter tile component\r\n * @group Filter Tiles\r\n */\r\nexport const MemberFilterTile: FunctionComponent![](\"media://basic-member-filter-tile-example-1.png\")
\r\n * @param props - Basic member filter tile props\r\n * @returns Basic member filter tile component\r\n * @internal\r\n */\r\nexport const BasicMemberFilterTile: FunctionComponent