@wix/patterns 1.169.0 → 1.171.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 +3 -9
- package/dist/cjs/components/AutoCompleteFilter/AutoCompleteFilter.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/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/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js +5 -5
- package/dist/cjs/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map +1 -1
- package/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js +3 -3
- package/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.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/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.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/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 +8 -8
- 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/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/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItem/ToolbarItem.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/hooks/useEntityPage.js.map +1 -1
- package/dist/cjs/hooks/{usePlaceholderStateOptions.js → useFilterCollectionStates.js} +26 -29
- package/dist/cjs/hooks/useFilterCollectionStates.js.map +1 -0
- package/dist/cjs/state/EntityPage/EntityPageState.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/test-utils/{MultiSelectCheckboxFilter.js → MultiSelectCheckboxStaticListFilter.js} +2 -2
- package/dist/cjs/test-utils/MultiSelectCheckboxStaticListFilter.js.map +1 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/components/AutoCompleteFilter/AutoCompleteFilter.js +2 -8
- package/dist/esm/components/AutoCompleteFilter/AutoCompleteFilter.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/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- 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/Fade/Fade.st.css.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/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/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js +3 -2
- package/dist/esm/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.js.map +1 -1
- package/dist/esm/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.js +3 -2
- package/dist/esm/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.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/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/SingleSelectFilter/SingleSelectFilter.js +4 -3
- package/dist/esm/components/SingleSelectFilter/SingleSelectFilter.js.map +1 -1
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- 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/ToolbarItem/ToolbarItem.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/hooks/useEntityPage.js.map +1 -1
- package/dist/esm/hooks/{usePlaceholderStateOptions.js → useFilterCollectionStates.js} +11 -13
- package/dist/esm/hooks/useFilterCollectionStates.js.map +1 -0
- package/dist/esm/state/EntityPage/EntityPageState.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/test-utils/{MultiSelectCheckboxFilter.js → MultiSelectCheckboxStaticListFilter.js} +1 -1
- package/dist/esm/test-utils/MultiSelectCheckboxStaticListFilter.js.map +1 -0
- package/dist/esm/version.js +1 -1
- package/dist/types/components/AutoCompleteFilter/AutoCompleteFilter.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/Fade/Fade.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/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTableRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerTableListItem/PickerTableListItem.st.css.d.ts.map +1 -1
- package/dist/types/components/SingleSelectFilter/SingleSelectFilter.d.ts.map +1 -1
- package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
- package/dist/types/hooks/useEntityPage.d.ts +1 -1
- package/dist/types/hooks/useEntityPage.d.ts.map +1 -1
- package/dist/types/hooks/useFilterCollectionStates.d.ts +11 -0
- package/dist/types/hooks/useFilterCollectionStates.d.ts.map +1 -0
- package/dist/types/state/EntityPage/EntityPageState.d.ts +4 -0
- package/dist/types/state/EntityPage/EntityPageState.d.ts.map +1 -1
- package/dist/types/test-utils/{MultiSelectCheckboxFilter.d.ts → MultiSelectCheckboxStaticListFilter.d.ts} +1 -1
- package/dist/types/test-utils/MultiSelectCheckboxStaticListFilter.d.ts.map +1 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +5 -5
- package/dist/cjs/hooks/usePlaceholderStateOptions.js.map +0 -1
- package/dist/cjs/test-utils/MultiSelectCheckboxFilter.js.map +0 -1
- package/dist/esm/hooks/usePlaceholderStateOptions.js.map +0 -1
- package/dist/esm/test-utils/MultiSelectCheckboxFilter.js.map +0 -1
- package/dist/types/hooks/usePlaceholderStateOptions.d.ts +0 -13
- package/dist/types/hooks/usePlaceholderStateOptions.d.ts.map +0 -1
- package/dist/types/test-utils/MultiSelectCheckboxFilter.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_usePlaceholderStateOptions","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","options","fixedFooter","showInitialLoader","usePlaceholderStateOptions","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","translationKey","initTask","status","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n KeyedItemOption,\n MultiSelectCheckboxFilterBase,\n MultiSelectCheckboxFilterBaseOption,\n MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\nimport {\n useCollectionFilterInitialFetchTiming,\n CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCheckboxFilterProps<\n V,\n F extends FiltersMap = FiltersMap,\n> extends Omit<\n MultiSelectCheckboxFilterBaseProps<V>,\n 'options' | 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /**\n * A collection state object to fetch the dropdown items.<br>\n * A collection created 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 * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n */\n renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n const {\n filter,\n collection,\n renderItem,\n onSelect,\n onClose,\n onOptionsShow,\n onDeselect,\n placeholder: placeholderProp,\n ...rest\n } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const buildOption = useBuildOption<V>({\n filter,\n renderItem,\n checkbox: true,\n });\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [dropdownCollectionFilterState] = useState(\n () =>\n new DropdownCollectionFilterState<V, F>({\n resetOnClose: false,\n collectionFilter,\n container,\n toolbar,\n }),\n );\n\n const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n dropdownCollectionFilterState;\n const { disableEditing } = inputState;\n\n const {\n select: { selectedKeys, selectedValues },\n finalFilterKeyedItems,\n finalFilterKeyedItemsMap,\n container: { translate: t },\n } = dropdownSelect;\n\n const [textOverflowState] = useState(\n () =>\n new TextOverflowState({\n observable: () => dropdownSelect.select.selectedValues,\n }),\n );\n const { isOverflow } = textOverflowState;\n\n const {\n result: { keyedItems },\n fetchedLastPage,\n query: {\n search: { isEmpty: isEmptySearch },\n },\n } = collection;\n\n const finalOptions = finalFilterKeyedItems.length\n ? finalFilterKeyedItems.map(buildOption)\n : [];\n\n const divider =\n finalFilterKeyedItems.length &&\n finalFilterKeyedItems.length !== keyedItems.length\n ? [\n listItemSectionBuilder({\n id: 'promoted-section-divider',\n type: 'divider',\n }),\n ]\n : [];\n\n const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n ...finalOptions,\n ...divider,\n ];\n\n const otherOptions: KeyedItemOption<V>[] = (\n isEmptySearch\n ? keyedItems.filter(({ key }) => !finalFilterKeyedItemsMap.has(key))\n : keyedItems\n ).map(buildOption);\n\n const { options, fixedFooter, showInitialLoader } =\n usePlaceholderStateOptions(\n [...(isEmptySearch ? promotedOptions : []), ...otherOptions],\n {\n collection,\n fixedFooter: rest.fixedFooter,\n },\n );\n\n const selectedValuesText = useMemo(() => {\n return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n }, [selectedValues]);\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const placeholder = useMemo(() => {\n if (!shouldShowPlaceholder) {\n return '';\n }\n\n if (selectedValues.length !== 0) {\n if (\n (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n isOverflow\n ) {\n return t('cairo.dropdownSearch.filters.selected', {\n total: selectedValues.length,\n });\n }\n\n return selectedValuesText;\n }\n\n if (placeholderProp) {\n return placeholderProp;\n }\n\n const translationKey = 'cairo.dropdownSearch.select.filers.placeholder';\n\n if (t(translationKey) !== translationKey) {\n return t(translationKey);\n }\n\n return '';\n }, [\n selectedValues,\n selectedValuesText,\n shouldShowPlaceholder,\n isOverflow,\n placeholderProp,\n container.initTask.status.status,\n ]);\n\n return (\n <MultiSelectCheckboxFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n filter={filter}\n dropdownSelect={dropdownSelect}\n options={options}\n selectedOptions={selectedKeys}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n onClose={() => {\n if (!dropdownSelect.hasPendingFilter) {\n dropdownSelect.closeAndChangeSelectedItems();\n }\n inputState.onBlur();\n onClose?.();\n }}\n onSelect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.set(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'add',\n clickedValueKey: keyedItem.key,\n });\n }\n onSelect?.(id, option);\n }}\n onDeselect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.delete(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'remove',\n clickedValueKey: keyedItem.key,\n });\n }\n onDeselect?.(id, option);\n }}\n value={collection.query.search.value}\n onFocus={() => {\n inputState.onFocus();\n onFocus();\n }}\n onBlur={() => {\n inputState.onBlur();\n }}\n onChange={(e) => {\n collection.search(e.target.value, { clearResult: true });\n }}\n onOptionsShow={() => {\n inputState.onOptionsShow();\n onOptionsShow?.();\n }}\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n inputState.onTabKeyDown();\n }\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n inputState.onClickOutside();\n }}\n onClear={() => {\n inputState.onBlur();\n collection.clearSearch();\n }}\n disableEditing={disableEditing}\n placeholder={placeholder}\n clearButton={!disableEditing}\n clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n focusOnClearClick\n inputElement={\n <InputOverflow\n selected={selectedValues.length > 0}\n focused={inputState.isFocused}\n text={selectedValuesText}\n state={textOverflowState}\n />\n }\n />\n );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_state","_bexCore","_react2","_mobxReactLite","_MultiSelectCheckboxFilterBase","_hooks","_InputOverflow","_providers","_useCollectionFilterInitialFetchTiming","_useFilterCollectionStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCheckboxFilter","props","filter","collection","renderItem","onSelect","onClose","onOptionsShow","onDeselect","placeholder","placeholderProp","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","checkbox","collectionFilter","useState","CollectionFilterState","dropdownCollectionFilterState","DropdownCollectionFilterState","resetOnClose","dropdownSelect","init","inputState","shouldShowPlaceholder","disableEditing","select","selectedKeys","selectedValues","finalFilterKeyedItems","finalFilterKeyedItemsMap","translate","textOverflowState","TextOverflowState","observable","isOverflow","result","keyedItems","fetchedLastPage","query","search","isEmpty","isEmptySearch","finalOptions","length","map","divider","listItemSectionBuilder","id","type","promotedOptions","otherOptions","key","options","fixedFooter","showInitialLoader","useFilterCollectionStates","selectedValuesText","useMemo","item","itemName","join","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","process","env","NODE_ENV","total","translationKey","initTask","status","createElement","MultiSelectCheckboxFilterBase","_extends2","infiniteScroll","selectedOptions","hasMore","loadMore","fetchNextPageIfNeeded","hasPendingFilter","closeAndChangeSelectedItems","onBlur","option","keyedItem","refreshIfChanged","actionType","clickedValueKey","delete","value","onChange","target","clearResult","onKeyDown","nativeEvent","code","onTabKeyDown","onClickOutside","onClear","clearSearch","clearButton","clearButtonTooltipContent","focusOnClearClick","inputElement","InputOverflow","selected","focused","isFocused","text","state","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCheckboxFilter","exports","observer"],"sources":["../../../../src/components/MultiSelectCheckboxFilter/MultiSelectCheckboxFilter.tsx"],"sourcesContent":["import { listItemSectionBuilder } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport {\n CollectionFilterState,\n DropdownCollectionFilterState,\n} from '../../state';\nimport { CollectionState, FiltersMap, TextOverflowState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport {\n KeyedItemOption,\n MultiSelectCheckboxFilterBase,\n MultiSelectCheckboxFilterBaseOption,\n MultiSelectCheckboxFilterBaseProps,\n} from '../MultiSelectCheckboxFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { InputOverflow } from '../InputOverflow';\nimport { useFilterToolbarState } from '../../providers';\nimport {\n useCollectionFilterInitialFetchTiming,\n CollectionFilterInitialFetchTimingProps,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\n\nexport interface MultiSelectCheckboxFilterProps<\n V,\n F extends FiltersMap = FiltersMap,\n> extends Omit<\n MultiSelectCheckboxFilterBaseProps<V>,\n 'options' | 'dropdownSelect'\n >,\n CollectionFilterInitialFetchTimingProps {\n /**\n * A collection state object to fetch the dropdown items.<br>\n * A collection created 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 * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n */\n renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCheckboxFilter<V, F extends FiltersMap = FiltersMap>(\n props: MultiSelectCheckboxFilterProps<V, F>,\n) {\n const {\n filter,\n collection,\n renderItem,\n onSelect,\n onClose,\n onOptionsShow,\n onDeselect,\n placeholder: placeholderProp,\n ...rest\n } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const buildOption = useBuildOption<V>({\n filter,\n renderItem,\n checkbox: true,\n });\n\n const [collectionFilter] = useState(\n () =>\n new CollectionFilterState({\n collection,\n filter,\n }),\n );\n\n const [dropdownCollectionFilterState] = useState(\n () =>\n new DropdownCollectionFilterState<V, F>({\n resetOnClose: false,\n collectionFilter,\n container,\n toolbar,\n }),\n );\n\n const { dropdownSelect, init, inputState, shouldShowPlaceholder } =\n dropdownCollectionFilterState;\n const { disableEditing } = inputState;\n\n const {\n select: { selectedKeys, selectedValues },\n finalFilterKeyedItems,\n finalFilterKeyedItemsMap,\n container: { translate: t },\n } = dropdownSelect;\n\n const [textOverflowState] = useState(\n () =>\n new TextOverflowState({\n observable: () => dropdownSelect.select.selectedValues,\n }),\n );\n const { isOverflow } = textOverflowState;\n\n const {\n result: { keyedItems },\n fetchedLastPage,\n query: {\n search: { isEmpty: isEmptySearch },\n },\n } = collection;\n\n const finalOptions = finalFilterKeyedItems.length\n ? finalFilterKeyedItems.map(buildOption)\n : [];\n\n const divider =\n finalFilterKeyedItems.length &&\n finalFilterKeyedItems.length !== keyedItems.length\n ? [\n listItemSectionBuilder({\n id: 'promoted-section-divider',\n type: 'divider',\n }),\n ]\n : [];\n\n const promotedOptions: MultiSelectCheckboxFilterBaseOption<V>[] = [\n ...finalOptions,\n ...divider,\n ];\n\n const otherOptions: KeyedItemOption<V>[] = (\n isEmptySearch\n ? keyedItems.filter(({ key }) => !finalFilterKeyedItemsMap.has(key))\n : keyedItems\n ).map(buildOption);\n\n const options = [...(isEmptySearch ? promotedOptions : []), ...otherOptions];\n const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n collection,\n fixedFooter: rest.fixedFooter,\n });\n\n const selectedValuesText = useMemo(() => {\n return selectedValues.map(({ item }) => filter.itemName(item)).join(', ');\n }, [selectedValues]);\n\n const { skipInitialFetch, onFocus } =\n useCollectionFilterInitialFetchTiming(props);\n\n useEffect(() => init({ skipInitialFetch }), []);\n\n const placeholder = useMemo(() => {\n if (!shouldShowPlaceholder) {\n return '';\n }\n\n if (selectedValues.length !== 0) {\n if (\n (process.env.NODE_ENV === 'test' && selectedValuesText.length > 40) ||\n isOverflow\n ) {\n return t('cairo.dropdownSearch.filters.selected', {\n total: selectedValues.length,\n });\n }\n\n return selectedValuesText;\n }\n\n if (placeholderProp) {\n return placeholderProp;\n }\n\n const translationKey = 'cairo.dropdownSearch.select.filers.placeholder';\n\n if (t(translationKey) !== translationKey) {\n return t(translationKey);\n }\n\n return '';\n }, [\n selectedValues,\n selectedValuesText,\n shouldShowPlaceholder,\n isOverflow,\n placeholderProp,\n container.initTask.status.status,\n ]);\n\n return (\n <MultiSelectCheckboxFilterBase\n {...rest}\n fixedFooter={fixedFooter}\n infiniteScroll\n filter={filter}\n dropdownSelect={dropdownSelect}\n options={options}\n selectedOptions={selectedKeys}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n onClose={() => {\n if (!dropdownSelect.hasPendingFilter) {\n dropdownSelect.closeAndChangeSelectedItems();\n }\n inputState.onBlur();\n onClose?.();\n }}\n onSelect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.set(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'add',\n clickedValueKey: keyedItem.key,\n });\n }\n onSelect?.(id, option);\n }}\n onDeselect={(id, option) => {\n const { keyedItem } = option as KeyedItemOption<V>;\n dropdownSelect.select.delete(keyedItem);\n if (dropdownSelect.hasPendingFilter) {\n dropdownSelect.refreshIfChanged({\n actionType: 'remove',\n clickedValueKey: keyedItem.key,\n });\n }\n onDeselect?.(id, option);\n }}\n value={collection.query.search.value}\n onFocus={() => {\n inputState.onFocus();\n onFocus();\n }}\n onBlur={() => {\n inputState.onBlur();\n }}\n onChange={(e) => {\n collection.search(e.target.value, { clearResult: true });\n }}\n onOptionsShow={() => {\n inputState.onOptionsShow();\n onOptionsShow?.();\n }}\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n inputState.onTabKeyDown();\n }\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n inputState.onClickOutside();\n }}\n onClear={() => {\n inputState.onBlur();\n collection.clearSearch();\n }}\n disableEditing={disableEditing}\n placeholder={placeholder}\n clearButton={!disableEditing}\n clearButtonTooltipContent={t('cairo.dropdownSearch.select.filers.clear')}\n focusOnClearClick\n inputElement={\n <InputOverflow\n selected={selectedValues.length > 0}\n focused={inputState.isFocused}\n text={selectedValuesText}\n state={textOverflowState}\n />\n }\n />\n );\n}\n\nexport const MultiSelectCheckboxFilter = observer(_MultiSelectCheckboxFilter);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,7 +11,7 @@ var _MultiSelectFilterBase = require("../MultiSelectFilterBase");
|
|
|
11
11
|
var _hooks = require("../../hooks");
|
|
12
12
|
var _react2 = require("@wix/bex-core/react");
|
|
13
13
|
var _providers = require("../../providers");
|
|
14
|
-
var
|
|
14
|
+
var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
|
|
15
15
|
var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
|
|
16
16
|
var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx";
|
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -61,11 +61,11 @@ function _MultiSelectCollectionFilter(props) {
|
|
|
61
61
|
},
|
|
62
62
|
fetchedLastPage
|
|
63
63
|
} = collection;
|
|
64
|
+
const options = keyedItems.map(buildOption);
|
|
64
65
|
const {
|
|
65
|
-
options,
|
|
66
66
|
fixedFooter,
|
|
67
67
|
showInitialLoader
|
|
68
|
-
} = (0,
|
|
68
|
+
} = (0, _useFilterCollectionStates.useFilterCollectionStates)({
|
|
69
69
|
collection,
|
|
70
70
|
fixedFooter: rest.fixedFooter
|
|
71
71
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_MultiSelectFilterBase","_hooks","_react2","_providers","_useFilterCollectionStates","_useCollectionFilterInitialFetchTiming","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiSelectCollectionFilter","props","filter","collection","renderItem","initialFetchTiming","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","buildOption","useBuildOption","collectionFilter","useState","CollectionFilterState","dropdownSelect","init","DropdownCollectionFilterState","resetOnClose","query","search","skipInitialFetch","onFocus","useCollectionFilterInitialFetchTiming","useEffect","result","keyedItems","fetchedLastPage","options","map","fixedFooter","showInitialLoader","useFilterCollectionStates","createElement","MultiSelectFilterBase","_extends2","infiniteScroll","value","onChange","target","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","MultiSelectCollectionFilter","exports","observer","displayName"],"sources":["../../../../src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.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 MultiSelectFilterBase,\n MultiSelectFilterBaseProps,\n} from '../MultiSelectFilterBase';\nimport { ListItem, useBuildOption } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport {\n CollectionFilterInitialFetchTimingProps,\n useCollectionFilterInitialFetchTiming,\n} from '../../hooks/useCollectionFilterInitialFetchTiming';\n\nexport interface MultiSelectCollectionFilterProps<V, F extends FiltersMap>\n extends Omit<MultiSelectFilterBaseProps<V>, 'options' | 'dropdownSelect'>,\n CollectionFilterInitialFetchTimingProps {\n /**\n * A collection state object to fetch the dropdown items.<br>\n * A collection created 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 * A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional)\n * @external\n */\n renderItem?: (item: V, index: number) => ListItem;\n}\n\nfunction _MultiSelectCollectionFilter<V, F extends FiltersMap>(\n props: MultiSelectCollectionFilterProps<V, F>,\n) {\n const { filter, collection, renderItem, initialFetchTiming, ...rest } = props;\n\n const container = useWixPatternsContainer();\n const toolbar = useFilterToolbarState();\n\n const buildOption = useBuildOption<V>({\n filter,\n renderItem,\n });\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: true,\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 = keyedItems.map(buildOption);\n const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n collection,\n fixedFooter: rest.fixedFooter,\n });\n\n return (\n <MultiSelectFilterBase\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 dropdownSelect={dropdownSelect}\n options={options}\n hasMore={!showInitialLoader && !fetchedLastPage}\n loadMore={collection.fetchNextPageIfNeeded}\n />\n );\n}\n\nexport const MultiSelectCollectionFilter = observer(\n _MultiSelectCollectionFilter,\n);\n\nMultiSelectCollectionFilter.displayName = 'MultiSelectCollectionFilter';\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_ = "NestedTablePlaceholderStatesRow2214563792";
|
|
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": "NestedTablePlaceholderStatesRow2214563792__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/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow2214563792\";\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\":\"NestedTablePlaceholderStatesRow2214563792__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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,17 +5,17 @@ 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_ = "NestedTableRow763301090";
|
|
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
|
-
"firstLevel": "
|
|
17
|
-
"placeholder": "
|
|
18
|
-
"parentHovered": "
|
|
15
|
+
"root": "NestedTableRow763301090__root",
|
|
16
|
+
"firstLevel": "NestedTableRow763301090__firstLevel",
|
|
17
|
+
"placeholder": "NestedTableRow763301090__placeholder",
|
|
18
|
+
"parentHovered": "NestedTableRow763301090__parentHovered"
|
|
19
19
|
};
|
|
20
20
|
var keyframes = exports.keyframes = {};
|
|
21
21
|
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/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow763301090\";\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\":\"NestedTableRow763301090__root\",\"firstLevel\":\"NestedTableRow763301090__firstLevel\",\"placeholder\":\"NestedTableRow763301090__placeholder\",\"parentHovered\":\"NestedTableRow763301090__parentHovered\"};\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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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_ = "MultipleDragOverlayEffect1709844729";
|
|
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": "MultipleDragOverlayEffect1709844729__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/MultipleDragOverlayEffect.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/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect1709844729\";\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\":\"MultipleDragOverlayEffect1709844729__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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_ = "NestedTableDragAndDropRow757865047";
|
|
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": "NestedTableDragAndDropRow757865047__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_ = \"NestedTableDragAndDropRow757865047\";\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\":\"NestedTableDragAndDropRow757865047__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":[]}
|
|
@@ -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_ = "PickerContent2181080043";
|
|
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": "PickerContent2181080043__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_ = \"PickerContent2181080043\";\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\":\"PickerContent2181080043__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_ = "PickerContentAdditionalStep1769594165";
|
|
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": "PickerContentAdditionalStep1769594165__root",
|
|
16
|
+
"titles": "PickerContentAdditionalStep1769594165__titles",
|
|
17
|
+
"suffix": "PickerContentAdditionalStep1769594165__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_ = \"PickerContentAdditionalStep1769594165\";\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\":\"PickerContentAdditionalStep1769594165__root\",\"titles\":\"PickerContentAdditionalStep1769594165__titles\",\"suffix\":\"PickerContentAdditionalStep1769594165__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":[]}
|
|
@@ -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_ = "PickerTableListItem3599526736";
|
|
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": "PickerTableListItem3599526736__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_ = \"PickerTableListItem3599526736\";\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\":\"PickerTableListItem3599526736__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_ = "ScrollableContent3369011618";
|
|
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": "ScrollableContent3369011618__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_ = \"ScrollableContent3369011618\";\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\":\"ScrollableContent3369011618__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":[]}
|
|
@@ -11,7 +11,7 @@ var _SingleSelectFilterBase = require("../SingleSelectFilterBase");
|
|
|
11
11
|
var _hooks = require("../../hooks");
|
|
12
12
|
var _react2 = require("@wix/bex-core/react");
|
|
13
13
|
var _providers = require("../../providers");
|
|
14
|
-
var
|
|
14
|
+
var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
|
|
15
15
|
var _useCollectionFilterInitialFetchTiming = require("../../hooks/useCollectionFilterInitialFetchTiming");
|
|
16
16
|
var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/SingleSelectFilter/SingleSelectFilter.tsx";
|
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -57,17 +57,17 @@ function _SingleSelectFilter(props) {
|
|
|
57
57
|
},
|
|
58
58
|
fetchedLastPage
|
|
59
59
|
} = collection;
|
|
60
|
-
const {
|
|
61
|
-
options,
|
|
62
|
-
fixedFooter,
|
|
63
|
-
showInitialLoader
|
|
64
|
-
} = (0, _usePlaceholderStateOptions.usePlaceholderStateOptions)((0, _hooks.useBuildGroupedOptions)({
|
|
60
|
+
const options = (0, _hooks.useBuildGroupedOptions)({
|
|
65
61
|
items: keyedItems.map((0, _hooks.useBuildOption)({
|
|
66
62
|
filter,
|
|
67
63
|
renderItem
|
|
68
64
|
})),
|
|
69
65
|
renderSection
|
|
70
|
-
})
|
|
66
|
+
});
|
|
67
|
+
const {
|
|
68
|
+
fixedFooter,
|
|
69
|
+
showInitialLoader
|
|
70
|
+
} = (0, _useFilterCollectionStates.useFilterCollectionStates)({
|
|
71
71
|
collection,
|
|
72
72
|
fixedFooter: rest.fixedFooter
|
|
73
73
|
});
|
|
@@ -88,7 +88,7 @@ function _SingleSelectFilter(props) {
|
|
|
88
88
|
__self: this,
|
|
89
89
|
__source: {
|
|
90
90
|
fileName: _jsxFileName,
|
|
91
|
-
lineNumber:
|
|
91
|
+
lineNumber: 105,
|
|
92
92
|
columnNumber: 5
|
|
93
93
|
}
|
|
94
94
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_SingleSelectFilterBase","_hooks","_react2","_providers","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_SingleSelectFilterBase","_hooks","_react2","_providers","_useFilterCollectionStates","_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","useBuildGroupedOptions","items","map","useBuildOption","fixedFooter","showInitialLoader","useFilterCollectionStates","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 { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\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 = useBuildGroupedOptions({\n items: keyedItems.map(\n useBuildOption({\n filter,\n renderItem,\n }),\n ),\n renderSection,\n });\n const { fixedFooter, showInitialLoader } = useFilterCollectionStates({\n collection,\n fixedFooter: rest.fixedFooter,\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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,uBAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,sCAAA,GAAAR,OAAA;AAG2D,IAAAS,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,SAAAZ,wBAAAY,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;AA+B3D,SAASW,mBAAmBA,CAC1BC,KAAoC,EACpC;EACA,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,aAAa;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAExE,MAAMM,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,OAAO,GAAG,IAAAC,gCAAqB,EAAC,CAAC;EAEvC,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EACjC,MACE,IAAIC,4BAAqB,CAAC;IACxBV,UAAU;IACVD;EACF,CAAC,CACL,CAAC;EAED,MAAM,CAAC;IAAEY,cAAc;IAAEC;EAAK,CAAC,CAAC,GAAG,IAAAH,eAAQ,EACzC,MACE,IAAII,oCAA6B,CAAC;IAChCL,gBAAgB;IAChBM,YAAY,EAAE,KAAK;IACnBV,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,MAAM;IACJS,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGhB,UAAU;EAEd,MAAM;IAAEiB,gBAAgB;IAAEC;EAAQ,CAAC,GACjC,IAAAC,4EAAqC,EAACrB,KAAK,CAAC;EAE9C,IAAAsB,gBAAS,EAAC,MAAMR,IAAI,CAAC;IAAEK;EAAiB,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,MAAM;IACJI,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC;EACF,CAAC,GAAGvB,UAAU;EAEd,MAAMwB,OAAO,GAAG,IAAAC,6BAAsB,EAAC;IACrCC,KAAK,EAAEJ,UAAU,CAACK,GAAG,CACnB,IAAAC,qBAAc,EAAC;MACb7B,MAAM;MACNE;IACF,CAAC,CACH,CAAC;IACDC;EACF,CAAC,CAAC;EACF,MAAM;IAAE2B,WAAW;IAAEC;EAAkB,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACnE/B,UAAU;IACV6B,WAAW,EAAE1B,IAAI,CAAC0B;EACpB,CAAC,CAAC;EAEF,oBACEhE,MAAA,CAAAkB,OAAA,CAAAiD,aAAA,CAAC9D,uBAAA,CAAA+D,sBAAsB,MAAAC,SAAA,CAAAnD,OAAA,MACjBoB,IAAI;IACR0B,WAAW,EAAEA,WAAY;IACzBM,cAAc;IACdC,KAAK,EAAEpB,MAAM,CAACoB,KAAM;IACpBC,QAAQ,EAAG3D,CAAC,IAAK;MACfsB,UAAU,CAACgB,MAAM,CAACtC,CAAC,CAAC4D,MAAM,CAACF,KAAK,CAAC;IACnC,CAAE;IACFlB,OAAO,EAAEA,OAAQ;IACjBnB,MAAM,EAAEA,MAAO;IACfyB,OAAO,EAAEA,OAAQ;IACjBvB,UAAU,EAAEA,UAAW;IACvBU,cAAc,EAAEA,cAAe;IAC/B4B,OAAO,EAAE,CAACT,iBAAiB,IAAI,CAACP,eAAgB;IAChDiB,QAAQ,EAAExC,UAAU,CAACyC,qBAAsB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC5C,CAAC;AAEN;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACpD,mBAAmB,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_ = "SkeletonCard2635266218";
|
|
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": "SkeletonCard2635266218__root",
|
|
16
|
+
"headerLoading": "SkeletonCard2635266218__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_ = \"SkeletonCard2635266218\";\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\":\"SkeletonCard2635266218__root\",\"headerLoading\":\"SkeletonCard2635266218__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_ = "SlidingModal3948450211";
|
|
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": "SlidingModal3948450211__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_ = \"SlidingModal3948450211\";\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\":\"SlidingModal3948450211__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":[]}
|