@wix/patterns 0.8.0

package/dist/cjs/hooks/useCreateNestedOptimisticActions.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCreateNestedOptimisticActions = useCreateNestedOptimisticActions;
+var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
+function useCreateNestedOptimisticActions() {
+  const createOptimisticActions = (0, _react2.useCreateOptimisticActions)();
+  return (0, _react.useCallback)((collection, state, params) => {
+    var _state$parent;
+    return createOptimisticActions(collection, {
+      ...params,
+      cacheNamespace: state == null || (_state$parent = state.parent) == null ? void 0 : _state$parent.id
+    });
+  }, []);
+}
+//# sourceMappingURL=useCreateNestedOptimisticActions.js.map

package/dist/cjs/hooks/useCreateNestedOptimisticActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","useCreateNestedOptimisticActions","createOptimisticActions","useCreateOptimisticActions","useCallback","collection","state","params","_state$parent","cacheNamespace","parent","id"],"sources":["../../../src/hooks/useCreateNestedOptimisticActions.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  CollectionState,\n  FiltersMap,\n  CollectionOptimisticActionsBaseParams,\n  KeyedItem,\n} from '@wix/bex-core';\nimport { useCreateOptimisticActions } from '@wix/bex-core/react';\n\nexport function useCreateNestedOptimisticActions() {\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  return useCallback(\n    <T, F extends FiltersMap>(\n      collection: CollectionState<T, F>,\n      state?: {\n        readonly parent: KeyedItem<any> | null;\n      },\n      params?: Partial<CollectionOptimisticActionsBaseParams<T, F>>,\n    ) =>\n      createOptimisticActions(collection, {\n        ...params,\n        cacheNamespace: state?.parent?.id,\n      }),\n    [],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,OAAA,GAAAD,OAAA;AAEO,SAASE,gCAAgCA,CAAA,EAAG;EACjD,MAAMC,uBAAuB,GAAG,IAAAC,kCAA0B,EAAC,CAAC;EAE5D,OAAO,IAAAC,kBAAW,EAChB,CACEC,UAAiC,EACjCC,KAEC,EACDC,MAA6D;IAAA,IAAAC,aAAA;IAAA,OAE7DN,uBAAuB,CAACG,UAAU,EAAE;MAClC,GAAGE,MAAM;MACTE,cAAc,EAAEH,KAAK,aAAAE,aAAA,GAALF,KAAK,CAAEI,MAAM,qBAAbF,aAAA,CAAeG;IACjC,CAAC,CAAC;EAAA,GACJ,EACF,CAAC;AACH"}

package/dist/cjs/hooks/useCreateWSRColumnBase.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCreateWSRColumnBase = useCreateWSRColumnBase;
+var _react = require("react");
+function useCreateWSRColumnBase({
+  horizontalScroll
+}) {
+  return (0, _react.useCallback)((column, index, length) => {
+    const {
+      id,
+      title,
+      width,
+      sortable,
+      infoTooltipProps
+    } = column;
+    const lastColumn = index === length - 1;
+    return {
+      id,
+      key: id ?? index,
+      title,
+      style: lastColumn ? horizontalScroll ? {
+        flexBasis: width ?? 0,
+        flexShrink: 0,
+        flexGrow: 1
+      } : {
+        flex: 1
+      } : undefined,
+      width: lastColumn && !horizontalScroll ? undefined : width,
+      sortable: id && sortable ? true : undefined,
+      infoTooltipProps: infoTooltipProps != null && infoTooltipProps.content ? infoTooltipProps : undefined
+    };
+  }, [horizontalScroll]);
+}
+//# sourceMappingURL=useCreateWSRColumnBase.js.map

package/dist/cjs/hooks/useCreateWSRColumnBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useCreateWSRColumnBase","horizontalScroll","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","lastColumn","key","style","flexBasis","flexShrink","flexGrow","flex","undefined","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.ts"],"sourcesContent":["import { TableColumn } from '../model';\nimport { useCallback } from 'react';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps } = column;\n      const lastColumn = index === length - 1;\n\n      return {\n        id,\n        key: id ?? index,\n        title,\n        style: lastColumn\n          ? horizontalScroll\n            ? {\n                flexBasis: width ?? 0,\n                flexShrink: 0,\n                flexGrow: 1,\n              }\n            : { flex: 1 }\n          : undefined,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll],\n  );\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMO,SAASC,sBAAsBA,CAAC;EACrCC;AAC4B,CAAC,EAAE;EAC/B,OAAO,IAAAC,kBAAW,EAChB,CACEC,MAAsD,EACtDC,KAAa,EACbC,MAAc,KACX;IACH,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAiB,CAAC,GAAGP,MAAM;IAC/D,MAAMQ,UAAU,GAAGP,KAAK,KAAKC,MAAM,GAAG,CAAC;IAEvC,OAAO;MACLC,EAAE;MACFM,GAAG,EAAEN,EAAE,IAAIF,KAAK;MAChBG,KAAK;MACLM,KAAK,EAAEF,UAAU,GACbV,gBAAgB,GACd;QACEa,SAAS,EAAEN,KAAK,IAAI,CAAC;QACrBO,UAAU,EAAE,CAAC;QACbC,QAAQ,EAAE;MACZ,CAAC,GACD;QAAEC,IAAI,EAAE;MAAE,CAAC,GACbC,SAAS;MACbV,KAAK,EAAEG,UAAU,IAAI,CAACV,gBAAgB,GAAGiB,SAAS,GAAGV,KAAK;MAC1DC,QAAQ,EAAEH,EAAE,IAAIG,QAAQ,GAAG,IAAI,GAAGS,SAAS;MAC3CR,gBAAgB,EAAEA,gBAAgB,YAAhBA,gBAAgB,CAAES,OAAO,GACvCT,gBAAgB,GAChBQ;IACN,CAAC;EACH,CAAC,EACD,CAACjB,gBAAgB,CACnB,CAAC;AACH"}

package/dist/cjs/hooks/useCustomFieldsWidget.js

@@ -0,0 +1,35 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCustomFieldsWidget = useCustomFieldsWidget;
+var _react = require("react");
+var _state = require("../state");
+var _react2 = require("@wix/bex-core/react");
+var _bexCore = require("@wix/bex-core");
+function useCustomFieldsWidget({
+  fqdn: fqdnString,
+  fieldName = 'extendedFields'
+}) {
+  const fqdn = (0, _bexCore.parseFqdn)(fqdnString);
+  const container = (0, _react2.useWixPatternsContainer)();
+  const formPageState = (0, _react.useContext)(_react2.formPageContext);
+  const [{
+    state,
+    appLoaded
+  }] = (0, _react.useState)(() => {
+    const widgetState = new _state.CustomFieldsWidgetState({
+      fqdn,
+      container
+    });
+    formPageState == null || formPageState.registerWidget(fieldName, widgetState);
+    return {
+      state: widgetState,
+      appLoaded: widgetState._appLoadingStart()
+    };
+  });
+  (0, _react.useEffect)(() => state.init({
+    appLoaded
+  }), []);
+  return state;
+}
+//# sourceMappingURL=useCustomFieldsWidget.js.map

package/dist/cjs/hooks/useCustomFieldsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_state","_react2","_bexCore","useCustomFieldsWidget","fqdn","fqdnString","fieldName","parseFqdn","container","useWixPatternsContainer","formPageState","useContext","formPageContext","state","appLoaded","useState","widgetState","CustomFieldsWidgetState","registerWidget","_appLoadingStart","useEffect","init"],"sources":["../../../src/hooks/useCustomFieldsWidget.ts"],"sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { CustomFieldsWidgetState } from '../state';\nimport { useWixPatternsContainer, formPageContext } from '@wix/bex-core/react';\nimport { parseFqdn } from '@wix/bex-core';\n\nexport interface UseCustomFieldsWidgetParams {\n  fqdn: string;\n  fieldName?: string;\n}\n\nexport function useCustomFieldsWidget({\n  fqdn: fqdnString,\n  fieldName = 'extendedFields',\n}: UseCustomFieldsWidgetParams) {\n  const fqdn = parseFqdn(fqdnString);\n  const container = useWixPatternsContainer();\n  const formPageState = useContext(formPageContext);\n\n  const [{ state, appLoaded }] = useState(() => {\n    const widgetState = new CustomFieldsWidgetState({\n      fqdn,\n      container,\n    });\n\n    formPageState?.registerWidget(fieldName, widgetState);\n\n    return {\n      state: widgetState,\n      appLoaded: widgetState._appLoadingStart(),\n    };\n  });\n\n  useEffect(() => state.init({ appLoaded }), []);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,SAASI,qBAAqBA,CAAC;EACpCC,IAAI,EAAEC,UAAU;EAChBC,SAAS,GAAG;AACe,CAAC,EAAE;EAC9B,MAAMF,IAAI,GAAG,IAAAG,kBAAS,EAACF,UAAU,CAAC;EAClC,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,uBAAe,CAAC;EAEjD,MAAM,CAAC;IAAEC,KAAK;IAAEC;EAAU,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC5C,MAAMC,WAAW,GAAG,IAAIC,8BAAuB,CAAC;MAC9Cb,IAAI;MACJI;IACF,CAAC,CAAC;IAEFE,aAAa,YAAbA,aAAa,CAAEQ,cAAc,CAACZ,SAAS,EAAEU,WAAW,CAAC;IAErD,OAAO;MACLH,KAAK,EAAEG,WAAW;MAClBF,SAAS,EAAEE,WAAW,CAACG,gBAAgB,CAAC;IAC1C,CAAC;EACH,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAMP,KAAK,CAACQ,IAAI,CAAC;IAAEP;EAAU,CAAC,CAAC,EAAE,EAAE,CAAC;EAE9C,OAAOD,KAAK;AACd"}

package/dist/cjs/hooks/useDateRangeFilterState.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDateRangeFilterState = useDateRangeFilterState;
+var _react = require("react");
+var _state = require("../state");
+var _react2 = require("@wix/bex-core/react");
+var _providers = require("../providers");
+function useDateRangeFilterState(params) {
+  const {
+    filter,
+    filterByTime
+  } = params;
+  const {
+    translate
+  } = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _providers.useFilterToolbarState)();
+  const [state] = (0, _react.useState)(() => new _state.DateRangeFilterState({
+    translate,
+    filter,
+    toolbar,
+    filterByTime
+  }));
+  return state;
+}
+//# sourceMappingURL=useDateRangeFilterState.js.map

package/dist/cjs/hooks/useDateRangeFilterState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_state","_react2","_providers","useDateRangeFilterState","params","filter","filterByTime","translate","useWixPatternsContainer","toolbar","useFilterToolbarState","state","useState","DateRangeFilterState"],"sources":["../../../src/hooks/useDateRangeFilterState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { DateRangeFilterState } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Filter, RangeItem } from '@wix/bex-core';\nimport { useFilterToolbarState } from '../providers';\n\nexport interface UseDateRangeFilterStateParams {\n  filter: Filter<RangeItem<Date>>;\n  filterByTime?: boolean;\n}\n\nexport function useDateRangeFilterState(params: UseDateRangeFilterStateParams) {\n  const { filter, filterByTime } = params;\n\n  const { translate } = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [state] = useState(\n    () =>\n      new DateRangeFilterState({\n        translate,\n        filter,\n        toolbar,\n        filterByTime,\n      }),\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAOO,SAASI,uBAAuBA,CAACC,MAAqC,EAAE;EAC7E,MAAM;IAAEC,MAAM;IAAEC;EAAa,CAAC,GAAGF,MAAM;EAEvC,MAAM;IAAEG;EAAU,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC/C,MAAMC,OAAO,GAAG,IAAAC,gCAAqB,EAAC,CAAC;EAEvC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,2BAAoB,CAAC;IACvBN,SAAS;IACTF,MAAM;IACNI,OAAO;IACPH;EACF,CAAC,CACL,CAAC;EAED,OAAOK,KAAK;AACd"}

package/dist/cjs/hooks/useDropdownSelectFilterState.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDropdownSelectFilterState = useDropdownSelectFilterState;
+var _react = require("react");
+var _state = require("../state");
+var _react2 = require("@wix/bex-core/react");
+var _providers = require("../providers");
+function useDropdownSelectFilterState(params) {
+  const {
+    filter
+  } = params;
+  const container = (0, _react2.useWixPatternsContainer)();
+  const toolbar = (0, _providers.useFilterToolbarState)();
+  const [state] = (0, _react.useState)(() => new _state.DropdownSelectFilterState({
+    container,
+    toolbar,
+    filter
+  }));
+  return state;
+}
+//# sourceMappingURL=useDropdownSelectFilterState.js.map

package/dist/cjs/hooks/useDropdownSelectFilterState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_state","_react2","_providers","useDropdownSelectFilterState","params","filter","container","useWixPatternsContainer","toolbar","useFilterToolbarState","state","useState","DropdownSelectFilterState"],"sources":["../../../src/hooks/useDropdownSelectFilterState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { DropdownSelectFilterState } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ArrayField } from '@wix/bex-core';\nimport { useFilterToolbarState } from '../providers';\n\nexport interface UseDropdownSelectFilterStateParams<V> {\n  filter: ArrayField<V>;\n}\n\nexport function useDropdownSelectFilterState<V>(\n  params: UseDropdownSelectFilterStateParams<V>,\n) {\n  const { filter } = params;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [state] = useState(\n    () =>\n      new DropdownSelectFilterState<V>({\n        container,\n        toolbar,\n        filter,\n      }),\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAMO,SAASI,4BAA4BA,CAC1CC,MAA6C,EAC7C;EACA,MAAM;IAAEC;EAAO,CAAC,GAAGD,MAAM;EAEzB,MAAME,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,OAAO,GAAG,IAAAC,gCAAqB,EAAC,CAAC;EAEvC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,gCAAyB,CAAI;IAC/BN,SAAS;IACTE,OAAO;IACPH;EACF,CAAC,CACL,CAAC;EAED,OAAOK,KAAK;AACd"}

package/dist/cjs/hooks/useEmptyStateTexts.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEmptyStateTexts = useEmptyStateTexts;
+function useEmptyStateTexts(props) {
+  const {
+    state
+  } = props;
+  const {
+    translate: t,
+    result: {
+      originQuery,
+      hasAvailableItems
+    }
+  } = state;
+  const {
+    search,
+    rawSearch
+  } = originQuery;
+  const subtitle = (() => {
+    if (props.subtitle) {
+      return props.subtitle;
+    }
+    if (hasAvailableItems && search != null) {
+      return t('cairo.emptyState.subtitle.nothingMatches', {
+        term: rawSearch
+      });
+    }
+    if (hasAvailableItems) {
+      return t('cairo.emptyState.subtitle.nothingMatchesCriteria');
+    }
+    return t('cairo.emptyState.subtitle.nothingAvailable');
+  })();
+  const title = t('cairo.emptyState.title');
+  return {
+    title,
+    subtitle
+  };
+}
+//# sourceMappingURL=useEmptyStateTexts.js.map

package/dist/cjs/hooks/useEmptyStateTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEmptyStateTexts","props","state","translate","t","result","originQuery","hasAvailableItems","search","rawSearch","subtitle","term","title"],"sources":["../../../src/hooks/useEmptyStateTexts.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { ReactNode } from 'react';\n\nexport function useEmptyStateTexts<T, F extends FiltersMap>(props: {\n  state: CollectionState<T, F>;\n  subtitle?: ReactNode;\n}) {\n  const { state } = props;\n  const {\n    translate: t,\n    result: { originQuery, hasAvailableItems },\n  } = state;\n\n  const { search, rawSearch } = originQuery;\n\n  const subtitle = (() => {\n    if (props.subtitle) {\n      return props.subtitle;\n    }\n\n    if (hasAvailableItems && search != null) {\n      return t('cairo.emptyState.subtitle.nothingMatches', {\n        term: rawSearch,\n      });\n    }\n\n    if (hasAvailableItems) {\n      return t('cairo.emptyState.subtitle.nothingMatchesCriteria');\n    }\n\n    return t('cairo.emptyState.subtitle.nothingAvailable');\n  })();\n\n  const title = t('cairo.emptyState.title');\n\n  return {\n    title,\n    subtitle,\n  };\n}\n"],"mappings":";;;;AAGO,SAASA,kBAAkBA,CAA0BC,KAG3D,EAAE;EACD,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IACJE,SAAS,EAAEC,CAAC;IACZC,MAAM,EAAE;MAAEC,WAAW;MAAEC;IAAkB;EAC3C,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM,MAAM;IAAEC;EAAU,CAAC,GAAGH,WAAW;EAEzC,MAAMI,QAAQ,GAAG,CAAC,MAAM;IACtB,IAAIT,KAAK,CAACS,QAAQ,EAAE;MAClB,OAAOT,KAAK,CAACS,QAAQ;IACvB;IAEA,IAAIH,iBAAiB,IAAIC,MAAM,IAAI,IAAI,EAAE;MACvC,OAAOJ,CAAC,CAAC,0CAA0C,EAAE;QACnDO,IAAI,EAAEF;MACR,CAAC,CAAC;IACJ;IAEA,IAAIF,iBAAiB,EAAE;MACrB,OAAOH,CAAC,CAAC,kDAAkD,CAAC;IAC9D;IAEA,OAAOA,CAAC,CAAC,4CAA4C,CAAC;EACxD,CAAC,EAAE,CAAC;EAEJ,MAAMQ,KAAK,GAAGR,CAAC,CAAC,wBAAwB,CAAC;EAEzC,OAAO;IACLQ,KAAK;IACLF;EACF,CAAC;AACH"}

package/dist/cjs/hooks/useEntity.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEntity = useEntity;
+var _useSelector = require("../useSelector");
+function useEntity(state) {
+  return (0, _useSelector.useSelector)(() => state.entity);
+}
+//# sourceMappingURL=useEntity.js.map

package/dist/cjs/hooks/useEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useSelector","require","useEntity","state","useSelector","entity"],"sources":["../../../src/hooks/useEntity.ts"],"sourcesContent":["import { EntityPageState } from '../state';\nimport { useSelector } from '../useSelector';\nimport { FieldValues } from 'react-hook-form';\n\nexport function useEntity<T, V extends FieldValues = FieldValues>(\n  state: EntityPageState<T, V>,\n) {\n  return useSelector(() => state.entity);\n}\n"],"mappings":";;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAGO,SAASC,SAASA,CACvBC,KAA4B,EAC5B;EACA,OAAO,IAAAC,wBAAW,EAAC,MAAMD,KAAK,CAACE,MAAM,CAAC;AACxC"}

package/dist/cjs/hooks/useEntityPage.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEntityPage = useEntityPage;
+var _react = require("react");
+var _state = require("../state");
+var _react2 = require("@wix/bex-core/react");
+function useEntityPage(props) {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const [state] = (0, _react.useState)(() => new _state.EntityPageState({
+    container,
+    ...props
+  }));
+  const {
+    formState: {
+      isSubmitSuccessful,
+      isDirty
+    }
+  } = props.form;
+
+  /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.
+  Therefore, make sure you invoke or read it before a render in order to enable the state update. */
+  (0, _react.useEffect)(() => {
+    state.isSubmitSuccessful = isSubmitSuccessful;
+    state.isFormDirty = isDirty;
+  }, [isSubmitSuccessful, isDirty]);
+  return state;
+}
+//# sourceMappingURL=useEntityPage.js.map

package/dist/cjs/hooks/useEntityPage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_state","_react2","useEntityPage","props","container","useWixPatternsContainer","state","useState","EntityPageState","formState","isSubmitSuccessful","isDirty","form","useEffect","isFormDirty"],"sources":["../../../src/hooks/useEntityPage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { EntityPageState, EntityPageStateParams } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FieldValues } from 'react-hook-form';\n\nexport interface UseEntityPageParams<T, V extends FieldValues = FieldValues>\n  extends Pick<\n    EntityPageStateParams<T, V>,\n    'fetch' | 'onSave' | 'saveErrorToast' | 'form' | 'parentPageId'\n  > {}\n\nexport function useEntityPage<T, V extends FieldValues = FieldValues>(\n  props: UseEntityPageParams<T, V>,\n): EntityPageState<T, V> {\n  const container = useWixPatternsContainer();\n  const [state] = useState(() => new EntityPageState({ container, ...props }));\n\n  const {\n    formState: { isSubmitSuccessful, isDirty },\n  } = props.form;\n\n  /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.\n  Therefore, make sure you invoke or read it before a render in order to enable the state update. */\n  useEffect(() => {\n    state.isSubmitSuccessful = isSubmitSuccessful;\n    state.isFormDirty = isDirty;\n  }, [isSubmitSuccessful, isDirty]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AASO,SAASG,aAAaA,CAC3BC,KAAgC,EACT;EACvB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,sBAAe,CAAC;IAAEJ,SAAS;IAAE,GAAGD;EAAM,CAAC,CAAC,CAAC;EAE5E,MAAM;IACJM,SAAS,EAAE;MAAEC,kBAAkB;MAAEC;IAAQ;EAC3C,CAAC,GAAGR,KAAK,CAACS,IAAI;;EAEd;AACF;EACE,IAAAC,gBAAS,EAAC,MAAM;IACdP,KAAK,CAACI,kBAAkB,GAAGA,kBAAkB;IAC7CJ,KAAK,CAACQ,WAAW,GAAGH,OAAO;EAC7B,CAAC,EAAE,CAACD,kBAAkB,EAAEC,OAAO,CAAC,CAAC;EAEjC,OAAOL,KAAK;AACd"}

package/dist/cjs/hooks/useEntityPageChild/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useEntityPageChild = require("./useEntityPageChild");
+Object.keys(_useEntityPageChild).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useEntityPageChild[key]) return;
+  exports[key] = _useEntityPageChild[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useEntityPageChild/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useEntityPageChild","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useEntityPageChild/index.ts"],"sourcesContent":["export * from './useEntityPageChild';\n"],"mappings":";;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,mBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/hooks/useEntityPageChild/useEntityPageChild.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEntityPageChild = useEntityPageChild;
+var _react = require("react");
+var _EntityPageHeader = require("../../components/EntityPageHeader");
+var _EntityPageContent = require("../../components/EntityPageContent");
+function useEntityPageChild(children) {
+  // Mapping to raw WDS components since original Page filtering none expected components: https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-style-react/src/Page/Page.js#L626
+  return _react.Children.toArray(children).map(child => {
+    if ( /*#__PURE__*/(0, _react.isValidElement)(child)) {
+      switch (child.type) {
+        case _EntityPageHeader.EntityPageHeader:
+          const header = child;
+          return header.type.useEntityPageHeader(header);
+        case _EntityPageContent.EntityPageContent:
+          const content = child;
+          return content.type.useEntityPageContent(content);
+        default:
+          // TODO: Check whenever we should filter out or not other Page components
+          return null;
+      }
+    }
+    return null;
+  }).filter(c => c);
+}
+//# sourceMappingURL=useEntityPageChild.js.map

package/dist/cjs/hooks/useEntityPageChild/useEntityPageChild.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_EntityPageHeader","_EntityPageContent","useEntityPageChild","children","Children","toArray","map","child","isValidElement","type","EntityPageHeader","header","useEntityPageHeader","EntityPageContent","content","useEntityPageContent","filter","c"],"sources":["../../../../src/hooks/useEntityPageChild/useEntityPageChild.tsx"],"sourcesContent":["import { isValidElement, Children, ReactNode, ReactElement } from 'react';\nimport { ContentProps, Page, HeaderProps } from '@wix/design-system';\nimport {\n  EntityPageHeader,\n  EntityPageHeaderElement,\n} from '../../components/EntityPageHeader';\nimport {\n  EntityPageContent,\n  EntityPageContentElement,\n} from '../../components/EntityPageContent';\n\nexport interface EntityPageChild {\n  Header?: ReactElement<HeaderProps, typeof Page.Header>;\n  Content?: ReactElement<ContentProps, typeof Page.Content>;\n}\n\nexport function useEntityPageChild(children: ReactNode) {\n  // Mapping to raw WDS components since original Page filtering none expected components: https://github.com/wix-private/wix-design-systems/blob/master/packages/wix-style-react/src/Page/Page.js#L626\n  return Children.toArray(children)\n    .map((child) => {\n      if (isValidElement(child)) {\n        switch (child.type) {\n          case EntityPageHeader:\n            const header = child as EntityPageHeaderElement;\n            return header.type.useEntityPageHeader(header);\n          case EntityPageContent:\n            const content = child as EntityPageContentElement;\n            return content.type.useEntityPageContent(content);\n          default:\n            // TODO: Check whenever we should filter out or not other Page components\n            return null;\n        }\n      }\n\n      return null;\n    })\n    .filter((c) => c);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAIA,IAAAE,kBAAA,GAAAF,OAAA;AAUO,SAASG,kBAAkBA,CAACC,QAAmB,EAAE;EACtD;EACA,OAAOC,eAAQ,CAACC,OAAO,CAACF,QAAQ,CAAC,CAC9BG,GAAG,CAAEC,KAAK,IAAK;IACd,kBAAI,IAAAC,qBAAc,EAACD,KAAK,CAAC,EAAE;MACzB,QAAQA,KAAK,CAACE,IAAI;QAChB,KAAKC,kCAAgB;UACnB,MAAMC,MAAM,GAAGJ,KAAgC;UAC/C,OAAOI,MAAM,CAACF,IAAI,CAACG,mBAAmB,CAACD,MAAM,CAAC;QAChD,KAAKE,oCAAiB;UACpB,MAAMC,OAAO,GAAGP,KAAiC;UACjD,OAAOO,OAAO,CAACL,IAAI,CAACM,oBAAoB,CAACD,OAAO,CAAC;QACnD;UACE;UACA,OAAO,IAAI;MACf;IACF;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,CACDE,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC;AACrB"}

package/dist/cjs/hooks/useExtensionMenuItems.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useExtensionMenuItems = useExtensionMenuItems;
+var _react = require("react");
+var _ExtensionMenuItemsState = require("../state/ExtensionMenuItemsState");
+var _react2 = require("@wix/bex-core/react");
+function useExtensionMenuItems(params) {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const [state] = (0, _react.useState)(() => {
+    return new _ExtensionMenuItemsState.ExtensionMenuItemsState({
+      ...params,
+      container
+    });
+  });
+  (0, _react.useEffect)(() => state.init(), []);
+  return state;
+}
+//# sourceMappingURL=useExtensionMenuItems.js.map

package/dist/cjs/hooks/useExtensionMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ExtensionMenuItemsState","_react2","useExtensionMenuItems","params","container","useWixPatternsContainer","state","useState","ExtensionMenuItemsState","useEffect","init"],"sources":["../../../src/hooks/useExtensionMenuItems.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n  ExtensionMenuItemsState,\n  ExtensionMenuItemsStateParams,\n} from '../state/ExtensionMenuItemsState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport function useExtensionMenuItems(\n  params: Omit<ExtensionMenuItemsStateParams, 'container'>,\n) {\n  const container = useWixPatternsContainer();\n\n  const [state] = useState(() => {\n    return new ExtensionMenuItemsState({ ...params, container });\n  });\n\n  useEffect(() => state.init(), []);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAEO,SAASG,qBAAqBA,CACnCC,MAAwD,EACxD;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7B,OAAO,IAAIC,gDAAuB,CAAC;MAAE,GAAGL,MAAM;MAAEC;IAAU,CAAC,CAAC;EAC9D,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAMH,KAAK,CAACI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,OAAOJ,KAAK;AACd"}

package/dist/cjs/hooks/useFilterCollection/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useFilterCollection = require("./useFilterCollection");
+Object.keys(_useFilterCollection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFilterCollection[key]) return;
+  exports[key] = _useFilterCollection[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useFilterCollection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useFilterCollection","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useFilterCollection/index.ts"],"sourcesContent":["export * from './useFilterCollection';\n"],"mappings":";;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,oBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/hooks/useFilterCollection/useFilterCollection.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCreateFilterCollection = useCreateFilterCollection;
+exports.useFilterCollection = useFilterCollection;
+var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
+function useCreateFilterCollection() {
+  const createCollection = (0, _react2.useCreateCollection)();
+  return (0, _react.useCallback)((filter, config) => {
+    return createCollection({
+      itemKey: filter.itemKey,
+      itemName: filter.itemName,
+      ...config,
+      fetchErrorMessage: () => null,
+      filters: config.filters ?? {}
+    });
+  }, []);
+}
+function useFilterCollection(filter, config) {
+  const createFilterCollection = useCreateFilterCollection();
+  const [collection] = (0, _react.useState)(() => createFilterCollection(filter, {
+    ...config,
+    queryOptions: {
+      refetchOnMount: false,
+      retryOnMount: false
+    }
+  }));
+  return collection;
+}
+//# sourceMappingURL=useFilterCollection.js.map

package/dist/cjs/hooks/useFilterCollection/useFilterCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","useCreateFilterCollection","createCollection","useCreateCollection","useCallback","filter","config","itemKey","itemName","fetchErrorMessage","filters","useFilterCollection","createFilterCollection","collection","useState","queryOptions","refetchOnMount","retryOnMount"],"sources":["../../../../src/hooks/useFilterCollection/useFilterCollection.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport {\n  CollectionState,\n  Filter,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  CollectionConfig,\n  CollectionConfigWithConditionals,\n  CursorFetchDataFn,\n  OffsetFetchDataFn,\n  useCreateCollection,\n} from '@wix/bex-core/react';\n\ntype FiltersConfig<F extends FiltersMap> = F extends OptionalFiltersMap\n  ? { filters?: {} }\n  : { filters: F };\n\ntype PaginationModeConfig<T, F extends FiltersMap> =\n  | {\n      paginationMode?: 'offset';\n      fetchData: OffsetFetchDataFn<T, F>;\n    }\n  | {\n      paginationMode: 'cursor';\n      fetchData: CursorFetchDataFn<T, F>;\n    };\n\nexport type FilterCollectionConfig<T, F extends FiltersMap> = Omit<\n  CollectionConfig<T, F>,\n  | 'itemKey'\n  | 'itemName'\n  | 'filters'\n  | 'paginationMode'\n  | 'fetchData'\n  | 'fetchErrorMessage'\n> &\n  FiltersConfig<F> &\n  PaginationModeConfig<T, F>;\n\nexport type FilterCollectionFactory = <T, F extends FiltersMap = FiltersMap>(\n  filter: Filter<T[]>,\n  config: FilterCollectionConfig<T, F>,\n) => CollectionState<T, F>;\n\nexport function useCreateFilterCollection(): FilterCollectionFactory {\n  const createCollection = useCreateCollection();\n\n  return useCallback(\n    <T, F extends FiltersMap = FiltersMap>(\n      filter: Filter<T[]>,\n      config: FilterCollectionConfig<T, F>,\n    ) => {\n      return createCollection<T, F>({\n        itemKey: filter.itemKey,\n        itemName: filter.itemName,\n        ...config,\n        fetchErrorMessage: () => null,\n        filters: config.filters ?? {},\n      } as CollectionConfigWithConditionals<T, F>);\n    },\n    [],\n  );\n}\n\nexport function useFilterCollection<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  filter: Filter<T[]>,\n  config: FilterCollectionConfig<T, F>,\n): CollectionState<T, F> {\n  const createFilterCollection = useCreateFilterCollection();\n\n  const [collection] = useState(() =>\n    createFilterCollection<T, F>(filter, {\n      ...config,\n      queryOptions: {\n        refetchOnMount: false,\n        retryOnMount: false,\n      },\n    }),\n  );\n\n  return collection;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,OAAA,GAAAD,OAAA;AAuCO,SAASE,yBAAyBA,CAAA,EAA4B;EACnE,MAAMC,gBAAgB,GAAG,IAAAC,2BAAmB,EAAC,CAAC;EAE9C,OAAO,IAAAC,kBAAW,EAChB,CACEC,MAAmB,EACnBC,MAAoC,KACjC;IACH,OAAOJ,gBAAgB,CAAO;MAC5BK,OAAO,EAAEF,MAAM,CAACE,OAAO;MACvBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzB,GAAGF,MAAM;MACTG,iBAAiB,EAAEA,CAAA,KAAM,IAAI;MAC7BC,OAAO,EAAEJ,MAAM,CAACI,OAAO,IAAI,CAAC;IAC9B,CAA2C,CAAC;EAC9C,CAAC,EACD,EACF,CAAC;AACH;AAEO,SAASC,mBAAmBA,CAIjCN,MAAmB,EACnBC,MAAoC,EACb;EACvB,MAAMM,sBAAsB,GAAGX,yBAAyB,CAAC,CAAC;EAE1D,MAAM,CAACY,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC5BF,sBAAsB,CAAOP,MAAM,EAAE;IACnC,GAAGC,MAAM;IACTS,YAAY,EAAE;MACZC,cAAc,EAAE,KAAK;MACrBC,YAAY,EAAE;IAChB;EACF,CAAC,CACH,CAAC;EAED,OAAOJ,UAAU;AACnB"}

package/dist/cjs/hooks/useFixMissingContactsViews.js

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useFixMissingContactsViews = useFixMissingContactsViews;
+var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
+var _http = require("@wix/bex-utils/@wix/ambassador-app-settings-v1-settings/http");
+var _types = require("@wix/bex-utils/@wix/ambassador-app-settings-v1-settings/types");
+function useFixMissingContactsViews(collectionState) {
+  const {
+    errorMonitor,
+    httpClient
+  } = (0, _react2.useWixPatternsContainer)();
+  (0, _react.useState)(() => {
+    const oldContactsPageId = 'contacts-page-component';
+    collectionState._fixMissingContactsViews = async state => {
+      const {
+        viewsService
+      } = state;
+      const {
+        viewsStorage,
+        fqdn
+      } = viewsService;
+      try {
+        var _data$settings, _data$settings2, _oldViews$views, _newViews$views, _oldViews$views2;
+        const {
+          data
+        } = await httpClient.request((0, _http.getGlobalSettings)({
+          host: _types.Host.BUSINESS_MANAGER
+        }));
+        const isMigrated = !!(data != null && (_data$settings = data.settings) != null && (_data$settings = _data$settings[oldContactsPageId]) != null && _data$settings._migrationDate);
+        if (isMigrated) {
+          return;
+        }
+        const oldViews = data == null || (_data$settings2 = data.settings) == null || (_data$settings2 = _data$settings2[oldContactsPageId]) == null || (_data$settings2 = _data$settings2.cairo) == null ? void 0 : _data$settings2[fqdn];
+
+        // no views from old contacts views app-settings
+        if (oldViews == null || !(oldViews != null && (_oldViews$views = oldViews.views) != null && _oldViews$views.list)) {
+          return;
+        }
+        const newViews = await viewsStorage.getItem(fqdn);
+        const newViewsList = (newViews == null || (_newViews$views = newViews.views) == null ? void 0 : _newViews$views.list) || {};
+        const oldViewsList = oldViews == null || (_oldViews$views2 = oldViews.views) == null ? void 0 : _oldViews$views2.list;
+        const newViewNames = new Set(Object.values(newViewsList).map(view => view == null ? void 0 : view.name).filter(n => n));
+        Object.values(oldViewsList).forEach(oldView => {
+          if (oldView != null && oldView.id && !newViewNames.has(oldView == null ? void 0 : oldView.name)) {
+            newViewsList[oldView == null ? void 0 : oldView.id] = oldView;
+          }
+        });
+        if (Object.keys(newViewsList).length > 0) {
+          await Promise.all([viewsStorage.setItem(fqdn, {
+            views: {
+              list: newViewsList
+            }
+          }), httpClient.request((0, _http.setGlobalSettings)({
+            host: _types.Host.BUSINESS_MANAGER,
+            settings: {
+              [oldContactsPageId]: {
+                _migrationDate: new Date()
+              }
+            }
+          }))]);
+        }
+      } catch (e) {
+        errorMonitor.captureException(e);
+      }
+    };
+  });
+}
+//# sourceMappingURL=useFixMissingContactsViews.js.map

package/dist/cjs/hooks/useFixMissingContactsViews.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_http","_types","useFixMissingContactsViews","collectionState","errorMonitor","httpClient","useWixPatternsContainer","useState","oldContactsPageId","_fixMissingContactsViews","state","viewsService","viewsStorage","fqdn","_data$settings","_data$settings2","_oldViews$views","_newViews$views","_oldViews$views2","data","request","getGlobalSettings","host","Host","BUSINESS_MANAGER","isMigrated","settings","_migrationDate","oldViews","cairo","views","list","newViews","getItem","newViewsList","oldViewsList","newViewNames","Set","Object","values","map","view","name","filter","n","forEach","oldView","id","has","keys","length","Promise","all","setItem","setGlobalSettings","Date","e","captureException"],"sources":["../../../src/hooks/useFixMissingContactsViews.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { ViewsState } from '../state';\nimport { useState } from 'react';\nimport { AppSettingsViewsSchema } from '../services';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  getGlobalSettings,\n  setGlobalSettings,\n} from '@wix/bex-utils/@wix/ambassador-app-settings-v1-settings/http';\nimport { Host } from '@wix/bex-utils/@wix/ambassador-app-settings-v1-settings/types';\n\nexport interface FixMissingContactsViewsState<F extends FiltersMap> {\n  _fixMissingContactsViews?: (state: ViewsState<F>) => Promise<void>;\n}\n\nexport function useFixMissingContactsViews<T, F extends FiltersMap>(\n  collectionState: CollectionState<T, F>,\n) {\n  const { errorMonitor, httpClient } = useWixPatternsContainer();\n\n  useState(() => {\n    const oldContactsPageId = 'contacts-page-component';\n\n    (\n      collectionState as FixMissingContactsViewsState<F>\n    )._fixMissingContactsViews = async (state) => {\n      const { viewsService } = state;\n      const { viewsStorage, fqdn } = viewsService;\n      try {\n        const { data } = await httpClient.request(\n          getGlobalSettings({\n            host: Host.BUSINESS_MANAGER,\n          }),\n        );\n\n        const isMigrated =\n          !!data?.settings?.[oldContactsPageId]?._migrationDate;\n\n        if (isMigrated) {\n          return;\n        }\n\n        const oldViews = data?.settings?.[oldContactsPageId]?.cairo?.[fqdn] as\n          | AppSettingsViewsSchema<F>\n          | null\n          | undefined;\n\n        // no views from old contacts views app-settings\n        if (oldViews == null || !oldViews?.views?.list) {\n          return;\n        }\n\n        const newViews = await viewsStorage.getItem<\n          AppSettingsViewsSchema<F> | null | undefined\n        >(fqdn);\n\n        const newViewsList = newViews?.views?.list || {};\n        const oldViewsList = oldViews?.views?.list;\n\n        const newViewNames = new Set(\n          Object.values(newViewsList)\n            .map((view) => view?.name)\n            .filter((n) => n),\n        );\n\n        Object.values(oldViewsList).forEach((oldView) => {\n          if (oldView?.id && !newViewNames.has(oldView?.name)) {\n            newViewsList[oldView?.id] = oldView;\n          }\n        });\n\n        if (Object.keys(newViewsList).length > 0) {\n          await Promise.all([\n            viewsStorage.setItem<AppSettingsViewsSchema<F> | null | undefined>(\n              fqdn,\n              { views: { list: newViewsList } },\n            ),\n            httpClient.request(\n              setGlobalSettings({\n                host: Host.BUSINESS_MANAGER,\n                settings: {\n                  [oldContactsPageId]: {\n                    _migrationDate: new Date(),\n                  },\n                },\n              }),\n            ),\n          ]);\n        }\n      } catch (e) {\n        errorMonitor.captureException(e);\n      }\n    };\n  });\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/useGridCollection.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useGridCollection = void 0;
+var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
+var _state = require("../state");
+const useGridCollection = config => {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const createCollection = (0, _react2.useCreateCollection)();
+  const [state] = (0, _react.useState)(() => new _state.GridState({
+    collection: createCollection(config),
+    container
+  }));
+  return state;
+};
+exports.useGridCollection = useGridCollection;
+//# sourceMappingURL=useGridCollection.js.map

package/dist/cjs/hooks/useGridCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_state","useGridCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","state","useState","GridState","collection","exports"],"sources":["../../../src/hooks/useGridCollection.ts"],"sourcesContent":["import { useState } from 'react';\nimport { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { GridState } from '../state';\n\nexport type GridCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: CollectionConfigWithConditionals<T, F>,\n) => GridState<T, F>;\n\nexport const useGridCollection: GridCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): GridState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const [state] = useState(\n    () =>\n      new GridState({\n        collection: createCollection<T, F>(config),\n        container,\n      }),\n  );\n\n  return state;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAMO,MAAMG,iBAAiC,GAI5CC,MAA8C,IAC1B;EACpB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,2BAAmB,EAAC,CAAC;EAC9C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,gBAAS,CAAC;IACZC,UAAU,EAAEL,gBAAgB,CAAOH,MAAM,CAAC;IAC1CC;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACI,OAAA,CAAAV,iBAAA,GAAAA,iBAAA"}

package/dist/cjs/hooks/useGridFolders.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCreateGridFolders = useCreateGridFolders;
+exports.useGridFolders = useGridFolders;
+var _react = require("@wix/bex-core/react");
+var _react2 = require("react");
+var _GridFoldersState = require("../state/GridFoldersState");
+function useCreateGridFolders() {
+  const container = (0, _react.useWixPatternsContainer)();
+  return (0, _react2.useCallback)(({
+    items,
+    folders
+  }) => {
+    return new _GridFoldersState.GridFoldersState({
+      items,
+      folders,
+      container
+    });
+  }, []);
+}
+function useGridFolders(config) {
+  const createGridFolders = useCreateGridFolders();
+  const [state] = (0, _react2.useState)(() => createGridFolders(config));
+  return state;
+}
+//# sourceMappingURL=useGridFolders.js.map

package/dist/cjs/hooks/useGridFolders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_GridFoldersState","useCreateGridFolders","container","useWixPatternsContainer","useCallback","items","folders","GridFoldersState","useGridFolders","config","createGridFolders","state","useState"],"sources":["../../../src/hooks/useGridFolders.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useCallback, useState } from 'react';\nimport { GridFoldersState } from '../state/GridFoldersState';\nimport { CollectionFoldersBaseConfig } from './CollectionFoldersBaseConfig';\n\nexport interface GridFoldersConfig<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends CollectionFoldersBaseConfig<T1, F1, T2, F2> {}\n\nexport type GridFoldersFactory = <\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(\n  config: GridFoldersConfig<T1, F1, T2, F2>,\n) => GridFoldersState<T1, F1, T2, F2>;\n\nexport function useCreateGridFolders() {\n  const container = useWixPatternsContainer();\n\n  return useCallback<GridFoldersFactory>(({ items, folders }) => {\n    return new GridFoldersState({\n      items,\n      folders,\n      container,\n    });\n  }, []);\n}\n\nexport function useGridFolders<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(config: GridFoldersConfig<T1, F1, T2, F2>) {\n  const createGridFolders = useCreateGridFolders();\n\n  const [state] = useState(() => createGridFolders<T1, F1, T2, F2>(config));\n\n  return state;\n}\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAmBO,SAASG,oBAAoBA,CAAA,EAAG;EACrC,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,OAAO,IAAAC,mBAAW,EAAqB,CAAC;IAAEC,KAAK;IAAEC;EAAQ,CAAC,KAAK;IAC7D,OAAO,IAAIC,kCAAgB,CAAC;MAC1BF,KAAK;MACLC,OAAO;MACPJ;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR;AAEO,SAASM,cAAcA,CAK5BC,MAAyC,EAAE;EAC3C,MAAMC,iBAAiB,GAAGT,oBAAoB,CAAC,CAAC;EAEhD,MAAM,CAACU,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EAAC,MAAMF,iBAAiB,CAAiBD,MAAM,CAAC,CAAC;EAEzE,OAAOE,KAAK;AACd"}

package/dist/cjs/hooks/useIsScrollTop.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useIsScrollTop = useIsScrollTop;
+var _react = require("react");
+var _usehooksTs = require("usehooks-ts");
+function useIsScrollTop(ref) {
+  const [isTop, setIsTop] = (0, _react.useState)(true);
+  const onScroll = event => {
+    var _ref$current;
+    if (event.target !== ref.current) {
+      return;
+    }
+    setIsTop(((_ref$current = ref.current) == null ? void 0 : _ref$current.scrollTop) === 0);
+  };
+  (0, _usehooksTs.useEventListener)('scroll', onScroll, ref);
+  return isTop;
+}
+//# sourceMappingURL=useIsScrollTop.js.map

package/dist/cjs/hooks/useIsScrollTop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_usehooksTs","useIsScrollTop","ref","isTop","setIsTop","useState","onScroll","event","_ref$current","target","current","scrollTop","useEventListener"],"sources":["../../../src/hooks/useIsScrollTop.ts"],"sourcesContent":["import { RefObject, useState } from 'react';\nimport { useEventListener } from 'usehooks-ts';\n\nexport function useIsScrollTop<T extends HTMLElement>(\n  ref: RefObject<T>,\n): boolean {\n  const [isTop, setIsTop] = useState(true);\n\n  const onScroll = (event: Event) => {\n    if (event.target !== ref.current) {\n      return;\n    }\n\n    setIsTop(ref.current?.scrollTop === 0);\n  };\n\n  useEventListener('scroll', onScroll, ref);\n\n  return isTop;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAC5BC,GAAiB,EACR;EACT,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAExC,MAAMC,QAAQ,GAAIC,KAAY,IAAK;IAAA,IAAAC,YAAA;IACjC,IAAID,KAAK,CAACE,MAAM,KAAKP,GAAG,CAACQ,OAAO,EAAE;MAChC;IACF;IAEAN,QAAQ,CAAC,EAAAI,YAAA,GAAAN,GAAG,CAACQ,OAAO,qBAAXF,YAAA,CAAaG,SAAS,MAAK,CAAC,CAAC;EACxC,CAAC;EAED,IAAAC,4BAAgB,EAAC,QAAQ,EAAEN,QAAQ,EAAEJ,GAAG,CAAC;EAEzC,OAAOC,KAAK;AACd"}