npm - @wix/patterns - Versions diffs - 1.430.0 → 1.432.0 - Mend

@wix/patterns 1.430.0 → 1.432.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.

Files changed (1490) hide show

package/dist/cjs/components/TagsWidget/TagsWidgetContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","manageTagsShowUndoToast","_initialTags$privateT","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","showUndoToast","useEffect","disposers","init","forEach","disposer","initialTagIdsKey","privateTags","tagIds","join","_initialTags$privateT2","tagsAssignmentState","replaceAssigned","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n MultiSelect,\n Box,\n TextButton,\n listItemActionBuilder,\n DropdownLayoutOption,\n Divider,\n ListItemAction,\n Tag,\n Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n ADD_ITEM_OPTION_ID,\n MANAGE_TAGS_OPTION_ID,\n TAG_MAX_LENGTH,\n TagsFormState,\n TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n extends Omit<\n TagsWidgetBaseProps,\n 'subtitle' \| 'dataHook' \| 'status' \| 'theme'\n > {\n state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n formState,\n}: {\n formState: TagsFormState;\n}) => {\n const { translate: t, initTask } = useWixPatternsContainer();\n useSelector(() => initTask.status);\n\n if (formState.displayedAssignedTags.length === 0) {\n return (\n <Text dataHook=\"tags-widget-readonly-empty-state\">\n {t('cairo.tags.tagsField.readOnly.emptyState')}\n </Text>\n );\n }\n\n return (\n <Box gap=\"tiny\">\n {formState.displayedAssignedTags.map((tag) => (\n <Tag\n key={tag.id}\n id={tag.id}\n dataHook=\"tags-widget-tag\"\n removable={false}\n >\n {tag.label}\n </Tag>\n ))}\n </Box>\n );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n import(\n /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n state,\n onSubmit,\n entityTypeName,\n initialTags,\n entityId,\n readOnly,\n popoverProps,\n manageTagsShowUndoToast,\n}: TagsWidgetContentProps) => {\n const { translate: t } = useWixPatternsContainer();\n const [formState] = useState(() =>\n runInAction(\n () =>\n (state.tagsFormState ??= new TagsFormState({\n initialTags,\n tagsManagementState: state.tagsManagementState,\n origin: state.origin,\n entityTypeName,\n })),\n ),\n );\n const [tagsModalState] = useState(\n () =>\n new TagsModalState({\n tagsManagementState: state.tagsManagementState,\n entityTypeName,\n showUndoToast: manageTagsShowUndoToast,\n }),\n );\n\n useEffect(() => {\n const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n return () => {\n disposers.forEach((disposer) => disposer());\n };\n }, []);\n\n const initialTagIdsKey = (initialTags?.privateTags?.tagIds ?? []).join(',');\n useEffect(() => {\n formState.tagsAssignmentState.replaceAssigned(\n initialTags?.privateTags?.tagIds ?? [],\n );\n }, [initialTagIdsKey]);\n\n const tagsOptions = useMemo(() => {\n const options = formState.displayedTagOptions;\n\n const addTagOptionItems = formState.shouldShowCreateTagOption\n ? [\n listItemActionBuilder({\n id: ADD_ITEM_OPTION_ID,\n title: t('cairo.tags.tagsWidget.options.add.CTA', {\n tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n }),\n prefixIcon: <AddIcon />,\n }),\n ]\n : [];\n\n return [...addTagOptionItems, ...options];\n }, [\n formState.displayedTagOptions,\n formState.searchValue,\n formState.shouldShowCreateTagOption,\n formState.displayedAssignedTags,\n ]);\n\n const handleSearchChange = useCallback((event) => {\n formState.handleSearchChange(event.target.value);\n }, []);\n\n const handleTagSelect = useCallback(\n async (option: DropdownLayoutOption) => {\n const convertedOption = {\n id: option.id as string,\n value: option.value as string,\n };\n formState.handleTagSelect(convertedOption, onSubmit);\n },\n [onSubmit],\n );\n\n const handleTagRemove = useCallback(\n (tagId) => {\n formState.unassignTag(tagId, onSubmit);\n },\n [onSubmit],\n );\n\n const handleOptionsShow = useCallback(() => {\n formState.handleOptionsShow();\n }, []);\n\n const handleManageTagsCtaClick = useCallback(() => {\n formState.handleManageTagsCtaClick();\n tagsModalState.openManageTagsModal({\n origin: formState.origin,\n tagSubOrigin: 'tagsWidget',\n });\n }, []);\n\n const handleMultiSelectFocus = useCallback(() => {\n formState.setIsMultiSelectOnFocus(true);\n }, []);\n\n const handleMultiSelectBlur = useCallback(() => {\n formState.setIsMultiSelectOnFocus(false);\n }, []);\n\n if (readOnly) {\n return <ReadonlyTagsWidgetContent formState={formState} />;\n }\n\n return (\n <>\n <MultiSelect\n popoverProps={popoverProps}\n value={formState.searchValue}\n onChange={handleSearchChange}\n options={tagsOptions}\n onFocus={handleMultiSelectFocus}\n onBlur={handleMultiSelectBlur}\n tags={formState.displayedAssignedTags}\n onOptionsShow={handleOptionsShow}\n markedOption={\n formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n }\n customSuffix={\n <Box>\n <TextButton\n size=\"small\"\n prefixIcon={<AddIcon />}\n dataHook=\"assign-tags-cta\"\n >\n {t('cairo.tags.tagsWidget.add.CTA')}\n </TextButton>\n </Box>\n }\n fixedFooter={\n formState.isInEmptyState ? undefined : (\n <div>\n {!!tagsOptions.length && <Divider />}\n <ListItemAction\n dataHook=\"manage-tags-cta\"\n onClick={handleManageTagsCtaClick}\n id={MANAGE_TAGS_OPTION_ID}\n title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n />\n </div>\n )\n }\n onSelect={handleTagSelect}\n onRemoveTag={handleTagRemove}\n placeholder={\n formState.isInEmptyState && formState.isMultiSelectOnFocus\n ? t('cairo.tags.tagsWidget.input.placeholder')\n : undefined\n }\n dataHook=\"tags-widget-multi-select\"\n />\n <React.Suspense fallback={null}>\n <ManageTagsModal state={tagsModalState} />\n </React.Suspense>\n </>\n );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_lazy","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","manageTagsShowUndoToast","_initialTags$privateT","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","showUndoToast","useEffect","disposers","init","forEach","disposer","initialTagIdsKey","privateTags","tagIds","join","_initialTags$privateT2","tagsAssignmentState","replaceAssigned","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n MultiSelect,\n Box,\n TextButton,\n listItemActionBuilder,\n DropdownLayoutOption,\n Divider,\n ListItemAction,\n Tag,\n Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n ADD_ITEM_OPTION_ID,\n MANAGE_TAGS_OPTION_ID,\n TAG_MAX_LENGTH,\n TagsFormState,\n TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n extends Omit<\n TagsWidgetBaseProps,\n 'subtitle' \| 'dataHook' \| 'status' \| 'theme'\n > {\n state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n formState,\n}: {\n formState: TagsFormState;\n}) => {\n const { translate: t, initTask } = useWixPatternsContainer();\n useSelector(() => initTask.status);\n\n if (formState.displayedAssignedTags.length === 0) {\n return (\n <Text dataHook=\"tags-widget-readonly-empty-state\">\n {t('cairo.tags.tagsField.readOnly.emptyState')}\n </Text>\n );\n }\n\n return (\n <Box gap=\"tiny\">\n {formState.displayedAssignedTags.map((tag) => (\n <Tag\n key={tag.id}\n id={tag.id}\n dataHook=\"tags-widget-tag\"\n removable={false}\n >\n {tag.label}\n </Tag>\n ))}\n </Box>\n );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n import(\n /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n state,\n onSubmit,\n entityTypeName,\n initialTags,\n entityId,\n readOnly,\n popoverProps,\n manageTagsShowUndoToast,\n}: TagsWidgetContentProps) => {\n const { translate: t } = useWixPatternsContainer();\n const [formState] = useState(() =>\n runInAction(\n () =>\n (state.tagsFormState ??= new TagsFormState({\n initialTags,\n tagsManagementState: state.tagsManagementState,\n origin: state.origin,\n entityTypeName,\n })),\n ),\n );\n const [tagsModalState] = useState(\n () =>\n new TagsModalState({\n tagsManagementState: state.tagsManagementState,\n entityTypeName,\n showUndoToast: manageTagsShowUndoToast,\n }),\n );\n\n useEffect(() => {\n const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n return () => {\n disposers.forEach((disposer) => disposer());\n };\n }, []);\n\n const initialTagIdsKey = (initialTags?.privateTags?.tagIds ?? []).join(',');\n useEffect(() => {\n formState.tagsAssignmentState.replaceAssigned(\n initialTags?.privateTags?.tagIds ?? [],\n );\n }, [initialTagIdsKey]);\n\n const tagsOptions = useMemo(() => {\n const options = formState.displayedTagOptions;\n\n const addTagOptionItems = formState.shouldShowCreateTagOption\n ? [\n listItemActionBuilder({\n id: ADD_ITEM_OPTION_ID,\n title: t('cairo.tags.tagsWidget.options.add.CTA', {\n tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n }),\n prefixIcon: <AddIcon />,\n }),\n ]\n : [];\n\n return [...addTagOptionItems, ...options];\n }, [\n formState.displayedTagOptions,\n formState.searchValue,\n formState.shouldShowCreateTagOption,\n formState.displayedAssignedTags,\n ]);\n\n const handleSearchChange = useCallback((event) => {\n formState.handleSearchChange(event.target.value);\n }, []);\n\n const handleTagSelect = useCallback(\n async (option: DropdownLayoutOption) => {\n const convertedOption = {\n id: option.id as string,\n value: option.value as string,\n };\n formState.handleTagSelect(convertedOption, onSubmit);\n },\n [onSubmit],\n );\n\n const handleTagRemove = useCallback(\n (tagId) => {\n formState.unassignTag(tagId, onSubmit);\n },\n [onSubmit],\n );\n\n const handleOptionsShow = useCallback(() => {\n formState.handleOptionsShow();\n }, []);\n\n const handleManageTagsCtaClick = useCallback(() => {\n formState.handleManageTagsCtaClick();\n tagsModalState.openManageTagsModal({\n origin: formState.origin,\n tagSubOrigin: 'tagsWidget',\n });\n }, []);\n\n const handleMultiSelectFocus = useCallback(() => {\n formState.setIsMultiSelectOnFocus(true);\n }, []);\n\n const handleMultiSelectBlur = useCallback(() => {\n formState.setIsMultiSelectOnFocus(false);\n }, []);\n\n if (readOnly) {\n return <ReadonlyTagsWidgetContent formState={formState} />;\n }\n\n return (\n <>\n <MultiSelect\n popoverProps={popoverProps}\n value={formState.searchValue}\n onChange={handleSearchChange}\n options={tagsOptions}\n onFocus={handleMultiSelectFocus}\n onBlur={handleMultiSelectBlur}\n tags={formState.displayedAssignedTags}\n onOptionsShow={handleOptionsShow}\n markedOption={\n formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n }\n customSuffix={\n <Box>\n <TextButton\n size=\"small\"\n prefixIcon={<AddIcon />}\n dataHook=\"assign-tags-cta\"\n >\n {t('cairo.tags.tagsWidget.add.CTA')}\n </TextButton>\n </Box>\n }\n fixedFooter={\n formState.isInEmptyState ? undefined : (\n <div>\n {!!tagsOptions.length && <Divider />}\n <ListItemAction\n dataHook=\"manage-tags-cta\"\n onClick={handleManageTagsCtaClick}\n id={MANAGE_TAGS_OPTION_ID}\n title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n />\n </div>\n )\n }\n onSelect={handleTagSelect}\n onRemoveTag={handleTagRemove}\n placeholder={\n formState.isInEmptyState && formState.isMultiSelectOnFocus\n ? t('cairo.tags.tagsWidget.input.placeholder')\n : undefined\n }\n dataHook=\"tags-widget-multi-select\"\n />\n <React.Suspense fallback={null}>\n <ManageTagsModal state={tagsModalState} />\n </React.Suspense>\n </>\n );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js CHANGED Viewed

@@ -46,24 +46,22 @@ function useToolbarCollectionSyncProps(props) {
     };
   }, []);
   (0, _react.useEffect)(() => {
-    (0, _mobx.reaction)(() => ({
-      scrollTop: state.scrollTopBeforeUnmount,
-      routerState: router == null ? void 0 : router.currentState
-    }), ({
-      scrollTop,
-      routerState
-    }) => {
-      pageState.scrollTopBeforeUnmount = routerState != null && routerState._createdEntity ? 0 : scrollTop;
-    }, {
-      fireImmediately: true
-    });
-    return () => {
-      var _pageState$pageState$;
-      const scrollTop = (_pageState$pageState$ = pageState.pageState.scrollableContentRef.current) == null ? void 0 : _pageState$pageState$.scrollTop;
-      if (scrollTop !== undefined) {
-        state.scrollTopBeforeUnmount = scrollTop;
+    var _router$currentState;
+    pageState.scrollTopBeforeUnmount = router != null && (_router$currentState = router.currentState) != null && _router$currentState._createdEntity ? 0 : state.scrollTopBeforeUnmount;
+    // The offset belongs to a single trip back. The cached state outlives it,
+    // so leaving it set would restore it again on any later remount.
+    state.scrollTopBeforeUnmount = null;
+    return (0, _mobx.reaction)(() => router == null ? void 0 : router.currentState, routerState => {
+      if (!(routerState != null && routerState._chosenEntity)) {
+        return;
       }
-    };
+      // Reading it on unmount is too late: React detaches the page before
+      // effect cleanups run, and a detached element reports scrollTop 0.
+      const el = pageState.pageState.scrollableContentRef.current;
+      if (el) {
+        state.scrollTopBeforeUnmount = el.scrollTop;
+      }
+    });
   }, []);
   const getIsUsingAllItemsView = () => !!(
   // views=undefined, it means thw user didn't pass so allItemsViews=false

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","showFieldTypeIcons","checkConflictingToolbarProps","container","isPanelLayout","runInAction","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n props: ToolbarCollectionProps<T, F> & {\n isUsingDragAndDrop: boolean;\n isUsingBulkActionsToolbar: boolean;\n isUsingHorizontalScroll: boolean;\n isUsingFolders: boolean;\n isUsingTableVirtualization: boolean;\n isUsingExpandCollapse?: boolean;\n },\n) {\n const {\n state,\n views,\n tabs,\n exportButton,\n importButton,\n dragAndDropCategories,\n maxSelection,\n search,\n filters,\n isUsingDragAndDrop,\n isUsingBulkActionsToolbar,\n isUsingHorizontalScroll,\n isUsingFolders,\n isUsingTableVirtualization,\n summaryBar,\n secondaryActions,\n moreActions,\n internalScroll,\n showFieldTypeIcons,\n } = props;\n\n checkConflictingToolbarProps(props);\n\n state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n runInAction(() => {\n state.showFieldTypeIcons = showFieldTypeIcons ?? false;\n });\n\n const pageState = useCollectionPageContext();\n const router = useWixPatternsRouter();\n\n useEffect(() => {\n pageState.primaryToolbar = state;\n\n return () => {\n if (pageState.primaryToolbar === state) {\n pageState.primaryToolbar = null;\n }\n };\n }, []);\n\n useEffect(() => {\n reaction(\n () => ({\n scrollTop: state.scrollTopBeforeUnmount,\n routerState: router?.currentState,\n }),\n ({ scrollTop, routerState }) => {\n pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n ? 0\n : scrollTop;\n },\n { fireImmediately: true },\n );\n\n return () => {\n const scrollTop =\n pageState.pageState.scrollableContentRef.current?.scrollTop;\n if (scrollTop !== undefined) {\n state.scrollTopBeforeUnmount = scrollTop;\n }\n };\n }, []);\n\n const getIsUsingAllItemsView = () =>\n !!(\n // views=undefined, it means thw user didn't pass so allItemsViews=false\n (\n views &&\n // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n (!views.props \|\|\n // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n // without configuring the hidden so allItemsViews=true\n !views.props.allItemsViewProps \|\|\n // allItemsViews depends on hidden's value\n !views.props.allItemsViewProps.hidden)\n )\n );\n\n useEffect(() => {\n if (exportButton) {\n state.featuredComponents.exportButton.set(exportButton);\n }\n\n return () => {\n state.featuredComponents.exportButton.set(null);\n };\n }, [exportButton]);\n\n useEffect(() => {\n if (importButton) {\n state.featuredComponents.importButton.set(importButton);\n }\n\n return () => {\n state.featuredComponents.importButton.set(null);\n };\n }, [importButton]);\n\n const tabsFilterProps = useMemo(() => {\n return tabs?.props\n ? {\n filter: tabs.props.filter,\n }\n : undefined;\n }, [tabs]);\n\n useEffect(\n () =>\n reaction(\n () => pageState.hasHeader,\n (hasHeader) => {\n if (hasHeader) {\n state.minimizedHeaderHeight = 66;\n }\n },\n {\n fireImmediately: true,\n },\n ),\n [],\n );\n\n useSyncTotal(state.collection);\n\n useEffect(() => {\n runInAction(() => {\n state.dragAndDropCategories = dragAndDropCategories;\n });\n // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n }, []);\n\n useState(() => views?.type.setViewsState(state, views?.props));\n\n useEffect(\n action(() => {\n state.viewsProps = views?.props;\n }),\n [views],\n );\n\n useState(() => {\n props.AddApplyFiltersButton?.setStateObject(state);\n\n state.featuresAvailability = {\n isDisablingSearch: search === false,\n isUsingFilters: !!filters,\n isUsingDragAndDrop,\n isUsingBulkActionsToolbar,\n isUsingHorizontalScroll,\n isUsingFolders,\n isUsingTableVirtualization,\n isUsingTags: !!props.tags,\n isUsingTabs: !!tabs,\n isUsingSummaryRow: !!summaryBar,\n isUsingSecondaryActions: !!secondaryActions,\n isUsingMoreActions: !!moreActions,\n };\n\n state.additionalFeaturesAvailability = {\n isUsingTableSubtitle: !!props.title?.props.subtitle,\n isUsingCounterInHeader: !!props.title?.props.showTotal,\n isUsingSelectAllLimitation: !!props.maxSelection,\n isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n isUsingAllItemsView: getIsUsingAllItemsView(),\n isUsingCustomEmptyState: !!props.emptyState,\n isUsingCustomNoResultsState: !!props.noResultsState,\n isUsingPrimaryActionCta: !!props.primaryActionButton,\n isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n };\n });\n\n useEffect(\n action(() => {\n if (tabsFilterProps?.filter) {\n state.tabsFilterProps = tabsFilterProps;\n tabsFilterProps.filter.persistent = true;\n }\n }),\n [tabsFilterProps],\n );\n\n useEffect(() => {\n runInAction(() => {\n state.bulk.maxSelection = maxSelection;\n });\n }, [maxSelection]);\n\n return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEO,SAASM,6BAA6BA,CAC3CC,KAOC,EACD;EACA,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,IAAI;IACJC,YAAY;IACZC,YAAY;IACZC,qBAAqB;IACrBC,YAAY;IACZC,MAAM;IACNC,OAAO;IACPC,kBAAkB;IAClBC,yBAAyB;IACzBC,uBAAuB;IACvBC,cAAc;IACdC,0BAA0B;IAC1BC,UAAU;IACVC,gBAAgB;IAChBC,WAAW;IACXC,cAAc;IACdC;EACF,CAAC,GAAGnB,KAAK;EAET,IAAAoB,0DAA4B,EAACpB,KAAK,CAAC;EAEnCC,KAAK,CAACiB,cAAc,GAAGjB,KAAK,CAACoB,SAAS,CAACC,aAAa,GAAG,IAAI,GAAGJ,cAAc;EAC5E,IAAAK,iBAAW,EAAC,MAAM;IAChBtB,KAAK,CAACkB,kBAAkB,GAAGA,kBAAkB,IAAI,KAAK;EACxD,CAAC,CAAC;EAEF,MAAMK,SAAS,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAC5C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,IAAAC,gBAAS,EAAC,MAAM;IACdJ,SAAS,CAACK,cAAc,GAAG5B,KAAK;IAEhC,OAAO,MAAM;MACX,IAAIuB,SAAS,CAACK,cAAc,KAAK5B,KAAK,EAAE;QACtCuB,SAAS,CAACK,cAAc,GAAG,IAAI;MACjC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAAE,cAAQ,EACN,OAAO;MACLC,SAAS,EAAE9B,KAAK,CAAC+B,sBAAsB;MACvCC,WAAW,EAAEP,MAAM,oBAANA,MAAM,CAAEQ;IACvB,CAAC,CAAC,EACF,CAAC;MAAEH,SAAS;MAAEE;IAAY,CAAC,KAAK;MAC9BT,SAAS,CAACQ,sBAAsB,GAAGC,WAAW,YAAXA,WAAW,CAAEE,cAAc,GAC1D,CAAC,GACDJ,SAAS;IACf,CAAC,EACD;MAAEK,eAAe,EAAE;IAAK,CAC1B,CAAC;IAED,OAAO,MAAM;MAAA,IAAAC,qBAAA;MACX,MAAMN,SAAS,IAAAM,qBAAA,GACbb,SAAS,CAACA,SAAS,CAACc,oBAAoB,CAACC,OAAO,qBAAhDF,qBAAA,CAAkDN,SAAS;MAC7D,IAAIA,SAAS,KAAKS,SAAS,EAAE;QAC3BvC,KAAK,CAAC+B,sBAAsB,GAAGD,SAAS;MAC1C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,sBAAsB,GAAGA,CAAA,KAC7B,CAAC;EACC;;EAEEvC,KAAK;EACL;EACC,CAACA,KAAK,CAACF,KAAK;EACX;EACA;EACA,CAACE,KAAK,CAACF,KAAK,CAAC0C,iBAAiB;EAC9B;EACA,CAACxC,KAAK,CAACF,KAAK,CAAC0C,iBAAiB,CAACC,MAAM,CAAC,CAE3C;EAEH,IAAAf,gBAAS,EAAC,MAAM;IACd,IAAIxB,YAAY,EAAE;MAChBH,KAAK,CAAC2C,kBAAkB,CAACxC,YAAY,CAACyC,GAAG,CAACzC,YAAY,CAAC;IACzD;IAEA,OAAO,MAAM;MACXH,KAAK,CAAC2C,kBAAkB,CAACxC,YAAY,CAACyC,GAAG,CAAC,IAAI,CAAC;IACjD,CAAC;EACH,CAAC,EAAE,CAACzC,YAAY,CAAC,CAAC;EAElB,IAAAwB,gBAAS,EAAC,MAAM;IACd,IAAIvB,YAAY,EAAE;MAChBJ,KAAK,CAAC2C,kBAAkB,CAACvC,YAAY,CAACwC,GAAG,CAACxC,YAAY,CAAC;IACzD;IAEA,OAAO,MAAM;MACXJ,KAAK,CAAC2C,kBAAkB,CAACvC,YAAY,CAACwC,GAAG,CAAC,IAAI,CAAC;IACjD,CAAC;EACH,CAAC,EAAE,CAACxC,YAAY,CAAC,CAAC;EAElB,MAAMyC,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAO5C,IAAI,YAAJA,IAAI,CAAEH,KAAK,GACd;MACEgD,MAAM,EAAE7C,IAAI,CAACH,KAAK,CAACgD;IACrB,CAAC,GACDR,SAAS;EACf,CAAC,EAAE,CAACrC,IAAI,CAAC,CAAC;EAEV,IAAAyB,gBAAS,EACP,MACE,IAAAE,cAAQ,EACN,MAAMN,SAAS,CAACyB,SAAS,EACxBA,SAAS,IAAK;IACb,IAAIA,SAAS,EAAE;MACbhD,KAAK,CAACiD,qBAAqB,GAAG,EAAE;IAClC;EACF,CAAC,EACD;IACEd,eAAe,EAAE;EACnB,CACF,CAAC,EACH,EACF,CAAC;EAED,IAAAe,0BAAY,EAAClD,KAAK,CAACmD,UAAU,CAAC;EAE9B,IAAAxB,gBAAS,EAAC,MAAM;IACd,IAAAL,iBAAW,EAAC,MAAM;MAChBtB,KAAK,CAACK,qBAAqB,GAAGA,qBAAqB;IACrD,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA+C,eAAQ,EAAC,MAAMnD,KAAK,oBAALA,KAAK,CAAEoD,IAAI,CAACC,aAAa,CAACtD,KAAK,EAAEC,KAAK,oBAALA,KAAK,CAAEF,KAAK,CAAC,CAAC;EAE9D,IAAA4B,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACXvD,KAAK,CAACwD,UAAU,GAAGvD,KAAK,oBAALA,KAAK,CAAEF,KAAK;EACjC,CAAC,CAAC,EACF,CAACE,KAAK,CACR,CAAC;EAED,IAAAmD,eAAQ,EAAC,MAAM;IAAA,IAAAK,qBAAA,EAAAC,YAAA,EAAAC,aAAA;IACb,CAAAF,qBAAA,GAAA1D,KAAK,CAAC6D,qBAAqB,aAA3BH,qBAAA,CAA6BI,cAAc,CAAC7D,KAAK,CAAC;IAElDA,KAAK,CAAC8D,oBAAoB,GAAG;MAC3BC,iBAAiB,EAAExD,MAAM,KAAK,KAAK;MACnCyD,cAAc,EAAE,CAAC,CAACxD,OAAO;MACzBC,kBAAkB;MAClBC,yBAAyB;MACzBC,uBAAuB;MACvBC,cAAc;MACdC,0BAA0B;MAC1BoD,WAAW,EAAE,CAAC,CAAClE,KAAK,CAACmE,IAAI;MACzBC,WAAW,EAAE,CAAC,CAACjE,IAAI;MACnBkE,iBAAiB,EAAE,CAAC,CAACtD,UAAU;MAC/BuD,uBAAuB,EAAE,CAAC,CAACtD,gBAAgB;MAC3CuD,kBAAkB,EAAE,CAAC,CAACtD;IACxB,CAAC;IAEDhB,KAAK,CAACuE,8BAA8B,GAAG;MACrCC,oBAAoB,EAAE,CAAC,GAAAd,YAAA,GAAC3D,KAAK,CAAC0E,KAAK,aAAXf,YAAA,CAAa3D,KAAK,CAAC2E,QAAQ;MACnDC,sBAAsB,EAAE,CAAC,GAAAhB,aAAA,GAAC5D,KAAK,CAAC0E,KAAK,aAAXd,aAAA,CAAa5D,KAAK,CAAC6E,SAAS;MACtDC,0BAA0B,EAAE,CAAC,CAAC9E,KAAK,CAACO,YAAY;MAChDwE,mBAAmB,EAAE,CAAC,EAAE/E,KAAK,CAACgF,UAAU,IAAIhF,KAAK,CAACiF,WAAW,CAAC;MAC9DC,mBAAmB,EAAEzC,sBAAsB,CAAC,CAAC;MAC7C0C,uBAAuB,EAAE,CAAC,CAACnF,KAAK,CAACoF,UAAU;MAC3CC,2BAA2B,EAAE,CAAC,CAACrF,KAAK,CAACsF,cAAc;MACnDC,uBAAuB,EAAE,CAAC,CAACvF,KAAK,CAACwF,mBAAmB;MACpDC,qBAAqB,EAAE,CAAC,CAACzF,KAAK,CAACyF;IACjC,CAAC;EACH,CAAC,CAAC;EAEF,IAAA7D,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACX,IAAIV,eAAe,YAAfA,eAAe,CAAEE,MAAM,EAAE;MAC3B/C,KAAK,CAAC6C,eAAe,GAAGA,eAAe;MACvCA,eAAe,CAACE,MAAM,CAAC0C,UAAU,GAAG,IAAI;IAC1C;EACF,CAAC,CAAC,EACF,CAAC5C,eAAe,CAClB,CAAC;EAED,IAAAlB,gBAAS,EAAC,MAAM;IACd,IAAAL,iBAAW,EAAC,MAAM;MAChBtB,KAAK,CAAC0F,IAAI,CAACpF,YAAY,GAAGA,YAAY;IACxC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAON,KAAK;AACd","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","showFieldTypeIcons","checkConflictingToolbarProps","container","isPanelLayout","runInAction","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","_router$currentState","scrollTopBeforeUnmount","currentState","_createdEntity","reaction","routerState","_chosenEntity","el","scrollableContentRef","current","scrollTop","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","hasHeader","minimizedHeaderHeight","fireImmediately","useSyncTotal","collection","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n props: ToolbarCollectionProps<T, F> & {\n isUsingDragAndDrop: boolean;\n isUsingBulkActionsToolbar: boolean;\n isUsingHorizontalScroll: boolean;\n isUsingFolders: boolean;\n isUsingTableVirtualization: boolean;\n isUsingExpandCollapse?: boolean;\n },\n) {\n const {\n state,\n views,\n tabs,\n exportButton,\n importButton,\n dragAndDropCategories,\n maxSelection,\n search,\n filters,\n isUsingDragAndDrop,\n isUsingBulkActionsToolbar,\n isUsingHorizontalScroll,\n isUsingFolders,\n isUsingTableVirtualization,\n summaryBar,\n secondaryActions,\n moreActions,\n internalScroll,\n showFieldTypeIcons,\n } = props;\n\n checkConflictingToolbarProps(props);\n\n state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n runInAction(() => {\n state.showFieldTypeIcons = showFieldTypeIcons ?? false;\n });\n\n const pageState = useCollectionPageContext();\n const router = useWixPatternsRouter();\n\n useEffect(() => {\n pageState.primaryToolbar = state;\n\n return () => {\n if (pageState.primaryToolbar === state) {\n pageState.primaryToolbar = null;\n }\n };\n }, []);\n\n useEffect(() => {\n pageState.scrollTopBeforeUnmount = router?.currentState?._createdEntity\n ? 0\n : state.scrollTopBeforeUnmount;\n // The offset belongs to a single trip back. The cached state outlives it,\n // so leaving it set would restore it again on any later remount.\n state.scrollTopBeforeUnmount = null;\n\n return reaction(\n () => router?.currentState,\n (routerState) => {\n if (!routerState?._chosenEntity) {\n return;\n }\n // Reading it on unmount is too late: React detaches the page before\n // effect cleanups run, and a detached element reports scrollTop 0.\n const el = pageState.pageState.scrollableContentRef.current;\n if (el) {\n state.scrollTopBeforeUnmount = el.scrollTop;\n }\n },\n );\n }, []);\n\n const getIsUsingAllItemsView = () =>\n !!(\n // views=undefined, it means thw user didn't pass so allItemsViews=false\n (\n views &&\n // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n (!views.props \|\|\n // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n // without configuring the hidden so allItemsViews=true\n !views.props.allItemsViewProps \|\|\n // allItemsViews depends on hidden's value\n !views.props.allItemsViewProps.hidden)\n )\n );\n\n useEffect(() => {\n if (exportButton) {\n state.featuredComponents.exportButton.set(exportButton);\n }\n\n return () => {\n state.featuredComponents.exportButton.set(null);\n };\n }, [exportButton]);\n\n useEffect(() => {\n if (importButton) {\n state.featuredComponents.importButton.set(importButton);\n }\n\n return () => {\n state.featuredComponents.importButton.set(null);\n };\n }, [importButton]);\n\n const tabsFilterProps = useMemo(() => {\n return tabs?.props\n ? {\n filter: tabs.props.filter,\n }\n : undefined;\n }, [tabs]);\n\n useEffect(\n () =>\n reaction(\n () => pageState.hasHeader,\n (hasHeader) => {\n if (hasHeader) {\n state.minimizedHeaderHeight = 66;\n }\n },\n {\n fireImmediately: true,\n },\n ),\n [],\n );\n\n useSyncTotal(state.collection);\n\n useEffect(() => {\n runInAction(() => {\n state.dragAndDropCategories = dragAndDropCategories;\n });\n // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n }, []);\n\n useState(() => views?.type.setViewsState(state, views?.props));\n\n useEffect(\n action(() => {\n state.viewsProps = views?.props;\n }),\n [views],\n );\n\n useState(() => {\n props.AddApplyFiltersButton?.setStateObject(state);\n\n state.featuresAvailability = {\n isDisablingSearch: search === false,\n isUsingFilters: !!filters,\n isUsingDragAndDrop,\n isUsingBulkActionsToolbar,\n isUsingHorizontalScroll,\n isUsingFolders,\n isUsingTableVirtualization,\n isUsingTags: !!props.tags,\n isUsingTabs: !!tabs,\n isUsingSummaryRow: !!summaryBar,\n isUsingSecondaryActions: !!secondaryActions,\n isUsingMoreActions: !!moreActions,\n };\n\n state.additionalFeaturesAvailability = {\n isUsingTableSubtitle: !!props.title?.props.subtitle,\n isUsingCounterInHeader: !!props.title?.props.showTotal,\n isUsingSelectAllLimitation: !!props.maxSelection,\n isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n isUsingAllItemsView: getIsUsingAllItemsView(),\n isUsingCustomEmptyState: !!props.emptyState,\n isUsingCustomNoResultsState: !!props.noResultsState,\n isUsingPrimaryActionCta: !!props.primaryActionButton,\n isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n };\n });\n\n useEffect(\n action(() => {\n if (tabsFilterProps?.filter) {\n state.tabsFilterProps = tabsFilterProps;\n tabsFilterProps.filter.persistent = true;\n }\n }),\n [tabsFilterProps],\n );\n\n useEffect(() => {\n runInAction(() => {\n state.bulk.maxSelection = maxSelection;\n });\n }, [maxSelection]);\n\n return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "ToolbarItem714044881";
+var _namespace_ = "ToolbarItem236369946";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem714044881__root"
+  "root": "ToolbarItem236369946__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map CHANGED Viewed

	@@ -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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ToolbarItem714044881~~\";\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\":\"~~ToolbarItem714044881__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem236369946\";\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\":\"ToolbarItem236369946__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "ToolbarItemBox2861690222";
+var _namespace_ = "ToolbarItemBox2074326680";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox2861690222__root"
+  "root": "ToolbarItemBox2074326680__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map CHANGED Viewed

	@@ -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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ToolbarItemBox2861690222~~\";\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\":\"~~ToolbarItemBox2861690222__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2074326680\";\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\":\"ToolbarItemBox2074326680__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js CHANGED Viewed

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "common843717652";
+var _namespace_ = "common3243586050";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common843717652__root",
-  "column": "common843717652__column",
-  "fullHeight": "common843717652__fullHeight"
+  "root": "common3243586050__root",
+  "column": "common3243586050__column",
+  "fullHeight": "common3243586050__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map CHANGED Viewed

	@@ -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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~common843717652~~\";\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\":\"~~common843717652__root~~\",\"column\":\"~~common843717652__column~~\",\"fullHeight\":\"~~common843717652__fullHeight~~\"};\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,~~iBAAiB~~;~~AACnC~~,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,~~uBAAuB~~;EAAC,QAAQ,EAAC,~~yBAAyB~~;EAAC,YAAY,EAAC;~~AAA6B~~,CAAC;~~AAC5H~~,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	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3243586050\";\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\":\"common3243586050__root\",\"column\":\"common3243586050__column\",\"fullHeight\":\"common3243586050__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/deleteSecondaryAction/deleteSecondaryAction.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.deleteSecondaryAction = deleteSecondaryAction;
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/deleteSecondaryAction/deleteSecondaryAction.tsx";
 function deleteSecondaryAction(props) {
@@ -22,7 +22,7 @@ function deleteSecondaryAction(props) {
   return {
     dataHook: 'collection-delete-action',
     text: t('cairo.delete.button'),
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/deleteSecondaryAction/deleteSecondaryAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_wixUiIconsCommon~~","require","_react","_interopRequireDefault","_jsxFileName","deleteSecondaryAction","props","optimisticActions","actionCellAPI","openConfirmDeleteModal","collection","keyedItem","deleteManyParams","translate","t","dataHook","text","icon","default","createElement","Delete","__self","__source","fileName","lineNumber","columnNumber","onClick","primaryButtonOnClick","deleteOne","item"],"sources":["../../../../src/components/deleteSecondaryAction/deleteSecondaryAction.tsx"],"sourcesContent":["import { Delete } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport {\n CollectionOptimisticActions,\n DeleteManyParams,\n FiltersMap,\n} from '@wix/bex-core';\nimport { ActionCellAPI } from '../../state';\n\nexport interface DeleteSecondaryActionProps<T, F extends FiltersMap, R>\n extends DeleteManyParams<T, R> {\n /*\n Actions for performing optimistic updates on the collection.\n * These updates are applied immediately for better user experience\n * while waiting for the server response.\n * @external\n /\n optimisticActions: CollectionOptimisticActions<T, F>;\n /\n API for interacting with the action cell.\n * This API provides methods for manipulating and accessing the action cell's state.\n * @external\n */\n actionCellAPI: ActionCellAPI<T, F>;\n}\n\nexport function deleteSecondaryAction<T, F extends FiltersMap, R>(\n props: DeleteSecondaryActionProps<T, F, R>,\n) {\n const {\n optimisticActions,\n actionCellAPI: { openConfirmDeleteModal, collection, keyedItem },\n ...deleteManyParams\n } = props;\n const { translate: t } = collection;\n return {\n dataHook: 'collection-delete-action',\n text: t('cairo.delete.button'),\n icon: <Delete />,\n onClick: () => {\n openConfirmDeleteModal({\n primaryButtonOnClick: () => {\n optimisticActions.deleteOne(keyedItem.item, deleteManyParams);\n },\n });\n },\n };\n}\n"],"mappings":";;;;;AAAA,IAAAA,~~iBAAA~~,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAyBnB,SAASC,qBAAqBA,CACnCC,KAA0C,EAC1C;EACA,MAAM;IACJC,iBAAiB;IACjBC,aAAa,EAAE;MAAEC,sBAAsB;MAAEC,UAAU;MAAEC;IAAU,CAAC;IAChE,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAGJ,UAAU;EACnC,OAAO;IACLK,QAAQ,EAAE,0BAA0B;IACpCC,IAAI,EAAEF,CAAC,CAAC,qBAAqB,CAAC;IAC9BG,IAAI,eAAEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,~~iBAAA~~,CAAAoB,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAChBC,OAAO,EAAEA,CAAA,KAAM;MACbjB,sBAAsB,CAAC;QACrBkB,oBAAoB,EAAEA,CAAA,KAAM;UAC1BpB,iBAAiB,CAACqB,SAAS,CAACjB,SAAS,CAACkB,IAAI,EAAEjB,gBAAgB,CAAC;QAC/D;MACF,CAAC,CAAC;IACJ;EACF,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_lazy","require","_react","_interopRequireDefault","_jsxFileName","deleteSecondaryAction","props","optimisticActions","actionCellAPI","openConfirmDeleteModal","collection","keyedItem","deleteManyParams","translate","t","dataHook","text","icon","default","createElement","Delete","__self","__source","fileName","lineNumber","columnNumber","onClick","primaryButtonOnClick","deleteOne","item"],"sources":["../../../../src/components/deleteSecondaryAction/deleteSecondaryAction.tsx"],"sourcesContent":["import { Delete } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\nimport {\n CollectionOptimisticActions,\n DeleteManyParams,\n FiltersMap,\n} from '@wix/bex-core';\nimport { ActionCellAPI } from '../../state';\n\nexport interface DeleteSecondaryActionProps<T, F extends FiltersMap, R>\n extends DeleteManyParams<T, R> {\n /*\n Actions for performing optimistic updates on the collection.\n * These updates are applied immediately for better user experience\n * while waiting for the server response.\n * @external\n /\n optimisticActions: CollectionOptimisticActions<T, F>;\n /\n API for interacting with the action cell.\n * This API provides methods for manipulating and accessing the action cell's state.\n * @external\n */\n actionCellAPI: ActionCellAPI<T, F>;\n}\n\nexport function deleteSecondaryAction<T, F extends FiltersMap, R>(\n props: DeleteSecondaryActionProps<T, F, R>,\n) {\n const {\n optimisticActions,\n actionCellAPI: { openConfirmDeleteModal, collection, keyedItem },\n ...deleteManyParams\n } = props;\n const { translate: t } = collection;\n return {\n dataHook: 'collection-delete-action',\n text: t('cairo.delete.button'),\n icon: <Delete />,\n onClick: () => {\n openConfirmDeleteModal({\n primaryButtonOnClick: () => {\n optimisticActions.deleteOne(keyedItem.item, deleteManyParams);\n },\n });\n },\n };\n}\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AAyBnB,SAASC,qBAAqBA,CACnCC,KAA0C,EAC1C;EACA,MAAM;IACJC,iBAAiB;IACjBC,aAAa,EAAE;MAAEC,sBAAsB;MAAEC,UAAU;MAAEC;IAAU,CAAC;IAChE,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAGJ,UAAU;EACnC,OAAO;IACLK,QAAQ,EAAE,0BAA0B;IACpCC,IAAI,EAAEF,CAAC,CAAC,qBAAqB,CAAC;IAC9BG,IAAI,eAAEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAoB,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAChBC,OAAO,EAAEA,CAAA,KAAM;MACbjB,sBAAsB,CAAC;QACrBkB,oBAAoB,EAAEA,CAAA,KAAM;UAC1BpB,iBAAiB,CAACqB,SAAS,CAACjB,SAAS,CAACkB,IAAI,EAAEjB,gBAAgB,CAAC;QAC/D;MACF,CAAC,CAAC;IACJ;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/exports/schema.js CHANGED Viewed

@@ -1,15 +1,25 @@
 "use strict";
 exports.__esModule = true;
-exports.useTableCollection = exports.useSchemaSource = exports.usePlatformizedSource = exports.useLayoutSwitchCollection = exports.useGridCollection = exports.useEditableTableCollection = exports.useCollection = exports.sourceMutations = void 0;
+exports.useTableCollection = exports.useSchemaSource = exports.usePlatformizedSource = exports.useLayoutSwitchCollection = exports.useGridCollection = exports.useEntityPage = exports.useEditableTableCollection = exports.useCollection = exports.sourceMutations = exports.sourceFetchData = exports.defineSchemaSource = exports.Table = exports.LayoutSwitch = exports.Grid = exports.EntityPageFieldsCard = exports.EntityPage = exports.EditableTable = void 0;
 var _schema = require("../schema");
 exports.useCollection = _schema.useCollection;
 exports.useTableCollection = _schema.useTableCollection;
 exports.useGridCollection = _schema.useGridCollection;
 exports.useEditableTableCollection = _schema.useEditableTableCollection;
 exports.useLayoutSwitchCollection = _schema.useLayoutSwitchCollection;
+exports.useEntityPage = _schema.useEntityPage;
 exports.usePlatformizedSource = _schema.usePlatformizedSource;
 exports.sourceMutations = _schema.sourceMutations;
-var _react = require("@wix/bex-core/react");
-exports.useSchemaSource = _react.useSchemaSource;
+exports.Table = _schema.Table;
+exports.EditableTable = _schema.EditableTable;
+exports.Grid = _schema.Grid;
+exports.LayoutSwitch = _schema.LayoutSwitch;
+exports.EntityPage = _schema.EntityPage;
+exports.EntityPageFieldsCard = _schema.EntityPageFieldsCard;
+var _useSchemaSource = require("../schema/useSchemaSource");
+exports.useSchemaSource = _useSchemaSource.useSchemaSource;
+var _bexCore = require("@wix/bex-core");
+exports.defineSchemaSource = _bexCore.defineSchemaSource;
+exports.sourceFetchData = _bexCore.sourceFetchData;
 //# sourceMappingURL=schema.js.map

package/dist/cjs/exports/schema.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_schema","require","exports","useCollection","useTableCollection","useGridCollection","useEditableTableCollection","useLayoutSwitchCollection","usePlatformizedSource","sourceMutations","~~_react~~","useSchemaSource"],"sources":["../../../src/exports/schema.ts"],"sourcesContent":["export {\n useCollection,\n useTableCollection,\n useGridCollection,\n useEditableTableCollection,\n useLayoutSwitchCollection,\n usePlatformizedSource,\n sourceMutations,\n} from '../schema';\nexport type {\n PlatformizedSourceInput,\n SchemaCollectionOptions,\n SchemaEditableTableCollectionOptions,\n SchemaLayoutSwitchCollectionOptions,\n} from '../schema';\nexport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\nexport { useSchemaSource } from '@wix/bex-core~~/react~~';\nexport type { SchemaSource, SchemaSourceInput } from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;~~AAQmBC~~,OAAA,CAAAC,aAAA,GAAAH,OAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,kBAAA,GAAAJ,OAAA,CAAAI,kBAAA;AAAAF,OAAA,CAAAG,iBAAA,GAAAL,OAAA,CAAAK,iBAAA;AAAAH,OAAA,CAAAI,0BAAA,GAAAN,OAAA,CAAAM,0BAAA;AAAAJ,OAAA,CAAAK,yBAAA,GAAAP,OAAA,CAAAO,yBAAA;AAAAL,OAAA,CAAAM,~~qBAAA~~,GAAAR,OAAA,CAAAQ,~~qBAAA~~;AAAAN,OAAA,CAAAO,~~eAAA~~,GAAAT,OAAA,CAAAS,eAAA;~~AAQnB~~,IAAAC,~~MAAA~~,~~GAAAT~~,OAAA;~~AAAsDC~~,OAAA,~~CAAAS~~,eAAA,GAAAD,~~MAAA~~,CAAAC,eAAA","ignoreList":[]}
1	+ {"version":3,"names":["_schema","require","exports","useCollection","useTableCollection","useGridCollection","useEditableTableCollection","useLayoutSwitchCollection","useEntityPage","usePlatformizedSource","sourceMutations","Table","EditableTable","Grid","LayoutSwitch","EntityPage","EntityPageFieldsCard","_useSchemaSource","useSchemaSource","_bexCore","defineSchemaSource","sourceFetchData"],"sources":["../../../src/exports/schema.ts"],"sourcesContent":["export {\n useCollection,\n useTableCollection,\n useGridCollection,\n useEditableTableCollection,\n useLayoutSwitchCollection,\n useEntityPage,\n usePlatformizedSource,\n sourceMutations,\n Table,\n EditableTable,\n Grid,\n LayoutSwitch,\n EntityPage,\n EntityPageFieldsCard,\n} from '../schema';\nexport type {\n PlatformizedSourceInput,\n SchemaCollectionOptions,\n SchemaEntityPageOptions,\n SchemaEditableTableCollectionOptions,\n SchemaLayoutSwitchCollectionOptions,\n SchemaTableProps,\n SchemaEditableTableProps,\n SchemaGridProps,\n SchemaLayoutSwitchProps,\n SchemaEntityPageProps,\n EntityPageFieldsCardProps,\n} from '../schema';\nexport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\n// The cairo proxy, not the core hook: it attaches the fields container to the\n// source so every state and component on that schema shares one.\nexport { useSchemaSource } from '../schema/useSchemaSource';\nexport type { FieldsSchemaSource } from '../schema/useSchemaSource';\nexport { defineSchemaSource, sourceFetchData } from '@wix/bex-core';\nexport type {\n SchemaSource,\n SchemaSourceInput,\n CreatableFieldType,\n Schema,\n LoadedSchema,\n SchemaLoader,\n CollectionBackend,\n CollectionBackendBase,\n FieldActions,\n} from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAemBC,OAAA,CAAAC,aAAA,GAAAH,OAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,kBAAA,GAAAJ,OAAA,CAAAI,kBAAA;AAAAF,OAAA,CAAAG,iBAAA,GAAAL,OAAA,CAAAK,iBAAA;AAAAH,OAAA,CAAAI,0BAAA,GAAAN,OAAA,CAAAM,0BAAA;AAAAJ,OAAA,CAAAK,yBAAA,GAAAP,OAAA,CAAAO,yBAAA;AAAAL,OAAA,CAAAM,aAAA,GAAAR,OAAA,CAAAQ,aAAA;AAAAN,OAAA,CAAAO,qBAAA,GAAAT,OAAA,CAAAS,qBAAA;AAAAP,OAAA,CAAAQ,eAAA,GAAAV,OAAA,CAAAU,eAAA;AAAAR,OAAA,CAAAS,KAAA,GAAAX,OAAA,CAAAW,KAAA;AAAAT,OAAA,CAAAU,aAAA,GAAAZ,OAAA,CAAAY,aAAA;AAAAV,OAAA,CAAAW,IAAA,GAAAb,OAAA,CAAAa,IAAA;AAAAX,OAAA,CAAAY,YAAA,GAAAd,OAAA,CAAAc,YAAA;AAAAZ,OAAA,CAAAa,UAAA,GAAAf,OAAA,CAAAe,UAAA;AAAAb,OAAA,CAAAc,oBAAA,GAAAhB,OAAA,CAAAgB,oBAAA;AAiBnB,IAAAC,gBAAA,GAAAhB,OAAA;AAA4DC,OAAA,CAAAgB,eAAA,GAAAD,gBAAA,CAAAC,eAAA;AAE5D,IAAAC,QAAA,GAAAlB,OAAA;AAAoEC,OAAA,CAAAkB,kBAAA,GAAAD,QAAA,CAAAC,kBAAA;AAAAlB,OAAA,CAAAmB,eAAA,GAAAF,QAAA,CAAAE,eAAA","ignoreList":[]}

package/dist/cjs/fields/DateInput/DateInput.js CHANGED Viewed

@@ -17,7 +17,12 @@ const DateInput = ({
   inputRef,
   onChange
 }) => {
-  const [date, setDate] = (0, _react.useState)(() => initialValue ? (0, _datesUtil.getDateWithoutTimezone)((0, _datesUtil.getISODateStringWithFixedTimezone)(initialValue)) : undefined);
+  // An initial value that isn't a date leaves the picker empty instead of
+  // throwing out of render.
+  const [date, setDate] = (0, _react.useState)(() => {
+    const iso = initialValue ? (0, _datesUtil.getISODateStringWithFixedTimezone)(initialValue) : undefined;
+    return iso ? (0, _datesUtil.getDateWithoutTimezone)(iso) : undefined;
+  });
   const ref = (0, _react.useRef)({});
   const [statusMessage, setStatusMessage] = (0, _react.useState)('');
   const formState = (0, _CustomFieldsFormContext.useCustomFieldsFormContext)();
@@ -27,7 +32,7 @@ const DateInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 35,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -36,7 +41,7 @@ const DateInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 36,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -55,7 +60,7 @@ const DateInput = ({
     onChange: newValue => {
       const formatedDate = (0, _datesUtil.getISODateStringWithFixedTimezone)(newValue);
       setDate(newValue);
-      onChange(formatedDate.split('T')[0]);
+      onChange((formatedDate == null ? void 0 : formatedDate.split('T')[0]) ?? '');
     },
     onValidate: ({
       validationType,
@@ -82,7 +87,7 @@ const DateInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 37,
       columnNumber: 9
     }
   })));

package/dist/cjs/fields/DateInput/DateInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Field","_dataHooks","_CustomFieldsFormContext","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateInput","dataHook","schema","initialValue","inputRef","onChange","date","setDate","useState","~~getDateWithoutTimezone~~","getISODateStringWithFixedTimezone","undefined","ref","useRef","statusMessage","setStatusMessage","formState","useCustomFieldsFormContext","createElement","Field","type","__self","__source","fileName","lineNumber","columnNumber","FormField","dataHooks","Label","label","DatePicker","internalRef","current","focus","_internalRef$state","state","Input","width","value","newValue","formatedDate","split","onValidate","validationType","format","invalid","_translate","dateFormat","status","exports"],"sources":["../../../../src/fields/DateInput/DateInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from '../BaseInput';\nimport { Field } from '../Field';\nimport { dataHooks } from '../dataHooks';\nimport { useCustomFieldsFormContext } from '../../components/CustomFieldsFormContext';\nimport {\n getDateWithoutTimezone,\n getISODateStringWithFixedTimezone,\n} from '../../utils/datesUtil';\n\nexport interface DateInputProps extends BaseInputProps<string \| null> {}\n\nexport const DateInput = ({\n dataHook,\n schema,\n initialValue,\n inputRef,\n onChange,\n}: DateInputProps) => {\n const [date, setDate] = useState<Date \| undefined>(() ~~=>\~~n initialValue\n ? ~~getDateWithoutTimezone(~~getISODateStringWithFixedTimezone(initialValue))\n : undefined,\n );\n\n const ref = useRef<BaseInputRef>({});\n const [statusMessage, setStatusMessage] = useState('');\n const formState = useCustomFieldsFormContext();\n\n return (\n <Field dataHook={dataHook} type={schema.type}>\n <FormField dataHook={dataHooks.Label} label={schema.label}>\n <DatePicker\n ref={(internalRef) => {\n inputRef?.(ref.current);\n // TODO: PR to WSR needed to expose as public API\n // @ts-expect-error\n ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n }}\n dataHook={dataHooks.Input}\n width=\"100%\"\n value={date}\n onChange={(newValue: Date) => {\n const formatedDate = getISODateStringWithFixedTimezone(newValue);\n setDate(newValue);\n onChange(formatedDate.split('T')[0]);\n }}\n onValidate={({ validationType, value, format }) => {\n if (validationType === 'valid') {\n setStatusMessage('');\n ref.current.invalid = false;\n } else if (validationType === 'formatError' && value === '') {\n setDate(undefined);\n onChange(null);\n setStatusMessage('');\n ref.current.invalid = false;\n } else {\n setStatusMessage(\n formState._translate(\n 'cairo.customFields.fieldType.date.invalid.value',\n { dateFormat: format ?? '' },\n ),\n );\n ref.current.invalid = true;\n }\n }}\n status={ref.current.invalid ? 'error' : undefined}\n statusMessage={statusMessage}\n />\n </FormField>\n </Field>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAG+B,IAAAM,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIxB,MAAMkB,SAAS,GAAGA,CAAC;EACxBC,QAAQ;EACRC,MAAM;EACNC,YAAY;EACZC,QAAQ;EACRC;AACc,CAAC,KAAK;EACpB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAmB,~~MACjDL~~,~~YAAY~~,~~GACR~~,~~IAAAM~~,~~iCAAsB~~,~~EAAC~~,~~IAAAC~~,4CAAiC,EAACP,YAAY,CAAC,CAAC,~~GACvEQ~~,~~SACN~~,CAAC;~~EAED~~,~~MAAMC~~,GAAG,GAAG,IAAAC,aAAM,EAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,~~IAAAP~~,eAAQ,EAAC,EAAE,CAAC;EACtD,~~MAAMQ~~,SAAS,GAAG,IAAAC,mDAA0B,EAAC,CAAC;EAE9C,~~oBACE7C~~,MAAA,CAAAmB,OAAA,~~CAAA2B~~,aAAA,~~CAAC1C~~,MAAA,~~CAAA2C~~,KAAK;~~IAAClB~~,QAAQ,EAAEA,QAAS;~~IAACmB~~,IAAI,~~EAAElB~~,MAAM,~~CAACkB~~,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA3C~~,YAAA;~~MAAA4C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAC3CrD~~,MAAA,CAAAmB,OAAA,~~CAAA2B~~,aAAA,~~CAAC3C~~,aAAA,~~CAAAmD~~,SAAS;~~IAACzB~~,QAAQ,~~EAAE0B~~,oBAAS,CAACC,KAAM;IAACC,KAAK,~~EAAE3B~~,MAAM,~~CAAC2B~~,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA3C~~,YAAA;~~MAAA4C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBACxDrD~~,MAAA,CAAAmB,OAAA,~~CAAA2B~~,aAAA,~~CAAC3C~~,aAAA,~~CAAAuD~~,UAAU;IACTlB,GAAG,EAAGmB,WAAW,IAAK;~~MACpB3B~~,QAAQ,YAARA,QAAQ,~~CAAGQ~~,GAAG,CAACoB,OAAO,CAAC;MACvB;MACA;MACApB,GAAG,CAACoB,OAAO,CAACC,KAAK,GAAG;QAAA,IAAAC,kBAAA;QAAA,OAAMH,WAAW,aAAAG,kBAAA,GAAXH,WAAW,CAAEI,KAAK,cAAAD,kBAAA,GAAlBA,kBAAA,~~CAAoB9B~~,QAAQ,~~aAA5B8B~~,kBAAA,CAA8BD,KAAK,oBAAnCC,kBAAA,CAA8BD,KAAK,CAAG,CAAC;MAAA;IACnE,CAAE;~~IACFhC~~,QAAQ,~~EAAE0B~~,oBAAS,CAACS,KAAM;IAC1BC,KAAK,EAAC,MAAM;IACZC,KAAK,~~EAAEhC~~,IAAK;IACZD,QAAQ,~~EAAGkC~~,QAAc,IAAK;MAC5B,MAAMC,YAAY,GAAG,~~IAAA9B~~,4CAAiC,~~EAAC6B~~,QAAQ,CAAC;~~MAChEhC~~,OAAO,~~CAACgC~~,QAAQ,CAAC;~~MACjBlC~~,QAAQ,~~CAACmC~~,YAAY,~~CAACC~~,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;~~IACtC~~,CAAE;IACFC,UAAU,EAAEA,CAAC;MAAEC,cAAc;MAAEL,KAAK;MAAEM;IAAO,CAAC,KAAK;MACjD,IAAID,cAAc,KAAK,OAAO,EAAE;QAC9B5B,gBAAgB,CAAC,EAAE,CAAC;QACpBH,GAAG,CAACoB,OAAO,CAACa,OAAO,GAAG,KAAK;MAC7B,CAAC,MAAM,IAAIF,cAAc,KAAK,aAAa,IAAIL,KAAK,KAAK,EAAE,EAAE;~~QAC3D/B~~,OAAO,CAACI,SAAS,CAAC;QAClBN,QAAQ,CAAC,IAAI,CAAC;~~QACdU~~,gBAAgB,CAAC,EAAE,CAAC;QACpBH,GAAG,CAACoB,OAAO,CAACa,OAAO,GAAG,KAAK;MAC7B,CAAC,MAAM;QACL9B,gBAAgB,CACdC,SAAS,CAAC8B,UAAU,CAClB,iDAAiD,EACjD;UAAEC,UAAU,EAAEH,MAAM,IAAI;QAAG,CAC7B,CACF,CAAC;QACDhC,GAAG,CAACoB,OAAO,CAACa,OAAO,GAAG,IAAI;MAC5B;IACF,CAAE;IACFG,MAAM,EAAEpC,GAAG,CAACoB,OAAO,CAACa,OAAO,GAAG,OAAO,~~GAAGlC~~,SAAU;~~IAClDG~~,aAAa,EAAEA,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA3C~~,YAAA;~~MAAA4C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACQ,CACN,CAAC;AAEZ,CAAC;AAACwB,OAAA,~~CAAAjD~~,SAAA,GAAAA,SAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Field","_dataHooks","_CustomFieldsFormContext","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateInput","dataHook","schema","initialValue","inputRef","onChange","date","setDate","useState","iso","getISODateStringWithFixedTimezone","undefined","getDateWithoutTimezone","ref","useRef","statusMessage","setStatusMessage","formState","useCustomFieldsFormContext","createElement","Field","type","__self","__source","fileName","lineNumber","columnNumber","FormField","dataHooks","Label","label","DatePicker","internalRef","current","focus","_internalRef$state","state","Input","width","value","newValue","formatedDate","split","onValidate","validationType","format","invalid","_translate","dateFormat","status","exports"],"sources":["../../../../src/fields/DateInput/DateInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from '../BaseInput';\nimport { Field } from '../Field';\nimport { dataHooks } from '../dataHooks';\nimport { useCustomFieldsFormContext } from '../../components/CustomFieldsFormContext';\nimport {\n getDateWithoutTimezone,\n getISODateStringWithFixedTimezone,\n} from '../../utils/datesUtil';\n\nexport interface DateInputProps extends BaseInputProps<string \| null> {}\n\nexport const DateInput = ({\n dataHook,\n schema,\n initialValue,\n inputRef,\n onChange,\n}: DateInputProps) => {\n // An initial value that isn't a date leaves the picker empty instead of\n // throwing out of render.\n const [date, setDate] = useState<Date \| undefined>(() => {\n const iso = initialValue\n ? getISODateStringWithFixedTimezone(initialValue)\n : undefined;\n return iso ? getDateWithoutTimezone(iso) : undefined;\n });\n\n const ref = useRef<BaseInputRef>({});\n const [statusMessage, setStatusMessage] = useState('');\n const formState = useCustomFieldsFormContext();\n\n return (\n <Field dataHook={dataHook} type={schema.type}>\n <FormField dataHook={dataHooks.Label} label={schema.label}>\n <DatePicker\n ref={(internalRef) => {\n inputRef?.(ref.current);\n // TODO: PR to WSR needed to expose as public API\n // @ts-expect-error\n ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n }}\n dataHook={dataHooks.Input}\n width=\"100%\"\n value={date}\n onChange={(newValue: Date) => {\n const formatedDate = getISODateStringWithFixedTimezone(newValue);\n setDate(newValue);\n onChange(formatedDate?.split('T')[0] ?? '');\n }}\n onValidate={({ validationType, value, format }) => {\n if (validationType === 'valid') {\n setStatusMessage('');\n ref.current.invalid = false;\n } else if (validationType === 'formatError' && value === '') {\n setDate(undefined);\n onChange(null);\n setStatusMessage('');\n ref.current.invalid = false;\n } else {\n setStatusMessage(\n formState._translate(\n 'cairo.customFields.fieldType.date.invalid.value',\n { dateFormat: format ?? '' },\n ),\n );\n ref.current.invalid = true;\n }\n }}\n status={ref.current.invalid ? 'error' : undefined}\n statusMessage={statusMessage}\n />\n </FormField>\n </Field>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Url/Url.js CHANGED Viewed

@@ -9,7 +9,7 @@ var _designSystem = require("@wix/design-system");
 var _Field = require("../Field");
 var _dataHooks = require("../dataHooks");
 var _useTextInput = require("../useTextInput");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/fields/Url/Url.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -64,7 +64,7 @@ const Url = ({
         lineNumber: 44,
         columnNumber: 13
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.Link, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/fields/Url/Url.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Field","_dataHooks","_useTextInput","~~_wixUiIconsCommon~~","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Url","dataHook","schema","initialValue","onChange","inputRef","value","charCount","handleChange","useTextInput","maxLength","ref","useRef","fieldsStatus","setFieldStatus","useState","translate","useWixPatternsContainer","uriPattern","createElement","Field","type","__self","__source","fileName","lineNumber","columnNumber","FormField","_extends2","dataHooks","Label","label","Input","prefix","IconAffix","Link","placeholder","onBlur","current","invalid","test","status","statusMessage","undefined","internalRef","focus","exports"],"sources":["../../../../src/fields/Url/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from '../BaseInput';\nimport { Field } from '../Field';\nimport { dataHooks } from '../dataHooks';\nimport { useTextInput } from '../useTextInput';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = ({\n dataHook,\n schema,\n initialValue,\n onChange,\n inputRef,\n}: UrlProps) => {\n const { value, charCount, handleChange } = useTextInput({\n initialValue,\n maxLength: schema.maxLength,\n onChange,\n });\n const ref = useRef<BaseInputRef>({});\n const [fieldsStatus, setFieldStatus] = useState<{\n status?: StatusType;\n statusMessage?: string;\n }>({});\n const { translate: t } = useWixPatternsContainer();\n // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n const uriPattern =\n /^[A-Za-z][A-Za-z0-9+.-]:(\\/\\/([A-Za-z0-9._~\\-%!$&'()+,;=:]@)?[A-Za-z0-9._~\\-!$&'()+,;=%:\\[\\]](:[0-9])?)?[A-Za-z0-9._~\\-%!$&'()+,;=:@\\/]([?][A-Za-z0-9._~\\-%!$&'()+,;=:@\\/?])?([#][A-Za-z0-9._~\\-%!$&'()+,;=:@\\/?])?$/;\n\n return (\n <Field dataHook={dataHook} type={schema.type}>\n <FormField\n dataHook={dataHooks.Label}\n label={schema.label}\n charCount={charCount}\n {...fieldsStatus}\n >\n <Input\n prefix={\n <Input.IconAffix>\n <Link />\n </Input.IconAffix>\n }\n placeholder={t('cairo.customFields.url-input.placeholder')}\n dataHook={dataHooks.Input}\n value={value}\n onChange={handleChange}\n onBlur={() => {\n ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n if (ref.current.invalid) {\n setFieldStatus({\n status: 'error',\n statusMessage: t('cairo.customFields.url-input.error'),\n });\n } else {\n setFieldStatus({ status: undefined, statusMessage: undefined });\n }\n }}\n ref={(internalRef) => {\n inputRef?.(ref.current);\n ref.current.focus = () => internalRef?.focus();\n }}\n />\n </FormField>\n </Field>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,~~iBAAA~~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~~iBAAA~~,CAAAyD,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5C,YAAA;QAAA6C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACQ,CAClB;IACDU,WAAW,EAAEtD,CAAC,CAAC,0CAA0C,CAAE;IAC3DmB,QAAQ,EAAE4B,oBAAS,CAACG,KAAM;IAC1B1B,KAAK,EAAEA,KAAM;IACbF,QAAQ,EAAEI,YAAa;IACvB6B,MAAM,EAAEA,CAAA,KAAM;MACZ1B,GAAG,CAAC2B,OAAO,CAACC,OAAO,GAAGjC,KAAK,GAAG,CAACY,UAAU,CAACsB,IAAI,CAAClC,KAAK,CAAC,GAAG,KAAK;MAE7D,IAAIK,GAAG,CAAC2B,OAAO,CAACC,OAAO,EAAE;QACvBzB,cAAc,CAAC;UACb2B,MAAM,EAAE,OAAO;UACfC,aAAa,EAAE5D,CAAC,CAAC,oCAAoC;QACvD,CAAC,CAAC;MACJ,CAAC,MAAM;QACLgC,cAAc,CAAC;UAAE2B,MAAM,EAAEE,SAAS;UAAED,aAAa,EAAEC;QAAU,CAAC,CAAC;MACjE;IACF,CAAE;IACFhC,GAAG,EAAGiC,WAAW,IAAK;MACpBvC,QAAQ,YAARA,QAAQ,CAAGM,GAAG,CAAC2B,OAAO,CAAC;MACvB3B,GAAG,CAAC2B,OAAO,CAACO,KAAK,GAAG,MAAMD,WAAW,oBAAXA,WAAW,CAAEC,KAAK,CAAC,CAAC;IAChD,CAAE;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACQ,CACN,CAAC;AAEZ,CAAC;AAACoB,OAAA,CAAA9C,GAAA,GAAAA,GAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Field","_dataHooks","_useTextInput","_lazy","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Url","dataHook","schema","initialValue","onChange","inputRef","value","charCount","handleChange","useTextInput","maxLength","ref","useRef","fieldsStatus","setFieldStatus","useState","translate","useWixPatternsContainer","uriPattern","createElement","Field","type","__self","__source","fileName","lineNumber","columnNumber","FormField","_extends2","dataHooks","Label","label","Input","prefix","IconAffix","Link","placeholder","onBlur","current","invalid","test","status","statusMessage","undefined","internalRef","focus","exports"],"sources":["../../../../src/fields/Url/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from '../BaseInput';\nimport { Field } from '../Field';\nimport { dataHooks } from '../dataHooks';\nimport { useTextInput } from '../useTextInput';\nimport { Link } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = ({\n dataHook,\n schema,\n initialValue,\n onChange,\n inputRef,\n}: UrlProps) => {\n const { value, charCount, handleChange } = useTextInput({\n initialValue,\n maxLength: schema.maxLength,\n onChange,\n });\n const ref = useRef<BaseInputRef>({});\n const [fieldsStatus, setFieldStatus] = useState<{\n status?: StatusType;\n statusMessage?: string;\n }>({});\n const { translate: t } = useWixPatternsContainer();\n // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n const uriPattern =\n /^[A-Za-z][A-Za-z0-9+.-]:(\\/\\/([A-Za-z0-9._~\\-%!$&'()+,;=:]@)?[A-Za-z0-9._~\\-!$&'()+,;=%:\\[\\]](:[0-9])?)?[A-Za-z0-9._~\\-%!$&'()+,;=:@\\/]([?][A-Za-z0-9._~\\-%!$&'()+,;=:@\\/?])?([#][A-Za-z0-9._~\\-%!$&'()+,;=:@\\/?])?$/;\n\n return (\n <Field dataHook={dataHook} type={schema.type}>\n <FormField\n dataHook={dataHooks.Label}\n label={schema.label}\n charCount={charCount}\n {...fieldsStatus}\n >\n <Input\n prefix={\n <Input.IconAffix>\n <Link />\n </Input.IconAffix>\n }\n placeholder={t('cairo.customFields.url-input.placeholder')}\n dataHook={dataHooks.Input}\n value={value}\n onChange={handleChange}\n onBlur={() => {\n ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n if (ref.current.invalid) {\n setFieldStatus({\n status: 'error',\n statusMessage: t('cairo.customFields.url-input.error'),\n });\n } else {\n setFieldStatus({ status: undefined, statusMessage: undefined });\n }\n }}\n ref={(internalRef) => {\n inputRef?.(ref.current);\n ref.current.focus = () => internalRef?.focus();\n }}\n />\n </FormField>\n </Field>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useBuildOption.js CHANGED Viewed

@@ -5,12 +5,14 @@ exports.useBuildGroupedOptions = useBuildGroupedOptions;
 exports.useBuildOption = useBuildOption;
 var _designSystem = require("@wix/design-system");
 var _react = require("react");
+var _useBmHarmonyTheme = require("./useBmHarmonyTheme");
 function useBuildOption({
   filter,
   checkbox,
   renderItem,
   getOptionState
 }) {
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return (0, _react.useCallback)((keyedItem, index) => {
     const {
       key,
@@ -22,6 +24,9 @@ function useBuildOption({
       id: key,
       checkbox,
       ellipsis: true,
+      ...(isHarmonyTheme ? {
+        size: 'small'
+      } : {}),
       title: filter.itemName(item),
       label: title,
       ...option,

package/dist/cjs/hooks/useBuildOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","useBuildOption","filter","checkbox","renderItem","getOptionState","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\n\nexport interface BuildOptionState {\n disabled?: boolean;\n disabledDescription?: string;\n}\n\nexport function useBuildOption<V>({\n filter,\n checkbox,\n renderItem,\n getOptionState,\n}: {\n filter: ArrayField<V>;\n renderItem?: (item: V, index: number) => ListItem;\n checkbox?: boolean;\n getOptionState?: (key: string) => BuildOptionState;\n}) {\n return useCallback(\n (keyedItem: KeyedItem<V>, index: number) => {\n const { key, item } = keyedItem;\n const option = renderItem?.(item, index);\n\n const title = filter.itemName(item);\n\n return Object.assign(\n listItemSelectBuilder({\n id: key,\n checkbox,\n ellipsis: true,\n title: filter.itemName(item),\n label: title,\n ...option,\n ...getOptionState?.(key),\n }),\n {\n sectionId: option?.sectionId,\n keyedItem,\n },\n );\n },\n [renderItem, checkbox, getOptionState],\n );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n readonly items: DropdownLayoutOptionWithSectionId[];\n readonly renderSection?: (\n sectionId: string,\n ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n items,\n renderSection,\n}: BuildSectionOptionsArgs) {\n return useMemo(() => {\n if (!renderSection) {\n return items;\n }\n\n const { groups } = items.reduce(\n (acc, option) => {\n const sectionId = option.sectionId \|\| '';\n\n let group;\n\n if (acc._cache[sectionId]) {\n group = acc._cache[sectionId];\n } else {\n group = [\n listItemSectionBuilder(renderSection(sectionId)),\n ] as DropdownLayoutOption[];\n acc.groups.push(group);\n acc._cache[sectionId] = group;\n }\n\n group.push(option);\n\n return acc;\n },\n {\n _cache: {} as Record<string, DropdownLayoutOption[]>,\n groups: [] as DropdownLayoutOption[][],\n },\n );\n\n return groups.flatMap((e) => e);\n }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;~~AAQO~~,~~SAASE~~,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC;AAMF,CAAC,EAAE;EACD,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,~~GAAGP~~,UAAU,oBAAVA,UAAU,~~CAAGM~~,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,~~GAAGV~~,MAAM,~~CAACW~~,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;~~MACPN~~,QAAQ;~~MACRe~~,QAAQ,EAAE,IAAI;~~MACdN~~,KAAK,~~EAAEV~~,MAAM,~~CAACW~~,QAAQ,CAACH,IAAI,CAAC;~~MAC5BS~~,KAAK,~~EAAEP~~,KAAK;MACZ,GAAGD,MAAM;MACT,~~IAAGN~~,cAAc,oBAAdA,cAAc,~~CAAGI~~,GAAG,CAAC;IAC1B,CAAC,CAAC,EACF;~~MACEW~~,SAAS,~~EAAET~~,MAAM,oBAANA,MAAM,~~CAAES~~,SAAS;~~MAC5Bb~~;IACF,CACF,CAAC;EACH,CAAC,EACD,~~CAACH~~,UAAU,EAAED,QAAQ,EAAEE,cAAc,CACvC,CAAC;AACH;AAaO,~~SAASgB~~,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,~~EAAEhB~~,MAAM,KAAK;MACf,~~MAAMS~~,SAAS,~~GAAGT~~,MAAM,~~CAACS~~,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,~~CAACpB~~,MAAM,CAAC;MAElB,~~OAAOgB~~,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_useBmHarmonyTheme","useBuildOption","filter","checkbox","renderItem","getOptionState","isHarmonyTheme","useBmHarmonyTheme","useCallback","keyedItem","index","key","item","option","title","itemName","Object","assign","listItemSelectBuilder","id","ellipsis","size","label","sectionId","useBuildGroupedOptions","items","renderSection","useMemo","groups","reduce","acc","group","_cache","listItemSectionBuilder","push","flatMap","e"],"sources":["../../../src/hooks/useBuildOption.ts"],"sourcesContent":["import {\n listItemSectionBuilder,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrayField, KeyedItem } from '@wix/bex-core';\nimport { ListItem } from './listItem';\nimport { useCallback, useMemo } from 'react';\nimport { DropdownLayoutOption } from '@wix/design-system/dist/types/DropdownLayout';\nimport { useBmHarmonyTheme } from './useBmHarmonyTheme';\n\nexport interface BuildOptionState {\n disabled?: boolean;\n disabledDescription?: string;\n}\n\nexport function useBuildOption<V>({\n filter,\n checkbox,\n renderItem,\n getOptionState,\n}: {\n filter: ArrayField<V>;\n renderItem?: (item: V, index: number) => ListItem;\n checkbox?: boolean;\n getOptionState?: (key: string) => BuildOptionState;\n}) {\n const isHarmonyTheme = useBmHarmonyTheme();\n\n return useCallback(\n (keyedItem: KeyedItem<V>, index: number) => {\n const { key, item } = keyedItem;\n const option = renderItem?.(item, index);\n\n const title = filter.itemName(item);\n\n return Object.assign(\n listItemSelectBuilder({\n id: key,\n checkbox,\n ellipsis: true,\n ...(isHarmonyTheme ? { size: 'small' } : {}),\n title: filter.itemName(item),\n label: title,\n ...option,\n ...getOptionState?.(key),\n }),\n {\n sectionId: option?.sectionId,\n keyedItem,\n },\n );\n },\n [renderItem, checkbox, getOptionState],\n );\n}\n\ntype DropdownLayoutOptionWithSectionId = DropdownLayoutOption & {\n sectionId?: string;\n};\n\nexport interface BuildSectionOptionsArgs {\n readonly items: DropdownLayoutOptionWithSectionId[];\n readonly renderSection?: (\n sectionId: string,\n ) => Parameters<typeof listItemSectionBuilder>[0];\n}\n\nexport function useBuildGroupedOptions({\n items,\n renderSection,\n}: BuildSectionOptionsArgs) {\n return useMemo(() => {\n if (!renderSection) {\n return items;\n }\n\n const { groups } = items.reduce(\n (acc, option) => {\n const sectionId = option.sectionId \|\| '';\n\n let group;\n\n if (acc._cache[sectionId]) {\n group = acc._cache[sectionId];\n } else {\n group = [\n listItemSectionBuilder(renderSection(sectionId)),\n ] as DropdownLayoutOption[];\n acc.groups.push(group);\n acc._cache[sectionId] = group;\n }\n\n group.push(option);\n\n return acc;\n },\n {\n _cache: {} as Record<string, DropdownLayoutOption[]>,\n groups: [] as DropdownLayoutOption[][],\n },\n );\n\n return groups.flatMap((e) => e);\n }, [items, renderSection]);\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAOO,SAASG,cAAcA,CAAI;EAChCC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC;AAMF,CAAC,EAAE;EACD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE1C,OAAO,IAAAC,kBAAW,EAChB,CAACC,SAAuB,EAAEC,KAAa,KAAK;IAC1C,MAAM;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,SAAS;IAC/B,MAAMI,MAAM,GAAGT,UAAU,oBAAVA,UAAU,CAAGQ,IAAI,EAAEF,KAAK,CAAC;IAExC,MAAMI,KAAK,GAAGZ,MAAM,CAACa,QAAQ,CAACH,IAAI,CAAC;IAEnC,OAAOI,MAAM,CAACC,MAAM,CAClB,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAER,GAAG;MACPR,QAAQ;MACRiB,QAAQ,EAAE,IAAI;MACd,IAAId,cAAc,GAAG;QAAEe,IAAI,EAAE;MAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;MAC5CP,KAAK,EAAEZ,MAAM,CAACa,QAAQ,CAACH,IAAI,CAAC;MAC5BU,KAAK,EAAER,KAAK;MACZ,GAAGD,MAAM;MACT,IAAGR,cAAc,oBAAdA,cAAc,CAAGM,GAAG,CAAC;IAC1B,CAAC,CAAC,EACF;MACEY,SAAS,EAAEV,MAAM,oBAANA,MAAM,CAAEU,SAAS;MAC5Bd;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACL,UAAU,EAAED,QAAQ,EAAEE,cAAc,CACvC,CAAC;AACH;AAaO,SAASmB,sBAAsBA,CAAC;EACrCC,KAAK;EACLC;AACuB,CAAC,EAAE;EAC1B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,IAAI,CAACD,aAAa,EAAE;MAClB,OAAOD,KAAK;IACd;IAEA,MAAM;MAAEG;IAAO,CAAC,GAAGH,KAAK,CAACI,MAAM,CAC7B,CAACC,GAAG,EAAEjB,MAAM,KAAK;MACf,MAAMU,SAAS,GAAGV,MAAM,CAACU,SAAS,IAAI,EAAE;MAExC,IAAIQ,KAAK;MAET,IAAID,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,EAAE;QACzBQ,KAAK,GAAGD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC;MAC/B,CAAC,MAAM;QACLQ,KAAK,GAAG,CACN,IAAAE,oCAAsB,EAACP,aAAa,CAACH,SAAS,CAAC,CAAC,CACvB;QAC3BO,GAAG,CAACF,MAAM,CAACM,IAAI,CAACH,KAAK,CAAC;QACtBD,GAAG,CAACE,MAAM,CAACT,SAAS,CAAC,GAAGQ,KAAK;MAC/B;MAEAA,KAAK,CAACG,IAAI,CAACrB,MAAM,CAAC;MAElB,OAAOiB,GAAG;IACZ,CAAC,EACD;MACEE,MAAM,EAAE,CAAC,CAA2C;MACpDJ,MAAM,EAAE;IACV,CACF,CAAC;IAED,OAAOA,MAAM,CAACO,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAAC;EACjC,CAAC,EAAE,CAACX,KAAK,EAAEC,aAAa,CAAC,CAAC;AAC5B","ignoreList":[]}

package/dist/cjs/hooks/useOpenCollectionOverlay.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","require","_react2","useOpenCollectionOverlay","collectionId","container","useWixPatternsContainer","pageLocation","usePageLocation","navigateTo","onLayerStateChange","subscriptionRef","useRef","useEffect","_subscriptionRef$curr","current","remove","open","useCallback","onReturnToForeground","_subscriptionRef$curr2","params","URLSearchParams","search","set","pageId","relativeUrl","pathname","toString","hash","displayMode","history","newState","_subscriptionRef$curr3","canOpen","Boolean","undefined"],"sources":["../../../src/hooks/useOpenCollectionOverlay.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport type OpenCollectionOverlay = (onReturnToForeground?: () => void) => void;\n\n/**\n * Builds an opener that navigates to a collection (by id) as an overlay on top\n * of the current page, and invokes `onReturnToForeground` once the overlay\n * closes and the page returns to the foreground.\n *\n * Must be called from a component that outlives the inline cell editor (e.g. a\n * cell type's `EditWrapper`): opening the overlay typically commits/unmounts\n * the editor, so the layer-state subscription is owned here and disposed only\n * on this owner's unmount (and before re-opening). The editor passes the\n * refresh it wants to run on return as `onReturnToForeground` when it calls the\n * opener, since the editor — not this owner — holds the data to refresh.\n *\n * Returns `undefined` when the host can't navigate (no `collectionId`,\n * `navigateTo`, or page location).\n */\nexport function useOpenCollectionOverlay({\n collectionId,\n}: {\n collectionId: string | undefined;\n}): OpenCollectionOverlay | undefined {\n const container = useWixPatternsContainer();\n const pageLocation = container.usePageLocation?.();\n const navigateTo = container.navigateTo;\n const onLayerStateChange = container.onLayerStateChange;\n\n // The subscription is owned by this (stable) component, not the editor that\n // triggers it, so it survives the editor unmounting when the overlay opens\n // and is disposed on this owner's unmount (or before re-opening).\n const subscriptionRef = useRef<{ remove: () => void } | null>(null);\n useEffect(\n () => () => {\n subscriptionRef.current?.remove();\n subscriptionRef.current = null;\n },\n [],\n );\n\n const open = useCallback<OpenCollectionOverlay>(\n (onReturnToForeground) => {\n if (!collectionId || !navigateTo || !pageLocation) {\n return;\n }\n // Preserve the current route (pathname, existing query params, hash) and\n // only swap in the referenced collectionId, so nested routes and required\n // query state survive the navigation.\n const params = new URLSearchParams(pageLocation.search);\n params.set('collectionId', collectionId);\n navigateTo({\n pageId: pageLocation.pageId,\n relativeUrl: `${pageLocation.pathname}?${params.toString()}${\n pageLocation.hash ?? ''\n }`,\n displayMode: 'overlay',\n history: 'replace',\n });\n\n subscriptionRef.current?.remove();\n subscriptionRef.current =\n onLayerStateChange?.((newState) => {\n if (newState === 'foreground') {\n subscriptionRef.current?.remove();\n subscriptionRef.current = null;\n onReturnToForeground?.();\n }\n }) ?? null;\n },\n [collectionId, navigateTo, pageLocation, onLayerStateChange],\n );\n\n const canOpen = Boolean(collectionId && navigateTo && pageLocation);\n return canOpen ? open : undefined;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,wBAAwBA,CAAC;EACvCC;AAGF,CAAC,EAAqC;EACpC,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,YAAY,GAAGF,SAAS,CAACG,eAAe,oBAAzBH,SAAS,CAACG,eAAe,CAAG,CAAC;EAClD,MAAMC,UAAU,GAAGJ,SAAS,CAACI,UAAU;EACvC,MAAMC,kBAAkB,GAAGL,SAAS,CAACK,kBAAkB;;EAEvD;EACA;EACA;EACA,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAgC,IAAI,CAAC;EACnE,IAAAC,gBAAS,EACP,MAAM,MAAM;IAAA,IAAAC,qBAAA;IACV,CAAAA,qBAAA,GAAAH,eAAe,CAACI,OAAO,aAAvBD,qBAAA,CAAyBE,MAAM,CAAC,CAAC;IACjCL,eAAe,CAACI,OAAO,GAAG,IAAI;EAChC,CAAC,EACD,EACF,CAAC;EAED,MAAME,IAAI,GAAG,IAAAC,kBAAW,EACrBC,oBAAoB,IAAK;IAAA,IAAAC,sBAAA;IACxB,IAAI,CAAChB,YAAY,IAAI,CAACK,UAAU,IAAI,CAACF,YAAY,EAAE;MACjD;IACF;IACA;IACA;IACA;IACA,MAAMc,MAAM,GAAG,IAAIC,eAAe,CAACf,YAAY,CAACgB,MAAM,CAAC;IACvDF,MAAM,CAACG,GAAG,CAAC,cAAc,EAAEpB,YAAY,CAAC;IACxCK,UAAU,CAAC;MACTgB,MAAM,EAAElB,YAAY,CAACkB,MAAM;MAC3BC,WAAW,EAAE,GAAGnB,YAAY,CAACoB,QAAQ,IAAIN,MAAM,CAACO,QAAQ,CAAC,CAAC,GACxDrB,YAAY,CAACsB,IAAI,IAAI,EAAE,EACvB;MACFC,WAAW,EAAE,SAAS;MACtBC,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,CAAAX,sBAAA,GAAAT,eAAe,CAACI,OAAO,aAAvBK,sBAAA,CAAyBJ,MAAM,CAAC,CAAC;IACjCL,eAAe,CAACI,OAAO,GACrB,CAAAL,kBAAkB,oBAAlBA,kBAAkB,CAAIsB,QAAQ,IAAK;MACjC,IAAIA,QAAQ,KAAK,YAAY,EAAE;QAAA,IAAAC,sBAAA;QAC7B,CAAAA,sBAAA,GAAAtB,eAAe,CAACI,OAAO,aAAvBkB,sBAAA,CAAyBjB,MAAM,CAAC,CAAC;QACjCL,eAAe,CAACI,OAAO,GAAG,IAAI;QAC9BI,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;MAC1B;IACF,CAAC,CAAC,KAAI,IAAI;EACd,CAAC,EACD,CAACf,YAAY,EAAEK,UAAU,EAAEF,YAAY,EAAEG,kBAAkB,CAC7D,CAAC;EAED,MAAMwB,OAAO,GAAGC,OAAO,CAAC/B,YAAY,IAAIK,UAAU,IAAIF,YAAY,CAAC;EACnE,OAAO2B,OAAO,GAAGjB,IAAI,GAAGmB,SAAS;AACnC","ignoreList":[]}