@wix/patterns 0.8.0

package/dist/cjs/hooks/usePickerStandalone/usePickerStandalone.spec.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _testUtils = require("../../test-utils");
+var _testkit = require("@wix/fe-essentials-standalone/testkit");
+var _internal = require("@wix/bex-core/testkit/internal");
+var _usePickerStandalone = require("./usePickerStandalone");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/hooks/usePickerStandalone/usePickerStandalone.spec.tsx";
+describe('usePickerStandalone', () => {
+  _testkit.testkit.beforeAndAfter();
+  let driver;
+  beforeEach(() => {
+    driver = new _internal.WixPatternsContainerDriver();
+  });
+  it('makes `filters` config option optional when there are no filters', () => {
+    let searchValue = null;
+    const App = () => {
+      const {
+        picker
+      } = (0, _usePickerStandalone.usePickerStandalone)({
+        queryName: 'test1',
+        fetchData: async () => ({
+          items: []
+        }),
+        fetchErrorMessage: () => null,
+        itemKey: item => item.id,
+        itemName: item => item.name,
+        defaultDestinationUrl: `https://manage.wix.com`
+      });
+      searchValue = picker.collection.filters.search.value;
+      return null;
+    };
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_testUtils.CairoTestApp, {
+      driver: driver,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react2.default.createElement(App, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 43,
+        columnNumber: 9
+      }
+    })));
+    expect(searchValue).toBe('');
+  });
+  it('makes `itemKey` & `itemName` config options optional when an item has an {id: string, name: string}', () => {
+    const App = () => {
+      const {
+        picker
+      } = (0, _usePickerStandalone.usePickerStandalone)({
+        queryName: 'test2',
+        fetchData: async () => ({
+          items: []
+        }),
+        fetchErrorMessage: () => null,
+        defaultDestinationUrl: `https://manage.wix.com`
+      });
+      const item = {
+        id: 'foo',
+        name: 'bar'
+      };
+      return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, picker.collection.itemKey(item), picker.collection.itemName(item));
+    };
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_testUtils.CairoTestApp, {
+      driver: driver,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react2.default.createElement(App, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 72,
+        columnNumber: 9
+      }
+    })));
+    expect(container.textContent).toBe('foobar');
+  });
+  it("makes `itemKey` config option required when an item doesn't extend {id: string}", () => {
+    const App = () => {
+      // @ts-expect-error - T does not extend { id: string }
+      const {
+        picker
+      } = (0, _usePickerStandalone.usePickerStandalone)({
+        queryName: 'test3',
+        fetchData: async () => ({
+          items: []
+        }),
+        itemName: item => item.name2,
+        fetchErrorMessage: () => null,
+        defaultDestinationUrl: `https://manage.wix.com`
+      });
+      try {
+        return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, picker.collection.itemKey({
+          id2: 'foo',
+          name2: 'bar'
+        }));
+      } catch (e) {
+        return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, e == null ? void 0 : e.message);
+      }
+    };
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_testUtils.CairoTestApp, {
+      driver: driver,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react2.default.createElement(App, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 100,
+        columnNumber: 9
+      }
+    })));
+    expect(container.textContent).toBe('Collection config must specify itemKey, or item must have one of properties: id, _id');
+  });
+  it("makes `itemName` config option required when an item doesn't extend {id: string}", () => {
+    const App = () => {
+      // @ts-expect-error - T does not extend { name: string }
+      const {
+        picker
+      } = (0, _usePickerStandalone.usePickerStandalone)({
+        queryName: 'test3',
+        fetchData: async () => ({
+          items: []
+        }),
+        itemKey: item => item.id2,
+        fetchErrorMessage: () => null,
+        defaultDestinationUrl: `https://manage.wix.com`,
+        noItemsAvailableDestinationUrl: 'https://wix.com'
+      });
+      try {
+        return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, picker.collection.itemName({
+          id2: 'foo',
+          name2: 'bar'
+        }));
+      } catch (e) {
+        return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, e == null ? void 0 : e.message);
+      }
+    };
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_testUtils.CairoTestApp, {
+      driver: driver,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 130,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react2.default.createElement(App, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 131,
+        columnNumber: 9
+      }
+    })));
+    expect(container.textContent).toBe('Collection config must specify itemName, or item must have property: name');
+  });
+});
+//# sourceMappingURL=usePickerStandalone.spec.js.map

package/dist/cjs/hooks/usePickerStandalone/usePickerStandalone.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_testUtils","_testkit","_internal","_usePickerStandalone","_jsxFileName","describe","testkit","beforeAndAfter","driver","beforeEach","WixPatternsContainerDriver","it","searchValue","App","picker","usePickerStandalone","queryName","fetchData","items","fetchErrorMessage","itemKey","item","id","itemName","name","defaultDestinationUrl","collection","filters","search","value","render","default","createElement","CairoTestApp","__self","__source","fileName","lineNumber","columnNumber","expect","toBe","Fragment","container","textContent","name2","id2","e","message","noItemsAvailableDestinationUrl"],"sources":["../../../../src/hooks/usePickerStandalone/usePickerStandalone.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/react';\nimport React from 'react';\nimport { CairoTestApp } from '../../test-utils';\nimport { testkit } from '@wix/fe-essentials-standalone/testkit';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { usePickerStandalone } from './usePickerStandalone';\n\ninterface TestEntity {\n  id: string;\n  name: string;\n}\n\ndescribe('usePickerStandalone', () => {\n  testkit.beforeAndAfter();\n\n  let driver: WixPatternsContainerDriver;\n\n  beforeEach(() => {\n    driver = new WixPatternsContainerDriver();\n  });\n\n  it('makes `filters` config option optional when there are no filters', () => {\n    let searchValue: string | null = null;\n\n    const App = () => {\n      const { picker } = usePickerStandalone({\n        queryName: 'test1',\n        fetchData: async () => ({\n          items: [] as TestEntity[],\n        }),\n        fetchErrorMessage: () => null,\n        itemKey: (item) => item.id,\n        itemName: (item) => item.name,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      searchValue = picker.collection.filters.search.value;\n\n      return null;\n    };\n    render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(searchValue).toBe('');\n  });\n\n  it('makes `itemKey` & `itemName` config options optional when an item has an {id: string, name: string}', () => {\n    const App = () => {\n      const { picker } = usePickerStandalone({\n        queryName: 'test2',\n        fetchData: async () => ({\n          items: [] as { id: string; name: string }[],\n        }),\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      const item = { id: 'foo', name: 'bar' };\n\n      return (\n        <>\n          {picker.collection.itemKey(item)}\n          {picker.collection.itemName(item)}\n        </>\n      );\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe('foobar');\n  });\n\n  it(\"makes `itemKey` config option required when an item doesn't extend {id: string}\", () => {\n    const App = () => {\n      // @ts-expect-error - T does not extend { id: string }\n      const { picker } = usePickerStandalone({\n        queryName: 'test3',\n        fetchData: async () => ({\n          items: [] as { id2: string; name2: string }[],\n        }),\n        itemName: (item) => item.name2,\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n      });\n\n      try {\n        return <>{picker.collection.itemKey({ id2: 'foo', name2: 'bar' })}</>;\n      } catch (e) {\n        return <>{(e as Error)?.message}</>;\n      }\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe(\n      'Collection config must specify itemKey, or item must have one of properties: id, _id',\n    );\n  });\n\n  it(\"makes `itemName` config option required when an item doesn't extend {id: string}\", () => {\n    const App = () => {\n      // @ts-expect-error - T does not extend { name: string }\n      const { picker } = usePickerStandalone({\n        queryName: 'test3',\n        fetchData: async () => ({\n          items: [] as { id2: string; name2: string }[],\n        }),\n        itemKey: (item) => item.id2,\n        fetchErrorMessage: () => null,\n        defaultDestinationUrl: `https://manage.wix.com`,\n        noItemsAvailableDestinationUrl: 'https://wix.com',\n      });\n\n      try {\n        return <>{picker.collection.itemName({ id2: 'foo', name2: 'bar' })}</>;\n      } catch (e) {\n        return <>{(e as Error)?.message}</>;\n      }\n    };\n    const { container } = render(\n      <CairoTestApp driver={driver}>\n        <App />\n      </CairoTestApp>,\n    );\n\n    expect(container.textContent).toBe(\n      'Collection config must specify itemName, or item must have property: name',\n    );\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/hooks/usePlaceholderStateOptions.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.usePlaceholderStateOptions = usePlaceholderStateOptions;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/hooks/usePlaceholderStateOptions.tsx";
+function usePlaceholderStateOptions(options, params) {
+  const {
+    collection
+  } = params;
+  const {
+    translate: t
+  } = collection;
+  const getEmptyStateText = () => collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState');
+  if (collection.showInitialLoader || collection.result.status.isLoading) {
+    return {
+      showInitialLoader: true,
+      fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        dataHook: "initial-loader",
+        width: "100%",
+        align: "center",
+        verticalAlign: "middle",
+        padding: "SP2",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+        size: "small",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 37,
+          columnNumber: 11
+        }
+      })),
+      options
+    };
+  }
+  if (collection.showEmptyState) {
+    return {
+      fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        dataHook: "empty-state",
+        width: "100%",
+        verticalAlign: "middle",
+        padding: "SP2",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 47,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        dataHook: "empty-state-text",
+        secondary: true,
+        light: true,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 53,
+          columnNumber: 11
+        }
+      }, getEmptyStateText())),
+      options
+    };
+  }
+  return {
+    options,
+    fixedFooter: params.fixedFooter
+  };
+}
+//# sourceMappingURL=usePlaceholderStateOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","usePlaceholderStateOptions","options","params","collection","translate","t","getEmptyStateText","hasAvailableItems","showInitialLoader","result","status","isLoading","fixedFooter","default","createElement","Box","dataHook","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","showEmptyState","Text","secondary","light"],"sources":["../../../src/hooks/usePlaceholderStateOptions.tsx"],"sourcesContent":["import { Box, DropdownLayoutOption, Loader, Text } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\n\nexport interface UsePlaceholderStateOptionsParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  fixedFooter?: ReactNode;\n}\n\nexport function usePlaceholderStateOptions<T, F extends FiltersMap>(\n  options: DropdownLayoutOption[],\n  params: UsePlaceholderStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  options: DropdownLayoutOption[];\n  showInitialLoader?: boolean;\n} {\n  const { collection } = params;\n  const { translate: t } = collection;\n\n  const getEmptyStateText = () =>\n    collection.hasAvailableItems\n      ? t('cairo.dropdownSearch.filters.noResults')\n      : t('cairo.dropdownSearch.filters.emptyState');\n\n  if (collection.showInitialLoader || collection.result.status.isLoading) {\n    return {\n      showInitialLoader: true,\n      fixedFooter: (\n        <Box\n          dataHook=\"initial-loader\"\n          width=\"100%\"\n          align=\"center\"\n          verticalAlign=\"middle\"\n          padding=\"SP2\"\n        >\n          <Loader size=\"small\" />\n        </Box>\n      ),\n      options,\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: (\n        <Box\n          dataHook=\"empty-state\"\n          width=\"100%\"\n          verticalAlign=\"middle\"\n          padding=\"SP2\"\n        >\n          <Text dataHook=\"empty-state-text\" secondary light>\n            {getEmptyStateText()}\n          </Text>\n        </Box>\n      ),\n      options,\n    };\n  }\n\n  return {\n    options,\n    fixedFooter: params.fixedFooter,\n  };\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAQlC,SAASC,0BAA0BA,CACxCC,OAA+B,EAC/BC,MAA8C,EAK9C;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,MAAM;EAC7B,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU;EAEnC,MAAMG,iBAAiB,GAAGA,CAAA,KACxBH,UAAU,CAACI,iBAAiB,GACxBF,CAAC,CAAC,wCAAwC,CAAC,GAC3CA,CAAC,CAAC,yCAAyC,CAAC;EAElD,IAAIF,UAAU,CAACK,iBAAiB,IAAIL,UAAU,CAACM,MAAM,CAACC,MAAM,CAACC,SAAS,EAAE;IACtE,OAAO;MACLH,iBAAiB,EAAE,IAAI;MACvBI,WAAW,eACTf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,GAAG;QACFC,QAAQ,EAAC,gBAAgB;QACzBC,KAAK,EAAC,MAAM;QACZC,KAAK,EAAC,QAAQ;QACdC,aAAa,EAAC,QAAQ;QACtBC,OAAO,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAxB,YAAA;UAAAyB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEb5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA+B,MAAM;QAACC,IAAI,EAAC,OAAO;QAAAN,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAxB,YAAA;UAAAyB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACnB,CACN;MACDxB;IACF,CAAC;EACH;EAEA,IAAIE,UAAU,CAACyB,cAAc,EAAE;IAC7B,OAAO;MACLhB,WAAW,eACTf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,GAAG;QACFC,QAAQ,EAAC,aAAa;QACtBC,KAAK,EAAC,MAAM;QACZE,aAAa,EAAC,QAAQ;QACtBC,OAAO,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAxB,YAAA;UAAAyB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEb5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAkC,IAAI;QAACb,QAAQ,EAAC,kBAAkB;QAACc,SAAS;QAACC,KAAK;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAxB,YAAA;UAAAyB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC9CnB,iBAAiB,CAAC,CACf,CACH,CACN;MACDL;IACF,CAAC;EACH;EAEA,OAAO;IACLA,OAAO;IACPW,WAAW,EAAEV,MAAM,CAACU;EACtB,CAAC;AACH"}

package/dist/cjs/hooks/usePromiseState.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.usePromiseState = usePromiseState;
+var _react = require("react");
+var _bexCore = require("@wix/bex-core");
+var _once = _interopRequireDefault(require("lodash/once"));
+function usePromiseState(_promiseFn, {
+  errorMonitor,
+  onError
+}) {
+  const [status, setStatus] = (0, _react.useState)(() => ({
+    ..._bexCore.queryStatus.idle,
+    error: null,
+    isFetching: false
+  }));
+  const promiseFnRef = (0, _react.useRef)(_promiseFn);
+  const fetchOnce = (0, _react.useCallback)((0, _once.default)(async () => {
+    let newStatus;
+    try {
+      setStatus({
+        ..._bexCore.queryStatus.loading,
+        error: null,
+        isFetching: true
+      });
+      const data = await promiseFnRef.current();
+      newStatus = {
+        ..._bexCore.queryStatus.success,
+        error: null,
+        isFetching: false,
+        data
+      };
+      setStatus(newStatus);
+    } catch (err) {
+      onError == null || onError({
+        err,
+        isOnline: true
+      });
+      errorMonitor.captureException(err);
+      newStatus = {
+        ..._bexCore.queryStatus.error,
+        error: err,
+        isFetching: false
+      };
+      setStatus(newStatus);
+    }
+    return newStatus;
+  }), []);
+  return {
+    fetchOnce,
+    status,
+    promiseFnRef
+  };
+}
+//# sourceMappingURL=usePromiseState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_bexCore","_once","_interopRequireDefault","usePromiseState","_promiseFn","errorMonitor","onError","status","setStatus","useState","queryStatus","idle","error","isFetching","promiseFnRef","useRef","fetchOnce","useCallback","once","newStatus","loading","data","current","success","err","isOnline","captureException"],"sources":["../../../src/hooks/usePromiseState.ts"],"sourcesContent":["import { MutableRefObject, useCallback, useRef, useState } from 'react';\nimport { ErrorMonitor, QueryResultStatus, queryStatus } from '@wix/bex-core';\nimport once from 'lodash/once';\n\nexport interface PromiseState<T> {\n  status: QueryResultStatus<T, unknown>;\n  fetchOnce: () => Promise<QueryResultStatus<T, unknown>>;\n  promiseFnRef: MutableRefObject<(fn: () => Promise<T>) => void>;\n}\n\nexport function usePromiseState<T>(\n  _promiseFn: () => Promise<T>,\n  {\n    errorMonitor,\n    onError,\n  }: {\n    errorMonitor: ErrorMonitor;\n    onError?: (params: { err: unknown; isOnline: boolean }) => unknown;\n  },\n): PromiseState<T> {\n  const [status, setStatus] = useState<QueryResultStatus<T, unknown>>(() => ({\n    ...queryStatus.idle,\n    error: null,\n    isFetching: false,\n  }));\n\n  const promiseFnRef = useRef<() => Promise<T>>(_promiseFn);\n\n  const fetchOnce = useCallback(\n    once(async () => {\n      let newStatus: QueryResultStatus<T, unknown>;\n      try {\n        setStatus({\n          ...queryStatus.loading,\n          error: null,\n          isFetching: true,\n        });\n        const data = await promiseFnRef.current();\n        newStatus = {\n          ...queryStatus.success,\n          error: null,\n          isFetching: false,\n          data,\n        };\n        setStatus(newStatus);\n      } catch (err) {\n        onError?.({\n          err,\n          isOnline: true,\n        });\n        errorMonitor.captureException(err);\n        newStatus = {\n          ...queryStatus.error,\n          error: err,\n          isFetching: false,\n        };\n        setStatus(newStatus);\n      }\n\n      return newStatus;\n    }),\n    [],\n  );\n\n  return {\n    fetchOnce,\n    status,\n    promiseFnRef,\n  };\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAQO,SAASI,eAAeA,CAC7BC,UAA4B,EAC5B;EACEC,YAAY;EACZC;AAIF,CAAC,EACgB;EACjB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAgC,OAAO;IACzE,GAAGC,oBAAW,CAACC,IAAI;IACnBC,KAAK,EAAE,IAAI;IACXC,UAAU,EAAE;EACd,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAmBX,UAAU,CAAC;EAEzD,MAAMY,SAAS,GAAG,IAAAC,kBAAW,EAC3B,IAAAC,aAAI,EAAC,YAAY;IACf,IAAIC,SAAwC;IAC5C,IAAI;MACFX,SAAS,CAAC;QACR,GAAGE,oBAAW,CAACU,OAAO;QACtBR,KAAK,EAAE,IAAI;QACXC,UAAU,EAAE;MACd,CAAC,CAAC;MACF,MAAMQ,IAAI,GAAG,MAAMP,YAAY,CAACQ,OAAO,CAAC,CAAC;MACzCH,SAAS,GAAG;QACV,GAAGT,oBAAW,CAACa,OAAO;QACtBX,KAAK,EAAE,IAAI;QACXC,UAAU,EAAE,KAAK;QACjBQ;MACF,CAAC;MACDb,SAAS,CAACW,SAAS,CAAC;IACtB,CAAC,CAAC,OAAOK,GAAG,EAAE;MACZlB,OAAO,YAAPA,OAAO,CAAG;QACRkB,GAAG;QACHC,QAAQ,EAAE;MACZ,CAAC,CAAC;MACFpB,YAAY,CAACqB,gBAAgB,CAACF,GAAG,CAAC;MAClCL,SAAS,GAAG;QACV,GAAGT,oBAAW,CAACE,KAAK;QACpBA,KAAK,EAAEY,GAAG;QACVX,UAAU,EAAE;MACd,CAAC;MACDL,SAAS,CAACW,SAAS,CAAC;IACtB;IAEA,OAAOA,SAAS;EAClB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OAAO;IACLH,SAAS;IACTT,MAAM;IACNO;EACF,CAAC;AACH"}

package/dist/cjs/hooks/useRafRender.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useRafRender = useRafRender;
+var _react = require("react");
+function useRafRender() {
+  const [entered, setEntered] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const handle = requestAnimationFrame(() => {
+      setEntered(true);
+    });
+    return () => {
+      cancelAnimationFrame(handle);
+    };
+  }, []);
+  return entered;
+}
+//# sourceMappingURL=useRafRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useRafRender","entered","setEntered","useState","useEffect","handle","requestAnimationFrame","cancelAnimationFrame"],"sources":["../../../src/hooks/useRafRender.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useRafRender() {\n  const [entered, setEntered] = useState(false);\n\n  useEffect(() => {\n    const handle = requestAnimationFrame(() => {\n      setEntered(true);\n    });\n\n    return () => {\n      cancelAnimationFrame(handle);\n    };\n  }, []);\n\n  return entered;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,YAAYA,CAAA,EAAG;EAC7B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,MAAM,GAAGC,qBAAqB,CAAC,MAAM;MACzCJ,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,MAAM;MACXK,oBAAoB,CAACF,MAAM,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO;AAChB"}

package/dist/cjs/hooks/useStaticListFilterCollection.js

@@ -0,0 +1,47 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useStaticListFilterCollection = useStaticListFilterCollection;
+var _react = require("react");
+var _useFilterCollection = require("./useFilterCollection");
+var _wordStartsWithMatch = require("../utils/wordStartsWithMatch");
+let queryNameCounter = 0;
+function useStaticListFilterCollection(
+/**
+ * This is a reference to the filter that was defined in the main collection. For example: `collection.filters.<filterName>`
+ */
+filter,
+/**
+ * Static list of items to show in the filter component
+ */
+list) {
+  // if a new list is passed, update as ref so `fetchData` can access the latest list (collection should still be re-fetched by consumer).
+  const listRef = (0, _react.useRef)(list);
+  listRef.current = list;
+  const createFilterCollection = (0, _useFilterCollection.useCreateFilterCollection)();
+  const [queryName] = (0, _react.useState)(() => `static-list-filter-collection-${filter.name || ''}-${queryNameCounter++}`);
+  const [collection] = (0, _react.useState)(() => createFilterCollection(filter, {
+    queryName,
+    fetchData: async query => {
+      const {
+        search
+      } = query;
+      let filteredList = listRef.current;
+      if (search) {
+        const startsWith = (0, _wordStartsWithMatch.wordStartsWithMatch)(search);
+        filteredList = listRef.current.filter(item => {
+          return startsWith(filter.itemName(item));
+        });
+      }
+      return {
+        items: filteredList
+      };
+    },
+    queryOptions: {
+      refetchOnMount: false,
+      retryOnMount: false
+    }
+  }));
+  return collection;
+}
+//# sourceMappingURL=useStaticListFilterCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useFilterCollection","_wordStartsWithMatch","queryNameCounter","useStaticListFilterCollection","filter","list","listRef","useRef","current","createFilterCollection","useCreateFilterCollection","queryName","useState","name","collection","fetchData","query","search","filteredList","startsWith","wordStartsWithMatch","item","itemName","items","queryOptions","refetchOnMount","retryOnMount"],"sources":["../../../src/hooks/useStaticListFilterCollection.ts"],"sourcesContent":["import { CollectionState, Filter } from '@wix/bex-core';\nimport { useState, useRef } from 'react';\nimport { useCreateFilterCollection } from './useFilterCollection';\nimport { wordStartsWithMatch } from '../utils/wordStartsWithMatch';\n\nlet queryNameCounter = 0;\n\nexport function useStaticListFilterCollection<T>(\n  /**\n   * This is a reference to the filter that was defined in the main collection. For example: `collection.filters.<filterName>`\n   */\n  filter: Filter<T[]>,\n  /**\n   * Static list of items to show in the filter component\n   */\n  list: T[],\n): CollectionState<T, {}> {\n  // if a new list is passed, update as ref so `fetchData` can access the latest list (collection should still be re-fetched by consumer).\n  const listRef = useRef(list);\n  listRef.current = list;\n\n  const createFilterCollection = useCreateFilterCollection();\n\n  const [queryName] = useState(\n    () =>\n      `static-list-filter-collection-${\n        filter.name || ''\n      }-${queryNameCounter++}`,\n  );\n\n  const [collection] = useState(() =>\n    createFilterCollection<T, {}>(filter, {\n      queryName,\n      fetchData: async (query) => {\n        const { search } = query;\n\n        let filteredList = listRef.current;\n\n        if (search) {\n          const startsWith = wordStartsWithMatch(search);\n\n          filteredList = listRef.current.filter((item) => {\n            return startsWith(filter.itemName(item));\n          });\n        }\n\n        return {\n          items: filteredList,\n        };\n      },\n      queryOptions: {\n        refetchOnMount: false,\n        retryOnMount: false,\n      } as {},\n    }),\n  );\n\n  return collection;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAEA,IAAIG,gBAAgB,GAAG,CAAC;AAEjB,SAASC,6BAA6BA;AAC3C;AACF;AACA;AACEC,MAAmB;AACnB;AACF;AACA;AACEC,IAAS,EACe;EACxB;EACA,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAACF,IAAI,CAAC;EAC5BC,OAAO,CAACE,OAAO,GAAGH,IAAI;EAEtB,MAAMI,sBAAsB,GAAG,IAAAC,8CAAyB,EAAC,CAAC;EAE1D,MAAM,CAACC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAC1B,MACG,iCACCR,MAAM,CAACS,IAAI,IAAI,EAChB,IAAGX,gBAAgB,EAAG,EAC3B,CAAC;EAED,MAAM,CAACY,UAAU,CAAC,GAAG,IAAAF,eAAQ,EAAC,MAC5BH,sBAAsB,CAAQL,MAAM,EAAE;IACpCO,SAAS;IACTI,SAAS,EAAE,MAAOC,KAAK,IAAK;MAC1B,MAAM;QAAEC;MAAO,CAAC,GAAGD,KAAK;MAExB,IAAIE,YAAY,GAAGZ,OAAO,CAACE,OAAO;MAElC,IAAIS,MAAM,EAAE;QACV,MAAME,UAAU,GAAG,IAAAC,wCAAmB,EAACH,MAAM,CAAC;QAE9CC,YAAY,GAAGZ,OAAO,CAACE,OAAO,CAACJ,MAAM,CAAEiB,IAAI,IAAK;UAC9C,OAAOF,UAAU,CAACf,MAAM,CAACkB,QAAQ,CAACD,IAAI,CAAC,CAAC;QAC1C,CAAC,CAAC;MACJ;MAEA,OAAO;QACLE,KAAK,EAAEL;MACT,CAAC;IACH,CAAC;IACDM,YAAY,EAAE;MACZC,cAAc,EAAE,KAAK;MACrBC,YAAY,EAAE;IAChB;EACF,CAAC,CACH,CAAC;EAED,OAAOZ,UAAU;AACnB"}

package/dist/cjs/hooks/useTableCollection.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_state","useTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","state","useState","TableState","collection","exports"],"sources":["../../../src/hooks/useTableCollection.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 { TableState } from '../state';\n\nexport type TableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: CollectionConfigWithConditionals<T, F>,\n) => TableState<T, F>;\n\nexport const useTableCollection: TableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): TableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const [state] = useState(\n    () =>\n      new TableState({\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,kBAAmC,GAI9CC,MAA8C,IACzB;EACrB,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,iBAAU,CAAC;IACbC,UAAU,EAAEL,gBAAgB,CAAOH,MAAM,CAAC;IAC1CC;EACF,CAAC,CACL,CAAC;EAED,OAAOI,KAAK;AACd,CAAC;AAACI,OAAA,CAAAV,kBAAA,GAAAA,kBAAA"}

package/dist/cjs/hooks/useTableFolders.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_TableFoldersState","useCreateTableFolders","container","useWixPatternsContainer","useCallback","items","folders","TableFoldersState","useTableFolders","config","createGridFolders","state","useState"],"sources":["../../../src/hooks/useTableFolders.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useCallback, useState } from 'react';\nimport { TableFoldersState } from '../state/TableFoldersState';\nimport { CollectionFoldersBaseConfig } from './CollectionFoldersBaseConfig';\n\nexport interface TableFoldersConfig<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends CollectionFoldersBaseConfig<T1, F1, T2, F2> {}\n\nexport type TableFoldersFactory = <\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(\n  config: TableFoldersConfig<T1, F1, T2, F2>,\n) => TableFoldersState<T1, F1, T2, F2>;\n\nexport function useCreateTableFolders() {\n  const container = useWixPatternsContainer();\n\n  return useCallback<TableFoldersFactory>(({ items, folders }) => {\n    return new TableFoldersState({\n      items,\n      folders,\n      container,\n    });\n  }, []);\n}\n\nexport function useTableFolders<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(config: TableFoldersConfig<T1, F1, T2, F2>) {\n  const createGridFolders = useCreateTableFolders();\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,kBAAA,GAAAF,OAAA;AAmBO,SAASG,qBAAqBA,CAAA,EAAG;EACtC,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,OAAO,IAAAC,mBAAW,EAAsB,CAAC;IAAEC,KAAK;IAAEC;EAAQ,CAAC,KAAK;IAC9D,OAAO,IAAIC,oCAAiB,CAAC;MAC3BF,KAAK;MACLC,OAAO;MACPJ;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR;AAEO,SAASM,eAAeA,CAK7BC,MAA0C,EAAE;EAC5C,MAAMC,iBAAiB,GAAGT,qBAAqB,CAAC,CAAC;EAEjD,MAAM,CAACU,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EAAC,MAAMF,iBAAiB,CAAiBD,MAAM,CAAC,CAAC;EAEzE,OAAOE,KAAK;AACd"}

package/dist/cjs/hooks/useTableGridSwitchCollection.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_TableGridSwitchState","useTableGridSwitchCollection","config","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","createCollection","useCreateCollection","state","useState","TableGridSwitchState","collection","exports"],"sources":["../../../src/hooks/useTableGridSwitchCollection.ts"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  useWixPatternsContainerOverrides,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n} from '@wix/bex-core/react';\nimport { useState } from 'react';\nimport { TableGridSwitchState } from '../state/TableGridSwitchState';\n\nexport type TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n) => TableGridSwitchState<T, F>;\n\nexport const useTableGridSwitchCollection: TableGridSwitchType = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: CollectionConfigWithConditionals<T, F>,\n): TableGridSwitchState<T, F> => {\n  const container = useWixPatternsContainer();\n  const containerOverrides = useWixPatternsContainerOverrides();\n  const createCollection = useCreateCollection();\n  const [state] = useState(() => {\n    return new TableGridSwitchState({\n      collection: createCollection<T, F>(config),\n      container,\n      containerOverrides,\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AASO,MAAMG,4BAAiD,GAI5DC,MAA8C,IACf;EAC/B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EAAC,MAAM;IAC7B,OAAO,IAAIC,0CAAoB,CAAC;MAC9BC,UAAU,EAAEL,gBAAgB,CAAOL,MAAM,CAAC;MAC1CC,SAAS;MACTE;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOI,KAAK;AACd,CAAC;AAACI,OAAA,CAAAZ,4BAAA,GAAAA,4BAAA"}

package/dist/cjs/hooks/useTableGridSwitchFolders.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCreateTableGridSwitchFolders = useCreateTableGridSwitchFolders;
+exports.useTableGridSwitchFolders = useTableGridSwitchFolders;
+var _react = require("@wix/bex-core/react");
+var _react2 = require("react");
+var _TableGridSwitchFoldersState = require("../state/TableGridSwitchFoldersState");
+function useCreateTableGridSwitchFolders() {
+  const container = (0, _react.useWixPatternsContainer)();
+  const containerOverrides = (0, _react.useWixPatternsContainerOverrides)();
+  return (0, _react2.useCallback)(({
+    items,
+    folders
+  }) => {
+    return new _TableGridSwitchFoldersState.TableGridSwitchFoldersState({
+      items,
+      folders,
+      container,
+      containerOverrides
+    });
+  }, []);
+}
+function useTableGridSwitchFolders(config) {
+  const factory = useCreateTableGridSwitchFolders();
+  const [state] = (0, _react2.useState)(() => factory(config));
+  return state;
+}
+//# sourceMappingURL=useTableGridSwitchFolders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_TableGridSwitchFoldersState","useCreateTableGridSwitchFolders","container","useWixPatternsContainer","containerOverrides","useWixPatternsContainerOverrides","useCallback","items","folders","TableGridSwitchFoldersState","useTableGridSwitchFolders","config","factory","state","useState"],"sources":["../../../src/hooks/useTableGridSwitchFolders.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  useWixPatternsContainerOverrides,\n} from '@wix/bex-core/react';\nimport { useCallback, useState } from 'react';\nimport { TableGridSwitchFoldersState } from '../state/TableGridSwitchFoldersState';\nimport { CollectionFoldersBaseConfig } from './CollectionFoldersBaseConfig';\n\nexport interface TableGridSwitchFoldersConfig<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends CollectionFoldersBaseConfig<T1, F1, T2, F2> {}\n\nexport type TableGridSwitchFoldersFactory = <\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(\n  config: TableGridSwitchFoldersConfig<T1, F1, T2, F2>,\n) => TableGridSwitchFoldersState<T1, F1, T2, F2>;\n\nexport function useCreateTableGridSwitchFolders() {\n  const container = useWixPatternsContainer();\n  const containerOverrides = useWixPatternsContainerOverrides();\n  return useCallback<TableGridSwitchFoldersFactory>(({ items, folders }) => {\n    return new TableGridSwitchFoldersState({\n      items,\n      folders,\n      container,\n      containerOverrides,\n    });\n  }, []);\n}\n\nexport function useTableGridSwitchFolders<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(config: TableGridSwitchFoldersConfig<T1, F1, T2, F2>) {\n  const factory = useCreateTableGridSwitchFolders();\n\n  const [state] = useState(() => factory<T1, F1, T2, F2>(config));\n  return state;\n}\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAmBO,SAASG,+BAA+BA,CAAA,EAAG;EAChD,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgC,EAAC,CAAC;EAC7D,OAAO,IAAAC,mBAAW,EAAgC,CAAC;IAAEC,KAAK;IAAEC;EAAQ,CAAC,KAAK;IACxE,OAAO,IAAIC,wDAA2B,CAAC;MACrCF,KAAK;MACLC,OAAO;MACPN,SAAS;MACTE;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR;AAEO,SAASM,yBAAyBA,CAKvCC,MAAoD,EAAE;EACtD,MAAMC,OAAO,GAAGX,+BAA+B,CAAC,CAAC;EAEjD,MAAM,CAACY,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EAAC,MAAMF,OAAO,CAAiBD,MAAM,CAAC,CAAC;EAC/D,OAAOE,KAAK;AACd"}

package/dist/cjs/hooks/useTagsWidget.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useTagsWidget = void 0;
+var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
+var _bexCore = require("@wix/bex-core");
+const useTagsWidget = ({
+  fqdn,
+  origin = 'tags_widget',
+  fieldName = 'tags'
+}) => {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const formPageState = (0, _react.useContext)(_react2.formPageContext);
+  const [{
+    state
+  }] = (0, _react.useState)(() => {
+    const widgetState = new _bexCore.TagsWidgetState({
+      container,
+      fqdn,
+      origin
+    });
+    formPageState == null || formPageState.registerWidget(fieldName, widgetState);
+    return {
+      state: widgetState
+    };
+  });
+  (0, _react.useEffect)(() => state.init(), []);
+  return state;
+};
+exports.useTagsWidget = useTagsWidget;
+//# sourceMappingURL=useTagsWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_bexCore","useTagsWidget","fqdn","origin","fieldName","container","useWixPatternsContainer","formPageState","useContext","formPageContext","state","useState","widgetState","TagsWidgetState","registerWidget","useEffect","init","exports"],"sources":["../../../src/hooks/useTagsWidget.ts"],"sourcesContent":["import { useContext, useEffect, useState } from 'react';\nimport { useWixPatternsContainer, formPageContext } from '@wix/bex-core/react';\nimport { Fqdn, TagsWidgetState } from '@wix/bex-core';\n\nexport interface UseTagsWidgetParams {\n  fqdn: Fqdn;\n  origin?: string;\n  fieldName?: string;\n}\n\nexport const useTagsWidget = ({\n  fqdn,\n  origin = 'tags_widget',\n  fieldName = 'tags',\n}: UseTagsWidgetParams) => {\n  const container = useWixPatternsContainer();\n  const formPageState = useContext(formPageContext);\n\n  const [{ state }] = useState(() => {\n    const widgetState = new TagsWidgetState({\n      container,\n      fqdn,\n      origin,\n    });\n\n    formPageState?.registerWidget(fieldName, widgetState);\n\n    return {\n      state: widgetState,\n    };\n  });\n\n  useEffect(() => state.init(), []);\n\n  return state;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAQO,MAAMG,aAAa,GAAGA,CAAC;EAC5BC,IAAI;EACJC,MAAM,GAAG,aAAa;EACtBC,SAAS,GAAG;AACO,CAAC,KAAK;EACzB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,uBAAe,CAAC;EAEjD,MAAM,CAAC;IAAEC;EAAM,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IACjC,MAAMC,WAAW,GAAG,IAAIC,wBAAe,CAAC;MACtCR,SAAS;MACTH,IAAI;MACJC;IACF,CAAC,CAAC;IAEFI,aAAa,YAAbA,aAAa,CAAEO,cAAc,CAACV,SAAS,EAAEQ,WAAW,CAAC;IAErD,OAAO;MACLF,KAAK,EAAEE;IACT,CAAC;EACH,CAAC,CAAC;EAEF,IAAAG,gBAAS,EAAC,MAAML,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,OAAON,KAAK;AACd,CAAC;AAACO,OAAA,CAAAhB,aAAA,GAAAA,aAAA"}

package/dist/cjs/hooks/useViews.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCreateViews = useCreateViews;
+exports.useViews = void 0;
+var _react = require("react");
+var _state = require("../state");
+var _react2 = require("@wix/bex-core/react");
+var _presetsToCategories = require("../state/presetsToCategories");
+function useCreateViews() {
+  const container = (0, _react2.useWixPatternsContainer)();
+  return (0, _react.useCallback)(config => {
+    const {
+      namespace,
+      presets,
+      initialSelect,
+      fqdn,
+      allItemsViewProps
+    } = config;
+    return new _state.ViewsState({
+      oldNamespace: namespace,
+      presets: (0, _presetsToCategories.presetsToCategories)(presets),
+      container,
+      initialSelect,
+      fqdn,
+      allItemsViewProps,
+      reportBI: () => {}
+    });
+  }, []);
+}
+const useViews = config => {
+  const createViews = useCreateViews();
+  const [state] = (0, _react.useState)(() => createViews(config));
+  return state;
+};
+exports.useViews = useViews;
+//# sourceMappingURL=useViews.js.map