@pisell/private-materials 3.4.16 → 3.4.18

package/lib/plus/productSelect/index.js

@@ -0,0 +1,299 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/productSelect/index.tsx
+var productSelect_exports = {};
+__export(productSelect_exports, {
+  PREFIX: () => PREFIX,
+  default: () => productSelect_default
+});
+module.exports = __toCommonJS(productSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
+var import_CategoryTabs = __toESM(require("./CategoryTabs"));
+var import_ProductList = __toESM(require("./ProductList"));
+var import_useToken = require("./hooks/useToken");
+var import_utils2 = require("./utils");
+var import_IntersectionObserver = __toESM(require("./components/IntersectionObserver"));
+var import_ProductCard = __toESM(require("./ProductCard"));
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_materials2 = require("@pisell/materials");
+var import_index = require("./index.less");
+var MOCK_DATA = (() => {
+  const mockData = [];
+  mockData.push({
+    __typename: "category",
+    id: "_c1_1"
+  });
+  for (let productIndex = 0; productIndex < 4; productIndex++) {
+    mockData.push({
+      __typename: "product",
+      id: "_pi" + productIndex
+    });
+  }
+  return mockData;
+})();
+var PREFIX = "pisell-product-select";
+var CONTAINER_CLASS = `${PREFIX}-wrapper`;
+var index = ({
+  dataSource = [],
+  emptyDescription,
+  showSearch = true,
+  scrollDom,
+  offsetDom,
+  style = {},
+  token: customToken,
+  onChange,
+  value,
+  selectedItems,
+  productListSetting = {},
+  customScrollParent,
+  loading = false,
+  layout,
+  ...rest
+}) => {
+  const searchRef = (0, import_react.useRef)(null);
+  const [keyword, setKeyword] = (0, import_react.useState)("");
+  const [activeKey, setActiveKey] = (0, import_react.useState)("");
+  const [scrollParent, setScrollParent] = (0, import_react.useState)(null);
+  const isIndicatorVisibleRef = (0, import_react.useRef)(false);
+  const containerRef = (0, import_react.useRef)(null);
+  const _customScrollParent = customScrollParent || scrollDom;
+  const gridComponents = (0, import_react.useMemo)(() => {
+    return (0, import_ProductList.createGridComponents)(layout);
+  }, [layout]);
+  const context = (0, import_useEngineContext.default)();
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    import_utils.locales.init(
+      import_locales.default,
+      ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en"
+    );
+  }, []);
+  const _filteredList = (0, import_react.useMemo)(() => {
+    if (!keyword) return dataSource;
+    return dataSource.filter((product) => {
+      if (typeof (product == null ? void 0 : product.title) !== "string") return false;
+      return product.title.toLowerCase().indexOf(keyword.toLowerCase()) !== -1;
+    });
+  }, [keyword, dataSource]);
+  const _groupedList = (0, import_react.useMemo)(() => {
+    let _list = _filteredList || [];
+    return (0, import_utils2.groupProductsByCategory)(_list);
+  }, [_filteredList]);
+  const _categories = (0, import_react.useMemo)(() => {
+    return _groupedList.filter((item) => item.__typename === "category").map((item) => {
+      return {
+        ...item,
+        key: String(item.id),
+        label: item.name
+      };
+    });
+  }, [_groupedList]);
+  (0, import_react.useEffect)(() => {
+    if (!(_categories == null ? void 0 : _categories.length)) {
+      setActiveKey("");
+      return;
+    }
+    if (!activeKey) {
+      switchCategory(_categories[0].key);
+    } else {
+      const found = _categories.find((category) => category.key === activeKey);
+      if (!found) switchCategory(_categories[0].key);
+    }
+  }, [_categories]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (_customScrollParent) {
+      const sp = (0, import_utils2.getElementByIdentifier)(_customScrollParent);
+      setScrollParent(sp);
+    }
+  }, [_customScrollParent]);
+  const token = (0, import_useToken.useToken)(customToken);
+  const cssVars = (0, import_react.useMemo)(() => (0, import_useToken.genCSSVars)(token), [token]);
+  const mergedStyle = (0, import_react.useMemo)(() => {
+    const baseStyle = {
+      ...cssVars,
+      ...style
+    };
+    if (!scrollParent) return baseStyle;
+    if (scrollParent !== containerRef.current) {
+      return {
+        ...baseStyle,
+        overflow: "unset",
+        height: "unset"
+      };
+    }
+    return baseStyle;
+  }, [cssVars, style, scrollParent]);
+  const disabled = (0, import_react.useMemo)(() => {
+    return !!(productListSetting == null ? void 0 : productListSetting.list_max_length) && Array.isArray(selectedItems) && (selectedItems == null ? void 0 : selectedItems.length) > 0;
+  }, [productListSetting, selectedItems]);
+  const _onChange = (0, import_react.useCallback)(
+    (value2) => {
+      if (disabled) return;
+      onChange == null ? void 0 : onChange(value2);
+    },
+    [disabled, onChange]
+  );
+  const debounceIndicator = (0, import_react.useCallback)((delay) => {
+    isIndicatorVisibleRef.current = true;
+    const timeoutId = setTimeout(() => {
+      isIndicatorVisibleRef.current = false;
+    }, delay);
+    return () => clearTimeout(timeoutId);
+  }, []);
+  const lastActiveKeyRef = (0, import_react.useRef)("");
+  const handleItemIntersectionIn = (0, import_react.useCallback)((item) => {
+    const _key = String(item.__categoryId);
+    if (!isIndicatorVisibleRef.current && _key && _key !== lastActiveKeyRef.current) {
+      setActiveKey(_key);
+      lastActiveKeyRef.current = _key;
+    }
+  }, []);
+  const switchCategory = (key) => {
+    setActiveKey(key);
+    lastActiveKeyRef.current = key;
+    debounceIndicator(300);
+    const categoryIndex = _groupedList.findIndex(
+      (item) => item.__typename === "category" && String(item.id) === key
+    );
+    const _scrollParent = scrollParent || containerRef.current;
+    if (!_scrollParent || !containerRef.current) return;
+    const target = document.getElementById(`ps_category_${key}`);
+    if (!target) return;
+    const productSelectWrapper = document.querySelector(
+      `.${PREFIX}-wrapper`
+    );
+    const tabsWrapper = document.querySelector(`.${PREFIX}__tabs-wrapper`);
+    const tabsHeight = (tabsWrapper == null ? void 0 : tabsWrapper.offsetHeight) || 0;
+    const offsetElement = (0, import_utils2.getElementByIdentifier)(offsetDom);
+    const extraOffset = offsetElement ? offsetElement.clientHeight : 0;
+    if (categoryIndex === 0) {
+      if (productSelectWrapper) {
+        const wrapperOffsetTop = (0, import_utils2.getOffsetTopRelativeToScrollContainer)(
+          productSelectWrapper,
+          _scrollParent
+        );
+        _scrollParent.scrollTop = wrapperOffsetTop - extraOffset;
+      }
+      return;
+    } else {
+      const listOffsetTop = (0, import_utils2.getOffsetTopRelativeToScrollContainer)(
+        target,
+        _scrollParent
+      );
+      _scrollParent.scrollTop = listOffsetTop - tabsHeight - extraOffset;
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: containerRef,
+      className: (0, import_classnames.default)(PREFIX, CONTAINER_CLASS, {
+        disabled
+      }),
+      style: mergedStyle
+    },
+    showSearch ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__search-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        ref: searchRef,
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+        style: { height: 44 },
+        placeholder: import_utils.locales.getText("pisell2.product-select.search"),
+        allowClear: true,
+        value: keyword,
+        onChange: (e) => {
+          setKeyword(e.target.value);
+        }
+      }
+    )) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      import_CategoryTabs.default,
+      {
+        activeKey,
+        items: _categories,
+        onChange: switchCategory,
+        loading,
+        skeleton: /* @__PURE__ */ import_react.default.createElement(import_CategoryTabs.CategorySkeleton, null)
+      }
+    ),
+    !loading && !(_groupedList == null ? void 0 : _groupedList.length) ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials2.PisellEmpty,
+      {
+        description: emptyDescription || import_utils.locales.getText("pisell2.product-select.empty")
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_IntersectionObserver.default,
+      {
+        rootMargin: "-270px 0px -270px 0px",
+        priorityMode: "top"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_ProductList.default,
+        {
+          className: `${PREFIX}__product-list`,
+          loading,
+          data: loading ? MOCK_DATA : _groupedList,
+          context: {
+            onItemIntersectionIn: handleItemIntersectionIn,
+            onItemIntersectionOut: () => {
+            }
+          },
+          _customScrollParent: scrollParent,
+          components: gridComponents,
+          itemContent: (index2, item, context2) => {
+            if (loading) {
+              return /* @__PURE__ */ import_react.default.createElement(import_ProductCard.ProductCardSkeleton, { index: index2, item });
+            }
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_ProductCard.default,
+              {
+                index: index2,
+                item,
+                context: context2,
+                onSelect: _onChange,
+                isSelected: item.id === value,
+                decorateConfig: productListSetting
+              }
+            );
+          }
+        }
+      )
+    )
+  );
+};
+var productSelect_default = index;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PREFIX
+});

package/lib/plus/productSelect/index.less

@@ -0,0 +1,56 @@
+.pisell-product-select {
+  &-wrapper {
+    height: 100%;
+    background: var(--ps-container-bg, #ffffff);
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      display: none !important;
+    }
+
+    &.disabled {
+      .pisell-product-select__product-card {
+        background: var(--ps-card-hover-bg, #eaecf0);
+        cursor: not-allowed;
+      }
+    }
+  }
+
+  &__search-wrapper {
+    padding: 12px 12px 0px;
+    line-height: 0;
+    margin-top: 0 !important;
+
+    .pisell-lowcode-input-affix-wrapper {
+      &:hover,
+      &:focus,
+      &:focus-within {
+        border-color: var(--ps-color-primary, #8157d5) !important;
+        box-shadow: none !important;
+      }
+    }
+
+    > span {
+      background: var(--ps-container-bg, #ffffff);
+      color: var(--ps-search-input-color, #98a2b3);
+    }
+
+    input {
+      background: transparent;
+      color: var(--ps-search-input-color, #98a2b3);
+    }
+  }
+
+  &__product-list {
+    padding: 0px 12px 12px;
+  }
+
+  &__tabs-wrapper {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    // 基础样式采用原pill样式
+    padding: 16px 12px;
+    background: var(--ps-container-bg, #fff);
+  }
+}

package/lib/plus/productSelect/locales.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    en: {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+    'zh-CN': {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+    'zh-HK': {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+};
+export default _default;

package/lib/plus/productSelect/locales.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/productSelect/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.product-select.search": "Search",
+    "pisell2.product-select.stock": "Stock",
+    "pisell2.product-select.empty": "No Data"
+  },
+  "zh-CN": {
+    "pisell2.product-select.search": "搜索",
+    "pisell2.product-select.stock": "库存",
+    "pisell2.product-select.empty": "暂无数据"
+  },
+  "zh-HK": {
+    "pisell2.product-select.search": "搜索",
+    "pisell2.product-select.stock": "庫存",
+    "pisell2.product-select.empty": "暂无数据"
+  }
+};

package/lib/plus/productSelect/theme/token.d.ts

@@ -0,0 +1,17 @@
+export interface ProductSelectToken {
+    colorPrimary: string;
+    colorText: string;
+    colorTextSecondary: string;
+    searchInputColor: string;
+    containerBg: string;
+    tabItemBg: string;
+    tabItemHoverBg: string;
+    tabItemActiveBg: string;
+    categoryTextColor: string;
+    cardBg: string;
+    cardHoverBg: string;
+    cardSelectedBg: string;
+    cardSelectedTextColor: string;
+    cardSelectedSecondaryTextColor: string;
+}
+export declare const defaultToken: ProductSelectToken;

package/lib/plus/productSelect/theme/token.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/productSelect/theme/token.ts
+var token_exports = {};
+__export(token_exports, {
+  defaultToken: () => defaultToken
+});
+module.exports = __toCommonJS(token_exports);
+var defaultToken = {
+  colorPrimary: "#8157D5",
+  colorText: "#1B1B1B",
+  colorTextSecondary: "#4E4E4E",
+  containerBg: "#4E4E4E",
+  // search
+  searchInputColor: "#98a2b3",
+  // tab
+  tabItemBg: "#FFFFFF",
+  tabItemHoverBg: "#FFFFFF",
+  tabItemActiveBg: "#8157D5",
+  // category
+  categoryTextColor: "#FFFFFF",
+  cardBg: "#FFFFFF",
+  cardHoverBg: "#eaecf0",
+  cardSelectedBg: "#8157D5",
+  cardSelectedTextColor: "#ffffff",
+  cardSelectedSecondaryTextColor: "rgba(255, 255, 255, 0.7)"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultToken
+});

package/lib/plus/productSelect/utils.d.ts

@@ -0,0 +1,39 @@
+interface Product {
+    id: number;
+    title: string;
+    sort?: number;
+    category: Array<{
+        id: number;
+        name: string;
+        icon?: string;
+        slug: string;
+        sort: number;
+    }>;
+    [key: string]: any;
+}
+interface CategoryItem {
+    __typename: 'category';
+    id: number;
+    name: string;
+    icon?: string;
+    slug: string;
+    sort: number;
+}
+interface ProductItem extends Product {
+    __typename?: 'product';
+}
+declare type ListItem = CategoryItem | ProductItem;
+/**
+ * 按目录对商品进行分组，产出平级的数据结构用于虚拟列表渲染
+ * @param products 商品列表
+ * @returns 包含目录项和商品项的平级数组
+ */
+export declare function groupProductsByCategory(products: Product[]): ListItem[];
+/**
+ * 根据传入的元素标识符获取DOM元素
+ * @param elementIdentifier 元素标识符，可以是HTMLElement、带'#'的id、带'.'的类名或CSS选择器
+ * @returns 找到的DOM元素或null
+ */
+export declare function getElementByIdentifier(elementIdentifier: HTMLElement | string | null | undefined): HTMLElement | null;
+export declare const getOffsetTopRelativeToScrollContainer: (targetElement: HTMLElement, scrollContainer: HTMLElement) => number;
+export {};

package/lib/plus/productSelect/utils.js

@@ -0,0 +1,138 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/productSelect/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getElementByIdentifier: () => getElementByIdentifier,
+  getOffsetTopRelativeToScrollContainer: () => getOffsetTopRelativeToScrollContainer,
+  groupProductsByCategory: () => groupProductsByCategory
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+function groupProductsByCategory(products) {
+  if (!products || products.length === 0) {
+    return [];
+  }
+  const categoryMap = /* @__PURE__ */ new Map();
+  const categoryProductsMap = /* @__PURE__ */ new Map();
+  const uncategorizedProducts = [];
+  products.forEach((product) => {
+    if (product.category && Array.isArray(product.category) && product.category.length > 0) {
+      product.category.forEach((cat) => {
+        if (!categoryMap.has(cat.id)) {
+          categoryMap.set(cat.id, {
+            __typename: "category",
+            id: cat.id,
+            name: cat.name,
+            icon: cat.icon,
+            slug: cat.slug,
+            sort: cat.sort
+          });
+        }
+        if (!categoryProductsMap.has(cat.id)) {
+          categoryProductsMap.set(cat.id, []);
+        }
+        categoryProductsMap.get(cat.id).push({
+          ...product,
+          __typename: "product",
+          __categoryId: cat.id
+        });
+      });
+    } else {
+      uncategorizedProducts.push({
+        ...product,
+        __typename: "product",
+        __categoryId: 0
+      });
+    }
+  });
+  const sortedCategories = Array.from(categoryMap.values()).sort(
+    (a, b) => b.sort - a.sort
+  );
+  const result = [];
+  sortedCategories.forEach((category) => {
+    result.push(category);
+    const categoryProducts = categoryProductsMap.get(category.id) || [];
+    const sortedProducts = categoryProducts.sort((a, b) => {
+      const sortA = a.sort || 0;
+      const sortB = b.sort || 0;
+      return sortB - sortA;
+    });
+    result.push(...sortedProducts);
+  });
+  if (uncategorizedProducts.length > 0) {
+    const otherCategory = {
+      __typename: "category",
+      id: 0,
+      name: import_utils.locales.getText("pisell2.text.other"),
+      icon: "",
+      slug: "other",
+      sort: 99999999
+      // 确保other分组排在最后
+    };
+    result.push(otherCategory);
+    const sortedUncategorizedProducts = uncategorizedProducts.sort((a, b) => {
+      const sortA = a.sort || 0;
+      const sortB = b.sort || 0;
+      return sortB - sortA;
+    });
+    result.push(...sortedUncategorizedProducts);
+  }
+  console.log("xxxxxx", result);
+  return result;
+}
+function getElementByIdentifier(elementIdentifier) {
+  if (!elementIdentifier) {
+    return null;
+  }
+  if (elementIdentifier instanceof HTMLElement) {
+    return elementIdentifier;
+  }
+  if (typeof elementIdentifier === "string") {
+    if (elementIdentifier.startsWith("#")) {
+      return document.getElementById(elementIdentifier.slice(1));
+    }
+    if (elementIdentifier.startsWith(".")) {
+      return document.querySelector(elementIdentifier);
+    }
+    return document.querySelector(elementIdentifier);
+  }
+  return null;
+}
+var getOffsetTopRelativeToScrollContainer = (targetElement, scrollContainer) => {
+  if (!targetElement || !scrollContainer) return 0;
+  if (targetElement === scrollContainer) {
+    return 0;
+  }
+  const bodyTransform = getComputedStyle(document.body).transform;
+  let scaleY = 1;
+  if (bodyTransform !== "none") {
+    const matrix = new DOMMatrix(bodyTransform);
+    scaleY = matrix.d;
+  }
+  const targetRect = targetElement.getBoundingClientRect();
+  const containerRect = scrollContainer.getBoundingClientRect();
+  return targetRect.top / scaleY - containerRect.top / scaleY + scrollContainer.scrollTop;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getElementByIdentifier,
+  getOffsetTopRelativeToScrollContainer,
+  groupProductsByCategory
+});

package/lib/plus/saasCreateOrganization/components/Header.d.ts

@@ -0,0 +1,3 @@
+import { SCOProps } from '../types';
+import '../index.less';
+export declare const Header: (props: SCOProps) => JSX.Element;